/* 
    Document   : layout
    Created on : 2011-05-23, 16:58:13
    Author     : Kimmo Hernborg
    Description:
        This is the main stylesheet.
        Put layout styles here. Keep the text styles in the text.css file.
*/

body {
    margin: 0;
    padding: 0;
}

#notifications {
    color: #000;
    background-color: #f00;
    margin: 0px;
    margin-bottom: 10px;
    padding: 10px;
    padding-left: 30px;
    border-radius: 5px;
    width: 890px;
}

.project {
    min-width: 300px;
}

/* Site stuff */
#content {
    margin: 20px;
}

#header {
    height: 42px;
    background-color: #000;
    background-image: url(../img/osterlin_logo.png);
    background-repeat: no-repeat;
}

#user_actions {
    position: relative;
    left: 270px;
    top: 20px;
    width: 500px;
}

#left_col {
    float: left;
    width: 930px;
    margin-bottom: 20px;
}

#right_col {
    margin-left: 850px;
}

.validation_error {
    margin: 0px;
    padding-left: 20px;
}


/* Folding panel */
.panel_header {
    cursor: pointer;
    margin-bottom: 0px; 
    padding: 5px; 
}

.panel_content {
    background-color: #ccc; 
    background-image: none;
    color: #000; 
    display: none; 
    padding: 20px; 
}

.panel_result {
    background-color: #888; 
    color: #fdb; 
    display: none; 
    float: right; 
    padding: 10px;
    width: 250px; 
}


/* Grid */
.grid {
    
}

.grid tr th, .grid tr td {
    width: 90px;
}

.grid tr th {
    border-right: 1px solid #444;
}

.grid tr td {
    vertical-align: top;
}

td.darker {
    background-color: #343;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

td.dark {
    background-color: #ddd;
    border: 1px solid #ccc;
    color: #000;
}

td.light {
    background-color: #eee;
    border: 1px solid #ddd;
}

td.dark, td.light, td.dark a, td.light a {
    color: #000;
}

.grid_time {
    border-radius: 5px;
    /* border: 1px solid #797; */
    background-color: #575;
    color: #fff;
    padding: 5px;
    font-size: 10px;
    margin-bottom: 5px;
    cursor: pointer;
}

.grid_time a {
    color: #fff;
    text-decoration: none;
}

.grid_time_1 {
    min-height: 35px;
}
.grid_time_2 {
    min-height: 85px;
}
.grid_time_3 {
    min-height: 135px;
}
.grid_time_4 {
    min-height: 185px;
}
.grid_time_5 {
    min-height: 235px;
}
.grid_time_6 {
    min-height: 285px;
}
.grid_time_7 {
    min-height: 335px;
}
.grid_time_8 {
    min-height: 385px;
}

.deleted, .deleted td {
    color: #999;
    font-size: 80%;
}

/* Timeplanning */
#tp_nav {
    display: block;
    float: right;
    margin-bottom: 5px;
    margin-top: -40px;
}

#tp_calendar {
    width: 100%;
}
#tp_container {
    width: 850px;
    height: 528px; /*631px*/
    overflow: auto;
    position: relative;
    -ms-touch-action: none;
}
#tp_grid {
    position: absolute;
}
.gr_o {
    border: 1px solid #333;
}
.gr_w {
    width: 58px;
    min-width: 58px;
}
.gr_h {
    height: 32px;
}
.gr_h2 {
    height: 68px;
}
.gr_hb {
    background-color: #333;
    border: 1px solid #000;
}
.gr_dg { background-color: #666; }
.gr_dr { background-color: #633; }

.gr_odg { background-color: #ddd; }
.gr_edg { background-color: #fff; }
.gr_odr { background-color: #daa; }
.gr_edr { background-color: #fcc; }

#tp_click {
    position: absolute;
    top: 68px;
    width: 3360px;
    overflow: hidden;
}
#tp_times {
    position: absolute;
    overflow: visible;
    top: 68px;
}
#tp_name_form {
    position: absolute;
    overflow: visible;
    display: none;
    padding: 5px;
    border-radius: 5px;
    background-color: rgba(128, 128, 128, 0.8);
}
.tp_label {
    clear: none;
    float: none;
    margin-top: 0;
    width: auto;
    text-align: left;
}
.tp_time {
    border: 1px solid #333;
    background-color: #575;
    height: 26px;
    min-width: 52px;
    position: absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
    overflow: hidden;
    line-height: 13px;
    font-size: 10px;
    font-weight: bold;
}
.nowrap {
    white-space: nowrap;
}
.tp_del {
    float: right;
    margin-right: 3px;
}

/* Report */
#report_form p {
    display: block;
    float: left;
}

#report_form p span {
    display: inline-block;
    width: 100px;
}

#report_form p span input.short_input {
    width: 85px;
}

#report_form p label {
    width: 85px;
}

#report_form p select {
    margin-top: 4px;
}

#report_form {
    overflow: hidden;
    width: 100%;
}

#report_table {
    display: none;
}