/* CSS Document */
#leftImg
{
    position: absolute;
    left: -131px;
    width: 136px;
    height: 554px;
    background: url(../images/back_left.gif) top left no-repeat;
}
#rightImg
{
    position: absolute;
    left: 895px;
    width: 136px;
    height: 554px;
    background: url(../images/back_right.gif) top left no-repeat;
}
#mainHolder
{
    position: relative;
	text-align: left;
	width: 900px;
	background: url(../images/back_main.png) top center repeat-y #2c2c2c;
	font-size: 1em;
}
#header
{
	position: relative;
	display: block;
	background: url(../images/back_header.png) top left no-repeat;
	width: 900px;
	height: 153px;
	z-index: 100;
}
#language_current
{
    position: absolute;
    right: 15px;
    top: 108px;
    width: 69px;
    height: 35px;
    background: url(../images/back_langsel.gif) left top no-repeat;
    cursor: pointer;
}
#language_current:hover
{
    background: url(../images/back_langsel.gif) left -35px no-repeat;
}
#language_current img, #language p img
{
    position: absolute;
    left: 10px;
    top: 9px;
    border: 1px solid white;    
}
#language
{
    display: none;
    position: absolute;
    right: 15px;
    top: 108px;
    width: 69px;
    background: url(../images/back_langbottom.gif) left bottom no-repeat ;
    padding-bottom: 6px;
}
#language_list
{
    background-color: #343a3c;
    display: block;
    padding-left: 2px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#language p
{
    display: block;
    margin: 0px;
    padding: 0px;
    left: 0px;
    top: 0px;  
    width: 69px;
    height: 35px;
    background: url(../images/back_langsel.gif) left -70px no-repeat;
}
#language a
{
    display: inline;
    padding-left: 8px;
    padding-top: 8px;
    position: relative;
    top: -3px;
}
#language img
{
    border: 1px solid white;    
}

#accountBox
{
    position: absolute;
    right: 15px;
    top: 20px;
    width: 220px;
    color: #666666;
    text-align: right;
    font-size: 0.9em;
}
#contactBox
{
    position: absolute;
    right: 15px;
    top: 78px;
    text-align: right;    
}
#contactBoxEmail
{
    position: relative;
    top: -6px; 
    left: -15px;
    display: inline;   
}
#logo
{
	position: absolute;
	left: 37px;
	top: 42px;	
}
#contentHolder
{
    display: block;    
}
#content
{
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 517px;
   
}
#customerCare
{
    position: relative;
    float: left;
    width: 151px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#customerCareInner
{
    padding: 10px;    
    color: White;
}
#customerCareInner a
{
    color: #ffe295;
}
#contentInner
{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    background: #e0e5ed; 
}
#crumbs
{
    display: block;
    padding-bottom: 10px;    
    font-size: 0.95em;
}
#crumbs ul
{
    margin: 0px !IMPORTANT;
    padding: 0px !IMPORTANT;
    list-style-image: url(../images/bullets_arrow.gif);  
}
#crumbs li
{
    display: inline;
    padding-left: 5px !IMPORTANT;
    padding-right: 5px !IMPORTANT;  
    background: url(../images/bullets_arrow.gif) center left no-repeat; 
}
#subMenu
{
    float: left;
    width: 182px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#subMenu a span
{
    position: relative;
    top: 2px;
    color: white;
    padding-left: 8px;
}
#subMenu li li a span
{
    position: relative;
    top: 0px;
    color: white;
    padding-left: 8px;
}
/* ######################################## Sub Menu Level 1 */
#subMenu ul
{
    padding: 0px;
    margin: 0px;   
    list-style-type: none;
}
#subMenu li
{
    margin: 0px 0px 1px 0px;
}
#subMenu li a
{
    display: block;
    width: 182px;
    height: 22px;
    background: url(../images/back_menuitem.png) top left no-repeat;
}
#subMenu li a:hover
{
    background: url(../images/back_menuitem.png) bottom left no-repeat;
}
/* ######################################## Sub Menu Level 2 */
#subMenu li ul
{
    display: block;
    margin-top: 1px;    
}
#subMenu li li
{
    margin-left: 5px;   
}
#subMenu li li a
{
    display: block;
    width: 172px;
    height: 17px;
    background: url(../images/back_submenuitem.png) top left no-repeat;
}
#subMenu li li a:hover
{
    background: url(../images/back_submenuitem.png) bottom left no-repeat;
}
/* ######################################## Sub Menu Level 3 */
#subMenu li li ul
{
    display: block;
    margin-top: 1px;    
}
#subMenu li li li
{
    margin-left: 5px;   
}
#subMenu li li li a
{
    display: block;
    width: 172px;
    height: 17px;
    background: url(../images/back_submenuitem.png) top left no-repeat;
}
#subMenu li li li a:hover
{
    background: url(../images/back_submenuitem.png) bottom left no-repeat;
}
/* ######################################## Sub Menus End */
#fakecorner
{
	position: absolute;
	left: 15px;
	top: 139px;	
	background: url(../images/fakecorner.gif) top left no-repeat;
	width: 4px;
	height: 4px;
}
#mainContent
{
	padding-left: 15px;
	padding-right: 15px;
}
#welcome
{
	position: relative;
	display: block;
	width: 870px;
	height: 140px;
	background: url(../images/welcome.png) top left no-repeat;
}
#welcomeText
{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 515px;	
}
#footer
{
    clear: both;
	position: relative;
	display: block;
	width: 900px;
	height: 70px;
	background: url(../images/back_footer.png) top left no-repeat #2c2c2c;
}
#copy
{
	position: absolute;
	left: 10px;
	top: 38px;
    color: #cccccc;
    width: 550px;
    padding-bottom: 10px;
}
#utility
{
	position: absolute;
	right: 10px;
	top: 38px;
	text-align: right;
    color: White;

}
#utility a,#copy a
{
    color: #1c95d9;    
}
#innerContent
{
	position: relative;
	display: block;
}
#threeBoxes
{
	/*display: block;*/
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	position: relative;
	width: 870px;
	height: 196px;	
}
#tagline
{
    position: absolute;
    left: 125px;
    top: 10px;    
    z-index: 75;
}
#tagline h1
{
    font-size: 2.5em;    
    color: #ea7106;
}
#rightCol
{
    position: absolute;
    left: 719px;    
}
#livehelpbtn
{
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/btn_bubble.jpg) top left no-repeat;
    width: 151px;
    height: 89px;
}
#livehelpbtn_online,#livehelpbtn_offline
{
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    cursor: pointer;
}
#videobtn
{
    position: absolute;
    left: 0px;
    top: 99px;
}
#videobtn2
{
    position: absolute;
    left: 0px;
    top: 207px;
}
/***************************************************** Side bar */
#livehelp
{
    position: absolute;
    left: 734px;
    top: 5px;
}
#videobutton
{
    position: absolute;
    left: 734px;
    top: 5px;
}
/****************************************************************/
#contentOuterDiv
{
	padding-left: 187px;	
}
#contentInnerDiv
{
	background: #d9e1ef;
	width: 532px;
	position: relative;
	display: block;
	background: url(../images/innerbox_top.gif) top left no-repeat #d9e1ef;
	min-height: 350px;
}
#footerRow1
{   
    clear: both;
    margin-top: 10px;
    margin-left: 15px;
    display: block;
    height: 52px;
    position: relative; 
}
#for1
{
    position: absolute;
    top: 12px;
    left: 5px;
}
#for2
{
    position: absolute;
    top: -11px;
    left: 121px;
    font-size: 0.9em;
}
#for2 a
{
    display: block;
    width: 141px;
    height: 52px;    
    background: url(../images/for_teachers.gif) bottom left no-repeat;
}
#for3
{
    position: absolute;
    left: 302px;
}
#for4
{
    position: absolute;
    right: 15px;    
}
#for3 a
{
    display: block;
    width: 141px;
    height: 52px;    
    background: url(../images/for_agents.gif) bottom left no-repeat;
}
/*#for1 img,#for2 img, #for3 img
{
    width: 141px;
    height: 52px;   
}*/
#for1 a:hover,#for2 a:hover,#for3 a:hover
{
    width: 141px;
    height: 52px;    
    background-position: top left;
}
#searchBar
{
    position: relative;
    display: block;
    width: 870px;
    height: 134px;
    background: url(../images/holder_search.png) top left no-repeat;

}
#search1,#search2,#search3,#search4
{
    position: absolute;
    top: 0px;
    height: 134px;    
}
#search1
{
    left: 23px;
    width: 138px;
}
#search2
{
    left: 161px;
    width: 272px;
}
#search3
{
    left: 433px;
    width: 140px;
}
#search4
{
    left: 570px;
    width: 125px;
    
}
#searchBar h2
{
    position: absolute;
    left: 30px;
    top: 4px;
    color: White;
    font-size: 1.1em; 
}
#searchAction h2
{
    left: 10px;    
}
#search1 .searchSection,#search2 .searchSection,#search3 .searchSection,#search4 .searchSection
{
    display: block;
    color: White;
    position: relative;
    left: 15px;
    top: 35px; 
}
#search1 .searchSection
{
    width: 108px;
}
#search2 .searchSection
{
    width: 242px;    
}
#search3 .searchSection
{
    width: 246px;    
}
#searchAction
{
    position: absolute;
    top: 0px;
    height: 134px;    
    left: 719px;
    width: 151px;
}
#searchOptions
{
    width: 182px;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    background: url(../images/back_searchoptions.png) top left no-repeat #167dd1;
    color: White;
}
#searchOptions h2
{
    padding-left: 5px;
    padding-top: 4px;
    color: White;    
}

#timeZone
{
    position: absolute;
    left: 10px;
    top: 90px;  
    color: White;  
}
#timeZone select
{
    width: 134px    
}
#myScroll
{
    display: none;  
}
#scrollHolder
{
    height: 35px;
    position: relative;
    top: -5px;
    width: 288px;   
}
#scrollTitle
{
    position: absolute;
    left: 5px;
    top: -18px;
    font-size: 0.9em;    
}
#fadeLeft
{
    position: absolute;
    left: 0px;
    top: -4px;  
}
#fadeRight
{
    position: absolute;
    right: 0px;
    top: -4px;    
}
#topBar
{
    display: block;
    position: relative;
    width: 870px;
    height: 140px;    
    background: url(../images/topbar.jpg) top left no-repeat;
    margin-bottom: 10px;
}
#topBarText
{
    position: absolute;
    left: 12px;
    top: 8px;
    width: 520px;   
    line-height: 1.4em;
}
#newsBar
{
    position: absolute;
    left: 595px;
    top: 0px;   
    color: White;
    border: 0px solid blue;
}
#topBarText h1,#newsBar h1
{
    font-size: 2.3em;    
    line-height: 1.1em;
    margin: 0px;
}
#topBarText h2
{
    font-size: 1.3em;
    line-height: 1.3em;
}
#howdoesitwork
{
    position: relative;
    width: 459px;
    height: 283px;
    background: url(../Images/howdoesitwork.jpg) top left no-repeat;
}
#howdoesitwork div
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 459px;
    height: 283px;
}
#howdoesitwork img
{
    width: 459px;
    height: 283px;
}
#how_1,#how_2,#how_3,#how_4,#how_5
{
    display: none;    
}
#quickstats
{
    float: right;
    width: 104px;
    background: url(../images/back_quickstats.png) top left no-repeat;    
    color: White;
}
#balance
{
    display: block;
    margin-top: 5px;
    height: 60px;
    text-align: center;
}
#balance span
{
    font-size: 1.5em;    
}
#stats
{
    padding-top: 3px;
    padding-left: 5px;
    padding-bottom: 3px;
    font-size: 0.95em;
}
#dashBoardItems
{
    display: block;
}
#dashBoardLeft
{
    float: left;
    width: 387px;
    margin-right: 10px;    
}
#dashBoardFull
{
    float: left;
    width: 517px;
    margin-right: 0px;    
}
#dashBoardRight
{
    float: right;
    width: 120px;    
}
#dashBoardClear
{
    display: block;
    height: 1px;
    clear: both;
}
#tags
{
    position: absolute;
    left: 50px;
    top: -350px;
    background: url(../images/back_flags.png) top left no-repeat transparent;
    width: 400px;
    height: 400px;
}
#tagHolder
{
    position: relative;
    width: 1px;
    top: 1px;    
}
#timeZones
{
    margin-top: 10px;    
    z-index: 70;
}