/* ------------------------------------------------------------------
Components
Default UI components
------------------------------------------------------------------ */

/* Sign-In Page
------------------------------------------------------------------ */
#sign-in { background: #660000; color: #fff; padding: 13% 0; border-top: 6px solid #4D0000; }
#sign-in #site-identification { text-align: center; margin-bottom: 30px; }
#sign-in #site-identification h1 { font-size: 170%; margin: 0; line-height: 95%; color: #222; }
#sign-in #site-identification h1 a, 
#sign-in #site-identification h1 a:link, 
#sign-in #site-identification h1 a:visited { color: #fff; text-decoration: none; }
 #sign-in #site-identification p { font-size: 85%; color: #ddd; }
#sign-in form { width: 230px; background: #4D0000; padding: 20px 30px; margin: 0 auto; text-align: left; }
#sign-in .sign-in-links { color: #B99898; font-size: 85%; margin-top: 15px; }
#sign-in a:link, 
#sign-in a:visited { color: #B99898; text-decoration: underline; } 
#sign-in a:hover { color: #fff; }


/* Header
------------------------------------------------------------------ */
#hd { padding: 0 15px; color: #ddd; margin-bottom: 15px; }
#hd-content { position: relative; }
#hd .site-identification { float: left; padding: 20px 0 10px 0; }
#hd .site-identification h1 { float: left; display: inline; font-size: 170%; margin: 0; line-height: 95%; text-align: left; color: #555; }
#hd .site-identification #site-title-en { display: block; background: url(../images/site-title-en.gif) no-repeat; text-indent: -999em; overflow: hidden; width: 204px; height: 26px; }
#hd .site-identification h1 a, 
#hd .site-identification h1 a:link, 
#hd .site-identification h1 a:visited { color: #555; text-decoration: none; }
#hd .site-identification p { float: left; font-size: 85%; line-height: 95%; margin: 2px 0 0 0; clear: both; } 
#hd .utility-links { margin: 0; padding: 10px 0; font-size: 85%; list-style-type: none; float: right; margin-bottom: 40px; color: #eee; text-align: right; } 
#hd .utility-links a:link,
#hd .utility-links a:visited { color: #eee; text-decoration: underline; }
#hd .utility-links .divider { padding: 0 5px; font-weight: bold; }
/* self clear floated parent containers */
#hd:after, #hd-content:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
#hd, #hd-content {zoom:1;} /* IE */



/* Primary Navigation
------------------------------------------------------------------ */
.primary-navigation { font-size: 85%; position: absolute; bottom: 0; right: 0; }
.primary-navigation ul { list-style-type: none; margin: 0; float: left; }
.primary-navigation ul li { padding: 0; float: left; }
.primary-navigation a:link,
.primary-navigation a:visited { display: block; text-decoration: none; color: #fff; }
.primary-navigation a:hover { text-decoration: underline; }
/* Primary Navigation Level 1 */
.primary-navigation-level1 { padding: 0 1px 0 0; background: url(../images/primary-navigation-tab-bg.gif) no-repeat right bottom; }
.primary-navigation-level1 li { overflow: hidden; margin: 0; position: relative; }
.primary-navigation-level1 a:link,
.primary-navigation-level1 a:visited { padding: 12px 12px 8px 12px; color: #ccc; text-decoration: none; background: url(images/primary-navigation-tab-bg.gif) no-repeat left bottom; }
.primary-navigation-level1 a:hover { color: #fff; text-decoration: underli	ne; }
.primary-navigation-level1 li.selected { background: url(../images/primary-navigation-tab-active-left-bg.gif) no-repeat; } 
.primary-navigation-level1 li.selected a:link,
.primary-navigation-level1 li.selected a:visited { background: url(../images/primary-navigation-tab-active-right-bg.gif) no-repeat right top; color: #000; text-decoration: none; }
.primary-navigation-level1 li.selected a:hover { text-decoration: underline; }
/* self clear floated parent containers */
.primary-navigation-level1:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
.primary-navigation-level1 {zoom:1;} /* IE */


/* Footer
------------------------------------------------------------------ */
#ft { font-size: 85%; color: #666; border-top: 0px solid #ccc; padding: 15px 0 0 0; } 
#ft .footer-links { list-style-type: none; display: inline; margin: 0; padding: 0; }
#ft .footer-links li { display: inline; padding: 0 15px 0 0 ; }


/* Form Layout Defaults
------------------------------------------------------------------ */
form fieldset { padding: 3px 10px; margin-bottom: 15px; }
form dl { padding: 5px 0; margin: 0; }
form dt, 
form dd { padding: 0; margin: 0; }
form dt { font-weight: bold; }
form samp { font-size: 85%; color: #666; }
form .options-vertical label { display: block; }
.inline-help { text-align: left; }
.highlight-error dt { color: #E33030; }

/* Horizontal Form 1 (Labels on the top)
------------------------------------------------------------------ */
.form-layout-h-1 dl { padding: 5px 20px 5px 0; float: left; }
/* self clear floated parent containers */
.form-layout-h-1:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
.form-layout-h-1 {zoom:1;} /* IE */

/* Horizontal Form 2 (Labels on the left)
------------------------------------------------------------------ */
.form-layout-h-2 dl { padding: 5px 20px 5px 0; float: left; }
.form-layout-h-2 dt { float: left; margin-right: 5px; }
.form-layout-h-2 dd { float: left; }
/* self clear floated parent containers */
.form-layout-h-2:after,
.form-layout-h-2 dl:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
.form-layout-h-2,
.form-layout-h-2 dl {zoom:1;} /* IE */

/* Vertical Form 1 (Labels on the top)
------------------------------------------------------------------ */
.form-layout-v-1 dl { padding: 5px 0; }

/* Vertical Form 2 (Labels on the left)
------------------------------------------------------------------ */
.form-layout-v-2 dt { float: left; width: 10em; margin-right: 10px; text-align: right; }
.form-layout-v-2 dd { float: left; }
 /* self clear floated parent containers */
.form-layout-v-2:after, 
.form-layout-v-2 dl:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
.form-layout-v-2, 
.form-layout-v-2 dl {zoom:1;} /* IE */

/* Vertical Form 2 (Labels on the left)
------------------------------------------------------------------ */
.form-layout-v-3 dt { float: left; width: 10em; margin-right: 10px; }
.form-layout-v-3 dd { float: left; }
 /* self clear floated parent containers */
.form-layout-v-3:after, 
.form-layout-v-3 dl:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
.form-layout-v-3, 
.form-layout-v-3 dl {zoom:1;} /* IE */

/* Form label-input proportions 
(used for vertical forms with label on the left)
------------------------------------------------------------------ */
.form-proportions-0 dl dt { width: 5em; }
.form-proportions-1 dl dt { width: 10em; }
.form-proportions-2 dl dt { width: 15em; }
.form-proportions-3 dl dt { width: 20em; }
.form-proportions-4 dl dt { width: 25em; }


/* Full page alert
------------------------------------------------------------------ */
.alert-page { text-align: center; }
.alert { background: #eee;  border-bottom: 1px solid #ccc; border-top: 2px solid #ccc; font-size: 1em; margin: 50px auto; padding: 6px 15px; text-align: left; width: 400px; } 
.alert h1 { color: #A3120C; font-size: 1.5em; margin: 20px 20px 10px; } 
.alert p { margin: 5px 20px 20px; } 
.alert a { text-decoration: underline; }


/* Alert Confirmation
------------------------------------------------------------------ */
.alert-confirmation { background: #DCECD7 url(../images/icon-alert-confirmation.gif) no-repeat 8px .7em; border: 1px solid #5B9548; border-top: 2px solid #5B9548; color: #49763A; margin-bottom: 15px; padding: 10px 15px 5px 33px; } 
.alert-confirmation p { margin-bottom: 7px; padding: 0; } 
.alert-confirmation a { text-decoration: underline; } 
.alert-confirmation ul { margin: 0 0 7px 0; padding: 0 10px; } 

/* Alert Error
------------------------------------------------------------------ */
.alert-error { background: #F9DED8 url(../images/icon-alert-error.gif) no-repeat 8px .7em; border: 1px solid #E33030; border-top: 2px solid #E33030; color: #A3120C; margin-bottom: 15px; padding: 10px 15px 5px 33px; } 
.alert-error p { margin-bottom: 7px; padding: 0; } 
.alert-error a { text-decoration: underline; } 
.alert-error ul { margin: 0 0 7px 0; padding: 0 15px; } 

/* Alert Warning
------------------------------------------------------------------ */
.alert-warning { background: #FFFFCC url(../images/icon-alert-warning.gif) no-repeat 8px 25%; border: 1px solid #F5D851; border-top: 2px solid #F5D851; color: #C06703; margin-bottom: 15px; padding: 10px 15px 5px 33px; } 
.alert-warning p { margin-bottom: 7px; padding: 0; } 
.alert-warning a { text-decoration: underline; } 
.alert-warning ul { margin: 0 0 7px 0; padding: 0 15px; } 

/* Alert Notice
------------------------------------------------------------------ */
.alert-notice { background: #CCDCE3 url(../images/icon-alert-notice.gif) no-repeat 8px .7em; border: 1px solid #6189B7; border-top: 2px solid #6189B7; color: #395797; margin-bottom: 15px; padding: 10px 15px 5px 33px; } 
.alert-notice p { margin-bottom: 7px; padding: 0; } 
.alert-notice a { text-decoration: underline; } 
.alert-notice ul { margin: 0 0 7px 0; padding: 0 15px; }


/* Button Group
------------------------------------------------------------------ */
.button-group { clear: both; background: #eee; padding: 5px; text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
/* self clear floated parent containers */
.button-group:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
.button-group {zoom:1;} /* IE */


/* Buttons
------------------------------------------------------------------ */
.button-default { background: #5B9548; border: 3px double #fff; border-bottom-color: #060; border-right-color: #060; color: #fff; margin-right: 15px; font-weight: bold; padding: 2px 10px 2px 10px; }
.button-nondefault { background: #666; border: 3px double #999; border-bottom-color: #333; border-right-color: #333; color: #fff; margin-right: 5px; padding: 2px 10px 2px 10px; }
.button-nondefault-alt1 { background: #C45300; border: 3px double #c90; border-bottom-color: #900; border-right-color: #900; color: #fff; margin-right: 5px; font-weight: bold; padding: 2px 10px 2px 10px; }
.button-small { background: #EEEBDC; border: 3px double #ccc; border-bottom-color: #666; border-right-color: #999; color: #444; margin-right: 5px; padding: 2px 5px 0 5px; font-size: .9em; }


/* Mini Tabs
------------------------------------------------------------------ */
.mini-tabs { clear: both; font-size: 85%; margin-bottom: 15px; }
.mini-tabs ul { list-style-type: none; padding: 0; margin: 0; }
.mini-tabs ul li { display: inline; float: left; padding: 0; }
.mini-tabs a { display: block; }
/* Mini Tabs Level 1 */
.mini-tabs-level1 { background: url(../images/mini-tabs-level1-bg.gif) repeat-x left bottom; }
.mini-tabs-level1 li { background: #ddd url(../images/mini-tabs-level1-tab-bg.gif) repeat-x left top; border: 1px solid #ccc; margin: 1px 0 0 5px; }
.mini-tabs-level1 a { padding: 5px 7px; }
.mini-tabs-level1 li.selected { background: #fff; border-bottom: 1px solid #fff; border-top: 2px solid #666; margin-top: 0; }
.mini-tabs-level1 li.selected a,
.mini-tabs-level1 li.selected a:link,
.mini-tabs-level1 li.selected a:visited,
.mini-tabs-level1 li.selected a:hover { color: #000; }
/* Mini Tabs Level 2 */
.mini-tabs-level2 { margin: -10px 12px 10px 12px; padding: 0; background: #fff; border-bottom: 1px solid #ccc; clear: both; }
.mini-tabs-level2 li { color: #999; text-decoration: none; }
.mini-tabs-level2 a { padding: 5px 14px; }
.mini-tabs-level2 li.selected a { color: #000; }
/* self clear floated parent containers */
.mini-tabs:after, .mini-tabs-level1:after, .mini-tabs-level2:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
.mini-tabs, .mini-tabs-level1, .mini-tabs-level2 {zoom:1;} /* IE */


/* Table Data
------------------------------------------------------------------ */
.table-data { border: 1px solid #e5eaf1; border-right: 0; border-top: 0; margin: 5px 0; width: 100%; } 
.table-data th,
.table-data td { border-right: 1px solid #e5eaf1; border-top: 1px solid #e5eaf1; font-weight: normal; padding: 3px 5px; } 
.table-data th a { font-weight: bold; text-decoration: underline; display: block; } 
.table-data td a { text-decoration: underline; } 
.table-data th { background: #efefef; font-weight: bold; } 
.table-data thead th { border-bottom: 1px solid #e5eaf1; background: #ddd url(../images/table-header-bg.gif) repeat-x; color: #666; } 
.table-data thead th a:link,
.table-data thead th a:visited { color: #222; } 
.table-data thead th a:hover { color: #000; }
.table-data thead th a.order-asc { background: url(../images/icon-order-asc.gif) no-repeat center right; padding-right: 16px; } 
.table-data thead th a.order-desc { background: url(../images/icon-order-desc.gif) no-repeat center right; padding-right: 16px; }
.table-data tbody th { background: none; text-align: right; } 
.table-data tr.alt td { background: #f5f8fe; } 


/* Pagination
------------------------------------------------------------------ */
.pagination { position: relative; width: 100%; }
.pagination a { text-decoration: underline; }
.pagination span { color: #999; }
.pagination p { margin: 0 0 0 0; }
.pagination p.results { margin-bottom: 5px; }
.pagination p.paging { font-size: 85%; margin: 0 0 5px 0; }
.pagination p.navigation { position: absolute; right: 0; bottom: 0; color: #999; text-align: right; }
.pagination p.navigation a { font-weight: bold; }


/* Ordered Sections
------------------------------------------------------------------ */
.ordered-section { padding: 5px 0; }
.ordered-section-header-text h2 { margin: 0; }
.ordered-section-header-text p { font-size: 85%; margin: 0; color: #666; }
.ordered-section-header-label { 
  background: #3AA4B0 url(../images/ordered-section-label-bg.gif) no-repeat right center; 
  float: left; 
  display: block; 
  padding: 10px 25px 10px 15px; 
  color: #fff; 
  font-size: 180%; 
  margin-top:  10px; 
}
.ordered-section-header-label:hover { 
  background: #BD518D url(../images/ordered-section-label-bg.gif) no-repeat right center; 
  
  }

/* OLD BG COLOR FOR SQUARROWS #cc5500 */
.ordered-section-header-text { margin-left: 3.5em; }