/* FYI -- Color values
Light Blue (menu background): #dceaf4
Medium Blue (box background): #cfe1ea
Light Dark Blue (soft text): #609cb9
Mid Dark Blue (sub headings): #4f7ea0
Dark Blue (emplasis text): #19254f
Orange (hyperlnks): #d4ac19
Light Gray (button background): #f2f2f2
Medium Gray (lines, disabled text): #cacaca
*/
@media screen {
/*************** CSS Reset ******************************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td, button {margin:0; padding:0;}
.gwz table {border-collapse:collapse;border-spacing:0;}
.gwz fieldset,img {border:0;}
.gwz address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
.gwz ol,ul {list-style:none;}
.gwz caption,th {text-align:left;}
.gwz h1,h2,h3,h4,h5,h6 {font-weight:normal;}
.gwz q:before,q:after {content:'';}
.gwz abbr,acronym {border:0;}
body {font-family:Arial, Helvetica, sans-serif;font-size:71%;height:100%;}
/*************** Global Element Styles ******************************************************************************************/
/*---------- formatting ----------*/
.contentContainer p {font-size:1.1em;margin-bottom:1.3em;line-height:1.5em}
.contentContainer strong {font-weight:bold}
.contentContainer em {font-style:italic}
.contentContainer ul {margin:10px 20px 0px 40px;}
.contentContainer li {margin:0 0 10px 0; list-style-type:disc;font-size:1.1em;}
.contentContainer li li {font-size:1em;}
/*---------- Links ----------*/
.gwz a {color:#d4ac19; text-decoration:underline;}
.gwz a:hover {text-decoration:none;}
/*---------- Tables ----------*/
.gwz th, .gwz td {text-align:left; padding:5px; border-bottom:1px solid #cccccc; vertical-align:top;}
.gwz th {vertical-align:bottom;font-weight:bold}
.layout td {border:none;}
.layout td .gwz td {border-bottom:1px solid #cccccc; }
/*---------- Headings ----------*/
.gwz h1, .gwz h2, .gwz h3, .gwz h4 {font-family:"Arial Narrow", Arial, Helvetica; color:#609cb9}
.gwz h1 strong,
.gwz h2 strong,
.gwz h3 strong,
.gwz h4 strong {color:#19254f;font-weight:bold}
.gwz h2,
.gwz h3,
.gwz h4 {font-family:Arial, Helvetica, sans-serif;color:#4f7ea0}
.gwz h1 {font-size:2.5em;}
.gwz h2 {font-size:1.45em;border-bottom:1px solid #4f7ea0;margin-bottom:10px}
.gwz h3 {font-size:1.3em;}
.gwz h4 {font-size:1.1em;}
.gwz h5 {font-size:1em; Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#003082; font-weight:bold;}
.accessibility {display:none;}
/*---------- Forms ----------*/
.errorMessage {border:3px solid #d4ac19;background-color:#f5e9bf;padding:15px;text-align:center;margin-top:20px}
.bc-errorMessage {margin-top:20px}
fieldset .errorMessage {clear:both;border:none;padding:2px;text-align:left;background:transparent;margin:0}
fieldset .errorMessage span {display:block;padding:2px;background-color:#f5e9bf;color:#d4ac19}
fieldset {display:block;position:relative;margin-top:10px;}
fieldset .required label {border-left:4px solid #d4ac19;padding-left:3px}
fieldset.FORM_block {}
fieldset.FORM_block .FORM_row {margin:0 10px 10px 0;padding-left:15px;clear:both; width:90%;}
fieldset.FORM_block .FORM_row-split {margin:0 10px 10px 0;padding-left:15px;float:left;display:inline;}
fieldset.FORM_block label {display:block;margin-bottom:3px;}
fieldset.FORM_inline {}
fieldset.FORM_inline .FORM_row {margin:0 10px 10px 15px;clear:both;width:90%;}
fieldset.FORM_inline .FORM_row-split {margin:0 10px 10px 15px;float:left;display:inline}
fieldset.FORM_inline label {float:left;padding:3px 3px 3px 0;margin-right:10px;display:inline}
.FORM_inputText,
fieldset .FORM_textarea {border:1px solid #cacaca;padding:3px}
fieldset .FORM_instruction {margin:0 0 10px 15px}
fieldset .FORM_inputText,
fieldset .FORM_textarea,
fieldset select {padding:3px;font-size:1.1em;float:left}
fieldset .FORM_textarea {font-family:Arial, Helvetica, sans-serif;}
fieldset .etc {}
fieldset .etc:after { display: block; clear: both; content: " "; height: 0;overflow: hidden;}
fieldset .buttonContainer {clear:both;padding-top:15px}
fieldset .buttonContainer div {float:left;margin-right:15px}
fieldset .FORM_checkboxRadio {overflow:hidden;zoom:1}
fieldset .FORM_checkboxRadio div {clear:left;margin-left:20px}
fieldset .FORM_checkboxRadio .FORM_checkboxRadioInput {float:left;margin-right:5px}
fieldset .FORM_checkboxRadio label {float:left;width:auto}
fieldset .required .FORM_checkboxRadio label {border:none;padding:0}
/***************** Wigets ******************************************************************************************/
/*---------- generic multi-columns ----------*/
.twoColumn1, .twoColumn2 {position:relative; float:left; width:48%; display:inline;}
.threeColumn1, .threeColumn2, .threeColumn3 {position:relative; float:left; width:30%;display:inline;}
/*---------- Centered Floats ----------*/
.centerFloat {width:100%;overflow:hidden}
.centerFloat .cf-container {float:left;position:relative;left:50%}
.centerFloat .cf-content {float:left;position:relative;right:50%}
.LBtooltip {position:relative; border-bottom:1px dotted #4f7ea0;color:#4f7ea0;font-size:.8em}
.tooltip {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F2F2F2 none repeat scroll 0 0;
border:1px solid #609CB9;
color:#000000;
display:none;
font-size:1.1em;
left:0;
padding:10px;
position:absolute;
top:0;
width:250px;
z-index:100;
}
.tooltip h6 {
color:#609CB9;
font-size:1.2em;
font-weight:bold;
margin-bottom:5px;
}
/*---------- Stretchable Boxes ---------- */
/** simple **/
.box {position:relative;padding:8px;zoom:1;}
.box .box-tl, .box .box-tr, .box .box-bl, .box .box-br {height:8px;width:8px;position:absolute;background-repeat:no-repeat}
.box .box-tl {top:0;left:0}
.box .box-tr {top:0;right:-1px;}
body > * .box .box-tr {top:0;right:0;}
.box .box-bl {bottom:-1px;left:0}
body > * .box .box-bl {bottom:0;left:0}
.box .box-br {bottom:-1px;right:-1px}
body > * .box .box-br {bottom:0;right:0}
.box-blue {background-color:#cfe1ea;}
.box-blue .box-tl, .box-blue .box-tr, .box-blue .box-bl, .box-blue .box-br {background:url(stretchablebox/box_blue.gif);font-size:1px}
.box-blue .box-tl {background-position:top left}
.box-blue .box-tr {background-position:top right}
.box-blue .box-bl {background-position:bottom left}
.box-blue .box-br {background-position:bottom right}
/** complex
*/
.box .topLeft {height: 31px; font-size:1px;}
.box .topLeft .topRight {height: 31px;font-size:1px;margin: 0px 0px 0px 70px; }
.box .contentLeft {}
.box .boxContent {position: relative; margin: 0px 0px 0px 4px; padding: 10px 4px 0px 0px;height:100%;}
.box .bottomLeft { height: 12px;font-size:1px;}
.box .bottomLeft .bottomRight { height: 12px; margin: 0px 0px 0px 70px;}
/* Stretchable Type Visual Style */
/*Standard */
.box_standout {padding:0}
.box_standout h2 {position:absolute;top:-31px;left:0;width:100%;padding-top:7px;color:#fff;text-align:center;border:none}
.contentContainer .box_standout p {font-size:1.1em;padding-bottom:1.3em;line-height:1em}
.contentContainer .box_standout p {font-size:1.1em;padding-bottom:1.3em;line-height:1em}
.contentContainer .box_standout ul {margin-bottom:0px;padding-bottom:10px}
/* IE6 PNG alternate */
.box_standout .topLeft {background: url(stretchablebox/box_standout_header_left.gif) no-repeat left;}
.box_standout .topLeft .topRight {background: url(stretchablebox/box_standout_header_right.gif) no-repeat right; }
.box_standout .contentLeft {background: url(stretchablebox/box_standout_content_left.gif) repeat-y left;}
.box_standout .boxContent {background: url(stretchablebox/box_standout_content_right.gif) repeat-y right;}
.box_standout .bottomLeft {background: url(stretchablebox/box_standout_footer_left.gif) no-repeat left;}
.box_standout .bottomLeft .bottomRight {background: url(stretchablebox/box_standout_footer_right.gif) no-repeat right;}
/* all others */
body > * .box_standout .topLeft {background-image: url(stretchablebox/box_standout_header_left.png);}
body > * .box_standout .topLeft .topRight {background-image: url(stretchablebox/box_standout_header_right.png);}
body > * .box_standout .contentLeft {background-image: url(stretchablebox/box_standout_content_left.png);}
body > * .box_standout .boxContent {background-image: url(stretchablebox/box_standout_content_right.png);}
body > * .box_standout .bottomLeft {background-image: url(stretchablebox/box_standout_footer_left.png);}
body > * .box_standout .bottomLeft .bottomRight {background-image: url(stretchablebox/box_standout_footer_right.png);}
/*---------- Buttons ----------
*/
.buttonContainer {overflow:hidden;zoom:1}
/* Small */
.simpleButton-sm {overflow:hidden}
.simpleButton-sm a {float:left;height:24px;padding-left:10px;cursor:hand;}
.simpleButton-sm span {float:left;height:20px;padding:4px 10px 0 0}
/* small orange */
.sbs-orange a{background:url(buttons/button_simple_small_orange_left.gif) no-repeat top left; text-decoration:none}
.sbs-orange span {background:url(buttons/button_simple_small_orange_right.gif) no-repeat top right; color:#ffffff}
/* small gray */
.sbs-gray a{background:url(buttons/button_simple_small_gray_left.gif) no-repeat top left; text-decoration:none}
.sbs-gray span {background:url(buttons/button_simple_small_gray_right.gif) no-repeat top right; color:#000}
/* small blue */
.sbs-blue a{background:url(buttons/button_simple_small_blue_left.gif) no-repeat top left; text-decoration:none}
.sbs-blue span {background:url(buttons/button_simple_small_blue_right.gif) no-repeat top right; color:#19254f}
/* Large */
.simpleButton-lg {overflow:hidden}
.simpleButton-lg a {float:left;height:29px;padding-left:13px;cursor:hand;}
.simpleButton-lg span {float:left;height:24px;padding:5px 13px 0 0;font-size:1.5em}
/* large gray */
.sbl-gray a{background:url(buttons/button_simple_large_gray_left.gif) no-repeat top left; text-decoration:none}
.sbl-gray span {background:url(buttons/button_simple_large_gray_right.gif) no-repeat top right; color:#609cb9}
/* large blue */
.sbl-blue a{background:url(buttons/button_simple_large_blue_left.gif) no-repeat top left; text-decoration:none}
.sbl-blue span {background:url(buttons/button_simple_large_blue_right.gif) no-repeat top right; color:#609cb9}
/* large orange */
.sbl-orange a{background:url(buttons/button_simple_large_orange_left.gif) no-repeat top left; text-decoration:none}
.sbl-orange span {background:url(buttons/button_simple_large_orange_right.gif) no-repeat top right; color:#fff}
/*************** Global Page Structure ******************************************************************************************/
body {background:url(global/background_content.gif) repeat-x #ffffff}
.pageContainer {width:990px;margin:0 auto;text-align:left; position:relative}
/*---------- Header ----------*/
.header {height:135px;position:relative; z-index:500;}
.logo {position:absolute; top:25px; left:0;}
/*---------- Main Content ----------*/
/*---------- Footer ----------*/
.footer-shim {width:100%;position:absolute; bottom:5px; z-index: -900; }
.footer {width:80%;margin-left:auto; margin-right:auto;}
.footer .box {overflow:hidden;zoom:1;padding:15px;}
.footer a {color:#19254f;}
.footer li {float:left;}
.footer .twoColumn1 {width:576px}
.footer .twoColumn1 p {padding-top:5px;clear:both;}
.footer .twoColumn1 li {margin-right:15px;}
.footer .twoColumn2 {width:380px;}
.footer .twoColumn2 li {float:right;margin-left:15px;}
/*************** Page Layouts ******************************************************************************************/
.contentContainer .justifyRight {text-align:right;}
/*----- Login -----*/
body.login {height:100%; min-width: 780px; min-height: 500px; }
body.login .contentContainer {padding-bottom:100px;zoom:1;}
body.login .contentContainer .twoColumn1{width:390px;margin:20px 75px 0px 75px;}
body.login .contentContainer .twoColumn2{width:345px;margin-top:20px;padding-top:25px;}
body.login fieldset {padding-top:15px;}
body.login fieldset label {width:75px;}
body.login fieldset .FORM_inputText {width:220px; margin-bottom:5px;}
body.login fieldset .etc {height:25px}
body.login fieldset .etc a {margin-left:10px;}
body.login fieldset .buttonContainer {margin-left:100px;}
body.login fieldset .LBtooltip {float:left;}
body.login .errorMessage {margin:0 10px 0 10px;}
body.login fieldset .errorMessage {margin:0 0 0 85px;}
body.login fieldset .buttonContainer {padding:0 0 10px 0;}
body.login .contentContainer .twoColumn2 h2{margin-bottom:15px;}
body.login .modalContent {width:300px}
body.login .modalContent .buttonContainer {margin-left:15px}
body.login .modalContent fieldset .FORM_inputText {width:175px}
body.login .modalContent fieldset .errorMessage {margin:0px}
/*----- Generic Message -----*/
body.message {}
body.message h1 {margin-bottom:10px;}
body.message .simpleButton-sm {margin-top:20px;}
/*----- Checkout -----*/
.hide {display:none;}
/*----- Sitemap -----*/
.contentContainer ul.menu { margin-left:35%; width:40%}
/*---------- System Message ----------*/
.systemMessage {/*display:none;*/margin-bottom:15px;padding:15px;text-align:center;background-color:#cfe1ea;border:1px solid #609cb9}
.contentContainer .systemMessage p {line-height:normal;margin:0;}
.sm-error {border:3px solid #d4ac19;background-color:#f5e9bf}
.login-bg {height:100%; width:100%;}
.login-error {padding: 0px 15px; margin:0px; font-size: 10pt; font-weight:bold; color:red;}
/*************** EKTRON FIXES ************************************************************************************/
/*---------- Ektron Modal Fix ---------- */
.RadETableWrapper th,
.RadETableWrapper td {padding:0; border-bottom:none;}
.RadETableWrapper th {font-weight:normal}
/*---------- Ektron UI Styling ---------- */
.ektronControls {position:absolute; top:3px; left:0;z-index:5000}
.ektronControls a {float:left;margin-right:10px}
.ektronControls br {display:none}
}