body
{
  font-family: Arial,Helvetica;
  font-size:smaller;
  background-color:#ffffff;
  margin: 0px 0px 0px 0px;
  COLOR: #003399;
  
}

.submitButton
{
  width: 100px;
  border-right: black 1px solid;
  border-top: black 1px solid;
  border-left: black 1px solid;
  border-bottom: black 1px solid;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #f3f3ec
}

.wideSubmitButton
{
  width: 150px;
  border-right: black 1px solid;
  border-top: black 1px solid;
  border-left: black 1px solid;
  border-bottom: black 1px solid;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #f3f3ec
}

.smallSubmitButton
{
  width: 50px;
  border-right: black 1px solid;
  border-top: black 1px solid;
  border-left: black 1px solid;
  border-bottom: black 1px solid;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #f3f3ec
}

.miniSubmitButton
{
  width: 20px;
  border-right: black 1px solid;
  border-top: black 1px solid;
  border-left: black 1px solid;
  border-bottom: black 1px solid;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #f3f3ec
}

.asterisk
{
  color:Red;
}

/* header *********************/

#banner
{
  width:100%;
  BACKGROUND-REPEAT: repeat-x;
  height:122px;  
}

#header 
{
  float:left;
  position:absolute;
  left:30%;
  top:0px;
  margin-top:-2px;
  }
  
#logo
{
  width:200px;
  height:96px;
  vertical-align:top; 
  margin-top:-2px;
}

/*left menu*******************/

#menu 
{
  position:relative;
  float:left;
  clear:both;
  width: 9em;
  margin-top:-8px;
}

#menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size:small;
}

#menu a {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  margin: 0px;
  padding: 1px 1px;
  text-indent:2px;
  line-height:20px;
  color: #000;
  text-decoration: none;
  background:#EEEEEE;
  color:#003399;
}

#menu ul li a:hover
{
  color:#000000;
  background-color:#ff9933;
  font-weight:bold;
}


.menutitle 
{
  background-color:#FFFFFF;
  display: block;
  margin: 0px;
  padding: 1px 1px;
  text-indent:2px;
  line-height:20px;
  color: #000;
  width:9em;
  font-weight:bold;
  color:#003399;
}

/* Footer ****************************************/

#footer {
clear:both;
width:100%;
height:20px;
margin-top:1px;
text-align:center;
padding:0px;
font-size:smaller;
}

/* page content*******************************/

#content
{
  margin-left:140px;
  margin-right:20px;
  margin-top:0px;
}

H1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 16pt
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 120%
}
H4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 110%
}

P
{
    FONT-SIZE: 100%;
    COLOR: #003399;
    FONT-FAMILY: Arial, Helvetica
}

a:link
{
  color:#003399;
}

a:active
{
  color:#ff9933;
}

a:visited
{
  color:#003399;
}

a:hover
{
  color:#ff9933;
}

menu A
{
    COLOR: #003366;
    TEXT-DECORATION: none
}

/* Tables and Datagrids ***************************************/

.table
{
  background-color:#ffffff;
  font-size:80%;
}

.table td
{
  background-color:#EEEEEE;
}


.tableBorder
{
    BORDER-RIGHT: #c0c0c0 1px solid;
    BORDER-TOP: #c0c0c0 1px solid;
    BORDER-LEFT: #c0c0c0 1px solid;
    BORDER-BOTTOM: #c0c0c0 1px solid;
    font-size: 80%;
}

.tableHeader
{
    BORDER-RIGHT: #ccccc2 0px solid;
    FONT-WEIGHT: bolder;
    TEXT-TRANSFORM: uppercase;
    COLOR: #ffffff;
    BORDER-BOTTOM: #ccccc2 1px solid;
    FONT-FAMILY: arial,helvetica;
    BACKGROUND-COLOR: #003366;
}

.helpTable 
{
  background-color:#F4F4F4;
  border:0px;
  font-size:80%;
}

.helpTable #even
{
  background-color:#FFFFFF;
}

.helpTable td
{
  vertical-align:text-top;
}

/* FormTabs are the tabs displayed on the View/Update Organisation page */
.tabDivChosen
{
  cursor:hand;
  text-decoration:none;
}

.tabDivChosen div
{
  color:#003399;
}

.tabDivChosen div:hover
{
  color:#000000;
}

.tabDiv
{
  cursor:hand;
  text-decoration:none;
}

.tabDiv div
{
  color:#ffffff;
}

.tabDiv div:hover
{
  color:#000000;
}

.FormTabChosen
{
    COLOR: #003399;
    HEIGHT: 30px;
    BACKGROUND-COLOR: #eeeeee;
    TEXT-ALIGN: center;
    font-size:smaller;
}

.FormTab
{
    COLOR: #ffffff;
    HEIGHT: 30px;
    BACKGROUND-COLOR: #003366;
    TEXT-ALIGN: center;
    font-size:smaller;
}

.formFooter
{
    BORDER-RIGHT: #ccccc2 0px solid;
    BORDER-TOP: #c0c0c0 1px solid;
    BORDER-LEFT: #ccccc2 0px solid;
    BORDER-BOTTOM: #ccccc2 1px solid;
    BACKGROUND-COLOR: #eeeeee;
}

.FormLabel
{
    BACKGROUND-COLOR: #eeeeee;
    FONT-WEIGHT: bolder;
    TEXT-ALIGN: right;
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid;
    font-size:x-small;
}
.FormField
{
    BACKGROUND-COLOR: #eeeeee;
    BORDER-BOTTOM: #ffffff 1px solid;
    font-size:x-small;
}

.FormHeaderWhite
{
    BACKGROUND-COLOR: #ffffff;
    font-size:x-small;
    Font-weight: bolder;
}

.OrganisationBg
{
    BACKGROUND-COLOR: #eeeeee;
    font-size:x-small;
}
.OrganisationFieldName
{
    BACKGROUND-COLOR: #eeeeee;
    FONT-WEIGHT: bolder;
    text-align:right;
    font-size:x-small;
}
.ServiceBg
{
    BACKGROUND-COLOR: #ffffff;
}
.ServiceFieldName
{
    BACKGROUND-COLOR: #ffffff;
    FONT-WEIGHT: bolder;
    TEXT-ALIGN: right;
    font-size:x-small;
}

.SearchBg
{
  margin-right:2px;
  background-color:#f2f2f2;
  padding-right:4px;
  font-size:x-small;
}

.SearchField
{
  float:left;
  text-align:right;
  margin-right:2px;
  background-color:#f2f2f2;
  font-weight:bold;
  padding-right:4px;
  font-size:x-small;
}

TD.ServiceName
{
    FONT-WEIGHT: bolder;
    font-size:x-small;
}

.whiteBg
{
    BACKGROUND-COLOR: #ffffff;
    
}

.sorted
{
    BORDER-RIGHT: #cccccc 1px solid;
    BACKGROUND-POSITION: right;
    BORDER-TOP: #666666 1px solid;
    /*BACKGROUND-IMAGE: url(/csd/images/arrow-down.gif);*/
    BORDER-LEFT: #666666 1px solid;
    CURSOR: hand;
    BORDER-BOTTOM: #cccccc 1px solid;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #999999;
    FONT-WEIGHT: bolder;
    TEXT-TRANSFORM: uppercase;
    COLOR: #ffffff;
    padding:5px,5px,5px,5px;
    
}
.sorted A
{
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.sorted A:link
{
    COLOR: #ffffff
}
.sorted A:visited
{
    COLOR: #ffffff
}
.sorted A:hover
{
    COLOR: #000000
}
.unsorted
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    CURSOR: hand;
    BORDER-BOTTOM: #999999 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #cccccc;
    FONT-WEIGHT: bolder;
    TEXT-TRANSFORM: uppercase;
    COLOR: #000000;
    padding:5px,5px,5px,5px;
}
.childDetail
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #cccccc;
    FONT-WEIGHT: bolder;
    TEXT-TRANSFORM: uppercase;
    COLOR: #000000;
    padding:2px,2px,2px,2px;
}
.unsorted A
{
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.unsorted A:link
{
    COLOR: #000000
}
.unsorted A:visited
{
    COLOR: #000000
}
.unsorted A:hover
{
    COLOR: #ff3300
}

.datagrid 
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #F4F4F4;
	border-color: #336699;
	border-style: solid;
	border-width:1px;
}

.datagrid tr 
{	
	padding-right: 6px;
	padding-left: 6px;
	border-right: solid 1px #fff; 
} 
		
.datagrid td 
{	
	padding-right: 6px;
	padding-left: 6px;
} 	
.dataheading 
{	
	border-bottom: solid 1px #336699; 
} 

/* presenation default page***********************/

.row{
     width:100%;
     height: 30px;
     margin: 2px 0px 0px 0px;
} 

.col1
{
  float:left;
  text-align:right;
  margin-right:2px;
  width:35%;
  background-color:#f2f2f2;
  line-height: 30px;
  font-weight:bold;
  padding-right:4px;
}

.col2
{
  float:left;
  text-align:left;
  width:45%;
  background-color:#f2f2f2;
  padding-left:4px;
  padding-top:4px;
  padding-bottom:4px;
}

.col3
{
  width:30%;
  float:none;
  text-align:center;
  position:absolute;
  background-color:#f2f2f2;
  padding-left:4px;
  padding-top:4px;
  padding-bottom:4px;
}

.buttons
{
  margin-top:5px;
  margin-left:225px;
}