/* Body styles */
html {
    font-size: 12px;
}
body {
    background: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    margin-top: 0;
    margin-left: 0;
    color: #000;
}
h1, h2, h3, h4, h5, h6 {
/*    font-family: "Garamond", "Times New Roman", Times, serif; */
    font-weight: normal;
}

a,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color:#2255aa;
    font-weight: bold;
    text-decoration: none;
}

a:hover{
    text-decoration:underline;
}
/* Div styles */
.widget {
    width: 85%;
    margin: 10px auto;
    border: 1px solid #aaaaaa;
    background: #ffffff url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; color: #222222;
}
.widget-title {
    padding: 3px;
}
.widget img {
    width: 90%;
}
.widget-content {
    padding: 10px;
    background: #eaeaea;
}
#modal-logout {
    background: url(images/loading-2.gif) 50% 50% no-repeat;
}
.modal-login.logging-in {
    background: #eaeaea url(images/loading-2.gif) 50% 50% no-repeat !important;
}
#copyright {
    padding: 15px 40px;
    color: #666;
    font-size: 0.8em;
    text-align: center;
}
#container {
/*    position: absolute; */
    z-index: 2;
    width: 90%;
    min-width: 1060px;
    margin: 0px;
    padding-bottom: 20px;
    background: white none;
    z-index: 1;
}
#uva-logo {
    /*background: white url(../img/uva-logo.png) 0 -10px no-repeat;*/
    margin-left: 0px;
}
#content-wrapper {
    /* background: rgb(249,255,253); */
    background: url(images/gradient_background_10x1200px.jpg) repeat-x;
    margin: -1px 9.7% 0 30px;
    border: 1px solid #AAA;
    /* CSS3 styling for latest browsers */
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding: 0;
}

#content-subwrapper {
    padding-right: 10px;
}

div.vspacer {
    height: 17px;
}

div.hspacer {
    width: 20px;
    float: left;
}

#header {
    min-width: 600px;
    width:100%;
}




.image-header {
    width:100%;
}

table.header-image-container {
   width: 100%;
   border-width: 0px;
   padding: 0px;
   margin: 0px;
}

table.header-image-container td {
   height: 125px;
   border-width: 0px;
   padding: 0px;
   margin: 0px;
}

div.header-image-a {
   width: 171px;
   height: 125px;
   background-size: contain;
   background-image: url("/lab/img/zen_header_a_v4.png");
}

div.header-image-c {
   width: 100%;
   height: 125px;
   background-repeat: repeat-x;
   background-image: url("/lab/img/zen_header_c_v4.png");
}

div.header-image-d {
   width: 360px;
   height: 125px;
   background-size: contain;
   background-image: url("/lab/img/zen_header_d_v4.png");
}

div.header-image-e {
   width: 9.7%;
   height: 125px;
   margin-left: -1px;
   display: inline-block;
   background-size: 100% 100%;
   background-repeat: no-repeat;
   background-image: url("/lab/img/zen_header_e_v4.png");
}

#header-logo {
    position: relative;
    float: left;
    z-index: 9;
    width: 200px;
    height: 200px;
    margin-left: 60px;
    cursor: pointer;
    z-index: 11;
}

#menubar {
    left: 0;
    height: 30px;
    margin-top: -30px;
    text-align: right;
    line-height: 30px;
    z-index: 1;
}
#title_block_container #menubar {
    margin-right: 5px;
}

ul.menu_main {
    padding: 0;
    margin:0;
}

#submenu {
    /* position:relative; */
    font-family: Arial, Helvetica, sans-serif;
    background: #999 url(../img/bg-submenu.png) repeat-x;
    margin: 0 -1px;
    height: 30px;
    font-size: 17px;
    padding-left: 100px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 15;
}
#submenu ul li, #subsubmenu ul li {
    list-style: none;
    float: left;
    padding: 5px 10px 5px 10px;
    height: 20px;
}
#submenu ul li.active {
    background: url(../img/bg-submenu-selected.png);
    border-left: 1px solid #666;
    border-right: 1px solid #333;
}
#submenu a:link {
    color: #f6f6f6;
    text-decoration: none;
}
#submenu a:visited {
    color: #f6f6f6;
    text-decoration: none;
}
#submenu a:hover {
    color: #f6f6f6;
    text-decoration: underline;
}
#submenu a:active {
    color: #f6f6f6;
    text-decoration: underline;
}
#subsubmenu {
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    top: 90px;
    margin-left: 97px;
    min-width: 710px;
    height: 31px;
    font-size: 1em;
    padding-left: 67px;
    border-bottom: 1px solid #999;
}
#subsubmenu ul li {
    background: url(../img/bg-submenu-selected.png);
    height: 20px;
    border: 1px solid #333;
    margin-top: 0px;
    color: #f6f6f6;

    /* CSS 3 for modern browsers */
    -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
}
#subsubmenu ul li:hover {
    background: #ccc;
}
#subsubmenu ul li.active {
    background: url(../img/bg-submenu.png);
}
#subsubmenu a:link {
    color: #f6f6f6;
    text-decoration: none;
}
#subsubmenu a:visited {
    color: #f6f6f6;
    text-decoration: none;
}
#subsubmenu a:hover {
    color: #f6f6f6;
    text-decoration: underline;
}
#subsubmenu a:active {
    color: #f6f6f6;
    text-decoration: underline;
}
#loading {
    position: absolute;
    width: 100%;
    height: 150%;
    top: 0px;
    left: 0px;
    background: url(images/semi-pix.png);
    text-align: center;
    margin: 0;
    display: none;
    z-index: 99999;
    moz-transparency: 0.6;
    opacity: 0.6;
}
#loading td {
    text-align: center;
    vertical-align: middle;
    background: url(images/semi-pix.png);
}

#modal-subscribe-form {
    width: 480px;
    height: 300px;
}
.subscribe-panel {
    float: left;
    width: 300px;
    height: 350px;
    border: 1px solid #999;
    background: url(images/panel-1.gif) 50% 50% repeat-x;
}
.subscribe-panel img {
    float: left;
}
#subscribe-external-button {
    padding: 10px;
    font-size: large;
}
#status {
    display: none;
}
#actionbar_msg {
    text-align: left;
    float: left;
    width: 400px;
    display: none;
}
#content {
    margin: 0; /* 3.25% 0 3.25% */
    padding: 20px 20px 40px 40px;
    overflow: auto;
    font-size: 100%;
}

#wrapper-right {
    float: right;
    padding: 0;
    width: 33.3%;
    border: 0;
    margin: 0;
}
#wrapper-left {
    float: left;
    padding: 0;
    width: 66.6%;
    border: 0;
    margin: 0;
}

#widgets {
    padding: 40px 30px 40px 20px;
    border: 0;
    margin: 0;
}


/* Font styles */
.warning {
    font-family: Arial, Helvetica, sans-serif;
    color:                          #ff3300;
    background-color:               #efe0af;
    border:                         4px solid #ccc;
    margin:							10px;
    display:						block;
    padding:                        5px 60px 5px 60px;
    background-image: url(images/bg-warning.png);
    background-repeat:              repeat-x;
    background-position:            50% 50%;
}
.error {
    font-family: Arial, Helvetica, sans-serif;
    background-color:		#FF8585;
    border:                         4px solid #ccc;
    margin:							10px;
    display:						block;
    padding:                        5px 60px 5px 60px;
    background-image: url(images/bg-error.png);
    background-repeat:              repeat-x;
    background-position:            50% 50%;
    font-weight:                    bold;
    color: #f6f6f6;
}
ui-state-highlight .error {
    background: none;
    padding: 5px;
    color: #c22;
}
#modal-subscribe-form .modal-status-message {
    padding: 3px;
    margin-top: 30px;
}
ul#newsticker{
    height:275px;
    width:90%;
    overflow:hidden;
    padding:6px 10px 14px 10px;
}
#newsticker li{
    height:75px;
    padding:5px;
    list-style:none;
    list-style-image:none;
    border:1px solid #999; margin:8px;
    /* CSS3 styling for latest browsers */
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background: #eee;
}
#newsticker .news-title{
    display:block;
    font-weight:bold;
    margin-bottom:4px;
    font-size:0.8em;
}
#newsticker a {
    font-size: 0.8em;
}
#newsticker .news-text{
    display:block;
    font-size:0.6em;
    color:#666666;
}
#newsticker .news-text a:link {
    color: #444;
}
#newsticker .news-text a:hover {
    color: #777;
}
#newsticker .news-text a:active {
    color: #444;
}
#newsticker .news-text a:visited {
    color: #444;
}
#newsticker img{
    float:left;
    margin-right:14px;
    padding:4px;
    border:solid 1px #DEDEDE;
}

#news-block { background: #666; border: 3px solid #ccc; font-size: large; width: 100%; min-width: 140px; margin: 10px auto; float: right;  }
#news-block h3 { border-bottom: 1px solid #ccc; font-size: x-large; margin: 10px 10px -5px 10px; color: #aaa; }
.success {
    font-family: Arial, Helvetica, sans-serif;
    color: #060;
    background-color:			#66E066;
    border:                         4px solid #ccc;
    margin:							10px;
    display:						block;
    padding:                        5px 60px 5px 60px;
    background-image: url(images/bg-success.png);
    background-repeat:              repeat-x;
    background-position:            50% 50%;
    font-weight:                    bold;
    color: #f6f6f6;
}
#actionbar .warning {
    margin: 0;
}
#actionbar {
    padding: 3px;
    height: 2em;
}
.advanced {
    font-size: 0.8em;
}
#menubar a:link {
    text-decoration: none;
    font-weight: bold;
    color: #333;
}

#menubar a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #333;
}

#menubar a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #666;
}

#menubar a:active {
    text-decoration: none;
    font-weight: bold;
    color: #333;
}


#side_menu ul a:link {
    text-decoration: none;
    font-weight: bold;
    color: #333;
}

#side_menu ul a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #333;
}

#side_menu ul a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #666;
}

#side_menu ul a:active {
    text-decoration: none;
    font-weight: bold;
    color: #333;
}

#content h1 {
    margin: 0;
    font-size: 150%;
    font-weight: bold;
    text-decoration: underline;

}

#content h2, h3, h4 {
    margin: 0;
    font-weight:bolder;
    font-family: Arial, "Lucida Grande", Helvetica, sans-serif;
    font-size: 100%;
}

#content ol {
    margin:0;
}

#content p {
    text-align: left;
    margin: 0;
}

#content h4 {
    font-size: 120%;
    font-weight: normal;
    font-style: italic;
}

#overview ul li {
    list-style: none;
}


/* Menus */
#menubar ul {
    margin: 0 0 0 -40px;
    font-size: 0.8em;
}
#menubar ul li {
    list-style: none;
    margin: 0;
    float: left;
    height: 25px;
    padding: 0px 15px 0px 15px;
    border-right: 1px solid #CCC;
}
#menubar ul li a.active {
    font-style: italic;
    float: left;
    margin: 0 -15px -2px -15px;
    padding: 0px 15px 0px 15px;
    border-right: 0;
}
#menubar ul li ul li {
    height: 25px;
    padding: 0px 15px 0px 15px;
    margin: 0 0 2px 0;
    border: 1px solid #AAA;
}
#menubar ul li ul li a.active {
    height: 25px;
    font-style: italic;
    float: left;
    padding: 0px 15px 0px 15px;
    border-bottom: 0px;
    margin: -2px -15px 0 -15px;
    height: 26px;
    background-color: #A3C3EE;
}
#side_menu ul li {
    list-style: none;
}

#main {
    width: 680px;
    float: left;
}

div.border {
    height: 5px;
    background: #999;
    clear: both;
}
#topborder {
    margin: -27px -20px 10px -20px;
    display: none;
}

/* Tables */
table {
    background: #fff;
    border:1px solid #ccc;
    clear: both;
    margin-bottom: 10px;
    width: 100%;
}
th {
    background: #f2f2f2;
    border:1px solid #bbb;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    text-align: center;
}
th a {
    background:#f2f2f2;
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
th a:hover {
    background: #ccc;
    color: #333;
    text-decoration: none;
}
table tr td {
    background: #fff;
    border-right: 1px solid #ccc;
    padding: 4px;
    text-align: left;
    vertical-align: top;
}

table tr.altrow td {
    background: #f4f4f4;
}
td.actions {
    text-align: center;
    white-space: nowrap;
}
td.actions a {
    margin: 0px 6px;
}

div.description {
    padding: 10px;
}


/* Paging */
div.paging {
    background:#eee;
    color: #ccc;
    margin-bottom: 2em;
}
div.paging div.disabled {
    color: #ddd;
    display: inline;
}
div.paging span {
}
div.paging span.current {
    color: #000;
}
div.paging span a {
}

/* sorting */
div.order {
    text-align: right;
    font-size: 0.9em;
}

/* Scaffold View */
dl {
    line-height: 2em;
    margin: 0em 0em;
    width: 60%;
}
dl.altrow {
    background: #f4f4f4;
}
dt {
    font-weight: bold;
    padding-left: 4px;
    vertical-align: top;
}
dd {
    margin-left: 10em;
    margin-top: -2em;
    vertical-align: top;
}

/* Forms */
form {
    clear: both;
    margin: auto;
    padding: 0;
    width: 80%;
}
fieldset {
    border: 1px solid #ccc;
    margin-top: 30px;
    padding: 16px 20px;
}
fieldset legend {
    color: #f33;
    font-size: 160%;
    font-weight: bold;
}
fieldset fieldset {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 16px 10px;
}
fieldset fieldset legend {
    font-size: 1em;
    font-weight: bold;
    color: #333;
}
fieldset fieldset div {
    clear: left;
    margin: 0 20px;
    font-size: 100%;
}
form div {
    clear: both;
    margin-bottom: 1em;
    padding: .5em 0 0.5em 0;
    vertical-align: text-top;
}
div.form {
    margin: auto;
    width: 90%;
}
form div.input {
    color: #444;
}
form div.required {
    font-weight: bold;
}
form div.submit {
    border: 0;
    clear: both;
    margin-top: 10px;
    margin-left: 140px;
}
label {
    display: block;
    font-size: 110%;
    padding-right: 20px;
}
label[for=akkoord] {
    font-weight: normal;
    font-size: 12px;
    padding: 5px;
}
#akkoord_block.error {
    background: #fcc;
}
input, textarea {
    clear: both;
    font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
    padding: 2px;
    width: 100%;
}
select {
    clear: both;
    vertical-align: text-bottom;
}
select[multiple=multiple] {
    width: 100%;
}
option {
    font-size: 120%;
    padding: 0 3px;
}
input[type=checkbox] {
    clear: left;
    float: left;
    margin: 3px 6px 7px 2px;
    width: auto;
}
input[type=radio] {
    float:left;
    width:auto;
    margin: 0 3px 7px 0;
}
div.radio label {
    margin: 0 0 6px 20px;
}
input[type=submit] {
    display: inline;
    font-size: 110%;
    padding: 2px 5px;
    width: auto;
    vertical-align: bottom;
}
input[type=submit].loading {
    background: #ccc url(../img/loader.gif) left 50% no-repeat;
    padding-left: 60px;
    border: 1px solid #333;
}

/* Debugging */
pre {
    color: #0f0;
    background: #000;
    padding: 1em;
}
pre.cake-debug {
    background: #ffcc00;
    font-size: 120%;
    line-height: 140%;
    margin-top: 1em;
    overflow: auto;
    position: relative;
}
div.cake-stack-trace {
    background: #fff;
    border: 4px dotted #ffcc00;
    color: #333;
    margin: 0px;
    padding: 6px;
    font-size: 120%;
    line-height: 140%;
    overflow: auto;
    position: relative;
}
div.cake-code-dump pre {
    position: relative;
    overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
    color: #000;
    background-color: #F0F0F0;
    margin: 0px;
    padding: 1em;
    overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
    clear: both;
    font-size: 12px;
    line-height: 15px;
    margin: 4px 2px;
    padding: 4px;
    overflow: auto;
}
div.cake-code-dump span.code-highlight {
    background-color: #ff0;
    padding: 4px;
}
div.code-coverage-results div.code-line {
    padding-left:5px;
    display:block;
    margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
    background:#ecc;
}
div.code-coverage-results div.covered span.content {
    background:#cec;
}
div.code-coverage-results div.ignored span.content {
    color:#aaa;
}
div.code-coverage-results span.line-num {
    color:#666;
    display:block;
    float:left;
    width:20px;
    text-align:right;
    margin-right:5px;
}
div.code-coverage-results span.line-num strong {
    color:#666;
}
div.code-coverage-results div.start {
    border:1px solid #aaa;
    border-width:1px 1px 0px 1px;
    margin-top:30px;
    padding-top:5px;
}
div.code-coverage-results div.end {
    border:1px solid #aaa;
    border-width:0px 1px 1px 1px;
    margin-bottom:30px;
    padding-bottom:5px;
}
div.code-coverage-results div.realstart {
    margin-top:0px;
}
div.code-coverage-results p.note {
    color:#bbb;
    padding:5px;
    margin:5px 0 10px;
    font-size:10px;
}
div.code-coverage-results span.result-bad {
    color: #a00;
}
div.code-coverage-results span.result-ok {
    color: #fa0;
}
div.code-coverage-results span.result-good {
    color: #0a0;
}

/* Cake Debug Info */
table.cake-sql-log,  table.cake-sql-log caption {
    clear: both;
    background: #000;
    color: #0f0;
    font-family:monospace;
    margin: 0px 20px;
    padding: 10px;
    border: 2px solid #666;
}
table.cake-sql-log caption {
    margin: 0px auto;
}
table.cake-sql-log th, table.cake-sql-log td {
    background: #000;
    border: 1px dashed #0f0;
    text-align: left;
}

/* Notices and Errors */
div.message {
    clear: both;
    color: #333;
    font-weight: bold;
}
div.error-message {
    clear: both;
    color: #900;
    font-weight: bold;
}
p.error {
    background-color: #e32;
    color: #fff;
    font-family: Arial, Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}
p.error em {
    color: #000;
    font-weight: normal;
    line-height: 140%;
}
.notice {
    background: #ffcc00;
    color: #000;
    display: block;
    font-family: Arial, Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}

/* styles */
p.caption {
    font-weight: bold;
    font-style: italic;
    font-size: 0.8em;
}

/* Debugging */
pre {
    color: #0f0;
    background: #000;
    padding: 1em;
}
pre.cake-debug {
    background: #ffcc00;
    font-size: 120%;
    line-height: 140%;
    margin-top: 1em;
    overflow: auto;
    position: relative;
}
div.cake-stack-trace {
    background: #fff;
    border: 4px dotted #ffcc00;
    color: #333;
    margin: 0px;
    padding: 6px;
    font-size: 120%;
    line-height: 140%;
    overflow: auto;
    position: relative;
}
div.cake-code-dump pre {
    position: relative;
    overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
    color: #000;
    background-color: #F0F0F0;
    margin: 0px;
    padding: 1em;
    overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
    clear: both;
    font-size: 12px;
    line-height: 15px;
    margin: 4px 2px;
    padding: 4px;
    overflow: auto;
}
div.cake-code-dump span.code-highlight {
    background-color: #ff0;
    padding: 4px;
}
div.code-coverage-results div.code-line {
    padding-left:5px;
    display:block;
    margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
    background:#ecc;
}
div.code-coverage-results div.covered span.content {
    background:#cec;
}
div.code-coverage-results div.ignored span.content {
    color:#aaa;
}
div.code-coverage-results span.line-num {
    color:#666;
    display:block;
    float:left;
    width:20px;
    text-align:right;
    margin-right:5px;
}
div.code-coverage-results span.line-num strong {
    color:#666;
}
div.code-coverage-results div.start {
    border:1px solid #aaa;
    border-width:1px 1px 0px 1px;
    margin-top:30px;
    padding-top:5px;
}
div.code-coverage-results div.end {
    border:1px solid #aaa;
    border-width:0px 1px 1px 1px;
    margin-bottom:30px;
    padding-bottom:5px;
}
div.code-coverage-results div.realstart {
    margin-top:0px;
}
div.code-coverage-results p.note {
    color:#bbb;
    padding:5px;
    margin:5px 0 10px;
    font-size:10px;
}
div.code-coverage-results span.result-bad {
    color: #a00;
}
div.code-coverage-results span.result-ok {
    color: #fa0;
}
div.code-coverage-results span.result-good {
    color: #0a0;
}

/* interactives */
a.ui-state-default {
    padding: 5px;
}

legend.ui-state-hover {
    color: #f33;
}
input[type=submit] {
    float: right;
}

/* tooltips */
#tooltip{
    width:auto;
    max-width:300px;
    min-width:100px;
    border:1px solid;
    background:white;
    padding:5px;
    margin-top:4px;
    font-size:12px;
    color:dimgray;
}

#tooltip #ttimg.top{
    margin-top:-17px;
    margin-left:2px
}
#tooltip #ttimg.bottom{
    bottom:0;
    margin-bottom:-12px;
    margin-left:2px
}


#tooltip.default{
    border:3px solid white;
    background:whitesmoke;
    color:gray;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    margin-top:2px;
}


#tooltip.default #ttimg.top{
    position:absolute;
    margin-top:-8px;
    margin-left:-8px
}
#tooltip.default #ttimg.bottom{
    position:absolute;
    bottom:0;
    margin-bottom:-3px;
    margin-left:-8px
}

.parent {
    background: #f00;
    color: #f00;
}


/* registration */
div.day {
    background: #f3f3f3;
    font-weight: bold;
    text-align: center;
}
div.slot {
    text-align: center;
}

/* layover */
#overlay {
    position: absolute;
    top:0px;
    left:0px;
    z-index:1000;
    height:100%;
    width:100%;
    background:#999;
    display: none;
}
#boxset {
    position: absolute;
    top:0px;
    left:0px;
    z-index:1001;
    height:100%;
    width:100%;
    display: none;
}
#box {
    margin: 200px auto;
}
#loginBoxset {
    position: absolute;
    top:0px;
    left:0px;
    z-index:1002;
    height:100%;
    width:100%;
}
#loginbox {
    margin: 200px auto;
    width: 300px;
    background: #fcfcfc;
    padding: 15px;
    border: 1px solid #000;
}

/* Blog */
.first_blog_article, .blog_article {
    border: 1px dashed #ccc;
    margin: 10px;
    background: #fcfcfc;
}
h2.blog_article_title {
    font-size: 1.2em;
    margin: 0 0 3px 0;
    background: #6ecdff;
    padding: 20px;
}
.blog_article {
    width: 390px;
    float: left;
}
.blog_article_props {
    font-size: x-small;
    text-align: right;
    background: #ccc;
    padding: 3px;
}
.blog_article_footer {
    font-size: x-small;
    text-align: center;
    border-bottom: 4px solid #eee;
    padding: 3px;
}

/* Profile */
#available td {
    width: 80px;
    height: 40px;
    background: #ddd url( images/cancel.png) center no-repeat;
    cursor:pointer;
}
#available td.available {
    background: #efe url( images/apply.png) center no-repeat;
}
#available td.head {
    width: 150px;
    background: #ddd;
}
#available_head td {
    background: #ddd;
}
table#research_type {
    font-size: 1em;
}
#research_type td {
    height: 16px;
    background: #ddd url( images/cancel_small.png) left center no-repeat;
    padding-left: 25px;
    cursor:pointer;
}
#research_type td.available {
    background: #efe url( images/apply_small.png) left center no-repeat;
}
div#pop_up {
    position: absolute;
    z-index: 1000;
    left: 200px;
    top: 200px;
    padding: 14px;
    display: none;
}
div#close_pop_up {
    text-align: right;
    font-weight: bold;
    font-family:Arial, sans-serif;
}
div#info {
    overflow: auto;
    background: #fdfdfd;
    height: 200px;
    width: 400px;
}
div#info * {
    width: 300px;
}
div#info img {
    width: 80px;
}

table.left tr td {
    text-align: left;
}

div.actions {
    text-align: right;
}
img.button {
    cursor: pointer;
}

input.pw0 {
    background: #fff url(images/pw-0.png) center right no-repeat;
}
input.pw1 {
    background: #fff url(images/pw-1.png) center right no-repeat;
}
input.pw2 {
    background: #fff url(images/pw-2.png) center right no-repeat;
}
input.pw3 {
    background: #fff url(images/pw-3.png) center right no-repeat;
}
input.pw4 {
    background: #fff url(images/pw-4.png) center right no-repeat;
}
input.pw5 {
    background: #fff url(images/pw-5.png) center right no-repeat;
}
input.pw6 {
    background: #fff url(images/pw-6.png) center right no-repeat;
}
input.pw7 {
    background: #fff url(images/pw-7.png) center right no-repeat;
}
input.pw8 {
    background: #fff url(images/pw-8.png) center right no-repeat;
}
input.pwOk {
    background: #fff url(images/pw-8.png) center right no-repeat;
}
input.ok {
    background: #dfd url(images/apply_small.png) center right no-repeat;
}
input.false {
    background: #fdd url(images/cancel_small.png) center right no-repeat;
}
div.false {
    background: #fdd url(images/cancel_small.png) center right no-repeat;
}

input.wait {
    background: #fc0;
}

textarea.false {
    background: #fdd url(images/cancel_small.png) center right no-repeat;
    overflow:auto;
}
fieldset.false {
    background: #fdd url(images/cancel_small.png) center right no-repeat;
}
select.false {
    background: #fdd url(images/cancel_small.png) 95% 50% no-repeat;
}

td.day {
    width: 12%;
}

div.verplicht_veld {
    font-size:80%;
    padding:0;
    margin-bottom:-20px;
}

table.suscribe-no-uvanetid {
    margin-top:25px;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    height: 50%;
    background: none;
    border: none;
    font-size: large;
}

p.suscribe-no-uvanetid {
    font-size: large;
}

#extra_footers .header {
    background: url(images/kanaalheader_gradient_ccc_fff_30x10px.jpg) repeat-x;
}

div.ui-dialog input {
    font-size: 100%;
}

div.ui-dialog button {
    font-size: 100%;
}

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/* CSS rule for IE6 */
* html .clearfix{
    height:1%;
}

/* CSS rule for IE7 */
*:first-child+html .clearfix {
    min-height: 1px;
}
#submenu.fixed {
    position: fixed;
    top: 0;
    left: 30;
    z-index: 1;
}
#content-wrapper {
   position: relative;
}

#ajax_waiting {
   background: url('../img/ajax-loader4.gif') no-repeat;
   display:none;
   width:20%;
   height:20%;
   position: fixed;
   margin: auto;
   top: 40%;
   left: 40%;
   z-index: 100;
}

#short_message {
   display: none;
   position: fixed;
   top:0;
   left:0;
   padding:10px;
   background-color: darkturquoise;
   z-index: 100;
}

div.action {
   width: 16px;
   height: 16px;
   display: inline-block;
   cursor: pointer;
   margin:0 5px;
   padding:0;
}
div.action.delete {
   background: url(images/cancel_small.png) center center no-repeat;
}
div.action.edit {
   background: url(images/edit_small.png) center center no-repeat;
}
div.action.add {
   background: url(images/add_small.png) center center no-repeat;
}
div.action.login_as_user {
   background: url(images/login_icon.png) center center no-repeat;
}
div.action.show_appointments {
   background: url(images/add_appointment.png) center center no-repeat;
}
div.action.show_history {
   background: url(images/stock_new_appointment.png) center center no-repeat;
}

.pop_up {
   display: none;
}

.add_row_icon {
   background: transparent url(/lab/img/icons3.png) no-repeat 0px 0px;
   height: 19px;
   width: 19px;
   float: left;
   cursor: pointer;
}

.add_row {
   margin: 0 auto;
   width: 300px;
}

.add_row label{
   margin-left:25px;
   width: 200px;
   cursor: pointer;
}

.pop_up_button {
   margin: .5em .4em .5em 0;
   cursor: pointer;
   /* border: 1px solid #d3d3d3; */
   background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
   font-weight: normal;
   color: #555555;
   border-radius: 4px;
   padding: .4em 1em;
}

div.info {
   font-family: Arial, Helvetica, sans-serif;
   color: #8E001B;
   background-color: #A8CFF7;
   border: 4px solid #ccc;
   margin: 10px;
   display: block;
   padding: 5px 60px 5px 60px;
   font-size:110%;
}

div.info ul {
   margin: 0;
}

tr.even td{
   background-color:#E5E5E5;
}
tr.odd td{
   background-color:#EFEFEF;
}