/**************************************
 * THEME NAME: wop
 *
 * Files included in this sheet:
 *
 *   wop/wop_layout.css
 *   wop/wop_fonts.css
 *   wop/wop_color.css
 **************************************/

/***** wop/wop_layout.css start *****/

/*******************************************************************
 styles_layout.css

 This CSS file contains all layout definitions like positioning,
 floats, margins, padding, borders etc.

 Styles are organised into the following sections:
  core
  forms
  header
  footer

  admin
  blocks
  blog
  calendar
  course
  doc
  grades
  login
  message
  notes
  mymoodle
  question
  tabs
  tags
  user

  various modules

*******************************************************************/


/***
 *** Core
 ***/
body{
	margin: 0;
	padding: 0;
}

#layout-table {
  padding: 0 !important;
  border-collapse: collapse;
}

body.notloggedin .sitetopic{
    display: none;
}

.loginbox .loginform .form-input input[type="submit"] {
    width: auto;
}

/***
 *** Header
 ***/
#page{
	width:980px;
	margin-left: auto;
	margin-right: auto;
}

#content{
	margin-left: 10px;
	margin-right: 10px;
}
#header-home {
	position:relative;
	margin-left: 10px;
	margin-right: 10px;
	height: 200px;
}

#header {
	position:relative;
	margin-left: 10px;
	margin-right: 10px;
	height: 200px;
}

div#headermain-left{
	position: absolute;
	left: 130px;
	width: 30px;
	top: 100px;
	height: 31px;
	
}

#header-logo{
	position: absolute;
	left: 10px;
	top: 15px;
	width: 128px;
	height: 126px;
}

#header h1.headermain,
#header-home h1.headermain{
	position: absolute;
	right: -10px;
	width: 780px;
	top: 100px;
	height: 31px;
	padding-left:30px;
}

.navbar{
	margin-left: 10px;
	margin-right: 10px;
	border-width: 0px;
}

div.menuimage{
	margin-left: auto;
	margin-right: auto;
	margin-top: 18px;
}

a#menu1{
	position: absolute;
	display: block;
	bottom: -5px;
	width: 191px;
	height: 50px;
	left: 0px;
	z-index: 40;
	text-align: center;
}

a#menu1:hover{
	z-index: 100;	
}

a#menu2{
	position: absolute;
	display: block;
	bottom: -5px;
	width: 191px;
	height: 50px;
	left: 180px;
	z-index: 30;
	text-align: center;
}

a#menu2:hover{
	z-index: 100;
	
}

a#menu3{
	position: absolute;
	display: block;
	bottom: -5px;
	width: 191px;
	height: 50px;
	left: 360px;
	z-index: 20;
	text-align: center;
}

a#menu3:hover{
	z-index: 100;
	
}
a#menu4{
	position: absolute;
	display: block;
	bottom: -5px;
	width: 191px;
	height: 50px;
	left: 540px;
	z-index: 10;
	text-align: center;
}

a#menu4:hover{
	z-index: 100;
	
}

a#menu5{
	position: absolute;
	display: block;
	bottom: -5px;
	width: 191px;
	height: 50px;
	left: 720px;
	z-index: 5;
	text-align: center;
}

a#menu5:hover{
	z-index: 100;
	
}

/***
 *** Help
 ***/
/*
body#help div#header-container{
    display: none;
}

body#help div#content{
    width: auto;
}

body#help div#footer{
    width: auto;
}
*/

/***
 *** Footer
 ***/


#footer {
	position:relative;
	margin-left: 10px;
	margin-right: 10px;
}

#footer #footerline{
	height: 5px;
}

#footer table#footer-logo td.bmelogo,
#footer table#footer-logo td.eptlogo{
	display: none;
}

body#site-index #footer table#footer-logo td.bmelogo,
body#site-index #footer table#footer-logo td.eptlogo{
	display: table-cell;
}


/***
 *** Admin
 ***/


/***
 *** Blocks
 ***/

.entrybox {
    border-width: 0 0 0;
}

.sideblock .header .hide-show-image{
	margin-right: 3px;

}

.sideblock .header .commands{
	margin-top: 0px;
}

.sideblock .header h2{
	padding-left: 3px;
	padding-right: 3px;
}

.block_adminblock {
	width: auto;
}

body.notloggedin #layout-table #middle-column {
	padding-top:60px;
}

div.block_login{
	position: absolute;
	left: 50%;
	width: 450px;
	margin-left: -340px;
}

div.block_login .header{
	display: none;
}

div.block_login .footer{
	display: none;
}

div.block_login div.content form#login div{
	display: inline;
}

/***
 *** Course
 ***/

body#course-view .topics h1,
body#course-view .topics h2,
body#course-view .topics h3,
body#course-view .topics h4,
body#course-view .topics h5,
body#course-view .topics h6{
    margin-top: 0px;
    margin-bottom: 0px;
}

/***
 *** Login
 ***/


/***
 *** MyMoodle
 ***/

/***
 *** Tabs
 ***/



/***
 *** Fullscreen pages
 ***/

body#mod-scorm-player #submenu .navbutton a,
body.grade-report-grader #submenu .navbutton a,
body.grade-report-overview #submenu .navbutton a,
body.grade-report-user #submenu .navbutton a,
body.grade-edit-tree #submenu .navbutton a,
body#mod-quiz-report #submenu .navbutton a,
body#mod-openmeetings-view #submenu .navbutton a,
{
 	padding-left: 10px;
 }
 
body#mod-scorm-player #content,
body.grade-report-grader #content,
body.grade-report-overview #content,
body.grade-report-user #content,
body.grade-edit-tree #content,
body#help #content,
body#mod-quiz-report #content,
body#mod-openmeetings-view #content
{
	width: auto;
}
body#mod-openmeetings-view #content
{
	text-align: center;
}
body#mod-scorm-player #header,
body.grade-report-grader #header,
body.grade-report-overview #header,
body.grade-report-user #header,
body.grade-edit-tree #header,
body#mod-quiz-report #header,
body#mod-openmeetings-view #header
{
	display: none;
}
body#mod-scorm-player .headermenu,
body.grade-report-grader .headermenu,
body.grade-report-overview .headermenu,
body.grade-report-user .headermenu,
body.grade-edit-tree .headermenu,
body#mod-quiz-report .headermenu,
body#mod-openmeetings-view .headermenu
{
	width: auto;
	padding-right: 0px;
}
body#mod-scorm-player #header-container,
body.grade-report-grader #header-container,
body.grade-report-overview #header-container,
body.grade-report-user #header-container,
body.grade-edit-tree #header-container,
body#mod-quiz-report #header-container,
body#mod-openmeetings-view #header-container
{
	width: auto;
}

body#mod-scorm-player div#submenu,
body.grade-report-grader div#submenu,
body.grade-report-overview div#submenu,
body.grade-report-user div#submenu,
body.grade-edit-tree div#submenu,
body#mod-quiz-report div#submenu,
body#mod-openmeetings-view div#submenu
{
 	width: auto;
}

body#mod-scorm-player div.navbar,
body.grade-report-grader div.navbar,
body.grade-report-overview div.navbar,
body.grade-report-user div.navbar,
body.grade-edit-tree div.navbar,
body#mod-quiz-report div.navbar,
body#mod-openmeetings-view div.navbar
{
 	width: auto;
}

body#mod-scorm-player div.footerline,
body.grade-report-grader div.footerline,
body.grade-report-overview div.footerline,
body.grade-report-user div.footerline,
body.grade-edit-tree div.footerline,
body#mod-quiz-report div.footerline,
body#help div.footerline,
body#mod-openmeetings-view div.footerline
{
	display: none;
}

body#mod-scorm-player #langsel,
body.grade-report-grader #langsel,
body.grade-report-overview #langsel,
body.grade-report-user #langsel,
body.grade-edit-tree #langsel,
body#mod-quiz-report #langsel,
body#mod-openmeetings-view #langsel
{
	height: 18px;
}

body#mod-scorm-player #langsel a,
body#mod-scorm-player #langsel span,
body.grade-report-grader #langsel a,
body.grade-report-grader #langsel span,
body.grade-report-overview #langsel a,
body.grade-report-overview #langsel span,
body.grade-report-user #langsel a,
body.grade-report-user #langsel span,
body.grade-edit-tree #langsel a,
body.grade-edit-tree #langsel span,
body#mod-quiz-report #langsel span,
body#mod-openmeetings-view #langsel a,
body#mod-openmeetings-view #langsel span
{
	display: none;
}

body#mod-scorm-player #footer,
body.grade-report-grader #footer,
body.grade-report-overview #footer,
body.grade-report-user #footer,
body.grade-edit-tree #footer,
body#mod-quiz-report #footer,
body#help #footer,
body#mod-openmeetings-view #footer
{
	width: auto;
	margin-top: 0px;
	text-align: left;
}

body#mod-scorm-player div.footer-table-container,
body.grade-report-grader div.footer-table-container,
body.grade-report-overview div.footer-table-container,
body.grade-report-user div.footer-table-container,
body.grade-edit-tree div.footer-table-container,
body#mod-quiz-report div.footer-table-container,
body#help div.footer-table-container,
body#mod-openmeetings-view div.footer-table-conatiner
{
	display: none;
}
body#mod-scorm-player #footer #fullscreen-footer-logo,
body.grade-report-grader #footer #fullscreen-footer-logo,
body.grade-report-overview #footer #fullscreen-footer-logo,
body.grade-report-user #footer #fullscreen-footer-logo,
body.grade-edit-tree #footer #fullscreen-footer-logo,
body#help #footer #fullscreen-footer-logo,
body#mod-quiz-report #footer #fullscreen-footer-logo,
body#mod-openmeetings-view #footer #fullscreen-footer-logo
{
	display: block;
}/***** wop/wop_layout.css end *****/

/***** wop/wop_fonts.css start *****/

/*******************************************************************
 styles_fonts.css

 This CSS file contains all font definitions like family, size,
 weight, text-align, letter-spacing etc.

 Styles are organised into the following sections:
  core
  header
  footer

  admin
  blocks
  calendar
  course
  doc
  grades
  login
  message
  mymoodle
  question
  tabs
  user

  various modules

*******************************************************************/


/***
 *** Core
 ***/
body, table, td, th, li {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size:95%;
  /*letter-spacing:0.02em;*/
}

h1 {
  font-size:22px;
}

h2 {
  font-size:20px;
}
h3 {
  font-size:18px;
}
h4 {
  font-size:16px;
}
h5{
  font-size:14px;
}
h6{
  font-size:13px;
}

input[type=text], input[type=submit], input[type=button], select, button, input[type="password"]{
	font-size: 12px;
}

.navbar input[type=text], .navbar input[type=submit], .navbar input[type=button], .navbar select{
	font-size: 12px;
}

/***
 *** Header
 ***/
#header h1.headermain,
#header-home h1.headermain{
	font-size: 0.9em;
	line-height: 2.1em;
}

.navbar a:link, .navbar a:visited{
	font-weight: bold;
}

.navbar li{
	font-weight: bold;
}

/***
 *** Footer
 ***/



/***
 *** Admin
 ***/

/***
 *** Blocks
 ***/

.sideblock .header, .sideblock h2 {
	font-size: 0.95em;
}

/***
 *** Blogs
 ***/

/***
 *** Calendar
 ***/


/***
 *** Course
 ***/

/***
 *** Doc
 ***/

/***
 *** Grades
 ***/

/***
 *** Login
 ***/

/***
 *** Logs
 ***/

/***
 *** MyMoodle
 ***/



/***
 *** Question
 ***/

/***
 *** Tabs
 ***/



/***
 *** Tags
 ***/


/***
 *** User
 ***/

/***
 *** Modules: Assignment
 ***/


/***
 *** Modules: Choice
 ***/

/***
 *** Modules: Forum
 ***/

/***
 *** Modules: Glossary
 ***/


/***
 *** Modules: Quiz
 ***/

/***
 *** Modules: Resource
 ***/



/***
 *** Modules: Scorm
 ***/



/***
 *** Modules: Survey
 ***/
/***** wop/wop_fonts.css end *****/

/***** wop/wop_color.css start *****/

/*******************************************************************
 styles_color.css

 This CSS file contains all color definitions like
 background-color, font-color, border-color etc.

 Styles are organised into the following sections:

  core
  header
  footer

  admin
  blocks
  calendar
  course
  doc
  login
  message
  question
  tabs
  user

  various modules

*******************************************************************/

/***
 ***  Core
 ***/

body{
	background-color: #dededc;
	color: #000000;
	
}

#page{
	background: #ffffff;
}

a:link, a:visited {
	color:#005f6f;
	text-decoration:none;
}

a:hover{
	text-decoration: underline;
}

h1 {
  color: #005f6f;
}

h2 {
  color: #005f6f;
}
h3 {
  color: #005f6f;
}
h4 {
  color: #005f6f;
}
h5{
  color: #005f6f;
}
h6{
  color: #005f6f;
}


.coursebox {
	border-style:solid;
	border-width:0px;
	border-bottom: 1px solid #77ee34;
}

#chooselang select{
	border: 2px solid #77ee34;
	background: #FFFFFF;
}

input[type=text],  input[type=password], select{
	border: 2px solid #C3C5C7;
	background: #FFFFFF;
}

input[type=submit], input[type=button], button{
	border-top: 2px outset transparent;
	border-bottom: 2px outset transparent;
	border-left: 2px outset #FFFFFF;
	border-right: 2px outset #FFFFFF;
	border-collapse: collapse;
	background: #C3C5C7;

}

div.block_login{
	border: 2px solid #77ee34;
}
/*
.block_login input[type=text], .block_login input[type=submit], .block_login input[type=password]{
	border: 2px solid #C3C5C7;
	background: #FFFFFF;
}
*/
/***
 *** Header
 ***/


div#header,
div#header-home {
	background-image:url("pix/header-bg.png");
	background-repeat: no-repeat;
	background-position: right;
	border-bottom: 5px solid #13697a;
}

div#headermain-left{
	background-image:url("pix/headermain-left.gif");
	background-repeat: no-repeat;
	opacity: 0.8;
}

#header h1.headermain,
#header-home  h1.headermain {
	/*background-image: url(pix/headermain-bg.gif);*/
	background-color: #C3C5C7;
	color:#FFFFFF;
	opacity:0.8;
}
div#header #menu ,
div#header-home #menu {
	margin-top: 5px;
	background-color:#900000;
}

div#header #menu .grey,
div#header-home #menu .grey {
	background-color:#EEEEEE;
}

div#header #menu .menup:hover,
div#header-home #menu .menup:hover {
	/*height:35px;*/
	background-color:#900000;
	color:#FFFFFF;
}

div#header #menu .menup:hover h2,
div#header-home #menu .menup:hover h2{
	color:#FFFFFF;
	border-bottom:1px solid #fff;
}

div#header #menu .menup,
div#header-home #menu .menup{
	background-color:#EEEEEE;
	border-right:1px solid #FFFFFF;
}

div#header #menu h2,
div#header-home #menu h2 {
	color:#900000;
}

#header-logo{
	background-image: url(pix/logo.png);
	background-repeat: no-repeat;
}

div#submenu{
	background-color:#5C5C5C;
	border-bottom:1px solid #FFFFFF;
	height:30px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

div.navbar{
	background-color: #f7f7f7;
}

.breadcrumb .sep, #admin-report-unittest-index .sep{
	color: #005f6f;
	font-weight: normal;
}

.navbar a:link, .navbar a:visited{
	color: #005f6f;
	text-decoration: none;
}

.navbar a:hover{
	color: #000000;
	border-bottom: 1px dotted #5c5c5c;
	
}
.navbar .navbar-rectangle{
	background-color: #5c5c5c;
}

a#menu1{
	position: absolute;
	display: block;
	bottom: -5px;
	width: 191px;
	height: 50px;
	left: 0px;
	background-image:url("pix/menu.png");
	background-repeat: no-repeat;
	background-position: top;
	z-index: 40;
	text-align: center;
}

a#menu1:hover{
	background-image:url("pix/menu-hover.png");
	background-repeat: no-repeat;
	background-position: top;
	z-index: 100;	
}

a#menu2{
	background-image:url("pix/menu.png");
	background-repeat: no-repeat;
	background-position: top;
}

a#menu2:hover{
	background-image:url("pix/menu-hover.png");
	background-repeat: no-repeat;
	background-position: top;
}

a#menu3{
	background-image:url("pix/menu.png");
	background-repeat: no-repeat;
	background-position: top;
}

a#menu3:hover{
	background-image:url("pix/menu-hover.png");
	background-repeat: no-repeat;
	background-position: top;
}
a#menu4{
	background-image:url("pix/menu.png");
	background-repeat: no-repeat;
	background-position: top;
}

a#menu4:hover{
	background-image:url("pix/menu-hover.png");
	background-repeat: no-repeat;
	background-position: top;
}
a#menu5{
	background-image:url("pix/menu.png");
	background-repeat: no-repeat;
	background-position: top;
}

a#menu5:hover{
	background-image:url("pix/menu-hover.png");
	background-repeat: no-repeat;
	background-position: top;
}

/***
 *** Footer
 ***/

#footer #footerline{
	background-color: #005f6f;
}



/***
 *** Blocks
 ***/
 

.sideblock{
	border-width:0px;
}

.sideblock .content  {
	border-width: 0px;
	background-color:#FFFFFF;
}

.sideblock .header {
	border-color:#DDDDDD;
}

.sideblock .header, .sideblock h2 {
	border-width: 0;
	color: #000000;	
}

.sideblock .header .commands{
	background-color: #f7f7f7;
	border: 2px solid #f7f7f7;
}

.sideblock .header h2{
	border: 2px solid #77ee34;
}

.headingblock, h2.headingblock{
	border-style:solid;
	border-width:0px;
	border-bottom: 1px solid #77ee34;
}

#course-view .section td.left {
	border-right:0 none;
	border-top:0 none;
	border-left:0 none;
}

#course-view .section td.content {
	border-top-width: 0px;
}

#course-view .section td.right {
	border-top:0 none;
	border-right: 0 none;
}

.generalbox {
	border-width:0px;
	border-bottom: 1px solid #77ee34;
}

table.minicalendar{
	border: 2px solid #77ee34;
}

/***
 *** Tabs
 ***/

.userinfobox{
	border-width: 0px;
	border-bottom: 1px solid #eeeeee;
}

div.tabtree{
	margin-bottom: 15px;
}

.tabrow0{
	background-color: #f7f7f7;
	line-height: 26px;
	padding: 0 0 6px;
}

.tabrow0 li{

}

.tabrow0 div, .tabrow0 ul{
	border-top: 3px solid #13697A;
	top: 28px;
	background: none;
}

.tabrow0 a span{
	background-image: none;
	background: none #f7f7f7;
	padding-top: 5px;
	padding-bottom: 8px;
	
}

.tabrow0 a{
	background: none #f7f7f7;
	background-image: none;
	border-right:1px solid #FFFFFF;
	margin: 0;
	padding-top: 6px;
	padding-bottom: 8px;
}

.tabrow0 a:hover span{
	background-image: none;
	background-color: #13697A;
	color: #FFFFFF;
	text-decoration: underline;
/*	border-bottom: 3px solid #f7f7f7;*/
}
.tabrow0 a:hover{
	background-image: none;
	background-color: #13697A;
	text-decoration: underline;
/*	border-bottom: 3px solid #f7f7f7;*/
}

.tabrow0 .here a,
.tabrow0 .here a span{
	background-image: none;
	background-color: #13697a;
	text-decoration: none;
	color: #ffffff;
}

.tabrow0 .here a:hover,
.tabrow0 .here a:hover span{
	background-image: none;
	background-color: #13697a;
	text-decoration: none;
	color: #ffffff;
}


.tabrow0 ul.tabrow1{
	background: #f7f7f7;
}

ul.tabrow0 .here  ul.tabrow1 li{
	margin: 0 -3px 0 0;
}

ul.tabrow0 .here  ul.tabrow1 li a{
	border-right: 1px solid #ffffff;
}

ul.tabrow0 .here  ul.tabrow1 li a, ul.tabrow0 .here  ul.tabrow1 li a span{
	color: #13697A;
	background: #f7f7f7;
	padding-top: 2px;
	padding-bottom: 2px;
}

ul.tabrow0 .here ul.tabrow1 .here a,
ul.tabrow0 .here ul.tabrow1 .here a span,
ul.tabrow0 .here ul.tabrow1 .here a:hover,
ul.tabrow0 .here ul.tabrow1 .here a:hover span{
	color: #ffffff;
	background-color: #13697a;
	text-decoration: none;
}

ul.tabrow0 .here ul.tabrow1 a:hover{
	color: #ffffff;
	background-color: #13697A;
}

ul.tabrow0 .here ul.tabrow1 a:hover span{
	text-decoration: none;
	color: #ffffff;
	background-color: #900000;
}

body#course-user .section{
	border-width: 0px;
	border-bottom: 1px solid #77ee34;
}

/***
 *** SCORM
 ***/
 
body#mod-scorm-player #submenu .navbutton a,
body#grade-report-grader-index #submenu .navbutton a,
body.grade-report-overview #submenu .navbutton a,
body.grade-report-user #submenu .navbutton a,
body.grade-edit-tree #submenu .navbutton a,
body#mod-openmeetings-view #submenu .navbutton a,
{
 	color: #FFFFFF;
	font-size: 13px;
}
 
body#mod-scorm-player #toctree,
body#grade-report-grader-index #toctree,
body.grade-report-overview #toctree,
body.grade-report-user #toctree,
body.grade-edit-tree #toctree,
body#mod-openmeetings-view #toctree
{
 	border-bottom-width: 0px;
}
 
body#mod-scorm-player div#header-container,
body#grade-report-grader-index div#header-container,
body.grade-report-overview div#header-container,
body.grade-report-user div#header-container,
body.grade-edit-tree div#header-container,
body#mod-quiz-report div#header-container,
body#help div#header-container,
body#mod-openmeetings-view div#header-container
{
 	background-image: none;
}

body#mod-scorm-player div.headermenu,
body#grade-report-grader-index div.headermenu,
body.grade-report-overview div.headermenu,
body.grade-report-user div.headermenu,
body.grade-edit-tree div.headermenu,
body#mod-quiz-report div.headermenu,
body#mod-openmeetings-view div.headermenu
{
 	background-color: #FFFFFF;;
}
 
body#mod-scorm-player #page,
body#grade-report-grader-index #page,
body.grade-report-overview #page,
body.grade-report-user #page,
body.grade-edit-tree #page,
body#help #page,
body#mod-quiz-report #page,
body#mod-openmeetings-view #page
{
 	background-image: none;
}

body#mod-scorm-player #content,
body#grade-report-grader-index #content,
body.grade-report-overview #content,
body.grade-report-user #content,
body.grade-edit-tree #content,
body#help #content,
body#mod-quiz-report #content,
body#mod-openmeetings-view #content
{
 	background-color: #FFFFFF;
}

body#mod-scorm-player #footer,
body#grade-report-grader-index #footer,
body.grade-report-overview #footer,
body.grade-report-user #footer,
body.grade-edit-tree #footer,
body#help #footer,
body#mod-quiz-report #footer,
body#mod-openmeetings-view #footer
{
	background-image: url("pix/fullscreen-footer_bg.gif");
	background-position: top;
	background-repeat: repeat-x;
	background-color: #f3f3f3;
}
/***** wop/wop_color.css end *****/

