/* - - - - - - - - - - - - - - - - - - - - -
Title:Mundio vzw
Author:brightworks (http://www.brightworks.nl)
URL:/css/screen.css

Created:Nov 11, 2010
Modified:Nov 11, 2010
- - - - - - - - - - - - - - - - - - - - - */


body {margin:0; padding:0; background-color:#fff; font-family:arial, helvetica, sans-serif; font-size:12px; line-height:20px; color:#6b6b6b;}
a {color:#6b6b6b; text-decoration:underline;}
a img {border:none;}
div.clear {clear:both; height:0; line-height:0; font-size:0;}

div#headcontainer_wrapper {width:519px; margin:0 auto;}
div#headcontainer {float:left; width:519px; padding:0 0 20px 0;}
div#headcontainer p {margin:0px; padding:0px 20px 20px 30px;}
div#headcontainer ul#crew {list-style-type:none;}
div#headcontainer ul#crew img.checkbox {margin:-1px 10px 0 0;}
div#headcontainer div#logo {background:url("../images/divider.gif") no-repeat bottom left; width:419px; float:left; margin:20px 0px 15px 0px; padding:0px 0px 6px 100px;}
div#headcontainer div#logo a {float:left; margin:0px; padding:0px; text-decoration:none;}
div#headcontainer div#logo a img {float:left; margin:0px; padding:0px;}
div#headcontainer div#content {float:left; width:519px;}

div#headcontainer div#content h1 {font-family:arial, helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000; margin:0px 0px 0px 30px;}
div#headcontainer div#content h2 {float:left; display:inline; width:489px; font-family:arial, helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000; margin:20px 0px 0px 30px;}
/*div#headcontainer div#content p {width:480px; float:left; margin:0px 0px 0px 0px;}*/
div#headcontainer div#content div.row {float:left; width:480px; padding:0px 0px 5px 30px;}
div#headcontainer div#content div.label {float:left; width:140px; color:#000;}
div#headcontainer div#content div.awnser {float:left; width:340px; color:#6b6b6b;}

div#headcontainer div.goto {background:url("../images/divider.gif") no-repeat top left; width:519px; float:left; margin:0px 0px 0px 0px; padding:20px 0px 10px 0px;}
div#headcontainer div.goto.links {text-align:center; padding:10px 0px 10px 0px;}
div#headcontainer div.goto.top {background:url("../images/divider.gif") no-repeat bottom left; width:519px; float:left; margin:0px 0px 20px 0px; padding:0px 0px 15px 0px;}
div#headcontainer div.goto.bottom {background:none; width:519px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 9px 0px;}
div#headcontainer div.goto p {float:left; display:inline; /*width:auto;*/ padding:5px 20px 0px 30px;}
div#headcontainer div.goto a {float:left; padding:0 0 4px 0; text-decoration:none;}
div#headcontainer div.goto.links a {float:none;}
div#headcontainer div.goto a.first {float:left; padding:0 0 4px 20px;}
div#headcontainer div.goto a.firstlink {float:left; padding:0 0 4px 35px;}
div#headcontainer div.goto a.back {float:left; padding:6px 10px 4px 20px;}
div#headcontainer div.goto a.right {float:right;}
div#headcontainer div.goto img {float:left; display:inline; margin:0px 10px 0px 0px;}
div#headcontainer div.goto.links a img {float:none; margin:10px 10px 0px 0px;}
div#headcontainer div.goto img.first {float:left; display:inline; margin:0px 10px 0px 20px;}
div#headcontainer div.goto img.last {float:left; display:inline; margin:0px 10px 0px 50px;}
div#headcontainer div.goto img.support {float:left; display:inline; margin:0px 10px 0px 57px;}
div#headcontainer div.goto .clear {padding-top:6px;}

div#login {float:left; width:519px; padding-bottom:20px;}
form#loginform {float:left; display:inline; margin:20px 0px 20px 30px;}
form#loginform input {float:left; display:inline; width:142px; margin:0px 10px 0px 0px; padding:5px;}
form#loginform input#passwordlabel {display:none;}
form#loginform .login {float:left; padding:0; width:83px;}

form#subscribeForm {float:left; display:inline; margin:20px 0px 20px 30px;}
form#subscribeForm input#passwordlabel, #subscribeForm input#password_repeatlabel {display:none;}
form#subscribeForm .form_text {float:left; display:inline; width:142px; margin:0px 10px 0px 0px; padding:5px;}
form#subscribeForm .form_text_error {float:left; display:inline; width:142px; margin:0px 10px 0px 0px; padding:5px;}
form#subscribeForm input.login {float:left; padding:0; width:83px;}

div#footer {float:left; width:519px; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; background:url("../images/divider.gif") no-repeat top left;}
div#footer p.copy {float:left; width:309px; padding:0px 20px 0px 30px; font-size:11px;}
div#footer p.web {float:right; width:140px; padding:0px 20px 0px 0px; text-align:right; font-size:11px;}
div#footer .copyhidden {text-indent:-6000px; visibility:hidden; display:none;}
div#footer .copyprint {display:none;}

/*loading*/
div#loading {position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html div#loading {/* ie6 hack */ position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

table.planning {float:left; border-collapse:collapse; border-spacing:0; cell-spacing:0; table-layout:fixed; margin:0; padding:0;}
table.planning tr {margin:0; padding:0;}
table.planning tr th {height:320px; vertical-align:bottom; font-weight:normal;/* font-size:11px;*/ color:#3b3b3b;}
table.planning tr td {color:#3b3b3b; background-color:#fcfcfc;}
table.planning tr th.boothMundio {background-color:yellow;}
table.planning tr th.boothNGO {background-color:orange;}
table.planning tr th span {float:left; margin:0 0 7px 0; padding:0px; text-align:left; display:block; width:25px; /*writing-mode:tb-rl;*/ writing-mode:vertical-bt; -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(180deg);}
table.planning tr .booth span.boothId {display:none;}
table.planning tr th,
table.planning tr td {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-spacing:0; margin:0; padding:1px; width:25px; border:1px solid #6b6b6b; text-align:center;}
table.planning tr th.empty {width:175px; border-width:0 1px 1px 0;}
table.planning tr th.spacer,
table.planning tr td.spacer {width:10px; background-color:#e0e0e0;}
table.planning tr th,
table.planning tr td.date,
table.planning tr td.datePart {text-align:left;}
table.planning tr td.date,
table.planning tr td.datePart,
table.planning tr th.total,
table.planning tr td.total {font-weight:bold;}
table.planning tr th.total,
table.planning tr td.total {background-color:#ffffea;/*f0f0f0 ffffcc*/}
table.planning tr td.date {width:70px;}
table.planning tr td.datePart {width:100px;}
table.planning tr td.date,
table.planning tr td.datePart {color:#3b3b3b;}
table.planning tr td.usersNeeded {color:red;}
table.planning tr td.usersNeeded.unmannedBooth {color:#ffffff; background-color:red;}
table.planning tr td.nobodyBooth {background-color:#c0c0c0;}
table.planning tr td.usersSurplus {color:blue;}
table.planning tr td.usersFree {color:green;}
table.planning tr td.total.usersFree,
table.planning tr td.booth {overflow:visible;}
table.planning tr td.total.usersFree div.usersBox,
table.planning tr td.booth div.usersBox {display:none; float:left; position:relative; background-color:transparent; margin:-2px 0 0 -2px; padding:0; width:0px; height:0px; text-align:left;}
table.planning tr td.total.usersFree.active div.usersBox,
table.planning tr td.booth.active div.usersBox {display:inline;}

table.planning tr td.total.usersFree div.usersBoxContainer,
table.planning tr td.booth div.usersBoxContainer {float:left; position:absolute; border:1px solid #6b6b6b; background-color:#f0f0f0; box-shadow: 2px 2px 2px #6b6b6b; margin:0; padding:5px; /*width:200px;*/ text-align:left;}
table.planning tr td.total.usersFree div.usersBox ul,
table.planning tr td.booth div.usersBox ul {float:left; display:block; margin:0; padding:0 5px 0 15px; /*width:200px;*/ list-style-position:outside;}
table.planning tr td.total.usersFree div.usersBox ul li,
table.planning tr td.booth div.usersBox ul li {float:left; width:100%; margin:0; padding:0; /*width:200px;*/}

table.planning tr td.dateVM {background-color:#aaff00;}
table.planning tr td.dateNM {background-color:#ffffaa;}
/*table.planning tr td.dateAV {background-color:green;}*/
/*table.planning tr:hover td {background-color:#e0e0e0;}*//*f0f0f0*/
table.planning tr.dateVM:hover td,
table.planning tr.dateVM td.hover {background-color:#aaff00;}
table.planning tr.dateNM:hover td,
table.planning tr.dateNM td.hover {background-color:#ffffaa;}
table.planning tr.dateVM:hover td.usersNeeded.unmannedBooth,
table.planning tr.dateVM td.usersNeeded.unmannedBooth.hover {background-color:#aa0000;}
table.planning tr.dateNM:hover td.usersNeeded.unmannedBooth,
table.planning tr.dateNM td.usersNeeded.unmannedBooth.hover {background-color:#ff6666;}