/**************************************
 * THEME NAME: VSO2010
 *
 * Files included in this sheet:
 *
 *   VSO2010/vso.css
 *   VSO2010/nav.css
 *   VSO2010/formatoverride.css
 **************************************/

/***** VSO2010/vso.css start *****/

/********

Custom CSS sheet for VSO Putney
j m howitt 20100216

********/


/*
 * General header and body stuff
 */

body {
  background:#FFF url(images/bg.gif) no-repeat fixed center 0pt;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  line-height: 1.3em;
  letter-spacing:0em;
  font-family:verdana,arial,helvetica,sans-serif;
}

body, table, td, th, li {
  letter-spacing:0em;
  line-height:1.3em;
}

#site-index {
  margin:0px;
  width:auto;
}

a, a:link, a:visited{
  text-decoration:none; 
	font-weight:bold;
	color:#660066;
}

a:hover{
  text-decoration:underline;
}

/* note: ugly hack!! remove when course templates are available */

.summary strong a, .summary strong a:hover {
  color:#FFF !important;
  text-decoration:none;
}

#page {

  width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-left:0px;
  padding-bottom:0px;
  margin-bottom:0px;
  background-color: white;
  text-align:left;
}

#left-menu{
  width: 180px;
  float: left;
  padding-top:0.2em;
  padding-left:0.5em;
  padding-right:0.15em;
  padding-bottom:0px;
  background: white;
}

#content{
  float: left;
  width:690px;
  padding-top:0.2em;
  padding-left:0.5em;
  padding-right:0.15em;
  padding-bottom:0px;
  font-size:0.9em;
}

#header-top {
  background-color:#FFF;
  padding-top: 4px;`
  padding-bottom: 4px;
  text-align:right;
  font-size:0.9em;
}

#header-top a, #header-top a:link, #header-top a:visited {
  color:#000;
  font-size:1.0em;
  padding-left:12px;
  padding-right:9px;
  text-decoration:none;
}

#header-top a:hover {
  color:#000;
  text-decoration:underline;
}

/* imported footer css */
#footer {
	clear:both;
	margin-top:10px;
	margin-left:0px;
	border-top:1px #aeb0b2 solid;
	padding-top:3px; 
	width:900px;
	background-color: white;
	text-align:right;
	}
	#footer p {
		clear:both;
		padding-top:5px;
		border-top:1px #aeb0b2 solid;
		font-size:0.75em;
		color:#999999 !important;
		line-height:1.2em;
	}

/* ------------ header / footer ------------------ */

 #footer ul, #languages ul { 
	list-style:none; 
	margin:0; 
	}
	 #footer ul li, #languages ul li { 
		display:inline; 
		background:#ffffff url(/Images/listsep_tcm76-18610.gif) 0 5px no-repeat; 
		padding-left:8px; 
		padding-right:3px; 
		font-size:0.75em; 
		}
		#footer ul li a { 
			color:#999999; 
			text-decoration:none; 
			font-weight:normal;
			}
			 #footer ul li a:hover { 
				color:#333333; 
			}
 #languages ul { margin-top:10px; }
#footer ul { margin-bottom:5px; }
#languages ul { float:left; }

/* imported footer css end*/
/*
#footer {
  background:#ED8000 url(images/bottomfade_tcm37-11752.gif) repeat-x scroll left bottom;
  margin-top:10px;
  padding-top:15px;
  color: #FFF;
  clear: left;
}
*/
#footer a {
  color:#FFF;
}

#footer-vso {
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left:10px;
  text-align:center;
}

#footer-vso a, #footer-vso a:link, #footer-vso a:visited {
  color:#FFF;
  display:inline;
  font-size:0.9em;
  padding-left:8px;
  padding-right:6px;
  text-decoration:none;
}

#footer-vso a:hover {
  color:#FFF;
  text-decoration:underline;
}

#header-home, #header {
  height:100px;
  background-image:url(images/VSO-logo.gif);
  background-color: #FFF;
  background-position: top left;
  background-repeat: no-repeat;
  /* border-bottom:4px solid #ED8000; */
}

.headermenu {
  padding-right:4px;
  padding-top:4px;
  /* color: #FFF; */
  clear:both;
  display:inline;

}

#mod-lesson-view .invisiblefieldset {
  display:inline;
}

.headermenu a {
  /* color:#FFF; *.
}

.navbar {
  border:none;
  padding-bottom:0px;
}

.navbar .breadcrumb {
  /* font-size:1.0em; */
  font-weight:normal;
  padding-top:0.2em;
  margin:0px;
  /*margin-left:10px;*/
  color:black;
}

/* main navigation */

#navwrapper {
/*   position:absolute; */
  padding-left:105px;
  padding-top:60px;
}

#vsonav {
/*   bottom:-10px; */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

ul#vsonav li {
  float:left;
  height:36px;
  list-style-image:none;
}

ul#vsonav li a {
  display:block;
  height:36px;
  color:#FFF;
  padding-right:0.4em;
}

ul#vsonav li a:hover, ul#vsonav li a:active, ul#vsonav li.selected a {
  color:#FFDB00;
  text-decoration:none;
}

li#vsohome a {
/*   background: transparent url(images/header__linkover.gif) no-repeat scroll 0px 0px; */
  width: 55px;
}

li#vsochoose a {
/*   background: transparent url(images/header_l-inkover.gif) no-repeat scroll -60px 0px; */
  width: 110px;
}


li#vsolearn a {
/*   background: transparent url(images/header_linkover.gif) no-repeat scroll -180px 0px; */
  width: 100px;
}

li#vsoplan a {
/*   background: transparent url(images/header_linkover.gif) no-repeat scroll -290px 0px; */
  width: 90px;
}

li#vsoexplore a {
/*   background: transparent url(images/header_linkover.gif) no-repeat scroll -390px 0px; */
  width: 120px;
}


li#vsoprofile a {
/*   background: transparent url(images/header_linkover.gif) no-repeat scroll -510px 0px; */
  width: 80px;
}


/*
 * Main Navigation
 */
/*
ul#mainnav {
  left:155px;
  position:absolute;
  top:81px;
  vertical-align:baseline;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

li#nav-home a:hover, li#nav-home a.active {
  background:transparent url(images/mainmenu_tcm37-11734.gif) no-repeat scroll 0px -37px;
}
*/
/*
 * End of Main Navigation
 */

/*.navbar .breadcrumb a{
  color:black;
} */

.breadcrumb .sep {
  color:black;
}

/*
#layout-table #left-column {
  width:180px;
}
*/

/*
 * Sideblocks
 */

.sideblock {
  color:black;
}

.sideblock .header {
  color:#FFF;
  font-weight:bold;
  font-size:0.8em;
  background-color:#568000;
  border:1px solid #568000;
  padding-top:0.2em;
}

.sideblock .content {
  font-size:0.8em;
  border:1px solid #568000;
}

.sideblock .header .hide-show img.hide-show-image {
  background:transparent url(images/switch_minus.gif) no-repeat scroll center bottom;
}

.sideblock.hidden .header .hide-show img.hide-show-image {
  background:transparent url(images/switch_plus.gif) no-repeat scroll center bottom;
}

.sideblock a {
  color:#B32417;
}

.sideblock a:hover {
  text-decoration:hover;
}

/*
 * Specific side block settings
 */


/* Loginbox */

.block_login .header {
  color:#ffffff;
 /* font-weight:bold;
  font-size:1.0em; */
  padding-top:0.3em;
  padding-bottom:0.2em;
  background-color:#B32417;
  border:1px solid #B32417;
}

.block_login .content {
  color:#000;
  font-size:0.8em;
  border-top:3px solid #B32417;
  border-left:1px solid #B32417;
  border-right:1px solid #B32417;
  border-bottom:1px solid #B32417;
}

.loginbox.twocolumns {
background-color:#ffffff;
  width:670px;
}
.loginbox.twocolumns .loginpanel {
  width:270px;
}

.loginbox.twocolumns .signuppanel {
 
  width:389px;
}

/* .loginform .c1 input {
  color:#000;
  background-color:#568000;
} */

/* email */

.block_email_change .header {
  color:#ffffff;
 /* font-weight:bold;
  font-size:1.0em; */
  padding-top:0.3em;
  padding-bottom:0.2em;
  background-color:#B32417;
  border:1px solid #B32417;
}

.block_email_change .content {
  color:#000;
  font-size:0.8em;
  border-top:3px solid #B32417;
  border-left:1px solid #B32417;
  border-right:1px solid #B32417;
  border-bottom:1px solid #B32417;
}

/* sideblocks homepage: picturebox */

.block_html_pic .header {
  height:auto;
  border-width: 0px;
  background:none;
  border:none;
}

.block_html_pic .content{
  background:none;
  border:none;
  border-width: 0px;
  padding:0px;
}

/* sideblocks homepage: action buttons */

.block_html_yellow .header{
  height:auto;
  border:none;
  background:none;
}

.block_html_yellow .content{
  font-weight:bold;
  font-size:1em;
  color: #B32417;
  text-decoration:none;
  background:#FFDB00 url(images/yellow_right_arrow.gif) no-repeat scroll 100% 100%;
  border:1px solid #FFDB00;
  padding-right:20px;
}

 .block_html_yellow .content a, .block_html_yellow .content a:hover {
  /* padding-right:30px; */
  font-weight:bold;
  font-size:1em;
  color: #B32417;
  text-decoration:none;
}

/* sideblocks homepage: red box */

.block_html_red .header {
  height:auto;
  background:none;
  border:none;
}

.block_html_red .content, .block_html_red .content a, .block_html_red .content a:hover {
  font-weight:bold;
  font-size:1em;
  color: #FFF;
  text-decoration:none;
  background-color:#B32417;
  border:1px solid #B32417;
}

.block_html_yellow, .block_html_red, .block_html_pic, .block_login {
  margin-bottom:0.2em;
}

.block_html_pic .commands, .block_html_yellow .commands, .block_html_red .commands {
  background-color:transparent;
  border: 1px solid #EAEAEA;
  padding: 1px;
}


.block_news_items .header {
  /* font-weight:bold;
  font-size:1.0em !important; */
  padding-top:0.3em;
  padding-bottom:0.2em;
  color: #FFF;
  text-decoration:none;
  background-color:#004959;
  border:1px solid #004959;
}

.block_news_items .content {
  border:1px solid #004959;
  font-size:0.85em !important;
}

.header .title h2 {
  /* font-weight:bold; */
  font-size:1.2em !important;
  line-height:1.5em !important;
}

.content a {
	color:#660066;
}

/* turn of side block hide show image */

/*
.sideblock .header .hide-show img.hide-show-image {
  background:none;
}
*/

 /*
 * Main content: courses and content
 */

#vsohomepage {
  border: 1px solid #ED8000;
  padding-bottom:1.5em;
}

#vsohomepageheader {
  background-color: #ED8000;
  color: #FFF;
  font-weight: bold;
  padding-left:1em;
  padding-top:0.2em;
  padding-bottom:0.2em;
}

#vsohomepagecontent {
  background: transparent url(images/orange_right_arrow.gif) no-repeat scroll 0% 0%;
  font-weight: bold;
  padding-left:30px;
  padding-top:0.3em;
  padding-bottom:0.2em;
}

#vsohomepagecontent a {
  color:#000;
}

.sitetopiccontent {
  border:none;
}

#layout-table {
  margin-top:0px;
}

#layout-table #middle-column {
  padding-left:0.5em;
  padding-right:4px;
}

.generalbox {
  padding-top:0px;
  padding-left:4px;
  padding-right:4px;
  padding-bottom:10px;
  border:none;
}

/* course */

h2.headingblock  {
  display:none;
  background-color:#B32417;
  color:#FFF;
}

/* vso course format */

.vsoheaderbox {
  background-color:#FFF;
  height:80px;
}

.vsoheaderimage {
  width:100px;
  height:70px;
  float:left;
}

.vsocourseheader {
  float:right;
  position:relative;
  background-color:#B32417;
  color:#FFF;
  font-size:1.1em;
  font-weight:bold;
  text-align:right;
  padding-right: 4px;
  padding-top:10px;
  height:30px;
  width:370px;
}

.vsotopicheader {
  background-color:#B32417;
  color:#FFF;
  font-weight:bold;
  padding-top:2px;
  padding-bottom:2px;
  padding-left: 4px;
  height:auto;
  margin-bottom:4px;
  width:460px;
}

/* resources */

/*
td.vso-resource-db-col1 {
  width:40% !important;
}

.vso-resource-db-col2 {
  padding-right:2px;
}

.vs-resource-db-table {
  border-spacing: 1px;
}
*/

#resource h1 {
  padding-top:0px;
  margin-top:0.3em;
  line-height:1em;
}

#resource h1 a, #resource h1 a:hover, #resource h2 a, #resource h2 a:hover, #resource h3 a, #resource h3 a:hover  {
  color:black;
  text-decoration:none;
}

#content h1 a, #content h1 a:hover, #content h2 a, #content h2 a:hover, #content h3 a, #content h3 a:hover  {
  color:black;
  text-decoration:none;
}

h1 {
  line-height:1.0em !important;
  font-weight:normal !important;
}

h4 {
  font-size:1.1em;
  line-height:1.1em;
}

table.names, .mod-choice .results {
  width:600px !important;
}

/* forums */

.forumpost .starter {
  background-color:#ED8000;
  color:#FFF;
  font-weight: bold;
}

.forumpost .starter a {
  color:#FFF;
}

.forumheaderlist .discussion .starter {
  background-color:#ED8000;
  padding-left:0.2em;
}

.forumheaderlist .discussion .starter a {
 color:#FFF;
 font-weight: bold;
}
ul {
	list-style-type:square;
	}
/***** VSO2010/vso.css end *****/

/***** VSO2010/nav.css start *****/

/* ------------ main nav ------------------ */

.nav { 
	list-style:none; 
	margin:0; 
	margin-top:5px; 
	padding-left: 0px;
	}
	.nav li { 
		margin-bottom:4px; 
		border-bottom:1px #ffffff solid;	/* more margin collapsing, this time IE only, weird */
		}
		
		.nav li a { 
			text-transform:uppercase; 
			color:#ffffff;
			display:block;
			width:160px;
			height:21px;
			line-height:21px;
			background:url(Images/side_bar_red.gif) 0 0 no-repeat;
			text-decoration:none;
			font-size:0.7em;
			font-weight:bold; 

			}
			.nav li a:visited  { color:#ffffff; }
			.nav li ul a:visited { color:#999999; }
			.nav li a:hover { color:#000000; }
			.nav li a span { margin-left:3px; }
				.nav ul li a span { margin-left:0; }

		
	.nav ul { 
		margin:0 3px; 
		list-style:none; 
		padding-left: 7px;
		display: none;
		}
		.nav ul li { 
			margin-bottom:1px;
			border-bottom:1px #939598 dashed;
			padding:3px 0;
			}
			.nav ul li a {
				background:#ffffff; 
				color:#939598;
				height:auto;
				line-height:1.5em !important;
				width:154px;
				padding:0;
				padding-bottom:2px;
				}

				.nav ul li a:hover {
					color:#333333;
				}
				.nav ul li a.active { color:#660066; }
				.orange .nav ul li a.active { color:#ed8000; }
				.red .nav ul li a.active { color:#b32417; }
				.green .nav ul li a.active { color:#568000; }
			.nav ul li ul {
				margin:0 auto 4px 0;
				padding-top:-4px;
				padding-left: 16px;
				}
				.nav ul li ul li {
					padding:0; padding-left:12px; margin:0; margin-bottom:3px; border:0; height:auto; line-height:auto;
					background:url(Images/tinyli2_tcm76-19721.gif) top left no-repeat; 
					}
					.nav ul li ul li a { padding:0; width:140px; }
				

.menu-orange { background:url(Images/side_bar_orange_tcm76-18613.gif) 0 0 no-repeat !important; }
.menu-green { background:url(Images/side_bar_green_tcm76-18611.gif) 0 0 no-repeat !important; }
.menu-red { background:url(Images/side_bar_red_tcm76-18614.gif) 0 0 no-repeat !important; }


.navlist { margin-bottom:5px; }

/* does the left hand menu */
/* ------------ main nav ------------------ */

.loginnav { 
	list-style:none; 
	margin:0; 
	margin-top:5px; 
	padding-left: 0px;
	float: right;
	
	}
	.loginnav li { 
		margin-bottom:4px; 
		border-bottom:1px #ffffff solid;	/* more margin collapsing, this time IE only, weird */
		}
		
		.loginnav li a { 
			text-transform:uppercase; 
			color:#ffffff;
			display:block;
			width:120px;
			height:30px;
			line-height:30px;
			background:url(Images/loginlogout.gif) 0 0 no-repeat;
			text-decoration:none;
			font-size:0.7em;
			font-weight:bold;
			text-align:left;
			padding-left: 6px;
			}
			.loginnav li a:hover { color:#000000; }
			.loginnav li a span { margin-left:3px; }
				.loginnav ul li a span { margin-left:0; }

		
	.loginnav ul { 
		margin:0 3px; 
		list-style:none; 
		padding-left: 7px;
		display: none;
		}
		.loginnav ul li { 
			margin-bottom:1px;
			border-bottom:1px #939598 dashed;
			padding:3px 0;
			}
			.loginnav ul li a {
				background:#ffffff; 
				color:#939598;
				height:auto;
				line-height:1.5em !important;
				width:154px;
				padding:0;
				padding-bottom:2px;
				}

				.loginnav ul li a:hover {
					color:#333333;
				}
				.loginnav ul li a.active { color:#660066; }
				.orange .loginnav ul li a.active { color:#ed8000; }
				.red .loginnav ul li a.active { color:#b32417; }
				.green .loginnav ul li a.active { color:#568000; }
			.loginnav ul li ul {
				margin:0 auto 4px 0;
				padding-top:-4px;
				padding-left: 16px;
				}
				.loginnav ul li ul li {
					padding:0; padding-left:12px; margin:0; margin-bottom:3px; border:0; height:auto; line-height:auto;
					background:url(Images/tinyli2_tcm76-19721.gif) top left no-repeat; 
					}
					.loginnav ul li ul li a { padding:0; width:140px; }
				

.menu-orange { background:url(Images/side_bar_orange_tcm76-18613.gif) 0 0 no-repeat !important; }
.menu-green { background:url(Images/side_bar_green_tcm76-18611.gif) 0 0 no-repeat !important; }
.menu-red { background:url(Images/side_bar_red_tcm76-18614.gif) 0 0 no-repeat !important; }


.loginnavlist { margin-bottom:5px; }


/***** VSO2010/nav.css end *****/

/***** VSO2010/formatoverride.css start *****/

/**
  * course\format\topics\format.php has been altered so instead
  * of being in tables is in div format and this css is used to override that styles in there
  * where required
  * either use formatoverride and descender
  * or profix with fo_ to prevent any name clashes
 */
 /* there is a single block with admin material in*/
 .fo_first_left{
 float:right;
 }
 
 .fo_middle_left{ 

 }
 
 .fo_separator{
 height:2.5em;
 }
  /* end single block with admin material in*/
#formatoverride{
}

.fo_levelone{
font:1.0em;
color:#568000;
}

.fo_levelleft{
font:1.0em;
color:#000;
background-color:#fff;
text-align:right;
}

.fo_levelmiddle{
font:1.0em;
color:#000;
background-color:#fff;
}

.fo_levelmiddle h2{
font-size:1em;
color:#fff;
background-color:#999999;
padding: 4px;
height: 1.2em;
}

.fo_levelright{
font:1.0em;
color:#000;
background-color:#fff;
text-align:left;
margin-bottom: -10px;
}

.fo_separator{
font:0.5em;
color:#0000;
background-color:#fff;
}

.fo_tl_left{
font:1.0em;
color:#ed8000;
background-color:#d5d5d5;
}

.fo_tl_middle{

} 

.fo_tl_middle, h1{
/* font:1.4em Verdana, sans-serif; */
color:#b32417 !important;
background-color:#fff !important;
} 

.fo_tl_middle, p{
color:#333333 !important;
background-color:#fff !important;
}


.fo_tl_middle blockquote{
font:0.55em Verdana, sans-serif;
color:#000;
background-color:#fff;
}
.fo_tl_right{
font:1.0em;
color:#ed8000;
background-color:#white;
}
/***** VSO2010/formatoverride.css end *****/