* {margin:0px; padding:0px;}

body
{
font-size:12px;
font-family:Tahoma, Arial;
color:#000;
background: url(../gfx/app_bg.jpg) repeat;
background-color:#000;
letter-spacing:0.1em;
}

th
{
color:#FFF;
font-weight:bold;
}

td
{
color:#FFF;
font-weight:bold;
}

h1
{
color:#FFF;
font-weight:bold;
}

a
{
color:#AAA;
font-weight:bold;
}

img
{
border:none;
}

.highlight
{
border:2px solid #951d14 !important;
}

.divide
{
background-color:#d6d6d6;
width:100%;
margin-bottom:14px;
}

.tooltip
{
cursor:pointer;
}

h2
{
margin-bottom:10px;
margin-top:6px;
}

p
{
margin-top:10px;
margin-bottom:10px;
}

span.open
{
font-weight:bold;
color:#5da33b;
}

span.closed
{
font-weight:bold;
color:#951d14;
}

/**************************/
/*         TABLE          */
/**************************/
table.app-table
{
border: 2px solid #d3d3d3;
margin-left:auto;
margin-right:auto;
font-weight:bold;
width:100%;
margin-bottom:20px;
margin-top:20px;
font-size:.9em;
}

table.app-table a
{
color:#485395;
}

table.app-table th
{
text-align:left;
height:30px;
padding: 0px 10px;
color:#FFF;
background:url(../gfx/app_table_th_bg.png) repeat-x;
}
table.app-table th a
{
color:#fff;
}

table.app-table td
{
height:30px;
padding: 0px 10px;
color:#000;
}

table.app-table tr td
{
background-color:#FFF;
}

table.app-table tr.odd td
{
background-color:#FFF;
}

table.app-table tr.even td
{
background-color:#e6e6e6;
}

table.app-table tr.delayed td
{
background-color:#581111;
color:#fff;
}
table.app-table tr.delayed td a
{
color:#FFF;
}

table.app-table tr.complete td
{
text-decoration: line-through;
}


table.project-table
{

}
table.project-table tr.supply td
{
color:yellow;
}

table.project-table tr.activity td
{
color:grey;
}

/**************************/
/*       FIELDSET         */
/**************************/
fieldset.app-fieldset
{
margin-left:0px;
padding-top:20px;
padding-left:0px;
padding-bottom:20px;
padding-top:20px;
letter-spacing:.07em;
border:none;
}
fieldset.app-fieldset div.subtitle
{
float:left;
width:auto;
font-weight:bold;
margin-top:20px;
font-size:1.2em;
color:#ffffff;
}

fieldset.app-fieldset input
{
border:1px solid #FFF;
}
fieldset.app-fieldset input.focus
{
background: #AAA;
}

fieldset.app-fieldset input[type="submit"]
{
margin-top:10px;
}

fieldset.app-fieldset div.field_single
{
margin-bottom:4px;
color:#fff;
}
fieldset.app-fieldset div.field_single label
{
float:left;
width:200px;
}

fieldset.app-fieldset div.field_single div.input input[type="text"],
fieldset.app-fieldset div.field_single div.input input[type="password"],
fieldset.app-fieldset div.field_single div.input select
{
width:250px;
}

fieldset.app-fieldset table
{
width:100%;
}
fieldset.app-fieldset table th
{
text-align:left;
}

fieldset.app-fieldset table#calculation_rows tbody tr td
{
padding:5px;
}



/**************************/
/*        DETAIL          */
/**************************/
div.detail
{
width:100%;
margin-top:20px;
}
div.header
{
font-size:1.7em;
margin-bottom:10px;
}

div.detail div.subtitle
{
font-size:1.3em;
margin-top:10px;
color:#ffffff;
}

div.detail div
{
width:100%;
margin-top:5px;
margin-bottom:5px;
float:left;
}
div.detail div.block div.title
{
width:200px;
float:left;
font-weight:bold;
color:#ffffff;
}

div.detail div.block div.value
{
width:600px;
float:right;
text-align:left;
color:#ffffff;
}

div.detail table
{
width:900px;
float:left;
margin-bottom:20px;
}
div.detail table th
{
text-align:left;
border-bottom:1px solid #fff;
}

div.detail table th,
div.detail table td
{
padding:4px;
}

div.detail table td.sum
{
font-weight:bold;
border-top:1px solid #fff;
}

/**************************/
/*        MESSAGE         */
/**************************/

div.app-message
{
border: 2px solid #b8e6a1;
padding:20px;
background: url(../gfx/app_message_bg.png) no-repeat #f8f8f8;
margin-top:30px;
margin-bottom:30px;
width:858px;
color:#000;
margin-left:auto;
margin-right:auto;
}
div.app-message ul
{
margin-top:10px;
list-style-type:none;
}


/**************************/
/*        NOTICE          */
/**************************/

div.app-notice
{
border: 2px solid #ffd2b8;
padding:20px;
background: url(../gfx/app_notice_bg.png) no-repeat #f8f8f8;
margin-top:30px;
margin-bottom:30px;
width:858px;
color:#000;
margin-left:auto;
margin-right:auto;
}
div.app-notice ul
{
margin-top:10px;
list-style-type:none;
}

/**************************/
/*         ERROR          */
/**************************/

div.app-error
{
border: 2px solid #ffb2b2;
padding:20px;
background: url(../gfx/app_error_bg.png) no-repeat #f8f8f8;
margin-top:30px;
margin-bottom:30px;
width:858px;
color:#000;
margin-left:auto;
margin-right:auto;
}
div.app-error p
{
font-weight:bold;
margin-bottom:10px;
}

div.app-error ul
{
margin-top:10px;
list-style-type:none;

}

/**************************/
/*    FRONT CALENDAR      */
/**************************/
table.calendar
{
width:100%;
border:1px solid #fff;
}
table.calendar a
{
color:#fff;
}

table.calendar th
{
border:1px solid #fff;
height:30px;
padding: 0px 10px;
color:#FFF;
background:url(../gfx/app_table_th_bg.png) repeat-x;
}

table.calendar td
{
border:1px solid #fff;
color:#000;
height:100px;
width:100px;
padding:4px;
font-weight:bold;
background:#303030;
}

table.calendar td.day
{
background:#585858;
}

table.calendar td h5
{
font-size:1.0em;
}

table.calendar div.activities
{
font-size:.8em;
line-height:1.5em;
margin-top:4px;
}

table.calendar div.activities a
{
width:100%;
float:left;
}

table.calendar td.holiday
{
/*background-color:#f4bebe;*/
}

table.calendar td.today
{
background-color:#236d8d;
}


/**************************/
/*    PAGE CONTAINERS     */
/**************************/
div#main_wrapper
{
width:1680px;
/*margin-left:40px;*/
float:left;
}

div#leftarea
{
background-color:#2b2828;
width:180px;
border:1px solid #fff;
text-align:right;
margin-right:10px;
margin-top:20px;
margin-left:10px;
padding:10px;
padding-top:20px;
padding-bottom:0px;
/*position:fixed;*/
top:0px;
z-index:20;
float:left;
}
div.menuclosed
{
left:-180px;
}

div#leftarea table
{
width:100%;
margin-bottom:20px;

}
div#leftarea table th.menu
{
font-weight:bold;
font-size:1.3em;
}

div#leftarea table td.menu
{
font-weight:bold;
padding-right:5px;
}

div#leftarea table td.icon
{
width:16px;
text-align:left;
}
p#maintenance
{
font-size:.8em;
}


div#wrapper
{
background-color:#2b2828;
width:1140px;
margin-top:20px;
margin-bottom:100px;
float:left;
padding:20px;
border:1px solid #EDEDED;
}
div#header
{
width:900px;
height:75px;
}
div#logo
{
width:300px;
float:left;
}

div#profile
{
text-align:right;
width:340px;
float:right;
}

div#content
{

}
div#content h1
{
margin-bottom:20px;
margin-top:20px;
letter-spacing:.15em;
}

p {color:#fff;}

.quickSearch {
width:120px;
height:16px;
border-radius:2px;
}