/****************** CSS Document *************************/
/****************** Writen By: Ryan May ******************/
/****************** For Lifeyo.com WWW server ************/
/************************ August 12 2009 *****************/
*{
margin:0;
padding:0;
border:none;
outline:none;
}

body{
background-repeat:repeat-x;
background-color:#2a3550;
font-family:Arial, Helvetica, sans-serif;
}

#navigation, #bottom_navigation{
margin:20px 5px;
}

#navigation ul, #bottom_navigation ul{
list-style:none;
}

#navigation li, #bottom_navigation li{
margin:0 50px;
display:inline;
}

#navigation a, #bottom_navigation a{
color:#c2c4c8;
font-size:14px;
text-decoration:none;
}

#navigation a:hover, #bottom_navigation a:hover{
color:#FFFFFF;
text-decoration:underline;
}

P{
margin-bottom:8px;
font-size:14px;
}

H1{
font-size:28px;
color:#181818;
margin-bottom:15px;
}

H2{
font-size:25px;
color:#535353;
margin-bottom:10px;
font-weight:normal;
}

H4{
font-size:18px;
color:#333333;
margin-bottom:10px;
margin-left:10px;
}

.answer{
font-size:20px;
color:#666666;
margin-bottom:40px;
}

#main_container{
width:930px;
margin:0 auto;
}

#big_title{
text-align:center;
margin:50px 0 30px;
}

.content_block{
width:908px;
margin:10px auto;
}

.content_header{
background-image:url(/images/container_top.png);
background-repeat:no-repeat;
height:26px;
}

.content_footer{
background-image:url(/images/container_base.png);
background-repeat:no-repeat;
height:30px;
}

.content_content{
background-image:url(/images/container_strip.png);
background-repeat:repeat-y;
}

.content_header_photo{
margin-left:3px;
height:307px;
}

.premiering_title{
color:#3188c3;
}

#countdown_box{
width:500px;
text-align:center;
margin:30px auto;
}

#login_container{
position:absolute;
top:-1px;
right:10%;
width:162px;
height:52px;
background-image:url(/images/sign_in_background.png);
background-repeat:no-repeat;
}

#beta_button{
width:129px;
height:28px;
background-image:url(/images/beta_testers.png);
background-position:0 0;
background-repeat:no-repeat;
background-color:transparent;
display:block;
margin:10px auto;
}

#beta_button:hover{
background-position: 0 -29px;
}

#beta_button:active{
background-position: 0 -58px;
}

#login_button{
width:129px;
height:28px;
background-image:url(/images/sign_in.png);
background-position:0 0;
background-repeat:no-repeat;
background-color:transparent;
display:block;
margin:10px auto;
}

#login_button:hover{
background-position: 0 -29px;
}

#login_button:active{
background-position: 0 -58px;
}


.window_close {
background:transparent url(/images/cancel.png) no-repeat scroll 0 0;
height:40px;
position:absolute;
right:-2px;
top:-5px;
width:40px;
z-index:10;
}

.window_close:hover {
background-position:0 -40px;
}

.window_close:active{
background-position:0 -80px;
}

#login_window{
width:373px;
height:256px;
position:absolute;
top:60px;
right:8%;
background-image:url(/images/notify_background.png);
background-repeat:no-repeat;
z-index:10;
padding:20px 5px;
}

#movie_window{
background-image:url(http://lifeyostaticfiles.s3.amazonaws.com/static/images/background_1.png);
height:394px;
left:50%;
margin-left:-238px;
margin-top:-199px;
position:absolute;
top:50%;
width:433px;
z-index:100;
}

#login_content{
text-align:center;
}

#movie_content{
margin:025px auto;
text-align:center;
}

#login_form input{
color:#565656;
font-family:"Helvetica Neue",Helvetica,Arial,sans;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
width:170px;
border:none;
}

.ly_round {
background-color:transparent;
background-image:url(/images/site_login_sprite.png);
background-position:0 -287px;
border:medium none;
height:22px;
width:170px;
padding:5px;
}

.login_btn {
background-image:url(/images/site_login_sprite.png);
background-position:-129px 0;
border:medium none;
height:28px;
width:128px;
display:block;
margin:5px auto;
}

.login_btn:hover {
background-position:-129px -29px;
}

.login_btn:active {
background-position:-129px -58px;
}

.try_again_btn{
background-image:url(/images/site_login_sprite.png);
background-position:0 0;
border:medium none;
height:28px;
width:128px;
display:block;
margin:15px auto;
}
.try_again_btn:hover {
background-position:0 -29px;
}

.try_again_btn:active {
background-position:0 -58px;
}

#test_signup_box{
text-align:center;
display:none;
}

#response_message{
padding:10px;
text-align:center;
width:335px;
display:none;
}

.w_span_auto{
margin-bottom:2px;
margin-left:17px;
}

#signup_form label{
display:block;
float:left;
margin-top:5px;
text-align:left;
width:134px;
}

.beta_btn{
border:1px solid #666666;
margin:5px;
width:330px;
font-weight:bold;
cursor:pointer;
}

.beta_btn:hover{
border:1px solid #000000;
background-color:#CCCCCC;
}

#big_bar{
margin-bottom:60px;
}

.videos_container{
height:150px;
width:475px;
margin:10px auto;
}

.video_frame{
width:193px;
height:134px;
background-image:url(/images/video_thumbs.png);
background-repeat:no-repeat;
background-position:0 0;
margin:5px 20px;
float:left;
display:block;
position:relative;
}

.video_frame img{
margin:13px auto;
z-index:1;
width:163px;
height:106px;
display:block;
}

.active{
background-position:0 -134px;
}

.play_btn{
width:43px;
height:49px;
position:absolute;
top:41px;
left:77px;
background-image:url(/images/play_triangle.png);
background-repeat:no-repeat;
z-index:10;
cursor:pointer;
}

#login_bubble{
width:227px;
height:204px;
background-image:url(/images/login_bg.png);
background-color:transparent;
background-repeat:no-repeat;
position:absolute;
right:10%;
top:50px;
z-index:100;
display:none;
}

#bubble_title{
background-image:url(/images/site_login_sprite.png);
margin:50px auto 5px;
}

.members_login_title{
width:127px;
height:18px;
background-position:0 -87px;
}

.sorry_title{
width:190px;
height:38px;
background-position:0 -104px;
}

#about_list{
list-style:none;
}
#about_list li{
margin:5px;
}

#about_options{
width:225px;
float:left;
}

#about_details{
width:610px;
float:left;
}

.staff{
color:#283043;
font-size:18px;
font-weight:bold;
margin-bottom: 28px;
}

.title{
font-weight:normal;
color:#999999;
font-size:17px;
}

#about_options a{
text-decoration:none;
font-size:20px;
color:#333333;
}

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

#about_options a.active{
color:#003399;
text-decoration:underline;
}

#about_list li{
margin:10px 0;
}

.how_to_btn{
width:241px;
height:52px;
float:left;
margin:10px 30px;
background-image:url(/images/tutorial_button.png);
background-repeat:no-repeat;
display:block;
text-decoration:none;
}

.how_to_btn:hover{
background-image:url(/images/tutorial_button2.png);
}

.how_to_btn span{
    color:#335499;
    display:block;
    font-size:16px;
    margin:14px;
    text-align:center;
}

#who_details h1 {
    color:#464646;
    font-size:25px;
    margin: 14px 0px 15px 10px;
}

#who_details h2 {
    color:#464646;
    margin: 14px 0px 15px 10px;
}

#how_to_list{
list-style:none;
}

#how_to_list li{
margin-left:20px;
}
#how_to_list a {
font-size:17px;
}

.tutorial_text_container h3{
    color:#464646;
    margin:30px 0px 15px 10px;
}

.detail_window ul{
list-style:disc;
list-style-image:url("http://lifeyostaticfiles.s3.amazonaws.com/static/user_files/21/images/upload_727/full/21-727-0.jpg");
margin:20px 30px;
}

.detail_window li{
margin-bottom:10px;
}

.detail_window p{
margin-left:10px;
}

.support_window p{
font-size:14px;
}

#help_form label, #blog_comment label{
display:block;
margin:21px 5px 5px;
font-size:14px;
color:#003366;
font-weight:bold;
}

#help_form select{
border:1px solid #CCCCCC;
padding:4px;
}

textarea.rounded{
width:358px;
height:188px;
background-image:url(/images/containers/textarea_bg.png);
background-repeat:no-repeat;
padding:10px;
}

#question_form_container{
width:382px;
}

#question_form_container p{
    font: 300 16px/16px museo,Helvetica Neue,Arial,sans-serif;
}

#question_form_container label{
    font: 500 16px/16px museo,Helvetica Neue,Arial,sans-serif;
}

.blog_post{
margin:0 5px 14px;
padding:10px;
position:relative;
}
.blog_header{
padding: 0 0 0 80px;
margin-bottom:10px;
}
.blog_title{
color:#0066CC;
margin-bottom:1px;
}
.blog_title a, .blog_title a:visited{
color:#0066CC;
}
.blog_content, .blog_comments{
color:#666666;
font-size:14px;
padding:0 0 0 80px;
}

.blog_comments {
    padding-top:40px;    
}

.blog_content img{
margin:10px auto;
display:block;
padding:2px;
background-color:#FFFFFF;
border:1px solid #666666;
}

.big_date{
border-right:1px solid #999999;
height:50px;
left:0;
line-height:0.9;
position:absolute;
top:8px;
width:60px;
}

.big_date .month{
color:#999999;
font-size:20px;
padding-right:20px;
text-align:right;
text-transform: uppercase;
}

.big_date .mday{
color:#999999;
font-size:32px;
padding-right:20px;
margin-bottom:0px;
text-align:right;
}

.blog_date{
color:#888888;
font-size:13px;
}

.blog_comment_container{
border-top:1px dashed #666666;
margin-top:25px;
margin-left:10px;
}

.comment_header{
height:20px;
}

.comment_header .user{
float:left;
font-weight:bold;
}
.comment_header .date{
float:right;
font-style:italic;
font-size:12px;
}

.comment_container{
margin:10px;
border:1px solid #CCCCCC;
padding:10px;
}

.comment{
margin-top:10px;
font-size:14px;
}

.comment_info {
padding:10px 0 0 80px;
font-size:12px;
}

.comment_info h3 {
    margin-top:0px;
}

.post_comment_btn{
border:2px solid #666666;
font-size:17px;
margin-top:10px;
padding:5px;
width:200px;
}
.post_comment_btn:hover{
border-color:#333333;
}

.send_btn{
    color:#FFFFFF;
    background: url("/images/dashboard/buttons/blue_dashboard_button.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    font: 500 20px/16px museo,Helvetica Neue,Arial,sans-serif;
    height: 32px;
    margin-top: 20px;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    width: 135px;
}
.send_btn:hover{
background-position:0 -32px;
}

#share_footer_nav{
font-size:12px;
color:#CCCCCC;
}
#share_footer_nav a, #share_footer_nav a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
text-decoration:none;
}
#share_footer_nav a:hover{
color:#cccccc;
text-decoration:underline;
}

.share_icon{
width:33px;
height:33px;
margin:-20px 5px 5px;
background-image:url(/images/buttons/follow_icons.png);
background-repeat:no-repeat;
display:block;
float:left;
}

#facebook_icon{
background-position:-33px -33px;
}
#facebook_icon:hover{
background-position:-33px 0px;
}

#twitter_icon{
background-position:0 -33px;
}
#twitter_icon:hover{
background-position:0 0;
}

#lifeyo_in_action{
margin:120px 20px 20px;
}

#input_content {
margin:0pt auto;
}

.shell{
border:1px solid #656565;
background-image:url(/images/containers/txt_box_bg.png);
background-position:0 0;
background-repeat:repeat-x;
height:59px;
position:relative;
}
.big_input{
height:59px;
font-size:50px;
width:100%;
margin:5px;
background-color:transparent;
}
.shell.focused{
background-position:0 -70px;
}
.shell.problem{
background-position:0 -140px;
}

.big_input_container{
margin-bottom:30px;
}
.big_input_container label{
font-size:24px;
color:#000033;
}
.big_input_container .label_input{
position:relative;
}
.big_input_container .label_input label{
float:left    
}
.big_input_container .label_input input{
float:left    
}
.big_input_container label span{
font-size:16px;
color:#666666;
margin-left:20px;
display:none;
}

#create_site_btn{
width:510px;
height:80px;
background-image:url(/images/buttons/start_creating_button.png);
background-position:0 0;
background-color: transparent;
display:block;
margin:0 auto;
}
#create_site_btn:hover{
background-position:0 -79px;
}
#create_site_btn:active{
background-position:0 -158px;
}
.sub_dom{
margin-left:5px;
font-size:56px;
color:#999999;
}

.error_spot{
color:#660000;
display:none;
}

#lost_password_btn{
width:300px;
text-align:center;
font-size:24px;
border:1px solid #999999;
display:block;
margin:0 auto;
}
#lost_password_btn:hover{
border:1px solid #333333;
background-color:#FFFF99;
}

#account-signup-form{
margin: 30px auto;
width: 612px;
}

.tall-row{
 border-left:solid 1px #d9d9d9;
 border-right:solid 1px #d9d9d9;
 border-top:solid 1px #f1f7fe;
 border-bottom:solid 1px #b4b9c0;
 background-color:#dce2ea;
}

.tall-row label{
color: #333333;
    display: block;
    float: left;
    font-family: museo;
    font-size: 18px;
    font-weight: normal;
    margin-top: 19px;
    text-align: right;
    width: 150px;
}

.tall-row select{
margin-top:15px;
margin-bottom:15px;
margin:10px;
float:left;
background-color:#f6f6f6;
background-image:url(/images/containers/input-fade.png);
background-repeat:repeat-x;
border:solid 1px #666666;
font-size:18px;
padding:7px;
}

.tall-row input, #ly_domain{
background-color: #F6F6F6;
    background-image: url("/images/containers/input-fade.png");
    background-repeat: repeat-x;
    border: 1px solid #666666;
    border-radius: 4px 4px 4px 4px;
    font-size: 18px;
    margin: 10px;
    padding: 7px;
    width: 300px;
}



.tall-row input.problems, #domain.problems, #tld.problems, #ly_domain.problems{
border:solid 2px #990000;
}

.tall-row input.good, #domain.good, #tld.good, #ly_domain.good{
border:solid 2px #006600;
}

.mess_bub{
width:200px;
height:50px;
float:right;
margin-top:-57px;
margin-right:-132px;
background-color:transparent;
background-image:url(/images/containers/call_out_yes_no.png);
background-repeat:no-repeat;
font-size:12px;
background-position:0 0;
z-index:4;
display:none;
}

.mess_bub.problems{
background-position:0 -52px;
}
.mess_bub .problem_text{
display:none;
}
.mess_bub.problems .problem_text{
display:block;
}
.mess_bub.problems .info_text{
display:none;
}

.mess_bub div{
    font-family: museo;
    font-size: 14px;
    margin: 5px 5px 5px 30px;
}

.title_holder{
text-align:center;
}

#register_new_domain{
	width:586px;
	height:252px;
	background-color:transparent;
	background-image:url(/images/containers/choose_website_address_bg.png);
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#domain_choose_form{
	width:550px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	text-align:center;
}

#domain_choose_form input{
width:384px;
border:solid 1px #666666;
margin:10px;
background-color:#f6f6f6;
background-image:url(/images/containers/input-fade.png);
background-repeat:repeat-x;
font-size:18px;
padding:7px;
}

#domain_choose_form input, #ly_domain_choose_form input{
width:384px;
border:solid 1px #666666;
margin:10px;
background-color:#f6f6f6;
background-image:url(/images/containers/input-fade.png);
background-repeat:repeat-x;
font-size:18px;
padding:7px;
}

#domain_choose_form select, #ly_domain_choose_form select{
border:solid 1px #666666;
margin:10px;
background-color:#f6f6f6;
background-image:url(/images/containers/input-fade.png);
background-repeat:repeat-x;
font-size:18px;
padding:7px;
}

#domain_status_text, #ly_domain_status_text{
text-align:left;
}

#lifeyo_new_domain{
text-align:left;
font-size:14px;
width:550px;
margin:3px auto;
}

#payment_options{
background-color:#f1f7fe;
text-align:center;
}

#payment_options select{
background-color:#f6f6f6;
background-image:url(/images/containers/input-fade.png);
background-repeat:repeat-x;
border:solid 1px #666666;
font-size:18px;
padding:7px;
margin:10px;
}

#start-pay-btn{
display:block;
width:431px;
height:75px;
background-image:url(/images/buttons/place_my_order.png);
background-position: 0 0;
background-color:transparent;
margin:10px auto;
margin-bottom:0;
background-repeat:no-repeat;
}
#start-pay-btn:hover{
background-position: 0 -79px;
}
#start-pay-btn:active{
background-position: 0 -159px;
}

.problem_explanation{
background-color:#CC9999;
border: 1px solid #990000;
font-size:18px;
padding:20px;
text-align:center;
margin:20px;
}

#signup_btn{
background-image:url(/images/buttons/create_account_button.png);
background-position:0 0;
height:72px;
width:431px;
background-color:transparent;
background-repeat:no-repeat;
}
#signup_btn:hover{
background-position:0 -78px;
}
#signup_btn:active{
background-position:0 -158px;
}

#confirm_fb_btn{
background-image:url(/images/buttons/confirm_account.png);
background-position:0 0;
height:29px;
width:229px;
background-color:transparent;
background-repeat:no-repeat;
}
#confirm_fb_btn:hover{
background-position:0 -29px;
}
#confirm_fb_btn:active{
background-position:0 -58px;
}

#logout_fb_btn{
background-image:url(/images/buttons/logout_facebook.png);
background-position:0 0;
height:29px;
width:229px;
background-color:transparent;
background-repeat:no-repeat;
display:block;
margin:0pt auto;
}
#logout_fb_btn:hover{
background-position:0 -29px;
}
#logout_fb_btn:active{
background-position:0 -58px;
}

#lifeyo-url-form{
	background-image:url(/images/containers/choose_websiteaddress_bg.png);
	background-repeat:no-repeat;
	width:595px;
	height:250px;
	margin:0pt auto;
	text-align:center;
}
#create_steps {
background:transparent url(/images/containers/top_bar_bg.png) repeat-x scroll 0 0;
height:28px;
left:0;
top:0;
width:100%;
z-index:8999;
}

.registration_proc {
background:transparent url(/images/buttons/registration_notification.png) no-repeat scroll 0 0;
display:block;
float:left;
height:20px;
margin-right:10px;
text-indent:-9999px;
width:131px;
}

#choose_theme.current {
    background-position: 0px -21px;
}

#choose_theme.completed {
    background-position: 0px -42px;
}

#create_account{
    background-position: -141px 0px;
}

#create_account.current {
    background-position: -141px -21px;
}

#create_account.completed {
    background-position: -141px -42px;
}

#get_address {
    background-position: -282px 0px;
}

#get_address.current {
    background-position: -282px -21px;
}

#get_address.completed {
    background-position: -282px -42px;
}

#registration_steps {
    margin:0 auto;
    padding-top:3px;
    width:440px;
}
#big_create_site_btn{
display:block;
margin:10px auto;
background-image:url(/images/buttons/create_my_site.png);
background-position:0 0;
height:72px;
width:431px;
background-color:transparent;
background-repeat:no-repeat;
}
#big_create_site_btn:hover{
background-position:0 -78px;
}
#big_create_site_btn:active{
background-position:0 -158px;
}
#ly_domain_ext{
    float:left;
    font-weight:bold;
    font-size:26px;
    margin-top:14px;
}
.problem_explanation{
width:500px; 
margin:5px auto;
font-size:16px;
}
.problem_response{
background-color:#DAAFBB;
border:1px solid #990000;
margin:20px;
padding:20px;
margin-bottom:0;
}

.plan_box{
background-image:url(/images/containers/choose_plan_bg_slice.png);
background-repeat:repeat-x;
height:384px;
margin-left:3px;
margin-right:5px;
text-align:center;
padding:15px;
}

.plan_description{
background-image:url(/images/containers/below_bg_slice.png);
background-repeat:repeat-x;
margin-left:3px;
margin-right:5px;
padding:15px;
background-color:#FFFFFF;
}

.plan_title{

}
.address_option{
width:250px;
margin:10px auto;
background-repeat:no-repeat;
}
.choose_plan_btn{
display:block;
width:223px;
height:51px;
background-image:url(/images/buttons/choose_plan.png);
background-position:0 0;
margin:0pt auto;
position:relative;
width:223px;
}
.choose_plan_btn:hover{
background-position:0 -52px;
}

.choose_plan_btn:active{
background-position:0 -104px;
}

#strart-site-btn{
display:block;
width:430px;
height:69px;
background-image:url(/images/buttons/edit_my_website.png);
background-position:0 0;
margin:5px auto;
}
#strart-site-btn:hover{
background-position:0 -79px;
}

#strart-site-btn:active{
background-position:0 -158px;
}



#free_address{
background-image:url(/images/containers/free_panel.png);
height:212px;
}
#free_address a{
bottom:-152px;
} 


#my_address{
background-image:url(/images/containers/use_my_domain_panel.png);
height:256px;
position:relative; 
}

#my_address a.choose_plan_btn{
bottom:9px;
}

#buy_address{
background-image:url(/images/containers/get_a_domain_panel.png);
height:256px;
}
#buy_address a{
bottom:-198px;
}

.plan_description h2{
color:#000000;
font-weight:100;
margin-bottom:15px;
margin-top:30px;
color:#282828;
}
.plan_description p{
margin-bottom:20px;
color:#383939;
}


.summary_box{
width:365px;
height:162px;
margin:30px auto;
background-image:url(/images/containers/confirmation_bg.png);
font-size:12px;
}

#domain_status_text{
font-weight:bold;
}

#account_already{
font-size:13px;
left:416px;
position:relative;
top:26px;
}


#back_to_options{
font-size:14px;
left:480px;
position:relative;
top:32px;
}

.wrong_up{
font-size:14px;
color:#660000;
padding:2px;
}

.plan_options img{
    text-align:center;
}

.content_block #account_type_content {
    margin:0 auto;
    padding:70px;
    position:relative;
    width:612px;
}

#create_lifeyo_id_button {
    background:transparent url(/images/signin/create_lifeyo_id_button.png) no-repeat scroll left top;
    border:medium none;
    cursor:pointer;
    display:block;
    height:29px;
    margin:0px auto;
    text-indent:-9999px;
    width:228px;
}

#create_lifeyo_id_button:hover {
    background-position:0px -29px;
}

#create_lifeyo_id_button:active {
    background-position:0px -58px;
}

#signin_option_button {
    background:transparent url(/images/signin/sign_in_to_account_button.png) no-repeat scroll left top;
    border:medium none;
    cursor:pointer;
    display:block;
    height:29px;
    margin:0px auto;
    text-indent:-9999px;
    width:228px;
}

#signin_option_button:hover {
    background-position:0px -29px;
}

#signin_option_button:active {
    background-position:0px -58px;
}

#account_type_content a.fbconnect_login_button {
    float:right;
}

#fb-signup-form{
    width:612px;
    margin:20px auto;
}

#fb-signup-form .cap {
    text-align:center;
    margin:20px;
}

#fb-signup-form  .FB_name{
    padding:20px;
    position:absolute;
}

.facebook_signup{
    background:transparent url(/images/signin/facebook_title.png) no-repeat scroll left top;
}

.normal_signup{
    background:transparent url(/images/signin/regular_signup.png) no-repeat scroll left top;
}

.existing_acc{
    background:transparent url(/images/signin/already_have_account.png) no-repeat scroll left top;
}

.left{
    float:left;
}

.plan_options {
    margin: 0 auto;
    width: 700px;
}