/*

classes.css



This contains all the classes used by the website other than those defined in default.css

Typically this will include header and footer css as well as any styles required by any bespoke areas of the website

*/
a:hover
{
	color:#FC2425;
}

#banner

{

	background-image: url(../images/banner.png);

	background-position: top center;

	background-repeat: no-repeat; 

	height:93px;

}



div#contentbackground

{

    margin: auto;

    height:auto;

    width: 760px;

    background-color: white;    

    background-image: url(../images/gr-contentbg.jpg);

    background-position: bottom right;

    background-repeat: repeat-y;

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

	overflow:visible;

}







div#header

{

    background-color: #666688;

    color: #ffffff;

    top: 0px;

    padding: 0px;

    margin: 0px;

    height:  70px;

    z-index: 100;

    margin: auto;

}



div#header div#header_flash

{

    float: right;

    padding: 0px;

    margin-top: -5px;

}



div#header p

{

    margin: 0px;

    padding: 20px 0px 0px 20px;

    color: #ffffff;

    font-weight: 400;

    font-size: 24px;

}



div#contenttable

{

    display: table;

}



/*

main side menu

*/



#menu ul li

{

	display:inline;

}



#menu

{

	background-color:#fff;

	background-repeat: repeat-x;

	width:760px;

	margin:auto;

	margin-top:0px;

	height:40px;

	padding-top:2px;

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

}



#menu ul

{

	padding-top:1px;

}



#menu ul li a

{

	padding: 5px 15px 5px 15px;

	text-decoration:none;

	font-size:15px;

}





div#content

{

    display: table-cell;

    background: transparent;

    width: 620px;

    vertical-align: top;

    top: 0px;

	padding:75px 1px 0px 70px;

	text-align:left;

}



div#content p{font-size:13px;}



div#content ul{font-size:13px;}



/*

end content wrapper

*/



/*

footer

*/



div#footer

{

    width: 760px;

    margin: 0 auto;

    display: block;

    height: 90px;

    background-color: #5490AC;

    position: relative;

    padding: 0px;

    clear: both;

	background-image:url(../images/footer.png);

	background-position: bottom center;

	background-repeat:no-repeat;

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}



div#footer p

{

	color:#000000;

	float:left;

	font-size:13px;

	font-weight:bold;

	padding-left:32px;

}



.img-footer

{

	width:760px;

	height:87px;

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

	margin: auto;

	background-color:#fff;

}



.imgleft{float:left;padding-left:20px;}

.imgright{float:right;padding-right:20px;}



/*

end footer

*/





.mainNav {

	display:block;

	width:100%;

	min-height:35px;

}



ul.tabNav {



	border-bottom: 1px solid #808285;

	margin: 0px;

	padding-left: 5px;

	padding-right:0px;

	float: right;

	width:755px;

	background: #FFF url(http://portal.oxfordshire.gov.uk/content/publicnet/other_sites/oscb/img/tab_bg.jpg) no-repeat left top;

}

.tabNav li {

	list-style: none;

	float: left;

	background: #FFF url(http://portal.oxfordshire.gov.uk/content/publicnet/other_sites/oscb/img/tab_right.jpg) no-repeat right top;

}


.tabNav a {



	display: block;



	padding: 7px 16px 4px 16px;



	background-image: url(http://portal.oxfordshire.gov.uk/content/publicnet/other_sites/oscb/img/tab_left.jpg);



	background-repeat: no-repeat;



	background-position: left top;



	text-align: center;



	text-decoration: none;



	color: #FFF;



	font-weight: bold;



	font-size: 1.05em;



}



.tabNav a:hover {



	color:#BE1E2D;



	text-decoration:none;



	}



.tabNav .selected {



	list-style: none;



	float: left;



	background: #FFF url(http://portal.oxfordshire.gov.uk/content/publicnet/other_sites/oscb/img/tab_selected_right.jpg) no-repeat right top;



}



.tabNav .selected a {



	display: block;



	padding: 7px 16px 4px 16px;



	background-image: url(http://portal.oxfordshire.gov.uk/content/publicnet/other_sites/oscb/img/tab_selected_left.jpg);



	background-repeat: no-repeat;



	background-position: left top;



	text-align: center;



	text-decoration: none;



	color: #000;



	font-weight: bold;



	font-size: 1.05em;



}



.tabNav .selected a:hover {



	color:#FFF;



	text-decoration:none;



	}



/* Content Label */



div#layoutitemsettings form #label_content

{

	display:none;

}



/*

classes-booking.css



This contains all the classes used by the website in the booking section.

*/



/* Booking CSS */

div#currentuserdetails

{
	font-size: 15px;
}

div#currentuserdetails a
{
	color:#FE0000;
}

#registration-complete
{
	height:300px;
}

#registration-complete a
{
	color:#FE0000;
}



/* Navigation Links */


#back-link-booking

{

	background-image: url(../images/back-link-booking.jpg);

	background-repeat: no-repeat;

	height:25px;

	width:67px;
	
	margin-top:20px;

}



#forward-link-booking

{

	background-image: url(../images/next-link-booking.jpg);

	background-repeat: no-repeat;

	height:25px;

	width:67px;

	float:right;

}


/* End Navigation Links */

#online-booking-banner

{

	background-image: url(../images/online-booking-banner.jpg);

	background-repeat: no-repeat;

	height:22px;

	width:760px;

	margin:auto;

	margin-top:-10px;

}


/*  Booking Menu */

#booking-menu a{text-decoration:none;font-weight:normal;}
#booking-menu a:hover{color:#FC2425;}

#booking-menu{list-style-type:none;}

#booking-menu li
{
	width:420px;
	border:1px solid #000000;
	padding:3px;
	font-size:17px;
	margin-top:2px;
}

#booking-menu ul{list-style-type:none;}

#booking-menu ul li
{
	border:none;
	width:440px;
	text-align:left;
	padding:5px;
	font-size:17px;
	margin-left: 10px;
}

#booking-menu ul li a{color:#5490AC;}


/* Course View */

#aims_link_a
{
	text-decoration: none;
}

#targets_link_b
{
	text-decoration: none;
}

#programme_link_c
{
	text-decoration: none;
}

#dataprotection_link_d
{
	text-decoration: none;
}

.product-main-title
{
	color:#FC2425;
	border:solid 1px #000;
	width:465px;
	/*height:24px;*/
}

.product-main-title h1
{
	margin:0;
	padding:5px;
}

/*Courses for Booking system*/
/* Specialist */
.courses-specialist-h2
{
	color:#007AC3;
}
.courses-specialist
{
	width:622px;
	height:40px;
	border:solid 2px #000;
}

.courses-specialist-title
{
	width:360px;
	height:40px;
	overflow:hidden;
	float:left;
	text-align:left;
	line-height:15px;
	background-color:#7BC357;
}
.courses-specialist-ref
{
	width:70px;
	height:40px;
	overflow:hidden;
	float:left;
	text-align:left;
	line-height:15px;
	background-color:#7BC357;
	padding-right:10px;
}

.courses-specialist-title p
{padding-left:5px;font-weight:bold; margin:0px;}

.courses-specialist-view
{
	width:89px;
	float:right;
	line-height:29px;
	border-left:1px solid #000;
	background-color:#9CCFE4;
}

.courses-specialist-apply
{
	width:89px;
	float:right;
	line-height:29px;
	border-left:1px solid #000;
	background-color:#FE0000;
}

/* Specific */
.courses-specific-h2
{
	color:#007AC3;
}
.courses-specific
{
	width:622px;
	height:40px;
	border:solid 2px #000;
	float:left;
	margin-bottom:0px;
}

.courses-specific-title
{
	width:360px;
	height:40px;
	overflow:hidden;
	float:left;
	text-align:left;
	line-height:15px;
	background-color:#007AC3;
}

.courses-specific-title p
{
	height:40px;
}

.courses-specific-ref
{
	width:70px;
	height:40px;
	overflow:hidden;
	float:left;
	text-align:left;
	line-height:15px;
	background-color:#007AC3;
	padding-right:10px;
}

.courses-specific-title p
{padding-left:5px;font-weight:bold;}

.courses-view
{
	width:179px;
	float:right;
	line-height:22px;
	border-left:1px solid #000;
	background-color:#9CCFE4;
}

.courses-apply
{
	width:89px;
	float:right;
	line-height:29px;
	border-left:1px solid #000;
	background-color:#FE0000;
}


.add-btn
{
	border:0px;
	float:right;
	position:relative;
	right:72px;
}


/* Both */
.courses-both-h2
{
	color:#007AC3;
}
.courses-both
{
	width:620px;
	height:40px;
	border:solid 2px #000;
}

.courses-both-title
{
	width:360px;
	height:40px;
	overflow:hidden;
	float:left;
	text-align:left;
	line-height:15px;
	background-color:#FC2425;
}
.courses-both-ref
{
	width:70px;
	height:40px;
	overflow:hidden;
	float:left;
	text-align:left;
	line-height:15px;
	background-color:#FC2425;
	padding-right:10px;
}

.courses-both-title p
{padding-left:5px;font-weight:bold;}

.courses-both-view
{
	width:89px;
	float:right;
	line-height:29px;
	border-left:1px solid #000;
	background-color:#9CCFE4;
}

.courses-both-apply
{
	width:89px;
	float:right;
	line-height:29px;
	border-left:1px solid #000;
	background-color:#FE0000;
}

#course-container
{
	
}

/* End Courses both*/

.tick-confirm-label
{
	width: 215px ;
}
 
#charges_link{width:536px;border:1px solid #000000;padding:3px;font-size:17px;margin-top:2px;}
#charges_link h4{margin:0;}
#charges{width:545px;}
.charges-border{border-bottom:1px solid #000;margin-top:10px;}

#additional_link{width:536px;border:1px solid #000000;padding:3px;font-size:17px;margin-top:2px;}
#additional_link h4{margin:0;}
#additional{width:545px;}

#programme_link{width:536px;border:1px solid #000000;padding:3px;font-size:17px;margin-top:2px;}
#programme_link h4{margin:0;}
#programme{width:545px;}

#targets_link{width:536px;border:1px solid #000000;padding:3px;font-size:17px;margin-top:2px;}
#targets_link h4{margin:0;}
#targets{width:545px;}

#aims_link{width:536px;border:1px solid #000000;padding:3px;font-size:17px;margin-top:2px;}
#aims_link h4{margin:0;}
#aims{width:545px;}
 
/* Booking Section Top Links */


#product-main-container
{
	overflow:hidden;
}

 
#booking-nav
{
	font-size:12px;
	color:#FE0000;
	margin: auto;
	height:40px;
	width:760px;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	padding-top:1px;
	background-color:#fff;
}

#booking-nav a
{
	text-decoration:underline;
	color:#000;
	font-size:13px;
	font-weight:bold;

}

#booking-nav ul
{
	list-style-type:none;
} 
 
#booking-nav ul li
{
	display:inline;
	margin-right:13px;
}
 
 
.booking-nav-ul
{
	height:20px;
	left:-3px;
	padding-top:5px;
	position:relative;
	width:717px;
}


#back-link-booking

{

	background-image: url(../images/back-link-booking.jpg);

	background-repeat: no-repeat;

	height:25px;

	width:67px;
	
	margin-top:20px;

}



#forward-link-booking

{

	background-image: url(../images/next-link-booking.jpg);

	background-repeat: no-repeat;

	height:25px;

	width:67px;

	float:right;

}

/*
 * Booking section
 */
.fully_booked_message {padding: 5px; background-color: #f0f0f0; text-align: center; border: 1px solid #d0d0d0; margin: 0px}

/*
 * Booking form
 */

.submit_large {font-size: 18px;padding: 10px 20px;}
.submit_mid {font-size: 14px;padding: 3px 15px;}

.delegate_logged_in,
.delegate_not_logged_in {padding: 10px; margin: 5px 0px; background-color: #f0f0f0; margin-bottom:25px}

#pre_login_form {}
#pre_login_form h2 {border-bottom: 1px solid #d0d0d0; font-weight: 400; padding-bottom: 5px}
#pre_login_form p {}
#pre_login_form p label {font-weight: 400; width: 115px; float: left}
#pre_login_form p#pre_login_forgot_password {float: right}
/*
 * End booking form
 */

/*
 * End Booking section
 */


/* End Navigation Links */


/* Trainer Info Section */

.trainer-info
{
	width:590px;
	height:40px;
	border:solid 2px #000;
	margin-top:5px;
}

.trainer-info-title
{
	width:199px;
	height:40px;
	overflow:hidden;
	float:left;
	text-align:left;
	line-height:15px;
	background-color:#7BC357;
	border-right:1px solid #000;
}

.trainer-info-title p{padding-left:5px;font-weight:bold;}
.trainer-info-title a{text-decoration:none;}

.trainer-info-desc
{
	width:300px;
	height:40px;
	overflow:hidden;
	float:left;
	text-align:left;
	line-height:15px;
	background-color:#7BC357;
}

.trainer-info-desc p{margin-left:5px;}
.trainer-info-desc a{text-decoration:none;}

.trainer-info-download
{
	width:89px;
	float:right;
	line-height:40px;
	border-left:1px solid #000;
	background-color:#9CCFE4;
}

.trainer-info-download a
{
	margin-left:5px;
	text-decoration:none;
}

/* End Trainer Info Section */

/* Delegate Info Section */

.delegate-info
{
	width:590px;
	height:40px;
	border:solid 2px #000;
	margin-top:5px;
}

.delegate-info-title
{
	width:199px;
	height:40px;
	overflow:hidden;
	float:left;
	text-align:left;
	line-height:15px;
	background-color:#7BC357;
	border-right:1px solid #000;
}

.delegate-info-title p{padding-left:5px;font-weight:bold;}
.delegate-info-title a{text-decoration:none;}


.delegate-info-desc
{
	width:300px;
	height:40px;
	overflow:hidden;
	float:left;
	text-align:left;
	line-height:15px;
	background-color:#7BC357;
}

.delegate-info-desc p{margin-left:5px;}
.delegate-info-desc a{text-decoration:none;}

.delegate-info-download
{
	width:89px;
	float:right;
	line-height:40px;
	border-left:1px solid #000;
	background-color:#9CCFE4;
}

.delegate-info-download a
{
	margin-left:5px;
	text-decoration:none;
}

/* End Delegate Info Section */
 
 
 
/*			IE 6 Warning	*/

div#ie6warning {background:#F5F5C0;border-bottom:1px solid #6B6C6F;}
div#ie6warning div#ie6container {margin:0px auto;width:780px;padding-left:60px;background:url('/images/warning.jpg') top left no-repeat;}
div#ie6warning div#ie6container p {padding:4px;font-size:90%;font-weight:bold;}
 p {padding:4px;font-size:90%;font-weight:bold;}