html, body {  color:#282828; background:#313b44;}
.log_details {background: url(images/control.gif) repeat-x;color:#fafafa;}
.sticky {color:#fff;}
h2,h5  {color:#3A5877;}
body,textarea,input,select    {font-family:"Arial",helvetica,verdana,sans-serif;}
textarea,input,select  {border:1px solid #868B8F;}
#content	{ border:none;  background:#fff;}
#content a  {color:#2267AD;}
#content a:hover  {color:#111;}
#content input:focus    {border:1px solid #999;}
#content input[type="submit"]:focus    {}
#content input.rcbInputCell:focus  {border:0px!important;}
#pda td input:focus    {border:none!important;}
#pda td select  {min-width:108px;}
#header {border-top:1px solid #52779d;background:#e9e9e9 url(images/header_bg.gif) repeat-x;}
.half_1 {}
div.half_2 h1,div.half_1 h1,#content h1 {color:#2461A0;}
.bottom_curve   {background:transparent url(images/curve_mid.gif) repeat-x top;}
 .bottom_curve img.right,.bottom_curve img.left  {background:#fff;}
  input.secondary    {background:#ccc;color:#666666; outline:none;}
 input.secondary:hover  {background:#ccc;color:#111111;}
 input.primary  {background:#ae3434; color:#ccc;outline:none;}
 input.primary:hover    {color:#fff;} 
 label  {color:#444;}
 .pri,.noclear     {background:transparent url(images/pri_button.gif) no-repeat;    color:#fff!important;}
 .pri:hover {background:transparent url(images/pri_button_on.gif) no-repeat;color:#fff!important;}
.whole h2, .half_1 h2,.half_1_tree_view h2,.half_2 h2    {border-bottom:1px solid #c4c4c4;font-size:1.3em;font-weight:bold;}
.SubArea    {border: 1px solid #c0c3c3; background:#F2F4FA url(images/subarea_bg.gif) repeat-x;}
.SubArea_alt    {display:block; width:60%;border: 1px solid #c0c3c3; background: url(images/subarea_bg.gif) repeat-x;padding:8px 12px; margin: 5px 0px 5px 0px;}
.SubArea h2 {border:1px solid #c0c3c3;}
.tabcontent  {display:block; width:100%;min-width:800px;overflow:visible;margin-top:-1px;_margin-top:-3px;}
	.content    {border:none;background-color:#FFFFFF;}
	
/* states */
/*TODO: what if we want to make this user configurable?*/
.Submitted_icon {width:14px; height:14px; margin-right:4px; background:#80a4ac;display:block;float:left; }
.Cloned_icon    {width:14px; height:14px;margin-right:4px;background:#e1e4e5;display:block; float:left;}
.Allocated_icon {width:14px; height:14px;margin-right:4px;background:#14b1d3;display:block; float:left;}
.Re-allocated_icon {width:14px; height:14px;margin-right:4px; background:#2a59a6;display:block; float:left;}
.InProgress_icon {width:14px; height:14px;margin-right:4px; background:#80ac80;display:block; float:left;}
.MobileFormCompleted_icon {width:14px; height:14px;margin-right:4px; background:#2aa62a;display:block; float:left;}
.JobCompleted_icon {width:14px; height:14px;margin-right:4px; background:#224c22;display:block; float:left;}
.Rejected_icon {width:14px; height:14px;margin-right:4px; background:#ae2626;display:block; float:left;}
.PartiallyCompleted_icon {width:14px; height:14px;margin-right:4px;background:#d8871e;display:block; float:left;}
.FormCompleted_icon {width:14px; height:14px;margin-right:4px;background:#2aa62a;display:block; float:left;}
.Pre-Planned_icon {width:14px; height:14px;margin-right:4px; background:#8f55ad;display:block; float:left;}
.OnHold_icon {width:14px; height:14px;margin-right:4px; background:#9e9fa4 ;display:block; float:left;}
.OnDevice_icon {width:14px; height:14px;margin-right:4px; background:#47aeaa;display:block; float:left;}

.text_beside {display:block;float:left; clear:none;}
.Submitted  {color:#80a4ac;font-weight:bold;}
.Cloned {color:#e1e4e5;font-weight:bold;}
.FormCompleted  {color:#2aa62a;font-weight:bold;}
.Allocated  {color:#14b1d3;font-weight:bold;}
.Reallocated    {color:#2a59a6;font-weight:bold;}
.InProgress {color:#80ac80;font-weight:bold;}
.MobileFormCompleted  {color:#2aa62a;font-weight:bold;}
.JobCompleted   {color:#224c22;font-weight:bold;}
.Rejected       {color:#ae2626;font-weight:bold;}
.PartiallyCompleted {color:#d8871e;font-weight:bold;}
.Pre-Planned      {color:#8f55ad;font-weight:bold;}
.OnHold     {color:#9e9fa4;font-weight:bold;}
.OnDevice      {color:#47aeaa;font-weight:bold;}
/* resource planner  */

#ctl00_PageContentPlaceholder_DayPilotCalendar1 div table {background:#1d548e url(images/gridhead_bg.gif) repeat-x right top!important;color:#fff!important; }
#upUnscheduledJobs  {padding:10px 8px 30px 8px; border:1px solid #999;display:block; clear:both;}
#upUnscheduledJobs .noclear {margin:0px 0 10px 0!important;}
.resource_label {padding:3px 4px!important;display:block;}
.ajax__calendar div {z-index:4000;}



/*  Login Only  */
#login  {display:block; background:transparent url(images/box_bg.gif) no-repeat; }
.login_validation    {color:red !important;
float:left;
font-size:1.1em;
margin:0 0 8px;
padding:4px 18px 20px; }

.ValidationSummary  {padding:12px 18px 12px 18px;margin:10px 0px 18px 0px;border:1px solid #990000;font-weight:bold;font-size:1.2em; color:#990000!important; background:#FFFFD5;/*background:transparent url(../../images/trans.png) repeat-x;*/}
.ValidationSummary li   {margin:0px;color:#990000;font-weight:bold;  position:relative; z-index:1000;}
.ValidationSummary ul {list-style-type:decimal;padding:0 0 0 30px;position:relative; z-index:1000;}
.ValidationSummaryPassword  {padding:12px 18px 12px 18px;margin:10px 0px 18px 0px;font-weight:bold;font-size:1.2em; color:#990000!important; background:#FFFFD5;/*background:transparent url(../../images/trans.png) repeat-x;*/}


/* GRIDVIEW */

.gridView {width:100%;clear:both;margin:1em 0px;}
.top_1 .gridView {width:98%;}
.bottom_2 .gridView {width:98%;} 
.gridView   {border:1px solid #c4c4c4;}

.title a {font-size:90%;}
.header {}
.gridView td  { line-height:1.2em;margin:0px;}
.gridViewHeader,.gridViewHeader th	{background:#F2F2F2!important; border-bottom:1px solid #c4c4c4;}
.gridViewHeader th,.title td {padding:1px 5px; font-size:1em; border-right:1px solid #c4c4c4;}
 .gridViewHeader th a,.gridViewHeader td a,.GridHeader_Default a  {color:#3A5877!important; text-decoration:underline;}
.gridViewHeader {color:#3A5877!important;font-size:1em!important;font-weight:bold!important; }
.gridViewHeader th, th.gridViewHeader {vertical-align:middle;  height:26px;color:#3A5877!important;font-weight:bold!important;}
 .odd,.GridAltRow_Default,.grouped:hover {  background-color: #F2F2F2!important;  }
 .gridViewRowStyle  {  background-color: #FFFFFF;  }
.gridView td   {border-bottom:1px solid #ccc!important;padding:5px 6px 5px 4px;}