/* Technihowlib.css
* Include this in all templates
* Override individual styles as necessary in site-specific style sheet
* This should be contained in site's include directory
*
* Author : Nigel Dahl
* Copyright - technihow.com 2004
*/

/* General Page styling */
A {text-decoration: none;
			color: #0000ff}

A:hover {text-decoration: underline;
			color: #ff0000}

A.menubar {text-decoration:underline;
                color: #0000FF}

A.menubar:hover {text-decoration: underline;
			color :#FF0000}
						
BODY		{ font-family: Tahoma, Verdana, sans-serif; 
			font-size: 11px; 
			font-style: normal; 
			font-weight: normal; 
			color: #4C22A8;}
			
.bodytext { font-family: Tahoma, Verdana, sans-serif; 
			font-size: 11px; font-style: 
			normal; font-weight: 
			normal; color: #4C22A8}
			
.largetext { font-size: 20px; 
             text-align: left}

.blueboxtext { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #FFFFFF}

/*User Login Bar*/
.userloginbar {font-family:Verdana, Arial, Helvetica, sans-serif; 
			   font-size: 10px;
			   font-weight: normal;
			   background-color : #9999FF;
			   color:#000066;}
			   
/* Small Forms */				
.smallform {font-family:arial; font-size:10px}
td.smallform { text-align     : right ;
			   vertical-align : middle }
.smallformBtn	{border-bottom:thin solid #000033;
				 border-right:thin solid #000033;
				 border-top:thin solid #0000CC;
				 border-left:thin solid #0000CC;
				 font-size:10px;
				 font-family:Arial;
				 font-weight:bold;
				 background-color:#000066;
				 color:#FFFFFF;
				 line-height:.85;
				 padding-top:2px;
				 cursor: hand}			
				 
/*Tech Search Results*/
.techresult { font-size : 11px ;
			  text-align : justify }

.techsearch { font-size : 11px ;
			  color : #006600 }

.techcode   { font-size : 11px;
			  color : #333333;
			  background-color : #CCCCCC}

/* Next Link Box */
.nextlink   { font-size : 12px;
			  color     : #6699CC;
			  background-color : #000066  }
table.nextlink {border-width : 3;
				cellpadding  : 2;
				cellspacing  : 0;
			  	border-style : outset;
			  	border-color : #000099}
A.nextlink {color : #FF9933}
			  
/*Dark Blue Box*/
table.darkbluebox{	border-width : 3;
	border-color : #000066;
	text-align : center;
	padding : 0;}

.darkbluebox { color : #FFFFFF ;
			   font-size : 10px ;
			   font-weight: bold;
			   background-color : #000066;
			   font-family: Verdana,Arial, Helvetica, sans-serif }
			   
.darkblue	{ color : #333366 ;
			  font-weight : normal ;
			  font-size : 10px ;
			  background-color : #CCCCFF;
			  vertical-align   : top ;
			  margin-top : 2 ;
			  padding : 2} 
	  
.darkbluetitle { color : #CC3366 ;
				 font-size : 11px ;
				 font-weight : bold }	
				 
.darkbluelink  { font-size : 10px ;
				 text-align : right }				 		  

/*Table Lists*/
.tablehead	{ background-color : #999999 }
.tablelist1	{ background-color : #FFFFFF }
.tablelist2 { background-color : #E7E7E7 }
.tablehead2 { background-color : #CCCCCC;}

/* For forms.inc.php */			  
td.formleft { text-align     : right ;
			  vertical-align : middle ;
			  font-weight    : bold }		
			  
td.formerror { font-weight : bold ;
			   color : #CC0000	}
			  
/*Image management for travel photos etc*/
IMG  		{ border-width : 0; }

IMG.photo   { border-width : 3;
			  border-style : outset;
			  border-color : #350099;
			}

IMG.photol  { border-width : 3;
			  border-style : outset;
			  border-color : #350099;
			  float        : left;
			}

IMG.photor  { border-width : 3;
			  border-style : outset;
			  border-color : #350099;
			  float        : right;
			}

IMG.square  { border-width : 3;
			  border-style : outset;
			  border-color : #350099;
			  width : 100 ;
   			  height : 100 ;
			  float        : left;
			}
			
IMG.floatleft  { float : left; }

IMG.floatright { float : right; }

IMG.squarenofloat  { border-width : 3;
			  border-style : outset;
			  border-color : #350099;
			  width : 100 ;
   			  height : 100 ;
			}
						
IMG.flag  	{ border-width : 0;
			  width : 32 ;
    		  height : 20 ;	
			}

/* Errors */
.errors {color: #FF0000}

/* Code */
.code {font-family: Courier New;
		   color: #000066;}				 
		   
/* Infobox */

.tooltip {
	background: #e1e1e1;
	color: black;
	border: 1px solid #1D5042;
	font: 11px Tahoma, Verdana, sans-serif;
}

.tooltip p {
	font:11px Tahoma, Verdana, sans-serif;
	margin:1px;
	padding:3px;
	text-align:left;
}

.tooltip h4 {
	font: 11px Tahoma, Verdana, sans-serif;
	font-weight: bold;
	text-align: left;
	text-transform: none;
	color: white;
	background: #1D5042;
	margin: 0;
	padding: 3px;
	border: 1px solid #1D5042;
}

a.hastooltip {
	text-decoration: none !important;
/*	display:block;*/
}

/* Pop-up Window Wrapper */
div.winWrapper {
	position:relative;
	}
html>body div.winWrapper {position: absolute;}
	
div.winShadow {
	height: 100%;
	width: 100%;
	filter:alpha(opacity=20);
	opacity:0.20;
	position: absolute;
	left: 5px; 
	top: 5px;	
	background-color: #000;
	}
div.winContent {
	background-color: #FFF;
	position: relative;
	left: 0px; 
	top: 0px;
	border: 1px solid #777;	
}

/* Calendar */
.calendar {
	background: #dddddd;
	color: #3C6157;
	font: 11px Tahoma, Verdana, sans-serif;
	}
	
table.calendar  {
	border: 0;
	}
.calendar td {
	padding: 0;
	margin: 0;
	border: 0;
	}

table.calBody {
	width: 100%;
	}
td.calBody  {
	width: 14%; 
	padding: 0;
	margin: 0;
	border: 0;
	text-align:center !important;
	}
tr.calHeader {
	background: #ccc url('http://extranet.reportsource.com/images/HeaderGradient-n.gif') repeat-x !important;
}	
	
td.calNav  {
	padding: 4px 5px 3px 5px !important;
	color: #FFFFFF;
	}
td.calDays {
	background: #ccc url('http://extranet.reportsource.com/dev/images/HeaderGradient-o.gif') repeat-x !important;
	width: 14% !important; 
	height: 20px;
	margin: 0 !important;
	border: 0 !important;
	padding: 3px 5px !important;
	color: #ffffff;
	}

.calCurrent  {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: #cc0000;
	color: #FFFFFF !important;
	}
.calWorking {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: #FFFFFF;
	color: #3C6157; 
	border: 1px solid #E3EAEA !important;
	}
.calWeekend {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: #E3EAEA;
	color: #FFFFFF;
	border: 1px solid #ffffff !important;
	}
	
a:link.calDate {
	width: 100%;
 	display: block !important;
	margin: 0 !important;
	border: 0 !important;
	padding: 3px 5px 3px 0px !important;
	text-align:center; 
	color: #3C6157; 
	}
a:hover.calDate {
	width: 100%;
	background: #FFCC00 !important;
	color: #3C6157;
	text-decoration: none;
	text-align:center; 
	}

.calCurrent a {
	color: #FFFFFF !important;
	}
.calCurrent a:hover {
	color: #3C6157 !important;
	}