/*
	version: 1.0
	author: Timothy Spell
	email: timspell@vofficeware.com
	website: http://www.vofficeware.com

	created by vOfficeware.com 2009
*/


/* =GENERAL */
strong { font-weight: bold; }
em { font-style: italic; }
h2 { color: #003366; font-size: 14px; font-weight: bold; padding-bottom: 15px; }
h3 { margin-bottom: 20px; }

body { background: #FFF; font-family: Arial, sans-serif; font-size: 12px; }
#wrapper { margin: 0 auto; width: 757px; }


/* =HYPERLINKS */
a { color: #000; outline-style: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }


/* =HEADER */
#header h1 a { display: block; height: 113px; overflow: hidden; position: relative; text-align: center; top: 0; width: 757px; }
#header h1 a span { background: url(../images/header_bg.jpg) no-repeat 0 0; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }


/* =STEPS */
#steps { background: url(../images/steps_bg.jpg) repeat-x 0 0; color: #FFF; font-family: Verdana, Geneva, Tahoma sans-serif; font-size: 11px; height: 31px; line-height: 31px; }
#steps li { float: left; padding: 0 26px 0 5px; }
#steps.more li { float: left; padding: 0 9px 0 5px; }
#steps a { color: #FFF; float: left;  }
#steps li.selected { background: url(../images/steps_bg.jpg) repeat-x 0 -31px; }


/* =MAIN */


/* =CONTENT */
#content { background: url(../images/content_bg.jpg) repeat-y 0 0; float: left; padding: 24px 58px 25px 74px; position: relative; width: 450px; }
#content p.note { color: #003366; }
#content p { line-height: 18px; margin-bottom: 20px; }
#content .step_circle { background: url(../images/step_circle.jpg) no-repeat 0 0; color: #003366; display: block; font-size: 36px; height: 55px; line-height: 55px; position: absolute; left: 7px; text-align: center; top: 12px; width: 55px; }

#content .content_bottom { background: url(../images/content_bottom_bg.jpg) no-repeat 0 0; display: block; height: 25px; position: absolute; left: 0; bottom: 0; width: 582px; }

#content ul { margin-left: 46px; }
#content ul li { background: url(../images/list_bullet.jpg) no-repeat 0 5px; padding-left: 11px; height: 100%; }

#content ul.buttons { margin: 0; }
#content ul.buttons li { background: none; float: left; }
#content ul.buttons a { color: #FFF; display: block; height: 23px; line-height: 23px; text-align: center; }
#content ul.buttons a.button_back { background: url(../images/buttons/button_save_and_continue.jpg) no-repeat 0 0; width: 130px; }
#content ul.buttons a.button_save_for_later { background: url(../images/buttons/button_save_and_continue.jpg) no-repeat 0 0; width: 130px; }
#content ul.buttons a.button_save_and_continue { background: url(../images/buttons/button_save_and_continue.jpg) no-repeat 0 0; width: 130px; } 


/* =BUTTONS */
.button_continue { background: url(../images/buttons/button_continue.jpg) no-repeat 0 0; color: #FFF; display: block; height: 23px; line-height: 23px; margin: 0 auto; text-align: center; width: 91px; }


/* =SIDEBAR */
#sidebar { float: left; position: relative; width: 175px; }
#sidebar .questions_box { background: url(../images/questions_box_bg.jpg) no-repeat 0 0; color: #003366; height: 50px; left: -21px; padding: 9px 0 0 18px; position: absolute; top: 33px; width: 196px; }
#sidebar .questions_box h2 { font-size: 16px; line-height: 17px; }
#sidebar .questions_box a { color: #003366; text-decoration: underline; }
#sidebar .questions_box a:hover { text-decoration: none; }


/* =FORM */
#formX div { position: relative; padding-bottom: 31px; width: 342px; }
#formX  label { display: block; float: left; width: 130px; line-height:14px; padding-bottom: 5px; }
#formX  p { clear: both; margin-bottom: 5px; line-height:14px; padding-bottom: 5px; }
#formX  input { background-color: #F1F6FA; border: 1px solid #DDE3E6;  }
#formX  textarea { background-color: #F1F6FA; border: 1px solid #DDE3E6;  }
#formX  .text_input { background-color: #F1F6FA; border: 1px solid #DDE3E6; height: 16px; width: 200px; }
#formX  select{ background-color: #F1F6FA; border: 1px solid #DDE3E6; }
#formX  .select.country { background-color: #F1F6FA; border: 1px solid #DDE3E6; width: 154px; }
#formX  .select.nationality { background-color: #F1F6FA; border: 1px solid #DDE3E6; width: 154px; }
#formX  .checkbox_p { bottom: 0; left: 130px; position: absolute; width: 320px;  }
#formX  .checkbox { float: left;  background-color: #F1F6FA; border: 1px solid #DDE3E6;}
#formX  .checkbox_label { float: right;  width: auto; }


/* =FOOTER */
#footer { padding-bottom: 74px; }
#footer a { color: #003366; float: right; font-size: 10px; text-decoration: underline; }
#footer a:hover { text-decoration: none; }


/* =MISC */
.clearer { clear: both; display: block; }