/**************************************
 * THEME NAME: VSO
 *
 * Files included in this sheet:
 *
 *   VSO/vso.css
 **************************************/

/***** VSO/vso.css start *****/

/********

Custom CSS sheet for Institute of Social Studies
Stoas,vri,20080616

********/


/*
 * General header and body stuff
 */

body {
  background:#FFF url(images/vso-home-bg_tcm37-13999.jpg) no-repeat fixed center 0pt;
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  line-height: 1.1em;
  letter-spacing:0em;
}

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

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

a, a:link, a:visited{
  color:#9F2D20;
}

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: 760px;
  margin-left: auto;
  margin-right: auto;
  padding-left:0px;
  padding-bottom:0px;
  margin-bottom:0px;
}

#content{
  padding-top:0.2em;
  padding-left:0.5em;
  padding-right:0.15em;
  padding-bottom:0px;
}

#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:0.9em;
  padding-left:12px;
  padding-right:9px;
  text-decoration:none;
}

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

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

#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:123px;
  background-image:url(images/header_tcm37-11751.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:0.9em;
  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:#B39D00;
  border:1px solid #B39D00;
  padding-top:0.2em;
}

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

.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:#9F2D20;
}

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

/*
 * Specific side block settings
 */


/* Loginbox */

.block_login .header {
  color:#9D0000;
  font-weight:bold;
  font-size:0.8em;
  background-color:#FFDB00;
  border:1px solid #FFDB00;
}

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

.loginbox.twocolumns {
  margin-left:3%;
  width:95%;
}
.loginbox.twocolumns .loginpanel {
  width:42.5%;
}

.loginbox.twocolumns .signuppanel {
  width:57%;
}

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

/* 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: #9D0000;
  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: #9D0000;
  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:#9D0000;
  border:1px solid #9D0000;
}

.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.1em !important;
  padding-top:0.3em;
  padding-bottom:0.2em;
  color: #FFF;
  text-decoration:none;
  background-color:#9D0000;
  border:1px solid #9D0000;
}

.block_news_items .content {
  border:1px solid #9D0000;
}

/* 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:#9D0000;
  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:#9D0000;
  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:#9D0000;
  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:1em;
}

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;
}/***** VSO/vso.css end *****/