/* Global styles */
body, div, span, table, td, th, p, ul, ol, li, form, label { margin: 0; padding: 0; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 12px; color: #5F646A; }
table { margin: 0; padding: 0px; border-collapse: collapse; }

img { border: 0; }
img.right { padding-left: 10px; }

label { padding: 2px 10px 0 0; }
label.value { padding: 2px 0px 0 0; text-align: left; font-weight: bold; }
label.right { padding: 4px 10px 0 10px; text-align: left; font-size: 11px; line-height: 11px; }
label.right2 { padding: 2px 10px 0 10px; text-align: left; }
label.note { padding: 2px 0 0 10px; text-align: left; color: #AAABAE; font-size: 11px; line-height: 11px; }

textarea, select { border: 1px solid #D8D8D8; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 11px; color: #8b8c90; }
input { border: 1px solid #D8D8D8; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 11px; color: #8b8c90; height: 16px; padding: 3px 4px 0 4px; }
input.radio { border: none; height: auto; margin-left: 0;  margin-right: 0; }
input.checkbox { border: none; height: auto; margin-left: 0; margin-right: 0; }

span.heading2 { font-size: 14px; font-weight: bold; }
span.heading3 { font-size: 12px; font-weight: bold; }
span.note { padding: 2px 0 0 10px; text-align: left; color: #AAABAE; font-size: 11px; line-height: 11px; }
div.report table tr td { font-family: Courier; font-size: 10px; white-space: nowrap; }

/* Default link styles */
a:link { color: #5F646A; text-decoration: none; }
a:visited { color: #5F646A; text-decoration: none; }
a:hover { color: #b3c63c; text-decoration: none; }
a:active { color: #5F646A; text-decoration: none; }

a:link.underline { text-decoration: underline; }
a:visited.underline { text-decoration: underline; }
a:hover.underline { text-decoration: underline; }
a:active.underline { text-decoration: underline; }

/* Tooltip styles */
.tooltip { width: 200px; font-family: "Arial", Verdana, Tahoma, Helvetica; font-size: 10px; color: #5F646A; text-decoration: none; text-align: center; }
.tooltip span.top { padding: 30px 8px 0; background: url(/css/form_imgs/bubble.gif) no-repeat top; }
.tooltip b.bottom { padding:3px 8px 15px; color: #FFFFFF; background: url(/css/form_imgs/bubble.gif) no-repeat bottom; }

/* Button styles */
button { font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 11px; color:#FFFFFF; padding:0 15px 0 0; text-decoration: none; border: none; cursor: pointer; overflow: visible; }
button span { font-size: 11px; color:#FFFFFF; display: block; line-height: 23px; white-space: nowrap; height: 23px; padding: 0 0 0 15px; }
*:first-child+html button span { margin-top: 1px; } /* IE 7 */
* html button span { margin-top: 1px; } /* IE 6 and below */
button:hover { outline: none; }

button.button1 { background: transparent url('/css/form_imgs/bg_button_a1.gif') right no-repeat; }
button.button1 span { background: transparent url('/css/form_imgs/bg_button_span_a1.gif') left no-repeat; }
button.button1:hover { background: transparent url('/css/form_imgs/bg_button_a2.gif') right no-repeat; }
button.button1:hover span { background: transparent url('/css/form_imgs/bg_button_span_a2.gif') left no-repeat; } 

button.button2 { background: transparent url('/css/form_imgs/bg_button_b1.gif') right no-repeat; }
button.button2 span { background: transparent url('/css/form_imgs/bg_button_span_b1.gif') left no-repeat; }
button.button2:hover { background: transparent url('/css/form_imgs/bg_button_b2.gif') right no-repeat; }
button.button2:hover span { background: transparent url('/css/form_imgs/bg_button_span_b2.gif') left no-repeat; } 

a.button { float: left; height: 23px; margin-right: 6px; padding-right: 18px; }
a.button span { color:#FFFFFF; font-size: 11px; display: block; line-height: 13px; padding: 5px 0 5px 18px; }
a.button:hover { outline: none; }

a.button1 { background: transparent url('/css/form_imgs/bg_button_a1.gif') right no-repeat; }
a.button1 span { background: transparent url('/css/form_imgs/bg_button_span_a1.gif') left no-repeat; }
a.button1:hover { background: transparent url('/css/form_imgs/bg_button_a2.gif') right no-repeat; }
a.button1:hover span { background: transparent url('/css/form_imgs/bg_button_span_a2.gif') left no-repeat; } 

a.button2 { background: transparent url('/css/form_imgs/bg_button_b1.gif') right no-repeat; }
a.button2 span { background: transparent url('/css/form_imgs/bg_button_span_b1.gif') left no-repeat; }
a.button2:hover { background: transparent url('/css/form_imgs/bg_button_b2.gif') right no-repeat; }
a.button2:hover span { background: transparent url('/css/form_imgs/bg_button_span_b2.gif') left no-repeat; } 

/* Top panel styles */
.topPanel { float: none; width: 972px; height: 100px; margin: 0 0 30px 0; }
.logo { float: left; width: 200px; padding: 22px 0 0 41px; }
.userButton { display: none; }

.userContent { display: none; }

.langContent { display: none; }

/* Content panel styles */
.mainPanel { float: none; width: 972px; height: auto; }

.landscape { float: left; width: 723px; height: 581px; margin: 0 35px 0 0; }
.landscape .header { float: left; padding: 0; margin: 0 0 0 16px; }
.landscape .body { float: none; clear: both; width: 722px; height: 376px; background: url(/imgs/home_pic2.gif) bottom center no-repeat; padding: 8px 0 0 0 }
.landscape .container { width: auto; height: auto; padding: 33px 40px 0 243px; background: url(/imgs/home_pic3.jpg) left no-repeat; }

.portrait { float: left; width: 100%; height: auto; margin: 0 19px 0 0; }
.portrait .leftPanel { display: none; }
.portrait .centrePanel div img { display: none; }

.contentPanel { float: none; width: 100%; padding: 0 25px 0 25px; }
.contentPanel .mainHeading { float: none; clear: both; padding: 0 0 60px 0; }
.contentPanel .heading { float: left; clear: both; font-size: 2em; font-weight: bold; }
.contentPanel div.line { float: none; clear: both; height: 21px; padding: 0 0 10px 0; }
.contentPanel div.line label { float: left; width: 120px; text-align: right; }
.contentPanel div.line label.value { text-align: left; width: auto; }
.contentPanel div.line label.right { text-align: left; width: auto; }
.contentPanel div.line label.right2 { text-align: left; width: auto; }
.contentPanel div.line label.note { text-align: left; width: auto; }
.contentPanel div.line input { float: left; }
.contentPanel div.line input.tiny { width: 49px; }
.contentPanel div.line input.small { width: 114px; }
.contentPanel div.line input.medium { width: 195px; }
.contentPanel div.line input.large { width: 279px; }
.contentPanel div.line select { float: left; }
.contentPanel div.line select.tiny { width: 60px; }
.contentPanel div.line select.small { width: 125px; }
.contentPanel div.line select.medium { width: 206px; }
.contentPanel div.line select.large { width: 290px; }
.contentPanel div.formButton { float: right; clear: both; margin: 0; }
.contentPanel div.separator { float: none; clear: both; padding: 20px 0 0 0; border-bottom: solid #F4F4F4 1px; margin: 0 0 25px 0; }

/* Left nav styles */
.leftNav { display: none; }

/* Right nav styles */
.rightNav { display: none; }

/* Right panel styles */
.rightPanel { display: none; }

/* Error Message Box */
.errorBox { float: none; width: 443px; height: auto; }
.errorBox .errorBoxContainer { width: auto; height: auto; background: url(/imgs/error_box_pic2.gif) center repeat; padding: 0 20px 3px 26px }
.errorBox .errorBoxContainer .icon { padding: 3px 0 12px 0; }
.errorBox .errorBoxContainer .message ol { margin: 0; padding: 0 0 0 25px; text-align: left; text-indent:0px; }
.errorBox .errorBoxContainer .message ol li { clear: both; margin: 0; padding: 0 0 5px 0; }
.warningBox { float: none; width: 443px; height: auto; }
.warningBox .warningBoxContainer { width: auto; height: auto; background: url(/imgs/warning_box_pic2.gif) center repeat; padding: 0 20px 3px 26px }
.warningBox .warningBoxContainer .icon { padding: 3px 0 12px 0; }
.warningBox .warningBoxContainer .message ol { margin: 0; padding: 0 0 0 25px; text-align: left; text-indent:0px; }
.warningBox .warningBoxContainer .message ol li { clear: both; margin: 0; padding: 0 0 5px 0; }

/* Footer styles */
.footer { display: none; }

/* Pagination styles */
.pagesLine { float: none; clear: both; width: 290px; height: 39px; margin: 10px 0 0 100px; padding: 13px 0 0 22px; background: url(/imgs/pages.gif) top center no-repeat; font-size: 10px; }
.pagesLine span.pages { font-size: 10px; padding-left: 15px; }
.pagesLine span.links { font-size: 10px; padding-left: 32px; }

/* Document link styles */
ul.doc { margin: 0; padding: 0; text-align: left; text-indent: 20px; list-style: none; }
ul.doc li { clear: both; margin: 0; padding-bottom: 10px; background: url(/imgs/doclist.gif) left top no-repeat; }