/*
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
*/


.error
{
    color: #993333 !important;
    border-color: #993333 !important;
    background-color: #ffeeee !important;
}

.success
{
    color: #339933 !important;
    border-color: #339933 !important;
    background-color: #eeffee !important;
}

div.admin_screen
{
	min-height:200px;
}

div.error, div.success
{
	border: 1px solid;
	padding: 5px;
}

div#currentuserdetails
{
	font-size: 12px;
}
#registration-complete{	height:270px;	margin-top:50px;}#registration-complete a{	color:#FE25AE;}

#registration-complete p
{
	font-size:15px;
	font-weight:bold;
}

/* Navigation Links */
#back-link
{
	background-image: url(../images/back-link.jpg);
	background-repeat: no-repeat;
	height:25px;
	width:67px;		margin-top:20px;
}

#forward-link
{
	background-image: url(../images/next-link.jpg);
	background-repeat: no-repeat;
	height:25px;
	width:67px;
	float:right;
}

#coursemodule-link
{
	background-image: 

url(../images/forward-link.jpg);
	background-repeat: no-repeat;
	height:25px;
	width:67px;
}

/* End Navigation Links */


#online-training-banner
{
	background-image: url(../images/online-training-banner.jpg);
	background-repeat: no-repeat;
	height:22px;
	width:760px;
	margin:auto;
	margin-top:-10px;
}

#banner
{
	background-image: url(../images/banner.png);
	background-position: top center;
	background-repeat: no-repeat; 
	height:93px;
}

div#contentbackground
{
    margin: auto;
    min-height:400px;
    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:40px 1px 0px 70px;
	text-align:left;
}

div#content p{font-size:13px;font-weight:normal;}

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;
}

div#footer a:hover
{
	color:#000;
}


.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
*/

/*  Training Menu */

#training-menu a{text-decoration:none;}

#training-menu{list-style-type:none;}

#training-menu li
{
	width:420px;
	border:1px solid #000000;
	padding:3px;
	font-size:17px;
	/*position:relative;
	margin:1px;
	float:left;
	right:41px;*/
}

#training-menu ul{list-style-type:none;}

#training-menu ul li
{
	border:none;
	width:440px;
	text-align:left;
	padding:5px;
	font-size:17px;
	margin-left: 10px;
	/*
	float:right;
	clear:both;
	line-height:3px;
	margin:3px;
	*/
}

#training-menu ul li a{color:#5490AC;}


/* ---Tabs--- */

.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;
}

/* Evaluation Form */

#evaluationform-logo
{
	text-align:center;
}

.form_subgroup{	}

.form_subgroup ul{list-style-type:none;}

.formitems{}

.formitems li{height:90px;width:600px;}



.answers-title{width:570px;float:left; margin-bottom:10px;border-bottom:1px solid #ccc;}

.answers-title label{width:600px;float:left;}

.answer-input-label{width:115px;height:40px;float:left;}

.answers-section{width:600px;float:left;margin-bottom:50px;}

.answers-section input{float:left;}


.answer{width:20px;height:20px;}

.answer-label{width:115px;height:35px;float:left;} 


.answer-label-textarea
{
	width:600px;
	height:20px;
	float:left;
}

.answer-label-textarea label
{
	width:470px;
}

.answer-textarea-text
{
	width:600px;
	height:195px;
	float:left;
}	

.answer-textarea-text textarea
{
	width:500px;
	height:160px;
	
}

.formitems-textarea
{
	height:195px;
}

.select-training label {width:260px;padding-right:15px;}

/* End Evaluation Form *//*			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;}
