/*---------------------------------------------
|  (C) 2006 Companion Computers Limited (CCL)
|       www.companioncomputers.co.uk
|			   info@compan.net
|----------------------------------------------
|     site : www.phoenix-fire-services.co.uk
|   author : Andrew Scott (andrew@compan.net)
|     date : 01/04/2007
----------------------------------------------*/
* { -moz-box-sizing:border-box !important; box-sizing:border-box !important; }

a { behavior: url("/a.htc"); }

html { width:100%; height:100%; overflow:auto; margin:0px; padding:0px;  }

body {
	background: #DDDDDD url(/images/bg.gif) repeat-x;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma;
	margin: 0px auto 0px;
	padding: 0px;
	
	width:100%; height:100%; overflow:auto; overflow-y:scroll; 
	
	}

body div { margin:0px; padding:0px;}	
	
#container
{
	width:980px; position:relative; top:0px; left:50%;   margin:5px 0px 5px -490px; overflow:visible; 
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	border: double #C0C0C0;
	float:left;
	padding-left:25px;
	padding-right:16px;
}


#header {
	background: #FFFFFF;
	width: 930px;
	height: 90px;
	color: #000000;
	font-size: 11px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	float:left;
	
	}
	
#header img { border:0px; float:left; }

#headermenu { float:right; position:relative; margin-top:30px; margin-right:10px; }
#headermenu p { padding:0px; margin:0px; text-align:right; margin-right:10px; font-size:14px; margin-bottom:5px; color:#04348b;}
#headermenu p span.callnow { color:Black; font-size:11px;}
#headermenu ul, li{ float:left; margin:0px; padding:0px;}
#headermenu ul { list-style:none;}
#headermenu li { border-right:solid 1px #aeacac;}
#headermenu li.last { border-right:0px;}
#headermenu li a {color:Black; text-decoration:none; padding:8px; font-size:11px; font-family:Arial;}
#headermenu li a:hover { text-decoration:underline;}
	
#banner { float:left; margin:0px; padding:0px; width:930px; }

#bannermenu { background-image:url(/images/menubg.jpg); background-repeat:no-repeat; width:926px; height:51px; }
#bannermenu ul, li{ float:left; margin:0px; padding:0px; }
#bannermenu ul { list-style:none; margin-left:30px; margin-top:18px;}
#bannermenu li { margin-right:18px;}
#bannermenu li a { color:White; text-decoration:none; font-size:12px;}
#bannermenu li a:hover { color:#fe7d00;}

#banner img { width:926px;}
body  #banner { background:url(/images/banner_8.jpg); background-repeat:no-repeat; height:347px; background-position:0px 51px; }
body.banner1 #banner { background:url(/images/banner_1.jpg); background-repeat:no-repeat; height:347px; background-position:0px 51px; }
body.banner2 #banner { background:url(/images/banner_2.jpg); background-repeat:no-repeat; height:347px; background-position:0px 51px; }
body.banner3 #banner { background:url(/images/banner_3.jpg); background-repeat:no-repeat; height:347px; background-position:0px 51px; }
body.banner4 #banner { background:url(/images/banner_4.jpg); background-repeat:no-repeat; height:347px; background-position:0px 51px; }
body.banner5 #banner { background:url(/images/banner_5.jpg); background-repeat:no-repeat; height:347px; background-position:0px 51px; }
body.banner6 #banner { background:url(/images/banner_6.jpg); background-repeat:no-repeat; height:347px; background-position:0px 51px; }
body.banner7 #banner { background:url(/images/banner_7.jpg); background-repeat:no-repeat; height:347px; background-position:0px 51px; }
body.banner8 #banner { background:url(/images/banner_8.jpg); background-repeat:no-repeat; height:347px; background-position:0px 51px; }
body.banner9 #banner { background:url(/images/banner_9.jpg); background-repeat:no-repeat; height:347px; background-position:0px 51px; }

#page { color:#0e0e0e; font-size:12px; font-family:Arial;}
#page h1 { font-weight:normal; color:#2eb604; font-size:24px; font-family:Arial, Verdana;padding:0px; margin:0px; padding-bottom:3px;}
#page h2 { font-weight:normal; color:#0e0e0e; font-size:26px; font-family:Arial, Verdana;}
#page h3 { font-weight:bold; color:#2eb604; font-size:14px; font-family:Arial, Verdana;}
#page h4 { font-weight:bold; color:#0e0e0e; font-size:14px; font-family:Arial, Verdana; padding:0px; margin:0px; padding-bottom:4px;}
#page h5 { font-weight:normal; color:#0e0e0e; font-size:12px; font-family:Arial, Verdana;}
#page h6 { font-weight:normal; color:#67a8fc; font-size:12px; font-family:Arial, Verdana;}
#page p { font-size:12px; padding:0px; margin:0px; padding-bottom:4px;  }
#page p a { color:#016efa; text-decoration:none;}
#page p a:hover { text-decoration:underline;}
#page hr { border-bottom:dotted 2px #a6becc; }
#page ul { }
#page ul li {}
#page ol {}
#page ol li {}

#sidebar { float:right; width:280px; }


#content {
float: right;
width: 590px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
margin-left:50px;
}

#footer { float:left; width:930px; border-top:solid 1px #dee6f0; height:35px; font-family:Arial; font-size:10px; padding-top:10px; padding-left:5px; margin-top:10px;}
#footer a { color:#077ec8; text-decoration:none; }
#footer a:hover { text-decoration:underline;}

#clientarealogin { float:left; width:278px; height:296; background-image:url(/images/loginpanel.jpg); background-repeat:no-repeat; padding-left:33px; padding-top:30px;}
#clientarealogin h3 { color:White; padding:0px; margin:0px; font-size:18px; font-weight:normal; font-family:Verdana;}
#clientarealogin p.light { padding:0px; margin:0px; width:220px; font-size:13px; color:#b5f254; padding-top:7px;}
#clientarealogin p.dark { padding:0px; margin:0px; width:200px; font-size:12px; color:#0e0e0e; padding-top:7px;}
#clientarealogin input { float:right; margin-right:25px;}
#clientarealogin input.button { margin-top:3px; margin-right:27px; }

#sbtext { margin-left:10px; margin-right:5px;}

/* Special CCL Menu */
#CCLMenu { position:absolute; top:0px; right:5px; width:150px; min-height:140px; margin:0px; border:solid 1px black; background-color:#064bc8; text-align:right;  padding:5px 10px 5px 5px; opacity:0.5; filter:alpha(opacity=50); }
#CCLMenu:hover { opacity:1; filter:alpha(opacity=100); }
#CCLMenu h2 { font-size:14px; color:White; margin:0px; padding:0px; } 
#CCLMenu a { margin:0px; padding:0px; color:white; font-size:20px;  text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 1px #4075b7; }
#CCLMenu a:hover { color:#fe7d00; border-bottom:solid 1px white;  }

/* Login */
div#loginPane { width:500px; margin:0px; font-size:12px; padding-top:0px;} 
div#loginPane p { margin:0px; padding:5px; } 
div#loginPane p label { width:150px; text-align:right; color:#cc0000; padding-right:5px; } 
div#loginPane p input { width:142px; }
div#loginPane p input.button { width:132px; margin-left:150px;}


/* Admin based tables */
table.adminTable tbody tr td { color:white; }

/* testing */
h3 span {color:yellow;}

body.VistaStyle { font-family: Myriad Pro Cond, Arial, Tahoma, Verdana; }

body.VistaStyle #headermenu p { padding:0px; margin:0px; text-align:right; margin-right:10px; font-size:22px; margin-bottom:5px; color:#04348b;}
body.VistaStyle #headermenu p span.callnow { color:Black; font-size:14px;}

body.VistaStyle #bannermenu li { margin-right:30px;}
body.VistaStyle #bannermenu li a { color:White; text-decoration:none; font-size:18px;}

body.VistaStyle #clientarealogin h3 { color:White; padding:0px; margin:0px; font-size:28px; font-weight:normal; font-family:Myriad Pro Cond;}

#Admin span { width:100px;	}