﻿html
{
	height: 100%;
}

body
{
	margin: 0px;
	font-size: 0.8em;
	font-family: Verdana, Arial, sans-serif;
	color: #433D4E;
	background-color: #FFFFFF;
	height: 100%;
}

#footer_dummy
{
	height: 45px;
}

#body_div
{
	height: 100%;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -45px auto;
}

.text_part
{
	margin: 15px 0 15px 0;
}

.tooltip
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
	padding: 3px;
	opacity: 999 !important;
	border: dashed 1px #CC0000;
	background-color: #C6C4CA;
}

.error_red
{
	color: #ff0000 !important
}

h2
{
	font-size: 14px;
	font-weight : bold;
	color : #CC0000;
	width:750px;
	text-align:left;
	margin-top: 15px;
	margin-bottom: 25px;
}

.tab_actueel
{
	text-align: left;
	padding: 0px;
	margin: 5px;
	width: 100%;
}

.tab_actueel ul
{
list-style-type: disc;
margin: 0.5em 0 0.5em 1em;
}
.tab_actueel ul li
{
margin-left: 1em;
}
.tab_actueel h5
{
font-size: 120%;
}

#loginform a, #forgotform a
{
text-decoration: underline;
}
#loginform, #forgotform
{
text-align: left;
}
#login
{
padding: 10px 0px 10px 10px;	
}
#content_box
{
width: 750px;
text-align: left;
}
h2#nomarg
{
margin-top: 0px;
}

img
{
border: 0;
}

a
{
color: #000000;
}

a:link
{
color: #000000;
text-decoration: none;
}

a:visited
{
color: #000000;
text-decoration: none;
}

a:hover
{
color: #FF0000;
text-decoration: none;
}

.nav_list
{
font-size: 11px;

color: #000000;
text-align: left;
margin: 0px;
padding: 0px;
}

a.nav_list:hover
{
color: #CC0000;
text-decoration: none;
}

td.nav_list
{
background-color: transparent;
background-repeat: repeat-y;
background-position: left top;
height: 110px;
padding: 0px 8px 0px 8px;
}

.subnav
{

font-size: 10px;
color: #CC0000;
text-decoration: none;
}

a.subnav:link
{
text-decoration: none;
}

a.subnav:hover
{
text-decoration: underline;
}

a.subnav:visited
{
text-decoration: none;
}
.table_align_left
{
width: 100%;
text-align: left;
}


.overview_table
{
background-color : #FFFFFF;
width : 750px;
text-align : left;
}

.overview_table th
{
color : #433D4E;
font-weight : bold;
padding : 4px 10px 4px 5px;
background-color : #C6C4CA;
text-align : left;
}

.overview_table td{
color : #433D4E;
font-size : 11px;
padding: 5px;
}

.overview_table_no_border
{
color : #433D4E;
font-size : 11px;
padding : 4px 10px 4px 10px;
}


div#rep{
padding: 5px 20px;
background-color: #C6C4CA;
border: medium solid;
width:  800px;
height: 600px;
overflow: auto;
position:absolute; left: 200px; top: 5px;
z-index: +1;
}

.dtext
{
	text-align: right;
}

.required_star
{
	width: 10px;
	color: #D64313;
}

.required
{
	color: #D64313;
}

.tab_ui
{
	color : #433D4E;
	font-size : 11px;
	width: 750px;
	text-align: left;
}

.tab_ui .spacing
{
	width: 30px;
}

.tab_ui tr
{
	color : #433D4E;
}


.blanc td
{
	background-color: #FFFFFF !important
}

#rights
{
  width: 90px;
}
#rights td
{
  width: auto !important
}

.tab_ui tr>td:first-child
{
width: 170px;
background-color : #C6C4CA;
font-weight : bold;
padding : 4px 4px 4px 5px;
}

.ui-datepicker
{
	top: 0px;
}

.marge_table {
margin: 0px 0px 10px;
}

.blanc:link,.blanc:active{
color: Black;
}
.blanc:hover{
color: #FF0000;
}

.repeat{
background-repeat: repeat-x;
}

/* menu.css */

.font
{
margin: 0 auto;
font-size: 81.25%;
color: #000;
background-image: none;
}

*
{
margin: 0;
padding: 0;
}

:focus
{
outline: none;
}

#masthead
{
background: #c9c9c9 url(img/masthead-bg.gif) 0 0 repeat-x;
}

.wrapper
{
width: 750px;
margin: 0 auto;
}

h4
{
padding: 0 0 0 1em;
color: #db0303;
text-align: left;
}

.clear
{
clear: both;
}

/* Header Top (logo, account settings, menu)
-------------------------------------------- */

#masthead h1
{
float: left;
width: 335px;
height: 104px;
padding: 0 0 0 0;
background: url('img/header1.jpg') 0 10px no-repeat;
text-indent: -9999px;
}

/* Navigation
-------------------------------------------- */

#menu
{
clear: both;
width:100%;
font-size:93%;
line-height:normal;
 }

#menu ul {
list-style:none;
}
	
      
#menu li {
float:left;
background:url(img/left_both.gif) no-repeat left top;
margin:0 0.4em 0 0;
padding:0 0 0 6px; /* 9px */
}

#menu li.special
{
background:url(img/left_both_special.gif) no-repeat left top;
}

#menu a {
float:left;
display:block;
background:url(img/right_both.gif) no-repeat right top;
padding:10px 12px 6px 6px;
font-weight:bold;
color:#c7c6c7;
font-size: 1.2em;
}

#menu li.special a
{
background:url(img/right_both_special.gif) no-repeat right top;
color: #f4d2d2;
}


#menu a:hover {
color:#fff;
}

#menu #current
{
background-position: 0 -155px;
border-width:0;
}

#menu #current a
{
background-position:100% -155px;
padding-bottom:6px;
color:#000;
}

#menu li:hover, #menu li:hover a {
/*background-position:0% -150px; */
color:#fff;
}

#menu li:hover a {
/*background-position:0% -150px; */
color: #fff;
}
.underlined_link
{
  text-decoration: underline !important;
}
/* Submenu
-------------------------------------------- */

.wrapper.submenu
{
background: #ecebed;
}

#sub-navigation
{
margin: 0 auto;
background: #bfbfbf url(img/submenu-bg.jpg) 50% 0 repeat-x;
overflow: hidden;
padding: 0;
}

#sub-navigation ul
{
list-style: none;
float: left;
padding: 0.1em 0 0 0;

}

#sub-navigation h4
{

font-size: 1em;
}


#sub-navigation ul li
{
padding: 0.3em 0.8em 0 0.8em;
margin-left: 1em;
background: url(img/bullet.gif) 0 0.62em no-repeat;
text-align: left;
}

#sub-navigation a:link,
#sub-navigation a:visited
{
font-size: 0.95em;
text-align: left;
}

#sub-navigation a:hover,
#sub-navigation a:active
{
color: #db0303;

}

#sub-navigation #current a
{
font-weight: bold;
}

.nav-block
{
border-right: solid 1px #ccc;
width: 13.15em;
float: left;
margin: 0.8em 0.3em 0 0;
padding-right: 1em;
padding-bottom: 2000px;
margin-bottom: -2000px;
margin-top: 15px;
}

.nav-block2
{
width: 13.15em;
text-align: left;
margin: 0.0em 40.0em 0 0;
padding-right: 1em;
padding-bottom: 2000px;
margin-bottom: -2000px;
top: -10px;

}

.nav-block.last-child
{
margin-right: 0;
padding-right: 0;
border: none;
}

.filler
{
position: relative;
z-index: 1;
height: 1em;
background: #ecebed;
border-bottom: 1px solid #bfbfbf;
}

/* Account settings block
-------------------------------------------- */

#account-information
{
float: right;
width: 375px;
margin: 0.5em 0 1em 0;
}

#account-information .left
{
width: 4.3em;
float: left;
text-align: left;
padding: 0 1em 0 0;
}

.middle
{
float: left;
padding: 0 1em 0 0;
}

.middle span
{
margin-right: 2em;
}

.middle a
{
margin-right: 3px;

}

.right
{
float: right;
width: auto;
}

.right p
{
float: right;
}

.account-information-top
{
background: url(img/account-top-bg.gif) top left no-repeat;
padding: 0.8em;
height: 1em;
border-bottom: solid 1px #d6d7d6;
}

.account-information-bottom
{
background: url(img/account-bottom-bg.gif) bottom left no-repeat;
padding: 0.8em;
height: 1em;
}

#menu ul li a.tab_new
{
background: url(img/right_both_new.gif) no-repeat right top;
padding:10px 12px 6px 6px;
}

#menu #current a.tab_new
{
background-position:100% -155px;
padding:10px 12px 6px 6px;
}

tr.white_tr{
background-color: #FFFFFF;
}

tr.grey_tr{
background-color: #C6C4CA;
}

a.table{
text-decoration: underline; color: rgb(204, 0, 0);
}

.news_block
{
text-align: left;
margin-bottom: 10px;
}

.news_block ul
{
  margin-left: 30px;
}

.news_block h5
{
color: #433D4E;
font-size: 120%;
}

p.center
{
text-align: left;
}
.table_align_left
{
text-align: left;
width: 100%;
}

/*---------Hidden frame for opening Helpdesk----------*/

div#hidden_iframe
{

  position: absolute;
  visibility: hidden;
  width: 0px;
  height: 0px;
  top: 0px;
  left: 0px;
}

.italic
{
font-style: italic;
}

.red
{
  color: #CC0000;
}

#footer
{
font-size: 80%;

height: 4px;
text-align: center;
padding-top: 30px;
}
.small_span
{
  margin-right: 4px;
}
.small_span_left
{
  margin-right: 10px;
}
.small_table
{
  width: 50%;
}
.small_table td
{
  background-color: #FFFFFF !important;
}

.status_unavailable
{
  color: #C9C9C9 !important;
}

.status_red
{
  color: #CC0000 !important;
}
.status_green
{
  color: #00CC00 !important;
}
.camera_tab
{
  width: 80%;
}
.toggle_button
{
  color: #cc0000 !important;
}
input[type=checkbox], .styled_checkbox
{
  margin: 0px;
  padding: 0px;
}
input[type="text"], input[type="password"], select
{
width: 150px;
}

select
{
text-align: left;
}

.field_width
{
  width: 175px;
}
#api_server_error
{
  background-image: url('img/error.JPG');
  background-repeat: no-repeat;
  position: fixed;
  left: 260px;
  top: 260px;
  background-color: #CCCCCC;
  font-size: 24px;
  border: 1px solid gray;
  width: 703px;
  height: 41px;
  padding-left: 45px;
  float: left;
  color: red;
}

.error_pos
{
line-height: 1.5
}
.brochures_table
{
  width: 100%;
}
.brochures_table img
{
 margin: 0.5em;
}

div#policy
{
	height: 480px; width: 750px; overflow-y:scroll; overflow-x: hidden
}
div#policy ul
{
	margin: 1em 0 1em 1.5em;
}
div#policy li
{
	list-style-type: disc;
}
