﻿body 
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	background: url(../CommonImages/Layout/wrapper_background.gif) repeat-y top center;
	background-color:#D1E0F2;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	/*height:100%;*/
	text-align:center;
}

.wrapper 
{
	text-align: left;
	background: white;
	border-left: solid 1px black;
	border-right: solid 1px black;
	width: 760px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.packagePopupTitle
{
	color: #000000;
    font: 14px arial, geneva, verdana, sans-serif;
    font-weight: bold;
    text-decoration: underline;
}
.controlLabels 
{
      color: #000000;
      font: 10px arial, geneva, verdana, sans-serif;
}
/*.heading 
{
	font-family:Tahoma;
	font-size:1.2em;
	font-weight:bold;
}*/

#hotelInfoDiv 
{
	padding: 5px;
}


/*Popup Control*/
.popupControlBoxed
{
    background-color:Transparent;
	position:absolute;
	visibility:hidden;
	border-style:None;
}
#bodyContent 
{

}
/***  Header Section ***/

#Header 
{
	background-color: #FFF;
	border-bottom: none;
	height: 115px;
	position:relative;
	border-top: 1px solid #F2F2F0;
	overflow:hidden;
}

#headerImages 
{
	margin: 0;
	padding-left: 5px;
}

#headerImages #rightImg
{
	margin: 0;
	padding-left: 13px;
}

#headerImages #midImg
{
	margin: 0;
	padding-left: 12px;
}

#upperRight 
{
	text-align:right;
}

#upperRight .signInCart  
{
	border: solid 1px #000;
	padding: 3px 6px 3px 6px;
	text-decoration:none;
	font-size: 12px;
	text-align:center;
	vertical-align:middle;
	background-color:#e6e6e6;
	position:absolute;
	top:10px;
}

#upperRight .signInCart:hover
{
	background-color:#999999;
	color:White;
}

#ctl00_signInLinkButton
{
	right: 80px;
}

#ctl00_usernameLinkButton
{

	right: 80px;
	font-weight:bold;
}
#ctl00_cartLinkButton
{

	right: 10px;
}
#cartHyperLink
{
	right: 10px;
}

#upperRight #signInBox 
{
	display: none;
	position: absolute;
}

/*** NAVIGATION SECTION ***/


#Navigation 
{
	/*width: 748px;*/
	height: 30px;
	padding-left: 13px;
	background-color: #333347;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	}
#Navigation ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin-left: auto;
	margin-right:auto;
	}
#Navigation ul li.tab {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	background: #666666 url(../CommonImages/Layout/nav_background.gif) top repeat-x;
	height: 30px;
	border-right: 1px solid #8f8f8f;
	border-left: 1px solid #7e7e7e;
	width:120px;
	text-align:center;
	}

#Navigation ul li.tab:hover {
	background-position: bottom;
	border-right: 1px solid #515151;
	border-left: 1px solid #515151;
	}

#Navigation ul li.tab a {
	display: block;
	padding: 7px 15px 7px 15px;
	color: #fff;
	text-decoration: none;
	font-size: .85em;
	font-weight:normal;
	}

.HomeTab #Navigation ul li.home {background-position: bottom;}
.onlineTab #Navigation ul li.online {background-position: bottom;}
.liveTab #Navigation ul li.live {background-position: bottom;}
.myCoursesTab #Navigation ul li.courses {background-position: bottom;}
.accountTab #Navigation ul li.account {background-position: bottom;}
.helpTab #Navigation ul li.help {background-position: bottom;}
.NoLive #Navigation ul li.live { display:none; }
.NoLive #Navigation { padding-left: 73px; }


/** Body Content **/

#bodyContent 
{
	padding: 10px;
	font-size: .85em;
}

/** HOME TAB **/
.HomeTab #bodyContent #news 
{
	display: inline;
	font-size: 12px;
	float: right;
	padding: 5px;
}

.HomeTab #bodyContent .reg-text 
{
	color: #333; 
	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	line-height: 14px;
}

.HomeTab #bodyContent .news-lead
{
	color: #39316b; 
	font-size: 12px; 
	width:274; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-weight: bold; 
	padding-left: 10px;
}

.HomeTab #bodyContent .news-date 
{
	color: #3d3d3d; 
	font-size: 10px; 
	width:150px; 
	text-align:right; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-weight: bold;
}

.HomeTab #bodyContent #OARheading
{
	margin-bottom: 15px;
}

.HomeTab #bodyContent #welcomeDiv 
{

}

.accountTab .title 
{
      color: #000066;
      font: 36px arial, geneva, verdana, sans-serif;
      font-weight:normal;
}

.accountTab .heading, .helpTab .heading  
{
      color: #FFFFFF;
      font: 17px arial, geneva, verdana, sans-serif;
      font-weight:bold;
}

.myCoursesTab #classInfo
{
	border: solid 1px black;
	background-color:#f1f1f1;
	color:#000080;
	margin-right: 5px;
	padding: 5px 0 5px 0px;
	text-align:center;
}

.myCoursesTab #ctl00_MasterContent_onlineCoursesGridView 
{
	font-size:11px;
}

.myCoursesTab #ctl00_MasterContent_onlineCoursesGridView .courseName
{
	font-size:14px;
	font-weight: bold;
}

.myCoursesTab #ctl00_MasterContent_onlineCoursesGridView .courseStatus
{
	font-size:14px;
	font-weight: bold;
	color:#FF3333;
}

.myCoursesTab #ctl00_MasterContent_onlineCoursesGridView .expiredDate
{
	font-size:11px;
	font-weight: bold;
}

#footer 
{
	position:relative;
	padding: 10px 0 20px 15px;
	color:#6e6e6e;
	font-size:.9em;
	z-index: 0;
}

/*-------Help Page---------*/

#help_top
{
	text-align:right;
	padding:0 5px 0 0;
	margin:0;
}
#help_top h2
{
	color:#000080;
	font-size:1.3em;
	font-weight:normal;
	padding:0;
	margin:0;
	
}

#help_top ul
{
	list-style:none;
	
}

#help_top ul li 
{
	padding:0 0 5px 0;
	margin:0;
}

#chat_image
{
	float:left;
	margin:15px 0 0 45px;
}

#contact_info_wrapper
{
	margin:10px 0 5px 4px;
	width:100%;

}


.contact_info
{
	
	width:700px;
	padding:5px 0 5px 15px;
	margin:0 0 5px 0;
	clear:both;
}

.contact_info_grey
{
	
	width:700px;
	height:90px;
	padding:5px 0 5px 15px;
	margin:0 0 5px 0;
	clear:both;
	background-color:#efefef;
}


.number_container
{	
	width:35%;
	height:inherit;
	float:left;
	
}

.adresses_container
{	
	width:200px;
	float:left;
	height:inherit;
}


.adresses_container_2
{	
	width:200px;
	float:left;
	margin-left:15px;
	
}





#contact_info_wrapper h2 
{
	padding:0;
	margin:0;
	font-size:1em;
	color:#333336;
}

#contact_info_wrapper h1 
{
	padding:0 0 4px 0;
	margin:0;
	font-size:1.2em;
	color:#000080;
}

#contact_info_wrapper p 
{
	padding:2px 0 2px 0;
	margin:0;
	font-size:1.2em;
	
}

#contact_info_wrapper p b
{
	color:#333333;
	padding-right:5px;
}

.question
{
	font-size:1.1em;
	font-weight:bold;
	color:#000080;
	margin:5px 0 2px 0;
	display:block;
}



/*----search-----*/


#searchContainer 
{
	margin-left: 10px;
}

#searchContainer #content
{
	padding-bottom:10px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	width:707px;
	padding:0;
	height:80px;
	padding-top:10px;
}

#searchContainer #topDiv
{
	
	background-image:url(../CommonImages/Layout/search_container_top.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0;
	margin:0;
	height:8px;
}

#searchContainer #bottomDiv 
{
	clear:left;	
	width: 720px;
	background-image:url(../CommonImages/Layout/search_container_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0;
	height:8px;
	margin-left:-1px;
	margin-bottom:10px;
}
