/* 
File: ils.css 
Author: Boris Delezha
Date: 17/6/10
Summary:  - This file provides styling for the EF Ukraine 2012 site
		  - All styles are defined alphabetically
		  -	You can jump to a section by doing a search for the below texts, i.e. /* HOMEPAGE */ /*
		  - some jquery plugin css is also included here (at the end of the file, TABS etc.

/* LAYOUT */
/* COMMON */
/* HEADER - moved to header.css to be shared by other products - mbajszar 14/10/09 */
/* BANNER */
/* NAVIGATION */
/* LEFT SUB NAVIGATION */
/* TOOLBOX */
/* RIGHT COLUMN */
/* HOMEPAGE */
/* COURSES */
/* 960 GRID EXTRAS */
/* LANGUAGES */
/* CONTACT US */
/* DESTINATIONS */
/* STUDENTLIFE */
/* NEWS */
/* SHARED ELEMENTS */
/* MODULES */
/* FORM ELEMENTS */
/* JQUERY TABS */

/*--------------------------------------------------------------------------------------------------------*/

/* LAYOUT */

.containerGreyBg {
	background:url(background/bgBorderTransGrey.png) repeat-y right top;	
	border-bottom:1px solid #e7e7e7;
	float:left;
	width:960px;	
}

.containerWhiteBg {
	background:url(background/bgBorderTransWhite.png) repeat-y right top;	
	border-bottom:1px solid #e7e7e7;
	float:left;
	width:960px;		
}

.homeContainer {
	background:url(background/bgBorderTransSides.png) repeat-y right top;
	border-top:1px solid #e7e7e7;
	float:left;
	width:960px;
}

.plainContainer {
	background:url(background/bgBorderTransSides.png) repeat-y right top;
	border-bottom:1px solid #e7e7e7;
	float:left;
	width:960px;
}

.mainContainer {
	background:#f8f8f8 url(background/border590.gif) repeat-y 0 0;
	padding:15px 0;
}

.mainContainerContentNoNav {
	padding:0 10px 0 30px;
}

.footerContainer {
	background:#efeff1;
	float:left;
	width:100%;
}

.footer {
	background:#efeff1;
	font-size:90%;
	margin:10px auto;
	width:960px;	
}

.footerText {
	clear:both;
	float:right;
	margin-top:10px;
	text-align:right;
	width:90%;
}

.subContentPadding {
	float:left;
	padding:0 15px;
	width:560px;
}

/* COMMON */

li {list-style:none}

.bulletlist, #bulletlist, .bulletlist li ul{
	list-style:none;
}

ul.bulletlist li ,ul#bulletlist li
{
	background: url(background/bullet.gif) no-repeat 0 4px !important;
	margin:7px 0;
	padding-left:10px;
}

.contentPadding { /* provides some padding in the main content area*/
	padding:35px;
}
.newsContentPadding { /* provides some padding in the main news content area*/
	padding:10px 35px;
	overflow:hidden;
}

.left {float:left;}
.right {float:right;}

h4.question {
	height:26px;
	padding:8px 0 0 40px;
	margin-bottom:15px;
	float:left;
	width:200px; /* 100% causing issues in ie6*/
}

h4.questionOne {
	background:url(background/grey1.gif) no-repeat;
}

h4.questionTwo {
	background:url(background/grey2.gif) no-repeat;	
}

h4.questionThree {
	background:url(background/grey3.gif) no-repeat;	
}

/*span {float:left;} causing issues....*/

.noBottomPadding {padding-bottom:0 !important;}

.footerAccreditations img {
	margin:5px;
}

.hidden 
{
	overflow:hidden;
}

.prevButton 
{
	float:right;
	margin-right:10px;
	padding-top:9px;
}

/* BANNER */

.banner {
	border-bottom:10px solid #ffd600;
	height:238px;
	overflow:hidden;
	z-index:4;
}

.bannerContainer 
{
	position:absolute;
	width:960px;
	height:238px;
	overflow:hidden;
	background:#ffd600;
	z-index:2;
}

.bannerContents {
	left:0;
	position:relative;
	top:0;
	z-index:5;
}

.bannerWelcome {
	background:url(background/whiteTransFull.png) 0 0;
	float:left;
	height:238px;
	left:0;
	position:relative;
	top:0;
	width:430px;
	z-index:50;
}

.bannerWelcomeText {
	clear:both;
	float:left;
	padding:0 20px;
	width:380px;
	display:block;
}

.bannerOpenClose {
	clear:none;
	float:left;
	width:430px;
}

.bannerButtonClose {
	background:url(background/btnBannerClose.gif) no-repeat right 0;
	clear:both;
	cursor:pointer;
	display:block;
	float:right;
	height:10px;
	margin:5px 5px 0 0;
	width:10px;
	position:absolute;
	top:172px;
	left:410px;
	z-index:51;
}

.bannerButtonOpen {
	background:url(background/btnBannerOpen.gif) no-repeat right 0;
	clear:both;	
	cursor:pointer;
	float:right;
	height:10px;
	margin:5px 5px 0 0;
	width:10px;
	position:absolute;
	top:172px;
	left:4px;
	z-index:52;		
}

.bannerPromo {
	/*background:url(background/homePromoTrans.png) 0 0 no-repeat;*/
	background:#FFF;
	float:right;
	height:207px;
	position:relative;
	top:15px;
	right:25px;
	width:232px;
	z-index:60;
}

.bannerPromoContainer {
	height:207px;
	width:232px;
	z-index:70;
	overflow:hidden;
	
}

.bannerPromoNav {
	clear:both;
	float:left;
	height:15px;
	margin-bottom:8px;
	width:180px;	
	z-index:80;
	position:absolute;
	top:194px;
	right:58px;
}

.bannerPromoNav a {
	background:url(background/spot-ils.jpg) no-repeat;
	color:#ccc;
	display:block;
	float:left;
	font-size:1%;
	margin-right:10px;
	padding:6px 5px 6px 5px;
	z-index:81;
}

.bannerPromoNav a:focus {
	outline: none;
}

.bannerCycle {
	float:left;
	height:207px;
	width:232px;
	z-index:90;
}

.bannerPromoNav a.activeSlide {
	background:url(background/spot-active-ils.jpg) no-repeat;
	color:#ffd600;
	z-index:82;
}
.bannerPromoItem a
{
    padding:0 17px;
    float:left;
    font-weight:bold;
}
.bannerPromoItem img
{
    /*padding:0 17px;*/
    margin-bottom:5px;
    width:190px;
    height:70px;
}
.bannerPromoTitle 
{
    background:#FFD600 url(background/flash_promo_title_bg.jpg) no-repeat left bottom;
    padding:4px 0;
	width:232px;
	height:22px;
	clear:both;
	color:#FFF;	
	float:left;
	font-size:16px;
	font-weight:bold;
	overflow:hidden;
	margin-top:22px;
	margin-bottom:10px;
}
.bannerPromoTitle h3
{
    padding:0 17px;
    color:#FFF;
}

.bannerPromoText {
	float:left;
	/*padding:0 17px;*/
	margin-bottom:5px;
	overflow:hidden;
	color:#5FA7DF;
}


/* NAVIGATION */

.navigationContainer {
	border-bottom:2px solid #ffd600;
	clear:both;
	float:left;
	width:100%;
}

/* LEFT SUB NAVIGATION */

/* Moved to menu.css */

/* TOOLBOX */

.toolbox {
	background:#E5E5E5 url(background/toolboxBgSingle.gif) repeat-x 0 0;
	float:left;
	padding-bottom:5px;
	overflow:hidden;
	height:100%;
}

.toolboxContainer {
	/*border:1px solid #c3c3c3;*/
	display:block;
	margin:5px auto;	
	/*width:250px;*/
}
.toolboxContainer
{
	font-size: 11px;
}
.toolboxContainer p
{
	margin: 0;
	padding: 0;
	font-weight:bold;
}
.toolboxContainer ul
{
	width: 273px;
	margin: 3px auto 3px auto;
	background: #FFF;
	overflow:hidden;
	padding:0 8px;
}
.toolboxContainer ul li
{
	padding:3px 0px;
	height:1%;
	margin:0;
	overflow:hidden;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
	border-bottom:1px solid #f5f5f5;
}
.toolboxContainer ul li a p.toolboxTitle
{
    font-size:13px;    
}
.toolboxContainer ul li div.toolboxDescriptionHighlight p
{
    font-size:11px;
    font-weight:normal;
    color:#727272;
    margin-bottom:0; 
    margin-left:60px;
}
.toolboxContainer ul li div.toolboxDescriptionHighlight.top p,
.toolboxContainer ul li div.toolboxDescriptionHighlight.middle p
{
    font-size:12px;
}
.toolboxContainer ul li div.toolboxDescription p
{
    font-size:11px;
    font-weight:normal;
    color:#727272;  
    margin-bottom:0;
    margin-left:60px;
}
.toolboxContainer ul li.last-item
{
	border-bottom:none;
}
.toolboxContainer ul li.toolbox-highlight
{
	font-size:12px;
}
.toolboxContainer ul li img
{
	float:left;
	padding:0 10px;
}
.toolboxContainer ul li p.description
{
	color:#aaa;
}


.toolboxItem {
	background:#fff;
	border-bottom:1px solid #ccc;
	display:block;	
	float:left;
	height:32px;
	overflow:hidden;		
	width:100%;
}

.toolboxItem img {float:left;}

.toolboxItem .title {
	color:#3fa0e4;
	font-size:90%;	
	text-transform:uppercase;
	margin-top:2px;
	padding-left:50px;
}

.toolboxItem .summary {
	font-size:80%;
	padding-left:50px;
}

/* for the tell a friend popup */

#tellFriend {font-weight:normal;}
.tellFriendTable {font-size:100%}
.tellFriendTable td {padding:3px;}
.tellFriendTable input,textarea {width:175px;}
.tellFriendTable h2 {font-size:18px;margin-bottom:20px;}

/* RIGHT COLUMN */

.rightContainer {
	float:left;
	width:360px;
}

.rightColBox {
	padding:20px 10px;
}

.rightColFullBox {
	border-top:1px solid #e7e7e7;
	padding:20px;
}

.efektaBigBox 
{
	background:url(background/efektaBoxBigBg.jpg) no-repeat
}

/* HOMEPAGE */

.homeMainBox {
	padding:15px 0;
}

.homeMainBox img 
{
	float:left;
	margin:10px 0;
}

.homeMainBox .text
{
	float:left;
	width:460px;
}

.homeLeftContainer {
	float:left;
	width:740px;	
}

.homeRightContainer {
	background:url(background/border220.gif) repeat-y;
	float:left;
}

.promoInfomeetingContainer {
	background:url(background/promoInfomeetingContainerBg.gif) repeat-y;
	border-bottom:1px solid #e7e7e7;	
	float:left;
	width:100%;		
}

.homePromoBox,
.newsPromoBox
{
	margin: 0 0 10px 0;
}



.homePromoContainer, .homePromoItem {
	float:left;
	width:100%;
}

.homePromoItem {
	margin-bottom:10px;
}

.homePromoItem img {
	border:1px solid #e7e7e7;
	float:left;
	margin-right:10px;
	padding:2px;
	
}

.homePromoMore {
	float:left;
	text-align:right;
	width:100%;	
}

.homePromoMore a {
	font-weight:bold;
	text-transform:uppercase;
}

.homeInfomeetingsContainer {
	float:left;
	width:100%;	
}

.homeInfomeetingsItem {
	background:#fed501 url(background/homeInfomeetingItemBg.gif) right no-repeat;
	height:60px;
	margin-bottom:5px;
	padding:10px;
	width:270px;	
}

.homeInfomeetingsItemDate h6 {
	margin-bottom:0;
}

.homeInfomeetingsItemLink {
	background:url(background/homeInfomeetingLinkIcon.gif) no-repeat;
	float:left;
	height:21px;
	padding-left:25px;
}

.homeRightBox {
	border-top:1px solid #e7e7e7;
	float:left;
	padding:15px;
}

.homeRightBox img { /* dont think this is needed*/
	/*margin-top:15px;*/
}

.tabsNewsContainer {
	background:url(background/tabsNewsContainerBg.gif) repeat-y;	
	/*border-bottom:1px solid #e7e7e7;*/
	float:left;
	width:100%;
}

.tabsNewsContainerBottom {
	background:url(background/tabsNewsContainerBg.gif) repeat-y;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	float:left;
	width:100%;	
}

ul.homeNews {
	list-style:none;
	margin:10px 0;
}

ul.homeNews li {
	border-top:1px dotted #999;
	padding:7px 0;
}

ul.homeNews li a {
	background:url(background/arrowIcon.gif) 0 3px no-repeat;
	display:block;
	padding-left:20px;
}

.efektaHomeBox {
	background:url(background/homeEfektaBg.jpg) no-repeat;
	height:110px;
	margin:0;
	overflow:hidden;
	width:260px !important;	
}

.efektaHomeBoxText {
	float:left;
	padding:15px 0 0 100px;
	width:150px;	
}

.first {
	border-top:0;
}

.ipodBox img {
	margin:0;
}

.ipodBox .top 
{
	background:url(background/podTop.gif) no-repeat;
	height:29px;
	margin-top:10px;
	overflow:hidden;
	width:192px;
}

.ipodBox .top a 
{
	float:left;
	font-weight:bold;
	padding:8px 0 0 30px;
}

/* COURSES */

/* 960 GRID EXTRAS */

.container_16 .grid_6_full {
	float:left;
	width:370px;	
}

.container_16 .grid_10_full {
	float:left;	
	width:590px;	
}

.container_16 .grid_12_full {
	float:left;
	width:740px;	
}

.container_16 .grid_16_full {
	float:left;
	width:960px;	
}

.container_16 .grid_8_full {
	float:left;
	width:480px;	
}

.coursesTable,.priceTable {
	background:#fff;
	border:5px solid #c6c6c6;
	font-size: 10px;
}

.coursesTable th,.priceTable th {
	background: #f1f1f1 url(background/tabsGradBg.gif) repeat-x;
}

.coursesTable th,.coursesTable td,.priceTable th, .priceTable td {
	padding:10px 15px;
	text-align:left;
	font-size: 12px;
}

/* LANGUAGES */

.languageLinksBox {
	background:#fff /*url(background/languageLinksBoxBg.gif) repeat-x*/;
	border:1px solid #e7e7e7;
	float:left;
}

.languageLinksBox .title {
	font-weight:bold;
	padding:5px 20px;
}

.languageLinksBox img {
	margin:0 auto;
	width:155px;	
}

.languageLinksBox .links {
	float:left;
	font-weight:bold;
	padding:0 20px 20px 20px;
	text-transform:uppercase;
}

.languageLinksBox .links p{
	clear:both;
	float:left;
	margin:20px 0 5px 0;
	text-transform:uppercase;	
	width:100%;	
	
}

.languageLinksBox .links a {
	clear:both;
	float:left;
	font-weight:normal;
	text-transform:capitalize;
	width:100%;	
}

h3.destContent
{
	text-transform:uppercase;
	margin:20px 10px;
}

/* CONTACT US */

.contactMainContainer {
	padding:30px;
}

.contactMainContainer p {
	clear:both;
	float:left;
	margin-bottom:20px;
	width:100%;	
}

.contactOffices {
	margin:10px auto;
	width:200px;
}

.contactOffices ul {
	list-style:none;
}

/* DESTINATIONS */

.destSplashContainer {
	background:#fff url(background/destSplashContainerBg.gif) repeat-x;
	float:left;
	width:958px; /* -2px for border of parent div*/
	margin:0 1px; /* knock it into the center so the border of the parent is visible */
}

.destSplashMap {
	background:url(background/destSplashMap.gif) no-repeat;
	clear:both;
	height:485px;
	margin:auto;
	width:700px;
}

.markerContainer {
	width:150px;
	position:relative;
	float:left;
	visibility:hidden;
}

.markerContainer a{
	background:url(background/arrowIcon.gif) no-repeat 0 center;
	padding-left:15px;
}

.marker {background:#fff;padding:2px;}

/* country classes specify position on the map, all relative,
 i.e. if you change one, you have to change all the others below it. */
.ie {left:140px;top:200px;}
.ca {left:-45px;top:190px;}
.au {left:170px;top:390px;}
.cn {left:-50px;top:270px;}
.uk {left:300px;top:170px;}
.ec {left:-50px;top:320px;}
.es {left:-105px;top:240px;}
.fr {left:-300px;top:215px;}
.it {left:315px;top:195px;}
.mt {left:200px;top:220px;}
.nz {left:290px;top:390px;}
.sa {left:-110px;top:355px;}
.de {left:300px;top:155px;}
.us {left:-40px;top:190px;}
.sg {left:140px;top:280px;}
.cr {left:-300px;top:255px;}
.be {left:375px;top:140px;}

.destSplashListContainer {
	background:#fff;
	border:5px #ccc solid;
	float:left;
	margin:5px; /* 10px margin causing issues in IE6*/

}

.destSplashLanguageChooser {
	background:url(background/tabsGradBg.gif) repeat-x;
	float:left;
	height:58px;
	width:930px;
}

.destSplashLanguageChooser ul{
	list-style:none;
	margin:0;	
}

.destSplashLanguageChooser li {
	border-right:1px #e7e7e7 solid; 
	float:left;
	height:57px;
	overflow:hidden; /* for IE6 */
}

.destSplashLanguageChooser ul li a {
	display:block;
	float:left;
	color:#666;
	height:7px;
	padding:25px;
}

.destSplashLanguageChooser ul li a:hover {
	text-decoration:none;
}

.destSplashLanguageChooser ul li a.active {
	background:#fff;
	color:#3f8fca;
}

.destSplashList {
	float:left;
	padding:25px;
}

.destCol {
	float:left;
	margin:0 5px;
	padding-right: 20px;
	width:auto;
}

.activity img {
	margin:15px 0;
}

.destSplashList ul {
	list-style:none;
	margin:0;
	padding:10px 0 0;
	text-align:left;
}

.destSplashList ul li {
	margin:0 0 0 3px;
	padding: 2px 4px 4px 4px;
	/*width:140px;*/
}

.destSplashList li.end {
	margin-top:-10px;
	height:16px;
	background: transparent;
}

.destSplashList li.destTitle {
	padding: 0 4px 3px 4px;
	font-weight: bold;
	color: #000;
	font-size:16px;	
}

.destSplashList li.destTitle a {
	font-weight: bold;
	margin-left:10px;
}

.destSplashList li.destTitle a.unavailable {color:#999999;}
.destSplashList li.destTitle a.unavailable:hover {text-decoration:none;}

/* classes for flags on destination main page */

.flag_uk {background: url(background/flag_uk.gif) no-repeat left 3px;}
div#destContent .flag_uk a{color:#004656;}
.flag_us {background: url(background/flag_us.gif) no-repeat left 3px;}
div#destContent .flag_us a{color:#004656;}
.flag_ca {background: url(background/flag_ca.gif) no-repeat left 3px;}
div#destContent .flag_ca a{color:#004656;}
.flag_sa {background: url(background/flag_sa.gif) no-repeat left 3px;}
div#destContent .flag_sa a{color:#004656;}
.flag_au {background: url(background/flag_au.gif) no-repeat left 3px;}
div#destContent .flag_au a{color:#004656;}
.flag_nz {background: url(background/flag_nz.gif) no-repeat left 3px;}
div#destContent .flag_nz a{color:#004656;}
.flag_ir {background: url(background/flag_ir.gif) no-repeat left 3px;}
div#destContent .flag_ir a{color:#004656;}
.flag_mt {background: url(background/flag_uk.gif) no-repeat left 3px;}
div#destContent .flag_mt a{color:#004656;}
.flag_fr {background: url(background/flag_uk.gif) no-repeat left 3px;}
div#destContent .flag_fr a{color:#004656;}
.flag_de {background: url(background/flag_de.gif) no-repeat left 3px;}
div#destContent .flag_de a{color:#004656;}
.flag_it {background: url(background/flag_it.gif) no-repeat left 3px;}
div#destContent .flag_it a{color:#004656;}
.flag_es {background: url(background/flag_es.gif) no-repeat left 3px;}
div#destContent .flag_es a{color:#004656;}
.flag_ec {background: url(background/flag_ec.gif) no-repeat left 3px;}
div#destContent .flag_ec a{color:#004656;}
.flag_cr {background: url(background/flag_cr.gif) no-repeat left 3px;}
div#destContent .flag_cr a{color:#004656;}
.flag_cn {background: url(background/flag_cn.gif) no-repeat left 3px;}
	div#destContent .flag_cn a{color:#004656;}
.flag_sg {background: url(background/flag_sg.gif) no-repeat left 3px;}
	div#destContent .flag_sg a{color:#004656;}
.flag_nl {background: url(background/flag_nl.gif) no-repeat left 3px;}
	div#destContent .flag_nl a{color:#004656;}
.flag_be {background: url(background/flag_be.gif) no-repeat left 3px;}
	div#destContent .flag_be a{color:#004656;}
	

#destList a.unavailable {color:#999;}
#destList a.unavailable:hover {text-decoration:none;}
#destList a.newAvailable
{
	background: transparent url(background/destSplashNew.gif) right 15% no-repeat;
	padding-right:30px;
}

#destList a.newUnavailable
{
	color:#999;
	background: transparent url(background/destSplashNew.gif) right 15% no-repeat;
	padding-right:30px;
}

#destList a.newUnavailable:hover {text-decoration:none;}

.countryMapContainer 
{
	background:url(background/countryGradientBg.gif) repeat-x;
	float:left;
	margin-bottom:20px;
}

#accreditations img 
{
	padding:10px;
}

.destCoursesTitle 
{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

#coursesDropDownBox 
{
	background:#e7e7e7;
	float:left;
	margin-bottom:10px;
	padding:10px;
	width:370px;
}

.mainTopTitle
{
	font-weight:bold;
	padding:4px 0 0 30px;
	text-transform:uppercase;
}

.mainSubTitle 
{
	float:left;
	padding-left:30px;
}

.schoolTime {
	border:1px solid #e8e8e8;
	border-bottom:0;
	float:right;
	padding:2px 10px;
}

.videoSlideshowItem {
	margin:30px;
}

.videoSlideshowItem .item 
{
	float:left;
	margin:0 15px 15px 0;
}

.slideThumbs {
	float:left;
	height:250px;
	overflow:hidden;
	width:290px;
	margin-top: 20px;
	margin-left: 40px;
}

.slideThumbs img {
	border:1px solid #cfcfcf;
	padding:3px;
}

/* the box that surrounds the accred logos on the dest overview page */
#accreditations 
{
	background:#fff;
	border:5px solid #ccc;
	clear:both;
	margin:10px 0;
	text-align:center;
}

.coursecontent {
	display:none;
}

.supplementTitle {
	clear:both;
	font-weight:bold;
}

.destPricesPaddingBottom 
{
	padding-bottom: 15px;
	float: left;
}

/* WHY EF Ukraine */

.certified 
{
	background:#fff;
	float:left;
	margin-bottom:0;
	padding:0;
	width:390px;
}

.certified td 
{
	padding:10px
}

.certified td img 
{
	float:right;
	margin-left:5px;
}

.certified .rowTitle 
{
	background:#14A7ED;
	color:#fff;
	font-weight:bold;
	padding:5px;
}

/* STUDENTLIFE */

/*activities*/

.boxContainer {
	float:left;
	padding:20px;
}

.links h3 
{
	padding:10px;
}

.box {
	min-height:350px;
	/*for ie6 */
	height:auto !important; 
	height:350px;
}

.box p {
	margin-bottom:5px;
}

.box img {
	margin-bottom:10px;
}

/* students */

.studentContainer {
	float:left;
	padding:20px;
}

.studentBox 
{
	border:5px solid #ccc;
	min-height:100px;
	/*for ie6 */
	height:auto !important; 
	height:100px;
	padding:10px;
	margin:10px;
}

.studentBox img 
{
	float:left;
	margin-right:10px;
}

/* NEWS */

.infomeetingItem {
	float:left;
	margin:10px 0;
	width:100%;
}

.infomeetingItem .title {
	background:#fed501 url(background/homeInfomeetingItemBg.gif) right no-repeat;
	height:60px;
	padding:10px;
	width:262px;	
}

.homeInfomeetingsItemDate,
.infomeetingItem .date {
	background:url(background/homeInfomeetingDateBg_left.gif) no-repeat;
	/*background:url(file://C:/TFS/EFLanguage.EFCom/Trunk/Web/EFComSitecore/Code/WebSite/_images/ils/homeInfomeetingDateBg_left.gif) no-repeat;*/
	float:left;	
	padding-left: 10px;
	margin-right: 10px;	
	min-width: 45px;
}

.homeInfomeetingsItemDate > .rightSide,
.infomeetingItem .date > .rightSide {
	background:url(background/homeInfomeetingDateBg_right.gif) no-repeat;
	/*background:url(file://C:/TFS/EFLanguage.EFCom/Trunk/Web/EFComSitecore/Code/WebSite/_images/ils/homeInfomeetingDateBg_right.gif) no-repeat;*/
	background-position:right;
	padding-right: 10px;
	font-size:40px;				
	height:65px;	
	text-align:center;
}

.infomeetingItem .date h6 {
	margin-bottom:0;
}

.infomeetingItem .summary {
	border:1px solid #e7e7e7;
	border-top:0;
	float:left;
	padding:20px 30px 0 30px;
	width:220px;
}

.infomeetingForm {
	margin-top:10px;
}

.infomeetingForm table
{
	float:left;
	width:260px;
}

.infomeetingForm table td
{
	padding:5px;
}

.infomeetingForm span 
{
	float:none;
}

.infomeetingForm select
{
	clear:left;
}

.infomeetingForm input 
{
	float:left;
}

.promoContent ul
{
	margin:10px;
}

.promoContent li
{
	list-style-type:square;
	list-style-position:inside;
}

/* SHARED ELEMENTS */

.tabsContainer {
	border:6px solid #c6c6c6;
	float:left;
	margin:20px;
	width:95%;	
}

.tabsContainerNarrow {
	border:6px solid #c6c6c6;
	float:left;
	margin:10px 0;
	width:95%;	
}

/* MODULES */

.coursesModule {
	border-top:1px solid #e7e7e7;
	background:url(background/coursesModuleBg.gif) repeat-y;
	float:left;
}

/* FORM ELEMENTS */

input, textarea, select {
	background:url(background/formFieldBg.gif) 0 0;
	border-left:0;
	border-top:0;
	clear:both;
}

input[type=radio],input[type=checkbox] 
{
	background:none;
}

.submitButtonContainer {
	clear:both;
	margin:20px 0;
}

.submitButtonLeft {
	background:url(background/btnSubmit.gif) no-repeat 0 0;
	float:left;
	height:30px;
	width:6px;
}

.submitButtonCenter {
	background:url(background/btnSubmit.gif) repeat-x 0 -30px;
	color:#4cc14e;
	font-weight:bold;	
	float:left;
	height:16px;
	padding:7px 20px;
}

.submitButtonCenter a {
	color:#4cc14e;
	text-transform:uppercase;
}

.submitButtonRight {
	background:url(background/btnSubmit.gif) no-repeat 0 -60px;
	float:left;
	height:30px;
	width:6px;	
}

select.infoSel {width:140px;float:left;}

/* JQUERY TABS */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
	background: #f1f1f1 url(background/tabsGradBg.gif) repeat-x;	
    list-style: none;
    margin: 0;
    padding: 0;
	clear:both;
    height:59px;	
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    height:59px;
    border-right:1px solid #e7e7e7;
    display:block;
}
.tabs-nav a, .tabs-nav a span 
{
    display: block;
    padding: 7px 10px 10px 10px;
    
}
.tabs-nav a {
    position: relative;
    z-index: 2;
    padding:20px 10px; /* reduced to fit tabs on 1 line */
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */   
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected {
    background: #fff;
    border:1px solid #dadada;
    border-bottom:0;
    /* height causing issues in IE6,see ie stylesheet */
    outline: 0; /* prevent dotted border in Firefox */
}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
	text-decoration:none;
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    background: #fff;
    border:1px solid #dadada;
    border-top:0;
    border-right:0;
    float:left;
	width:100%;
}

.tabsContent {
	padding:20px 15px;
	float:left;
}
.officehidden, .agenthidden {display:none;}