html { min-height: 100%; margin-bottom: 1px; }
body
{
background-color:#ffffff;
background-image:url(images/bg_2.gif);
background-repeat:repeat-x;
}
body,td,div
{
font-family:Trebuchet MS,Verdana,Tahoma,Arial;
font-size:10pt;
color:#000000;
text-align:left;
}
body,div
{
text-align : left;
}
.header4d
{
background-color:#eef4f6;
background-image:url(images/header_olivia.jpg);
background-repeat:no-repeat;
width:940px;
height:220px;
}
.header2d
{
background-color:#eef4f6;
background-image:url(images/header2d.gif);
background-repeat:no-repeat;
width:940px;
height:150px;
}
.header1d
{
background-color:#eef4f6;
background-image:url(images/header1d.gif);
background-repeat:no-repeat;
width:940px;
height:150px;
}
.header_dontgiveup
{
background-color:#eef4f6;
background-image:url(images/header_dontgiveup.gif);
background-repeat:no-repeat;
width:940px;
height:220px;
}
form
{
margin:0px;
padding:0px;
}
a
{
color:#e42d1f;
text-decoration:underline;
font-weight:bold;
outline: none;
}
a:Hover
{
color:#ff7908;
}
h1
{
color:#ec2a00;
font-size:22pt;
font-weight:bold;
margin-bottom:15px;
}
h2
{
color:#777777;
font-size:14pt;
font-weight:bold;
margin-bottom:15px;
margin-top:0px;
border-bottom:1px dotted #777777;
}
h3
{
color:#999999;
font-size:13pt;
font-weight:bold;
margin-bottom:0px;
margin-top:0px;
}
h4
{
color:#777777;
font-size:11pt;
font-weight:bold;
margin-bottom:0px;
}
hr
{
height:1px;
color:#777777;
border-top:1px dotted #777777;
border-bottom:0px;
margin-top:8px;
margin-bottom:8px;
}
.border
{
border:1px solid #000000;
}
.c
{
text-align:center;
}
.b
{
font-weight:bold;
}
.r
{
text-align:right;
}
/* ----------------------------------------------- LAYOUT --------------------------------------*/
.headerclick
{
width:700px;
height:200px;
float:left;
}
.header
{
width:994px;
height:230px;
background-image:url(images/header_3.gif);
cursor:pointer;
}
.footer
{
width:994px;
height:76px;
background-image:url(images/footer.gif);
}
.body_left
{
width:27px;
background-image:url(images/body_left.gif);
background-repeat:repeat-y;
}
.body_right
{
width:27px;
background-image:url(images/body_right.gif);
background-repeat:repeat-y;
}
.content
{
width:940px;
background-color:#FFFFFF;
}
.intro
{
margin-top:0px;
margin-bottom:10px;
}
.intro p
{
margin-top:0px;
}
.video_block
{
width:300px;
float:left;
margin-bottom:10px;
}
.video_block a
{
font-size:11px;
font-weight:normal;
}
.image_walker
{
width:78px;
margin-right:6px;
margin-bottom:6px;
float:left;
background:#EEEEEE;
height:110px;
text-align:center;
font-size:12px;
}
.image_walker a
{
color:#000000;
font-weight:normal;
}
.image_walker a:Hover
{
color:#ff7908;
font-weight:normal;
}
.mini_menu
{
padding:0px;
margin-bottom:10px;
font-size:12px;
text-align:center;
}
.mini_menu a
{
color:#999999;
}
.mini_menu a:Hover
{
color:#ff7908;
}
/* ----------------------------------------------- BIG BUTTONS --------------------------------------*/
.big_button_orange
{
background-image:url(images/big_button_orange.gif);
width:150px;
height:82px;
}
.big_button_silver
{
background-image:url(images/big_button_silver.gif);
width:150px;
height:82px;
}
.big_button_green
{
background-image:url(images/big_button_green.gif);
width:150px;
height:82px;
}
.big_button_olivia
{
background-image:url(images/big_button_olivia.gif);
width:150px;
height:82px;
}
.text_white
{
color:#FFFFFF;
font-size:26px;
font-weight:bold;
text-align:center;
}
.text_white a
{
color:#FFFFFF;
text-decoration:none;
}
.text_white a:Hover
{
color:#FFFFFF;
text-decoration:underline;
}
.text_grey
{
color:#777777;
font-size:16px;
font-weight:bold;
text-align:center;
}
.text_black
{
color:#000000;
font-size:22px;
font-weight:bold;
text-align:center;
}
/* ----------------------------------------------- PADDING --------------------------------------*/
.hpad
{
width:20px;
}
.vpad
{
height:20px;
}
/* ----------------------------------------------- WEATHER --------------------------------------*/
.weather
{
margin-top:123px;
margin-left:700px;
}
.weather td
{
color:#a2a2a2;
font-size:11pt;
font-weight:bold;
}
.weather .beijing
{
font-size:14pt;
font-weight:bold;
color:#888888;
}
.walker_select
{
margin-top:165px;
margin-left:765px;
}
.walker_select select
{
font-size:9pt;
}
/* ----------------------------------------------- HOME PAGE --------------------------------------*/
.area
{
padding:15px;
}
.area ol
{
margin:0px;
padding-left:30px;
}
.area_news
{
background-image:url(images/bg_2_news.gif);
width:260px;
height:370px;
overflow:hidden;
}
.area_photos
{
background-image:url(images/bg_gallery.gif);
width:320px;
height:290px;
overflow:hidden;
}
.area_videos
{
background-image:url(images/bg_gallery.gif);
width:320px;
height:290px;
}
.area_most
{
background-image:url(images/bg_most.gif);
width:260px;
height:165px;
overflow:hidden;
}
.area_meet
{
background-image:url(images/bg_meet.gif);
width:660px;
height:165px;
}
.area_menu_header
{
background-image:url(images/menu_header.gif);
height:10px;
width:210px;
}
.area_menu_footer
{
background-image:url(images/menu_footer.gif);
height:10px;
width:210px;
}
.area_menu
{
background-image:url(images/menu_bg.gif);
background-repeat:repeat-x;
width:208px;
border-left:1px solid #bcbcbc;
border-right:1px solid #bcbcbc;
}
.area_walker
{
background-image:url(images/bg_walker.gif);
width:220px;
height:130px;
margin-right:10px;
margin-bottom:10px;
float:left;
display:inline;
}
.area_walker div
{
font-size:8pt;
}
.area_walker .name
{
font-size:12pt;
font-weight:bold;
color:#000000;
padding-left:10px;
}
.area_walker .info div
{
font-size:8pt;
padding-left:10px;
font-weight:bold;
}
/* ----------------------------------------------- GENERAL TEXT --------------------------------------*/
.caption
{
color:#888888;
font-size:10pt;
font-weight:bold;
}
.photo
{
border:1px solid #555555;
}
.photoInfo
{
text-alignt:center;
}
.mostCount
{
font-size:8pt;
}
.news_date
{
color:#000000;
font-weight:bold;
}
.news_summary
{
margin-top:6px;
margin-bottom:6px;
color:#666666;
}
.sponsor_name
{
font-size:11pt;
font-weight:bold;
}
.sponsor_date
{
font-size:9pt;
font-weight:bold;
}
.sponsor_msg
{
font-size:9pt;
color:#777777;
margin-bottom:12px;
}
.team_name
{
color:#777777;
font-size:14pt;
font-weight:bold;
margin-bottom:0px;
margin-top:0px;
}
.team_totals
{
color:#000000;
font-size:11pt;
font-weight:bold;
margin-bottom:0px;
margin-top:0px;
}
/* ----------------------------------------------- SIDE MENU --------------------------------------*/
.menuOff,.menuOn
{
margin-bottom:3px;
padding-left:20px;
text-align:left;
}
.menuOn
{
background-image:url(images/menu.gif);
background-repeat:no-repeat;
background-position: 0 5;
}
.menuOff a
{
font-size:10pt;
font-weight:bold;
}
.menuOn a
{
font-size:10pt;
font-weight:bold;
color:#000000;
text-decoration:none;
}
/* ----------------------------------------------- FOOTER --------------------------------------*/
#footertable
{
font-size:8pt;
font-weight:normal;
}
#footertable a
{
font-size:8pt;
font-weight:normal;
color:#888888;
}
#footertable a:Hover
{
font-size:8pt;
font-weight:normal;
color:#AA0000;
}
/* ----------------------------------------------- POP UP PHOTO STLYES --------------------------------------*/
.caption a
{
color:#FFFFFF;
font-weight:normal;
font-size:9pt;
text-decoration:none;
}
.caption a:Hover
{
text-decoration:underline;
}
#msgWalker
{
display:block;
}
.linkpointer
{
cursor:pointer;
}
/* ----------------------------------------------- MOO KWICK BAR --------------------------------------*/
.walkerMessage .text
{
font-style:italic;
font-weight:bold;
color:#000000;
}
.walkerMessage .author
{
font-style:normal;
font-size:9pt;
color:#999999;
}
/* ----------------------------------------------- MOO KWICK BAR --------------------------------------*/
#kwicks_container
{
position: relative;
padding: 10px 0;
height: 82px;
}
#kwicks_container a
{
text-decoration:none;
}
#kwicks_container .kwicks {
display: block;
abackground: #dddddd;
height: 82px;
}
#kwicks_container ul {
margin: 0;
padding: 0;
font-weight: normal;
list-style: none;
}
#kwicks_container li {
float: left;
}
#kwicks_container .kwick {
display: block;
overflow: hidden;
height: 82px;
width: 152px;
padding: 0px;
aborder-right: 2px solid #ffffff;
}
#kwicks_container .nokwick {
display: block;
overflow: hidden;
height: 82px;
width: 140px;
padding: 0px;
aborder-right: 2px solid #ffffff;
}
#kwicks_container .kwick span {
display: none;
text-align:left;
}
#kwicks_container .sponsor
{
background-image:url(images/quick_button_1.gif);
border-right: 2px solid #ffffff;
cursor: pointer;
}
#kwicks_container .info
{
background-image:url(images/quick_button_2.gif);
border-right: 2px solid #ffffff;
}
#kwicks_container .olivia
{
background-image:url(images/quick_button_6.gif);
cursor: pointer;
}
#kwicks_container .oliviar
{
background: #ffffff url(images/quick_button_6side.gif) top right no-repeat;
width:13px;
display: block;
height:82px;
}
/* -----------------------------------------------PROFILE TABS --------------------------------------*/
span.clr
{
display: block;
clear: both;
}
.tab_on
{
float:left;
margin-right:1px;
}
.tab_off
{
float:left;
margin-right:1px;
}
.tab_on .tabc
{
background-image:url(images/tabs/btn_on.gif);
}
.tab_on .tabl
{
background:url(images/tabs/on_left.gif) no-repeat top left;
padding-left:20px;
}
.tab_on .tabr
{
background:url(images/tabs/on_right.gif) no-repeat top right;
height:29px;
padding-right:20px;
}
.tab_on .tabr a
{
color:#ffffff;
line-height:29px;
text-decoration:none;
}
.tab_on .tabr a:Hover
{
text-decoration:underline;
}
.tab_off .tabc
{
background-image:url(images/tabs/btn_off.gif);
}
.tab_off .tabl
{
background:url(images/tabs/off_left.gif) no-repeat top left;
padding-left:20px;
}
.tab_off .tabr
{
background:url(images/tabs/off_right.gif) no-repeat top right;
height:29px;
padding-right:20px;
}
.tab_off .tabr a
{
color:#999999;
line-height:29px;
text-decoration:none;
}
.tab_off .tabr a:Hover
{
text-decoration:underline;
}
.loginerror, .error
{
color:#CC0000;
font-size:10px;
}
#profile_area
{
padding:15px;
border:1px dotted #999999;
}
#updates_area
{
padding:15px;
border:1px dotted #999999;
}
#blog_area
{
padding:15px;
border:1px dotted #999999;
}
#resource_area
{
padding:15px;
border:1px dotted #999999;
}
.blogdisplay
{
}
.blogdisplay .links
{
font-size:9pt;
}
.blogdisplay .blog_title
{
font-size:20pt;
font-weight:bold;
color:#ff7806;
}
.blogdisplay .blog_date
{
font-size:9pt;
color:#888888;
font-style:italic;
}
.blogdisplay .blog_content {}
.blogentry
{
}
div.photoblock
{
float:left;
font-size:9pt;
height:150px;
}