form { display: inline; }
body { margin: 20 0 0; font-family: Microsoft Sans Serif; font-size: 9pt; line-height: 15pt; color: white; background: #533066 url(images/tilebg.jpg);}

h1{ font-family: 'Shadows Into Light', cursive; font-size: 22pt; color: #fff; margin: 15px 0 25px; text-align: center; font-weight: normal; }
h2{ font-size: 12pt; color: #ffff00; margin: 0 0 5px; }
h3{ font-size: 12pt; color: #ffff00; margin: 30px 0 -10px; padding: 0px; }
h4{ font-family: 'Shadows Into Light', cursive; font-size: 20pt; color: #fff; margin: 5px 0; text-align: center; font-weight: normal; }

#wrap { text-align: center; width: 900px; position: relative; margin: 0 auto; }

#banner{ position: relative; height: 130px; }
#banL{ position: absolute;  min-height: 123px; width: 272px; top: 0; left: 0; }
#banR{ position: absolute; min-height: 123px; width: 400px; bottom: 0; right: 0; margin: 0 0 -2px; }
#fb{ position: absolute; z-index: 5; top: 101px; right: 6px; }

#nav{ position: relative; }

#footer{ position: relative; minheight: 50px; padding: 10px; background: rgba(0,0,0,.7); font-size: 8pt;}
#footL{ float: left; width: 440px; text-align: left;}
#footR{ float: right; width: 440px; text-align: right;} 
#footer a { color:#fff; text-decoration: none;}
#footer a:hover{  text-decoration: underline;}


#rules{ width: 600px; margin: 0px auto; }
#rules h2{ margin: 20px 0 10px; padding: 0 0 5px; text-align: center; font-size: 13pt; letter-spacing: 1px; color: #ffff00;  border-bottom: 1px solid #fff; font-weight: normal;  }
#rules .num{ font-size: 10pt; color: #ffff00; margin: 0; padding: 0; width: 30px;}




/** RANDOM CSS **/
.pad2 { padding: 2px; }
.yellowTxt{ color: #FFFF00; font-weight: 700; }

.height350{ height: 350px; }
a.yellowButt{ background: #ffff00; color:#222; padding: 10px 30px; text-decoration: none;}
a.yellowButt:hover{ background: #ff0000; color:#eee;}

.tableTop{ margin: 10px 0; }
.tableBg{ background: rgba(0,0,0,.6); padding: 15px 12px 25px; }
 .clr{ clear: both }


/** LOCATIONS **/
.location_inputs { width: 700px; }
.location_textarea { width: 700px; height: 100px; overflow-y: auto; }
.location_inputs_new { background: #DDCBE6; }
.location_buttons { padding-left: 6px; padding-right: 6px; margin: 3px 6px 0; }
.location_buttons_disabled { background: red; color: white; }



/** LOGIN BOX **/
#login, #logout {
	position: absolute;
	width: 230px;
	right: 0px;
	top: 10px;
	font-size: 11pt;
	text-align: center;
	color: black;
	background: #DDCBE6;
	padding: 10px;
	border: 1px solid black;
	z-index: 10;
}
#logout { width: 80px; padding: 2px; top: 0px; cursor: pointer; }
#login p { text-align: left; }
.inputBox { border: 1px solid #111; width: 150px;}
.inputSub { background: #111; border: 0px; color: #fff; width: 150px; cursor: pointer;font-size: 9pt; padding: 3px 0;}



/** CSV BROWSE **/
.lev1 {
	cursor: pointer;
	margin: 10px 0 0;
	font-size: 13pt;
	font-weight: bold;
	color:#ffff00;
}
.lev2 {
	cursor: pointer;
	display: none;
	margin-left: 20px;
	font-weight: bold;
}
.lev3 {
	display: none;
	margin-left: 20px;
	font-weight: normal;
}
.lev4 {			/* also used in ladder */
	cursor: auto;
	display: none;
	margin-left: -40px;
}


.lev4 input {
	background: transparent;
	border: none;
	width: 100%;
	font-size: 12pt;
	color: white;
	text-align: center;
}
.lev4 td, .lev4 tr {
	font-size: 12pt;
	text-align: center;
	height: 25px;
}

#csv_browse { text-align: left; }

.datalist_update_top {
	position: relative;
	width: 100%;
	margin-top: 10px;
}
.datalist_update_top_background {
	position: absolute;
	right: 0px;
	top: -28px;
	width: 120px;
	height: 28px;
	background: url('images/datalist_update_top.png');
}
.datalist_update_top_button {
	text-align: right;
	padding: 4px 7px 0 0;
}
.datalist_update_top_button button {
	padding: 0 2px 0;
	xheight: 95%;
	line-height: 15px;
}

.datalist_update_bottom { text-align: right; margin: 2px 17px 4px; }
.datalist_update_bottom_td { background: #40284B; }
.datalist_update_bottom button { padding: 0 8px; }
.datalist_table { background: #40284B; margin-bottom: 15px; }
.datalist_head {}								/* also used in ladder */

.datalist_table_mini td { font-size: 8pt }
.datalist_head_mini th { font-size: 8pt }
.ladderlink { display: block; color: yellow; text-align: center }

.datalist_evenrows { background: #4F3163; }		/* also used in ladder */
.datalist_oddrows { background: #5C3A6D; }		/* also used in ladder */
.delete_file_spacing {
	margin-left: 17px;
	display: inline;
	cursor: auto;
}
.delete_file_button {
	background: red;
	color: white;
	font-weight: bold;
	padding: 1px 4px 0 2px;
	display: inline;
	font-size: 8pt;
	cursor: pointer;
}
.delete_row_button {
	position: absolute;
	margin: 5px 0 0 60px;
	background: red;
	color: white;
	font-weight: bold;
	padding: 1px 4px 0 2px;
	font-size: 8pt;
	cursor: pointer;
	display: inline;
}

.homeBox{ width: 96%; height: 290px; }



/** LADDER **/
#csv_upload_container {
	position: absolute;
	top: 215px;
	right: 15px;
	background: #DDCBE6;
	width: 270px;
	/*height: 110px;*/
	color: black;
	font-size: 10pt;
	padding: 11px;
}
#manage_csv_data_link { display: block; text-decoration: none; color: blue; margin-top: 14px; font-size: 9pt; }
#manage_csv_data_link:hover { text-decoration: underline; }
#location_selection { text-align: center; }
#location_selection select { margin-right: 5px; }
.pointer { cursor: pointer; }
#no_ladder { padding: 60px; }


.middleBox{
	margin: 10px auto;
	width: 400px;
}

/* ==================== FORM Style ==================== */

.txtLabel{
	position:relative;
	display:inline-block;
	margin:0 0 5px;
	width:59px;
	padding:10px;
	font-size:10pt;
	line-height: 14pt;
	border:0;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	background:#eee;
	color:#333;
}



.txtBox{
	position:relative;
	margin:0 0 5px;
	width:149px;
	padding:10px;
	font-size:10pt;
	line-height: 14pt;
	border:0;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	outline:none;
}

.txtArea{
	position:relative;
	margin:0 0 5px;
	vertical-align: top;
	width:149px;
	height:100px;
	padding:10px;
	font-size:10pt;
	border:0;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	outline:none;
	resize:none;
}

.txtLabelArea{
	position:relative;
	display:inline-block;
	margin:0 0 5px;
	width:59px;
	height:100px;
	padding:10px;
	font-size:10pt;
	border:0;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	background:#eee;
	color:#333;
}

.contactBox{
	width:299px;
}

.txtSubmit{
	position:relative;
	display:block;
	margin:0 auto;
	padding:10px 0;
	width: 100%;
	font-size:10pt;
	border:0;
	background:#444;
	color:#fff;
	cursor: pointer;
	font-size: 12pt;
	letter-spacing: 1px;
}

.txtSubmit:hover{
	background:#E90000; 
}

.txtRed{
 color:#fff;
 background: red;
 text-align: center;
}

.txtGreen{
 color:#fff;
 background: green;
 text-align: center;
}