/* 
  Standard Colors
  
  Name    Hex       Dec
  -----------------------------
  orange  #ECBA54   236,186,084
  blue    #6699CC   102,153,204
  gray    #DCDCDC   220,220,220
  
*/


body, p, li, ul, ol, input, textarea, select, option, span, div, p, h1, h2, h3, h4, h5, h6, td, th, b, strong, u, i {
	font-size:11px;
	font-family : Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}

body{
 	margin: 0px;
	background-color:#FFFFFF;
	overflow: auto;
	scrollbar-base-color:#ffffff;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-arrow-color:#618698;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color:#618698;
  scrollbar-shadow-color:#618698;
  scrollbar-track-color:#ffffff;
  color: #333;
}

img {
  border: none;
}

a {
  color: #333;
	text-decoration: none;
	font-weight:normal;
}

image{
	border:none;
}

table{
	text-align:left;
	cellpadding:0px;
	cellspacing:0px;
	border:1px;
}

td{
	vertical-align:top;
	horizontal-align:left;
}

/* Tree */

#tree {
	font-size: 11px;
}

#tree a {
	color: #333;
	text-decoration: none;
}

#tree img {
	border: 0px;
	width: 19px;
	height: 16px;
}

/* Dialogs */


body.Dialog, body.GrayDialog{
	background-color: #6699CC;
	margin: 20px;
	border: 2px inset;
}

body.GrayDialog{
  background-color: rgb(212,208,200);
}

.DialogLabel, .GrayDialogLabel{
	color: white;
	text-align:left;
	padding-left:2px;
	font-weight: normal;
}

.GrayDialogLabel{
  color: #333;
}

h1.Dialog{
	font-weight:bold;
	color: white;
}

h1.GrayDialog{
	font-weight:bold;
	color: #333;
}

input.GrayDialog{
  color: #333;
}


/* ToolBar */

a.ToolBar, a.ToolBar:hover, a.ToolBar:active, a.ToolBar:focus, a.ToolBar:link, a.ToolBar:visited{
	border-bottom-style:none;
  font-weight: bold;	
  font-size: 11px;
  color: white;
  white-space: nowrap;
  text-decoration: none;
}

a.ToolBar:hover,a.ToolBar:active, a.ToolBar:focus{
	color: #ECBA54;
}

.OpenTask{
	color: red;
}

tr.ToolBar, div.ToolBar{
	background-color: #6699CC;
}

div.ToolBar{
	border-bottom-style:outset;
	border-bottom-color: #DCDCDC;
	border-width:1px;
	font-weight:bold;
	color: white;
	height: 30px;
}

span.ToolBarCaption{
  font-weight: bold;
  font-size: 13px;
}

/* Headline */

.HeadLine{
	margin:2%;
	font-size:16;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	white-space:nowrap;
	color:blue;
	left: -8px;
	position: relative;
}

/* List */

Table.List{
	margin:0%; 
	width:100%; 
	padding:0px;
}

.FilterBar{	
  height: 30px; 
  vertical-align: middle;
  padding-left: 2px;
  border-width: 1px;
  border-style: outset none;
}

.ListHeader{
	background-color: #DCDCDC;
	margin-bottom:10px;
	margin:0px;
	font-weight:normal;
	white-space:nowrap;
	border-width: 1px;
	border-style: outset;
	vertical-align:middle;
	padding-left: 2px;
	height: 21px;
	font-size:11px;
}

a.ListHeader{
	border-style: none;
	margin-bottom:0px;
	height:0px;
	border-width: 0px;
}

td.ListData{
	padding: 2px 4px;
}

/* Forms */

.FormLabel{
	color: #6699CC;
	text-align: left;
	padding-right:5px;
	white-space: nowrap;
  font-size: 11px;
}

td.FormLabel{
	width: 86px;
}

.Form{
	margin: 10px 10px 10px 0px;
}


/* States*/


.StoryState{
	padding: 2px 4px;
	vertical-align: middle;
}

.TaskState_0{
	background-color: #ECBA54;
	padding: 2px 4px;
	vertical-align: middle;
}

.TaskState_1{
	background-color: white;
	padding: 2px 4px;
	vertical-align: middle;
}

.TaskState_2{
	background-color: #DCDCDC;
	padding: 2px 4px;
	vertical-align: middle;
}

.TaskState_3{
	background-color: rgb(212, 226, 236);
	padding: 2px 4px;
	vertical-align: middle;
}

p.warning{
	 margin: 10px;
	 padding: 10px;
	 border: orange solid 2px;
	 background-color: #DCDCDC;
}

/* Menus */

/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#6699CC; layer-background-color:#6699CC; visibility:hidden}
.clBorder{position:absolute; width:10; height:10; background-color:#666666; layer-background-color:#666666; visibility:hidden}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-weight:normal}
.clLevel0{background-color:#6699CC; layer-background-color:#6699CC; color: white; font-weight: bold;}
.clLevel0over{color: #ECBA54; font-weight: bold; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#6699CC; layer-background-color:#6699CC}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-weight:normal}
.clLevel1{background-color:#6699CC; layer-background-color:#6699CC; color:white;}
.clLevel1over{background-color: #ECBA54; layer-background-color: #ECBA54; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:#FFFFFF; layer-background-color:#FFFFFF}