/** ***************************************************** **/
/** Body Styles **/
/** ***************************************************** **/

html {
    overflow: -moz-scrollbars-vertical;
}

body {
    background-color: #FFFFFF;
    margin: 10px;
}

body, td, th {
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    color: #222222;
}

a {
    color: #003366;
    text-decoration: underline;
} a:hover {
    color: #003366;
    text-decoration: none;
}

form {
    margin: 0px;
}

/** ***************************************************** **/
/** Reset Default Styles **/
/** ***************************************************** **/

table {
    border-collapse: collapse;
} table td, table th {
    /* padding: 0; */
}

/** ***************************************************** **/
/** Header Styles **/
/** ***************************************************** **/

#holder_body {
    margin: 0 auto;
    width: 920px;
}

#navigation_top {
    border: solid 1px #000000;
}

#navigation_menu {
    font-size: 12px;
    border: solid 1px #000000;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    background: #000000;
}

#udm {
    background-color: #000;
}

#udm li a span {
    text-indent: -11111px;
    overflow: hidden;
}

/*****************************************
*  This is a workaround for IE6 and below
*/
* html #navigation_menu {
    border-bottom: 0px;
}
/*****************************************/

.navigation_top_tab {
    padding: 3px 10px 3px 10px;
    color: #FFFFFF;
} .navigation_top_tab:hover {
    padding: 3px 10px 3px 10px;
    color: #FFFFFF;   
} .navigation_top_separator {
    width: 1px;
    background-color: #000000;
}

#header_image {
    border: solid 1px #000000;
}

#header_sub {
    /*border: solid 1px #000000;
    border-top: none;*/
    border: 0px;
    width: 100%;
} .header_sub_left {
  height: 33px;
  padding-left: 5px;
  color: #05034C;
  font-size: 18px;
  font-weight: bold;
} .header_sub_right {
  height: 33px;
  padding-right: 5px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
}

div.section-title-bar {
    border: 0px;
    border: solid 1px #000000;
    border-top: none;
}

#holder_content_main {
    border: solid 1px #000000;
    border-top: none;
    border-bottom: none;
    padding: 15px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
}

#holder_footer_bar {
    height: 50px;
    border: solid 1px #000000;
    border-top: none;
    background: url('../../_media/jubilant-bg.gif') repeat-x left bottom;
}

#holder_footer_bar_text {
    color: #FFFFFF;
    font-size: 11px;
    padding: 22px 5px 0px 5px;
}

/** ***************************************************** **/
/** Text Styles **/
/** ***************************************************** **/

.blue { color: #003366; }

.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }

.bold { font-weight: bold; }

.heading_page {
    color: #337E00;
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}

.white_link {
    color: #FFFFFF;
    text-decoration: none;
} 

.white_link:hover {
    color: #82cc3e;
    text-decoration: none;
}

/** ***************************************************** **/
/** Sections Styles **/
/** ***************************************************** **/

table.home_section_content {
    width: 100%;
}
    table.home_section_content td {
        padding-top: 18px;
    }
        
/**
    Careers page
*/
table.careers {
    width: 100%;
    border: 1px solid #aaa;
}
    table.careers  th {
        text-align: left;
        background-color: #ccc;
        padding: 5px;
        /*border: 1px solid #aaa;*/
    }
    
        table.careers  th.table-title {
            font-size: 14px;
        }
    table.careers  td {
        vertical-align: top;
        padding: 5px;
        border: 1px solid #aaa;
    }
    
    table.careers  tr.odd {
        background-color: #ffffff;
    }
    table.careers  tr.even {
        background-color: #eeeeee;
    }


    
#ml,
#ml div.field { border: 1px solid #dfdfdf; font-size: 11px; }
#ml { border-width: 1px 0 0 1px }
#ml div.field { border-width: 0 1px 1px 0; clear: both; position: relative; overflow: hidden; width: 874px; padding: 6px; background: #F1F1F1 }
#ml label { width: 240px; float: left; text-align: left; padding-top: 4px; font-weight: bold }
#ml div.field input,
#ml div.field textarea { border: 1px solid #505050; font-size: 11px; padding: 4px; width: 400px }
#ml div.field .error { margin-left: 240px; font-weight: bold; color: darkred }
#ml div.buttons { text-align: center; padding-top: 10px; padding-bottom: 10px; padding-right: 6px; background: #DFDFDF; }
#ml span.styled_button { margin-right: 40px; }
#holder_content_main span.styled_button input,
a.styled_button { text-align: center; text-transform: uppercase; font-size: 16px; padding: 4px; border: 0; background-color: #F6F3EC; font-weight: bold; color: #024691; width: auto; text-decoration: none }
a.styled_button,
#holder_content_main span.styled_button { border: 1px solid #505050; background-color: #F6F3EC; display: inline-block; display: -moz-inline-box;  }

a.styled_button { display: block }

#ml div.captcha label { height: 96px; }
#ml div.captcha .captcha_image { margin-bottom: 6px; }
#ml div.captcha input { width: 146px; }
#ml div.captcha .captcha_reload { position: relative; top: 5px; }
* html #ml div.captcha .captcha_reload { top: 1px; margin-top: 4px }

#contact ul { right: -1px; left: auto; display: none }

.inline-image {
    float: right;
    width: 150px;
    margin: 10px 0 10px 10px;
}

.inline-image img {
    border: 0;
}

.inline-image .caption {
    font-size: 80%;
    width: 150px;
    text-align: left;
    clear: both;
}