/**
 * Hypertech Web Software
 * 
 * This is NOT Free Software
 * This software is NOT Open Source.
 * Please see hyptechdesigns.com for more information.
 * 
 * Use of this software is binding of a license agreement.
 * This license agreeement may be found at hypertechdesigns.com
 * 
 * HyperTech Designs DOES NOT offer this software with any WARRANTY whatsoever.
 * HyperTech Designs DOES NOT offer this software with any GUARANTEE whatsoever.
 *  
 * @copyright 2008 Hypertech Designs. All Rights Reserved.
 * @author Bryan Tong <bryan.tong@hypertechdesigns.com>
 * @license http://www.hypertechdesigns.com
 * @link http://www.hypertechdesigns.com
 * @since 2008 Version 1.0
 * @version 1.0
 * 
 */
 
 * {margin: 0; padding: 0;}
 
 .floatLeft {float: left;}
 .floatRight {float: right;}
 
 .left {text-align: left;}
 .center {text-align: center;}
 .right {text-align: right;}
 
 .clearBoth {clear: both;}
 
 a {
 	color: blue;
 	text-decoration: none;
 }
 
 a:hover {text-decoration: underline;}
 
 img {border: 0px;}
 
 input, textarea, select {
	background:#F4F4F4 none repeat scroll 0%;
	border:1px solid #606C73;
	padding:3px;
 }
 
 input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus {
	background:#FFFFFF none repeat scroll 0%;
	border-color:green;
 }
 
 .message {
 	margin: 10px; padding: 10px;
 	margin-bottom: 0px;
 	border: 1px solid #444444;
 	background: #f5f89c;
 	color: #7d8033;
 	font-weight: bold;
 }
 
 html,body {
 	font-family: verdana;
 	font-size: 12px;
 	color: #333333;
 }
 
 
 body {
 	background: #d3e2ed url("images/page_bg.jpg") repeat-x top left;
	text-align: center;
 }
 
 .widthWrapper {
 	width: 900px;
 	margin: auto auto;
 }
 
 .pageWrapper {
 	background: #eaeaea;
 	width: 900px;
 	margin: auto auto;
	text-align: left;
 }
 
 .top {

 }
 
 .top {
 	background: url("images/header-bg.jpg") no-repeat top right;
 	color: #ab4a4a; 
 	font-family: times;
 	height: 184px;
 }
 
 .toplinks {
	text-align: right;
 	padding: 10px;
	font-size: 12px;
	padding-bottom: 89px;
 }
 
 .toplinks, .toplinks a {
 	color: #ffffff;
 }
 
 .logo {
	width: 190px;
 }
 
 .logo img {display: block;}
 
 .navbar {
	background: #dddddd;
	height: 28px;
}

.navbar-sub {
	background: #607fb7;
	height: 25px;
}
 
 .page-table {
 	width: 100%;
 	margin-bottom: 10px;
 }
 
 .page-table-left {
 	width: 194px;
 	padding: 0px 20px;
 }
 
 .page-table-right {
 	width: 100%;
 	padding: 0px 20px 0px 20px;
 }
 
 .side-body h2 { 
 	margin: 0px 0px 5px 0px; 
 	padding: 0px; 
 	font-size: 12px;
 	color: #065199;
 	line-height: 200%;
 	background: url("images/side-stripe.jpg") no-repeat bottom left;
 }
 
 .side-corners img { display: block; }
 
 .side-body { background: #dddddd; padding: 10px; width: 174px; }
 
 .side-body p {
 	padding: 0px 5px;
 	margin-bottom: 10px;
 	font-size: 11px;
 	color: #717171;
 	line-height: 150%;
 	font-family: arial;
 } 
 
 .block {
 	margin-bottom: 10px;
 }
 
 .block table {
 	width: 100%;
 }
 
 .block td {
	padding: 10px;
}
 
 .blockTop { 
 	/*background: url("images/content-stripe.jpg") no-repeat bottom left;*/
 }
 
 .blockTop h2 {
 	font-size: 20px;
 	line-height: 200%;
 	font-family: times;
 	color: #065199;
 }
 
 .blockSub h3 {
 	font-size: 10px;
 	color: #efefef;
 	background: #4a7aab;
 	padding: 5px;
 }
 
 .blockBody {
 	color: #5e5e5e;
 	padding: 10px;
 	border-bottom: 1px solid #afafaf;
 	line-height: 150%;
 }
 
 .blockBody ul li {margin-left: 15px;}
 
 .blockBody p {
 	margin: 5px 0px;
 }
 
 .bottom {
 	background: url("images/footer-bg.jpg") no-repeat top left;
 	height: 80px;
 	padding: 10px;
 }
 
 .footer {
 	padding-top: 20px;
 	text-align: center;
 	color: #ffffff;
 }
 
 .footer-links {
 	padding-top: 30px;
 	color: #8c8c8c;
 	font-size: 11px;
 	text-align: center;
 }
 
 .footer-links a {
 	color: #8c8c8c;
 }
 
 .footer-links a:hover {
 	color: #ffffff;
 }
 
 .poweredby {
 	padding-top: 10px;
 	text-align: center;
 	color: #666666;
 	font-size: 10px;
 }
 
 .poweredby a {
 	color: #888888;
 }
 
 .performance {
 	text-align: center;
 	color: #666666;
 	font-size: 10px;
 	padding-bottom: 10px;
 }
 
 .validBlock, .invalidBlock {
 	color: green;
 	font-size: 12px;
 	vertical-align: middle;
 }
 
 .invalidBlock {color: red;}
 
 .formStatusInvalid, .formStatusValid {
 	background: #f19393;
 	color: #791616;
 	
 	/*Common*/
 	padding: 10px;
 	border-bottom: 1px sold #444444;
 	font-weight: bold;
 }
 
 .formStatusValid {
 	background: #9fe088;
 	color: #307916;
 }