body{
	font-family: 	Verdana, Arial, Helvetica, sans-serif ;
	font-size: 12pt;
	background: #fff ;
	background-repeat: no-repeat;	
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 10px;
	padding: 10px;
	text-align: left;
	line-height: 22px;
	background: #3B5A61 url("styleImages/bg.gif") repeat-y center 0;
}
	
	
table{ 
	border-style: none; 
	outline-style: none
}
	
td{ 
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: #333; 
	padding: 2px; 
	border-style: none ;
	font-size: 12px;
	text-align: left;
	word-spacing: 5px;
	letter-spacing: 1px;
	line-height: 16px;
}
table.backups{ 
	border-style: none; 
	outline-style: none;
	margin-left:10px;
}

tr.backups:hover{ 
	background-color: #e5e5e5;
}

td.backups{ 
	border-width: 0px; 
	outline-style: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin:0px;
}


a{ 
	color: #346D7D; 
	text-decoration: none 
}
a:hover{ 
	color: #66cc33; 
}

a.newButton{
	font-size:9px;
	color:#0c0;
	word-spacing: 1px;
	font-weight:bold;
	letter-spacing:1px;
	
	
}
a.newButton:hover{
	color:#5f5;
}
a.alert{
	font-size:9px;
	color:#c00;
	word-spacing: 1px;
	font-weight:bold;
}
a.alert:hover{
	color:#f55;

}
button.alert{
	color:#f55;

}

.edit{
	font-size:9px;
	word-spacing: 1px;
	letter-spacing:1px;
}


H1{
	font-size:16px;
	line-height:18px;
	margin:0px;
}

input.title{
	font-family: 	Verdana, Arial, Helvetica, sans-serif ;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	width:100%;
	word-spacing: 5px;
	letter-spacing: 1px;
	line-height: 16px;
	
}

H2{
	font-size:12px;	
}

HR{
	border:  0px solid #fff;
	background: #346D7D url("styleImages/hr.jpg");
	height:1px;
	background-repeat: no-repeat;
	width:730px;
}


#bgContainer{
	position: relative;

	text-align:left;
	vertical-align: top;
	top: 0px;
  	margin: 0 auto;
	padding: 20px;
	width:990px;
	height:1200px;

}

#logo{
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 24px;
	padding: 0px;
	
	text-align: left;
	letter-spacing: 3px;
	line-height: 14px;
	width: 450px;
	color: #777;
}
img.logo{
	margin: 10px;
	margin-bottom: 5px;

}
#mbl{
	font-size: 10px;
	padding: 0px;
	margin-left:22px;
	text-align: left;
	word-spacing: 5px;
	letter-spacing: 1px;
	line-height: 14px;
	width: 500px;
	color: #346D7D;
	margin-bottom: 3px;
}

#history{
	position: absolute;
	left: 260px;
	top: 110px;
	font-size: 10px;
	padding: 10px;
	text-align: left;
	letter-spacing: 2px;
	line-height: 14px;
	width: 700px;
	color: #66ff33;
}
a.historySelected{
	color: #66ff33;
	}
a.history{
		color: #346D7D;
		}

#flowText{
	
	position: absolute;
	left: 260px;
	top: 139px;
	width: 730px;
	font-size: 12px;
	padding: 10px;
	text-align: left;
	background: #fff;
	
}
#sideText{
	
	width: 250px;
	font-size: 12px;
	padding: 10px;
	text-align: left;
	
}
#menu1{
	
	position: absolute;
	text-align:left;
	left: 265px;
	top: 0px;
	font-size: 14px;
	padding-top: 10px;
	letter-spacing: 2px;
	line-height: 25px;
}
a.menu1{
	color:#346D7D;
	font-weight:bold;
	padding-left: 5px;	
	padding-right: 10px;	
	letter-spacing: 1px;

}
a.menu1:hover{
	color: #999;
	
}
a.menu1a{
	color:#66ff33;
	font-weight:bold;
	padding-left: 5px;	
	padding-right: 10px;	
	letter-spacing: 1px;
}
	
#menu2{
	position: absolute;
	text-align:left;
	left: 0px;
	top: 170px;
	font-size: 13px;
	padding-top: 10px;
	width: 240px;


}
a.menu2{
	padding: 3px 4px 3px 20px;
	display: block;	
	background-image: url("styleImages/ArrowR.jpg");
	background-repeat: no-repeat;
	width: 250px;
	height: 12px;
	letter-spacing: 1px;
	line-height:14pt;

}
a.menu2:hover{
	color: #66ff33;

}
a.menu2a{
	padding: 3px 4px 3px 20px;
	display: block;	
	background-image: url("styleImages/ArrowD.jpg");
	background-repeat: no-repeat;
	color: #66ff33;
	width: 250px;
	height: 12px;
	letter-spacing: 1px;
	line-height:14pt;


}
a.menu2a:hover{
	color: #66ff33;

}
div.menuSpacer{
	line-height:5pt;

}
img.menu2{
 padding-top:7px;
 padding-bottom:7px;

}
img.divider{
 padding-top:8px;

}

hr.menu2{
	background: #fff url("styleImages/menu2HR.jpg");
	height:1px;
	background-repeat: no-repeat;

}
a.submenu2{
	font-size: 11px;
	letter-spacing: 1px;
	word-spacing: 1px;
	padding-left: 40px ;
	display: block;			
	width: 250px;
	height: 17px;
	line-height:15pt;
	}
a.submenu2:hover{
		color: #66ff33;
	}
a.submenu2a{
	color: #66ff33;
	font-size: 11px;
	letter-spacing: 2px;
	word-spacing: 2px;
	padding-left: 40px ;
	display: block;			
	width: 250px;
	height: 17px;
	background: #fff url("styleImages/selected.jpg");
	background-position: 0px 1px;
	background-repeat: no-repeat;
		line-height:15pt;

}
	
img.autoImages{
	float:right;
	margin:15px;
	margin-right: 0px;
	background: #fff;
	
	
 }
  
#fade{
   filter: alpha(opacity=0);  
  -moz-opacity:0.0;  
  opacity: 0;    	

}

#loadImageDialog{
	position:absolute; 
		visibility: hidden; 
		background:#ffc; 
		top:55px ; 
		left:300px; 
		border: dashed 1px ; 
		padding: 20px
}

li{
	
	padding: 5px;
	text-align: left;
}



textarea{
	border: solid 1px #9cc;
	font-size: 12px;
	padding: 2px;
	letter-spacing: 1px;
	line-height: 16px;
}
input{
	border: solid 1px #9cc;
	font-size: 12px;
	padding: 2px;
	letter-spacing: 1px;
	line-height: 16px;

}
select{
	border: solid 1px #9cc;
		font-size:12px;

}
fieldset{
	border: solid 1px #9cc;
}


a.admin{
	color:#f99;
	background:#555;
	font-size: 11px;
	font-weight:bold;
	letter-spacing: 3px;
	padding-left: 10px ;
	padding-bottom: 6px ;
	display: block;			
	width: 100px;
	height: 12px;
}
	
a.admin:hover{
	color: #fcc;
	background:#777;
}

