/**********************************************/
/* @name: guide.css                           */
/* @date: 01/04/09                            */
/* @desc: COF 2.0 (Advent Children)           */
/*        Guide Sidedishes                    */
/* @auth: syed@enova-tech.net	              */
/**********************************************/
/* Course Step pages only */

/* removing the top banner background and height */
#banner.coursestep {
    height: auto;
    background: none;
    color: black;
}

#banner.coursestep .inner{
    padding: 0;
    background: none;
    height: auto;
}

#content.course_steps{
    margin-top: 10px;
}

#content.course_steps .navigation{
	float:left;
	display:block;
	width:270px;
	border:1px solid #c6d9e8;
	background:url('../img/layout/guidedtour_navigation_bg.png');
	margin-right:10px;
	height:297px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#content.course_steps .navigation a.signup{
	display:block;
	width:130px;
	height:28px;
	background:url('../img/layout/guided_tour/sign_upnow_s.png') no-repeat top left;
	text-indent:-2000px;
	margin-top:263px;
	margin-left:60px;
	cursor:pointer;
}
#content.course_steps .navigation a.signup:hover{
	border:0px;
	background:url('../img/layout/guided_tour/sign_upnow_s.png') no-repeat left -28px;
}
#content.course_steps .navigation .links{
	position:absolute;
	height:250px;
	width:271px;
	padding:5px;
	background:url('../img/layout/guided_tour/folder_left.png') no-repeat right 44px;
}
#content.course_steps .navigation .links h2{
    font-size: 16px;
}
#content.course_steps .navigation .links ol{
	list-style-position:outside;
    margin: 0 0 0 20px;
}
#content.course_steps .navigation .links ol li{
	font-size:12px;
	padding:7px 30px 0 0;
}
#content.course_steps .navigation .links ol li a{
    font-weight: normal;
}
#content.course_steps .navigation .links ol li a.selected{
	color:#2DB2ED;
	font-weight:bold;
	text-decoration:none;
}

#content.course_steps .navigation_content h1{
	width:498px;
	height:40px;
	margin:auto;
	margin-top:-26px;
	border:1px;
	padding:5px 10px 5px 10px;
	color:#666;
	font-weight:bold;
	font-size:20px;
    line-height: 40px;
	text-align:center;
}

#content.course_steps .navigation_content h1.nine{
    background:transparent url('../img/layout/coursesteps/title-background-9.jpg') no-repeat left center;
}
#content.course_steps .navigation_content h1.eight{
    background:transparent url('../img/layout/coursesteps/title-background-8.jpg') no-repeat left center;
}
#content.course_steps .navigation_content h1.seven{
    background:transparent url('../img/layout/coursesteps/title-background-7.jpg') no-repeat left center;
}
#content.course_steps .navigation_content h1.six{
    background:transparent url('../img/layout/coursesteps/title-background-6.jpg') no-repeat left center;
}
#content.course_steps .navigation_content h1.five{
    background:transparent url('../img/layout/coursesteps/title-background-5.jpg') no-repeat left center;
}
#content.course_steps .navigation_content h1.four{
    background:transparent url('../img/layout/coursesteps/title-background-4.jpg') no-repeat left center;
}
#content.course_steps .navigation_content h1.three{
    background:transparent url('../img/layout/coursesteps/title-background-3.jpg') no-repeat left center;
    padding-left: 25px;
}
#content.course_steps .navigation_content h1.two{
    background:transparent url('../img/layout/coursesteps/title-background-2.jpg') no-repeat left center;
}
#content.course_steps .navigation_content h1.one{
    background:transparent url('../img/layout/coursesteps/title-background-1.jpg') no-repeat left center;
    padding-left: 30px;
}
#content.course_steps .navigation_content p{
	font-size:13px;
	margin-bottom:10px;
	margin-top:10px;
}

#content.course_steps .navigation_content{
	float:left;
	height:654px;
	background:#daedf1 url('../img/layout/guided_tour/background.jpg');
	width:661px;
	padding:0 10px 0 25px;
}
#content.course_steps .navigation_content div{
	position:absolute;
}
#content.course_steps .navigation_content div p{
	margin-bottom:2px;
	margin-top:0px;
	font-size:12px;
	text-align:left;
}

#content.course_steps .navigation_content p a{
	font-weight:normal;
	border-bottom:1px solid #666;
}

/*
 * Presentation
 */
#content.course_steps .navigation_content#presentation .daily_scenario{
}
/* text on the top right of the picture */
#content.course_steps .navigation_content#presentation .daily_scenario p{
	position:relative;
	top:-370px;
	left:330px;
	width:130px;
	margin-bottom:0px;
}

#content.course_steps .navigation_content#presentation .tutor{
	margin-top:70px;
	margin-left:480px;
}
#content.course_steps .navigation_content#presentation .tutor p{
	width:150px;
	margin-left:5px;
}

#content.course_steps .navigation_content#presentation .quality_course{
	margin-top:300px;
}
#content.course_steps .navigation_content#presentation .quality_course p{
	float:left;
	width:200px;
	margin-top:60px;
	padding:10px;
}

#content.course_steps .navigation_content#presentation .quality_course img{
	float:left;
}

/*
 * course content
 */
#content.course_steps .navigation_content#presentation .focuses{
}
#content.course_steps .navigation_content#presentation .focuses p{
	float:left;
	width:145px;
	padding:5px 10px 0 5px;
}
#content.course_steps .navigation_content#presentation .focuses img{
	float:left;
}


#content.course_steps .navigation_content#presentation .course_structure{
	margin-top:180px;
}
#content.course_steps .navigation_content#presentation .course_structure p{
	width:380px;
	padding:0 10px 0 10px;
}

#content.course_steps .navigation_content#presentation .offline_kit{
	margin-top:210px;
	margin-left:420px;
}
#content.course_steps .navigation_content#presentation .offline_kit p{
	margin-left:10px;
	width:200px;
}

/*
 * step by step French
 */

#content.course_steps .navigation_content#step_by_step_french .steps{
	background:url('../img/layout/guided_tour/box_steps.jpg') no-repeat top left;
	padding-top:9px;
	height:530px;
}


#content.course_steps .navigation_content#step_by_step_french .steps li{
	clear:both;
	list-style-type:none;
}
#content.course_steps .navigation_content#step_by_step_french .steps li h2{
	display:block;
	float:left;
	width:115px;
	height:58px;
	padding:2px 5px 0 5px;
	background:url('../img/layout/guided_tour/box.png') no-repeat;
	font-size:10px;
	text-align:center;
	color:white;
	margin:0 15px 0 15px;
}
#content.course_steps .navigation_content#step_by_step_french .steps li p{
	display:block;
	float:left;
	width:425px;
	padding:0 10px 0 40px;
	height:51px;
	font-size:12px;
	background:url('../img/layout/guided_tour/box_arrow.png') no-repeat;
	margin-top:-5px;
	vertical-align:middle;
}


#content.course_steps .navigation_content#step_by_step_french .steps li h2.last{
	background:url('../img/layout/guided_tour/box_last.png') no-repeat;
}

/*
 * Quality course
 */
#content.course_steps .navigation_content#quality_course .followup{
}

#content.course_steps .navigation_content#quality_course .followup p{
	width:280px;
	margin-left:20px;
}

#content.course_steps .navigation_content#quality_course .certification{
	margin-top:20px;
	margin-left:350px;
}
#content.course_steps .navigation_content#quality_course .certification p{
	width:200px;
	margin-left:50px;
}

#content.course_steps .navigation_content#quality_course .ecfl_compliant{
	margin-top:390px;
	margin-left:0;
}
#content.course_steps .navigation_content#quality_course .ecfl_compliant img{
	float:left;
	width:219px;

}
#content.course_steps .navigation_content#quality_course .ecfl_compliant p{
	float:left;
	margin-left:10px;
	margin-top:50px;
	width:250px;
}


/*
 * Rich multimedia content
 */
#content.course_steps .navigation_content#multimedia .user_friendly{
}

#content.course_steps .navigation_content#multimedia .user_friendly p{
	width:280px;
	margin-left:20px;
}

#content.course_steps .navigation_content#multimedia .sound_files{
	margin-top:120px;
	margin-left:50px;
}
#content.course_steps .navigation_content#multimedia .sound_files p{
	width:200px;
	margin-left:10px;
	margin-top:0px;
}

#content.course_steps .navigation_content#multimedia .activities{
	margin-top:300px;
	margin-left:130px;
}
#content.course_steps .navigation_content#multimedia .activities img{
	float:left;
	height:178px;
}
#content.course_steps .navigation_content#multimedia .activities p{
	float:left;
	margin-left:10px;
	margin-top:150px;
	width:150px;
	text-align:right;
}


/*
 * One to one
 */
#content.course_steps .navigation_content#one-to-one .personal_teacher{
}

#content.course_steps .navigation_content#one-to-one .personal_teacher p{
	width:280px;
	margin-left:20px;
}

#content.course_steps .navigation_content#one-to-one .phone_teaching{
	margin-top:150px;
}
#content.course_steps .navigation_content#one-to-one .phone_teaching p{
	width:130px;
	margin-left:20px;
}

#content.course_steps .navigation_content#one-to-one .contact_class{
	margin-top:220px;
	margin-left:150px;
}
#content.course_steps .navigation_content#one-to-one .contact_class img{

}
#content.course_steps .navigation_content#one-to-one .contact_class p{
	margin-left:230px;
	width:250px;
}

/*
 * Community
 */
#content.course_steps .navigation_content#community .profile{
}

#content.course_steps .navigation_content#community .profile img{
	width:506px;
	margin-top:0px;
}

#content.course_steps .navigation_content#community .profile p{
	margin:0px;
}

#content.course_steps .navigation_content#community .forum{
	margin-top:100px;
	margin-left:150px;
}
#content.course_steps .navigation_content#community .forum p{
	width:150px;
	margin-left:350px;
}

#content.course_steps .navigation_content#community .mail{
	margin-top:370px;
	margin-left:10px;
}
#content.course_steps .navigation_content#community .mail img{

}
#content.course_steps .navigation_content#community .mail p{
	width:130px;
}

/*
 * Package & Fees
 */
#content.course_steps .navigation_content#packages{

}
#content.course_steps .navigation_content#packages table{
	background-color:#f7e4aa;
}

#content.course_steps .navigation_content#packages table  tr th{
	background:url('../img/layout/guided_tour/table_top.png') no-repeat top left;
	height:31px;
	border:0px;
	padding:0 5px 0 5px;
	border-right:1px solid #dca91a;
}
#content.course_steps .navigation_content#packages table  tr th.basic{
	background:url('../img/layout/guided_tour/table_top.png') no-repeat -100px 0px;
}
#content.course_steps .navigation_content#packages table  tr th.plus{
	background:url('../img/layout/guided_tour/table_top.png') no-repeat -100px 0px;
}
#content.course_steps .navigation_content#packages table  tr th.last{
	background:url('../img/layout/guided_tour/table_top.png') no-repeat right top;
	border-right:none;
}
#content.course_steps .navigation_content#packages table  tr td{
	border-color:#dca91a;
	width:116px;
}
#content.course_steps .navigation_content#packages table  tr td img{
	margin-left:40px;
}
#content.course_steps .navigation_content#packages table  tr td.title{
	font-weight:bold;
	width:250px;
}
#content.course_steps .navigation_content#packages table  tr td.blank{
	border:none;
	background:#d9ecf2;
	font-size:11px;
	padding:0 5px 0 5px;
	width:250px;
}
#content.course_steps .navigation_content#packages table  tr td.price{
	background:url('../img/layout/guided_tour/table_button.png') no-repeat;
	text-align:center;
	background-color:transparent;
	border:none;
	height:30px;
	font-size:16px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:0px;
}

#content.course_steps .navigation_content#packages a.signup{
	display:block;
	height:36px;
	width:167px;
	background:url('../img/layout/guided_tour/sign_upnow.png') no-repeat;
	border:0px;
	margin-top:10px;
	margin-left:480px;
	cursor:pointer;
	font-size:0px;
}
#content.course_steps .navigation_content#packages a.signup:hover{
	border:0px;
	background:url('../img/layout/guided_tour/sign_upnow.png') no-repeat left -36px;
}


/*
 * How to sign up
 */
#content.course_steps .navigation_content#sign_up .form{
}


#content.course_steps .navigation_content#sign_up .form p{
	width:200px;
	margin-left:20px;
}

#content.course_steps .navigation_content#sign_up .payment{
	margin-top:200px;
	margin-left:270px;
}
#content.course_steps .navigation_content#sign_up .payment p{
	width:200px;
	margin-left:170px;
}

#content.course_steps .navigation_content#sign_up .validation{
	margin-top:370px;

}
#content.course_steps .navigation_content#sign_up .validation img{

}
#content.course_steps .navigation_content#sign_up .validation p{
	width:350px;
	margin-left:10px;
}
#content.course_steps a#previous_button,
#content.course_steps a#next_button,
#content.course_steps a#signup_button{
	display:block;
	float:left;
	width:123px;
	height:36px;
	margin-top:-5px;
	border:none;
	cursor:pointer;
	font-size:0px;
}
#content.course_steps a#previous_button{
	background:url('../img/layout/guided_tour/previous_button.png') no-repeat;
	margin-left:320px;
}
#content.course_steps a#previous_button:hover{
	background:url('../img/layout/guided_tour/previous_button.png') no-repeat left -36px;
}
#content.course_steps a#next_button{
	background:url('../img/layout/guided_tour/next_button.png') no-repeat;
	margin-left:370px;
}
#content.course_steps a#next_button:hover{
	background:url('../img/layout/guided_tour/next_button.png') no-repeat left -36px;
}
#content.course_steps a#signup_button{
	background:url('../img/layout/guided_tour/signup_button.png') no-repeat;
	margin-left:370px;
}
#content.course_steps a#signup_button:hover{
	background:url('../img/layout/guided_tour/signup_button.png') no-repeat left -36px;
}

#content.course_steps #focus{
    margin-top: -30px
}

#content.course_steps #focus img{
    position: absolute;
    left: 270px;
}
#content.course_steps #dialogue img{
    position: relative;
    left: 395px;
    margin-top: -110px;
}
#content.course_steps #dialogue p{
    position: absolute;
    width: 226px;
    top: 144px;
    left: 160px;
}
#content.course_steps #questions{
    margin-top: -25px;
}
#content.course_steps #questions p{
    text-align: right;
    padding-right: 10px;
}
#content.course_steps #kit{
    position: relative;
}
#content.course_steps #kit p{
    padding-left: 350px;
}
#content.course_steps #kit #two{
    position: absolute;
    top: 43px;
    right: 0;
}
#content.course_steps #offline{
    position: relative;
    left: 13px;
    top: -40px;
}
#content.course_steps #offline p{
    margin-top: -45px;
    position: absolute;
    left: 270px;
    width: 250px;
}
#content.course_steps #access200{
    margin-top: -10px;
}
#content.course_steps #easy{
    position: relative;
}
#content.course_steps #easy p#one{
    position: absolute;
    padding: 150px 0 0 145px;
}
#content.course_steps #easy img{
    margin-top: -100px;
    margin-left: 300px;
}
#content.course_steps #step6{
    position: relative;
}

#content.course_steps .navigation_content#step6 p{
    padding: 0 30px 0 20px;
}
#content.course_steps .navigation_content#step6 #sequence{
    position: relative;
    padding-left: 30px;
}
#content.course_steps .navigation_content#step6 #sequence img{
    float: left;
}
#content.course_steps .navigation_content#step6 #sequence p{
    padding: 5px 143px 0 0 ;
}
#content.course_steps .navigation_content#step6 #tutor{
    right: 160px;
    margin-top: 130px;
}
#content.course_steps .navigation_content#step6 #tutor img{
    margin-left: 20px;
}
#content.course_steps .navigation_content#step6 #tutor p{
    width: 180px;
    margin-left: 25px;
}
#step6 #starred{
    clear: both;
    position: relative;
    top: 215px;

}
#content.course_steps .navigation_content#step7 p{
    margin-left: 20px;
}
#content.course_steps .navigation_content#step7 div p{
    margin: 0;
}
#content.course_steps .navigation_content#step7 #teacher {
    position: relative;
    margin-left: 20px;
}
#content.course_steps .navigation_content#step7 #teacher img{
    float: left;
}
#content.course_steps .navigation_content#step7 #teacher p{
    width: 450px;
    padding-top: 10px;
}
#content.course_steps .navigation_content#step7 #contact {
    position: relative;
    width: 400px;
    clear: both;
    top: -35px;
    left:190px
}
#content.course_steps .navigation_content#step7 #contact p{
    padding: 0 90px 0 10px;
}
#content.course_steps .navigation_content#step8 #enrol{
    position: relative;
}
#content.course_steps .navigation_content#step8 #phone{
    position: relative;
    margin-top: -55px;
}
#content.course_steps .navigation_content#step8 #phone p{
    text-align: right;
    margin-right: 55px;
}
#content.course_steps .navigation_content#step8 #note{
    padding-top: 60px;
}
#content.course_steps .navigation_content#step9 #detail{
    position: relative;
    padding: 30px 20px 0;
}
#content.course_steps .navigation_content#step9 #diploma{
    text-align: center;
    position: relative;
}
#content.course_steps .navigation_content#step9 #diploma em{
    position: absolute;
    bottom: 10px;
}
#content.course_steps .navigation_content#step9 #note{
    position: relative;
}
#content.course_steps .navigation_content#step9 #note ol{
    list-style-type:lower-alpha;
    padding: 0 20px;
}