html, body{
    margin:0;
    padding:0;
    color: #606060;
    font-family: Arial;
    font-size:12px;
    line-height:18px;
    min-height:100%;
}

html{
    height: 100%;
    overflow-y: scroll;
}


/* bodies */
body.main{
    position:relative;
    background-color: white;
}

.bodybackground {
	position:absolute;
	left:0px;
	top:80px;
	width:100%;
	height:40vh;
	background-image: linear-gradient(#fff,#f8f8f8);
	border-bottom:solid 1px #ddf;
}

div.main {
	background: #fff;
}

div.pageheader{
    width:940px;
    height:134px;
    padding:20px;
}

div.loader,
div.msgloader {
    display:none;
    z-index:100000;
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
   /* background-color:white;*/
}

div.loader img,
div.msgloader img {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-16px;
    margin-top:-16px;
}

body.planning div.wrapper div.pageheader{
    position:relative;
    float:left;
    width:100%;
    min-height:134px;
    height:auto;
    padding:0px;
    background: transparent url(../img/pageheader-middle.png) repeat-x;
    background-attachment: scroll;
}

div.pageheader-left{
    position:absolute;
    left:0px;
    top:0px;
    width:20px;
    height:134px;
    background: transparent url(../img/pageheader-left.png) no-repeat;
    background-attachment: scroll;
}
div.pageheader-right{
    position:absolute;
    right:0px;
    top:0px;
    width:20px;
    height:134px;
    background: transparent url(../img/pageheader-right.png) no-repeat;
    background-attachment: scroll;
}
body.login{
    background-color: white;
    overflow-y: hidden;
}
/* e/o bodies */

/* input controls */
input[type=file]{
    border:1px solid #aaa;
    background: white url(../img/topfade.gif) repeat-x;
    background-attachment: scroll;
}
input[type=button], input[type=submit] {
    padding-left:8px;
    padding-right:8px;
    padding-top:4px;
    padding-bottom:4px;
    line-height:14px;
}
/* IE10 fix */
input[type=submit] {
    padding-left:8px;
    padding-right:8px;
    padding-top:4px;
    padding-bottom:4px;
    line-height:19px;
}
/* specifieke kleuren voor diverze buttons */
input[type=button].filterbutton {
    background-color:#ddf;
}
input[type=button].resetbutton {
    background-color:#dfd;
}
input[type=button].savebutton, input[type=submit].savebutton{
    background-color:#f99;
    /* line-height:15px; */
}
button.pdfbutton, input[type=button].pdfbutton{
	background-color:#eee;
}

button, input[type=button], input[type=submit].savebutton{
    position:relative;
    white-space:  nowrap;

    background-image: url(../img/btn-glossy.png);
    background-repeat: repeat-x;
    background-position: left top;
    color: #333;

    padding:1px 6px;

    border:1px solid #AAA;
    line-height:24px;
    border-radius: 2px;
}

button:hover, input[type=button]:hover, input[type=submit].savebutton:hover{
    border-color: #666;
    color: #333;
    background-image: url(../img/btn-glossy-hover.png);
}

button:active, input[type=button]:active, input[type=submit].savebutton:active{
    border-color: #666;
    color: #bbb;
    background-image: url(../img/btn-glossy-click.png);
}
input[type=button]:disabled {
    background-image: url(../img/btn-glossy.png);
    background-color: #DEDEDE;
    color: #888;
}

input[type=submit].savebutton[disabled] {
    background-image: url(../img/btn-glossy.png);
    background-color: #DEDEDE;
    color: #888;
}
input[type=submit].savebutton[disabled]:hover{
    background-image: url(../img/btn-glossy.png);
    background-color: #DEDEDE;
    color: #888;
    border:1px solid #AAA;
}

button span.backbuttonicon{
    float:left;
    margin-top:2px;
    margin-left:-2px;
    margin-right:4px;
    display:inline;
    overflow: hidden;
    width:16px;
    height: 16px;
    background: transparent url(../img/back-icon16.png) no-repeat left top;
}

button span.buttonicon{
   margin-right:4px;
}

button span.forwardbuttonicon{
    float:right;
    margin-top:2px;
    margin-left:4px;
    margin-right:-2px;
    display:inline;
    overflow: hidden;
    width:16px;
    height: 16px;
    background: transparent url(../img/forward-icon16.png) no-repeat left top;
}

button.addbutton,
button.assignbutton {
    background-color:#ffa;
}

button.savebutton {
    background-color:#f99;
}

button.specialroundtypebutton {
    background-color:#FCD458;
}

input[type=button].handlingbutton, input[type=submit].handlingbutton, button.handlingbutton {
    background-color:#fc9;
}



button.bigbutton, button.bigbuttondisabled, div.bigbutton, div.bigbuttondisabled {
    width:140px;
	text-align:left;
	margin-bottom:10px;
	cursor:pointer; 
	color: #3c86f7;
    position:relative;
}

div.bigbutton, div.bigbuttondisabled {
    background: #dddddd url('../img/bg_round_item_header_hilight.png');
    background-size:100% 100%;
	border-radius:3px;
	border:solid 1px #ccc;
}

button.bigbuttondisabled, div.bigbuttondisabled {
	color: #bbb;
	cursor:default; 
}

div.bigbutton:hover, div.bigbuttondisabled:hover {
	border:solid 1px #999;
}


button.bigbutton.selected {
    background-color: #BDFFB5;
}

a.exitlink {
	text-decoration: underline; 
	cursor: pointer;
}

input[type=button].backbutton{
    background: transparent url(../img/backbutton.png) no-repeat left top;
}

select{
    border:1px solid #aaa;
    background: white url(../img/btn-glossy.png) repeat-x;
    background-attachment: scroll;
}

select.filter_manage_location{
    background-color: #ff0;
    height:28px;
}
textarea, input[type=text], input[type=password]{
    border:1px solid #aaa;
    background: white url(../img/topfade.gif) repeat-x;
    background-attachment: scroll;
}
input[type=text][disabled]{
    background-image:none;
    background-color: #DEDEDE;
}
input[type=text][readonly] {
    color: #888;
}
textarea{
    font-family: Arial,Verdana,FreeSans,sans-serif;
}
body.login input[type=text], input[type=password]{
    width:200px;
}
input.error{
    border:1px solid red;
}
input.error:focus-visible,
input[type=checkbox].error {
    outline: red auto 1px;
}
textarea.richtext{
    width:736px;
    height:150px;
}

textarea.richtext_large{
    height:400px !important;
}

select.error{
    border:1px solid red;
}

.attention {background:#fcc;}

/* e/o input controls */

/* default styling */
h1{
    font-weight: normal;
    margin:0;
    margin-bottom:15px;
    font-size:175%;

    color:#2CCDFF;
}
h2{
    font-weight: normal;
    margin:0;
    margin-bottom:15px;
    font-size:155%;

    color:#2CCDFF;
}
h4{
    position:relative;
    background-color: #999;
    line-height:22px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: white;
    font-size:12px;
    padding-left:10px;
    padding-right:10px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom: 0px;
    margin-top:10px;
}
h4 span.ss_sprite{
    position: absolute;
    right:2px;
    top:3px;
    height:12px;
}


h5{
    font-weight: bold;
    margin:0;
    margin-bottom:15px;
    font-size:125%;
    color:#8bb6f7;
}
h6{
    position:relative;
    background-color: #555555;
    line-height:22px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: white;
    font-size:12px;
    padding-left:10px;
    padding-right:10px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom: 0px;
    margin-top:10px;
}

h6.subheader{
    position:relative;
    background-color: #555555;
    line-height:22px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: white;
    font-size:12px;
    padding-left:10px;
    padding-right:10px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom: 0px;
    margin-top:10px;
}

h6 a{
    color: white;
}

a{
    /* color: #698ff1; */
    color: #3c86f7  ;
    position:relative;
}


.fullwidth{
    /*width:740px; */
    width:100%;
    float:left;
}

.attentionbar{
    width:100%;
	margin-bottom:6px;
	margin-top:6px;
}

ul{
    list-style:none;
    margin:0;
    padding:0;
}


/* site wrapper */
div.wrapper{
    position:relative;
    width:980px;
    margin:0 auto;
}

body.planning div.wrapper{
    position:relative;
    width:95%;
    margin:0 auto;
}


div.header{
    position:relative;
    width:100%;
    height:70px;
}

div.headercontent{
    position:relative;
    float:none;
    height:63px;
    margin:20px;
    margin-top:0px;
    box-sizing: border-box;
}

div.logo{
    position:absolute;
    left:20px;
    top:10px;
    /* background: transparent url(../img/logo.png) no-repeat; */
    /* width:123px; */
    height:60px;
}

body.planning div.logo{
    position:absolute;
    left:0px;
    top:4px;
    /* background: transparent url(../img/logo.png) no-repeat; */
    /* width:123px; */
    height:60px;
}

div.loginlogo{
    position:absolute;
    left:20px;
    top:14px;
    background: transparent url(../img/logo.png) no-repeat;
    width:123px;
    height:60px;
}
.version{
    font-size:10px;
    color: #AAA;
}
.region{
    font-size:12px;
    color:#555;
}

div.main{
    /* width:100%; */
    min-height:300px;
    float:left;

}

body.planning div.main{
    float:none;
    min-height:300px;
    margin:20px;
    margin-top:0px;
    padding-top:20px;
    box-sizing: border-box;
}

div#currentuser{
    width:250px;
    float:right;
    text-align: right;
}



div#costs{
    width:90px;
    padding-top:1px;
    padding-left:4px;
    padding-right:4px;
    height:40px;
    overflow: hidden;
    font-size:11px;
    line-height: 12px;
    color: black;
    background-color: white;
    float:right;
}
div#costs table tr td:first-child{
    color: #777;
}


div.footer{
    font-size:10px;
    float:left;
    width:100%;
    min-height:1px;
    margin-top:20px;
    text-align: center;
}

/* login styling */
body.login div#fader{
    display:none;
}
body.login table.logindlg{
    border:2px solid #D2D2D2;
    padding:20px;
    margin:0 auto;
    background-color: white;
}

body.login table td.dialogtitle{
    font-size:18px;
}

body.login table td input[type=submit]{
    float:right;
}
body.login table td span.small{
    font-size:10px;
    float:right;
}
body.login span#browsernote{
    float:left;
    width:100%;
    text-align:center;
    margin-top:10px;

    line-height:normal;
}
body.login span#supportnote{
    float:left;
    width:100%;
    text-align:center;
    margin-top:20px;
    font-size:14px;
    line-height:normal;
}
body.login span#supportnote a{
    text-decoration:none;
    color:  #ACACAC;
}
body.login span#supportnote a:hover{
    text-decoration:underline;
    color:  #888;
}
body.login span#browsernote span.ss_sprite{
    margin-top:-1px;
    padding-bottom:3px;

}
body.login span#browsernote span#note{
    font-size:11px;
    color: red;
    padding-left:4px;
}
body.login span.loginmessage {
    margin-left:10px;
    font-size:10px;
    color: red;
}


/* e/o login styling */

#mainmenu{
    float:left;
    width:179px;
    margin-right:10px;
    padding-right:10px;
    border-right:1px solid #d0d0d0;

}
#mainmenu ul{
    margin:0;
    padding:0;
    list-style:none;
}
#mainmenu ul li{
}

a.menudisabled {
    color:#aaa;
}

#mainmenu ul li a.menudisabled {
    color:#ccc;
}

#mainmenu ul li a{
    display:block;
    padding:3px 4px;
    color: #888;
    text-decoration: none;
    border-bottom:1px dotted #BCBCBC;
}
#mainmenu ul li.active a{
    background-color: #2CCDFF;
    color: white;
    /* background: #8bb6f7 url(../img/activemenumarker.png) no-repeat right top; */
    background: #2CCDFF url(../img/activemenumarker.png) no-repeat right top;

}
#mainmenu ul li.active a:hover{
    background-color: #8bb6f7;
    color: white;
}

#mainmenu ul li a:hover{
    color: #8bb6f7;
    background-color: #cadcf7;
}

#maincontent{
    float:left;
    width:740px;
}

#fullcontent {
    float:left;
    width:100%;
    z-index: 1;
}

/* tab page styling */
ul.tabs{
    list-style:none;
    margin:0;
    padding:0;

    margin-top:6px;
    width:100%;
    border-bottom:4px solid #555555;
}
ul.tabs li{
    display:inline;
    margin:0;
    padding:0;
}
ul.tabs li a{
    display:inline-block;
    padding: 3px 8px 3px 8px;
    margin-top:6px;
    background-color: #CDCDCD;
    line-height:22px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #333;
    text-decoration: none;
}
ul.submenu li a{
    background-color: #def;
}
ul.submenu2 li a{
    background-color: #bdf;
}
ul.tabs li.red a {
    background-color: #f88;
}
ul.tabs li a:hover{
    background-color: #DEDEDE;
}
ul.tabs li.red a:hover{
    background-color: #eaa;
}
ul.tabs li.active {
}
ul.tabs li.active a, ul.tabs li.activered a{
    display:inline-block;
    background-color: #555555;
    color: white;
    padding: 6px 8px 3px 8px;
    margin-top:3px;
    line-height:22px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-decoration: none;
}
ul.tabs li.activered a{
    background-color: #c33;
}

div.tabcontent{
    width:100%;
    float:left;
	position:relative;
}



/* default table styling */
table.grid {
    float:left;
    width:100%;
    border-collapse: separate;
    table-layout: fixed;
    line-height:22px;
    empty-cells: show;
}
table.grid th{
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #5d5d5d;
    color: #252525;
    background: url(../img/table-header-separator.gif) no-repeat left center;
}
table.grid th:first-child{
    background-image:none;
}
table.grid thead{
    background-color: rgb(240,240,240);
}

table.grid.nolines td{
    border-bottom:none!important;
    background-image:none!important;
}

table.grid th, table.grid td {
    margin:0;
    position:relative;
    height:23px;
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
table.grid th, table.grid td.wrap {
    white-space:normal;
}

table.grid td.wrap {
     white-space: normal; 
}

table.grid td.wrap > div.qanda_div td {
    white-space: normal; 
}

table.grid td{

    /* border-left: 1px solid #d7d7d7; */
    position:relative;
    border-bottom: 1px solid #BBB;
    background: transparent url(../img/table-header-separator.gif) no-repeat left 4px;
}
table.grid td.nopadding{
    padding:0;
}

table.grid td span.ss_sprite.stickyright{
    position: absolute;
    right:6px;
    top:5px;
}

table.grid td.icon{
    padding:0px;
}
table.grid td.icon a{
    float:left;
    display:block;
    width:24px;
    height:28px;
}
table.grid td p{
    margin:0;
}

table.grid th.buttoncolumn{
    padding:0;
    width:24px;
}


table.grid tr.altexxrnaterow td{
    background-color: #F0F0F0;
    border-bottom: 1px solid #BBB;
}
table.grid tr{
    background-color: #F0F0F0;
}
table.grid tr.rowextrainfo {background-color:#fff;}

table.grid tr.error td{
	background-color: #ffcccc;
}


table.grid td:first-child{
    border-left: none;
    background-image:none;
}

table td.nodata{
    text-align: center;
    background-color: white!important;
}

table td.wrapnormal{
    white-space:normal !important;    
}

table.grid th:first-child{
    border-left:none;
}

table.grid td.checkbox{
    width:22px;
    text-overflow: hidden;
    margin:0;
    padding:0;
    padding-left:4px;

}

table.fieldlist{
    width:100%;
    border-collapse: collapse;
}
table.fieldlist td{
    position:relative;
    line-height:30px;
    border-top: 1px dotted #888;
    padding-left:10px;
    vertical-align: top;
}
table.fieldlist tr:first-child td{
    border-top: none;
}
table.fieldlist tr.noborder td{
    border-top:none;
}
table.fieldlist tr th{
	text-align:left;
	position:relative;
    line-height:30px;
    border-bottom: 1px solid #888;
    padding-left:10px;
    vertical-align: top;
}

.selectedrow {
	background:#ddd;
}


.rowdragclass{
    color: white;
    background-color: #8bb6f7;

}

.dividingline {
	border-bottom:1px solid #3c86f7;
	height:0px;
}

.tnt_css_row_selected td {color:red;}

/* EO table styling */

div.buttonbar{
    width:100%;
    float:left;
    line-height:40px;
    margin-top:10px;
    margin-bottom:10px;
}

div.buttonbar.right{
    text-align: right;
}

div.right{
    float:right;
}
span.right{
    float:right;
}
div.left{
    float:left;
}
div.hidden{
	display:none;
}

div.smallinputbar{
    width:100%;
    float:left;
    line-height:30px;
    margin-top:5px;
    margin-bottom:5px;
}
div.filterbar{
    width:100%;
    float:left;
    line-height:30px;
    margin-top:10px;
    margin-bottom:10px;
}

.filterframe{
    width:calc(100% - 20px);
    float:left;
    line-height:30px;
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
    background:#efe;
    box-shadow:0px 0px 14px 2px #ddd;
    border-radius:6px;
}

a.button{
    -moz-border-radius: 2px;
    border-radius: 2px;

    background: #dddddd url(../img/buttonbackground.png) repeat-x left top;
    border:1px solid #707070;
    padding-left:9px;
    padding-right:9px;
    padding-top:6px;
    padding-bottom:5px;
    font-family: Arial;
    text-decoration: none;
    color : #222;
    outline: invert;
}
a.button:hover{
    border: 1px solid #3c7fb1;
    background-color: #bee6fd;
    background-position: 0px -25px;
    color: black;
}
a.button[disabled]{
    border: 1px solid #adb2b5;
    background-color: #f4f4f4;
    background-position: 0px -50px;
    cursor: text;
}

/* input widths */
.w10 {
    width:10px;
}
.w40 {
    width:40px;
}

.w60 {
	width:60px;
}

.w80 {
    width:80px;
}
.w100{
    width:100px;
}
.w120 {
    width:120px;
}
.w150{
    width:150px;
}
.w200 {
	width:200px;
}
.w250 {
    width:250px;
}
.w350 {
    width:350px;
}
.w450 {
    width:450px;
}
input[type=file].w350 {
    width:353px;
}
select.w100{
    width:104px;
}
select.w250{
    width:254px;
}

.tooltip em{
    font-size:10px;
}

.filterblock {
    padding-top:10px;padding-bottom:10px;
}


table.paneltable{
    table-layout: fixed;
    width:100%;
    border:1px solid #8bb6f7;
    border-collapse: collapse;
}
table.paneltable td{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-top:1px dotted silver;
    padding:2px 4px;
    line-height:22px;
}

/* panels */
ul.panels{
    margin:0;
    padding:0;
    list-style:none;
}
ul.panels>li{
    float:left;
    margin-left:12px;
    margin-bottom:10px;
}
ul.panels>li:first-child{
    margin-left:0px;

}

ul.panels>li:nth-child(3n+4){
    margin-left:0px;
    clear: both;
}

div.panel{
    width:237px;
}
div.panel.fullwidth{
    width:735px;
	margin-bottom:10px;
}
div.panel h6{
    margin-top:0px;
    background-color: #8bb6f7;
}

div.panel ul {
    padding-top:6px;
    padding-bottom:6px;
    border-left:1px solid #8bb6f7;
    border-right:1px solid #8bb6f7;
    border-bottom:1px solid #8bb6f7;
}
div.panel ul li{
    padding-left:10px;
    line-height:20px;
}

.messagepanel {
    width:725px;
    padding:4px;
	border:solid 1px #ddf;
	border-top:none;
}

h6.messagepanel {
    background-color: #dc0;
    width:715px;
    padding:0px;
    padding-left:10px;
    padding-right:10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 5px;
	border:none;
}

.messagepanel.unread {
    background-color: #f99;
}

.messagepanel.wide {
    width:auto;
}

/* EO panels */

div.toolresult{
    width:755px;

    float:left;
    padding:10px;
    border:2px solid #8bb6f7;
    margin-bottom:20px;
}



div#location_map{
    float:left;
    width:740px;
    height:310px;
    background-color:white;
}
div#small_location_map{
    float:left;
    width:100%;
    height:310px;
    background-color:white;
}
div#small_location_map_form{
    width:100%;
    overflow:hidden;
    float:left;
    margin-left:10px;
    margin-top:10px;
}

table.relation_overview{
    width:100%;
    table-layout: fixed;
    padding:0;
    margin:0;
    border-collapse: collapse;
    empty-cells: show;
}

table.relation_overview td{
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.relation_overview tr.location td{
    border-bottom:1px dotted silver;
}

table.relation_overview td.location_header {
    font-size:130%;
    padding-bottom:10px;
    color: #8bb6f7;
}

table.relation_overview td.location_name {
    text-indent: 0px;
    font-weight: bold;
    width:250px;
}
table.relation_overview td.location_contact{
    text-indent: 20px;
}


span.checkboxspacer{
    position:relative;
    margin-right:20px;
}
span.checkboxspacer input[type=checkbox]{
    position:absolute;
    top:-3px;
}

span.checkboxspacer.selection{
    display:none;
}
td span.checkboxspacer.selection input[type=checkbox]{
    /*display:none;*/
    left:-4px;
    top:-2px;
}
th span.checkboxspacer.selection input[type=checkbox]{
    /*display:none;*/
    left:-4px;
    top:-3px;
}
.inputcheckbox {
	position:relative;
    top:2px;
}
input[type=button].small{
    font-size:11px;
    margin:0;
    padding:0px;
    padding-left:8px;
    padding-right:8px;
    padding-top:2px;
    padding-bottom:0px;

}

/* pager */
div.pager{
    float:left;
    display:inline-block;
    line-height:28px;
    margin-top:6px;
}

ul.pager{
    margin:0;
    padding:0;
    list-style:none;
}
ul.pager li{
    display: inline;
    margin-left:4px;
}
ul.pager li:first-child{
    margin-left:0px;
}
ul.pager li.current {
    display: inline-block;
    padding-left:12px;
    padding-right:12px;
    background-color: #888;
    color: white;
}
ul.pager li.warp{
    padding-left:6px;
    padding-right:6px;
}
ul.pager li a{
    color: #666;
    background-color: #CDCDCD;
    text-decoration: none;
    display:inline-block;
    padding-left:12px;
    padding-right:12px;
}
ul.pager li a:hover{
    background-color: #BCBCBC;
}

span.itemcounter{
    font-weight:bold;
    float:right;
    margin-right:12px;
}

table.inputtable{
    width:100%;
    border-collapse: collapse;
}
table.inputtable td{
    border-top:1px dotted silver;
    padding:3px;
}
table.inputtable tr:first-child td{
    border-top:none;
    padding:3px;
}

table.inputtable tr.heading td {
    border:none;
    font-weight: bold;
    color:#08C2FF;
    text-transform: uppercase;
    padding-top:15px;
}


table.settingstable{
    width:100%;
    border-collapse: collapse;
}
table.settingstable td{
    border-top:1px dotted silver;
    padding:10px 5px;
    vertical-align: top;
}
table.settingstable tr.noborder td{
    border:none;
}
table.settingstable tr.subtable td table td{
	border:none;
}

table.settingstable tr.subtable td table td{
    padding:0;
}


table.settingstable tr:first-child td{
    border-top:none;
}

table.settingstable tr th{
    border:none;
    font-weight: bold;
    color:#08C2FF;
    text-transform: uppercase;
    padding-top:15px;
}

table.settingstable tr.heading td {
    border:none;
    font-weight: bold;
    color:#08C2FF;
    text-transform: uppercase;
    padding-top:15px;
}
table.settingstable tr.header th{
    padding:10px 5px;
}

table.settingstable tr th.leftalign {
    text-align:left;
}

table.reporttable{
    width:100%;
    border-collapse: collapse;
    table-layout: fixed;
}

table.reporttable tr.heading td {
    border:none;
}
table.reporttable tr td {
    border-top:1px dotted silver;
    padding:3px;
}
table.reporttable tr.noborder td {
    border:none;
}

table.reporttable.reportsend th {
    font-weight:bold;
    color:black;
    text-align:left;
    padding-top:10px;
}

table.reporttable.reportsend td {
    border:none;
}

table.searchresulttable{
    width:100%;
    line-height:22px;
}

table.searchresulttable td{

    border-top:1px dotted silver;
}
table.searchresulttable tr:first-child td{
    border-top: none;
}

.searchbutton{
    border:1px solid black;
    padding:0px 10px;
    height:20px;

    padding-bottom:1px;
    font-size:10px;
}

div.scrollview {
    box-sizing: border-box;
    border:1px solid #888;
    border-top:none;
}

div.scrollview table.grid tr:last-child td{
    border-bottom:none;
}


table th div.column_filter{
    font-weight: normal;
    position:absolute;
    left:0px;
    top:27px;
    z-index:2;
    background: white;
    width:auto;
    padding:3px;
    border:1px solid #666;
}


.clickable{
    cursor: pointer;
}

span.ss_sprite.stickyright{
    position: absolute;
    right:6px;
    top:5px;
}

p.error{

    border: 2px solid red;
    color: red;
    background-color: #ff9a9a;
    padding:4px;

}

div.systemwarning{
    position:absolute;
    left:210px;
    background-color: red;
    color: white;
    z-index:99;
    padding:4px 8px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


div.shiftbanner{
    position:absolute;
    margin: 10px 30%;
    width: 40%;
    text-align: center;
    /*background-color: #0020bf;*/
    color: #0020bf;
    z-index:99;
    padding:4px 8px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	font-weight:bold;
	font-size:14px;
}

div.shiftbanner.notrounded{
    
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

div.roundbanner {
    position:absolute;
    margin: 32px 30%;
    width: 40%;
    text-align: center;
    /* background-color: #00bf00; */
    color: #00bf00;
    z-index:99;
    padding:4px 8px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	font-weight:bold;
	font-size:14px;
}

div.roundbanner.noshift {
    margin: 0 30%;
}

ul.images{
    list-style:none;
    padding:0;
    margin:0;
}
ul.images li{
    position:relative;
    float:left;
    width:148px;
    height:145px;
    display:inline;
    vertical-align:middle;
    border:1px solid #cdcdcd;
    padding:10px;
    margin-left:12px;
    margin-top:12px;
    text-align: center;
}

ul.images li img{
    vertical-align: middle;
}
ul.images li a{
    border:none;
}
ul.images li a img{
    border:none;
}

.imagestoselect{
    position:relative;
    width:148px;
    height:125px;
    border:1px solid #cdcdcd;
    padding:10px;
    margin-left:12px;
    margin-top:12px;
    text-align: center;
}


span.imagebutton{
    position:absolute;
    display:none;
    right:0px;
    bottom:0px;
    width:32px;
    height:32px;
    cursor:pointer;
    z-index:3;
}
span.imagebutton.delete {
    background: white url(../img/imagedelete.png) no-repeat left bottom;
}
span.imagebutton.delete:hover{
    background-position: 0px 0px;
}
span.imagebutton.undelete {
    background: white url(../img/imageundelete.png) no-repeat left bottom;
}
span.imagebutton.undelete:hover{
    background-position: 0px 0px;
}


span.deleteoverlay{
    position:absolute;
    display:none;
    background-color: white;
    opacity: 0.7;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    z-index:2;
}


th.datetimecolumn{
    width:120px;
}


.newreportitemsmarker{
    background-color: red!important;
    color:white!important;
    font-weight:bold!important;
}
.newreportitemsmarker a{
    color: white!important;
}


div.selectbox{
    position:relative;
    display:inline-block;
    width:auto;
    height:18px;
    line-height:18px;
    border:1px solid #aaa;
    background: white url(../img/topfade.gif) repeat-x;
    background-attachment: scroll;
    vertical-align: middle;
    margin-top:-1px;
}

div.selectbox input[type=text]{
    padding:0;
    padding-left:2px;
    padding-right:2px;
    margin-right:2px;
    float:left;
    height:18px;
    line-height:18px;
    border:none;
    background: none;
}
div.selectbox span.button {
    display:inline-block;
    margin-right:1px;
    margin-top:1px;
    width:16px;
    height:16px;
    background: transparent url(../img/icon/ui-list-box.png) no-repeat;
    cursor:pointer;
}

div.selectbox span.button:hover{
    background: transparent url(../img/icon/ui-list-box-blue.png) no-repeat;
}


span.top_spacer{
    position:relative;
    background-color: red;
}

span.small_loader {
    display:none;
    position:absolute;
    top:-2px;
    width:16px;
    height:16px;
    margin-left:4px;
    background: transparent url(../img/small_loader.gif) no-repeat;
}

.big_loader {
	z-index : 99999;
    position:absolute;
    width:100%;
    height:100%;
    margin-left: 0px;
	
   background: rgba(210, 210, 210, 0.5) url(../img/big_loader.gif) no-repeat center center;
}


div.messagewrapper{
    display:block;
    height:55px; /* do not change */
    min-height: 55px;
    overflow-y: auto;
    width:100%;
}

table.logentries td{
    vertical-align: top;
}


div.debug{
    float:left;
    width:100%;

    border:2px solid #FFCDCD;
}
span.debugsection{
    display:block;
    box-sizing: border-box;
    width:100%;
    background-color: #FFCDCD;
    color: white;
    font-weight:  bold;
    padding:4px;
}

div.debugvalues{
    padding:4px;
}

span.error,
span.error-no-hide{
    color:red;
}

.error-block{
    display:none;
    border:1px solid red;
    padding:10px;
}

span#pdfwindow,
span#printwindow{
    position:absolute;
    right:0px;
    background: transparent url(../img/printer.png) no-repeat;
    width:24px;
    height:24px;
    cursor:pointer;
    background-position: -24px 0px;
    z-index:999;
}

body.planning span#printwindow{
    position:absolute;
    right:20px;
    background: transparent url(../img/printer.png) no-repeat;
    width:24px;
    height:24px;
    cursor:pointer;
    background-position: -24px 0px;
    z-index:999;
}

span#printwindow:hover{
    background-position: 0px 0px;
}


span#printwindow.invisible {
    display:none;
}

ul.tools{

}

ul.tools li{
    margin-bottom:10px;
}

p.nodata{

    display:block;
    width:100%;
    border-bottom:1px solid silver;
    text-align: center;
    padding-bottom:10px;
    padding-top:10px;
    margin:0;
}

table.checkbox-selectlist{
    width:100%;
    table-layout:fixed;
    border-collapse: collapse;

}
table.checkbox-selectlist td{
    line-height:26px;
    border-bottom: 1px dotted #DDD;
}
table.checkbox-selectlist tr td:first-child{
	padding-left:5px;
	padding-right:5px;
	width:10px;
}
table.checkbox-selectlist tr.active{
}
table.checkbox-selectlist tr.inactive td{
    color: #bbb;
}

ul.downloads li{
    margin-bottom:10px;
}

input[type=button].smallbutton{
    padding:0px 5px;
}

span.searchhilight{
    background-color: #fffc24;
}

div.searchresults{
    position:relative;
    min-height:20px;
}

div.searchresults table{
    table-layout: fixed;
    width:100%;
}

div.searchresults table tr td{
    border-bottom:1px dotted silver;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


span.dayview {
    /* font-family: "Lucida Console", Monaco, monospace; */
    text-transform: uppercase;

}

span.dayview.active {
    color:#3ac814;
}
span.dayview.zo.active {
    color:#3ac814;
}
span.dayview.za.active {
    color:#3ac814;
}
span.dayview.inactive {
    /* font-family: "Lucida Console", Monaco, monospace; */
    color: #ABABAB;
}

span.noneselected span.dayview.inactive {
    color: red!important;
}

table.visitlist td.scancode{
    font-weight: bold;
}
table.visitlist td.start-round, td.end-round{
    font-weight: bold;
    color:black;
}

table.visitlist tr.missed td{
    background-color: #FFDADA;
}
table.visitlist tr.unknown td{
    background-color: #FFFF80;
}
table.visitlist tr.nogps td{
    background-color: #FFE3AD;
}
table.visitlist tr.in-between-header td{
    background-color: #e0e0e0;border-top:solid 1px #aaa;border-bottom:solid 1px #aaa;
}
table.visitlist tr.in-between-header-transparent td{
    background-color: transparent;
}
table.visitlist.hover tr:hover td{
    background-color: #d4e9ff!important;
    cursor:pointer;
}


table.visitlist.hover tr.nohover:hover td{
    background-color:inherit!important;
    cursor:  default;
}
table.visitlist tr.even td{
    background-color: #ffffff;
}
table.visitlist tr.odd td{
    background-color: #e3e3e3;
}

table.visitlist tr.visit_notification_7 td, .visit_notification_7 {background-color:#ffa;background-image:linear-gradient(to top,#888,#ffa)}
table.visitlist tr.visit_notification_8 td, .visit_notification_8 {background-color:#fb0;background-image:linear-gradient(to top,#888,#fb0)}
table.visitlist tr.visit_notification_9 td, .visit_notification_9 {background-color:#faa;background-image:linear-gradient(to top,#888,#faa)}

div.report-chat-item {

    width:100%;

}
div.report-chat-item table.mceLayout {
    border-top:0!important;
    border-bottom:0!important;
    border-left:none;

}
div.report-chat-item table.mceLayout{
    border:none!important;
    border-right:1px solid #CCC!important;
}
div.report-chat-item table.mceLayout td.mceIframeContainer{
    border-bottom:none!important;
}

div.report-chat-item table tr.chat-header td {
    background-color:#888;
    color:white;
    padding-left:10px;
}
div.report-chat-item table tr.chat-header.internal td {
    background-color:#FFCACA!important;
    color:black;
    padding-left:10px;
}

div.report-chat-item table tr.chat-body td {
    border-bottom:1px solid #CCC;
}
div.report-chat-item table tr.chat-body td.chat-content {
    background-color:white;
    padding:0px 10px;
    vertical-align:top;
}
div.report-chat-item table tr.chat-body td.chat-picture{

    background-color: #F4F4F4;
    width:100px;
    vertical-align:top;
    border-right:1px solid #CCC;
    min-height:100px;

}

div.report-chat-item table tr.chat-body td.chat-picture img{


    width:100px;
    border:none;
    padding:0;
    margin:0;
}

tr.contractregel.invalid td{
    text-decoration: line-through;
    color:red;
}

/* ronde planning */
div#round-body,
div#round-container {
    position:relative;
    left:0px;
    top:0px;
    right:0px;
    border:1px solid #CDCDCD;

}

div#round-planner-header{
    width:100%;
    height:40px;
    border-bottom:1px solid #CDCDCD;
}

div#round-planner-body{
    position:relative;
    width:100%;
    min-height:600px;
}
div#round-contract-list-header{
    position:absolute;
    left:0px;
    top:0px;
    height:40px;
    width:219px;
    border-right:1px solid #CDCDCD;
}
div#round-contract-list-wrapper{

    position:absolute;
    left:0px;
    top:0px;
    bottom:0px;
    width:219px;
    border-right:1px solid #CDCDCD;
    overflow-y:scroll;
    overflow-x:hidden;
}
div#round-contract-list{
	position:relative;
    left:0px;
    top:0px;
    bottom:0px;
    border-right:1px solid #CDCDCD;
}

div.round-planning-filter-box:hover{
	cursor:pointer;
}
div.round-planning-filter-box{
	width:85px;
	border:1px solid gray;
	border-bottom: none;
	padding:3px;
	margin-right:2px;
	float:left;
}

div.round-planning-filter-box.active{
	background-color:#555555;
	color:white;
}


div#round-planner-view-header{
    position:absolute;
    left:220px;
    top:0px;
    right:0px;
    height:30px;
}

div#round-properties-body{
    position:absolute;
    right:0px;
    top:0px;
    width:225px;
    bottom:0px;
    border-left:1px solid #CDCDCD;
    padding: 5px 5px 5px 5px;
    background-color:white;
    overflow-y: scroll;
}

div#round-planner-view{
    position:absolute;
    left:220px;
    top:0px;
    bottom:0px;
    right:236px;
    overflow-y: scroll;
    overflow-x: hidden;
}
span.round-planner-view-day{
    position:absolute;
    width:50%;
    left:0px;
    top:0px;
    bottom:0px;
    background-color: white;
}
span.round-planner-view-day.alternate{
    position:absolute;
    width:50%;
    left:0px;
    top:0px;
    bottom:0px;
    background-color: #DADADA;
}
div.contract-item,
div.shift-item {
    width:192px;
    display:block;
    float:left;
    border:1px solid #CDCDCD;
    margin-bottom:5px;
    padding:0px;
    box-sizing: border-box;
    background-color:white;
    z-index:9100;
    cursor: pointer;
}

div.contract-item.used div.contract-item-header{
    background-color: #a9ffd8;

}

div.contract-item.not-used {
    border:1px solid #f00;
}

div.contract-item-header,
div.shift-item-header {
    position:relative;
    display:block;
    height:18px;
    padding:0px;
    border-bottom:1px solid #CDCDCD;
    background-color: #FAFAFA;
}
span.contract-item-number,
span.shift-item-number {
    float:left;
    width:60px;
    padding:0px 2px;
    text-align: center;
    font-weight: bold;
    border-right:1px dotted silver;
}
span.contract-item-starttime, 
span.shift-item-starttime {
    float:left;
    width:35px;
    padding:0px 2px;
    text-align: center;
    border-right:1px dotted silver;
}
span.contract-item-endtime,
span.shift-item-endtime {
    float:left;
    width:35px;
    padding:0px 2px;
    text-align: center;
    border-right:1px dotted silver;
}
div.contract-item-body, 
div.shift-item-body {
    position:relative;
    display:block;
    padding:2px;
}
span.contract-item-relation{
    float:left;
    display:block;
    width:100%;
    text-overflow: ellipsis;
    overflow: hidden;
    padding:0px 2px;
    height:20px;
    white-space:nowrap;
}
span.contract-item-location{
    float:left;
    width:100%;
    display:block;
    text-overflow: ellipsis;
    padding:0px 2px;
    overflow: hidden;
    height:20px;
    white-space:nowrap;
}
span.contract-item-objects{
    float:left;
    border-top:1px dotted silver;
    width:100%;
    display:block;
    text-overflow: ellipsis;
    padding:0px 2px;
    overflow: hidden;
    height:20px;
}


span.tick-hour{
    position:absolute;
    border-left:1px solid #CDCDCD;
    width:1px;
    height:3px;
    bottom:0px;
    background: none;
}

span.tick-daypart{
    position:absolute;
    border-left:1px solid #ABABAB;
    width:1px;
    height:6px;
    bottom:0px;
    background: none;
}

span.tick-label{
    position:absolute;
    background:none;
    font-size:12px;
    color: #CDCDCD;
    width:10px;
    bottom:2px;
    text-align: center;
}

span.timeline-hour{
    position:absolute;
    border-left:1px solid #EFEFEF;
    width:1px;
    top:0px;
    bottom:0px;
    background: none;
}

span.timeline-daypart{
    position:absolute;
    border-left:1px solid #CDCDCD;
    width:1px;
    top:0px;
    bottom:0px;
    background: none;
}

div.round-item {

    position:absolute;
    top:5px;
    left:50px;
    width:150px;
    height:50px;
    background-color: white;
    border:1px solid #CDCDCD;
    box-sizing: border-box;
    cursor:pointer;
    overflow:hidden;
	z-index: 2;
}


div.round-item:hover {

    box-shadow: 5px 5px 10px rgba(80,80,80,0.1);
}
div.round-item:hover div.round-item-header{
    background: url(../img/bg_round_item_header_hilight.png) repeat-x;
}

div.round-item-header{
    position:relative;
    display:block;
    height:18px;
    padding:0px;
    border-bottom:1px solid #CDCDCD;
    background: url(../img/bg_round_item_header.png) repeat-x;
}
div.round-item-header.deviates-from-planning{
    background: url(../img/bg_round_item_header_deviation.png) repeat-x;
}
div.round-item-header.cctm-disabled{
    background: url(../img/bg_round_item_header_cctmDisabled.png) repeat-x;
}
div.round-item-header.round-started{
    background: url(../img/bg_round_item_header_roundStarted.png) repeat-x;
}
div.round-item-header.round-contract-mutation{
	background: url(../img/bg_round_contract_item_mutation.png?3) repeat-x;
 }
 div.round-item-header.round-interval-disabled{
    background: url(../img/bg_round_interval_disabled.png?3) repeat-x;
}
div.round-item.hover div.round-item-header {

    background: url(../img/bg_round_item_header_hilight.png) repeat-x;
}


div.round-item-body{
    position:relative;
    display:block;
    padding:2px;
    height:auto;
}

div.round-item-dropzone {
    width:100%;
    background-color: red;
}
span.round-item-number{

    float:left;
    text-overflow: hidden;
    white-space:nowrap;
    overflow:hidden;
    padding:0px 2px;
    text-align: left;
    font-weight: bold;
    border-right:1px dotted silver;
	width:100%;
}

span.round-contract-item{
    position:absolute;
    height:20px;
    width:10px;
    left:0px;
    top:0px;
    background: url(../img/bg_round_contract_item.png?3) repeat-x;
    border:1px solid #04cdff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}
 div.round-contract-item{
    background: url(../img/bg_round_contract_item.png?3) repeat-x;
}

span.round-contract-item-surveillant, div.round-contract-item-surveillant{
    background: url(../img/bg_round_contract_item_surveillant.png?3) repeat-x;
}

span.round-contract-item-started, div.round-contract-item-started{
    background: url(../img/bg_round_item_header_roundStarted.png?3) repeat-x;
}

span.round-contract-mutation{
    background: url(../img/bg_round_contract_item_mutation.png?3) repeat-x;
    border:1px solid #C8C800;

}

span.round-interval-disabled{
    background: url(../img/bg_round_interval_disabled.png?3) repeat-x;
	margin-top: 10px;
	height: 10px;
    border:1px solid #FF5D00;
	z-index: 9999;
}

div.contractdropzone.hover{
}

span.location-time {
    float:right;
}

a.distance {
    float:right;
}

/* e/o ronde planning */
table.surveillant-authorization-table{
    width:100%;
}
table.surveillant-authorization-table td {
    line-height:20px;
    padding:4px 6px;
}
table.grid tr.relation td{
    background-color: #2CCDFF;
    color:white;
    font-weight: bold;
}

table.grid tr.relation td a{
    color:white;
}
table.grid tr.location td:first-child{
    padding-left:20px;
}
table.grid tr.location td:nth-child(2){
    background: #fffee0 url(../img/table-header-separator.gif) no-repeat left 4px!important;
}
table.grid tr.relation td:nth-child(3){
    background: #2CCDFF url(../img/table-header-separator.gif) no-repeat left 4px!important;
}


table.grid tr td.invisible {
    background-color: #ffe0e0;
}

table.grid tr td.visible{
    background-color: #d4ffbe;
}

table.grid tr td.unset{
    background-color: #fffee0;
}

.mapcontainer {
	height: 380px;
}

.mapcontainer #map {
	float:left;
	width:560px;
	height:350px;
}

.mapcontainer #toggle {
	float:Left;
	position: absolute;
	margin-top: 355px;
}

.mapcontainer.fullscreen {
	position:fixed;

	top : 75px;
	margin-left: -207px;
	vertical-align: baseline;
    width:955px ;
    height:833px ;
    z-index:1000 ;
}

.mapcontainer.fullscreen #map {
	float:left;
	width:955px;
	height:813px;
}

.mapcontainer.fullscreen #toggle {
	float:Left;
	position: absolute;
	margin-top: 818px;
}


/* Activiteitenboard */
#activityBoardContent a.waarschuwing
{
	color:red;
	font-weight:bold;
}
/* Activiteitenboard */

.notificationContacts{
	margin-left:20px;
	margin-top:10px;
}


div.roundtypesettingbox {

    float:left;
    width:100%;
    display:block;
    margin-bottom:10px;

}
div.roundtypesettingboxadvanced {
    float:left;
    width:100%;
    display:block;
    margin-left:20px;
}

.ss_left{
	float:right;
	padding:2px;
}


.contractPlanningBlok{
	width: 192px;
	display: block;
	border: 1px solid #CDCDCD;
	padding: 5px 3px;
	box-sizing: border-box;
	background-color: white;
	margin: 10px auto;
}
.contractPlanningBlok ul{
	padding-left: 20px;
}

.planningRoundBox{
	width: 230px;
	display: block;
	border: 1px solid #CDCDCD;
	padding: 5px 3px;
	box-sizing: border-box;
	background-color: white;
	margin: 10px 10px;
	float:left;
	min-height:200px;
	_height:200px;
}


.planningRoundBox .printbox{
    background: transparent url(../img/printer.png) no-repeat;
    width:24px;
    height:24px;
    cursor:pointer;
    background-position: -24px 0px;
}


.planning-roundplanning-datepicker{
	width: 80px;
}

.planning-roundplanning-warning-message{
	color:red;
	text-align:center;
	font-size: 30px;
	background-color:white;
	padding-top: 10px;
	display: none;
	position: absolute;
	left: 37%;
	top: -60px;
}


.ss_sprite.planning_title_edit
{
	position: absolute;
	top: 0px;
	right: -2px;
	height:10px;
}

span.email{
    color: #AAA;
}



input.numeric{
	width:50px;
}



.blokthirt{
	float:left;
	width:33%;
}

.submitBox{
	border:1px solid gray;
	padding:0 5px;
}

h4.activity_message_title{
	background-color:red;
}
.activity_message_body {
	overflow-y:scroll; height:150px; border: 1px solid red; border-top:none; padding: 0 5px;
}

h5.error{
	color:red;
}

.uursmeldingSelectBox{
	width:150px;
}

table.grid tr.NoSupervisor td{
	background-color:#FFA3A3;
}

table.grid tr.today td, .today {
	background-color:#ffdddb;
}
table.grid tr.yesterday td, .yesterday {
	background-color:#ffffdd;
}
table.grid tr td.daydividebar {
	background:#d6d6d6;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	font-weight:bold;
}
table.grid tr.scannedobject, .scannedobject {
	background-color:#efd;
}

/* --------------------------------- Filter --------------------------------- */
div.filterContainer{
	padding:10px;
	border-right: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	margin-bottom: 10px;
}

.filterContainer br.clear{
	clear:both;
}


/* --------------------------------- Filter --------------------------------- */

/* --- systemmessages --- */
div.systemmessage {
    display:block;
    border:2px solid red;
    margin-bottom:10px;
}

div.systemmessage h1{
    font-size:14px;
    font-weight: bold;
    padding:10px 20px;
    color:white;
    display:block;
    background-color:red;
}

div.systemmessagebody {
    display:block;
    padding:0px 20px;
    font-weight: bold;
}
div.systemmessagebody p.warning {
    color:red;
}
div.systemmessagebody span.date{
    color: black;
    width: 70px;
    display:inline-block;
}


div#managelocation_box select{
	margin:0;
	width:179px;
}

.jqLinkSlide {
	cursor: pointer;
}

.jqLinkSlide:hover {
	text-decoration: underline;
}

.jqSlide {
	display:none;
}

div.managementinfo_header {
	margin: 20px 0px;
}

.jqClickableRow {
	cursor: pointer;
}

.jqClickableRowOpened {
	font-weight: bold;
}

tr.managementinfo-relation-table-tr-head , 
th.managementinfo-location-table-tr-head{
	font-weight: bold;
	text-align: center;
}

img.homeicons {
	position:relative;
	height:16px;
	top:4px;
}

tr.managementinfo-relation-table-tr-head .gradient{
	background: #fff url("//ssl.gstatic.com/charts/static/table-title-bg.gif") repeat-x left bottom;
	background: -moz-linear-gradient(top,rgba(255,255,224,1) 0%,rgba(255,255,150,1) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,224,1)),color-stop(100%,rgba(255,255,150,1)));
	background: -webkit-linear-gradient(top,rgba(255,255,224,1) 0%,rgba(255,255,150,1) 100%);
	background: -o-linear-gradient(top,rgba(255,255,224,1) 0%,rgba(255,255,150,1) 100%);
	background: -ms-linear-gradient(top,rgba(255,255,224,1) 0%,rgba(255,255,150,1) 100%);
	background: linear-gradient(to bottom,rgba(255,255,224,1) 0%,rgba(255,255,150,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe0',endColorstr='#ffff96',GradientType=0);
}

tr.managementinfo-location-table-tr-head .gradient{
	background: #fff url("//ssl.gstatic.com/charts/static/table-title-bg.gif") repeat-x left bottom;
	background: -moz-linear-gradient(top,rgba(224,255,224,1) 0%,rgba(150,255,150,1) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(224,255,224,1)),color-stop(100%,rgba(150,255,150,1)));
	background: -webkit-linear-gradient(top,rgba(224,255,224,1) 0%,rgba(150,255,150,1) 100%);
	background: -o-linear-gradient(top,rgba(224,255,224,1) 0%,rgba(150,255,150,1) 100%);
	background: -ms-linear-gradient(top,rgba(224,255,224,1) 0%,rgba(150,255,150,1) 100%);
	background: linear-gradient(to bottom,rgba(224,255,224,1) 0%,rgba(150,255,150,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0ffe0',endColorstr='#96ff96',GradientType=0);
}

th.managementinfo-relation-table-th {
	border: 1px solid #eee;
	padding: 6px;
}

th.managementinfo-location-table-th {
	border: 1px solid #eee;
	padding: 0px 6px;
}

tr.managementinfo-relation-table-tr-even, tr.managementinfo-relation-table-tr-odd,
tr.managementinfo-location-table-tr-even, tr.managementinfo-location-table-tr-odd {
	margin: 0;
	vertical-align: middle;
	padding: 2px;
}
tr.managementinfo-relation-table-tr-even {
		background-color: #FFFFE0;
}

tr.managementinfo-relation-table-tr-odd {
	background-color: #FFFFC0;
}

tr.managementinfo-location-table-tr-even {
		background-color: #E0FFE0;
}

tr.managementinfo-location-table-tr-odd {
	background-color: #C0FFC0;
}

td.managementinfo-relation-table-td,
td.managementinfo-location-table-td {
	border: 1px solid #eee;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

tr.managementinfo-relation-table-tr-even td.managementinfo-relation-table-td {
		background-color: #FFFFE0;
}

tr.managementinfo-relation-table-tr-odd td.managementinfo-relation-table-td {
		background-color: #FFFFC0;
}

tr.managementinfo-location-table-tr-even td.managementinfo-location-table-td {
		background-color: #E0FFE0;
}

tr.managementinfo-location-table-tr-odd td.managementinfo-location-table-td {
		background-color: #C0FFC0;
}

span.supervisorOrderUp,
span.SRItemOrderUp,
span.WTItemOrderUp {
	display:inline-block;
	width:24px;
	height:24px;	
	background: transparent url(../img/up-icon.png) no-repeat;
}


span.supervisorOrderDown,
span.SRItemOrderDown,
span.WTItemOrderDown {
	display:inline-block;
	width:24px;
	height:24px;	
	background: transparent url(../img/down-icon.png) no-repeat;
}

div.edit-round {
	width: 450px;
	height: 435px;
	border: 1px solid #bbb;
	padding: 10px;
	position: relative;
	z-index: 9999;
	background-color: #fff;
}

div.edit-round-error {
	width: 300px;
	height: 100px;
	border: 1px solid #bbb;
	padding: 10px;
	position: relative;
	z-index: 9999;
	background-color: #fff;
}

div.cctm_live_panel {
	width: 100%;
	height: 520px;
	
}

div.cctm_live_panel_left {
	width: 520px;
	height: 80%;
	border: 1px solid #bbb;
	float: left;
	overflow: auto;
}

div.cctm_live_panel_right {
	/*width: 520px;*/
	height: 80%;
	border: 1px solid #bbb;
/*	float: left;*/
	overflow: auto;
}

div.cctm_live_panel_bottom {
	width: 100%;
	height: 20%;
	border: 1px solid #bbb;
	float: left;
	overflow: auto;
}

div.notestextview {
    border:1px solid #555555;
	position:relative;
	padding:10px;
}


tr.underline td {
	text-decoration: underline;
	color: #3c86f7;
	cursor: pointer;
}

.cctm_live_panel_left table tr:hover,
.cctm_live_panel_left table tr:hover td {
  background-color: #8bb6f7 !important;
   
}

.cctm_live_panel_left table tr.active,
.cctm_live_panel_left table tr.active td {
	background-color: #2CCDFF !important; 
	
	
}

.cctm_live_panel_left table tr.cctm-alert-round-not-started,
.cctm_live_panel_left table tr.cctm-alert-round-not-started td {
	background: url(../img/bg_round_item_header_cctmDisabled.png) repeat-x;
	color: black;
}

.cctm_live_panel_left table tr.cctm-alert-interval,
.cctm_live_panel_left table tr.cctm-alert-interval td {
	background: url(../img/bg_round_item_header_deviation.png) repeat-x;
	color: black;
}

.cctm_live_panel_left table tr.cctm-alert-round-early-stop,
.cctm_live_panel_left table tr.cctm-alert-round-early-stop td {
	background: url(../img/bg_round_interval_disabled_legenda.png) repeat-x;
	
	color: black;
}

.cctm_live_panel_left table tr.cctm-round-started,
.cctm_live_panel_left table tr.cctm-round-started td {
	background: url(../img/bg_round_item_header_roundStarted.png) repeat-x;
	color: black;
}

.inappimg,.inappimg2 {height:17px;float:right;margin-top:8px;z-index:99;}
.inappimg2 {margin-top:3px;}

.downloadpagelink {font-size:17px;cursor:pointer;}
.downloadpagediv {display:none;padding-top:10px;padding-left:30px;}

.greenammount {color:#090;font-weight:bold;}

.blueheader {font-weight:bold;margin-top:5px;margin-bottom:5px;}

.legenda {
	float: left; 
	height: auto; 
	min-height: 25px; 
	text-align:center;
}

.legenda.extra-margin {
	margin-top: 25px;
}

.legenda-header {
	float: left;
	width: 100%;
}
.legenda-header strong {
	float: left; 
	margin-bottom: 5px;
}
.legenda div {
	float: left; 
	margin-right: 15px;
}
.legenda div span {
	top: -15px; 
	position: relative;
}
.legenda div span.track-trace {
	top: -11px; 
}
.legenda div span.track-trace-alarm {
	top: -8px; 
}
.legenda div span.track-trace-group {
	top: -11px; 
}

.ahulp {
    background:url('../img/icon/hulp.png') no-repeat center center;float:right;display:block;width:26px;
}

.activityboardnumbering {color:#333;display:inline-block;width:23px;text-align:right;}

#pwdMeter {
    border: #aaa solid 1px;
    padding: 3px 10px;
    width: 150px;
  	height: 15px;
	color: #000000;
}

#pwdMeter.veryweak {
	background-color: #ff0000;
}

#pwdMeter.weak {
	background-color: #FF570F;
}

#pwdMeter.medium {
	background-color: #ffFF00;
}

#pwdMeter.strong {
	background-color: #8CFF00;
}

#pwdMeter.verystrong {
	background-color: #00FF00;
}

.qanda_div, .note_display {background:#efefef;border:1px solid #d6d6d6;padding:10px;line-height:23px;}
.qanda_div {margin-bottom:20px;}
.date_name_line {border-top:solid 1px #999;border-bottom:solid 1px #999;line-height:16px;margin-top:10px;font-size:10px;}
.date_name_line_span {display:inline-block;width:199px;}
.date_closed_line {border-top:solid 1px #999;border-bottom:solid 1px #999;background:#df9;line-height:16px;margin-top:10px;font-size:10px;}

.logadjustment {border-top:solid 1px #666;border-bottom:solid 1px #666;font-weight:bold;}

.listattention {line-height:18px;background:#eee;padding:10px;}
.listattentionheader {font-weight:bold;}

.icon_transfer {display:inline-block;position:relative;top:3px;overflow:hidden;height:16px;width:16px;background-repeat:no-repeat;background-image:url(../img/imageundelete.png);background-position:-4px -24px;background-size:22px;cursor:pointer;}

.no_images {float:right;font-style:italic;color:#999;}

.hrefbutton, .hrefbuttonsmall {color:#fff;background:#3c86f7;border-radius:5px;padding:5px;padding-left:15px;padding-right:15px;text-decoration:none;box-shadow:1px 1px 0px 0px #444;cursor:pointer;}
.hrefbutton:hover, .hrefbuttonsmall:hover {background:#1c66d7;}
.hrefbuttonsmall {border-radius:4px;padding:2px;padding-left:10px;padding-right:10px;}

div.likealink {display:inline-block;color:#3c86f7;text-decoration:underline;cursor:pointer}

.attentionbox {background:#fdd;border:solid 1px #f66;padding:10px;}
.warningbox {background:#faa;border:solid 2px #b00;padding:10px;}
.payattention {font-weight:bold;}

.layout_status_0 {background:#fbb}
.layout_status_1 {background:#afa}
.layout_status_2 {background:#bdf}

div.wr_menu:first-of-type {
    padding-top: 20px;
    border-top: none;
}

div.wr_menu {
    padding-top: 15px;
    padding-bottom: 5px;
    border-top: #555555 solid 2px;
}

.wr_exit {
    margin-top: 10px;
    margin-bottom: 15px;
	border:solid 1px #aaa;
	padding:10px;
	border-radius:2px;
}
.wr_exit a {
    letter-spacing: 8px;
    font-family: haettenschweiler, fantasy;
    font-size: larger;
}
.loge_dialog {width:100%;margin-top:8px;}
.loge_dialog td {background:#fff;box-shadow:4px 4px 6px 0px #ccc}
.loge_dialog_title {background:#057;color:#fff;padding-left:10px;line-height:22px}
.bluerow {background:#def}