/* dotPROJECT REQUIRED CLASSES */
BODY {
	background-color: #F9F5CB;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}

BODY.login {
    background: url(images/wintertheme.jpg) no-repeat left top
}
.login-center {
	background: url(images/login_bg_center.png) no-repeat center center;
	height: 400px;
}
.login-center table {
	margin-top: 0px;
}
.login-center table th {
	font-size: 18px;
}
.login-center table td, .login-center .button {
    font-size: 13px;
    color: #FFFFFF;
}
.login-center a:link {
    color: #CCCCCC;
}
.login-center a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

ul {
	margin-left: 25px;
}

dl {
	margin-top: 0px; padding-left: 1px;
}
dt {
	margin-top: 0.5em;
	color: #3c1d0c;
	font-weight: bold;
}
dd {
	margin-bottom: 0px; margin-left: 1.5em;
}


em {
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
}

A:link {
	color: #003c55;
	text-decoration: none;
}

A:visited {
	color: #003c55;
	text-decoration: none;
}

A:active {
	color: red;
	text-decoration: none;
}

A:hover {
	color: #e1008b;
	text-decoration: underline;
}

TD {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #502a15;
}

TR {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #502a15;
}

h1, .title {
	font-size: 22 px;
	font-weight: bold;
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	color: #502a15;
	margin-bottom: 0px;
	margin-top: 5px;
}

h2, .subtitle {
	font-size: 12px;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #502a15;
	margin-bottom: 0px;
	margin-top: 15px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #3c1d0c;
	margin-bottom: 0px;
	margin-top: 35px;
}

bordertable {
	border: 1px #d3cfa3 solid;
}

.bordertable{
 border: 1px #d3cfa3 solid;
}

.button{
	border-top: solid #821416 1px;
	border-left: solid #821416 1px;
	border-right: solid #821416 1px;
	border-bottom: solid #821416 1px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #91393A; /*#e1008b;*/
	color: #ffffff;
	cursor: pointer;
}
.button-not-active {
	border-top: solid #ee6cbc 1px;
    border-left: solid #ee6cbc 1px;
    border-right: solid #d20066 1px;
    border-bottom: solid #d20066 1px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #cccccc;
    color: #ffffff;
    cursor: pointer;
}

.text{
	border: 1px #d3cfa3 solid;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	/*height: 12pt; Select boxes are too small in Mozilla */
}

TEXTAREA {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

.textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

textarea.small {
	border: 1px #d3cfa3 solid;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

/* dotProject Top Banner and Top Nav Customization */
TH.banner {
	background-color: url("images/lines_grad.gif") repeat-x bottom
	color: #faf9e6;
}

TD.nav {
	background: url("images/lines_title_shadow.gif") repeat-x bottom;
	padding-bottom: 5px;
	color: #000;
}

TR.nav {
	background: url("images/lines_title_bar.gif");
	height: 20px;
	color: #000;
}


/*
**********************************
Begin IE TD buttonizing
**********************************
*/

TD.clsBtnUp {
	cursor: hand;
	color: #FFFFFF;
	padding: 0 3;
	border: inset 2px;
}

TD.clsBtnDown {
	cursor: hand;
	color: #FFFFFF;
	padding: 0 3;
	border: inset 2px;
}

TD.clsBtnOn {
	cursor: hand;
	color: #FFFFFF;
	padding: 0 3;
	border: outset #eeeeee 2px;
}

TD.clsBtnOff {
	color: #FFFFFF;
	padding: 0 3;
	tab-index: 0;
	border: solid #559999 2px;
}

TD.topBtnOff {
	color: #FFFFFF;
	padding: 0 3;
	tab-index: 0;
	border: solid #cccccc 2px;
}

/* Standard table 'spreadsheet' style */
table.tbl {
	background: #CCC;
}

table.tbl TH {
	background: #47250f;
	color: #f4f2d4;
	border-color: #faf9e6;
	white-space: nowrap;
	border-left-width: 0px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	padding: 2px 2px 2px 2px;
	font: 11px verdana, arial, helvetica, sans-serif;
	text-align:center;
	list-style-type: disc;
	list-style-position: inside;
}

table.tbl td {
	background-color: #EEE9BC;
}

table.tbl tr.summary td {
    background-color: #E3E0BC;
}

table.tbl tr.active td {
    background: transparent url(images/fill.gif);
    color: #ffffff
}

/* a 'standard' table */
table.std {
	background: #CAB56D;
	border-top: solid #faf9e6 0px;
	border-left: solid #faf9e6 0px;
	border-right: solid #d3cfa3 0px;
	border-bottom: solid #d3cfa3 0px;
}
table.std TH {
	font: 12px verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: white;
	margin-bottom: 0;
	padding: 1px 1px 1px 1px;
	list-style-type: disc;
	list-style-position: inside;
	border-top: solid #e3e0bc 0px;
	border-left: solid #e3e0bc 1px;
	border-right: solid #e3e0bc 1px;
	border-bottom: solid #e3e0bc 1px;

}

table.std td.hilite {
	background-color: #ffffff;
}

/* contacts table */
table.contacts {
	background-color: #e3e0bc;
}

table.contacts td {
	background-color: #ffffff;
}

table.contacts td.hilite {
	background-color: #ffffff;
}

/* links in header blocks */
A.hdr:link, A.hdr:active, A.hdr:visited {
	color: #f4f2d4;
}

/* tabbed boxes */
td.tabon {
	/*
	border-top: outset #ffffff 1px;
	border-left: outset #ffffff 1px;
	border-right: outset #cccccc 2px;
	border-bottom: none;
	*/
	background: #ffffff url('images/bar_top_Selectedmiddle.gif') repeat-x top;
}
td.taboff {
	/* border-top: solid #cccccc 1px;
	border-left: solid #cccccc 1px;
	border-right: solid #cccccc 1px;
	border-bottom: solid #cccccc 2px;
	*/
	background: #ffffff url('images/bar_top_middle.gif') repeat-x top;
}
td.tabsp {
	border-bottom: solid #e3e0bc 3px;
}
/* Bottom of tabbed boxes, this is the bottom colour of the table */
td.tabox {
	background: #EEE9BC;
	border-top: solid #faf9e6 1px;
	border-left: solid #faf9e6 1px;
	border-right: solid #d3cfa3 2px;
	border-bottom: solid #d3cfa3 2px;
}

/* Message styles */
.warning {
	color: red
}
.error {
	color: red
}
.message {
	color: #08245b;
}

.no_ {
	color: red
}

/* popup calendar */
body.popcal {
	background-color: #faf9e6;
}

table.poptitle {
	background-color: #ffffff;
}
table.poptitle td {
	background-color: #ffffff;
}
table.poptitle th {
	background-color: #ffffff;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
}

table.popcal {
	background-color: #e3e0bc;
}

table.popcal th {
	background-color: #ffffff;
	color: #000000;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 10px;
	font-weight: normal;
}

table.popcal td {
	background-color: #ffffff;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 10px;
	text-align: center;
}

table.popcal td.empty {
	background-color: #e3e0bc;
}

table.mocal td.day  {
	background-color: #ffffff;
	text-align: center;
}

table.popcal td.today {
}

table.popcal td.weekend {
	background-color: #efedcf;
}

table.popcal a:link,
table.popcal a:visited {
	color: #502a15;
	text-decoration: none;
}

table.popcal a.today:link,
table.popcal a.today:visited {
	color: #e1008b;
	font-weight: bold;
}

table.popcal a.weekend:link,
table.popcal a.weekend:visited {
	color: #e1008b;
}

table.popcal a.empty:link,
table.popcal a.empty:visited {
	color: #e1008b;
}

/* month calendar - title area */
table.motitle {
	background-color: #aca771;
}
table.motitle td {
	background-color: #faf9e6;
}
table.motitle th {
	background-color: #faf9e6;
	font-size: 10pt;
}

table.mocal {
	background-color: #908d6c;
}
table.mocal th {
	background-color: #502a15;
	color: #ffffff;
}
table.mocal td {
}
table.mocal td.week {
	vertical-align: top;
	background-color: #502a15;
	height: 80px;
}
table.mocal td.empty {
	background-color: #e3e0bc;
	color: #bcb88e;
	text-align: left;
	vertical-align: top;
	height: 80px;
}
table.mocal td.day  {
	background-color: #ffffff;
	color: #624127;
	text-align: left;
	vertical-align: top;
	height: 80px;
}
table.mocal td.today {
	background-color: #ffbbdb;
	color: #ffffff;
	text-align: left;
	vertical-align: top;
}

table.mocal td.weekend {
	background-color: #e3e0bc;
	text-align: left;
	vertical-align: top;
}

table.mocal .event {
}

/* mini calendar - title area */
table.minititle {
}
table.minititle td {
}
table.minititle th {
	font-weight: normal;
}

table.minical {
}
table.minical th {
	font-weight: normal;
}
table.minical td {
}
table.minical td.week {
}
table.minical td.empty {
	color: #d2cfa9;
}
table.minical td.day  {
	text-align: center;
}
table.minical td.today {
	background-color: #e3e0bc;
	text-align: center;
}
table.minical td.weekend {
	text-align: center;
}
table.minical .event {
}

/* daily calendar */
table.tbl td.event {
        background-color: #f5edcb;
}

table.tbl td.event td {
        background-color: #f5edcb;
}




a.active {
    color: red;
    text-decoration: none;
}

.chart-modes {
	height: 16px;
	}
	
.btn-open {
    background: url("images/open.gif");
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: none;
    }

.btn-close {
    background: url("images/close.gif");
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: none;
    }
    
.filled {
    background: url("images/fill.gif");
    color:#fff;
}

.day-filled-1 {
    /*background: url("images/day_filled_1.gif");*/
    background: url("images/fill.gif");
    color:#fff;
}
.day-filled-2 {
    /*background: url("images/day_filled_2.gif");*/
    background: url("images/fill.gif");
    color:#fff;
}
.day-filled-3 {
    /*background: url("images/day_filled_3.gif");*/
    background: url("images/fill.gif");
    color:#fff;
}
.day-filled-4 {
    /*background: url("images/day_filled_4.gif");*/
    background: url("images/fill.gif");
    color:#fff;
}
.day-filled-5 {
    /*background: url("images/day_filled_5.gif");*/
    background: url("images/fill.gif");
    color:#fff;
}
.day-filled-6 {
    /*background: url("images/day_filled_6.gif");*/
    background: url("images/fill.gif");
    color:#fff;
}
.day-filled-7 {
    /*background: url("images/day_filled_7.gif");*/
    background: url("images/fill.gif");
    color:#fff;
}
.day-filled-8 {
    /*background: url("images/day_filled_8.gif");*/
    background: url("images/fill.gif");
    color:#fff;
}


#chart-constructor {
	width: 100%;
	padding: 0px;
	margin: 0px;
	}

#chart-constructor .button {
	margin: 5px;
	}
.right {
	float: right;
	}
.left {
    float: left;
    }	
ul {
    list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
    }
    
ul.constructor {

	}
	
ul.constructor li {
	float: left;
    width: 150px;
    clear: left;
    }

ul.constructor li.last {
	float: left;
	clear: right;
    width: 550px;
    }


.tabs-nav { /* auto clear */
    display: inline-block;
}
.tabs-nav .tabs-disabled {
    position: relative; /* fixes opacity */
    filter: alpha(opacity=40);
}
.tabs-nav .tabs-disabled a span {
    _height: 19px; /* for some reason the height is 1px to less with opacity... */
    min-height: 19px; /* ...in both IE 6 and 7 */
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(images/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}

.tabs-nav .tabs-selected a {
    color: #000;
}

.invoice-nav:hover td, .invoice-nav:focus td, .invoice-nav:active td {
    cursor: pointer;
    background: #339955;
}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #FFFFDD; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}
    
input.time {
    width: 80px;
    }
input.price {
    width: 80px;
    }
    
select.list {
    width: 300px;
    }
select.small-list {
    width: 130px;
    }
 
.resource-event {
	width: 110px; 
	padding:2px; 
	border-bottom: 2px solid #fff;
	overflow: hidden;
	}
.resource-design {
	background-color: #3366FF;
	}
.resource-html {
    background-color: #EBD780;
    }
.resource-development {
    background-color: #33CCCC;
    }
.resource-qa {
    background-color: #B3D580;
    }
.resource-support {
    background-color: #3366FF
    }
.status-disabled {
	background-color: #CCCCCC
	}
	
	
/* LOADING INDICATOR
*******************************************************************/
#loading-process {
    position:absolute;
    top:45%;
    left:50%;
    margin-left:-60px;
    border:2px solid #f1af73;
    padding:15px 60px;
    background:#fff4e9;
    color:#d85909;
    font-size:1.1em;
    font-weight:bold;
    text-align:center;
    z-index:501;
    }
#loading-mask {
    position:absolute;
    color:#d85909;
    background: #fff;
    font-size:1.1em;
    font-weight:bold;
    text-align:center;
    opacity:0.80;
    moz-opacity:0.80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
    z-index:500;
    }

.edit-container {
    position: fixed;
    top: 40%;
    left: 40%;
    width: 360px;
    padding: 15px 15px;
    background: #fff4e9;
    border: 2px solid #f1af73;
    color: #d85909;
    font-weight: bold;
    z-index: 1000;
    }
    
.proposal-area {
    width: 320px;
    height: 200px;
}

.exel_button {
    border:1px solid #000066;
    background: #CCCC66 transparent url('images/calendar.gif') no-repeat;
}