﻿/* BROWSER RESET (based on Eric Meyer's Reset) */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,fieldset,
tt,var,dl,dt,dd,ol,ul,li,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
body {font-size: 16px;font-family: Trebuchet MS;color: #333;background: #F6F6F6;}
:focus{outline:0;}
ul{list-style:none;}
ol{list-style-position:inside;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote, q {font-style:italic;color:#666}
input,select,textarea{font-size: inherit;font-weight: inherit;font-style: inherit;font-family: inherit;padding:0 2px;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary,video{display:block;}

* html .clearfix{height:1%; overflow:visible;}/*IE6*/
*+html .clearfix{min-height:1%;}/*IE7*/
/* float clearing for everyone else */
.clearfix:after{clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0;}

html,body{height:100%}
a{color:#00F;text-decoration:none;cursor:pointer;}
a:visited{color:#00F;}
a:hover{text-decoration:underline;}
h1{color:#365F91;font-size: 24px;}
h2{color:#5c87b2;font-size: 18px}
h3{color:#4F81BD;font-size: 16px}
h5,h6{color:#666;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h2.title{margin:0.5em 0;}
small {font-size: .8em; color: #666;}
p{margin:.5em;}
option{height:1.22em;}

_fieldset{border:solid 1px #ddd;}
fieldset{padding:10px;}
legend{font-size:200%;color:#999;font-weight:bold;}

form>fieldset{border:none;padding:0;}

#page,#wrap,#content{position:relative;}
#page{margin: 0 auto;max-width: 960px;min-width:320px;}

#content{padding:0px 5px;min-height:300px;}
#wrap
{
	padding:0 4px 5px;
	border: solid 1px #ccc;
	background-color:#fff;
	border-top-width:0;
}
#wrap>header
{
	border-bottom: 1px solid #999;
	position: relative;
	margin-bottom: 10px;
	min-height:22px;
}

h1>a,h1>a:visited,h1>a:active,h1>a:hover,
#wrap>header>a,#wrap>header>a:visited,#wrap>header>a:active,#wrap>header>a:hover{color:inherit;text-shadow:#999 0px 0px 1px;text-decoration:none;font-size: 28px;}
#wrap>header>small{font-size:.7em;display:block;font-style:italic;color:#666;margin-top:-6px}
#topnav{right:0px; position:absolute; top:5px;}
#topnav a{text-decoration:none;}
#topnav a:hover{text-decoration:underline;}

footer
{
	clear:both;
	color: #999;
	text-align: center;
	font-size: .9em;
	margin-top: 10px;
}

.clear{clear: both;}
.error{color: maroon;}

.textbox
{
	line-height:15px;
	height:15px;
	border: solid 1px #B7D5EA;
	background-color:#F6F8FC;
}

form>fieldset {position:relative;clear:both;margin-bottom:4px;}
form>fieldset>aside{display:none;}
form>fieldset.invalid>aside{display:block;border:2px solid maroon; left:100%;position:absolute;top:0;background:transparent url(/static/img/Error_Bg.jpg) no-repeat top right;-moz-border-radius:4px;border-radius:4px;padding:0 10px;white-space:nowrap;}
form>fieldset.invalid{background:transparent url(/static/img/Error_Bg.jpg) no-repeat top right;}
form>fieldset.invalid>aside:before{content:" ";border:.7em solid transparent;border-right-color:maroon;height:0;display:block;position:absolute;left:-1.35em;}

/*2 column layout*/
.c10,.c01{float:left;width:49%;word-wrap:break-word;}
.c01{float:right;}

/*move this later*/
.ui-corner-all {
-moz-border-radius:4px 4px 4px 4px;
border-radius:4px 4px 4px 4px;
}
input.button {overflow:visible;font-weight:bold;color:#557390;font-size:14px;padding:2px 10px;}
/*ie*/
_input.button {width: auto;}

.watermark{color:#ccc;}
.wait{background:transparent url(/static/img/wait.gif) center no-repeat;position:absolute;}

.errorcontainer{border: solid 1px maroon;padding:5px;text-align:center;color:Maroon;display:block;background:transparent url(/static/img/Error_Bg.jpg) no-repeat top right;}

#apiframe{
	display:none;
	height:5px;
	left:-1000px;
	position:absolute;
	top:-1000px;
	width:5px;
}
#social{
	position:absolute;
	right:0;
	z-index:1;
}
