﻿/* Main Layout & Structure - speakTECH SharePoint base template, rev. 2008.04.07 */
/* orange: #f47920; blue link text: #2b72b9; dblue text: #182f57; */

body, html {
	background:#142646 url('/_layouts/1033/images/UnifiedInternet/element/page_bg.gif') center top repeat-x;
	color:#838383;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:0 0 20px 0;
	*padding: 0 0 10px 0;
	}
	
img { border:none; }
.clear { clear: both; margin:0; padding:0; }
.border { border:1px solid #b60c0c; }
.hidden { visibility:hidden; }
.hide { position:absolute; left:-9999px; }
.clearbottom { clear: both; margin:-20px; padding:0; }



/* ----- BASE STRUCTURE ------------------------------------------------------ */

#wrapper { /* maybe not needed */
	/*width: 100%;
	background:transparent url('/_layouts/1033/images/UnifiedInternet/element/site_bg.gif') center top repeat-x;*/
	}
	
#wrapper.homemaster { /* probably needed */
	background: transparent url('/_layouts/1033/images/UnifiedInternet/element/site_bg_home.gif') center top repeat-x;
	}
	
#container {
	position:relative; /*positioning context for children */
	width:940px;
	min-height: 500px;
	background:transparent;
	margin:0 auto 30px auto;
	padding: 0 36px 0 14px;
	}
	
.homemaster #container { /*home page master - no leftnav - see elements for homepage menu */
	width:990px;
	min-height: 400px;	/* 11/17/2008 - KS */
	padding: 0;
	}


/* ----- MAIN CONTENT (see elements.css for child structural items) ----- */
	
	#content {
		position:relative; /*positioning context for children */
		float:right;
		width:778px;
		background: transparent url('/_layouts/1033/images/UnifiedInternet/element/content_bottom.gif') left bottom no-repeat;
		margin:98px 0 0 0;
		padding:0;
		}
		
	.homemaster #content { /*home page master - no leftnav - see elements for homepage menu */
		float:none;
		width:990px;
		height:500px;
		/*background: transparent url('/_layouts/1033/images/UnifiedInternet/homenav/guy.gif') left top no-repeat;*/
		margin: 130px 0 0 0;
		}
		
		#content #contentwrap { /* does not exist on unified_home.master*/
			background: #ffffff url('/_layouts/1033/images/UnifiedInternet/element/content_top.gif') left top no-repeat;
			margin: 0 0 10px 0;
			padding: 22px 30px 5px 30px;
			}
		
	#leftcol {
		float:left;
		width:146px;
		background: transparent url('/_layouts/1033/images/UnifiedInternet/element/left_bottom.gif') left bottom no-repeat;
		margin:147px 0 0 0;
		}
		
		#leftcol #leftwrap {
			background: #d9e6f2 url('/_layouts/1033/images/UnifiedInternet/element/left_top.gif') left top no-repeat;
			margin: 0 0 9px 0;
			padding: 10px 0 0 0;
			/*border-bottom:1px solid #ffffff;*/
			}

	

/* ----- /BASE STRUCTURE ----------------------------------------------------- */


/* ----- SITE ACTIONS -------------------------------------------------------- */

ul.action {
	position:absolute;
	top: 20px;
	left:0px;
	list-style:none none;
	height:30px;
	margin:1px 0 0 0;
	padding:0;
	}
	
	ul.action li {
		margin:0 0 0 20px;
		padding:0;
		}
		
#consol {
	background: #1e3e61 url('/_layouts/1033/images/UnifiedInternet/element/header_bg.gif') left bottom repeat-x;
	text-align:center;
	margin-bottom:-34px; /*fix so header appears to lay over the top color strips */
	padding-bottom:34px;
	}
	
	#consol table {
		text-align:left;
		}





/* ----- /SITE ACTIONS ------------------------------------------------------- */


/* ----- /LOGIN ------------------------------------------------------- */
ul.loggedon {
	position:absolute;
	top: 5px;
	left:0px;
	list-style:none none;
	height:30px;
	margin-top:1px;
	margin-left:6px;
	padding:0;
	}
ul.loggedon li {
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		margin:0;
		padding:0;
		}
/* ----- /LOGIN ------------------------------------------------------- */

/* ----- HEADER -------------------------------------------------------------- */

#header {
	position:relative; /*positioning context for children */
	width:100%;
	height:32px;
	background:transparent;
	margin:0 auto;
	padding:6px 0 0 0;
	top: 0px;
	left: 0px;
	}
	
	#header .homelink {
		position:absolute;
		top:51px;
		left:42px;
		}

	#header ul#toplinks {
		list-style:none none;
		margin:0 0 0 15px; 
		padding:0;
		}
		
		#header ul#toplinks li {
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			margin:0 15px 5px 0;
			padding:0;
			}
			
			#header ul#toplinks li a, #header ul#toplinks li a:link, #header ul#toplinks li a:visited,
			#header ul#toplinks li a:hover, #header ul#toplinks li a:active {
				color:#2b72b9;
				/*text-decoration:underline;*/
				}
		
			#header ul#toplinks li a:hover, #header ul#toplinks li a:active {
				/*color:#f47920;*/
				}

	
	#header .search {
		position:absolute;
		top: 3px;
		right: 16px;
		width:220px;
		/* *width: 270px;*/
		height:18px;
		background:#ffffff;
		font-size:10px;
		/*padding: 1px 0 1px 1px;
		*padding: 0px 1px 1px 1px;*/
		border: 1px solid #659cd2;
	    padding-right: 1px;
		}
		
		#header .search td {
			color:#838383;
			font-size:11px;
			padding-right:1px;
			}

			#header .search td a {
				color:#545454;
				text-decoration:underline;
				position:absolute;
				}

			#header .search td a:hover {
				color:#838383;
				text-decoration:underline;
				}

	

/* ----- /HEADER ------------------------------------------------------------- */


img.tagline {
	position:absolute;
	top:98px;
	left:176px;
	}
	
.homemaster img.tagline {
	top:230px;
	left:55px;
	z-index:100;
	margin-top:-60px;
	}


/* ----- TOP NAV ------------------------------------------------------------- */

ul#navtop {
	position:absolute;
	top:34px;
	right: 34px;
	background:transparent;
	list-style:none none;
	margin:0;
	padding:0;
	}
	
	ul#navtop li {
		float:left;
		margin: 0;
		padding: 0;
		}

		ul#navtop li a:hover, ul#navtop li a:active {
			background-position: 0px -52px;
			}
			
		ul#navtop li a.on, ul#navtop li a.on:hover, ul#navtop li a.on:active {
			background-position: 0px -104px;
			}
		
.variation {
	height:1em;
	position:absolute;
	top:87px;
	left:847px;
}
		
.siteAction {
	height:1em;
	position:absolute;
	top:87px;
	left:729px;
}

/* ----- /TOP NAV ------------------------------------------------------------ */





/* ----- FOOTER -------------------------------------------------------------- */

#footer {
	position:relative; /* context for children */
	width:990px;
	color:#ffffff;
	margin: 0 auto;
	padding:0;
	text-align:center;
	}
	
	#container #footer { /* autogenerated inside WPs */
		width:auto;
		}
	
	#footer p {
		width:86%;
		float:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		margin: 0;
		}
	
	#footer a, #footer a:link, #footer a:visited {
		color:#88a6c5;
		/* text-decoration:underline; */
		margin: 0 13px;
		}
		
	a.tooltip {
  position: relative; 
}
a.tooltip span {
  position: absolute;
  top: 15px;
  left: -9999em;
  padding: 2px 3px;
  background:#dae9ed;
  border:1px solid #666666;
  color:#086989;
  width: 280px;
  text-decoration:none;
}
a.tooltip:hover {
  visibility: visible;
}
a.tooltip:hover span, a.tooltip:focus span {
  left: 20px; /*change this to wherever you really want it to sit, in relation to the anchor*/
}

	#footer #feedbacktool {
		position:absolute;
		top:-30px;
		right:30px;
		}
		
		#footer #feedbacktool a:link, #footer #feedbacktool a:visited {
			color:#2b72b9;
			text-decoration:none;
			}
		
		#footer #feedbacktool a:hover, #footer #feedbacktool a:active {
			text-decoration:underline;
			}

	#footer #browsers a {position: relative;}
    #footer #browsers a:hover {
		text-decoration:none;}
	#footer #browsers a:hover span {
	  position: absolute;
	  top: 5px;
	  left: 30px;
	  display: block;
	  background: #fdd;
	  border: 1px solid gray;	  
  } 		
/* ----- /FOOTER ------------------------------------------------------------- */

