body 
{
	background-color: #aaa;			/*area around the main page ie the border*/
	font-weight:bold;
	font-size: small;
	font-family: Verdana;
	font-family: Arial, Helvetica, sans-serif; 
	
}
.greenText
{
    color: #4aa255;
}
.blueText
{
    color: #5f78cd;
}
.smallText
{
    font-size: xx-small;
}
.largeText
{
	font-size:larger;
}
.LargeItalics
{
    font-size: large;
    font-style: italic;
}
.bold
{
	font-weight:bolder;
}
.MainPageArea
{

	background-color:#cad2e6;					/*the colour behind the main page, ie the lighter blue colour at the bottom*/
	background-image: url('images/BlueGrad.png') ;
	background-repeat:repeat-x;
	background-position:top;
	background-attachment:scroll;
	text-align: center;
	color: #777;
}

.MainLogoDiv
{
	background-color: #ffffff;
	height: 90px;
}

.WhiteTextAreas
{
	background-color: #ffffff;				/*all 3 text areas on the master page*/
	color: #777;
	text-align:center;
}

.TextContent
{
	text-align:left;
}

.AboutText, AboutTextSmall									
{
	color:#777;
}


.AboutText a								
{
	color:#5f78cd;
}

.AboutText									/*Main text on all the puplic pages*/
{
	font-size:medium;
	font-weight:lighter;
}

.AboutTextSmall									
{
	font-size:small;
	
}

.StandOutBlock
{
	color:#777;
	background-color:#cad2e6;
}

.gridviewtitlespacer, .gridviewtitleleft, .gridviewtitleright
{
	    width: 10px;
		height: 10px;
}
.gridviewtitle
{
    background-image: url('Images/TabTop.png');
    background-position:left top;
	background-color: #fff;
	height: 20px;
	text-align:center;

   
}
.gridviewtitle2
{

	height: 20px;
	text-align:left;
   
}
.gridviewtitleCount
{
	height: 20px;
	text-align:left;

	color:#5f78cd;	
   
}
.gridviewtitleNoBk
{
    background-image: url('Images/TabTop.png');
    background-position:left top;

}
.gridviewtitleleft
{
    background-image: url('Images/white/CornerTL.png');
    background-position:left top;
    background-repeat:no-repeat;
    width:10px;
    height:10px;
}
.gridviewtitleright
{

    background-image: url('Images/white/CornerTR.png');
    background-position:right top;
    background-repeat:no-repeat;
    width:10px;
    height:10px;
}
.gridviewtitlespacer
{
    background-color:#fff;
        width:10px;
    height:10px;
}
.gridview td,.gridview th
{
	border-color:#2d4b9c;
	border-style:solid;
	border-width:1px 0px 1px 0px;
	text-align:center;
}
.gridviewNoResult
{
	border-color: #aaa;
	border-style: solid;
	border-width:1px;
	text-align:center;
}

.gridviewAltRow
{
	background-color:#d5def3;
}

.gridviewSelected
{
	color:#800;
	font-weight:bold;
	background-color:#bcd7ed;
	border-color:#aa0000;
	border-width:1px;
}


.newsTitle
{
	color:#5f78cd;						/*The blue from the logo text #5f78cd*/
	font-size:x-large;
	font-weight:bolder;
	text-align:center;
}
.testTable
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	background-color: Black;
}
.news
{
	color:#999;
	text-align:left;
	font-size:xx-small;
}

.greenTick
{
    width:75px;
    height:75px;
  
    background-image:url( images/greentickLarge.png)  ;
    background-repeat:no-repeat;
    background-position:center;
   
}

.news a
{
	text-decoration:none;
	color:#777;
}

.news a:hover
{
	text-decoration:underline;
}

li
{
	padding: 0 0 10px 0;
	margin:0 0 0 0;
}
ul
{
	list-style-image: url('images/BulletPoint.png');
}
ul .green
{
	list-style-image: url('images/greentick.png');
}

h1
{
	color:#5f78cd;						/*The blue from the logo text #5f78cd*/
	font-size:x-large;
	font-weight:bolder;
}
h2
{
	color:#5f78cd;						/*The blue from the logo text #5f78cd*/
	font-size:large;
	font-weight:bolder;
}

h4
{
	font-size:large;
	color:#999;
}

h3
{
	font-size:larger;
}

a
{
	color: #444;
}

a.longbutton {
	background: transparent url('Images/long_button_End.png') no-repeat scroll top right;
	color: #fff;
	display:inline-block;
	height: 24px;
	margin-right: 0px;
	padding-right: 12px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

a.longbutton span {
    background: transparent url('Images/long_button.png') no-repeat;
    display: block;
    line-height: 18px;
    padding: 03px 0px 3px 12px;
    color:#444;
} 

.longbuttonDiv 
{
	width: 100%; 
	font-size: 9pt; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
}



a.longbutton:hover, a.longbutton:hover span,a.longbutton:active ,a.longbutton:active span, a image, a:active, a:visited
{
	outline: none; /* hide dotted outline in Firefox */
    border-style:none;
}
a.longbutton:hover
{
    background-position: center right;
    padding: 0px 12px 0px 0px;
}

a.longbutton:hover span 
{
    background-position: center left;
    padding: 3px 0px 3px 12px;
}

a.longbutton:active 
{
    background-position: bottom right;
    padding: 0px 12px 0px 0px;
}

a.longbutton:active span 
{
    background-position: bottom left;
    padding: 4px 0px 2px 12px;					/*pushs the text down one pixel (seems to need to be a total of 6!)*/
    
}  

/*
//
//	These corners are any white corners, like the ones surrounding the text areas.
//
*/

.roundTLWhite, .roundTRWhite, .roundBLWhite, .roundBRWhite
{
	width:10px;
	height:10px;
}

.roundTLWhite
{
	background-image:url(Images/white/CornerTL.png);
}
.roundTRWhite
{
	background-image:url(Images/white/CornerTR.png);
}
.roundBLWhite
{
	background-image:url(Images/white/CornerBL.png);
}
.roundBRWhite
{
	background-image:url(Images/white/CornerBR.png);
}
.roundEdgeWhite
{
	background-image:url(Images/white/CornerSolid.jpg);
	background-repeat:repeat;
}
/*
//
//	These corners are any blue corners, that are on the outside of the page area (lighter at the bottom).
//
*/

.roundTLBlue, .roundTRBlue, .roundBLBlue, .roundBRBlue,.roundTLBlueLight,.roundTRBlueLight
{
	width:10px;
	height:10px;
}
.roundTLBlue
{
	background-image:url(Images/Blue/CornerTL.png);

}
.roundTRBlue
{
	background-image:url(Images/Blue/CornerTR.png);
}
.roundTLBlueLight
{
	background-image:url(Images/Blue/CornerTLLight.png);

}
.roundTRBlueLight
{
	background-image:url(Images/Blue/CornerTRLight.png);
}
.roundBLBlue
{
	background-image:url(Images/Blue/CornerBL.png);
}
.roundBRBlue
{
	background-image:url(Images/Blue/CornerBR.png);
}
.roundEdgeBlue
{
	background-image:url(Images/BlueGrad.png);
	background-repeat:repeat-x;
	background-color:#cad2e6;
}
.roundEdgeBlueTop
{
	background-color:#2b4a9b;
}
.roundEdgeBlueBottom
{
	background-color:#cad2e6;
}

/*
//
//	Links and stuff at the bottom of the page.
//
*/
.pagebottom, .pagebottomLink:link, .pagebottomLink:visited
{
		font-size: x-small;
}
.pagebottom 
{

	line-height: 18px;
}

.pagebottomLink
{
	text-decoration:none;
}

.pagebottomLink:visited
{
	color:#644;
}

.pagebottomLink:hover
{
	text-decoration:underline;
}

.copyright
{
	font-size:small;
	text-decoration:none;
}

.copyright:hover
{
	text-decoration:underline;
}

.BulletPoint
{
	width: 10px;
	height: 10px;
	background-image: url('images/BulletPoint.png');
	float:left;
	position:relative;
	top:6px;
	margin-right:5px;
}
.error
{
	color:Red;
	font-size:smaller;
}


/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}

.ratingsDiv
{
    width:20px;
    height:20px;
    float:left;
}

	.lightOff
	{
		background-image: url(Images/lights_01.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	.lightOn1
	{
		background-image: url(Images/lightsOn_01.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	.lightOn2
	{
		background-image: url(Images/lightsOn_02.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	.lightOn3
	{
		background-image: url(Images/lightsOn_03.png);
		background-repeat:no-repeat;
		background-position:center;
	}





/* Below is the custom calendar stuff !!*/

.ui-datepicker-custom
{
	border: 1px solid #dddddd;  color: #362b36; width:87px;height:17px; position:relative;
	background: #f9f9f9 url(images/ui-bg_glass_80_e6e6e6_1x400.png) 50% 50% repeat-x; text-align:left;
}

.ui-datepicker-calendar td
{
	width:89px;
}

.ui-datepicker-calendar .ui-datepicker-holiday span
{ background: #e6e6e6 url(images/calendarholiday.png) 50% 50% repeat-x; color: #222; outline: none; text-decoration: none;}
.ui-datepicker-calendar .ui-datepicker-holidayjob span
{ background: #e6e6e6 url(images/calendarholidayjob.png) 50% 50% repeat-x; color: #222; outline: none; text-decoration: none;}
.ui-datepicker-calendar .ui-datepicker-job span
{ background: #e6e6e6 url(images/calendarjob.png) 50% 50% repeat-x; color: #222; outline: none; text-decoration: none;}
.ui-datepicker-calendar .ui-datepicker-busy span
{ background: #e6e6e6 url(images/calendarbusy.png) 50% 50% repeat-x; color: #222; outline: none; text-decoration: none;}
.ui-datepicker-calendar .ui-datepicker-tentativejob span
{ background: #e6e6e6 url(images/calendartentativejob.png) 50% 50% repeat-x; color: #222; outline: none; text-decoration: none;}
.ui-datepicker-calendar .ui-datepicker-ownjob span
{ background: #e6e6e6 url(images/calendarownjob.png) 50% 50% repeat-x; color: #222; outline: none; text-decoration: none;}

/*The small bars that show the job or whatever !*/
.ui-datepicker-calendar .ui-datepicker-job , .ui-datepicker-calendar .ui-datepicker-holiday ,.ui-datepicker-calendar .ui-datepicker-ownjob  ,.ui-datepicker-calendar .ui-datepicker-busy ,.ui-datepicker-calendar .ui-datepicker-tentativejob 
{ 
	width:70px;height:4px;margin:0px 1px 1px 1px;display:block;border:none;
	padding:0px;
	border:0px;
  }
  
.ui-datepicker-calendar .ui-datepicker-job span, .ui-datepicker-calendar .ui-datepicker-holiday span,.ui-datepicker-calendar .ui-datepicker-ownjob  span,.ui-datepicker-calendar .ui-datepicker-busy span,.ui-datepicker-calendar .ui-datepicker-tentativejob span
{ 
	border:none;text-align:left;
	padding:0px;
	border:0px;

}
/*The text on the small bars !*/
.ui-datepicker-job:visited,.ui-datepicker-job:link, .ui-datepicker-holiday:visited,  .ui-datepicker-holiday:link,   
.ui-datepicker-jobholiday:visited,.ui-datepicker-jobholiday:link,.ui-datepicker-date:link,.ui-datepicker-date:visited,
.ui-datepicker-tentativejob:visited,.ui-datepicker-tentativejob:link,
.ui-datepicker-busy:visited,.ui-datepicker-busy:link,.ui-datepicker-ownjob:visited,.ui-datepicker-ownjob:link
{text-decoration:none;color:black;font-weight:normal;font-size:5px;}



/*The day of the month display !!*/

.ui-datepicker-calendar .ui-datepicker-date
{
	position:absolute;left:67px;top:0px;width:18px;height:14px;color:#444;font-size:1em;
}
.ui-datepicker-calendar .ui-datepicker-date:link
{
	text-align:right;
	line-height:1em;
}
.TenderFile
{
}
.TenderFileDeleted
{
	font-style:italic;
	color:#bbb;
	text-decoration:line-through;
}
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
div.TenderFileIcon
{
	float:left;
	text-align: center; 
	display: block;
	width:150px
}
div.TenderFileIcon .div
{
	width: 100px; 
	height: 100px; 
	margin-left: auto;
	margin-right:auto
}
.TenderRevision0_0
{
	background-color:#eef;
}
.TenderRevision0_1
{
	background-color:#ddf;
}
.TenderRevision0_2
{
	background-color:#ccf;
}
.TenderRevision0_3
{
	background-color:#bbf;
}
.TenderQuestion
{
	max-width:150px;
	width:150px;
}
.centeredGrid
{
	margin-left:auto;
	margin-right:auto;
}
 .rollerItem
        {
            width: 138px;
            height: 38px;
            text-align: center;
            font-size:x-small;
            background-color: #e0e0e0;
            vertical-align: middle;
            display: block;
            margin:2px;
            font-style:normal;
            font-weight:lighter;
        }
        
 .rollerItem a
 {
 	text-decoration:none;
 }       
        
        
        
        #roller1, #roller3, #roller5, #roller7, #roller9, #roller11, #roller13, #roller15
        {
        	background-color:#d0d0d0;
        }
        
        .commercial,.domestic,.rollerIcon
        {
        	width:32px;
        	height:32px;
            position:relative;
            left:0px;
            top:3px;
                    	
        	float:left;
        	overflow:hidden;
        	background-repeat: no-repeat;
			background-attachment:scroll;
        }
        .commercial
{
	background-color: Yellow;
	background-image: url( 'images/Construction.png' );

}
        .domestic
        {background-color:Green;background-image:url('images/domestic.png');}
        
        .floor{background-image:url('images/floor.png');}
        .struc{background-image:url('images/struc.png');}
        .lands{background-image:url('images/lands.png');}
        .roofi{background-image:url('images/roofi.png');}
        .brick{background-image:url('images/brick.png');}
        .groun{background-image:url('images/groun.png');}
        .plumb{background-image:url('images/plumb.png');}
        .bathr{background-image:url('images/bathr.png');}
        .elect{background-image:url('images/elect.png');}
        .glass{background-image:url('images/glass.png');}
        .joine{background-image:url('images/joine.png');}
        .plast{background-image:url('images/plast.png');}
        .tilin{background-image:url('images/tilin.png');}
        .kitch{background-image:url('images/kitch.png');}
        .labou{background-image:url('images/labou.png');}
.tabTop
{
    background-color: #cad2e6;
    text-align:center;
}

.tabCorner
{
   width: 9px;
    height: 10px;
}
.tabTopLeft
{
    background-image: url('Images/blue/CornerTLLight.png');
}
.tabTopRight
{
    background-image: url('Images/blue/CornerTRLight.png');
}
.tabBottomLeft
{
    border-style: solid;
    border-width: 0px 0px 1px 1px;
    border-color: #cad2e6;
}
.tabBottomRight
{
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: #cad2e6;
   /* background-image: url('Images/blue/CornerBR.png');*/
}
.tabLeft
{
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #cad2e6;
}
.tabRight
{
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #cad2e6;
}
.tabBottom
{
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #cad2e6;
}