/*
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
*/

/* Registration */

#confirmpassword
{
	margin-left:20px;
}

.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;
	float:none;
}


#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;
}

#banner-images
{
	background-image:url(../images/main-banner.png);
	background-repeat:no-repeat;
	height:92px;
	width:762px;
	margin:auto;
}

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:30px;
	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:17px;font-weight:normal;line-height:25px;}

div#content ul{font-size:17px;font-weight:normal;line-height:25px;}

/*
end content wrapper
*/

/* Main Content */

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

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


#introduction-menu ul li h3 a
{
	text-decoration:none;
	color:#472f83;
	font-weight:normal;
	font-size:17px;
}

#introduction-submenu ul
{
	width:200px;
	list-style-type:none;
	margin-left:35px;
}


#introduction-submenu ul li
{
	border:1px solid #000000;
	font-size:17px;
	margin-top:2px;
	padding:3px;
	width:345px;
}


#introduction-submenu ul li h3 a
{
	text-decoration:none;
	color:#472f83;
	font-weight:normal;
	font-size:17px;
}


/* End Main Content */

/*
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;
}


/* Usermenu Bar */

div#usermenubar
{
	clear:both;
	float:none;
}

/* End Usermenu Bar */


/* Further info Pop-up */

#stdigital_content p
{
	line-height:20px;
}

.disclosure-table
{
	margin-left:-45px;
}

#what-is-domestic-abuse-answers
{
	width:520px;
	height:520px;
	background-image: url(../images/what-is-domestic-abuse-answers.png);
	background-repeat:no-repeat;	
}

/* Further info Pop-up */

/*			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;}