html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}

html { height:100%; }
body { min-height: 100%;background: #333 url(/images/classy_fabric.png); font-family: 'Open Sans', sans-serif; line-height: 1.6em; }

h2 { font-size: 200%; font-weight: bold; margin-bottom: 0.75em; }
h2 a { text-decoration: none; color: #4C4A3D; }
h3 { font-size: 150%; font-weight: bold; margin-bottom: 0.5em; }
p { margin-bottom: 1em; }

#wrapper { padding: 20px; }
#main{ margin: 0 auto; background: #EADCAD; width: 750px; color: #4C4A3D; min-height: 400px; box-shadow: 0 0 5px #000; text-align: left; position: relative; }

#hd{ position: relative; 
	background: #EADCAD;

}
h1 { padding: 1em; display: inline-block; }
h1 a { display: block; padding: 5px; font-weight: bold; text-decoration: none; color: #000; font-size: 200%;  }
#beta { color: rgba(0,0,0,0.5); font-size: 60%; }

#menuBar { min-height: 24px; 
	background: rgba(255,255,255,0.65);
	padding: 5px 0;
	color: #FFFFFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
	}
	
#menuWrapper {
	padding: 5px; 
	 min-height: 24px; 
	 position: relative; 
	 background: #e84a4a;
background: -moz-linear-gradient(top,  #e84a4a 0%, #b21a1a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e84a4a), color-stop(100%,#b21a1a));
background: -webkit-linear-gradient(top,  #e84a4a 0%,#b21a1a 100%);
background: -o-linear-gradient(top,  #e84a4a 0%,#b21a1a 100%);
background: -ms-linear-gradient(top,  #e84a4a 0%,#b21a1a 100%);
background: linear-gradient(top,  #e84a4a 0%,#b21a1a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84a4a', endColorstr='#b21a1a',GradientType=0 );

	 /*
	background: #3690c4;
	background: -moz-linear-gradient(top,  #3690c4 0%, #1459ad 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3690c4), color-stop(100%,#1459ad));
	background: -webkit-linear-gradient(top,  #3690c4 0%,#1459ad 100%);
	background: -o-linear-gradient(top,  #3690c4 0%,#1459ad 100%);
	background: -ms-linear-gradient(top,  #3690c4 0%,#1459ad 100%);
	background: linear-gradient(top,  #3690c4 0%,#1459ad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3690c4', endColorstr='#1459ad',GradientType=0 );*/
}
#menuBar a {color: #FFD8D8; text-decoration: none; font-weight: bold; font-size: 110%; }
#userLinks { float: right; }

#bd { text-align: left;  padding: 1.5em; }
.content { margin: 1em; position: relative; }
#ft{ margin: 0 auto; width: 750px; text-align: left; position: relative; color: #AAA;}
#feedback { color: #21b4e2; }
#siteBy { position: absolute; right: 0; top: 0; }
#siteBy a { color: #21b4e2; }

.nav li { display: block; float: left; padding: 0 10px; }

.subnav { width: 75%; margin: 15px auto; padding: 0; font-size: 14px; }
.subnav li { width: 20%; display: block; float: left; margin: 0 6%; padding: 0; text-align: center; }
.subnav li a { display: block; background-color: #D3C185; padding: 0.25em; text-decoration: none; }

#navLinks { float: left; }

.button {
	cursor: pointer;
	display: inline-block;
	padding: 5px;
	margin: 0 5px;
	border-radius: 5px;
	border: 1px solid #62910B;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	text-decoration: none;
	color: #000;
	background: #ffa10a;
background: -moz-linear-gradient(top,  #ffa10a 0%, #d67200 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa10a), color-stop(100%,#d67200));
background: -webkit-linear-gradient(top,  #ffa10a 0%,#d67200 100%);
background: -o-linear-gradient(top,  #ffa10a 0%,#d67200 100%);
background: -ms-linear-gradient(top,  #ffa10a 0%,#d67200 100%);
background: linear-gradient(top,  #ffa10a 0%,#d67200 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa10a', endColorstr='#d67200',GradientType=0 );


}

.bad {
	background: #ff3019;
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
	background: linear-gradient(top,  #ff3019 0%,#cf0404 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
}
	
.box { border: 1px solid #666666; }
.left { float: left; clear: left; width: 44%; padding: 1em; }
.right { float: right; clear: right; width: 44%; padding: 1em; }

.success { width: 50%; margin: 5px auto ; padding: 5px; border: 3px solid #00CC00; background-color: #cdeb8e;  color: #000000; text-align: center;  border-radius: 5px; }
.error { width: 50%; margin: 5px auto ; padding: 5px; border: 3px solid #CC0000; background-color: #ff5c5c;  color: #000000; text-align: center;  border-radius: 5px; }
.warning { margin: 10px auto; width: 50%; text-align: center; padding: 10px 10px 10px 44px; background: #F9EB9A url(/images/warning.png) 10px 50% no-repeat; border: 3px solid #EFCF17; border-radius: 5px; }
.optional { font-size: 75%; color: #777; }

.clear{ clear: both; }
.center { width: 100%; text-align: center; }
.spinner { background-image: url(/images/ajax-loader.gif); background-repeat: no-repeat; background-position: 0 50%; padding-left: 20px; min-height: 20px; display: block; }
.forceDisplay { display: block !important; }
.row { background-color: #FFFFFF; }
.row2 { background-color: #EEEEEE; }

.field { margin-bottom: 1em; overflow: hidden; }
.field label { font-size: 125%; display: block; }
.field input, .field textarea, .field select { background: #D3C185; border: none; font-size: 125%; padding: 0.25em; }

.field.checkbox label { display: inline-block; }
.field.checkbox input { float: left; margin-top: 4px; margin-right: 10px; }

.padMore th {padding: 4px 10px 4px 10px;}

table { width: 100%; margin: 1.5em 0; border-collapse: separate; }
thead { background: #4F4938; color: #FFF;  font-weight: bold; border-radius: 5px 5px 0 0; }
thead th { border-bottom: 1px solid #608700; }
td, th { padding: 4px; }
tbody td { border-bottom: 1px solid #999; }
tr.active { background: #D3C185; }

.widgetForm { float: left; }
.widgetPreview { width: auto; text-align: center; min-height: 80px; padding:1em; margin: 1em 0; display: none; } 
.widgetCode { display: none; }

#pitch { margin: 0 0 1em; }
#pitch p { margin: 0; }
#pitch img { float: right; margin-left: 1em; }

#newUserHelp { margin-top: 1em; }

@media only screen and (max-width: 600px) {
	#wrapper { padding: 0; }
	#main, #ft { width: 100%; margin:0; padding: 0; box-shadow: none;}
	.left, .right { float: none; clear: both; width: auto; padding: 1em; margin: 1em 0; }
	.nav li { padding: 0 5px; }
	#newUserHelp { display: none; }
}