/* CSS Document */

* { margin:0; padding:0; }
body {font-family:Arial, Helvetica, sans-serif; }
#wrapper { width:100%; height:auto; float:left; position:relative; background:url(../images/bg_main.jpg) repeat center top; }

h3 { font-size:20px;  }
h2 { font-size:30px; } 
p { font-size:12px; color:#000; line-height:18px; }

/* HEADER */
#header { width:100%; height:120px; float:left; position:relative; background:url(../images/bg_header.png) repeat-x left top; overflow:hidden}
.logo { width:267px; height:80px; float:left; position:relative; background:url(../images/logo.png) no-repeat left center; margin-left:5px; margin-top:3px }
.header_login { min-width:156px; width:auto!important; max-width:314px; height:28px; float:right; position:relative; background:url(../images/bg_header_login.gif) no-repeat left top #2C2C2C; margin-top:28px; padding:16px 14px 0 46px ; font-size:13px; color:#FFF; font-family:Arial, Helvetica, sans-serif }
.header_login a { color:#FFF; font-size:13px; text-decoration:none; }
.header_login a:hover { text-decoration:underline; }
.header_login a.logout { color:#FFD600; text-transform:uppercase }
.header_navigation { width:100%; float:left; padding:6px 10px 0 10px; color:#FFF; }
.header_navigation ul { list-style:none; }
.header_navigation ul li { display:inline; font-size:13px; font-weight:bold; border-right:1px solid #FFF; padding:0 10px; }
.header_navigation ul li a { color:#FFF; font-size:13px; text-decoration:none; text-transform:uppercase; font-weight:bold; }
.header_navigation ul li a:hover { color:#FFD600; }

/* CONTENT AREA */
#content { width:100%; height:auto; float:left; position:relative;/*background:url(../images/bg_main.jpg) repeat-x center bottom;*/ }
.container { /*min-width:1440px;*/ width:auto !important; max-width:1990px; height:auto; margin:0 auto; overflow:hidden }

.user_session_bar { width:100%; height:auto; float:left; position:relative;background:url(../images/user_session_bar.png) repeat-x left top; }
.user_session_bar p{ padding:7px 10px; color:#C9DAF4; font-size:11px; float:left;  }
.user_session_bar p a { color:#C9DAF4; text-decoration:none; }
.user_session_bar p img { float:left; }
.user_session_bar p a:hover { color:#FFD600; }
.user_session_bar p span { padding:6px 10px 0; float:left; }

.search { width:auto; float:right; padding:5px 16px 0 0 }
.search form input[type=text] { border:0 none;  float:left;  height:15px; margin:0; padding:8px; font-weight:normal;  position:relative; width:175px; background:url(../images/search_textbox.gif) no-repeat left top; } 
.search form label { color:#FFF; font-size:12px; font-weight:bold; color:#FFF; padding:0 5px; float:left; line-height:27px; height:22px; }
.search form input[type=submit] { width:32px; height:32px; float:left; position:relative; background:url(../images/search_btn.jpg) no-repeat left center; border:0; margin:0; cursor:pointer; }

.left_col_top { width:283px; height:auto; float:left; position:relative; margin:16px 0 16px 24px; background:url(../images/menu_top.png) no-repeat left top; padding:30px 0 0 0; }
.left_col_btm { width:283px; height:auto; float:left; position:relative; background:url(../images/menu_btm.png) no-repeat left bottom; padding:0 0 30px 0;}
.left_col { width:283px; height:auto; float:left; position:relative; background:url(../images/menu_mid.png) repeat-y left top; }
.left_col ul.bg1 { list-style:none; padding:0 ; }
.left_col ul.bg1 li{ border-bottom:1px solid #DBAC30; color:#000; font-weight:bold; font-size:12px; padding:0 14px; margin:0 10px  }
.left_col ul.bg1 li a {  color:#000; text-decoration:none; text-transform:capitalize; padding:8px 0 8px 18px;line-height:12px; background:url(../images/menu_bg1.png) no-repeat left center; display:block;  }
.left_col ul.bg1 li a:hover { text-decoration:underline; color:#268CD0}

.left_col ul.bg2 { list-style:none; padding:0 ; }
.left_col ul.bg2 li{ border:0;  color:#000; font-weight:bold; font-size:12px; margin:0 10px;  padding:0 14px;  }
.left_col ul.bg2 li a {  color:#000; text-decoration:none; text-transform:capitalize; padding:8px 0 8px 18px;line-height:12px; background:url(../images/menu_bg2.png) no-repeat 6px center; display:block;  }
.left_col ul.bg2 li a:hover { text-decoration:underline; color:#268CD0 }

.left_col ul.bg1 ul.bg2 li {margin:0; padding-left:34px }
*+html .left_col ul.bg1 ul.bg2 li { margin:0; padding-left:14px }

.left_col .head { width:211px; height:24px; background:url(../images/menu_head.png) no-repeat left top; color:#FFF; font-size:12px; font-weight:bold;padding:13px 10px 10px 24px; display:block; margin:12px 0 0 0 }

.right_contentarea { float:right; }
.right_title { margin:0 0 10px 0; /*border-bottom:1px solid #C9A864;*/ background:url(../images/horiz_split_1.png) repeat-x left bottom; padding:0 0 10px 0; float:left; width:100%}
.right_subtitle {  padding:0 0 4px 0; float:left; width:100%}
.right_subtitle h3,
.right_title h2 { float:left; }
.right_figure_display { width:185px; height:34px; float:right; position:relative; text-align:center; font-size:12px; text-shadow:0px 1px #FFF; background:url(../images/figure_display.png) no-repeat left top; margin:0 14px 0 0; line-height:34px; font-weight:bold; }
.btn_black { border:0; margin:10px 15px 0 0 }
.btn_blue { font-size:12px; font-weight:bold; color:#fff; text-decoration:none; text-align:center; padding:4px 20px 7px; display:block; float:right; margin:0 12px; background:url(../images/btn_blue.png) repeat-x left top; border:0; cursor:pointer; line-height:17px  }
.btn_blue:hover { background-position:left bottom }

/* YELLOW RIGHT CONTAINER */
.data_display_top { width:839px; height:auto; float:left; position:relative; background:url(../images/yellow_right_top.png) no-repeat left top; padding:30px 0 0 0; margin:16px 24px 16px 0; }
.data_display_btm { width:839px; height:auto; float:left; position:relative; background:url(../images/right_yellow_btm.png) no-repeat left bottom; padding:0 0 30px 0 }
.data_display_mid { width:799px; height:auto; float:left; position:relative; background:url(../images/right_yellow_mid.png) repeat-y left top; padding:0 20px; }

.data_display_mid_LONG table,
.data_display_mid table { padding:1px;border: 1px solid #E6D6B6; float:left;}
.data_display_mid_LONG th,
.data_display_mid th { padding:5px 5px; color:#FFF; font-weight:bold; font-size:13px;  border-right: 1px solid #E6D6B6; }
.data_display_mid_LONG td,
.data_display_mid td { padding:5px 8px; border-right: 1px solid #E6D6B6;border-bottom: 1px solid #E6D6B6; font-size:12px;}
.data_display_mid_LONG .even td,
.data_display_mid .even td { background:#FDF6E1; }
.data_display_mid_LONG td.noborder,
.data_display_mid td.noborder { border-right:0px; }

.hit_details { width:300px; float:left; padding:96px 10px 0 0; text-align:left; }
.hit_details p { padding:3px 0 }
.hit_details span { float:right; }

/* YELLOW RIGHT LONG CONTAINER */
.data_display_top_LONG { width:930px; height:auto; float:left; position:relative; background:url(../images/yellow_right_top_LONG.png) no-repeat left top; padding:30px 0 0 0; margin:16px 24px 16px 0; }
.data_display_btm_LONG { width:930px; height:auto; float:left; position:relative; background:url(../images/right_yellow_btm_LONG.png) no-repeat left bottom; padding:0 0 30px 0 }
.data_display_mid_LONG { width:890px; height:auto; float:left; position:relative; background:url(../images/right_yellow_mid_LONG.png) repeat-y left top; padding:0 20px; }

.redlink { color:#FF0000; padding:0 3px;text-decoration:none; }
.bluelink { color:#0066FF; padding:0 3px;text-decoration:none; }

.redlink:hover,
.bluelink:hover { text-decoration:underline  }

.search_vouchers { width:auto; float:right; padding:5px 16px 0 0 }
.search_vouchers form input[type=text] { border:0 none;  float:left;  height:14px; margin:0; padding:8px;  position:relative; width:175px; background:url(../images/search_voucher_textbox.gif) no-repeat left top; } 
.search_vouchers form label { color:#FFF; font-size:12px; font-weight:bold; color:#FFF; padding:0 5px; float:left; line-height:27px; height:22px; }
.search_vouchers form input[type=submit] { width:32px; height:32px; float:left; position:relative; background:url(../images/search_vouchers_btn.gif) no-repeat left center; border:0; margin:0; cursor:pointer; }

/* WHITE RIGHT CONTAINER */
.form_container_top { width:888px; height:auto; float:left; position:relative; background:url(../images/white_right_top.png) no-repeat left top; padding:30px 0 0 0; margin:16px 24px 16px 0; }
.form_container_btm { width:888px; height:auto; float:left; position:relative; background:url(../images/white_right_btm.png) no-repeat left bottom; padding:0 0 30px 0 }
.form_container_mid { width:848px; height:auto; float:left; position:relative; background:url(../images/white_right_mid.png) repeat-y left top; padding:0 20px; }

fieldset { border:1px solid #C9A864; border-radius:10px; -moz-border-radius: 10px; }
legend { color:#7B0406; font-size:20px; padding:3px; margin-left:30px; font-weight:normal; }

/* FORM STYLES */
.input_row { width:557px; height:auto; padding:0 0 10px 0; width:100%; float:left; margin:0 auto; }
form label { width:175px; color:#000; font-size:12px; font-weight:bold; text-align:right;padding:6px 10px 0 0; float:left; }
form input[type=text],
form input[type=password] { width:336px; height:26px; float:left; background:url(../images/textbox.gif) no-repeat left top; padding:4px 5px 0 5px; font-weight:bold; font-size:12px; border:0} 
form select {width:346px; height:31px; float:left; background:url(../images/select.gif) no-repeat left top; padding:0px 5px 0 5px; font-weight:bold; font-size:12px; border:0 }
form #multipleselect { width:347px; height:82px; float:left; background:url(../images/textarea.gif) no-repeat left top; padding:4px 5px 0 5px; font-weight:bold; font-size:12px; border:0 }
form input[type=checkbox] {width:336px; height:82px; float:left; background:url(../images/textarea.gif) no-repeat left top; padding:4px 5px 0 5px; font-weight:bold; font-size:12px; border:0 }
form textarea { width:336px; height:82px; float:left; background:url(../images/textarea.gif) no-repeat left top; padding:4px 5px 0 5px; font-weight:bold; font-size:12px; border:0}
form input[type=file] { width:95px; height:25px; float:left; position:relative; background:url(../images/btn_chooseFile.png) no-repeat left top; }
.form_container_mid form input{ float:left; margin:0 3px 0 0 }

.left_empty { width:185px; height:32px; float:left; position:relative; }
.width_651 { width:651px; margin:10px auto; padding:10px }
.width_888 { width:888px; margin:0 auto; }
.width_888 form { margin:0 auto;} 
.width_471 { width:471px; margin:10px auto; padding:20px}
.width_447 { width:447px; padding:5px } 
.width_447 form label { width:88px;}
.width_447 form input[type=text] { width:212px; height:23px; padding-top:0 }
.width_447 form input[type=submit] { float:left; }
.width_447 .input_row { padding-bottom:10px }
#radiogroup_accesstype label { width:auto; font-weight:normal; padding-right:5px }

.agreeemnt {width:346px; height:87px; overflow-y:auto; font-size:10px; line-height:14px; text-align:left; border:1px solid #EBEBEB; float:left; margin:3px 0; padding:3px; }

.magazines_form { text-align:center; }
.magazines_form input[type=text] {float:none; text-align:center;}
.magazines_form input[type=submit] {float:none; clear:both; margin:0 auto; }

/* FOOTER */
#footer { background:transparent url(../images/bg_footer.png) repeat-x scroll center -73px; float:left; height:34px;  padding-top:70px; position:relative;  width:100%; color:#FFF; } 
.copyright { font-size:11px; padding:6px 10px 0 10px; float:left; color:#FFF }
.copyright a { text-decoration:none; color:#FFF; }
.copyright a:hover { color:#FFD600; }
.footer_navigation { width:380px; list-style:none; padding:5px 0px 0 10px; float:right; }
.footer_navigation li { display:inline; padding:0 10px; border-right:1px solid #FFF; font-size:12px; }
.footer_navigation li a { color:#FFF; font-size:13px; text-decoration:none; text-transform:uppercase; font-weight:bold; }
.footer_navigation li a:hover { color:#FFD600; }


/* overrides for ui-tab styles */
/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; float:left; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 1px 0 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; background:url(../images/bg_tabs_left.png) no-repeat left bottom; }
.ui-tabs .ui-tabs-nav li a { float: left; padding:6px 30px 6px 16px; text-decoration: none; color:#FFF; font-weight:bold; font-size:12px;background:url(../images/bg_tabs.png) no-repeat right bottom; margin-left:4px; outline:0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0px;  background:url(../images/bg_tabs_left.png) no-repeat left top;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background:url(../images/bg_tabs.png) no-repeat right top;outline:0;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0;  background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs .ui-tabs-panel a { color:#000; text-decoration:none; }
.ui-tabs .ui-tabs-panel a:hover { text-decoration:underline; color:#268CD0  }

.icon_addnewrecord { background:url(../images/add-icon.png) no-repeat left center; padding-left:30px; display:block; float:right; padding-top:2px; padding-bottom:2px }
.dashboard_section { min-height:48px; height:auto; float:left; position:relative; background:url(../images/icon_book.jpg) no-repeat left top; padding:10px 0 0 52px; margin:0 10px }
.section1 { width:214px; }
.section2 { width:303px }
.section3 { width:118px; }
.dashboard_section ul li { float:left; padding:2px 14px 2px 8px; background:url(../images/arrow-right.png) no-repeat left 9px; list-style:none;  }
.dashboard_section ul li a { color:#000; text-decoration:none; font-size:12px }
.dashboard_section ul li a:hover {  text-decoration:underline; color:#268CD0 }
.clear { padding:8px 0; clear:both; }
.dashboard_form_left { width:417px; }
.dashboard_form_left form input[type=text],.dashboard_form_left form textarea { width:246px; }
.dashboard_form_left form label { width:140px }