@charset "UTF-8";



/* GLOBAL CLASSES
-----------------------------------------------------------------------------------------*/


#popwrap {
	width: 600px;
	color: #283D32;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 24px;
	overflow: auto;
}

#popwrap h1 {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
	background-color: #018aa6;
	display: block;
	padding: 18px;
}

#popwrap h2 {
	letter-spacing: -1px;
	font: 700 26px/110% Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #DDF0E3;
}

.email {
	margin-top: 80px auto 0;
	border: 1px solid #999;
	padding-bottom: 20px;
}

p,  dl, hr, h1, h2, h3, h5, h6, ol, ul, pre, table, address, fieldset, img {
	margin-bottom:20px;
}



/* CONTENT
-----------------------------------------------------------------------------------------*/

#content {
	padding: 10px;
}

#content a
 {
	text-decoration: none;
	color: #283D32;
	font-weight: bold;
}
#content a:hover{
	text-decoration:underline;
}

#content .rule {
	border: none;
	border-bottom:1px solid #f0f0f0;
	border-top:1px solid #d6d6d6;
	clear:both;
	height:0px;
	line-height:0;
	width:100%;
	font-size:0;
	padding:0;
	margin-bottom :20px;
	}

#content h3 {
	padding-top: 6px;
	margin: 0 0 5;
	font-size: 24px;
}

.samplebox {
	float: left;
	width: 280px;
	margin-right: 20px;
}

.samplebox  p {
	margin-bottom: 0px;
}

#content ul   {
	list-style: lower-alpha outside;
	margin-bottom: 20px;
}

#content li {
	margin-bottom: 10px;
	margin-left: 50px;
}

.lefttext {
	float: left;
	width: 330px;
	margin-right: 20px;
	font-size: 14px;
	line-height: 18px;
}




/* LOGIN FORM
-----------------------------------------------------------------------------------------*/

.login {
	float: left;
	width: 330px;
	margin: 50px 20px 0 0;
	font-size: 16px;
	line-height: 18px;
}

.login label {
	width: 70px;
	float: left;
	padding: 8px;
	line-height: 16px;
	margin-top: 6px;
}

.text-input {
	width: 200px;
	float: right;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	border: solid 1px #999;
	color: #555;
	padding: 12px;
	font-size: 16px;
}




/* SAMPLE FORM
-----------------------------------------------------------------------------------------*/

.success{
	display: none;
	margin-left: 40px;
	padding-top: 10px;
}
.error{
	margin-left:80px;
	color: #CC3333;
	display: none;
}

#sample_form ul li{
	margin:5px 0;
	list-style:none;
	position:relative;
	background: url(../styles/none);
}
#sample_form label {
	line-height:30px;
	width:70px;
	text-align:right;
	float:left;
	margin-right:5px;
	color: #000000;
}
#sample_form input#firstname, #sample_form input#lastname, #sample_form input#company, #sample_form input#position, #sample_form input#telephone, #sample_form input#email, #sample_form input#address, #sample_form input#address2, #sample_form input#town, #sample_form input#state, #sample_form input#country, #sample_form input#zip {
	float:left;
	padding:5px;
	border:1px solid #CCCCCC;
	margin-left:5px;
	background-image:-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(255,255,255)),
		color-stop(1, rgb(248,248,248))
	);
	background-image:-moz-linear-gradient(
		center bottom,
		rgb(255,255,255) 0%,
		rgb(248,248,248) 100%
	);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#sample_form input#firstname:focus, #sample_form input#lastname:focus, #sample_form input#company:focus, #sample_form input#position:focus, #sample_form input#telephone:focus, #sample_form input#email:focus, #sample_form input#address:focus, #sample_form input#address2:focus, #sample_form input#town:focus, #sample_form input#state:focus, #sample_form input#country:focus, #sample_form input#zip:focus {
	background: #ffffff;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}
#sample_form input#firstname, #sample_form input#lastname, #sample_form input#company, #sample_form input#position, #sample_form input#telephone, #sample_form input#email, #sample_form input#address, #sample_form input#address2, #sample_form input#town, #sample_form input#state, #sample_form input#country, #sample_form input#zip {
	width:170px;
}

#sample_form input.button{
	float:right;
	margin-right: 25px;
}



/* Buttons
-----------------------------------------------------------------------------------------*/


.button, .button:visited {
	float: right;
	display:inline-block;
	padding: 8px 10px;
	color:#fff;
	text-decoration:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius: 2px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
	border-bottom:1px solid rgba(0,0,0,0.25);
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	border:0;
	background: #018aa6 url(../Images/alert-overlay.png) repeat-x;
}

.button:hover {
	background-color:#046897;
	text-decoration:none;
}

.button:active {
	top:1px;
}


/* clearing Classes MUST REMAIN AT BOTTOM
-----------------------------------------------------------------------------------------*/

group:before,
.group:after {
    content: "";
    display: table;
} 

.group:after {
    clear: both;
}

* html .clearfix, *:first-child+html .clearfix {
	zoom:1
}

.alpha {
	margin-left: 0
}
.omega {
	margin-right: 0;
	width: 224px;
}