/*---------------------------------------------
|  (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
----------------------------------------------*/
* { font-family:Arial; }
* { -moz-box-sizing:border-box !important; box-sizing:border-box !important; }

/* ScrollBar Style */
body {  scrollbar-face-color:#a96467;    scrollbar-shadow-color:#a96467;    scrollbar-highlight-color:#a96467;     scrollbar-3dlight-color#a96467;    scrollbar-darkshadow-color:#a96467;    scrollbar-arrow-color:white;    scrollbar-track-color:#e8e8e8; }

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

/*html { width:100%; height:100%; overflow:auto; margin:0px; padding:0px;  }
body { width:100%; height:100%; overflow:auto; overflow-y:scroll; margin:0px; padding:0px; background-color:white; font: .8em/1.3em verdana,arial,helvetica,sans-serif;}
*/
h1, h2, h3, h4, p {padding:0px; margin:0px;}

h1 { font-size:22px; }
h2 { font-size:17px; color:#8e8e8e;  }
h3 { font-size:15px; color:#8e8e8e; }

div#Address h2 { font-size:1.2em; margin-bottom:15px;}
div#Address address { margin-bottom:10px; }
div#Address p { font-size:.8em; }
div.Caption { font-size:.8em; color:#8e8e8e; }

div#ContactForm{ display:none; }
div#ctl03_ctl00_EmailResult h2 { font-size:1.2em; margin-bottom:15px;}
div#ctl03_ctl00_EmailResult p {margin-top:5px; margin-bottom:5px; }
div#ctl03_ctl00_EmailResult p.Thankyou {margin-top:25px; margin-bottom:5px; }


#content {position:absolute; top:50%; left:50%;  width:1000px; margin-left:-500px; height:660px; margin-top:-330px;  }
  
#info {width:200px; overflow:auto; float:right;}
#outerSkin {width:1000px; left:500px; top:100px; height:660px; background-color:#cccccc;}
#website {position:absolute; width:891px; left:50px; top:50px; height:559px; background:url(/Images/Background.png);  z-index:40000;}
#classL {position:absolute; width:173px; height:87px; top:20px; left:40px;}
#classI {position:absolute; width:795px; height:275px; top:112px; left:34px;}
#classB {position:absolute; width:546px; height:272px; top:190px; left:280px;}	
#classC {position:absolute; width:754px; height:280px; top:188px; left:68px;}
#classV {position:absolute; width:525px; height:350px; top:120px; left:200px;}
#classS {position:absolute; width:400px; height:26px; top:160px; left:70px;}
#classT {position:absolute; width:600px; height:35px; top:60px; left:220px;}
#letterP {position:absolute; width:104px; height:134px; top:245px; left:390px;}
#buttons {position:absolute; top:600px; left:50px; width: 1000px; height:120px;}

body.d  #info {width:200px; overflow:auto; float:right;}
body.d #outerSkin {width:1200px; left:500px; top:100px; height:660px; background-color:#cccccc;}
body.d #classL {position:absolute; width:173px; height:87px; top:20px; left:40px;}
body.d #classI {position:absolute; width:795px; height:275px; top:112px; left:34px;}
body.d #classB {position:absolute; width:542px; height:247px; top:190px; left:280px;}	
body.d #classC {position:absolute; width:754px; height:280px; top:188px; left:68px;}	
body.d #classD {position:absolute; width:750px; height:345px; top:140px; left:70px;}
body.d #letterP {position:absolute; width:104px; height:134px; top:245px; left:390px;}
body.d #buttons {position:absolute; top:600px; left:50px; width: 1000px; height:120px;}

#classF {position:absolute; z-index:985900;}

body.b #classF { width:205px; height:250px; top:240px;  left:120px; }
body.c #classF { width:210px; height:180px; top:302px;  left:171px; }
body.d #classF { width:800px; height:390px; top:160px; left:100px;  }
body.n #classF { width:748px; height:331px; top:189px;  left:121px; }
body.t #classF { width:749px; height:440px; top:90px;  left:120px; }
body.v #classF { width:800px; height:450px; top:50px;  left:50px; }

div.offScreen { top:-2000px !important;  left:-2000px !important; }

body.a #portalContent {position:absolute; width:871px; left:60px; top:60px; height:539px; z-index:80000; padding:20px; overflow:auto;}

#expressInstall {position:absolute; width:350px; height:250px; top:143px; left:272px; padding:10px; text-decoration:none; display:none; color:#666666; font-size:11px; background:url(/Images/ExpInsBackground.png);}

#expressInstall a {float:right; border: solid 0px;} 

#expressInstall a img {border: solid 0px;} 

h1#NormLogo{ width:185px; height:90px; overflow:hidden; background:url( /images/logo.png ); position:absolute; top:70px; left:89px; font-size:0; color:White; display:none; z-index:90000;}
body.Logo h1#NormLogo { display:block; }
a#ccllink { color:#999999; font-size:9px; position:absolute; top:65px; right:75px; text-align:right; z-index:900098; text-decoration:none; }
a#ccllink:hover { color:#666666; }

h2#AltHeader  { display:none; position:absolute; top:200px; left:130px; z-index:90000; color:#8e8e8e; font-size:20px;}
#PreludeStatus{ display:none; width:200px; height:300px; position:absolute; right:-200px; }

menu#MainMenu { position:absolute; top:162px; left:50px; z-index:90000;}
menu#MainMenu li { display:block; float:left; margin:0px 0px 0px 10px; }
menu#MainMenu li a {  display:block; float:left; height:30px; font-size:12px; font-weight:bold; text-decoration:none; color:#666666; padding:5px; border-top: dashed 1px white}
menu#MainMenu li a.selected { position:relative; background-color:#ebdcd6;}
menu#MainMenu.WedMenu { left:160px; }
menu#MainMenu.NewsMenu { left:200px; }
menu#MainMenu.NewsMenu li a.selected { background-color:transparent;}
menu#MainMenu li a.active { color:#993333 }
menu#MainMenu li a:hover { color:#993333; border-top: dashed 1px white; }

menu#SubMenu { position:absolute; top:202px; *top:187px; left:110px; background-color:#ebdcd6; margin:0px; padding:0px; z-index:90000; display:none;}
menu#SubMenu li { display:block; float:left; padding:2px 3px 2px 3px;  border-top:solid 2px #ebdcd6; border-bottom:solid 2px #ebdcd6;}
menu#SubMenu li a { font-size:11px; font-weight:normal; text-decoration:none; color:Black;  padding:2px 7px 2px 7px;}
menu#SubMenu li a:hover { background-color:#c59898; }

menu#CatMenu { position:absolute; top:550px; left:25px; z-index:90000;}
menu#CatMenu li { display:block; float:left; padding:0px 10px 0px 10px; background:url( /images/prelude-cat-nav-spacer.png ) no-repeat 0 3;}
menu#CatMenu li.first { background-image:none; }
menu#CatMenu li a {  display:block; float:left; font-size:13px; font-weight:bold; text-decoration:none; color:#999999; padding:2px 4px 2px 4px; }

menu#CatMenu li a.selected { color:#993333; } 
menu#CatMenu li a:hover { color:#993333; border-bottom: dashed 1px white;} 

body.b div#PageText { width:200; height:247px; overflow:auto; padding:5px; position:absolute; top:240px; left:120px; font-size:11px; display:none; z-index:90000; }  
body.b div#PageText p { padding:5px; }
body.b div#PageText div { padding:0px; color:#993333; margin:0px 0px 0px 6px;}
body.b div#PageText div span {display:block; float:left; width:80px; text-align:left; height:13px;clear:none; }

body.c div#PageText { width:205; height:179px; overflow:auto; padding:5px; position:absolute; top:304px; left:174px; font-size:11px; display:none;z-index:90000; }  
body.c div#PageText p { padding:0px; }
body.c div#PageText.WideContent {  left:145px; }
body.v div#PageText { display:none; }
body.intro menu { display:none; }

body.d ul#ClientList { width:223px; height:223px; overflow:auto; padding:5px; position:absolute; top:290px; _top:300px; left:135px; _left:95px; font-size:11px; display:none; z-index:90000; }  
body.d ul#ClientList li { font-weight:bold; color:#666666; font-size:13px;}

body.d div#GenLeft { width:220px; height:65px; _height:115px; overflow:auto; padding:5px; position:absolute; top:205px; left:135px; font-size:11px; display:none; z-index:90000; }  
body.d div#GenTop { width:465px; height:55px; overflow:auto; padding:10px; position:absolute; top:205px; _top:200px; left:395px; font-size:11px; display:none; z-index:90000; }  
body.d div#GenBottom { width:465px; height:55px; overflow:auto; padding:10px; position:absolute; top:470px; left:395px; font-size:11px; display:none; z-index:90000; }  

body.d div#Quotes { font-size:15px; color:#943e42; right:130px; top:100px; width:700px; text-align:right; position:absolute; display:none; z-index:90000; zoom:1;}
body.d div#Quotes q { display:none; display:none; clear:both; float:right;}
body.d div#Quotes strong { display:none; display:none; clear:both; float:right;}

body.d h2#AltHeadClient  {  display:none; position:absolute; top:160px; left:120px; z-index:90000; color:#8e8e8e; font-size:20px;}
body.d h2#AltHeadVenue {  display:none; position:absolute; top:160px; right:130px; z-index:90000; color:#8e8e8e; font-size:20px;}

body.v menu#MainMenu { display:none; }

body.n div#PageText { display:none; }
body.n  div#NewsHolder { position:absolute; top:249px; left:140px; width:712px; height:262px; border:solid 1px #993333; padding:20px 10px 20px 10px; z-index:95000;}
body.n  div#NewsHolder a.Item { position:relative; display:block;  float:left; margin:0px 10px 0px 10px; clear:none; width:210px; height:220px; background-color:#996666; text-align:center; font-size:12px; padding:10px 10px 0px 10px; color:White; text-decoration:none;}
body.n  div#NewsHolder a.Item img { margin:0px; border:0px; clear:right; }
body.n  div#NewsHolder a.Item span { position:absolute; bottom:4px; left:0px;  margin:0px; border:0px; clear:right; width:210px; text-align:center; }
body.n  div#NewsHolder a:hover.Item { background-color:#993333; cursor:pointer; }

body.n  div#ctl03_NewsScroller { position:absolute; top:209px; left:140px; width:712px; height:300px; border:solid 1px #993333; padding:20px 10px 20px 10px; z-index:95000; overflow:auto;}


marquee#QuoteList { display:none; position:absolute; top:210px; left:330px; width:540px; z-index:90000; color:#993333; font-size:12px; font-style:italic; }
marquee#QuoteList span { margin-right:50px; }
div#QuoteListLeft { display:none; position:absolute; top:210px; left:330px; width:20px; height:29px; background-image:url(/images/prelude-marquee-ends.png);   z-index:95000; background-position:-20 0;}
div#QuoteListRight { display:none; position:absolute; top:210px; left:850px; width:20px; height:29px; background-image:url(/images/prelude-marquee-ends.png);  z-index:95000; }

#ClassBButtons { display:none; position:absolute; top:460px; left:590px; z-index:98000; width:200px; font-size:11px; }
#ClassBButtons #playVideo {display:none; position:absolute; top:0px; left:0px; color:#993333; }
#ClassBButtons #stopAudio {display:none; position:absolute; top:0px; right:0px; color:#993333;}
#ClassBButtons a {color:#993333; }
#VidBack { position:absolute; top:550px; left:480px; color:#993333; font-size:12px; z-index:98000;  }

#AdminLogout {color:red; font-size:10px; z-index:99999999; position:absolute; right:60px; top:32px;}
#AdminLinks {color:red; font-size:10px; z-index:99999999; position:absolute; left:50px; top:32px;}
.IndieWrapper{ position:absolute; top:20px; left:80px;} 

/* Special CCL Menu */
#CCLMenu { position:absolute; top:0px; right:5px; width:150px; min-height:140px; margin:0px; border:solid 1px black; background-color:#492d00; 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:#4075b7; font-size:12px;  text-decoration:none; display:-moz-inline-box; display:inline-block; border-bottom:dotted 1px #4075b7; }
#CCLMenu a:hover { color:white; 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;}