﻿/* YUI resets */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;	padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border-style: none;border-color: inherit;border-width: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
/* End YUI resets */
body 
{
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #827D6F;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 14px;
	color: #2B3541;
	background-image: url(/images/bg_shadow_left.png);
	background-repeat: repeat-y;
	background-position: left top;  	
}
h1
{
    font-size: 125%;
}
h2
{
    font-size: 120%;
}
p
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
p.logo
{
    text-align: center;
    padding: 10px 0px;
}
a
{
    color: #2B3541;
}
a:hover
{
    color: #6A6454;
}
#docwrapper
{
    width: 1000px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #fff;
	background-image: url(/images/bg_draft.jpg);
	background-repeat: no-repeat;
	background-position: center top;    
}
#header
{
    margin: 0px 15px 0px 15px;
    padding: 0px 0px 0px 0px;
}
#logo
{
    float: left;
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 500px;
    height: 48px;
    background-image: url(/images/logo_gfe.png);
    background-repeat: no-repeat;
}
#topBannerAd
{
    height: 80px;    
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    float: right;
}
#topBannerAd a img
{
    width: 468px;
    height: 60px;
    border: solid 1px #6A6454;
}
.adTop
{
    width: 468px;
    height: 60px;
    border: solid 1px #6A6454;
}
#topBannerAd h1
{
    margin: 20px 0px 0px 0px;
    font-size: 130%;
    font-weight: bold;
    letter-spacing: .02em;
}
#topNav
{
    float: left;
    background-image: url(/images/bg_navbar.png);
    background-repeat: repeat-x;
    border: solid 1px #6A6454;
    border-bottom: none 0px;
    padding: 6px 0px 0px 10px;
    margin: 0px;
    background-color: #fff;
    width: 960px;
}
#rightNav
{
    width: 245px;
    float: right;
}
#rightNav li
{
    font-size: 85%;
    float: right;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    /*border-right: solid 1px #6A6454; fix when ad link goes live again or if you have more items*/
}
#rightNav li.lastLi
{
    border-right: none 0px #6A6454;
}
#main
{
    clear: both;
    margin: 0px 15px 0px 15px;
    padding: 0px 0px 0px 0px;
}
#splash
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
    background-color: #fff;
    border: solid 1px #6A6454;
    border-top: none 0px;
    float: left;
    width: 970px;
}
#splashwarning
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	border: solid 1px #6A6454;
	border-top: none 0px;
	float: left;
	width: 970px;
	font-size: 110%;
	color: Red;
}
#splashBanner
{    
    clear: both;
    float: left;
    margin: 0px 15px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 710px;
    height: 225px;
    background-color: #fff;
    background-image: url(/images/gfe_splash01.jpg);    
    background-repeat: no-repeat;  
    border-bottom: solid 1px #6A6454;
    border-top: solid 1px #6A6454;
    border-right: solid 1px #6A6454;
}
#splashImg
{
    float: right;
    padding: 0px 45px 0px 42px;
    margin: 0px 0px 0px 0px;
    width: 210px;
}
#splashImg img
{
    height: 225px;
    width: 206px;       
}
#splashBadges
{
    float: right;
    margin: 0px -8px 0px 0px;
    padding: 0px 0px 0px 0px;   
}
#splashBanner img.badgeImg
{
    float: left;
}
#splashTagline
{
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 300px;
    height: 100px; 
}
#splashBanner h1
{
    font-size: 225%;
    color: #6a6454;
}
#splashText
{
	margin: 110px 15px 0px 10px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 680px;
	color: #05683A;
}
.splashText
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
	color: #05683A;
}
.quarterColumn
{
    float: left;
    width: 217px;
    margin: 0px 0px 0px 0px;
    padding: 15px 25px 15px 0px;
}
.threeQuarterColumn
{
    float: left;
    width: 725px;
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 0px 0px;
}
.quarterColumn p, .threeQuarterColumn p
{
    line-height: 1.75em;
}
.lastColumn
{
    border-left: solid 1px #6a6454;
    padding: 15px 0px 15px 15px;
}
h2.icon_money, h2.icon_building, h2.icon_mouse, h2.icon_hand, h2.icon_check, h2.icon_pen, h2.icon_help, h2.icon_globe, h2.icon_doc, h2.icon_handshake, h2.icon_padlock, h2.icon_webinar, h2.icon_briefcase, h2.icon_filecab, h2.icon_greenarrow
{
    height: 44px;
    padding: 5px 0px 5px 50px;           
} 
.icon_greenarrow
{
	background-image: url(/images/greenarrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.icon_briefcase
{
	background-image: url(/images/briefcase.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.icon_filecab
{
	background-image: url(/images/filingcabinet.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.icon_money{background-image: url(/images/icon_money.png);background-repeat: no-repeat;background-position: left top;}
.icon_building{background-image: url(/images/icon_building.png);background-repeat: no-repeat;background-position: left top;}
.icon_mouse{background-image: url(/images/icon_mouse.png);background-repeat: no-repeat;background-position: left top;}
.icon_hand{background-image: url(/images/icon_hand.png);background-repeat: no-repeat;background-position: left 10px;}
.icon_pen{background-image: url(/images/icon_pen.png);background-repeat: no-repeat;background-position: left top;}
.icon_check{background-image: url(/images/icon_check.png);background-repeat: no-repeat;background-position: left top;}
.icon_help{background-image: url(/images/icon_help.png);background-repeat: no-repeat;background-position: left top;}
.icon_globe{background-image: url(/images/icon_globe.png);background-repeat: no-repeat;background-position: left top;}
.icon_doc{background-image: url(/images/icon_doc.png);background-repeat: no-repeat;background-position: left top;}
.icon_padlock{background-image: url(/images/icon_padlock.png);background-repeat: no-repeat;background-position: left top;}
.icon_handshake{background-image: url(/images/icon_handshake.png);background-repeat: no-repeat;background-position: left top;}
.icon_webinar{background-image: url(/images/icon_webinar.png);background-repeat: no-repeat;background-position: left top;}
#splashRightColumn
{
    background-color: #fff;
    width: 125px;
}
#companyDescription
{
    clear: both;
    border-top: solid 1px #6a6454;
    margin-bottom: 15px;
}
#footer
{
    clear: both;
    margin: 0px 15px 0px 15px;
    padding: 5px 0px 0px 0px;
    border-top: solid 1px #6a6454;
    font-size: 80%;
}
#footerNav
{
    float: left;
    padding: 0px 0px 10px 0px;
}
#footerCopyright
{
    float: right;
}
img.tinyLogo
{
    vertical-align: middle;
}
#contentWrapper
{
    width: 970px;
    background-color: White;
    border-left: solid 1px #6a6454;
    border-right: solid 1px #6a6454;
}
#content
{
    float: left;
    width: 840px;
    background-color: white;
    margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px 0px;    
}
#content.noAds
{
    width: 750px;
    border-right: solid 1px #6a6454;
    margin-right: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
}
#contentHeader
{
    min-height: 50px;
    margin: 15px 0px 10px 0px;
    padding: 0px 0px 0px 15px; 
}
#contentHeader p
{
    background-image: url(/images/icon_pen.png);
    background-repeat: no-repeat;
    padding: 0px 0px 0px 50px;
}
#contentBody
{
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 10px;  
}
#sideAds
{
    float: left;
    width: 120px; 
    margin: 45px 0px 0px 0px;
    padding: 0px 0px 0px 0px;     
}
#sideBar
{
    float: left;
    width: 189px; 
    height: 500px;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background-image: url(/images/bg_sidebar.png);
    background-repeat: repeat-x;
    background-position: left top;    
}
.verticalAd
{
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px; 
    height: 240px;
    width: 120px; 
    border: solid 1px #6A6454;
}
.hudContainer
{
    width:830px;
    height: 300px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #eee;
}
a.hudLink
{
    color: #004AB0;
    padding-right:5px;
}
/* styles relating to forms */
.formWrapper
{
    clear: both;
    float: left;
    width:670px;
    margin: 0px 0px 0px 55px;
    padding: 0px 0px 0px 0px; 
}
.formWrapper h2
{
    margin: 15px 0px 5px 0px;
}
.formWrapper div.loginForm
{
    margin: 3px;
}
div.loginFormButton
{
    margin-left: 132px;
}
.blocked
{
    background-color: #cecece;
    padding: 5px 5px 5px 5px;
    border: solid 1px #6A6454;
    color: #6A6454;
    background-image: url(/images/bg_blocked.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}
.ColumnFirst
{
    float: left;
    width: 150px;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 0px;   
}
.ColumnSecond
{
    float: left;
    width: 150px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;      
}
.ColumnThird
{
    float: left;
    width: 150px;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 0px;    
}
.ColumnFourth
{
    float: left;
    width: 150px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px;     
}
.ColumnFirstSecond
{
    width: 300px;
    margin: 0px 15px 0px 0px;
    padding: 5px 0px 5px 0px;    
    float: left;  
}
.ColumnThirdFourth
{
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 15px;     
}
span.formCheckbox input
{
    margin-right: 5px;
    float: left;
}
p.formCheckbox
{
    margin: 0px 0px 15px 0px;    
}
input.formCheckbox
{
    float: left;
}
#scrollIt
{
    border: solid 1px black;
    width: 660px;
    height: 150px;
    overflow: scroll;
    font-size: .8em;
    margin: 0px 0px;
    padding: 5px 5px;     
}
#scrollIt p
{
    text-indent: 2em;
    margin: 5px 0px;
}
#scrollIt h2
{
    margin: 5px 0px;
    font-weight: bold;
}
.trailerScroll
{
    border: solid 1px black;
    width: 700px;
    height: 150px;
    overflow: scroll;
    font-size: .8em;
    margin: 0px 0px;
    padding: 5px 5px;     
}
.trailerScroll p
{
    margin: 5px 0px;
}
.trailerScroll h2
{
    margin: 5px 0px;
    font-weight: bold;
}
.error
{
    color: Red;
}
.formButton
{
    float: right;
    padding-left: 5px;
}
/* hudtab styles */
#hudTabWrapper
{
    width: 850px;
    float: left;
    background-image: url(/images/hudTabWrapperBg.png);
    background-repeat: repeat-x;
    margin-left: -15px;
    margin-bottom: 5px;
    
}
.hudTab1, .hudTab2, .hudTab3, .hudTab4, .hudTab1Active, .hudTab2Active, .hudTab3Active, .hudTab4Active
{
    float: left;
    height: 33px;
    width: 56px;
    background-repeat: no-repeat;
    background-position: left top;
}
.hudTab1Active
{
    background-image: url(/images/hudTab1On.png);
    border-bottom: none 0px;
    padding: 40px 0px 0px 80px;
}
.hudTab2Active
{
    background-image: url(/images/hudTab2On.png);
    border-bottom: none 0px;
    padding: 40px 0px 0px 80px;
}
.hudTab3Active
{
    background-image: url(/images/hudTab3On.png);
    border-bottom: none 0px;
    padding: 40px 0px 0px 80px;
}
.hudTab4Active
{
    background-image: url(/images/hudTab4On.png);
    border-bottom: none 0px;
    padding: 40px 0px 0px 85px;
}
.hudTab1
{
    background-image: url(/images/hudTab1Off.png);
    padding: 40px 0px 0px 80px;
    
}
.hudTab2
{
    background-image: url(/images/hudTab2Off.png);
    padding: 40px 0px 0px 80px;
}
.hudTab3
{
    background-image: url(/images/hudTab3Off.png);
    padding: 40px 0px 0px 80px;
}
.hudTab4
{
    background-image: url(/images/hudTab4Off.png);
    padding: 40px 0px 0px 85px;
}
/* login panel styles */
.loginPanel
{

}
td.loginPanelLabels label
{
    padding: 10px;
}
.loginPanelCb
{
    padding: 10px;
}
.loginPanelLink
{
    padding: 10px;
}
/* faq styles */
h1.faq
{
    margin-top: 25px;
}
h2.faqQuestion
{
    font-size: 90%;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    margin: 20px 0px 5px 0px;
}
p.faqAnswer
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}
.faqAnswerList 
{
    list-style-type:disc;
    list-style: disc none outside;
    margin-left: 50px;   
}
.upperCase
{
    text-transform:uppercase ;
}
.findFile
{
    padding: 3px 0px;
}
p.gsItem
{
   padding: 10px 0px;
}
p.gsImg
{
  text-align: center;
  padding: 10px 0px;
}
.gsList
{
    list-style: decimal;
    margin-left: 40px;
}
.gsList li
{
    padding: 10px;
}
.bold
{
    font-weight: bold;
}
.italics
{
    font-style: italic;
}

/*loading panels*/
.centeredLoadingPanel
{
    opacity:.75;
    filter: alpha(opacity=75);
    background-color: white;
    width: 180px;
    height: 120px;
    border: solid 1px #aaa;
    vertical-align: middle;
    text-align: center;    
}
/* input styles to be used with radinputmanager, raddatepicker, and standard dropdowns  */
.tssPercentInput, .tssPercentInputFocus, .tssPercentInputInvalid, .tssPercentInputRequired, .tssPercentInputFocusRequired
{
    width: 65px;
} 
.tssCurrencyInput, .tssCurrencyInputFocus, .tssCurrencyInputInvalid, .tssCurrencyInputRequired, .tssCurrencyInputFocusRequired
{
    width: 105px;
} 
.tssNumericInput, .tssNumericInputFocus, .tssNumericInputInvalid, .tssNumericInputRequired, .tssNumericInputFocusRequired
{
    width: 40px;
}
html body form .tssDatePicker, .tssPercentInput, .tssCurrencyInput, .tssNumericInput, .tssTextInput
{
    height: 14px;
    padding-top: 0px;
}
html body form .tssDatePickerFocus, .tssPercentInputFocus, .tssCurrencyInputFocus, .tssNumericInputFocus, 
.tssTextInputFocus, .tssCurrencyInputInvalid, .tssPercentInputInvalid, .tssNumericInputInvalid, .tssTextInputRequired, .tssTextInputFocusRequired
{
    text-align: left;
    height: 14px;
    padding-top: 0px;
}
.tssPercentInput, .tssCurrencyInput, .tssNumericInput
{
    text-align: right;
    height: 14px;
    padding-top: 0px;
}
html body input.tssCurrencyInputRequired,
html body input.tssNumericInputRequired,
html body input.tssPercentInputRequired,
html body input.tssTextInputRequired
{
    text-align: right;
    padding-left: 15px;
    background:#fff url('radcontrols/input/required_sprite.gif') -12px 5px no-repeat;
}
html body div.RadPicker_tss .tssDatePickerRequired
{
    text-align: left;
    padding-left: 15px;
    background:#fff url('radcontrols/input/required_sprite.gif') -12px 5px no-repeat;
}
html body div.RadPicker_tss .tssDatePickerFocusRequired
{
    text-align: left;
    padding-left: 15px;
    background:#D4EDF7 url('radcontrols/input/required_sprite.gif') -12px 5px no-repeat;
}

html body input.tssCurrencyInputFocusRequired,
html body input.tssNumericInputFocusRequired,
html body input.tssPercentInputFocusRequired,
html body input.tssTextInputFocusRequired
{
    padding-left: 15px;
    background:#D4EDF7 url('radcontrols/input/required_sprite.gif') -12px 5px no-repeat;
}
html body div.tssDateRequired
{
padding-right: 15px;
}
html body input.tssTextInputRequired, html body input.tssTextInputFocusRequired
{
    text-align: left;
}
html body input.tssCurrencyInputInvalidRequired
{
    padding-right: 15px;
    width: 105px;
}
html body input.tssPercentInputInvalidRequired
{
    padding-right: 15px;
    width: 65px;
}
html body input.tssNumericInputInvalidRequired
{
    padding-right: 15px;
    width: 40px;
}
html body form .RadPicker_tss .riError
{
	background:#fff url('radcontrols/input/sprite.gif') 100% -147px no-repeat;
	color:#f32800;
	background-color: #F7D4D4;
	text-align: left;
}
.tssDropDownRequired .rcbInputCellLeft 
{   
    background-image: url('radcontrols/input/required_sprite.gif') !important;
    background-position: -12px 5px !important;
    background-repeat: no-repeat !important;
    padding-left: 15px !important;  
}   
.ajax__validatorcallout_error_message_cell
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
	padding-bottom: 5px;
	width: 100%;
	padding-top: 5px;
	font-family: Verdana;
	border-right-style: none !important;
	border-left-style: none !important;
	text-align:center !important;
}
/* end input styles */
