/* 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/technihowlib directory
*
*  Author | Jon Sloper
*  Copyright | Alacrify Ltd 2008
*  Website | www.alacrify.co.uk
*  Email | jon@alacrify.co.uk
*/

/* General Page styling */
* {
	border: 0;
	padding: 0;
	margin: 0;
	font-family: verdana, helvetica, arial, sans-serif;
	}

body { 
	font-size: 75%; 
	background: #999890 url('images/standard-gradient.gif') repeat-x;
	color: #000;
	}
html { 
	}
h1, h2, h3, h4, h5  {
	font-weight: normal;
	}
h1 {
	font-size: 2em;
	line-height: 2em;
	margin-bottom: 1em;
	}
h2 {
	font-size: 1.8em;
	line-height: 1.8em;
	margin-bottom: 1em;
	}
h3 {
	font-size: 1.6em;
	line-height: 1.6em;
	margin-bottom: 1em;
	}
h4 {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 1em;
	}
h5 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 1em;
	}
p {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1em;
	}
input, select {
	font-size: 1em;
	}
a {
	text-decoration: none;
	color: #0000FF;
	}
a:hover {
	color: #FF0000;
	}
ul, ol {
	margin-left: 2em;
	}
/* Placeholder DIVS */
#wrapper {
	min-height: 100%;
	width: 100%;
	text-align: center;
	}
#mainTitle {
	margin: 10px auto 0px auto;
	width: 900px;
	height: 8em;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;	
	border-bottom: 1px solid #BBB;
	background:  #D7D4C5;
	}
#mainTitle h1 {
	line-height: 4em;
	}
#userBar, #mainMenuBar, #footerBar {
	height: 2em;
	margin: 0px auto;
	width: 900px;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;	
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BBB;
	background:  #D7D4C5;
	text-align: left;
	}
#userBar p, #footerBar p {
	padding: 0px 0.5em;
	line-height: 2em;
	margin-bottom: 0px;
	}
#userBar input {
	margin-bottom: 0px;
	margin-top: 0.25em;
	}
#mainMenuBar p {
	margin-top: -1px;
	margin-left: -1px;
	line-height: 2em;
	}
#mainMenuBar a {
	float:left;
	display: block;
	padding: 0px 1em;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #959385;
	}
#mainMenuBar a:hover {
	background-color: #EFEEE1;
	border-right: 1px solid #FFF;
	border-top: 1px solid #959385;
	border-left: 1px solid #959385;
	color: #00F;
	}
#mainContent {
	margin: 0px auto;
	min-height: 500px !important;
	width: 900px;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;	
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BBB;
	padding-top: 2em;
	padding-bottom: 2em;	
	background-color: #F3F1E4;
	text-align: center;
	}
#maintBox {
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 2em;
	}

/* Generic Styling */
.right {
	text-align: right;
	}
.left {
	text-align: left;
	}
.nowrap {
	white-space: nowrap;
	}
/* Standard Container Box Styling */	
.stdBox {
	margin-left: auto;
	margin-right: auto;	
	background: #ddd;
	border: 1px solid #959385;
	width: 80%;
	}
.stdBox th {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 2em;
	text-align: left;
	padding-left: 0.5em;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BFBDB0;
	background:  #D7D4C5;
	}

/* Maintenance Form Styling */
.fieldTitle {
	padding: 0.5em;
	text-align: right;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D7D4C5;
	color: #000;
	background: #EFEEE1;
	width: 25%;
	}
.fieldInput {
	text-align: left;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D7D4C5;
	background: #EFEEE1;
	}
.fieldInput input {
	padding-left: 0.5em;
	background: #FFF;
	}
.fieldInput select {
	margin-left: 0.5em;
	width: 98%;
	border: 1px solid #D7D4C5 !important;
	}
.fieldInput textarea {
	margin: 0.5em;
	width: 97%;
	border: 1px solid #D7D4C5 !important;
	}
.formFooter td{
	text-align: right;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BFBDB0;
	background:  #D7D4C5;
	height: 2.5em;
	line-height: 2.5em;
	padding-right: 0.25em;
	}
.formFooter input {
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #BFBDB0;
	border-right: 1px solid #BFBDB0;
	background:  #D7D4C5;
	height: 2em;
	line-height: 1.7em;
	margin-left: 0.1em;
	}
	
/* Maintenance List Styling */
.listTable {
	border: 1px solid #959385;
	text-align: left;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;	
	}
.listTable th {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BFBDB0;
	background:  #D7D4C5;
	}
.paleRow td {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D7D4C5;
	background: #EFEEE1;
	padding-right: 0.5em;
	}
td.paleRowDarkerCell  {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BFBDB0;
	background:  #D7D4C5;
	}
.darkRow td {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D7D4C5;
	background: #ebe8d4;
	}
.listTable td, .listTable th {
	line-height: 2em;
	height: 2em;
	padding-left: 0.5em;
	}
.listTableFooter td {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BFBDB0;
	background:  #D7D4C5;
	line-height: 2em;
	padding: 0.5em;
	text-align: right;
	}
.listTableFooter p {
	margin-bottom: 0px;
	}
.maintSearch input {
	height: 1.5em;
	line-height: 1.5em;	
	padding-left: 0.25em;
	background: #FFF;
	font-size: 1em;
	}
/* Errors */
.errors {
	color: #FF0000;
	}
	
/* Code */
.code {
	font-family: Courier New;
	color: #000066;
	}
/* Status Formatting */
.current, .ok {
	color: #FFF;
	background-color: #090;
	margin: 0px !important;
	padding: 0.25em;
	}
.expired {
	color: #FFF;
	background-color: #C00;
	margin: 0px !important;
	padding: 0.25em;
	}
					 
/* Pop-up Window Wrapper */
div.winWrapper {
	position:relative;
	z-index : 2;
	}
html>body div.winWrapper {
	position: absolute;
	}
div.winShadow {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 5px; 
	top: 5px;	
	background-color: #000;
	opacity:0.2;
	filter:alpha(opacity=20);
	}
div.winContent {
	background-color: #FFF;
	position: relative;
	left: 0px; 
	top: 0px;
	border: 1px solid #777;
	}
	
/* Infobox */
.tooltip {
	background: #e1e1e1;
	color: #000;
	border: 1px solid #959385;
	font-size: 1em;
	z-index : 2;
}
.tooltip p {
	font-size: 1em;
	margin: 0.5em; 
	text-align:left;
}
.tooltip ol, .tooltip ul {
	font-size: 1em;
	margin: 0px 0.5em 0.5em 0.5em;
	text-align:left;
}
.tooltip li {
	font-size: 1em;
	margin-left: 3em; 
	text-align:left;
}
.tooltip h4 {
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	text-transform: none;
	color: #444;
	background: #D7D4C5;
	margin: 0px !important;
	padding: 0.25em 0.5em; 
	border: 1px solid #FFF;
	border-bottom: 1px solid #959385;
	}
.hastooltip {
	cursor: help;
	}


/* Calendar */
.calendar {
	background: #DDD;
	color: #000;
	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: #D7D4C5;
}	
.calHeader td{
	border-top: 1px solid #FFF !important;
	border-bottom: 1px solid #AAA !important;	
	color: #000;
	}	
td.calNav  {
	padding: 4px 5px 3px 5px !important;
	color: #000;
	}
td.calDays {
	background: #D7D4C5;
	width: 14% !important; 
	height: 20px;
	margin: 0 !important;
	border: 0 !important;
	border-top: 1px solid #FFF !important;
	border-bottom: 1px solid #AAA !important;	
	padding: 3px 5px !important;
	color: #000;
	}
.calCurrent  {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: #C00;
	color: #FFFFFF !important;
	}
.calWorking {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: #FFFFFF;
	color: #3C6157; 
	border: 1px solid #D7D4C5 !important;
	}
.calWeekend {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: #EFEEE1;
	color: #000;
	border: 1px solid #D7D4C5 !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: #000; 
	}
a:hover.calDate {
	width: 100%;
	background: #FFCC00 !important;
	color: #000;
	text-decoration: none;
	text-align:center; 
	}
.calCurrent a {
	color: #FFFFFF !important;
	}
.calCurrent a:hover {
	color: #000 !important;
	}
/* 						
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 : #CC0	}
			  
*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 ;	
			}
*/