/*
 * RESET
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent; }
html { overflow-y: scroll; }
body { line-height: 20px; }
/*body {overflow:visible; height:1500px }*/
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
img, div { border: none; }

a:link, a:visited { color: #113269; }
a:hover { color: #519526; }

/*
 * BASIC ELEMENTS
 * Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
 */
body { background-image: url(../_images/body_bg.gif); background-color: #eaeaea; background-repeat: repeat-x; margin: 0px auto; width: 930px; font-family: Trebuchet MS, Arial, sans-serif; font-size: 100%; }

/*
 * BASIC LAYOUT
 * Define the basic template: header, footer, menu, content
 */
#header { background-image: url(../_images/header_logo.gif); width: 100%; height: 119px; background-repeat: no-repeat; }
#menu { background-image: url(../_images/menu_bg.gif); background-repeat: no-repeat; height: 37px; position: relative; top: 85px; left: 321px; }
#flash_home { position: relative; top: 18px; background: url(../_images/home.jpg) top center no-repeat #FFF; width: 930px; height: 302px; z-index: 1; }
#page_top { background: url(../_images/page_top.gif) top center no-repeat; position: relative; top: 18px; background-color: #FFFFFF; width: 930px; height: 20px; z-index: 1; }
#tour_top { background: url(../_images/tour_top.gif) top center no-repeat; position: relative; top: 18px; background-color: #FFFFFF; width: 930px; height: 121px; z-index: 1; }
#frame { position: relative; float: left; width: 100%; background-image: url(../_images/content_bg.gif); background-color: #FFFFFF; background-repeat: no-repeat; background-position: bottom; padding-bottom: 30px; color: #8f9190; font-size: 14px; }
#footer { width: 100%; clear: both; padding-top: 10px; color: #b4b4b4; font-size: 12px; text-align: right; }
#footer a:link, #footer a:visited { color: #999; text-decoration: none; }
#footer a:hover { color: #153d7b; }
/*
 * HEADER
 * Define all elements in the header area
 */
.header_login { position: relative; top: 30px; float: right; color: #113269; font-size: 18px; }
.header_login span { }
.header_login img { padding-left: 10px; }
#login_box form { padding: 55px 5px 5px 5px; }
#login_box label { padding-top: 2px; padding-bottom: 2px; margin-top: 2px; margin-bottom: 2px; font-size: 16px; font-weight: normal; color: #113269; }
#login_box input { color: #666; display: block; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 5px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 5px; font-size: 16px; font-weight: normal; width: 90%; }
#login_box input.submit { float: left; padding-top: 7px; padding-bottom: 7px; margin-top: 7px; margin-bottom: 7px; display: block; padding: 0px; margin: 0px; width: auto; }
.right { float: right; }
.top { float: right; padding: 10px; }
/*
 * MENU
 * Define all elements in the menu area
 */
.menu_space { padding: 7px 0 0 40px; }
.menu_home, .menu_tour, .menu_signup, .menu_community, .menu_contact, .menu_buzz, .menu_faqs, .menu_employers { position: relative; float: left; padding-left: 5px; }
.menu_home a { display: block; width: 53px; height: 28px; background: url(../_images/menu_home.gif) no-repeat top left; }
.menu_tour a { display: block; width: 84px; height: 28px; background: url(../_images/menu_tour.gif) no-repeat top left; }
.menu_signup a { display: block; width: 59px; height: 28px; background: url(../_images/menu_signup.gif) no-repeat top left; }
.menu_community a { display: block; width: 84px; height: 28px; background: url(../_images/menu_community.gif) no-repeat top left; }
.menu_contact a { display: block; width: 81px; height: 28px; background: url(../_images/menu_contact.gif) no-repeat top left; }
.menu_buzz a { display: block; width: 81px; height: 28px; background: url(../_images/menu_buzz.gif) no-repeat top left; }
/*
.menu_about a { display: block; width: 73px; height: 28px; background: url(../_images/menu_about.gif) no-repeat top left; }
.menu_buzz a { display: block; width: 81px; height: 28px; background: url(../_images/menu_buzz.gif) no-repeat top left; }
.menu_buzz a { display: block; width: 81px; height: 28px; background: url(../_images/menu_buzzgr.gif) no-repeat top left; }
*/
.menu_faqs a { display: block; width: 50px; height: 28px; background: url(../_images/menu_faqs.gif) no-repeat top left; }
.menu_employers a { display: block; width: 98px; height: 28px; background: url(../_images/menu_employers.gif) no-repeat top left; }
.menu_home a:hover, .menu_tour a:hover, .menu_signup a:hover, .menu_community a:hover, .menu_contact a:hover, .menu_buzz a:hover, .menu_faqs a:hover, .menu_employers a:hover { background-position: bottom left; }

/*
* SUB MENU
* Define all elements in the right menu
*/
#submenu { float: left; padding: 20px; width: 220px; }
#submenu ul { margin: 10px 0 0 0; }
#submenu li { list-style: none; }
#submenu li a:link, #submenu li a:visited { color: #153d7b; border-bottom: 1px solid #EAEAEA; display: block; font-size: 16px; padding: 10px; text-decoration: none; }
#submenu a:hover { background: #F0F8FF; }
#submenu .selected { color: #c0d4e6; background: #d9e5ef; display: block; font-size: 16px; text-decoration: none; }
#submenu .notselected { color: #153d7b; border-bottom: 1px solid #EAEAEA; display: block; font-size: 16px; padding: 10px; text-decoration: none; }

/*
 * CONTENT
 * Define all elements in the content area
 */
#frame h1 { color: #519526; font-size: 24px; font-weight: normal; padding: 0; display: block; text-align: center; margin: 15px 10px 10px 25px; line-height: 30px; }
#frame h2 { color: #999; font-size: 16px; padding: 0; display: block; text-align: center; margin: 15px 10px 15px 25px; }
#frame hr { border: none; border-bottom: 1px solid #DDD; padding: 15px 0 0 0; }
.blue { color: #153d7b; }
.green { color: #519526; }
#frame h1 strong { font-size: 24px; }
#frame p { color: #666666; padding-bottom: 12px; }
#home_left { float: left; width: 270px; text-align: center; padding-top: 40px; }
#home_right { float: right; width: 540px; margin-top: 20px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ebebeb; border-right-color: #ebebeb; border-bottom-color: #ebebeb; border-left-color: #ebebeb; padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
#home_right h1 { color: #519526; font-weight: normal; font-size: 21px; padding: 0; text-align: left; margin: 15px 0; line-height: 30px; }
#home_right li { display: inline; padding: 5px; }
.home_pod { float: left; width: 33%; text-align: center; line-height: 14px; padding-top: 20px; }
.home_pod strong { position: relative; top: 5px; }
.home_link_tour, .home_link_join, .home_link_employers, .lg_join { position: relative; padding-left: 10px; }
.home_link_tour a { display: block; width: 160px; height: 34px; background: url(../_images/home_tour.gif) no-repeat top left; }
.home_link_join a { display: block; width: 160px; height: 34px; background: url(../_images/home_join.gif) no-repeat top left; }
.home_link_employers a { display: block; width: 160px; height: 34px; background: url(../_images/home_employers.gif) no-repeat top left; }
.home_link_tour a:hover, .home_link_join a:hover, .home_link_employers a:hover, .lg_join a:hover { background-position: bottom left; }
#page_content { border-left: 1px solid #CCC; float: right; padding: 35px 30px 30px 30px; width: 608px; }
#page_content h1 { color: #519526; font-size: 22px; font-weight: normal; margin: 0; padding: 0 0 25px 0; float: none; text-align: left; line-height: 30px; }
#page_content h2 { float: none; font-size: 16px; color: #153d7b; margin: 0; text-align: left; padding: 0 0 25px 0; }
.lg_join a { display: block; width: 190px; height: 41px; background: url(../_images/btn_join.gif) no-repeat top left; }

/* Form Styles
 * Define all elements in the FORM area
*/
.form td { padding: 5px 2px 2px 0; }
table { padding: 0; }
label { font-weight: normal; color: #333; padding-left: 5px; display: block; float: left; /* bug trigger */ margin: 3px; padding: 3px; text-align: right; }
legend { color: #153d7b; font-weight: bold; font-size: 21px; padding: 0 0 10px 0; display: block; }
fieldset input, fieldset textarea, fieldset select, fieldset .radio { color: #666; font-size: 14px; margin: 3px; padding: 3px; width: 120px; float: left; /* bug trigger */ }
.radio_btn { clear: both; float: none; position: relative; }
.radio_btn label { margin: 5px 0 0 0; padding: 4px; }
.radio_btn input { width: auto; margin-left: 10px; width: 20px; margin: 10px 3px 3px 3px; padding: 3px; }
/*.radio_btn input { width: auto; margin-left: 10px; width: 20px; margin: 10px 3px 3px 3px; padding: 3px; }*/


br { clear: left; }
.fname, .lname, .address { width: 290px; }
.password { width: 250px; }
.state { width: 125px; padding-right: 0; }
.step3 { width: 150px; padding-right: 0; }
.step4 { width: 200px; padding-right: 0; }
.step5 { width: 255px; padding-right: 0; }
.zipcode { width: 100px; }
.email { width: 260px; }
.continue { width: 78px; height: 28px; }
.time { padding-top:7px; font-weight:bold;}
.exp { width: 80px; }
textarea { height: 120px; width: 260px; }
.contact { width: 260px; }
.gendermsg { padding: 0 100px 0 300px; }
.requiremsg { font-size: 12px; }
.requiremsg2 { font-size: 9px; }

fieldset, .fsblue { color: #666; background: #FAFAFA; border: 1px solid #CCC; margin: 5px 0; padding: 20px; }
.fsblue { background: #F0F8FF; }
fieldset fieldset { background: #ffffcc; color: #F00; }
fieldset fieldset li { margin-left: 35px; list-style: disc; }
fieldset h3 { color: #153d7b; font-weight: bold; font-size: 16px; padding: 5px 0 5px 0; display: block; }
.label_left { width: 120px; }
.passwd, .confpassword, .fname { width: 260px; }
.city { width: 260px; }
.zip { width: 80px; }
.label_left1 { width: 100px; text-align: left; }
.label_contact { width: 90px; }
.padding-time { padding-left: 105px; }
.required { color: #F00; font-size: 12px; padding-top: 5px; }
.carlabel { width: 120px; text-align: left; margin: 3px; padding: 3px; }
.carlabel1 { width: 192px; text-align: left; margin: 3px; padding: 3px; }
.car { width: 200px; margin: 3px; padding: 3px; }
/* .hrule { border-top: 1px solid #DDD; display: block; margin: 5px 0; } */
.hrule { margin: 0; padding: 0; display: block; border-top: #ddd 2px solid; clear: both; }
.padding-left { padding-left: 110px; }

/*
 * GENERIC CLASSES
 * Define styles for simple things like floating to the sides, removing a bottom margin on elements, etc
 */
.padding-05 { padding: 5px; }
.padding-20 { padding: 20px; }
.padding-60 { padding: 60px; }
.padding-20 h1 { float: left; }
.padding-left { padding-left: 110px; }

/* Terms page */
.tos { background: transparent no-repeat scroll top left; height: 400px; overflow: auto; }
.tos p.intro { text-transform: uppercase; }
.tos ol { margin: 15px; list-style: decimal; }
.tos ol li { margin-left: 15px; margin-top: 10px; margin-bottom: 10px; }
.tos ol ol { list-style: lower-roman; }
.tos ol ol ol { list-style: lower-alpha; }

ol li { list-style: decimal; margin-left: 20px; }

/* Wrapper
---------------------------------------------------------- */
div.wrapper { margin: 0px auto; width: 900px; }

/* Table styles 
----------------------------------------------------------- */
table { margin: 0 0 1em 0; border-collapse: collapse; }
table td { vertical-align: top; }
table.data { width: 100%; }
table.data td { padding: 3px; border-bottom: #D7E0E8 1px solid; }

/* How it works */
.howitworks div.content ul.content_navigation { margin: 0; padding: 12px 0 11px 13px; list-style: none; background: url(../_images/howitworksback.gif) no-repeat bottom left #FFF; }
.howitworks div.content ul.content_navigation li { margin: 0; }
.howitworks div.content ul.content_navigation li { margin: 0; display: inline; color: #FFF; }
.howitworks div.content ul.content_navigation li a { color: #FFF; text-decoration: none; padding: 11px 18px; }
.howitworks div.content ul.content_navigation li a:hover { color: #5da448; text-decoration: none; }
.howitworks div.content ul.content_navigation .inactive { color: #FFF; text-decoration: none; }
.howitworks div.content ul.content_navigation .active { color: #FFF; background: url(../_images/slider-select.jpg) bottom center no-repeat; }
.howitworks p.controllers { margin-top: 180px; width: 30px; float: left; }
.howitworks p#left_controller { visibility: hidden; }
.howitworks p#right_controller { float: right; }
.howitworks div.content div.slide_page h3 { margin: 50px 0 40px 45px; font-size: 24px; color: #519526; }
.howitworks div.content div.slide_page h4 { float: left; font-style: normal; font-size: 20px; color: #005398; line-height: 24px; }
.howitworks div.short_padding div.slide_page_content { padding: 0 20px; }
.howitworks div.slide_page { margin-top: 0px; width: 900px; min-height: 200px; float: left; font-size: 110%; background: url(../_images/slide_page_bk.png) #FFF repeat-x top left; }
.howitworks div.slide_page_content { padding: 0 50px; }
.howitworks div.slide_page_content div.content2 { margin: 0 0 40px 0; width: 500px; float: left; }
.howitworks div.slide_page_content p.intro { float: none; margin: 0; width: 210px; float: left; text-align: center; }
.howitworks div.slide_page_content table { width: 760px; margin: 0 0 0 0; float: left; }
.howitworks div.slide_page_content table th { padding: 4px 10px; font-weight: bold; border-bottom: 1px solid #DAECF3; }
.howitworks div.slide_page_content table td { padding: 4px 10px; font-weight: bold; border-bottom: 1px solid #DAECF3; }
.howitworks div.slide_page_content table td.option { padding: 5px 10px; width: 80px; border-bottom: 1px solid #DAECF3; }

/* CODA  */
.CodaFrame, .CodaFrame div.button, #scroller, .section { height: 57em; }
.CodaFrame { overflow: hidden; width: 900px; height: 450px; }
.CodaFrame #scroller { overflow: hidden; width: 820px; margin-left: 7px; float: left; }
.CodaFrame #content { width: 6300px; }
.CodaFrame .section { width: 820px; float: left; }

/* FAQs page */
.AccordionContainer { margin: 0; }
.AccordionTitle { font-style: normal; color: #005398; padding: 6px 20px 3px 30px; cursor: pointer; background: url(../_images/plus.png) #FFF no-repeat 10px 9px; }
.AccordionTitle_active { background-color: #FFF; background-image: url(../_images/minus.png); }
.AccordionContent { background-color: #ffffff; padding: 5px 20px 5px 30px; height: 0px; overflow: hidden; display: none; }

/* SIGN-UP MODALS */
.loadbackground { background-color: Gray; -ms-filter: alpha(opacity:45); opacity: 0.45; padding: 0; margin: 0; }
.loadpopup { width: 150px; background: #FFF url(../_images/loading_bk.gif) no-repeat 25px 17px; top: 30%; left: 39%; text-align: left; border: 3px solid #D4D0C8; padding: 20px 20px 20px 65px; color: #333; font-size: 16px; font-weight: bold; line-height: 150%; font-family: "lucida grande" , "trebuchet ms" , "lucida sans unicode" , "lucida sans" ,Verdana,sans-serif; }
.modalBackground { background-color: Gray; -ms-filter: alpha(opacity:45); opacity: 0.45; }
.modalPopup { width: 375px; top: 30%; left: 37%; text-align: left; border: 3px solid #D4D0C8; padding: 15px 15px 15px 65px; color: #333; font-size: 16px; line-height: 150%; font-family: "lucida grande" , "trebuchet ms" , "lucida sans unicode" , "lucida sans" ,Verdana,sans-serif; background: url(../_images/error_bk.png) #FFF no-repeat 15px 20px; }
.modalPopup input { margin-left: 55px; }

/* NEW */
.stats { width: 360px; float: left; }
.stats td { color: #333; width: 200px; }
.stats strong { color: #666; }
td.equals { background: url(../_images/equals.png) top center no-repeat; width: 80px; }
td.stats_right { padding: 80px 0 0 45px; text-align: center; }
.reviewed { margin: 0 auto; }
.reviewed td { padding: 0 40px; }
.review { width: 100%; }
.review td { padding: 9px 0 0 9px; }
.stats_r { width: 360px; float: right; }
.a_border { border: 1px solid #CCC; text-align: center; margin-bottom: 10px; padding: 15px; }
.a_border h1 { display: block; text-align: center; }
.stats_l { width: 360px; float: left; }
.stats_2 { margin-left: 25px; float: left; }
.potential { background: #FAFAFA; border: 1px solid #CCC; padding: 10px; float: right; text-align: center; width: 340px; }
.potential strong { color: #519526; font-size: 22px; font-weight: normal; margin: 0; padding: 0 0 25px 0; float: none; }

.potential { background: #FAFAFA; border: 1px solid #CCC; padding: 10px; margin: 5px auto; float: right; text-align: center; width: 380px; }
.potential strong { color: #519526; font-size: 22px; font-weight: normal; margin: 0; padding: 0 0 25px 0; float: none; }

/* ACCOUNT SECTION */
.account_menu { background: #6790ad; clear: both; display: block; margin: 10px 0; padding: 6px; }
.account_menu ul { }
.account_menu li { list-style: none; display: inline; }
.account_menu li a:link, .account_menu li a:visited { color: #FFF; padding: 5px 20px; text-decoration: none; }
.account_menu li a:hover { color: #1C3F77; }
.account_left { border-right: 1px solid #CCC; float: left; padding: 0 20px; width: 360px; min-height: 200px; }
.account_left td { padding-right: 20px; }
.account_right { float: left; padding: 0 20px; width: 360px; }
.profile_left { padding-right: 20px; }
.account-20 { padding: 20px; }
.account-20 img { padding: 3px; }
.account-20 h1, .account-20 h2 { float: left; }
.account-20 h2, .account-20 h3 { color: #29659d; }
.update { background: #FAFAFA; border: 1px solid #CCC; padding: 10px; float: right; }
.update strong { color: #900; }
.trip { color: #739C46; font-weight: bold; }
.bank_info { width: 220px; }
.a_left { float: left; }
.a_right { float: right; }
.buddy td { padding: 3px 5px; }
.order { padding: 10px; }
.orderm { border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 10px; }
.order img, .orderm img { float: left; padding-right: 4px; }
#submenu h4 { color: #29659d; }
.date { color: #000; margin-bottom: -10px; margin-top: 10px; }
.leadership img { border: 4px solid #DDD; float: left; margin: 0 10px 20px 0; }
.news { margin: 0; padding: 0; color: #153d7b; font-size: 16px; font-weight: bold; line-height: 30px; }