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

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

div { font-size: 1.5rem;
	  color: rgb(105, 105, 105);
    }

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.label { float: left; 
			width: 100px; 
			text-align: right; 
			vertical-align: top;
			padding-right: .25em;
			font-weight: bold;
			font-size: inherit; 
		}
				
div.longlabel { float: left; 
				width: 200px; 
				text-align: right; 
				vertical-align: top;
				padding-right: .25em;
				font-weight: bold;
				font-size: inherit; 
			}

					
div.field { width: 190px; 
			float: left;
			vertical-align: top;
			font-size: inherit;
			}
					
div.midfield {  width: 240px; 
				float: left;
				vertical-align: top;
				font-size: inherit;
			 }
					
div.longfield { width: 290px; 
				float: left;
				vertical-align: top;
				font-size: inherit; 
				}
			 
.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;
			 }


.form_error	{ 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: #990000;
	   			}
				
.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: inherit;
					 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: inherit;
					 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%;
				
		}
		
.sidebarnav { background-color: #F4DDA2; }

#sidebarOverlay { background-color: #F4DDA2;
			   	  width: 100%; 
			      margin-top: 0;
				  padding-top: 0;
				  padding-bottom: 10em;
				  padding-left: .25em;
				  padding-right: .25em;
				   
}