/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,img,textarea,p,blockquote,th,td,hr{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,hr{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}a,embed{outline:none;}
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
@charset "utf-8";
/*** PAGE ***/
html {background: url("/assets/bgs/wall_red.png") repeat; }
body {background: url("/assets/bgs/wall_red.png") repeat; color: #222222; font-family: Tahoma; font-size: 12px; margin: 0px auto; }
/*** HEADER ***/
#opera_div, #ie6_div { display: none; background: #EE0000; color: #FFFFFF; padding: 10px 10px; border: 3px solid #AA0000; margin-top: 5px; }
#description { display: none; }
#opera_div li { color: #FFFFFF; margin: 0 0 0 20px; list-style-type: square; }
.header_shadow {background: url(/assets/images/header_shadow_950.png); height: 10px; overflow: hidden; padding: 0px; width: 950px;}
#header {background: #333333 url(/assets/images/header_bg.png); height: 40px;}
#banner {background: url('/assets/images/wawi-banner-40-beta.png') no-repeat; float: left; height: 40px; width: 280px; }
#navigation {float: right; padding: 10px 20px 0px 0px; text-align: right; vertical-align: middle; }
#navigation a {color: #F7DA77; font-size: 10pt; margin: 0px 10px; text-decoration: none; }
#navigation a:hover {color: #F69679; }
#navigation a.active_uri { color: #FFFFFF; }
/*** CONTENT ***/
.content { width: 950px; margin: 10px auto; z-index:1000; padding-top: 30px; }
.content_border { padding: 9px; background: url(/assets/images/translucent.png);  }
*html .content_border { padding: 9px; background: #641D0C }
.content_main { border: 1px solid #111111; background: #FFFFFF; }
.content_left {background: #FFF79E; border: 1px solid #F3E307; float: left; margin-right: 10px; width: 298px; font-size: 8pt; }
.content_left_head {background: #FBF388; border-bottom: 1px solid #F3E307; color: #B5351B; font-size: 8pt; font-weight: bold; padding: 5px 10px; }
.content_left_text { padding: 10px; }
.content_left_sub { font-weight: bold; }
.content_left_text a {color: #CA3B1A; }
.content_left_text a:visited { color: #E87962 }
.content_right { float: left; width: 640px; }
/*** FOOTER ***/
.footer_shadow {background: url(/assets/images/footer_shadow_950.png) no-repeat; height: 10px; width: 100%; overflow: none; display: block; }
#footer {background: #B5351B url(/assets/images/footer_bg_brown.png) repeat-x; color: #DDDDDD; font-family: Verdana; font-size: 8pt; height: 40px; text-align: center; overflow: hidden; }
#footer_text {float: left; text-align: left; }
#footer_links {float: left; text-align: left; padding: 10px; }
#footer_links a {color: #F69679; font-family: Tahoma, Arial; font-size: 10pt; margin: 0px 10px; text-decoration: none; }
#footer_links a:hover {color: #F7DA77; }
#footer_links a.active_uri { color: #FFFFFF; }
#shcp_logo_box { float: right; padding: 10px; background: #F7C82B url(/assets/images/footer_bg_wood.png); }
#shcp {height: 20px; width: 149px; }

/*** GENERIC ***/
.junk { clear: both; }
.profile_attention_text { color:red;}
.my_account_links a:link,.my_account_links a:visited {color:#CA3B1A; text-decoration: underline}
.my_account_links a.active_link {text-decoration: none;}
#wall_list_photo {float:left; width:80px; height:80px; margin:5px 10px 0px 5px}
.repeater_row a:link,.repeater_row a:visited{font-weight:bold; text-decoration:underline; color:#CA3B1A}
.repeater_alt_row a:link,.repeater_alt_row a:visited{font-weight:bold; text-decoration:underline; color:#CA3B1A}
.repeater_row a:hover,.repeater_alt_row a:hover{color:#862714}
.repeater_row,.repeater_alt_row {height:100px; width:93%; margin-top:10px; margin-left:10px; padding:5px 10px 0px 10px;}
.repeater_alt_row {background-color:#FFFCD4;}
.repeater_row {background-color:#FFFDE4;}
.wall_list_stats {font-size:80%; margin-top:10px}
.wall_list_actions {float:right;}
.wall_list_page_text {padding:0px;}
#wall_list_no_walls {text-align:center; width:100%; height:100px; margin-top:80px;}
#wall_list_no_walls a:link,#wall_list_no_walls a:visited {color:#CA3B1A; text-decoration: none}
#wall_list_deleted_walls_heading { margin-left:20px; margin-bottom:20px;}
#wall_list_del_walls_expand_btn { position:relative; cursor: pointer; top:3px; width:16px; height:16px; background-image:url(/assets/images/sticky_maximize.png)}
#wall_list_del_walls_expand_btn.expanded {background-image:url(/assets/images/sticky_minimize.png)}
#deleted_walls_list {display:none;}
#page_title { background: #CA3B1A; border-bottom: 1px solid #862714; color: #FFFFFF; font-size: 12pt; padding: 5px 10px; }
#page_text { padding: 10px 20px 30px 20px;; }
#page_text a { color: #CA3B1A; text-decoration: none }
#page_text a:hover { color: #862714 }
.subheading { font-size: 10pt; font-weight: bold; border-bottom: 1px dotted #999999; color: #CA3B1A; }
.subsubheading { font-size: 13px; font-weight: bold; color: #666666; text-transform: uppercase; }
p { margin-bottom: 10px; }
ul { padding-right: 10px; }
li { margin-bottom: 10px; margin-left: 20px; }
ul li {list-style-type: square; color: #B5351B;}
.tos_ul  li{color: #000000;}
#page_text li { margin-bottom: 2px; color: #222222; }
#page_text ul { margin-top: 5px; margin-bottom: 5px; }
.strong { font-weight: bold; }
/*Home Page*/
#home_photo { background: url(/assets/images/wawi-logo-ob-80.png); width: 76px; height: 80px; border: none; float: left;}
/*#home_title { font-family: Tahoma,"Lucida Grande"; font-size: 31px; font-weight: bold;}*/
#home_title { height: 60px; width: 270px; background: url(/assets/images/home_title_60.png) no-repeat; margin-top: 10px;}
#home_subtitle { font-family: Tahoma,"Lucida Grande"; font-size: 19px; }
#home_intro { padding: 10px; margin-bottom: 10px; }
#home_intro h1 { font-size: 20pt; color: #AA0000; border-bottom: 1px dotted #666666; font-weight: bold; margin-top: 0px; margin-bottom: 0px}
#home_intro a { color: #066ED6; }
#home_intro_text { font-size: 12pt; color: #333333; font-weight: bold; padding: 0px 10px; font-family: Arial, Helvetica, sans-serif;  }
#home_intro_text .text_line { margin: 5px 0px; }
#home_middle { padding: 20px; border-top: 1px solid #F3E307; border-bottom: 1px solid #DDDDDD; background: url(/assets/images/home_main_bg.png) repeat-x; }
#home_howto { float: left; width: 280px; height: 348px; margin-right: 10px; }
#home_wallshot { float: left; width: 590px; height: 331px; background: url(/assets/images/vista-sample.jpg) no-repeat; border: 5px solid #FBF489; }
#home_end { text-align: right; height: 25px; font-size: 14pt; padding: 10px 20px; background: #F3F3F3 }
#home_end a { text-decoration: none; color: #066ED6; }
#home_main { background: #FFFFFF /*url(/assets/images/home_main_bg.png) repeat-x*/ ; }
/*.howto_text img { float: left; width: 50px; height: 70px; margin: 0px 10px; background: url(/assets/images/steps.gif) no-repeat; display: block; }*/
.howto_text img.step1 { background-position: 0px 0px; }
.howto_text img.step2 { background-position: -50px 0px; }
.howto_text img.step3 { background-position: -100px 0px; }
.howto_li { padding: 10px 0px 10px 20px; float: left; width: 220px; font-size: 17px; font-family: Tahoma, Arial, Helvetica, sans-serif; }
#home_howto h2 { font-size: 16pt; color: #05994F; font-weight: bold; margin-bottom: 10px; margin-top: 0px;}
.build_link { text-align: center; padding-top: 30px; }
.build_link a { font-size: 16pt; font-weight: bold; padding-bottom: 15px; color: #066ED6; }
.build_link span { font-family: Verdana, Arial, Helvetica, sans-serif }
/*Contact Us Form*/
.fentry { margin-bottom: 10px;}
.fentry label { width: 300px; text-align: right; margin-right: 10px; font-weight: bold;}
.fentry textarea { width: 500px; height: 200px; font-family: Tahoma, Arial, sans serif; color: #444444; }
.fentry input { width: 300px; font-family: Tahoma, Arial, sans serif; color: #444444;}
#form_submit_error { background: #FBE6F2; color: #EE0000; margin-bottom: 20px; padding: 10px; }
#form_submit_success { background: #D4FFAA; color: #05994F; margin-bottom: 20px; padding: 10px; }
#profile_table, #password_table {width:60%;}
.profile_table_left_col {width:150px;}

/*Home page sticky notes*/
.sticky { color: #FFFFFF; width: 200px; height: 200px; border: 1px solid; position: absolute; background: #FFFFFF; font-size: 14px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.sticky .sticky-header { font-size: 16px; margin: 5px 5px 30px 5px; }
.sticky h1 { height: 30px; }
.sticky a { text-decoration: none; color: #FFFF00; }
.sticky .sticky-content { margin: 5px 10px; }
.sticky ul { margin: 10px 0px 0px 0px; padding: 0px; Ç}
.sticky li { color: #333333; margin-bottom: 0px; font-size: 15px;  list-style-type: none; list-style-image: none; margin: 0px; padding: 0px; }
#sticky-what { background: url(/assets/images/home-stickies.png) #8AB22E; border: 5px solid #9CBC37; left: 50px; top: 240px; }
#sticky-why { background: url(/assets/images/home-stickies.png) -200px 0 #7A68A6; border: 5px solid #947CB6; left: 310px; top: 160px; }
#sticky-next { background: url(/assets/images/home-stickies.png) -400px 0 #348ABB; border: 5px solid #3E9FC9; left: 580px; top: 200px; }
#sticky-next img { border: 0px; width: 180px; margin: 0px 10px; }
#sticky-next img:hover { border-bottom: 3px dotted #FFFFFF; }
#sticky-next #buildimg { height: 40px; margin-top: 60px; }
#sticky-next #demoimg { height: 40px; }
#sticky-next #screenimg { height: 40px; }
#title_home_wrapper { width: 750px; height: auto; margin-left: 10px; position: fixed; top: 34px; }
#title_home_wrapper #title_photo { display: block; float:left; position:absolute; z-index: 2001; margin-top: -13px; background: none; border: none; }
#title_home_wrapper #wall_title { padding-top: 0px; }
.social { display: block; position: absolute; }
#sq-wrap { top: 150px; left: 200px; position: absolute; width: 500px; }
#sq-wrap > div { width: 240px; height: 230px; float:left; background: #FFFFFF; margin: 5px; }
/*** HEADER ***/
#wall_topWrap { position:relative; z-index: 2500; }
#wall_topBar { position:fixed; background: #333333 url(/assets/images/black-grad-24.png) repeat-x; height: 24px; width:100%; z-index: 2500; top: 0px; }

/* logo */
#wawi_logo_wrap { float: left; padding: 3px; }
#wawi_logo { border: 0px; display: block;}

/* wall create text */
#wallbar_create, #wallbar_pagename { font-size:11px; margin-left:5px; padding-top:4px; color:#FFFFFF; float:left;}
#wallbar_pagename { font-size: 13px; font-weight: bold; }
#total_posts_wrapper { color: #e1c968; font-weight: bold; margin-left: 10px; }
.walltop_shadow { margin: 0px; width: 100%; padding:0px; position:fixed; top:24px; }

/* wallbar links */
#wallbar_links { color: #FFFFFF; font-size: 11px; padding: 4px 10px 4px 10px; float: right; height: 16px; width: 500px; text-align: center;  }
#wallbar_links > span { padding: 0 5px; float: right; display: block; min-width: 80px; }
#wallbar_links .link { color: #B4D730; text-decoration: none; cursor: pointer; }
#wallbar_links .link:hover { color: #f26c4f; }
#wallbar_links img { vertical-align: middle;}
#wallbar_links img.icon { vertical-align: middle; margin-right: 5px; margin-left: 0px; height: 16px; }
#wallbar_links > .separator { min-width: 1px; width: 1px; height: 24px; padding: 0px; margin: -4px 0 0 0; background: url(/assets/images/gray6-grad-24.png); float: right; display:block; }
#rss_icon { vertical-align:middle; margin-right:10px; border:0px}
.dd_menu {  }
.dd_menu a.drop_down { background: url(/assets/images/translucent75.png); color: #6dcff6; text-decoration: none; padding-top: 2px; }
.dd_menu a.drop_down:hover { color: #f26c4f; }
.dd_menu .drop_down { display: none; width: 80px; }
.dd_menu:hover .drop_down { display:block; }
.dd_menu .drop_trigger { height: 20px;}

/* title box */
#title_container { cellspacing:0%; cellpadding:0%; z-index: 2000; position: relative; }
.title_spacer { background: url(/assets/images/translucent75.png); }
.title_left { text-align:left; }
.title_right { text-align:right; }
.title_bottom,.title_top { background: url(/assets/images/translucent75.png) repeat; height:10px;}
.title_top_right { background: url(/assets/images/round-tr-75.png) repeat; height: 10px; width: 10px;}
.title_top_left { background: url(/assets/images/round-tl-75.png) repeat; height: 10px; width: 10px;}
.title_bottom_right { background: url(/assets/images/round-br-75.png) repeat; height: 10px; width: 10px;}
.title_bottom_left { background: url(/assets/images/round-bl-75.png) repeat; height: 10px; width: 10px;}
#title_center { padding-top:0px; }
#title_photo { cursor:pointer; display: block; float: left; z-index: 2001; margin-top:-1px; background:url(/assets/images/new_select_img.png); position: absolute; border: 1px solid #111111; }
div#title_photo { height:80px; width:80px; }
#title_photo.rebuild_graphic { display:none }
#title_about { color: #FFFFFF; margin-left:95px;}
#wall_title { font-size: 17px; font-weight: bold; padding-top: 5px; }
#wall_subtitle { font-size: 13px; }
#title_wrapper { width: 750px; height: auto; margin-left: 10px; position: fixed; top: 24px;}
#embed_footer { position: fixed; bottom:0px; right:10px; z-index: 2500;  text-align: center; }
#embed_footer a { color: #FFFFFF; font-size: 10px; text-decoration: none; font-weight: bold; background: #EB1B8D; padding: 3px 9px; cursor: pointer; outline: none; -moz-border-radius-topright: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius: 2px; }
#embed_footer a:hover { color: #000000; }
#embed_footer #embed_link { /* background: url(/assets/images/save_bg.png); */ }
#embed_footer #build_link { /* background: url(/assets/images/save_bg_hover.png); */}
#wall-views { position: fixed; left:  0px; bottom: 10px; z-index: 2500; text-align: center; }
#wall-views li { color: #B4D730; text-decoration: none; cursor: pointer; padding: 5px 10px; background: url(/assets/images/translucent75.png); font-size: 85%; -moz-border-radius: 0px 2px 2px 0px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; }
#wall-views li+li { margin-top: 1px; }
#wall-views li.wall-selected-view { color: #FFFFFF; cursor: default; background: #A3C61F; font-size: 85%; }

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(/assets/images/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


#login_page_content { width:100%}
#login_head {background: #6BB4CD; border-bottom: 1px solid #35859F; }
#login_text {height:230px; margin:10px; text-align:left;}
#login_head_left_col {float:left; width:50%; text-align:center;}
#login_head_right_col {text-align:center;}
#login_text_left_col {float:left; width:50%;}
#login_text_right_col {float:right; width:50%;}
#login_text_left_col_table {width:90%;}
.login_text_right_col_table { width:90%;}
.login_text_left_col_table_left,.login_text_right_col_table_left {font-weight:bold; height:25px;}
.login_text_right_col_table_right input {width:150px;}
.popup_buttons {background: #FBF388; border-top: 1px solid #F3E307; padding: 5px 10px; text-align: center; }
.popup_buttons a {text-decoration: none; }
#login_buttons_left_col {float:left; width:50%; text-align:center;}
#login_buttons_right_col {text-align:center;}
.login_tab_li {list-style-type:none;}
#openid_link, #googleacct_link {text-decoration:underline; cursor:pointer; font-weight:bold}
.login_tab {width:90%;}
.login_disclaimer {font-style:italic;}
.login_example {font-style:italic; color:#999999;}
#login_register_title {float:left; width:50%}
.login_error{color:red; text-align:center; margin:10px;}
#forgot_explain{display:none;}