/** SVN COMMENT ****************************************************************
 *
 * - $Id: stagematching_beheer.css 5882 2009-10-16 12:37:13Z hholtmaat $
 *
 * Copyright Rovecom ICT BV
 *
 ******************************************************************************/
 
body{
	background-image: url(/images/beheer_body_back.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #e7e5e5;
	margin: 0;
	padding :0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
  margin: 1.2em 0em 1.2em 0em;
  padding: 0;
  font-weight: bold;
	color: #04a2a3;
}

h1 {
    font-size: 1.5em;
    border-bottom: 1px solid #04A2A3;
}
h2 {
    font-size: 1.5em;
    border-bottom: 1px solid #04A2A3;
}
h3 {
    font-size: 1.4em;
    border-bottom: 1px solid #04A2A3;
}
h4 {
    font-size: 1.2em;
    border-bottom: 1px solid #04A2A3;
}
h5 {
    font-size: 1.0em;
}
h6 {
    font-size: 0.8em;
}

ul.list, ul.list li {
  list-style: disc;
  margin-left: 15px;
}

a:link, a:active, a:visited {
	font-size: 12px;
	/*color: #F79320;*/
	color: #000080;
}

input {
  border: 1px solid gray;
  margin:0;
}

.label {
  font-weight: bold;
  vertical-align: top;
}

#top, #inhoud, #footer{
	width: 800px;
	margin: 0 auto;
}
#top{
	height: 86px;
}
#top #logo{
	float: left;
}
#top #login_data{
	float: right;
}
#top #tbl_login_data, #top #tbl_login_data td{
	text-align: right;
	letter-spacing: 1px;
	margin-right: 20px;
	margin-top: 3px;
}
#tbl_login_data {
	color: #04a2a3;
}
#tbl_login_data h4{
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0px;
	margin-bottom :10px;
	padding: 0px;
  border: none;
}
#tbl_login_data .bedrijf{
	font-size: 12px;
	font-weight: bold;
}
#tbl_login_data .naam{
	font-size: 12px;
}
#tbl_login_data .functie{
	font-size :10px;
}
#inhoud{
	padding: 20px;
	width :760px;
}
.menu_items{
 	width: 846px;
	margin: 0 auto;
	height: 32px;
}

.menu_items .menu_links{
	float: left;
}
.menu_items .menu_rechts{
	float: right;
}
#menu{
	width: 100%;
	background-image: url(/images/beheer_menu_back.gif);
	height: 32px;
	clear: both;
}
#nav{
	margin: 0; 
	padding: 0;
	list-style: none;
}
#nav li{
	float: left;
	color: white;
	border-right: 1px solid white;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 32px;
	font-size :14px;
	list-style: none;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
	color: white;
	text-decoration: none;
}

#nav li a:hover {
  text-decoration: none;
}

#nav li a.active, #nav li a.active1, #nav li a.active2 {
	font-weight: bold;
}

#breadcrumb{
	height: 20px;
}
#breadcrumb ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#breadcrumb li{
	font-size: 10px;
	/*color: #F79320;*/
	color: #000000;
	float: left;  
	list-style: none;
}
#breadcrumb li a:link, #breadcrumb li a:visited, #breadcrumb li a:active {
	font-size: 10px;
}

#breadcrumb li a:hover {
  text-decoration: none;
}

#breadcrumb .hier{
	color: #04A2A3;
  margin-right: 4px;
}

#footer{
	clear: both;
	margin: 0 auto;
	width: 770px;
	text-align: center;
	color: #9edada;
	margin-top: 20px;
	padding-bottom: 20px;
	font-size: 10px;
}
#footer .copyright{
	display :block;
}

.tbl_data, .tbl_form, .organisation_detail, .default_table {
	width: 750px;
	font-size: 12px;
	margin-bottom :20px;
	clear: both;
}
.tbl_data td, .tbl_form td, .organisation_detail td, .default_table td,
.tbl_data th, .tbl_form th, .organisation_detail th, .default_table th {
	vertical-align: top;
  padding: 3px;
}
.tbl_data tbody td {
  border-bottom: 1px dashed silver;
}

.tbl_data tbody tr.options {
  background-color: #e7e7e7;
}


.tbl_data th, .tbl_form th, .organisation_detail th, .default_table th {
  color: #04A2A3; 
} 
.tbl_data h3, .tbl_data h4{
	margin :0;
	padding: 0;
	border: none;	
}
.tbl_data h5{
	margin :0;
	padding: 0;
}

.tbl_data .label, .organisation_detail .label, .default_table .label {
	width: 100px;
	font-weight: bold;
  vertical-align: top;
}

.tbl_data th, .tbl_form th, .default_table th {
  font-weight: bold;
  font-size: 1.1em;
  line-height: 24px;
}

.tbl_data .acties {
  text-align: right;
}

.tbl_data .acties a:link, .tbl_data .acties a:active, .tbl_data .acties a:visited {
	font-size: 11px;
}

div.buttons a:link, div.buttons a:active, div.buttons a:visited {
	font-size: 11px;
}

.tbl_form .label {
	font-size: 12px;
	font-weight: bold;
	width: 150px;
  vertical-align: top;
}
.tbl_form .input input{
	width : 320px;
}

.tbl_form .button {
  margin: 0;
  padding: 0;
	margin-right: 20px;
	width: 150px;
  background-color: #D4D0C8;
  margin-top: 5px;
  text-align: center;
  text-decoration: none;
  line-height: 18px;
  display: block;
  float: left
}

.tbl_form .button_opslaan{
	background-color: green;
	border: 1px solid black;
	margin-right :20px;
	color: white;
	width: 150px;
}
.tbl_form .button_annuleren{
	background-color: maroon;
	border: 1px solid black;
  background-image: url(/images/input.gif);
	margin-right :20px;
	color: white;
	width: 150px;
}

.paging_container {
  margin: 10px 0 10px 0;
  border: 1px solid #e9e9e9;
  width: 750px;
  padding: 5px;
  line-height: 24px;
  font-size: 0.8em;
}

.paging_container .paging_select {
  float: right;
}

.tabs_container {
  line-height: 24px;
  font-size: 0.8em;
}

.small {
  font-style: italic;
  font-size: 0.8em;
}

#notice {
  color: green;
  font-style: italic;
}

#error, .error {
  color: red;
  font-weight: bold;
}

.hide {
  display: none;
}

.demand_options {
  font-style: italic;
}

/**********Rapoorten**************/
 
#report .filter {
  margin-bottom: 40px;
}

#report .resultaten {
  overflow: auto;
} 

#report .options {
  width: 100%;
}

#report .options .export {
  font-size: 0.8em;
  line-height: 24px;
}

#report .resultaten p {
  font-weight: bold;
  margin-top: 20px;
}

#report .resultaten table {
	width: 750px;
	font-size: 12px;
	margin-bottom :20px;
	clear: both;
}
#report .resultaten table td,
#report .resultaten table th {
	vertical-align: top;
  padding: 3px;
}
#report .resultaten table td {
  border-bottom: 1px dashed silver;
}

#report .resultaten table th {
  color: #04A2A3; 
  font-weight: bold;
}

/********POP-UP********/

#popup {
  border: 1px solid #04A2A3;
  min-height: 400px;
  width: 500px;
  background-color: #fff;
  position: absolute;
  z-index: 5000;
  left: 25%;
  top: 100px;
}

#popup h2.header {
  margin: 0px;
  padding: 5px;
  background-color: #04A2A3;
  color: #fff;
  cursor: move;
}

#popup h2.header .close {
  float: right;
  cursor: pointer;
}


/********AANBOD********/
#invoer_aanbod .afdeling {
  margin-top: 15px;
  border: 1px solid gray;
  background-color: #EFEFEF;
}

#invoer_aanbod .afdeling .body {
  padding: 5px;
}

#invoer_aanbod .afdeling .footer {
  background-color: #F79320;
  background-image: url(/images/beheer_menu_back.gif);
  background-repeat: repeat-x;
  padding: 5px;
  border-top: 1px solid gray;
}

#invoer_aanbod .afdeling .footer .tbl_data {
  padding: 0px;
  margin: 0px;
}

.search {
  font-weight: bold;
  text-align: right;
}

.overnemen_klassen {
  height: 300px;
  overflow: auto;
}

.overnemen_klassen ul {
  list-style: none;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.overnemen_klassen ul li {
  float: left;
  width: 180px;
}

.tbl_form .input .overnemen_klassen ul li input {
  width: 20px;
}


/***********************NEW_MATCH **************/

.selecteer_periode {
  marging: 5px;
  float: right;
  line-height: 18px;
}

.periode_blok, .periode_blok_selected {
  margin-right:5px;
  border: 1px solid #6F3F07;
  text-decoration: none;
  padding-left: 6px;
  padding-right: 6px;
  color: black;
}

.periode_blok_selected {
  background-color:#F08819;
}


.selected_item {
  background-image: url(/images/beheer_menu_back.gif);
  background-repeat: repeat-x;
  border: 1px solid #6F3F07;
  padding: 5px;
  background-color: #F7921F;
  margin-bottom: 20px;
  color: black;
}

.selected_item .historie {
  font-size: 85%;
  margin-top: 4px;
  
}
.selected_item h2 {
  font-size: 1.2em;
  text-decoration: none;
  border: none;
  color: white;
  margin: 0;
}

.more {
  font-style: italic;
  color: navy;
  cursor: pointer;
}

.help {
  font-style: italic;
  color: navy;
  cursor: help;
}

.tbl_match {
  width: 100%;
}
.tbl_match th {
  font-size:1.1em;
  font-weight:bold;
  line-height:24px;
  color:#04A2A3;
  padding:3px;
  vertical-align:top;
}

.tbl_match td {
  padding:3px;
  vertical-align:top;
  border-bottom:1px solid #C2DADA;
}

.tbl_match .cell_student {
  background-color:#DFEDED;
  font-size: 11px;
}

.tbl_match .cell_student_first {
  background-color:#DFEDED;
  border-left:1px solid #C2DADA;
}

.tbl_match .cell_student_first .concept {
  color: #FF7200;
  font-weight: bold;
  font-size: 11px;
  cursor: default;
}

.tbl_match .cell_student_first .definitief {
  color: green;
  font-weight: bold;
  font-size: 11px;
  cursor: default;
}

.tbl_match .cell_student a {
  font-size: 11px;
}

.tbl_match .subrow td {
   background-color:#278983;
   color:white;
}
.tbl_match .disable_row td {
  background-color: silver;
  color: gray;
  font-style: italic;
}

.tbl_match .cell_action {
  vertical-align:middle;
}

#submenu a:link,
#submenu a:visited,
#submenu a:active
{
  font-weight: bold;
}
.match_buttons {
  width: 100%;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.inplaceeditor-form .editor_ok_button,
.inplaceeditor-form .editor_cancel_button {
  float: left;
  width: 40%;
  margin-left: 10px;
}
/*
.editor_ok_button {
  background: transparent;
  border: none;
  font-size: 12px;
  color: red;
  cursor: pointer;
  float: left;
  width: 45%;
}
*/  
a:link.editor_ok_link,
a:active.editor_ok_link,
a:visited.editor_ok_link,
a:link.editor_cancel_link,
a:active.editor_cancel_link,
a:visited.editor_cancel_link
{
  margin: 0;
  line-height: 20px;
  color: red;
  float: left;
}
a:link.editor_ok_link,
a:active.editor_ok_link,
a:visited.editor_ok_link {
  width: 85px;
}

.match_kaart {
  text-align: center;
}