/*

Controller: application
Last Updated: August 21, 2006 by Anthony Watts

Table of Contents:

Layout
Typography
Images
Headers
Links
Lists
Tables
Forms
Miscellaneous

*/

/* LAYOUT*/

html, body {
width: 100%;
margin: 0;
padding: 0;
background: #092028 url(/images/global_bg.gif) repeat-x;
font-size: 12px;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

#container {
width: 760px;
margin: 0;
padding: 0;
}

#main {
float: left;
width: 600px;
margin:0;
padding:0;
}

#sidebar {
float: right;
width: 145px;
margin: 72px 0 0 0px;
padding: 0;
}

#header {
width: 600px;
height: 72px;
margin: 0;
padding: 0;
}

#content {
width: 545px;
margin: 0 0 0 25px;
padding:15px;
background: #FFFFFF;
}

#content_padded {
padding: 15px;
width: 515px;
background: #f0f5eb;
}

#footer {
margin: 10px 0 15px 0;
padding: 0;
text-align: right;
}


#left {
float: left;
width: 250px;
margin: 15px 15px 15px 0;
}

#right {
float: left;
width: 250px;
margin: 15px 0 15px 0;
}

.clear {
clear: both;
}

.aligned_right {
text-align: right;
}

#login {
float: left;
width: 260px;
}


#footer_links {
padding: 0;
}

#warning_box  {
width: 100%;
margin: 0;
padding: 0;
border: 1px solid #000000;
background: #CCCCCC;
}


div.clear {
	clear:both;
}
/* TYPOGRAPHY */

p, span {
line-height: 14px;
color: #444444;
margin: 0 0 14px 0;
}

#sidebar p {
color: #FFFFFF;
}

.error_msg {
display: block;
height: 16px;
margin: -8px 0 10px 0;
padding: 2px 0 0 18px;
background: url(/images/icon_warning.gif) 0 0 no-repeat;
font-size: 11px;
color: #df151a;
}

p.pagenumber {
margin: -15px 0 15px 0;
text-align: right;
}

p.loginmsg {
padding: 10px 0 0 0;
}

/* IMAGES */

img {
border: 0;
}

img a {
border: 0;
text-decoration: none;
}

img a:hover {
border: none;
}

img.help {
margin: 0 4px -2px 0;
}

#header_icons img {
margin: 34px 0 0 0;
}

img.betabadge {
float: left;
margin: 0 10px 0 0;
}

/* HEADINGS*/

h1.page_header {
width: 600px;
height: 72px;
background: url(/images/global_header.gif) no-repeat;
margin:0;
padding:0;
}

h2 {
margin: 0 0 20px 0;
padding: 0;
font-size: 16px;
color: #000000;
text-transform: uppercase;
border-bottom: 2px solid #d8ac27;
}

h3 {
margin: 0 0 8px 0;
padding: 0;
font-size: 13px;
color: #000000;
}

h4 {
margin: 0 0 8px 0;
padding: 0;
font-size: 11px;
color: #000000;
}

/* LINKS */

a {
outline: none;
}

#content a {
margin: 0;
padding: 0;
color: #2299b3;
font-weight: bold;
text-decoration: none;
}

#content a:hover {
text-decoration: underline;
}

#sidebar a{
font-size: 12px;
color: #d1a521;
font-weight: bold;
text-decoration: none;
}

#sidebar a:hover {
text-decoration: underline;
}

#footer a {
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

/* LISTS */

li {
list-style-position: inside;
margin: 0;
padding: 0 0 5px 10px;
font-size: 12px;
line-height: 14px;
color: #444444;
}

li.nobullet {
list-style-type: none;
}

ul, ol {
margin: 0 0 10px 0;
padding: 0;
}

/* TABLES */

table {
margin: 0;
padding: 0;
border-collapse: collapse;
border: 1px solid #cccccc;
background: #e7ede1;
}

th {
margin: 0 0 2px 0;
padding: 4px;
background: #dbe3d2;
color: #333333;
}

td {
margin: 0 0 2px 0;
padding: 4px;
border: 1px solid #cccccc;
}


/* FORMS */

form {
margin: 0;
padding: 0;
}

fieldset { 
margin: 0 0 15px 0;
padding: 15px 15px 5px 15px;
border: 1px solid #CCCCCC;
background: #e7ede1;
text-align: left;
}

* html fieldset {
  position: relative;
}

fieldset.login {
padding: 15px;
}

legend {
margin: 0 -5px;
padding: 0 5px;
font-size: 13px;
font-weight: bold;
color: #333333;
}

* html legend {
  position: absolute;
  margin-top: -23px;
  padding-top: 0;
}

fieldset.buttons  {
text-align: center;
padding: 10px 10px 0 10px;
}

label {
clear: both;
display: block;
margin: 0 3px 0 1px;
padding: 0;
color: #444444;
font-size: 10px;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
text-transform: uppercase;
}

.label_radiobutton {
clear: none;
float: left;
margin: 3px 3px 0 1px;
}

.label_checkbox {
display: inline;
}

input {
width: 470px;
border-top: 1px solid #cccccc;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #cccccc;
background: #ffffff;
margin: 0 0 10px 0;
padding: 4px 4px 4px 5px;
font-size: 14px;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

input.short {
width: 200px;
}

input.field_login {
width: 200px;
}

input.checkbox {
display: inline;
margin: 0 0 5px 0;
padding: 0;
width: 14px;
height: 14px;
background: none;
border: none;
position:relative;
top: 5px;
}

input.radiobutton {
float: left;
margin: 0 10px 10px 0;
padding: 0;
width: 15px;
height: 15px;
background: none;
border: none;
}

textarea {
width: 474px;
height: 100px;
border-top: 1px solid #cccccc;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #cccccc;
background: #ffffff;
margin: 0 0 10px 0;
padding: 4px 4px 4px 1px;
font-size: 14px;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
text-indent: 5px;
}

select {
border-top: 1px solid #cccccc;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #cccccc;
margin: 0 0 10px 0;
padding: 4px 4px 4px 1px;
font-size: 14px;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

input:focus, textarea:focus, select:focus {
background: #ebffc1;
}

button {
margin: 0 0 10px 0;
padding: 3px;
color: #FFFFFF;
font-size: 12px;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
background: #d1a521;
border: 2px solid #ffffff;
cursor: pointer;
}

* html button {
padding: 2px 0;
}

button:hover {
background: #cb9800;
}

button.button_disabled {
color: #bbbbbb;
background: #dedede;
border: 2px solid #cccccc;
cursor: default;
}

/* MISC */

.hide {
display: none; 
}

hr {
border-top: 1px solid #C2CFC7;
border-left: none;
border-bottom: none;
border-right: none;
margin: 10px 0 8px 0;
}

div.hidden {
  display: none;
}

.tip, .alert {
margin: 0 0 20px 0;
}

.alert p, .tip p {
margin: 0;
}

.alert p.padded, .tip p.padded {
margin-bottom: 14px;
}

.tip_title {
margin: 0 0 2px 0;
padding: 3px 0 0 0;
font-size: 11px;
font-weight: bold;
background: url(/images/icon_tip.gif) no-repeat;
text-transform: uppercase;
text-indent: 17px;
}

.alert_title {
display: block;
margin: 0 0 2px 0;
padding: 4px 0 0 0;
height: 16px;
width: 100%;
font-size: 11px;
font-weight: bold;
background: url(/images/icon_alert.gif) no-repeat;
text-transform: uppercase;
text-indent: 17px;
}

.errorExplanation, .alert_body {
padding: 8px 9px 8px 9px;
font-size: 11px;
background: #dbe3d2;
border: 1px solid #cccccc;
}

input#epk_application_accept,
input#web_application_accept {
width:15px;
margin-left:10px;
position:relative;
top:10px;
}

div.checkbox-set ul,
div.checkbox-set li {
list-style-type:none;
list-style-position:outside;
margin:0;
padding:0;
}

div.checkbox-set ul {
padding-bottom:8px;
}

div.checkbox-set li {
margin-bottom:5px;  

}

* html body div.checkbox-set li {
margin-bottom:-2px;  

} 

* html body form#application_form fieldset.fix {
  border-top:0;
}

.message_box {
margin: 0 0 10px 0;
padding: 4px 2px;
font-size: 11px;
font-weight: bold;
background: #cce9af url(/images/icon_tip.gif) 3px 3px no-repeat;
border: 1px solid #cccccc;
text-transform: uppercase;
text-indent: 17px;
}      

/* *** updates Aug. 15, 2007 - IE6 Fixes *** */ 
.ie6 #right {
  position:absolute;  
  top:265px !important;
}

.ie6 #right p {
  width:200px;
} 

.ie6 #right button {
  position:relative;
  left:-12px;
} 

.ie6 #footer_links {
  position:relative;
  left:-30px;   
}