/*****************************
   global element rules
*****************************/
* {margin: 0; padding: 0; outline: none;}
img {border: 0; margin: 0;}
/* html, body, form {height: 100%;} */

body {background: #401A08 url(../../images/page_bg.jpg); font-family: Arial, Verdana, Tahoma; font-size: 11px; color: #000000;}
td, th, input, select, textarea {font-family: Arial, Verdana, Tahoma; font-size: 11px;}
th {font-weight: bold;}

/*****************************
   general text styles
*****************************/
h1, h2, h3, h4, h5, h5, h6 {color: #401A08; font-weight: bold;}
h1 {font-size: 18px;}
h2 {font-size: 15px;}
h3 {font-size: 13px;}
h4 {font-size: 13px;}
h5 {font-size: 13px;}
h6 {font-size: 13px;}

/* center aligned content headers */
h1.content_title, h2.content_title, h3.content_title {font-size: 18px; text-align: center; margin-bottom: 15px;}

hr {height: 1px; color: #aaaaaa;}

ul {list-style-type: square; list-style-position: outside; list-style-image: url(../../images/bullet.gif); padding: 5px 0px 0px 15px; vertical-align: top; /*line-height: 1.2em;*/}
li {font-size: 11px; vertical-align: top;}

.error {color: Red;}

/*****************************
   standard links
*****************************/
a:link, a:visited, a:hover, a:active {color: #401A08; text-decoration: underline;}
a:focus {-moz-outline: none -moz-mac-focusring;}

.yellowlink:link, .yellowlink:visited, .yellowlink:hover, .yellowlink:active
	{color: #ffff00!important; text-decoration: underline;}
.yellowlink:focus {-moz-outline: none -moz-mac-focusring;}

.goldlink:link, .goldlink:visited, .goldlink:hover, .goldlink:active
	{color: #faab18!important; text-decoration: underline;}
.goldlink:focus {-moz-outline: none -moz-mac-focusring;}

/*****************************
   float fix
*****************************/
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cf {display: inline-block;}

/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */

/*****************************
   table-cell wrapping fix
*****************************/
.forcewrap
{
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/*****************************
   common layout styles
*****************************/
.tal {text-align: left;}
.tar {text-align: right;}
.tac {text-align: center;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}

table.namebox {border-bottom: 6px solid #c57b1b}
	table.namebox td {padding: 5px 9px 3px 9px; background-color: #532000; color: white; font-size: 17px;}
	table.namebox * {text-decoration: none; color: white;}
	table.namebox a:hover {text-decoration: underline; color: white;}

/* white swoosh image is 46px tall */
.heading_swoosh_white {height: 34px; padding-top: 12px; font-size: 14px; font-weight: bold; color: #401A08; 
	background: url(../../images/heading_swoosh_white.jpg) no-repeat center center; text-align: center; margin-bottom: 10px;}

/*****************************
   button styles
*****************************/
.button {color: #D6B770; border: 0px; padding: 6px 10px 6px 16px;
	background: #3e1806 url(../../images/arrow_right.gif) no-repeat 5px center;}

.button:link, .button:active, .button:visited
	{padding: 5px 5px 6px 18px; border: 1px solid #4b2712; color: #d6b770; font-weight: bold;
	 background: #3e1806 url(../../images/arrow_right.gif) no-repeat 5px center;}
.button:hover {color: White; background: #3e1806 url(../../images/arrow_right_white.gif) no-repeat 5px center;}
.button_active:link, .button_active:active, .button_active:visited, .button_active:hover
	{background: #3e1806 url(../../images/ajax_progress_brown.gif) no-repeat 5px center; color: White; padding-left: 23px;}

a.roundbutton {display: block; float: left; height: 32px; overflow: hidden; padding-left: 15px; 
	text-decoration: none; background: url(../../images/button_left.png) no-repeat top left;}
	a.roundbutton div {display: block; padding-right: 15px; background: url(../../images/button_right.png) no-repeat top right;}
	a.roundbutton span {display: block; height: 24px; font-size: 13px; font-weight: bold; color: #532304; padding-top: 8px; 
		white-space: nowrap; overflow: hidden; background: url(../../images/button_middle.png) repeat-x top left; cursor: pointer;}
	a.roundbutton:hover, a.roundbutton:hover * {color: white; text-decoration: none;}
	a.roundbutton.activebutton span { color: White; }
	
a.roundbuttonwhite {display: block; float: left; height: 32px; overflow: hidden; padding-left: 15px; 
	text-decoration: none; background: url(../../images/button_white_left.png) no-repeat top left;}
	a.roundbuttonwhite div {display: block; padding-right: 15px; background: url(../../images/button_white_right.png) no-repeat top right;}
	a.roundbuttonwhite span {display: block; height: 24px; font-size: 13px; font-weight: bold; color: #532304; padding-top: 8px; 
		white-space: nowrap; overflow: hidden; background: url(../../images/button_white_middle.png) repeat-x top left; cursor: pointer;}
	a.roundbuttonwhite:hover, a.roundbuttonwhite:hover * {color: white; text-decoration: none;}
		
	/* IE6 float fix */
	a.roundbutton div, a.roundbutton span, a.roundbuttonwhite div, a.roundbuttonwhite span {float: left;}

/*****************************
   box styles
*****************************/
#error_box {border: 1px solid #A7A6AA; background-color: #E0D5AD; margin-bottom: 10px; padding: 5px;}
	#error_box_title {font-weight: bold; color: red; text-align: center; margin-bottom: 10px;}
	#error_box_list {margin: auto;}
		#error_box_list ul {padding-bottom: 5px;}

.infobox {border: 1px solid #A7A6AA; background-color: #E0D5AD; padding: 5px; 
	padding-bottom: 6px; font-weight: bold; text-align: center;}

/*****************************
   control styles
*****************************/
.control_label {color: #401A08; font-weight: bolder; margin-bottom: 3px;}
.control_label_white {color: white; font-weight: bolder; margin-bottom: 3px;}

.textbox {border: 1px solid #A7A6AA; padding: 0.99px 1px 0.99px 1px; background-color: white; margin-bottom: 10px;}
	.textbox input {width: 100%; padding: 1px 0px 1px 0px; border: 0; background-color: #FFF4C6;}
	.textbox textarea {width: 100%; height: 120px; padding: 1px 0px 1px 0px; border: 0; background-color: #FFF4C6;}

.textbox_blue {border-top: 1px solid #4573af; border-left: 1px solid #4573af; padding: 0.99px 1px 0.99px 1px; background-color: #5784c0; margin-bottom: 10px;}
	.textbox_blue input {width: 100%; padding: 1px 0px 1px 0px; border: 0; background-color: #5a84b6; color: white;}
	.textbox_blue textarea {width: 100%; height: 120px; padding: 1px 0px 1px 0px; border: 0; background-color: #5a84b6; color: white;}

.dropdown {border: 1px solid #A7A6AA; padding: 0.99px 1px 0.99px 1px; background-color: white; margin-bottom: 10px;}
	.dropdown select {width: 100%; padding: 0; border: 0; background-color: #FFF4C6;}
	
.dropdown_blue {border-top: 1px solid #4573af; border-left: 1px solid #4573af; padding: 0.99px 1px 0.99px 1px; background-color: #5784c0; margin-bottom: 10px;}
	.dropdown_blue select {width: 100%; padding: 0; border: 0; background-color: #5a84b6; color: white;}

.checkbox {white-space: nowrap;} /* apply to checbox controls (input/label pairs) */
.radio {white-space: nowrap;} /* apply to radio button controls (input/label pairs) */
.checkbox input, .radio input {margin-bottom: 3px;}
.checkbox label, .radio label {padding-left: 3px; vertical-align: top;}
input[type="checkbox"], .checkbox input {height: 13px; width: 13px; vertical-align: bottom;}
input[type="radio"], .radio input {height: 13px; width: 13px; vertical-align: bottom;}