﻿BODY {
/*	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, sans-serif;
	FONT-SIZE: 10pt;
	color : #000000;
	margin:0;
    height:100%;
}

/* Links */
A:link { color: blue;}
A:unknown {	color: blue;}
A:hover { color: red;}
A:visited{	color: blue;}
A:visited:hover{ color: red;}
/* overrides the other link styles in cell with class 'menuCell', to get black links on the main menu */
.menuCell A:link 
{
	color: black;
	width:100%;
	display:block;
}
.menuCell A:visited
{ 
	color: black;
	width:100%;
	display:block;
}
.menuCell A:unknown
{ 
	color: black;
	width:100%;
	display:block;
}
.menuCell A:hover 
{	
	color: white;
	width:100%;
	display:block;
}
.menuHover A:visited 
{ 
	color:white;
	width:100%;
	display:block;
}

/* Headings */
H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

H4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

H5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

H6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

table 
{
    border-width:0;
    border:0px;
}

th 
{
    text-align:left;
}

.theme_header 
{
	background-color:#e5ecf9;
	border-right: #3366cc 0px none; 
	border-left: #3366cc 0px none; 
	border-bottom: #3366cc 1px solid;
	border-top: #3366cc 1px solid;
}
/*
.theme_header tr
{
	border-right: #3366cc 1px solid;
	border-bottom: #3366cc 1px solid;
	border-left: #3366cc 1px solid;
	border-top: #3366cc 1px solid;
}*/

.theme_header th
{
	border-right: #3366cc 0px none;
	border-left: #3366cc 0px none; 
 	border-bottom: #3366cc 1px solid;
	border-top: #3366cc 1px solid; 
}
.theme_headerNoTop th
{
	/*border-right: #3366cc 1px solid;
	border-left: #3366cc 1px solid; */
 	border-bottom: #3366cc 1px solid;
	/*border-top: #3366cc 1px solid; */
}

.theme_highlighted {
    background-color:#e5ecf9;
}

.theme_fadeblue {
}

.pageHeading 
{
	font-family:Verdana;
	font-size:20px;
	color:#1F5181;
	border-bottom-color:#1F5181;
    border-bottom-style:solid;
    border-bottom-width:5px;
    width:100%;
    padding-bottom:10px;
}

.pageTitleArea { margin-top:0px; margin-bottom:10px;  width:100%;  } 

.SectionHeading { background-color:#e5ecf9;
	              font-weight:bold;
	          /*    border-right: #3366cc 1px solid;
	              border-left: #3366cc 1px solid;  */
				  border-bottom: #3366cc 1px solid;
				  border-top: #3366cc 1px solid;
				  padding: 5px 5px 5px 5px;
	             } 
.SectionHeadingNoTop { background-color:#e5ecf9;
	              font-weight:bold;
	          /*    border-right: #3366cc 1px solid;
	              border-left: #3366cc 1px solid;  */
				  border-bottom: #3366cc 1px solid;
				  border-top: #3366cc 0px solid; 
	             }	             

INPUT.popup 
{	border:#000000 1px solid; font-weight:bold; font-size:10pt; color:White; font-family: Verdana;  background-color: #1F5181;	cursor:pointer;}
	             
td.errorMessage { color:Red; font-weight:bold; font-size:10pt; padding:5px 5px 5px 5px; margin-top:5px; margin-bottom:5px;	}
div.errorMessage { color:Red; font-weight:bold; font-size:10pt; padding:5px 5px 5px 5px;}

INPUT
{
	font-family:Verdana;
}

.Button
{
    cursor:pointer;
}

.Sidebar
{
    background-color:#e5ecf9;
    border-right: #3366cc 1px solid;
	border-bottom: #3366cc 1px solid;
	border-left: #3366cc 1px solid;
	border-top: #3366cc 1px solid;
}

.Sidebar td
{
	padding-left:10px;
	padding-right:10px; 
    padding-top:0px;
    padding-bottom:5px;
}

.SidebarWithCalendar
{
    background-color:#e5ecf9;
    border-right: #3366cc 1px solid;
	border-bottom: #3366cc 1px solid;
	border-left: #3366cc 1px solid;
	border-top: #3366cc 1px solid;
}

.ImageButton	{  cursor:pointer;	}



.datepicker	
{
	 cursor:pointer;	
	 border-color:Black;
	 border-width:1pt;
	 border-style:Solid;
	 font-size:10pt;
}
.datepickerIframe
{
     border:solid 1px #3366cc;
     background-color:White;
}
.datepickerBody {
	  
      FONT: 8pt Tahoma, Verdana, Arial, Helvetica, sans-serif;
      COLOR: #000000;
}
.datepickerDate A:link { color: black;}
.datepickerDate A:visited { color: black;}
.datepickerHeader 
{
	background-color: #99ccff;
	height: 18px;
}
.datepickerSelectedDate
{
	background-color: #99ccff;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-top: #000000 1px solid;
}
.datepickerToday
{
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-top: #000000 1px solid;
}

.TotalsTable
{
	 border:solid 1pt black;
     vertical-align:bottom;
}
.TotalsTable td
{
	 border:solid 1pt black;
	 vertical-align:bottom;
}
.TotalsTable td.bold
{
	 border:solid 1pt black;
	 font-weight:bold;
	 vertical-align:bottom;	 
}
.TotalsTable td.rightAligned
{
	vertical-align:bottom;
}
td .bold
{
	font-weight:bold;
	vertical-align:bottom;
}
td .rightAligned
{
	text-align:right;
	vertical-align:text-bottom;
}
td .boldRightAligned
{
	text-align:right;
	font-weight:bold;
	vertical-align:bottom;
}

.TotalsTableBlueGreen
 {
    background-color:#e5ecf9;
    border-top:#3366cc 1px solid;
    border-left: #3366cc 1px solid;
}

.TotalsTableBlueGreen td
{
  	border-right: #3366cc 1px solid;
	border-bottom: #3366cc 1px solid;
	
	vertical-align:bottom;  
}

.flatTable td
{
    padding-left:5px;
    padding-right:5px;
    
 /*   padding-top:0px;
    padding-bottom:0px; */
}








.HeaderTable
{
    width:100%;
    
    border:none 0 black;
    border-bottom-color:#1F5181;
    border-bottom-style:solid;
    border-bottom-width:5px;    
 
    background-image:url('../../Images/background.gif');
    background-repeat:repeat-x;
}
.HeaderTitle
{
    float:left;
    font-size:20px;
    color:#1F5181;
    padding-left:7px;
    padding-bottom:5px;
}
.HeaderMenuCell
{
    width:100%;
    white-space:nowrap;
    text-align:left;
}
.HeaderLogoCell
{
    vertical-align:top;
    text-align:right;
}
.HeaderHelpInfoCell
{
    float:right;
    padding-bottom:2px;
    padding-right:20px;
}

.ElectricBillsCell
{
   width:8%;
}





.NumericTextBoxes .TextBox
{
   text-align:right;
}





.TextBox
{
   color:Black;
   background-color:White;
   
   border-color:Black;
   border-width:1pt;
   border-style:Solid;
   font-family:Verdana;
   FONT-SIZE: 10pt;
   
   margin-top:1px;
   margin-bottom:1px;
}

.PostCodeTextBox
{
   color:Black;
   background-color:White;
   
   border-color:Black;
   border-width:1pt;
   border-style:Solid;
   font-family:Verdana;
   FONT-SIZE: 10pt;
   
   vertical-align:top;
}

.NumericTextBox
{
   color:Black;
   background-color:White;
   
   border-color:Black;
   border-width:1pt;
   border-style:Solid;
   font-family:Verdana;
   text-align:right;
}

.TextBox[Readonly]
{
   color:Black;
   background-color:White;
   
   border-color:Black;
   border-width:0pt;
   border-style:none;
   font-family:Verdana;
   FONT-SIZE: 10pt;
}

.DropDown
{
    border-color:Black;
    border-width:1pt;
    border-style:Solid;
    font-family:Verdana;
}

.Button
{
    cursor:pointer;
    font-weight:bold;
    
    color:White;
    background-color:#1F5181;
    
    border-color:Black;
    border-width:1pt;
    border-style:Solid;
}

.Mandatory
{
    color:Red;
}


.tabs
{
 margin-top:5px;
 margin-bottom:0px;
 
}

.tabs td
{
  width:127px;
  height:24px;
  vertical-align:middle;
  text-align:center;
  background-image:url('../../Images/whitetab.gif');
  background-repeat:no-repeat;
}

.tabs .activeTab
{
  background-image:url('../../Images/bluetab.gif');
}


.timetable
{
 /*  margin:0px 10px 0px 10px; */
   border-bottom:solid 1px black;
   border-right:solid 1px black;  
}
.timetable td
{
   border-top:solid 1px black;
   border-left:solid 1px black;
   
   white-space:nowrap;
   table-layout:fixed;
}
.timetable .user
{
   text-align:center;
   border-top:solid 1px black;
}
.timetable .b
{
   background-color:#42C0FB; 
}

.timetable .e
{
   background-color:#C0C0C0;
}


.DP
{
   border-bottom:solid 1px black;
   border-right:solid 1px black;  
}
.DP td
{
   vertical-align:top;
   border-top:solid 1px black;
   border-left:solid 1px black;
}

.JobDetailTable td
{
   padding:2px 5px 2px 5px;
}

.JobDetailTable .SectionHeading 
{
   padding:5px 5px 5px 5px;
}
   
.PopupButtonArea
{
    padding-top:30px;
    padding-right:10px;
    float:right;
}

.add td
{
    padding:0px 5px 0px 5px;
}

.ButtonSoft
{
    cursor:pointer;
    font-weight:normal;
    
    color:Black;
    background-color:#e5ecf9;
    
    border-color:Black;
    border-width:1pt;
    border-style:Solid;
    
    margin-left:2px;
    margin-right:2px;
}

.np td
{
    padding-top:0px;
    padding-bottom:0px;
}

td .alt
{
    background-color:#F8F7F4
}
td .alt .TextBox[Readonly]
{ 
    background-color:#F8F7F4
}

td .top
{ 
    vertical-align:top;
}
