/* 
    Document   : main
    Created on : 16-Dec-2011, 09:44:52
    Author     : Dave
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* { margin:0; padding:0; }

body {
font-size:76%;
font-family:Arial, Helvetica, sans-serif;
line-height:1.3;
margin: 50px 0;
padding: 0;
text-align: center;
color: black;
;background-color: #ffccff;
background-color: #ffffff;
}

#wrapper {
width: 620px;
margin: 0 auto;
text-align:left;
}

h1 {  font-size:1.8em; padding: 4px 0 8px 0; }
h2 {  font-size:1.3em; padding: 4px 0 4px 0; }
h3 {  font-size:1.0em; padding: 4px 0 4px 0; }

.num { font-weight:900; }
.blk_nd { color:black; }
.rd_nd { color:red; }
.or_nd { color:orange; }

.cur_wk { font-weight:900; }

a:link,a:visited { text-decoration:none; color:#000; }

a:hover { text-decoration:underline; color:#000; }

#menu a:link { text-decoration:underline; color:#000; }

#menu li
{
    display:inline;
    list-style-type:none;
    padding-right:20px;
}

.grid_historic a:link { text-decoration:underline; color:#000; }

div.indented li { margin-left:8px; padding-bottom:0px; }

div.indented ul li { padding-bottom:4px; }

div.indented ul { margin-left:8px; list-style-type: none; }

li { padding-bottom: 8px }

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

ul.indented { margin-left:1.3em; list-style-type: none; }

#errorbox { display:none; color:red; }
#error_box { display:none; color:red; padding: 8px 8px 8px 8px; border: solid 2px red; }

#header { padding-bottom:16px; }

#content { }

.nav { padding-top: 20px; padding-bottom: 8px; }

.nav2 { padding-top: 18px; padding-bottom: 18px; }

.week_navigator { padding-top:8px; padding-bottom:16px; }

.form
{
/*    background-color:#99ccff;*/
    padding:10px;
    border:solid 1px #b9b8aa;
    background-color: #f3f3ef;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
/*.form td { padding:2px; }
.form td.form_box { background-color:white; border:solid 1px #3399ff; }
.form td.form_box select { border:0px; }
.form td.form_box input { border:0px; }*/

select.form_box { padding:2px; border:solid 1px #3399ff; }
/*input.form_box { padding:2px; border:solid 1px #3399ff; }*/
input.form_box {
    padding:2px;
    border: solid 1px #e6e6e2;
}

.grid
{
    background-color: #f3f3ef;
    padding: 10px;
    margin-bottom:10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: solid 1px #e6e6e2;
}
.grid p { font-weight:bold; }

.grid_totals
{
    background-color: #cccccc;
    padding: 10px;
    margin-bottom:10px;
    border: solid 1px #999999;
}

.grid_historic
{
    background-color: #dddddd;
    padding: 10px;
    border: solid 1px #999999;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-bottom:10px;
}
.grid_historic p { font-weight:bold; }

.task_label_cell
{
    white-space:nowrap;
    overflow:hidden;
    text-align:left;
    width: 56px;
}

.task_col { width:10%; }
.time_col { width:10%; }
.row_total_col { width:12%; }

.task_col_head { text-align:left; vertical-align: bottom; font-size: 0.9em; }
.time_col_head { font-size: 0.9em;}
.row_total_col_head { text-align:center;  vertical-align: bottom; font-size: 0.9em; font-style:normal; padding-left: 12px; }

/*input.time_cell
{
    width:100%;
    text-align:center;
    border:solid 1px #3399ff;
    padding-top:2px;
    padding-bottom:2px;
}*/
input.time_cell
{
    width:100%;
    text-align:center;
    border: solid 1px #3399ff;
    padding-top:2px;
    padding-bottom:2px;
}
td.time_cell
{
    width:100%;
    text-align:center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #cdccc3;
    padding-top:2px;
    padding-bottom:2px;
}
p.time_cell_historic
{
    width:100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: white;
    text-align:center;
    font-weight:normal;
    border:solid 1px #999999;
    padding-top:2px;
    padding-bottom:2px;
}

.time_checkbox_cell
{
    width:10%;
}

/*.col_total_cell
{
    padding-left: 2px;
    padding-right: 2px;
    text-align:center;
    font-style:normal;
}*/
/*.col_total_cell
{
    width:100%;
    text-align:center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #cacac0;
    background-color: #dedede;
    border: solid 1px #a6a597;
    padding: 1px 0px 1px 0px;
    margin-left:1px;
    font-style:normal;
    color: black;
}*/
.col_total_cell
{
/*    width:100%;*/
    /*display:block;*/
    width:56px;
    text-align:center;
/*    background-color: #cacac0;*/
    background-color: #dddddd;
    border: solid 1px #a6a597;
    padding: 1px 0px 1px 0px;
    margin-left:1px;
    margin-top:1px;
    font-style:normal;
    color: black;
}
/*.row_total_cell
{
    padding-left:0px;
    padding-right: 4px;
    padding-top:0px;    
    text-align:right;
    font-style:normal;
}*/
.row_total_cell
{
/*    width:84%;*/
    display:block;
    width:56px;
/*    margin-left:16%;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-align:center;
/*    background-color: #cacac0;*/
    background-color: #dddddd;
/*    background-color: #fff;*/
    border: solid 1px #a6a597;
    padding: 1px 0px 1px 0px;
    margin-left:12px;
    margin-top:1px;
    font-style:normal;
    color: black;
}

.zebra
{
    border: 1px solid #ccc;
    width: 100%;
    padding: 0px;
}
.zebra tr.header { color: #fff; background-color: #aaa; }
.zebra tr.header a { color: #fff; }
.zebra tr.header th { text-align: left; padding: 2px 4px 2px 4px; }
.zebra tr.even td { background-color: #fff; }
.zebra tr.odd  td { background-color: #eee; }
.zebra td { padding: 2px 4px 2px 4px; }
.zebra td.name { width:75%; }
.zebra th.reports { background-color: #bbb; }

tdiv.subproject_info { padding-bottom:12px; }
div.subproject_info p { padding-bottom:4px; }
div.subproject_info span { font-weight:bold; }

tdiv.project_info { padding-bottom:12px; }
div.project_info p { padding-bottom:4px; }
div.project_info span { font-weight:bold; }

div.client_info p { padding-bottom:4px; }
div.client_info span { font-weight:bold; }

input.blue_border { border: solid 2px #3399ff; padding-top:1px; padding-bottom:1px; }
input.yellow_border { border: solid 2px yellow; padding-top:1px; padding-bottom:1px; }
input.green_border { border: solid 2px green; padding-top:1px; padding-bottom:1px; }
input.amber_border { border: solid 2px orange; padding-top:1px; padding-bottom:1px; }
input.red_border { border: solid 2px red; padding-top:1px; padding-bottom:1px; }

td.green_border { border: solid 2px green; padding-top:1px; padding-bottom:1px; }

.rounded {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

input.submit_btn {
    background-image: url(/images/submit-button.png);
    width: 206px;
    height: 61px;
    border: none;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.3em;
}

input.nav_btn {
    background-image: url(/images/nav-button.png);
    width: 96px;
    height: 34px;
    min-height:34px;
    border: none;
    cursor: pointer;
    font-size: 1.1em;
    text-align:center;
}

.client_name {
    font-size: 1.5em;
    margin: 0px 12px 4px 12px;
    padding-bottom: 6px;
    border-bottom: solid 1px #b9b8aa;
}

.project_subproject_names {
    font-size: 1.0em;
    margin: 0px 12px 3px 12px;
    padding-top: 3px;
    padding-bottom: 8px;
    border-bottom: solid 1px #b9b8aa;
}

/*#issues { height:150px; overflow:auto; border:solid 1px #eee; }*/

html.busy, html.busy * { cursor: wait !important; }

.response-message { color: green; }
.response-validation-errors { color: red; }