/*
 * Cabletracks website Stylesheet
 *
 * Toevoegingen onderaan (na end mark) met er bij
 * de pagina waar deze selector nodig was.
 */

/******************* body base *************************/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    border-collapse: collapse;
}
img {
    border: 0px;
}
td.basetd {
    padding: 0 3px 0 0; /* 3px needed to fill out correctly on IE... */
    text-align: justify;
    overflow: visible;
}
p {
    text-align: justify;
}
pre {
    text-align: left;
    font-size: 11px;
    font-weight: normal;
    border: 2px dashed #009F00;
    padding: 5px;
}
dfn {
    font-style: normal;
    border-bottom: 0px;
    cursor: help;
}
hr {
    border: none;
    width: 100%;
    border: 1px solid #C0C0C0;
}
.warning {
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: #FF0000;
    background-color: #FFFF90;
    color: #FF0000;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.notice {
    text-align: center;
    border: #008000 1px solid;
    color: gray;
    background: #B3FFB3;
    font-weight: bold;
    margin: 5px 0;
    padding: 5px;
}
.pagename {
    color: #5F5F5F;
    font-size: 20pt;
    height: 45px;
    font-weight: bold;
}
.boldtext {
    font-weight: bold;
}
.redtext {
    color: #FF0000;
}
a:link, a:visited, a:active {
    text-decoration: none;
    color: #F00000;
}
a:hover {
    color: #BE0000;
    text-decoration: underline;
}

/**************** Menu & inlog cells *******************/
table.menutable {
    border-collapse: separate;
    border-spacing: 0px 5px;
    color: #FFFFFF;
}
td.hmenu {
    background-color: #C0C0C0;
    white-space: nowrap;
    font-weight: bold;
    padding-left: 3px;
    height: 23px;
    cursor: pointer;
}
td.hmenu_selected {
    background-color: #F02E00;
    white-space: nowrap;
    font-weight: bold;
    padding-left: 3px;
    height: 23px;
    cursor: pointer;
}
a.menu:link, a.menu:visited, a.menu:active, a.menu:hover {
    text-decoration: none;
    color: #FFFFFF;
}
table.inlogvenster {
    color: #FFF;
    font-size: 9pt;
    font-weight: bold;
}
td.inlogtd {
    background-color: #C0C0C0;
    padding: 5px;
}

/**************** Form items *************************/
form {
    margin: 0px;
}
select, input[type="text"], input[type="submit"], input[type="button"], textarea {
    padding-left: 2px;
    border: #7F7F7F solid 1px;
    border-radius: 2px;
}
select.flat, input.flat, textarea.flat {
    color: black;
    text-decoration: none;
}
select.error, input.error, textarea.error {
    background-color: #F9F9DF;
    border: red solid 1px;
}
select.okay, input.okay, textarea.okay {
    color: darkgreen;
}
input.flatgrey {
    font-weight: bold;
    color: white;
    background-color: #B0B0B0;
}
input.flatred {
    border: #900 solid 1px;
    font-weight: bold;
    color: white;
    background-color: #F02E00;
}
input.date_toggled {
    width: 80px;
}

/**************** Tabel items *************************/
table.ct_table {
    border: #CCCCFF 1px solid;
    border-collapse: collapse;
}
caption {
    border: #CCCCFF 1px solid;
    border-bottom: #000000 0px solid;
    background-color: #F02E00;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    padding: 2px;
}
td.caption {
    border: #CCCCFF 1px solid;
    border-bottom: #000000 0px solid;
    background-color: #F02E00;
    text-align: left;
    font-weight: bold;
    color: #FFFFFF;
    padding: 2px;
}

td.ct_header {
    background-color: #EAEAEA;
    font-weight: bold;
}
.ct_even {
    background-color: white;
}
.ct_odd {
    background-color: #ebebeb;
}
.ct_mark {
    background-color: #ECF0F7;
}
.ct_markr {
    background-color: #F02E00;
    color: yellow;
    font-weight: bold;
}
td.ct_grid {
    border: #CCCCFF 1px solid;
    padding-left: 2px;
    padding-right: 2px;
}
td.ct_grid_right {
    border-right: #CCCCFF 1px solid;
}
td.ct_grid_left {
    border-left: #CCCCFF 1px solid;
}
td.ct_grid_top {
    border-top: #CCCCFF 1px solid;
}
td.ct_grid_bottom, td.ct_gb {
    border-bottom: #CCCCFF 1px solid;
}
td.contacttd {
    font-weight: bold;
}

/***************** End mark *************************/
.css_comment {          /* Voor CSS voorbeeld pagina*/
    white-space: nowrap;
    font-family: monospace;
    font-size: 9pt;
}
.button { /* tbv printen en mailen rapporten */
    background-color: #F02E00;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    height: 20px;
}
.footer {
    margin-top: 15px;
    font-size: 7pt;
    text-align:center;
}
.smalltext {
    font-size: 8pt;
}
.nowrap {
    white-space: nowrap;
}
.fotocontainer {
    margin-bottom: 10px;
}
.striketrough {
    text-decoration: line-through;
}
.window_col1 {
    width: 180px;
}

.window_col2 {
    width: 10px;
}

.window_col3 {
    width: 810px;
}
.menu_col1 {
    background-image: url(/images/cabletracks_logo_180.gif);
    background-repeat: no-repeat;
    background-position: center top;
}
#beta {
    margin: 10px;
    color: #FFC;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 0px 15px #FF0000;
}
table.ct_wizard {
    width: 100%;
    white-space: nowrap;
    font-weight: bold;
    color: #FFFFFF;
    border-collapse: separate;
    border-spacing: 3px;
}
table.ct_wizard td {
    background-color: #C0C0C0;
    border-top-right-radius: 30px 15px;
    border-bottom-right-radius: 30px 15px;
    padding: 3px;
    height: 24px;
}
table.ct_wizard td > a:link, table.ct_wizard td > a:visited,
table.ct_wizard td > a:active, table.ct_wizard td > a:hover {
    color: white;
    text-decoration: none;
}
table.ct_wizard td.competedstep {
    /* background-color: #F02E00; */
}
table.ct_wizard td.activestep {
    background-color: #F02E00;
}
div.hovermap {
    font-size: 10px;
    background: #FFF;
    border: 1px solid #000;
    position: absolute;
    z-index: 5000;
    width: 600px;
    height: 400px;
}
div.hovermapheader {
    color: white;
    background: #F02E00;
    width: 100%;
    height: 12px;
}
span.hoverclose {
    cursor: pointer;
    float: right;
    line-height: 12px;
    font-size: 10px;
    margin-right: 5px;
    color: #000;
}
img.fotoboekimg3 {
    width:264px;
    cursor: pointer;
}
img.fotoboekimg4 {
    width:198px;
    cursor: pointer;
}
img.fotoboekimg5 {
    width:158px;
    cursor: pointer;
}
img.fotoboekimg6 {
    width:131px;
    cursor: pointer;
}

/* Fotoboek popups */
#blanket {
    background-color:#111;
    opacity: 0.75;
    filter:alpha(opacity=75);
    position:absolute;
    z-index: 90001;
    top:0px;
    left:0px;
    width:100%;
}
#popUpDiv {
    position:absolute;
    background-color:#EEE;
    border: 1px solid white;
    border-radius: 10px;
    padding: 5px;
    z-index: 90002;
}
#popClose {
    background: url(/images/buttons/b_close.png);
    float: right;
    width: 16px;
    height: 16px;
    margin-bottom: 4px;
    cursor: pointer;
    z-index: 90003;
}
#popMeta {
    cursor: move;
    height: 16px;
    margin-bottom: 4px;
    z-index: 90003;
}
/* Scripts page */
#script {
    background: #C0C0C0;
    margin-top: 7px;
    padding: 5px;
    width: 450px;    
}
#script span {
    display: inline-block; 
    vertical-align: top;
    width: 150px;
}
#script input[type=text],
#script select {
    width: 300px;
    margin: 1px 10px;    
}
#script span {
    display: inline-block; 
    font-weight: bold; 
    width: 130px;
}
#scriptsteps > div {
    background: #C0C0C0;
    margin-top: 5px;
    padding: 2px;
}
#scriptsteps > div > div {
    float: right;
    text-align: right;
    margin-top: 5px;
    width: 60px;
    height: 30px;
}
#scriptsteps > div > span {
    display: inline-block;
    width: 160px;
    text-align: right;
    margin-right: 5px;
}
#scriptsteps > div > input[type=text] {
    margin-top: 2px;
    width: 180px;
}
#scriptsteps img.buttonUp, 
#scriptsteps img.buttonDown {
    width:16px; 
    margin-right: 5px; 
    cursor: pointer;
}
#scriptsteps > div > h5 {
    color: white;
    background: #F02E00;
    margin: 0;
    padding: 0 5px;
}
#scriptnewstep {
    margin-top: 10px;
}