﻿/* Main Layout & Structure - speakTECH SharePoint base template */
/* Most of the base structure has been set up Using BluePrint */

body {
	background:#ffffff none;
	}

.container {
	width:780px;
	margin:0 auto;
	overflow:hidden;
	}


#consol {
	width:100%;
	display:inline;
	background-color:transparent;
	}
	
	/* wrap table tag around content placeholder or it breaks the page. */
	#consol table.designconsolewrap { width: 100%; }

#utility {}


/* ----- HEADER -------------------------------------------------------------- */

#header {
	height:90px;
	position:relative;
	clear:both;
	}

/* Logo */
	#logo {
		float:left;
		width:185px;/*250*/
		padding:17px 65px 10px 0;
		}

/* Login */
#login {
	float:right;
	width:520px;
	margin:5px 0 0 0;
	}

	ul#edit {
		list-style:none;
		margin:0;
		padding:0;
		}

		#edit li {float:right;}

		#edit li.last {border:0;}

			#edit a, #edit a:link, #edit a:visited {
				color:#426BB3;
				font-size:12px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				text-decoration:underline;
				}

			#edit a:hover, #edit a:active {
				color:#2A568F;
				font-size:12px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				text-decoration:underline;
				}

		#edit li.loggin {}

			#edit li.loggin div {
				margin-top:1px !important;
				padding-right:10px !important;
				border-right:1px solid #000000 !important;
				font-size:12px !important;
				line-height:15px !important;
				}

			#edit li.loggin div img {display:none;}


		/*when not logged in hide the login link*/
		#edit li.loggin #ctl00_IdWelcome_ExplicitLogin {display:none !important;}


	.headtitle {
		position:relative;
		float:right;
		padding:5px 0 0 0;
		}


/* Navigation */
#nav {
	float:left;
	width:645px;/*780*/
	padding-left:135px;
	overflow:hidden;
	}

	#zz1_TopNavigationMenun0 {display:none;}

	#nav table.ms-topnav {
		background:transparent none;
		border:0;
		}

/*Normal State*/
	#nav table.ms-topnav td {
		float:left;
		background:transparent url('/images/element/TabUnselectedSliver.gif') left top no-repeat;
		padding:0 0 0 2px;
		border:0;
		vertical-align:bottom;
		}
	
		#nav table.ms-topnav td a {
			display:block;
			padding:7px 6px 4px 4px;
			background:transparent url('/images/element/TabUnselectedWide.gif') right top no-repeat;
			color:#000000;
			font-weight:bold;
			text-decoration:none;
			font-family:Verdana, Arial, Helvetica, sans-serif !important;
			}

/*Selected State*/
	#nav table.ms-topnavselected td {
		float:left;
		display:block;
		background:transparent url('/images/element/TabSelectedSliver.gif') left top no-repeat;
		padding:0 0 0 2px;
		border:0;
		}

		#nav table.ms-topnavselected td a {
			display:block;
			padding:7px 6px 4px 4px;
			background:transparent url('/images/element/TabSelectedWide.gif') right top no-repeat;
			color:#ffffff;
			font-weight:bold;
			text-decoration:none;
			}

	.navbar {
		width:780px;
		height:10px;
		background-color:#426bb3;
		}

/* ----- /HEADER --------------------------------------------------------------- */


/* ----- CONTENT --------------------------------------------------------------- */

#content {
	float:left;
	display:inline;
	vertical-align:top;
	}

	#content .normal {
		float:left;
		width:625px;
		overflow:hidden;
		}

	#content .full {
		width:780px;
		overflow:hidden;
		}

/* ----- /CONTENT -------------------------------------------------------------- */


/* ----- LEFT NAV -------------------------------------------------------------- */
#leftnav {
	float:left;
	width:135px;
	margin:2px 20px 0 0;
	position:relative;
	background:transparent none;
	}

	#leftnav table.leftNavLevel1item, #leftnav table.leftNavLevel2item,
	#leftnav table.leftNavLevel3item, #leftnav table.leftNavLevel4item {
		width:135px;
		margin-bottom:1px;
		}

		#leftnav table.leftNavLevel1item td, #leftnav table.leftNavLevel2item td,
		#leftnav table.leftNavLevel3item td, #leftnav table.leftNavLevel4item td {
			background:transparent none;
			}

/*ALL LEVELS*/
		     #leftnav a.leftNavLevel1item, #leftnav a.leftNavLevel1On, 
		     #leftnav a.leftNavLevel2item, #leftnav a.leftNavLevel2On,
		     #leftnav a.leftNavLevel3item, #leftnav a.leftNavLevel3On,
		     #leftnav a.leftNavLevel4item, #leftnav a.leftNavLevel4On {
				display:block;
				padding:4px 2px 4px 12px;
				color:#ffffff;
				font-size:11px !important;
				font-weight:bold;
				line-height:14px;
		    	text-decoration: none;
				background:#426bb3 none;
			    }

/*LEVEL 2*/
			#leftnav a.leftNavLevel2item, #leftnav a.leftNavLevel2On {
				color:#000000;
				background:#e5ecf6 none;
				}

/*LEVEL 3*/
			#leftnav a.leftNavLevel3item, #leftnav a.leftNavLevel3On {
				color:#000000;
				font-weight:normal;
				background:#eff2f7 none !important;
				}

/*LEVEL 4*/
			#leftnav a.leftNavLevel4item, #leftnav a.leftNavLevel4On {
				color:#000000;
				font-weight:normal;
				background:#e5e5e5 none;
				}

/*HOVER & SELECTED FOR ALL LEVELS*/
		    #leftnav a.leftNavLevel1item:hover, #leftnav a.leftNavLevel1On:hover,
		    #leftnav a.leftNavLevel1item:active, #leftnav a.leftNavLevel1On:active,
		    #leftnav a.leftNavLevel2item:hover, #leftnav a.leftNavLevel2On:hover,
		    #leftnav a.leftNavLevel2item:active, #leftnav a.leftNavLevel2On:active,
		    #leftnav a.leftNavLevel3item:hover, #leftnav a.leftNavLevel3On:hover,
		    #leftnav a.leftNavLevel3item:active, #leftnav a.leftNavLevel3On:active,
		    #leftnav a.leftNavLevel4item:hover, #leftnav a.leftNavLevel4On:hover,
		    #leftnav a.leftNavLevel4item:active, #leftnav a.leftNavLevel4On:active,
		    #leftnav a.leftNavLevelSelected {
				color:#000000 !important;
		    	text-decoration: none;
				background:#ffffff none !important;
			    }

/*SELECTED ITEMS ONLY*/
		    #leftnav a.leftNavLevelSelected {
				background:#ffffff url('/images/icon/arrow-left.gif') left 4px no-repeat !important;
				}

		    #leftnav .leftNavLevelSelected img {display:none;}

	/*Plus Image Positioning - .leftNavLevel1item*/
		    #leftnav img {
				position:absolute;
				left:2px;
				margin-top:5px;
				}


	#leftnav .leftfoot {
		width:135px;
		margin:2px 0 0 0;
		}

		#leftnav .leftfoot a {
			display:block;
			padding:1px 2px 1px 12px;
			color:#426bb3;
			font-size:11px !important;
			font-weight:bold;
	    	text-decoration: none;
			background:#ffffff none;
			border:1px solid #426bb3;
		    }

		#leftnav .leftfoot a:hover, #leftnav .leftfoot a:active {
			color:#ffffff;
			background:#426bb3 none;
			}


/* Search */
div.searchtop {
	position:relative;
	width:134px;
	margin:2px 0 0 0;
	background:transparent url('/images/element/keyword.gif') left top no-repeat;
	}

	div.searchtop b {
		display:block;
		padding:4px 0 5px 12px;
		*padding:4px 0 4px 12px;
		color:#000000;
		font-size:11px;
		}

div.searchbox {
	position:relative;
	width:129px;
	height:37px;
	padding:4px 0 0 3px;
	background-color:#e5ecf6;
	border:1px solid #426bb3;
	border-top:0;
 	}

/* ----- /LEFT NAV -------------------------------------------------------------- */


/* ----- FOOTER --------------------------------------------------------------- */

#foot {
	clear:both;
	color:#646464;
	margin:20px 0 10px 155px;
	padding:0;
	border-top:1px solid #3d3d3d;
	width:625px;/*780px*/
	}

	#foot .footing {
		color:#3d3d3d;
		font-size:11px;
		}

	#foot .print {
		text-align:right;
		font-size:11px;
		}

		#foot a, #foot a:link, #foot a:visited {
			color:#3d3d3d;
			font-size:11px;
			text-decoration:underline;
			}

		#foot a:hover, #foot a:active {
			color:#525252;
			font-size:11px;
			text-decoration:underline;
			}

	#foot .copy {
		padding-top:12px;
		font-size:10px;
		color:#000000;
		}

/* ----- /FOOTER ------------------------------------------------------------- */




