/*
@import url('http://localhost/employeeinformation/css/blueprint/reset.css'); 
@import url('http://localhost/employeeinformation/css/blueprint/typography.css'); 
@import url('http://localhost/employeeinformation/css/blueprint/forms.css'); 
*/

body					{ background-color: #F0F0F0; color: #333; font: 12px Helvetica, Arial, Verdana; height: 100%; min-height: 100%; } 

h1, h3, h4, h5, h6		{ font-weight: bold; color: #1E1B1A; }

h2						{ padding:10px 10px 10px 10px; color:#333; font:normal 2em/110% Helvetica, Arial, Verdana; }

h3						{ padding:5px 10px 10px 20px; color:#333; font:bold 1em/110% Helvetica, Arial, Verdana; }

span					{ padding:0px 0px 0px 0px; font:normal 1em/110% Helvetica, Arial, Verdana; color: #4b4b4b; }

span.labelsbold			{ padding:0px 0px 0px 20px; font:normal 1em/110% Helvetica, Arial, Verdana; color: #4b4b4b; font-weight: bold; }

span.searchspans		{ padding:0px 0px 0px 20px;	float: left; width: 10em; height: 2em; vertical-align: bottom; font-weight: bold; }

span.searchtopspans		{ padding:0px 0px 0px 10px; font:normal 1em/110% Helvetica, Arial, Verdana; color: #4b4b4b; }

spangrid				{ padding:0px 0px 0px 0px; font:normal 1em/110% Helvetica, Arial, Verdana; color: #4b4b4b; }

.logoff					{ float: left; margin: 0px 0px 0px 870px; }

td						{ width: 750px; text-align: left }

hr						{ width: 750px }

table					{ border-color: black;	border-width: thin; width: 478px; }

label.loginlabels		{ padding:0px 0px 0px 20px;	float: left; width: 7em; height: 2em; vertical-align: bottom; font-weight: bold; }

label.messagelabels		{ padding:0px 0px 0px 20px;	float: left; vertical-align: bottom; font-weight: bold; }

input.logintextinputs	{ float: left; width: 8em; vertical-align: top;	font-weight: normal; }

input.button			{ float: left; width: 10em; vertical-align: top; font-weight: bold; margin-left: 2em; }

input.buttongrid		{ float: left; width: 5.5em; vertical-align: top; font-weight: bold; margin-left: 2em; }

input.buttongridshort   { float: left; width: 4.5em; vertical-align: top; font-weight: bold; margin-left: 0em; }

#main					{ padding: 2px; }

.footer					{ margin: 0px auto 0px; width: 960px; background: #FFF; padding-bottom: 5px; border: 1px solid #CCC;  }

.footer-message			{ border-left: 1px solid #EEE; float: left; overflow: hidden; margin: 10px 0 0; } 

.wrapper				{ min-height: 100%; position: relative; }

.header					{ background: #61162D; border-bottom: 5px solid #BCBCBC; padding: 0 0 15px 0; }

.branding				{ width: 960px; margin: 0 auto; }

.clearfix:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix				{ display: inline-block; }
html[xmlns] .clearfix	{ display: block; }
* html .clearfix		{ height: 1%; }

.logo					{ max-width: 590px; float: left; margin: 20px 0 0 10px; }

.widgetcontainer ul, .widgetcontent .xoxo, .widgetcontainer ol	{ list-style: disc; margin-left: 15px; }

.widgettitle			{ color: #333; font-size: 12px; font-weight: bold; margin: 0; padding: 6px 10px;}

.widgetcontent			{ border: solid #CCC; border-width: 0 1px 1px; }

.blog-name				{ font-weight: bold; font-size: 22px; margin: 0; line-height: 1em; display: block; text-transform: uppercase; }

.blog-description		{ line-height: 1em; display: block; font-size: 14px; font-weight: bold; color: #ffffff; margin: 0; padding: 5px 0 0; text-transform: uppercase; }

.term-description		{ line-height: 1em; display: block; font-size: 14px; font-weight: bold; color: #000000; margin: 0; padding: 5px 0 0; text-transform: uppercase; }

a, a:link, a:visited	{ color: #0052A3; text-decoration: underline; }
a:hover					{ color: #1A8DFF; }

.blog-name a:link, .blog-name a:visited	{ color: #000000; text-decoration: none; }
.blog-name a:hover		{ }


/* navigation */
.nav					{ max-height: 35px; }
.navcontent				{ margin: 0 auto; width: 958px; height: 30px; border: 1px solid #CCC; }

.sf-menu				{ font-weight: bold; }
.sf-menu, .sf-menu ul	{ float: left; list-style: none; line-height: 30px; padding: 0; margin: 0; }
.sf-menu a				{ display: block; text-decoration: none; padding: 0 15px; text-transform: uppercase; color: #666; font-size: 11px; }
.sf-menu li				{ float: left; padding: 0; }
.sf-menu ul				{ position: absolute; left: -999em; height: auto; width: 150px; margin: 0; line-height: 1; border: none; }
.sf-menu li li			{ width: 148px; border: solid #CCC; border-width: 1px 1px 0; }
.sf-menu li ul ul		{ margin: -27px 0 0 148px; }
.sf-menu li li:hover	{ }
.sf-menu li:hover ul ul, .sf-menu li:hover ul ul ul, .sf-menu li:hover ul ul ul ul, .sf-menu li.sfhover ul ul, .sf-menu li.sfhover ul ul ul, .sf-menu li.sfhover ul ul ul ul { left: -999em; }
.sf-menu li:hover ul, .sf-menu li li:hover ul, .sf-menu li li li:hover ul, .sf-menu li li li li:hover ul, .sf-menu li.sfhover ul, .sf-menu li li.sfhover ul, .sf-menu li li li.sfhover ul, .sf-menu li li li li.sfhover ul { left: auto; z-index: 2; }
.sf-menu li ul li:hover a, .sf-menu li ul li li:hover a, .sf-menu li ul li li li:hover a, .sf-menu li ul li li li:hover a { background: url(../../images/techblue/feed-title.jpg) repeat-x top #004688; color: #FFF; }