/* CSS Document */
img
{
	border:0;
}
body
{
	font-size:12px;
	color:#333333;
}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.hidden{display:none;overflow:hidden;visibility:hidden;width:0;height:0}
h2
{
	margin:0 0 10px 0;
	font-size:20px;
}

h3
{
	padding:0 0 15px 0;
	margin:0;
	font-size:18px;
}
p
{
	padding:0;
	margin:0 0 15px 0;
	font-size:12px;
}

input.error 
{
	border:1px solid #FF0000;
}
.error
{
	color:#FF0000;
	padding:2px;
}
ul 
{
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
}
/* ==== HEADER STYLES =============================*/
div#wrapHeader 
{
	background:transparent url(~/media/Images/erasmus/header/prodheader.jpg) repeat-x scroll 0 0;
	position:relative;
	width:100%;
	z-index:999;
}
div#wrapHeader div.header 
{
	height:155px;
	position:relative;
	z-index:999;
}

div#wrapHeader div.prodname 
{
	float:left;
	height:22px;
	left:20px;
	position:absolute;
	top:100px;
	width:500px;
}
div#wrapHeader div.action2 
{
	position:relative;
	right:0;
	text-align:right;
	top:91px;
	z-index:1;
}
div#wrapHeader div.action2 ul li 
{
	font-weight:bold;
	list-style-type:none;
}
div#wrapHeader div.action2 ul li.phone 
{
	color:#0057A6;
	font-size:18px;
	height:24px;
}
div#wrapHeader div.action2 ul li.links 
{
	color:#0067C5;
	font-size:11px;
}
/* ==== END HEADER STYLES =====================*/
/* ==== CAMPAIGN STYLES	  =====================*/
#campaignContainer
{
	width:960px;
	height:165px;
	margin:0 auto;
	border-bottom:4px solid #00B9E5;
	margin-bottom:20px;
}
#campaignTextBox
{
	color:#333333;
	padding:44px 0 0 30px;
}
.defaultCampaignStyle
{
	width:377px;
	height:75px;
}
.homepageCampaignStyle
{
	width:420px;
	height:162px;
	padding:20px 0 0 30px !important;
}
#campaignTextBox h1
{
	font-weight:bold;
	font-size:24px;
	padding:3px 3px 3px 0;
}
#campaignTextBox p
{
	font-size:12px;
	padding:3px 3px 3px 0;
}
/* ==== END CAMPAIGN STYLES ======================*/
/* ==== SPOTS STYLES	    ======================*/
#spotsContainer
{
	width:960px;
	margin:0 auto;
}

.spot-box
{
	color:#FFFFFF;
	cursor:pointer;
	text-decoration:none;
	background:#00B9E5;
	color:#FFFFFF;
	float:left;
	font-family:Arial;
	height:226px;
	margin:0 20px 0 0;
	padding:24px;
	width:258px;
}

.spot-box a
{
	position:relative;
	cursor:pointer;
}
.spot-box h2 
{
	color:#FFFFFF;
	display:block;
	font-size:24px;
	height:62px;
	margin:0;
	padding:0;
	text-decoration:underline;
}
.spot-box p 
{
	font-size:13px;
	height:120px;
}

.spot-box a.button
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	background:#FFFFFF url(~/media/Images/erasmus/icons/buttonRightArrow.gif) no-repeat scroll right center;
	color:#000000;
	display:block;
	float:right;
	font-size:12px;
	font-weight:bold;
	height:33px;
	line-height:33px;
	padding:0 30px 0 14px;
	position:relative;
	text-align:center;
	text-decoration:none;
	top:0px;
	width:auto;
}

.first
{
	margin-left:0 !important;
}
.last
{
	margin-right:0 !important;
}
/* ==== END SPOTS STYLES ======================*/
/* ==== COLUMNS STYLES	 ======================*/
#columnsContainer
{
	float:left;
}
#left-column
{
	background:#FFFFFF;
}
#left-column-wide
{
	background:#FFFFFF;
	width:660px;
}
* html #left-column-wide
{ 
	background:#FFFFFF;
	width:654px;
}
#center-column
{
	background:#FFFFFF;
	width:420px;
}
* html #center-column
{
	background:#FFFFFF;
	width:414px;
}
#right-column
{
	background:#FFFFFF;
	width:278px;
}
div#footer 
{
   	border-top:4px solid #00B9E5;
    width:100%;
    background-color:#FFFFFF;
    height:20px;
    position:relative;
    z-index:1;
    margin-top:20px;
	float:left;    
}

div#footer span#copyright 
{
    color:#5B5B5B;
    font-size:12px;
    padding:2px 0;
    text-align:right;
    width:960px;
    display:block;
}
/* ==== END COLUMNS STYLES ======================*/
/* ==== TABS STYLES		   ======================*/
#center-column h2
{
	margin:0 0 10px 0;
	font-size:20px;
}
#center-column p
{
	padding:0;
	margin:0 0 15px 0;
}

#center-column div#tabs ul
{
	height:30px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 !important;
	padding:0;
	width:420px;
	border-bottom:4px solid #00B9E5;
}

#center-column div#tabs ul li
{
	float:left;
	margin:0 0 0 3px !important;
	padding:0;
	text-indent:0;
	background:#FFFFFF;
	color:#000000;
}
#center-column div#tabs ul li a
{
	text-decoration:none;
	height:30px;
	line-height:30px;
	margin:0;
	padding:7px 15px;
	text-align:center;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	border:0;
}
#center-column div#tabs ul li a.current, 
#center-column div#tabs ul li a.current:hover, 
#center-column div#tabs ul li li.current a,
#center-column div#tabs ul li a:hover
{
	background:#00B9E5 none repeat scroll 0 0;
	color:#FFFFFF;
	cursor:pointer;
	padding:7px 15px;
}
#center-column div#tabs .tabsBox
{
	background-color:#FCFCFC;
	border:1px solid #D7D7D7;
	padding:10px;
}
/* ==== END TABS STYLES		 ======================*/
/* ==== BROCHURE FORM STYLES ======================*/
#brochureForm
{
	background:#FFFBBC;
	width:278px;
}

#brochureForm .brochureFormTitleBar
{
	background:#FFE04D url(~/media/Images/erasmus/general/formtitleBG.jpg) no-repeat center center;
	height:55px;
}

#brochureForm .brochureFormTitleBar span
{
	color:#285375;
	display:block;
	font-size:18px;
	font-weight:bold;
	height:55px;
	line-height:50px;
	margin:0 auto;
	padding:0;
	text-align:center;
	width:auto;
}

#brochureForm  #brochurePromotion
{
	padding:10px;
	margin:0 auto;
	float:left;
}

#brochureForm  #brochurePromotion img
{
	float:left;
	margin:0 0 20px 4px;
	padding:0 4px 0 0;
}

#brochureForm  #brochurePromotion p
{
	padding:2px;
	margin:0;
	display:block;
	float:left;
	width:179px;
}
#brochureForm #productsSelection
{
	float:left;
	margin-bottom:10px;
}

#brochureForm #productsSelection span.checkbox
{
	width:260px;
	display:block;
	margin-bottom:2px;
}
#brochureForm #productsSelection span.checkbox label
{
	padding-left:4px;
}
#brochureForm #formFields
{
	padding:12px;
	margin:0 auto;
	width:254px;
}
#brochureForm input
{
	border:1px solid #CCCCCC;
	font-size:11px;
	margin:0 0 2px 0;
	padding:2px 3px;
	width:246px;
	height:16px;
	color:#333333;
}
#brochureForm .textareaStyle
{
	color:#666666;
	height:50px;
	width:254px;
	background:#F9F9F9 none repeat scroll 0 0;
	border:1px solid #D7D7D7;
	color:#444444;
	font-size:11px;
	margin:5px 0 ;
}

#brochureForm select
{
	font-size:12px;
	width:260px;
	border:1px solid #CCCCCC;
}
#brochureForm .ddlAgeDate,
#brochureForm .ddlAgeMonth,
#brochureForm .ddlAgeYear
{
	width:60px;
}

#brochureForm .submitButton
{
	background:transparent url(~/media/Images/erasmus/icons/submitButtonBG.jpg) no-repeat scroll 0 0;
	color:#285375;
	cursor:pointer;
	font-size:20px;
	font-weight:bold;
	height:47px;
	margin:0 auto;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:254px;
	float:left;
}
#brochureForm .submitButton a
{
	line-height:47px;
	color:#FFFFFF;
}
#brochureForm .submitButton a:hover
{
	text-decoration:none;
}
#brochureForm .checkbox
{
	width:15px;
	display:block;
	border:0;
}
#brochureForm .checkbox input
{
	width:15px;
	display:block;
	border:0;
	float:left;
}

#brochureForm span.checkbox
{
	display:block;
	width:auto;
	float:left;
	margin-bottom:6px;
}
#brochureForm span.checkbox label
{
	float:left;
	display:block;
	width:235px;
	padding-left:4px;
}
#brochureForm #sexBox
{
	margin-bottom:2px;
	color:#000;
}
#brochureForm #sexBox span.sexTitle
{
	/*display:inline;*/
	display:block;
	clear:both;
}
#brochureForm #sexBox span.radiobutton label
{
	display:inline;
	margin:2px;
	padding:0;
}
#brochureForm .radiobutton
{
	display:block;
	width:auto;
	float:left;
	border:0;
}

#brochureForm span.radiobutton input
{
	display:block;
	width:15px;
	margin:0 2px;
	float:left;
}
#brochureForm #birthdateBox
{
	display:block;
	margin-bottom:2px;
}

#brochureForm #birthdateBox label
{
	display:block;
}

/*===== END BROCHURE FORM STYLES ====*/

/* ==== DESTINATION BOXES   =============*/
#destinationList
{
	float:left;
	width:100%;
}

.destinationBox
{
	float:left;
	width:100%;
	margin:0 0 20px 0;
}
.destinationImageBox
{
	width:133px;
	margin:6px 25px 0 0;
	float:left;
}
.destinationOverview
{
	width:262px;
	float:left;
}
.destinationOverview h3
{
	padding:0 0 15px 0;
	margin:0;
	font-size:18px;
}

.destinationOverview p
{
	margin:0;
}
/* ==== END DESTINATION BOXES =============*/
/* ==== INDEX LINK & BOXES   =============*/
#indexList
{
	background:#FFF;
	margin:10px 0;	
}
#indexList a
{
	color:#00B9E5;	
}
#indexList ul li
{
	list-style-type:disc;
	list-style-position:inside;
}

#indexContentContainer
{
	border:1px solid #FF0000;
}
.indexSection
{
	background:#f8f8f8;
	border-bottom:0px dotted #CCC;
	margin-bottom:20px;
	padding:20px;
}
.indexSection h2
{
	font-size:20px;
}

.indexSection h3
{
	font-size:14px;
}
.whyef h2
{
	font-size:20px;
}
.whyef h3
{
	font-size:14px;
}
#thankyouStyle p
{
	display:block;
	padding: 40px; 
	margin-top: 60px; 
	font-weight: bold; 
	font-size: 16px;
}