/***********************
 * 
 *     styles.css
 *
 *     for worksupport.com
 *
 ***********************/

#print	{ width: 600px; 
		  font-family: arial, verdana, sans-serif;
		}
	
hr {  }

th	{ text-align: left; }

.indent { margin-left: 40px; }

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

.center { align: center; }

.smaller { font-size: 90%;}

.tiny { font-size: 75%; }

.tight { margin: 65%; }



.paragraphLabel	{ font-weight: bold;
				  margin-left: 10px;
				  padding-top: 25px; 
				  padding-bottom: 25px; 
				}
		

.bold { font-weight: bold; }

.italic { font-style: italic; }

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;
				}
		

div.clear { height: 0px; 
			clear: both;
		  }
		  
clear { /*height: 1em;*/
		clear: both;
		
		}
		
br.clear { clear: both; }

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.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.field { width: 190px; 
					float: left;
					vertical-align: top;
					font-size: 10pt; 
				    }
					
div.longfield { width: 290px; 
					float: left;
					vertical-align: top;
					font-size: 10pt; 
				    }
			 
.underline { text-decoration: underline; }
	  
.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;
			   }
			  
.bold { font-weight: bold; }

.boldAndBlue { font-weight: bold;
			  color: #003399;
			 }

.required	{ font-weight: bold;
			  color: #990000; }
			  
.tableRow { line-height: 1.4; }
 
.altRow  { line-height: 1.4; 
		   background-color: #DDDDDD; 
		 }

.error, .alert { font-family: arial, sans-serif; 
	      		 font-weight: bold;
		 		 color: #FF0000;
	   			}
				
.indent1	{ margin-left: 2em;
			  float: left; }

.indent2 { margin-left: .5em;
			float: left;
		 }
		 
.imageLeft { float: left; 
			 margin-top: .5em;
			 margin-right: 1em;
			 margin-bottom: .5em;
			}
.imageRight { float: right; 
			   margin-top: .5em;
			 margin-left: 1em;
			 margin-bottom: .5em;}
			 
.author { font-weight: bold;
		  font-size: 10pt;
		  }
		  
.options	{ 	float: left;
                width: 150px;
				margin-left: 200px;
			}
			
.underline { text-decoration: underline; }

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: 399px;
						float: left;
					 	font-size: 10pt;
					 	margin-left: 15px;
					}
				 
div.webcastColumn1 { float: left; 
				   width: 100px;
				   vertical-align: top;
				   text-align: center;
				  }

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

div.spacer { width: 50px; 
			 float: left; }
			 
div.staffContainer {  
					 width: 425px;
					 font-size: 10pt;
					 margin-left: 15px;
					} 
					
div.imgContainer { float: left; 
				    width: 105px;
				}
				
div.infoContainer { float: left; 
				    width: 325px;
				}
				
.left { float: left; 
		width: 0px; }
		
.normal { font-size: 100%; 
		  font-weight: normal;
		  }

.spaced {margin-bottom: 8px; }

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

div.productName { float: left; 
				  width: 274px;
				  padding-right: 10px; 
				}
			
div.indent	{ margin-left: 25px; }

.blogCredit {	float: right; 
				width: 400px; 
				text-align: right;
				font-size: 75%;
				
		}