form,body
{
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	font-family : arial, sans-serif; 
}

/*This Div is used to force the cells to draw on older HTML 4.0 and older browsers where
empty cells are not drawn. Overflow Hidden means that if the div is to big for the area/cell
it is being drawn in it will just clip its boundery to compensate. this means the cell is 
not force larger or scroll bars put on instead

Example: <td><div class="CellHolder"></div></td>
*/
div.CellHolder
{
	overflow:hidden;
	width:1px;
	height:1px;
}

TABLE
{
	font-size:10pt;
}

a
{
    text-decoration:none;
}
a:link
{
    text-decoration:none;
}
a:visited
{
    text-decoration:none;
}

body.iDirresHeader
{
}

body.iDirresBody
{
}

body.iDirresFooter
{
}

/*Left and right frames for web sites*/
.iDirresLeftFrame
{
}
.iDirresRightFrame
{
}

.GroupSeparator
{
	background-image:url(../images/topline.jpg);
	background-repeat:repeat-x;
}

.SearchBox
{
	font-weight: normal;
	background-color: #99ccff;
}

.GroupNumber
{
	font-weight: bold;
	font-size: 10pt;
}

.GroupTitle
{
	font-weight: bold;
	font-size: 10pt;
}

.GridDisplay
{
	font-size: 10pt;
	font-family: Arial;
	border-collapse: collapse;
	vertical-align:middle;
	color : #325191; 
}

.GridHeader
{
	background-color: #c1b39e;
	font-weight: bold;
	font-family : arial, sans-serif; 
	font-size : 12px; 
	text-align : left;
	color : #325191;
}

.GridEvenItem
{
	/*background-color: #bfd0cb;*/
	background-image : url(images/innerheaderright.jpg);
	background-repeat:no-repeat;
}

.GridOddItem
{
	/*background-color: #ebf5fd;*/
	/*background-image : url(images/innerheaderright.jpg);
	background-repeat:no-repeat;*/
}

.GridDisplay TD
{
	padding-left: 5px;
	padding-right: 5px;
}

.TaskSubjectHeader
{
	color: gray;
}

.TaskDetails
{
	font-size: 10pt;
}

.TaskDetails TD
{
	padding-right: 10px;
}

.TaskDetails TD.ItemName
{
	font-weight: bold;
}

.TaskDetails TD.ItemValue
{
}

/*used for the setup pgae breakdown text */
h1.setuptasks{
font-family : arial, sans-serif; 
text-align : left; 
font-size : 12px; 
color : #000000; 
margin-bottom: 0;
} 

.requiredlarge{
font-family :  arial, sans-serif;  
font-size : 18px; 
text-align : left; 
color :  #3366cc;
vertical-align : middle; 
	}	

.SetupTasksInfo{
font-family : arial, sans-serif; 
text-align : left; 
font-size : 12px; 
color : #000000; 
margin-bottom: 0;
} 

/*F O N T - used for the Company name in the header fomr _Header.ascx*/
.CompanyNameHeader
{
	font-family : arial, sans-serif; 
	text-align : center; 
	font-size : 30px; 
	color : #FFFFFF; 
	vertical-align : bottom;
	letter-spacing : 0.1cm; 
	margin-bottom : 0; 
	margin-top : 0;
}

/*F O N T - used for the main page titles (top of the page)for ProductsMain.aspx */
h1.ProductsMainCompanyName {
font-family : arial, sans-serif; 
text-align :center; 
font-size : 26px; 
color : #FFFFFF; 
vertical-align : bottom;
letter-spacing : 0.1cm; 
margin-bottom: 0; 
margin-top:0;
}


/*F O N T - used for the mail page titles (top of the page) */
h1.cogpagetitle {
font-family : arial, sans-serif; 
text-align : left; 
font-size : 26px; 
color : #315191; 
vertical-align : bottom;
letter-spacing : 0.1cm; 
margin-bottom: 0; 
margin-top:0;
}



/*F O N T - used for the sub headings */
h2.cogtitle {
font-family : arial, sans-serif; 
text-align : left; 
font-size : 16px; 
color:#315191;
}


/*used for the terms and conditions */
H1.MenuSmallTC 
{
	font-family : arial, sans-serif; 
	font-size : 10px; 
	text-align : right; 
	vertical-align:middle;
	color : #325191; 
	padding : 0; 
	margin : 0; 
} 

a.MenuSmallTC 
{
	text-decoration:none;
	color: #325191;
}
a.MenuSmallTC:link
{
	text-decoration:none;
	color:#325191;
}
a.MenuSmallTC:visited
{
	text-decoration: none;
	color:#325191;
}

/*F O N T - used for the generic text as found on all pages */
p.generictext {
font-family : arial, sans-serif; 
text-align : left; 
font-size : 12px; 
color : #325191; 
} 

/*F O N T - used for the telephone warning message on the pages */
p.generictextsmallinfo {
font-family : arial, sans-serif; 
font-size : 10px; 
text-align : left; 
color : #999999; 
vertical-align : middle; 
letter-spacing : 0.05cm; 
font-style : italic; 
} 

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>   H E A D E R <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*>>>>>These are the headers, aranged left to right for the header when a background image is used*/
/*>>>>>None of the classes require background-images but there still used to position the logo,*/
/*>>>>>Search Box and Company Name in the correct places and heights*/
/*Top ROW
------------------------------------------------------------------------
|                 |                                    |               |
| TopLeft         |                 Top                |    TopRight   |
|                 |                                    |               |
------------------------------------------------------------------------
|                 |         |                          |               |
| Left            |  Logo   |        Content           |     Right     |
|                 |         |                          |               |
|                 |         |--------------------------|               |
|                 |         |                          |               |
|                 |         |        Search            |               |
|                 |         |                          |               |
------------------------------------------------------------------------
|                 |                                    |               |
| BottomLeft      |               Bottom               |  BottomRight  |
|                 |                                    |               |
------------------------------------------------------------------------
*/

/*This class is used by the _Header.axcx if there is a CompanyHeader.png image.
The code will populate the table style attribute with the backgroup-image:ur(...)
This class is here to allow the dimentions of the table to be set and adjusted
and other things to be set. If the rows and cols need setting then they should be
inherited like the TableHeader below*/
table.TableImageHeader
{
    background-repeat:no-repeat;
    width: 960px;
    height:170px;
    border:0px;
    margin:0px;
    padding:0px;
}

/*Used for the top row image on the Header.ascx component*/
table.TableImageHeader tr.TopRow
{
	height:15px;
}

table.TableImageHeader tr.TopRow>td.TopLeft
{
	width:15px;
}
table.TableImageHeader tr.TopRow>td.Top
{
}
table.TableImageHeader tr.TopRow>td.TopRight
{
	width:15px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> M I D    R O W   H E A D E R <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/* M I D D L E   R O W   of Header 

/*Used for the middle row image on the Header.ascx component*/
table.TableImageHeader tr.MidRow
{
}

table.TableImageHeader tr.MidRow>td.Left
{
}
table.TableImageHeader tr.MidRow>td.Logo
{
	background-position:top:right;
	height:100px;
	width:150px;
}
table.TableImageHeader tr.MidRow>td.Content
{
	height:60px;
	vertical-align:middle;
	text-align:center;
}
table.TableImageHeader tr.MidRow>td.Search
{
	height:40px;
}
table.TableImageHeader tr.MidRow>td.Right
{
}

/* HEADER ------   B O T T O M    - B A R ------ */
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*Used for the bottom row image on the Header.ascx component*/
table.TableImageHeader tr.BottomRow
{
	height:15px;
}
table.TableImageHeader tr.BottomRow>td.BottomLeft
{
}

table.TableImageHeader tr.BottomRow>td.BottomRight
{
}