/* 
------- George Cohen Communications -------
	GyreWire Studios - gyrewire.com
				Oct. 2005

BaSE ColoRs:
	#0081A3 -- teal
	#004658 -- drk teal
	#D7D7C9 -- lgt brown
	#9CC9D0 -- lgt blue/grey
	
	#42707C -- main text



 */

/*******************************************   General Elements   *********************************/

body{
	margin:0px 0px;
	background-color:#FFF;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	min-width:665px;
	font-size:13px;
	color:#42707C;
	background-image:url(images/fibre_trFull_bg.jpg);
	background-position: top right;
	background-repeat:no-repeat;
	}

a:link {color: #004658; border-bottom:#004658 dotted 1px; text-decoration:none;}
a:active {color: #004658; border-bottom:#004658 dotted 1px;  text-decoration:none;}
a:visited {color: #004658; border-bottom:#004658 dotted 1px;  text-decoration:none;}
a:hover {color: #004658; border-bottom:#004658 dotted 0px; text-decoration:none;}

a.simple:link {color: #9CC9D0; text-decoration: none; border-bottom:#004658 dotted 0px;}
a.simple:active {color: #9CC9D0; text-decoration: none; border-bottom:#004658 dotted 0px;}
a.simple:visited {color: #9CC9D0; text-decoration: none; border-bottom:#004658 dotted 0px;}
a.simple:hover {color: #9CC9D0; text-decoration: none; border-bottom:#004658 dotted 0px;}

a.admin:link {color: #CCCCCC; text-decoration: none; border-bottom:#004658 dotted 0px;}
a.admin:active {color: #CCCCCC; text-decoration: none; border-bottom:#004658 dotted 0px;}
a.admin:visited {color: #CCCCCC; text-decoration: none; border-bottom:#004658 dotted 0px;}
a.admin:hover {color: #CCCCCC; text-decoration: none; border-bottom:#004658 dotted 0px;}


.button, button{
	background-color:#9CC9D0;
	color:#004658;
	font-size:11px;
	border:1px dotted #004658;
	}
.buttonon{
	background-color:#E2E2E2;
	color:#004658;
	font-size:11px;
	border:1px solid #004658;
	}

/*******************************************   Layout   *********************************/


.mainContent{
	padding:0px 5px 0px 5px;
	height:100%;
	}
	
	
#menu{
	position:absolute;
	margin-left:-12px;
	margin-top:20px;
	}

#title{
	position:absolute;
	margin-left:10px;
	}

#tr{
	position:absolute;
	top:0px;
	right:0px;
	}
	
#bl{
	position:absolute;
	}

.mainCol{
	width:650px;
	}
	
.headerTop{
	background-color:#0081A3;
	height:98px;
	}
	
.headerSubL{
	background-image:url(images/sub_fibre_rptbg.gif);
	background-repeat:repeat-x;
	}


.footerBtm{
	background-color:#0081A3;
	}
	
.footerBlue{
	background-color:#0081A3;
	height:100%;
	overflow:hidden;
	}
	
.footerTopSupR{
	background-image:url(images/sup_foot_lbg.jpg);
	background-repeat:repeat-x;
	background-color:#0081A3;
	}

.barExt{
	background-color:#D7D7C9;
	height:23px;
	}

.gradL{
	background-image:url(images/grad_l.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:300px;
	}
	
.gradR{
	background-image:url(images/grad_r.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	height:300px;
	}
	
.clientBox{
	width:420px;
	height:300px;
	overflow:auto;
	border:1px dotted #0081A3;
	font-size:12px;
	text-align:left;
	background-image:url(images/exp_box_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	background-attachment:fixed;
	}

.footer{
	color:#9CC9D0;
	font-size:10px;
	bottom:0px;
	}
	
#btmBlueL{
	position:relative;
	height:100%;
	background-color:#0081A3;
	overflow:hidden;
	width:440px;
	left:inherit;
	z-index:0;
	}
	
#footerMenu{
	position:absolute;
	font-size:10px;
	width:500px;
	margin-left:3px;
	}
	
.buzz{
	width:310px;
	height:auto;
	background-image:url(images/buzzbg.gif);
	background-position: top;
	background-repeat:no-repeat;
	}
	
.buzzT{
	width:170px;
	height:13px;
	padding-left:3px;
	padding-right:3px;
	text-align:left;
	font-size:11px;
	border-right:1px dotted #0081A3;
	border-top:1px dotted #0081A3;
	}

.buzzNavBox{
	width:20px;
	text-align:left;
	}

.buzzTup{
	float:left;
	clear:left;
	}

.buzzTover{
	float:left;
	clear:left;
	background-color:#0081A3;
	}

.addForm{
	border-bottom:1px dotted #0081A3;
	}	

/*******************************************   Text  *********************************/

.homePage_gcc{
	color:#004658;
	font-size:14px;
	font-weight:bold;
	}

.fmSpacer{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

.smallText{
	font-size:10px;
	}

h5{
	border-bottom:1px dotted #9CC9D0;
	width:80%;
	margin-left:15px;
	margin-bottom:10px;
	font-size:14px;
	}
	
.subHead{
	font-size:13px;
	font-weight:bold;
	}
	
.clips{
	width:80%;
	margin-top:2px;
	margin-left:15px;
	}
	
.clipsOver{
	width:80%;
	margin-bottom:2px;
	margin-left:10px;
	background-image:url(images/exp_box_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	}
	
.spacer{
	height:3px;
	width:50%;
	margin-top:2px;
	border-top:1px dotted #0081A3;
	margin-left:15px;
	}