@import "forms.css";
@import "tables.css";

html, body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0;
	font:14px/18px arial, garuda, helvetica, verdana, Kalimati, sans-serif;
	/*"Century Gothic", */
	background:#035589 url(/imgs/bg3.jpg) top left repeat-x;
	
}

a:link{
	color:#00679c;
}

a:visited{
	color:#069;
	text-decoration:none;
}

a:hover{
	color:#D31820;

}

a:active{
	color:#F00;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	line-height:1.5em;
	overflow:visible;
}

h1{
	font-size:22px;
}

h2{
	font-size:20px;
}

h3{
	font-size:15px;
}

hr{
	clear:both;
	height:0;
	background:#000;
	color:#000;
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:#df9242;
	margin:15px 0;
}

#outer-frame{
	padding:0 0 30px 0;
}

#frame{
	width:900px;
	border-width:0 6px 6px 6px;
	border-style:solid;
	border-color:#da8226;
	margin:0 auto;
	background:#FFF url(/imgs/burst-bg.jpg) left 120px no-repeat;
	color:#000;
	overflow:auto;
	-khtml-box-shadow:0px 0px 10px rgba(0, 0, 0, .35);
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, .35);
}

#header{
	position:relative;
	float:left;
	clear:both;
	width:872px;
	height:100px;
	background:url(/imgs/header-bg.jpg) left top no-repeat;
	color:#000;
	overflow:hidden;
	padding:10px 14px;
}

#logo{
	background:url(/imgs/natso-logo.gif) top left no-repeat;
	display:block;
	width:236px;
	height:104px;
}

#logo span{
	display:none;
}


#slogan{
	position:absolute;
	top:10px;
	left:290px;
	text-align:center;
	width:400px;
}

#slogan h2{
	margin:20px 0 0 0;
	font-size:30px;
	color:#cf171f;
	text-shadow:2px 2px 2px #FFF;
}

#slogan p{
	margin:0;
}

#event-info{
	position:absolute;
	top:10px;
	right:14px;
	text-align:center;
}

#event-info h2{
	font-size:22px;
	line-height:1em;
	color:#d31820;
}

#event-info p{
	margin:10px 0 0 0;
	font-size:15px;
	line-height:22px;
}

#no-js-message{
	clear:both;
	background:#D0E0E9 url(/imgs/blue-gradient-bg-1.gif) top left repeat-x;
	text-align:center;
	border-width:1px 0;
	padding:5px 0;
	border-style:solid;
	border-color:#c8dbe6 #000 #b4cad6 #000;
}

#content{
	position:relative;
	float:left;
	clear:both;
	width:872px;
	height:360px;
	padding:14px;
	background:url(/imgs/capitol-footer.gif) bottom left no-repeat;
/*	overflow:hidden;*/
}

*>#content{
	height:auto;
	min-height:360px;
}


#footer{
	float:left;
	clear:both;
	width:872px;
	height:50px;
	background:url(/imgs/capitol-footer-bottom.gif) bottom left no-repeat;
	overflow:auto;
	margin:0;
	padding:0 14px;
	line-height:50px;
}

#continue-box{
	position:relative;
}

#continue-button{
	width:300px;
	padding:10px 0;
	margin:0 10px;
}

#submission-errors{
	display:none;
	width:300px;
	text-align:center;
	padding:8px 0;
	margin:0;
	font-weight:bold;
	background:#F10000 url(/imgs/red-gradient-1.gif) top left repeat-x;
	color:#FFF;
	border:2px solid #981b1e;
}

#logout-link{
/*	position:absolute;
	top:1px;
	right:1px;*/
	float:right;
	margin:0 10px -1px 0;
	font-weight:bold;
	color:#000;
	display:block;
	padding:2px 6px;
	background:url(/imgs/white-dot-85.png);
	border:1px solid #df9242;
	-moz-border-radius:4px 4px 0 0;
	-khtml-border-radius:4px 4px 0 0;
	-moz-box-shadow:0 0 10px #FFF;
	-khtml-box-shadow:0 0 10px #FFF;
	text-decoration:none;
	text-align:center;
	overflow:hidden;
}

*>#logout-link{
/*	background-color:rgba(255, 255, 255, .5);*/
}

#logout-link:hover{
	color:#035589;
}


.left{
	float:left;
}

.right{
	float:right;
}

.cb{
	clear:both;
}

.oauto{
	overflow:auto;
}

.tcenter{
	text-align:center;
}

.half{
	width:50%;
}


.notice{
	background:#efde71;
	border:2px solid #E3CE42;
	color:#000;
	padding:5px 10px;
}

.mini-notice{
	clear:both;
	background:#EFF3F7;
	border:1px solid #cbd3db;
	color:#000;
	padding:4px 8px;
	margin:10px;
	text-shadow:-1px 1px 1px #FFF;
	-moz-border-radius:6px;
}

strong.note{
	color:#ed2024;
}

.dump:before{
	content: attr(title);
	display:block;
	background:#FFDE00;
	color:#000;
	padding:4px 10px;
	border-bottom:1px solid #000;
	text-transform:lowercase;
	font-variant:small-caps;
	margin:-10px -10px 10px -10px;
}

.dump{
	display:block;
	background:#FFF url(/imgs/gold-gradient-bg-1.gif) repeat-x;
	border:1px solid #000;
	color:#000;
	padding:10px;
	margin:10px;
	white-space:pre;
	font:inherit;
	overflow:auto;
}

.auto-width{
	width:auto !important;
}

.error{
	background-image:url(/imgs/icons/dialog-error-12.gif);
	background-repeat:no-repeat;
	background-position:left 4px;
	text-indent:14px;
	font-weight:bold;
	font-size:12px;
	letter-spacing:.025em;
	color:#C00;
}

label.error{
	background-color:transparent;
	background-image:url(/imgs/icons/dialog-error-12.gif);
	background-position:left center;
	border:0;
	outline:0;
}

span.error{
	background-color:transparent;
	border:0;
	padding-left:14px;
	margin-left:2px;
}

.no-bullets{
	list-style:none;
}

.no-padding{
	padding:0;
}

.ohidden{
	overflow:hidden;
}

.oauto{
	overflow:auto;
}

.bold{
	font-weight:bold;
}

.small-txt{
	font-size:12px;
}

.content-box{
	width:850px;
	margin:0 auto 10px auto;
	padding:10px;
	background:url(/imgs/white-dot-85.png);
	overflow:hidden;
	clear:both;
	border:1px solid #df9242;
	-moz-border-radius:8px;
	-moz-box-shadow:0 0 10px #FFF;

}

*>.content-box{

}

#first-steps{
	line-height:2em;
	padding:5px;
	text-align:center;
}

.burst-button{
	display:inline-block;
	vertical-align:middle;
	padding:0 20px;
	margin:0 5px;
	background:url(/imgs/mini-burst.jpg) center no-repeat;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
	color:#000 !important;
	overflow:hidden;
	border:1px solid #000;
	-moz-border-radius:1em;
	-khtml-border-radius:1em;
	-moz-box-shadow:0px 0px 4px #000;
	-khtml-box-shadow:0px 0px 4px #000;
	text-shadow:1px 1px 1px #FFF;
	text-decoration:none;
}

.burst-button:hover{
	text-shadow:-1px 1px 1px #FFF;
	-moz-box-shadow:0px 0px 4px gold;
	-khtml-box-shadow:0px 0px 4px gold;
}