/*******************************
 *
 * worksupport.css
 *
 * One of three stylesheets for worksupport.com
 *
 * Authors: Chia Chiu and Doug Erickson
 *
 *******************************/
 

/*******************************
 *
 *     html elements 
 *
 *******************************/ 


body, .normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	color: #000000;
	font-weight: normal;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #424972;
	margin-top: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #424972;
	font-weight: bold;
	margin-top: 5px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #424972;
	margin-top: 5px;
}

h4 { font-family: arial, helvetica, sans-serif;
	 font-size: 100%;
	 font-weight: bold;
	 color: #424972;
	}

p { margin-bottom: 1em; }

a { color: #424972;
	text-decoration: underline;
}

a:hover  {
	color: #90A0B3;
	text-decoration: underline;
}

a:visited { 
	color: #800080;
	text-decoration: underline;
	}

form {
	margin: 0px;
	padding: 0px;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}

.search td {
	padding-right: 2px;
	padding-left: 2px;
}

input.searchbox {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

li  { margin-bottom: .5em; }

hr {  }

tr { line-height: 1.4; }

th	{ text-align: left; }

br.clear { clear: both; }





/**********************************
 *
 *      layout 
 *
 **********************************/


clear { /*height: 1em;*/
		clear: both;
		
		}

.oneandhalfspace { margin-bottom: 6px; }


.doublespace  { margin-bottom: 10px; }

.viewcart { float: right; 
			width: 100px; 
			text-align: right; 
			font-weight: bold;
			}

.indent { margin-left: 40px; }

.indentRightAlign { margin-left: 15px; 
					text-align: right;
				  }

.center { align: center; }

.tight { margin: 65%; }

div.label { float: left; 
				    width: 100px; 
					text-align: right; 
					vertical-align: top;
					padding-right: .25em;
					font-weight: bold;
					font-size: 10pt; 
				}
				
div.longlabel { float: left; 
				    width: 200px; 
					text-align: right; 
					vertical-align: top;
					padding-right: .25em;
					font-weight: bold;
					font-size: 10pt; 
				}
				
div.extralonglabel { float: left; 
				    width: 275px; 
					text-align: right; 
					vertical-align: top;
					padding-right: .25em;
					font-weight: bold;
					font-size: 10pt; 
				}
				
div.plainlabel { 	float: left; 
				    width: 150px; 
					text-align: right; 
					vertical-align: top;
					padding-right: .25em;
					font-size: 10pt; 
				}
				
div.field { width: 190px; 
					float: left;
					vertical-align: top;
					font-size: 10pt; 
				    }
					
div.longfield  { width: 290px;  
					float: left;
					vertical-align: top;
					font-size: 10pt; 
				    }


div.brownbagContainer { width: 399px;
					float: left;
					 font-size: 10pt;
					 margin-left: 15px;
					}

div.brownbagColumn1 { float: left; 
				   width: 100px;
				   vertical-align: top;
				   text-align: center;
				  }

div.brownbagColumn2 { float: left; 
				   width: 275px; 
				   padding-left: 20px;
				   vertical-align: top;
				 }
				 
div.webcastContainer { width: 390px;
						float: left;
					 	font-size: 10pt;
					 	padding-left: 8px;
					}
				 
div.webcastColumn1 { float: left; 
				   width: 100px;
				   vertical-align: top;
				   text-align: center;
				  }

div.webcastColumn2 { float: left; 
				   width: 275px; 
				   padding-left: 10px;
				   vertical-align: top;
				 }

div.spacer { width: 50px; 
			 float: left; }
			 
div.staffContainer {  
					 width: 300px;
					 font-size: 10pt;
					 margin-left: 15px;
					} 
					
div.imgContainer { float: left; 
				    width: 105px;
					margin-right: 1em; 
					margin-bottom: 1em;
				}
				
div.infoContainer { float: left; 
				    width: 175px;
				}

div.productImg  { float: left; 
				  width: 100px;
				  padding-right: 25px;
				 }

div.productName { float: left; 
				  width: 274px;
				  padding-right: 10px; 
				}
				
div.short { float: left; 
			width: 20px;
			text-align: right; 
			}
			
div.long { float: left; 
		   width: 350px; 
		   }
		   
.spaced {margin-bottom: 8px; }

.left { float: left; 
		width: 0px; }
		
.floatleft { float: left; 
			 width: 295px; }
		
.imageLeft { float: left; 
			 /*width: 200px;*/
			 margin-top: 0px;
			 margin-right: .5em;
			 margin-bottom: .5em;
			}
.imageRight {  float: right; 
			   /*width: 200px;*/
			   margin-top: 0px;
			   margin-left: .5em;
			   margin-bottom: .5em;}
			 
.options	{ 	float: left;
                width: 150px;
				margin-left: 200px;
			}
			
.indent1	{ margin-left: 2em;
			  float: left; }

.indent2 { margin-left: .5em;
			float: left;
		 }
		 
.tableRow { line-height: 1.4; }
 
.altRow  { line-height: 1.4; 
		   background-color: #DDDDDD; 
		 }

.row0 { background-color: #DDDDDD; }

.row1 { background-color: #FFFFFF; }



div.row span.label { 
					 float: left;
					 width: 200px;
					 text-align: right;
					 vertical-align: top;
					 padding-right: .25em;
					 font-weight: bold;
					 /*margin-bottom: .5em;*/
				   } 
		   
div.row span.field  {
					  /*vertical-align: top;*/
					  /*margin-bottom: .5em;*/
			 		}
					
div.row div.label { float: left; 
				    width: 100px; 
					text-align: right; 
					vertical-align: top;
					padding-right: .25em;
					font-weight: bold;
					font-size: 10pt; 
				}




					
div.row div.field { width: 190px; 
					float: left;
					vertical-align: top;
					font-size: 10pt;
				    }
					
div.clear { height: 0px; 
			clear: both;
		  }
		  
div.row { /*float: left;
		  clear: left;*/
		  padding-top: .25em;
		  margin-bottom: .25em; 
		  width: 550px; 
		  height: auto;
		  font-size: 10pt; 
		}

div.column		{ width: 200px;
				  float: left;
				  }
		
div.column1		{ width: 525px; 
				  float: left;
				 }
		
div.column2 	{ width: 250px; 
			  	  float: left; }

div.column3		{ width: 175px; 
				  float: left;
				}
				
div.column4		{ width: 125px; 
				  float: left;
				}		  

			 
.breakword { word-wrap: break-word; }

.thin_left { float: left; 
			 width: 80px; 
			 margin-right: 2em;
			 margin-bottom: 5px; 
			 }

.pagebreak { page-break-after: always; }


/*********************************
 *
 *    text formatting
 *
 *********************************/
 
.none { font-weight: normal;
		font-size: 100%; 
	}

.search {
	font-size: 11px;
	color: #CCCCCC;
}

.advsearch {
	font-size: 10px;
	color: #CCCCCC;
}

.likeh3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #424972;
	font-weight: bold;
}

.likeh3_float {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #424972;
	font-weight: bold;
	float: left; 
	width: 200px; 
	vertical-align: top;
}
	
.likeh4 { font-family: arial, helvetica, sans-serif;
	 		font-size: 100%;
	 		font-weight: bold;
	 		color: #424972;
	}
	
.bold_blue { font-family: arial, helvetica, sans-serif;
	 		font-size: 100%;
	 		font-weight: bold;
	 		color: #424972;
	}
	
.smallbold { font-size: 85%; 
			 font-weight: bold;
			 }
	
.bold { font-weight: bold; }

.italic { font-style: italic; }

.underline { text-decoration: underline; }

.smaller { font-size: 90%;}

.tiny { font-size: 75%; }


.form_error  { font-weight: bold;
			   font-size: 115%;
			   color: #990000; 
			 }
			  
.error, .alert { font-family: arial, sans-serif; 
	      		 font-weight: bold;
		 		 color: #FF0000;
	   			}
				
.author { font-weight: bold;
		  font-size: 10pt;
		  }
		  
.paragraphLabel	{ font-weight: bold;
				  margin-left: 10px;
				  padding-top: 25px; 
				  padding-bottom: 25px; 
				}
				
.pageTitle { font-size: 16pt;
             font-weight: bold;
			 text-align: center;
			 padding-bottom: 1em;
			 /*background-color: yellow;*/
		   }
		   
.sectionTitle { font-size: 13pt; 
				font-weight: bold;
			  }
				
.sectionHeader { border: 1px solid gray; 
				 width: 500px;
				 padding: .25em; 
				 margin-top: 2em;
				 margin-bottom: 1em;
			   }
			   
.outline { border: 1px solid black; 
		   padding: .5em; 
 		}
		
		

		
/***************************/