/* CSS Document */
* {margin:0; padding:0}
#main {position:relative; background:#FFF url(../images/home_bg.png); margin:40px auto; width:967px; height:727px}
#header {position:absolute; left:1px; top:1px; width:960px; height:25px; background-image:url(../images/dark_overlay.png); line-height:180%; padding-top:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1A395A; text-align:center}
#header a {text-decoration:none; color:#2A496A}
#footer {position:absolute; right:6px; bottom:7px; width:960px; height:50px; background-image:url(../images/dark_overlay.png); line-height:180%; padding-top:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#1A395A; text-align:center}
#footer a {text-decoration:none; color:#2A496A; font-weight:bold}

.clear {clear:both}
.flright {float:right}

/******** logo ********/
#logo {float:right; background:transparent url(../images/beta_logo.png) no-repeat right; width:420px; height:65px; margin:30px 30px 20px}


/************* expanding buttons *************/
.search_raiser, .join_raiser, .login_raiser {position:relative; left:0}
.search_raiser {top:120px}
.join_raiser {top:235px}
.login_raiser {top:350px}
.expander_btn {position:absolute; padding:0; margin:0; border:none;}
.btn_sized {left:745px}
.pull_out {left:250px}
.pull_up {top:120px}
.expand {width:450px; height:280px}
.btn_top_left {background-image:url(../images/btn_top_left.png); width:10px; height:10px; max-height:10px}
.btn_top_right {background-image:url(../images/btn_top_right.png); width:10px; height:10px;}
.btn_side, .btn_body, .maint_body {background-image:url(../images/btn_body.png)}
.btn_body > div {position:relative; overflow:hidden; width:170px; height:50px;}
.btn_body > div > img {cursor:pointer}
.srink_btn {width:170px; height:50px}
.btn_bottom_left {background-image:url(../images/btn_bottom_left.png); width:10px; height:10px;}
.btn_bottom_right {background-image:url(../images/btn_bottom_right.png); width:10px; height:10px;}
#search_btn_txt {padding:0 20px}
#join_btn_txt {padding:0 10px}
#login_btn_txt {padding:0 33px}
.close_btn {position:absolute; left:426px;}

/************* profile scroller *************/
#prof_container {position:absolute; left:40px; top:465px; width:880px; height:190px; overflow: hidden}
#prof_container a {text-decoration:none}
#top_fade {position:absolute; top:0}
#bottom_fade {position:absolute; top:175px}
.prof {position:absolute; width:110px; height:160px; margin:15px 0}
#prof1, #prof9 {left:0}
#prof2, #prof10 {left:110px}
#prof3, #prof11 {left:220px}
#prof4, #prof12 {left:330px}
#prof5, #prof13 {left:440px}
#prof6, #prof14 {left:550px}
#prof7, #prof15 {left:660px}
#prof8, #prof16 {left:770px}
#prof1, #prof2, #prof3, #prof4, #prof5, #prof6, #prof7, #prof8 {top:0}
#prof9, #prof10, #prof11, #prof12, #prof13, #prof14, #prof15, #prof16 {top:175px}
.data {width:110px; color:#000; font-size:12px; text-align:center}
.prof_pic {width:80px; height:106px; margin:0 auto; text-align:center}
.prof_pic img {cursor:pointer; border:1px solid #CC9900; box-shadow: 5px 5px 8px #EB8; -moz-box-shadow: 5px 5px 8px #EB8; -o-box-shadow: 5px 5px 8px #EB8; -webkit-box-shadow: 5px 5px 8px #EB8 /*die IExplorer!*/}
.data {font-family:Arial, Helvetica, sans-serif}
.data span.occ {color:#001F45}
.data span.city {color:#b5121b}

/******** Common button content ********/
.btn_content {position:absolute; top:50px; left:-450px; width:450px; height:220px; display:none; font:12px Arial; font-weight:bold}
.btn_content a {color:#CCCCCC}
a img {border:none}

/******** Log in button ********/
#login_error {display:none; border:2px solid red; color:white; text-align:center; padding:3px}
.log_in {width:350px; border:0px dotted #CCC; padding-top:30px}
.log_in fieldset {border:none; padding:10px}
.log_in label {width:120px}
.log_in input[type="text"] {margin-bottom:10px}

/******** Join box ********/
#join_p2 {left:450px}
#join_p3 {left:0px}

/******** center *********/
.center {margin:0 auto;}
#join_p1 .center {width:450px}
#join_p2 .center {width:450px}
#join_p3 .center {width:350px}
#login_btn .center {width:350px}
#search_btn .center {width:350px}

/******* form row *******/
.form_row {color:#fff; margin-bottom:7px}
label {float:left; width:150px; text-align:right; margin-right:10px; font:12px Arial; font-weight:bold}
input[type="text"], input[type="password"], input[type="button"] {width:165px; -moz-border-radius:4px; -khtml-border-radius:4px; font:12px verdana, sans-serif}
input {padding:2px; border:1px solid #ddd; background:#fafafa}
select {padding:2px; border:1px solid #ddd; background:#fafafa; font:12px verdana, sans-serif; -moz-border-radius:4px; -khtml-border-radius:4px}
.time_zone select {width:250px}

/******* button *********/
.button {float:right; background:none; border:none;}
.button input {border:none; background:none}
input [type="image"] {padding:0}

/******* footer text ******/
.footer_text {width:960px; font-family:Arial, Helvetica, sans-serif; color:#2A496A; font-size:13px; text-align:center; margin:20px auto}
.footer_text p {padding:5px}
.footer_links {margin-top:20px}
.footer_links a {color:#000; text-decoration:none; margin:0 5px}

/******* home text *******/
.home_txt {margin:95px 260px 0 300px; float:left}