/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*******************************************************/
/*Mike Brogowski styles*/

body{
	background: 	url(../images/gfx/body-bg.jpg) repeat-x;
	font: 			80%/1.2em Arial, Tahoma, Verdana, Helvetica;
	margin: 0;
	padding: 0;
}


/*layout basics*/

#container{
	width: 		960px;
	margin: 	0 auto;
}

#header{
	position: 	relative;
	height: 	152px;
	background: url(../images/gfx/header-bg.jpg) no-repeat center top;
}

#blue-bar{
	height: 	230px;
	background: url(../images/gfx/blue-bar-bg.jpg) no-repeat center top;
}

#cycler{
        background: url(../images/s0.jpg) no-repeat;
}

#cycler, #cycler p{
        height:230px;
}

#sidebar{
	width: 		260px;
	float: 		left;
	min-height: 200px;
}

#maincontent{
	width: 		670px;
	padding: 	10px 10px 10px 20px;
	float: 		left;
	min-height: 200px;
}

#footer{
	clear: 		left;
	padding: 	30px;
	text-align: center;
}


/* @group NAVIGATION */

#main-menu{
	float: right;
	margin: 20px 0 0 0;
}

#main-menu ul{
	list-style-type: none;
}

#main-menu ul li{
	list-style-type: none;
	float: 			left;
	margin: 		0 10px 0 10px;
}

#main-menu ul li a{
	padding: 		0 0 0 10px;
	font-weight: 	bold;
	text-decoration: none;
	color: 			#40495f;
}

#main-menu ul li a:hover{
	background: 	url(../images/gfx/menu-dot.gif) left center no-repeat;
}

#main-menu ul li.active{
	background: 	url(../images/gfx/menu-dot.gif) left center no-repeat;
}

#main-menu ul li.active a{
	color: #40527e;
}

.productlink, .employmentlink{
       display:block;
       margin:10px 0 10px 0;
       padding:0 0 5px 20px;
       text-decoration:none;
       font-size:1.1em;
       border-bottom:1px solid #ddd;
       background:url(../images/gfx/side-list-bullet.gif) no-repeat left top;
}

.productlink:hover, .employmentlink:hover{
       background: url(../images/gfx/side-list-bullet.gif) no-repeat 2px top;
       color: #aaa;
}

.abutton{
       font-size:14px;
       padding:5px 10px;
       background: #0454a6 url(../images/gfx/button-bg.png) repeat-x center left;
       color:#fff;
       text-decoration:none;
       letter-spacing:0;
       height: 15px;
       -webkit-border-radius:5px;
       -moz-border-radius:5px;
       
      
}

a.abutton { height: 20px;}

.abutton:hover{
       background: #0488ff url(../images/gfx/button-bg.png) repeat-x center left;
       color:#fff;
}

.employment-pane{
      display:none;
}

.category-pane{
       margin:0 5px 10px 5px;
       padding:0 5px 10px 5px;
       border-bottom:1px solid #ddd;

/*       border:1px solid #ddd;
       -webkit-border-radius:5px;
       -moz-border-radius:5px;
*/
}

.category-pane .side-list{
        width:180px;
        padding: 0 10px;
        float:right; 
}

.category-pane h3{
       padding:0 0 5px 0;
}


.category-pane p{
       font-size:0.8em;
       height:90px;
       padding:0 5px 0 5px;
       overflow:hidden;
}

.category-image{
       margin:5px 0 0 0;
       float:left;
       width:200px;
       height:100px;
}

.pdf-button{
       position:absolute;
       bottom:5px;
       left:5px;
       display:block;
       width:200px;
       height:50px;
       text-indent:-9999px;
       background:url(../images/gfx/pdf-button.jpg) no-repeat center center;
}

.category-subtitle{
       font-size:0.75em;
       font-weight:bold;
       color:#666;
}

.product-pane{
       position:relative;
       width:30%;
       height:380px;
       float:left;
       margin:0 0 10px 1%;
       padding:0 5px 10px 5px;

       border:1px solid #ddd;
       -webkit-border-radius:5px;
       -moz-border-radius:5px;

}

.product-pane h3{
       border-bottom:1px solid #ddd;
       padding:5px 0 10px 5px;
       margin-bottom: 10px;
}


.product-pane p{
       font-size:0.9em;
       padding:0 5px 0 5px;
       overflow:hidden;
}



/* @end */

/* @group HEADER CONTENT */

#logo{
	padding: 20px 0 0 0;
}

#header-tagline{
	color: 		#999;
	position: 	absolute;
	top: 		70px;
	left: 		200px;
	font-size: 	1.7em;
	letter-spacing: -0.05em;
}

#header-buttons{
	color: 		#999;
	position: 	        absolute;
	top: 	     	        100px;
	right: 		0;
	font-size: 	1.7em;
	letter-spacing: -0.05em;
}


/* @end */


/* @group TYPE & LISTS */

h1{
	font-weight: normal;
	font-size: 1.7em;
	color: #0e5fb2;
	letter-spacing: -0.05em;
	
	margin: 		10px 0 10px 0;
	padding: 		0 0 10px 0;
	border-bottom:  1px solid #ddd;
}

h2{
	font-size: 1.3em;
	color: 		#999;
	margin: 	5px 0 5px 0;
	padding: 	0 0 0 0;
}

#sidebar h2{
	font-size:         1.3em;
	color: 		#999;
	margin: 	        15px 0 15px 0;
	padding: 	        0 0 0 0;
}

h3{
	font-size: 1.2em;
	color: 		#888;
	margin: 	5px 0 5px 0;
	padding: 	0 0  0;
}

h4{
	font-size: 1.1em;
	color: 		#777;	
	margin: 	5px 0 5px 0;
	padding: 	0 0 0 0;
}

h5{
	font-size: 1.0em;
	color: 		#666;	
	margin: 	2px 0 2px 0;
	padding: 	0 0 10px 0;
}

p{
	font-size: 0.9em;
	color: 		#444;	
	margin: 	10px 0 5px 0;
	padding: 	0 0 10px 0;
}

#blue-bar p{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

a{
	color: #0454a6;
}

a:hover{
	color: #0488ff;
}

b, strong{
	font-weight: bold;
}

i, em{
	font-style: italic;
}

.back-button{
        display:block;
        margin-bottom:10px;
}

#maincontent li {
	list-style-type: square;
	list-style-position: inside;
	list-style-image: url(../images/gfx/menu-dot.gif);
	line-height: 1.7em;
	color: #666;
}


/* @end */


/* @group HELPERS */

.cb{
	clear: both;
}

.cl{
	clear: left;
}

.cr{
	clear: right;
}

/* @end */


div.ContactForm {
	
	width: 200px;
	
}

input {
border:1px solid #CCCCCC;
color:#666666;
font-size:1.1em;
font-weight:bold;
letter-spacing:-0.05em;
margin:5px 10px 5px 0;
padding:5px;
text-align:left;
}

textarea {
border:1px solid #CCCCCC;
font-family:"Trebuchet MS",Helvetica,Tahoma,Arial;
font-size:1.2em;
height:100px;
margin:0;
padding:5px;
width:400px;
margin-top: 5px;
}

div.ContactForm p {
	
	margin:0px; padding: 0px; margin-bottom: 5px;
}


div.ContactForm label {
	
	
}

.button {
        font-size:1.1em;
	font-weight:normal;
	background: #4394e5;
	color: white;
	padding:5px 10px;
        border:0;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        cursor:pointer;
}

.button:hover{
 	background: #0488ff;
}

table#wlpeViewProfileTable td, table#userList td { border: none; background-color: #f9f9f9; vertical-align: middle; padding: 4px 10px; }

table#userList {width: 680px;}

table#userList td.lastLogin { font-size: 9px;}
table#userList td.tabUsername { width: 130px;}
table#userList td.tabActivate { width: 90px; }

table.tabFiles td, table.tabFiles th  { border: none; background-color: #FFF; vertical-align: middle; padding: 4px 10px;}

table.tabFiles {width: 610px;}

tr.trclass th { background-color: #d5e8f6;} 

tr {
border:1px solid #E1E1E1;
}

#wlpeLogin p,  {

margin: 0px;
padding: 0px;
}

#ServiceForm p {
margin: 0 0 0 0;
padding: 0px;
}

#ServiceForm label {
	padding-bottom: 10px;
}

#ServiceForm textarea {
	margin-bottom: 10px;
}

#wlpeUser label { display: block; width: 350px; overflow: hidden; }
#wlpeUser input { float: right; overflow: hidden; }
#wlpeUser textarea { float: right; overflow: hidden; width: 335px; margin-bottom: 10px; }
#wlpeUser select { float: right; overflow: hidden; margin-bottom: 10px; width: 172px; }
#wlpeUser img {  margin-bottom: 10px;  }
#wlpeUser fieldset { margin: 10px 0px; }
#wlpeUserButtons  {width: 350px;}

#wlpeLogin label { display: block; width: 300px;  overflow: hidden; vertical-align: text-top; }
#wlpeLogin input { float: right; overflow: hidden; }
#wlpeLogin select { float: right; overflow: hidden; margin-right: 10px; }