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: baseline; background: transparent; }
body { line-height: 1; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles!*/
:focus { outline: 1px dotted #999; }
.button:focus { outline: none; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* HTML Tag Styles */
/* http://www.thenoodleincident.com/tutorials/typography/ */
body { font: normal 76%/133.33% Arial, sans-serif; color: #383b3e; background-color: #f1f1f1; }
a { text-decoration: none; }
a:link { color: #0a5fa0; }
a:visited { color: #4386ba; }
a:hover { color: #f57013; text-decoration: underline; }
a:active { color: #f57013; }
a:hover img { text-decoration: none; }
h1 { margin-top: 15px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dadada; font-weight: bold; font-size: 1.3em; }
h2 { margin-top: 12px; margin-bottom: 12px; font-weight: bold; font-size: 1.15em; }
h2 em { color: #383B3E; font-style: normal; font-weight: bold; }
h2.major{ border-bottom: 1px solid #dadada; font-size: 1.2em; line-height: 1.5em; color: #FC7D21; }
h3 { margin: 15px 0 0 0; font-weight: bold; font-size: 1.1em; }
h4, h5 { margin: 0; font-weight: bold; font-size: 1em; }
p, ul, ol { margin: 0 0 .765em 0; font-size: 1em; }
ol {list-style-type: decimal; }
ol li {margin-left: 3.5em; margin-bottom: 8px; }
button, textarea { font-family: Helvetica, Calibri, Arial, sans-serif; }
textarea { font-size: 1em; }
/* The Layout */
#wrapper { min-width: 954px; max-width: 1036px; margin: 0 auto; padding: 0; }
#wrapper .buffer1 { padding-left: 16px; background: transparent url(../images/bg_wrapper_shadow_left.gif) repeat-y top left; }
#wrapper .buffer2 { padding-right: 16px; background: transparent url(../images/bg_wrapper_shadow_right.gif) repeat-y top right; }
#header { width: 100%; background-color: #fff; }
#masthead { position: relative; background: #fff url(../images/bg_masthead.gif) repeat-x bottom left; }
#navigation { margin: 0; background: #50a6e8 url(../images/nav_bg.gif) repeat-x bottom left; }
#search { background: #bde6fb url(../images/bg_header-search.gif) repeat-x top left; }
#container { background: #fff ; padding: 10px; min-height: 600px; }
#core_content, #page_contents{
padding-top: 1px;
}
#core_content h1, #core_content h2{
margin-top:0px; padding-top:0px;
margin-left: 20px;
margin-right: 20px;
}
#page_contents h1, #page_contents h2{
margin-top:0px; padding-top:0px;
margin-left: 0px;
margin-right: 0px;
}
#forum_navigation{
float: right;
}
/*
url(../images/bg_shadow_primary_330px.gif) repeat-y top right;
*/
#container .primary { width: 100%; float: left; margin-right: -330px; }
#container .content { margin: -1px 330px -1px 0; padding: 15px 0 1em 0; background: #fff url(../images/bg_content_corner.gif) no-repeat scroll right top; } /* http://complexspiral.com/publications/uncollapsing-margins/ */
#container .secondary { width: 330px; float: right; padding: 0 0 1em 0; margin-top: -1px; background: transparent url(../images/bg_secondary_top.gif) no-repeat top left; }
.containerShadow { height: 8px; margin: 0 auto; padding: 0; background: transparent url(../images/bg_wrapper_shadow_bottom.gif) no-repeat top right; }
.containerShadow span { display: block; height: 8px; width: 16px; margin: 0; padding: 0; background: transparent url(../images/bg_wrapper_shadow_cap.gif) no-repeat top left; }
#footer { clear: both; margin: 28px 16px 0px 16px; }
#footer .primary { width: 100%; float: left; margin-right: -430px; }
#footer .content { margin: -1px 430px -1px 0; padding: 1px 0 1em 0; }
#footer .secondary { width: 430px; float: right; padding: 0 0 1em 0; }
/* Header - Internal Promotion */
#masthead #internalPromo { display: block; position: absolute; bottom: 0; right: 0; width: 215px; margin: 0; padding: 8px 15px 5px 52px; background: transparent url(../images/nav_promo_beta_bg.gif) top left no-repeat; line-height: 1.25em; font-size: .905em; }
#masthead #internalPromo a { text-transform: uppercase; font-weight: bold; color: #626669; }
#masthead #internalPromo a:link, #masthead #internalPromo a:visited { color: #626669; }
#masthead #internalPromo a:hover { color: #626669; text-decoration: none; }
#masthead #internalPromo a:active { color: #626669; text-decoration: none; }
#masthead #internalPromo a strong { color: #0a5fa0; }
#masthead #internalPromo a:hover strong { color: #F57013; }
#masthead #internalPromo a em { color: #383b3e; text-transform: none; font-style: normal; }
#masthead #internalPromo a .wrongColor { color: #383b3e; }
#masthead #internalPromo .icon { display: block; position: absolute; bottom: 0; right: 233px; width: 21px; height: 23px;
background-image: url(../images/promo_mobile_onyellow.gif); }
#masthead #betaPromo { display: block; position: absolute; bottom: 0; right: 0; width: 230px; margin: 0; padding: 8px 15px 5px 40px; background: transparent url(../images/nav_promo_beta_bg.gif) top left no-repeat; line-height: 1.25em; }
#masthead #betaPromo em { margin-right: .25em; text-transform: uppercase; font-weight: bold; font-style: italic; color: #ffffff; }
#masthead #betaPromo em strong { color: #383b3e; }
#masthead #betaPromo .divider { color: #8D8D8D; }
#masthead #betaPromo a { font-size: 1em; color: #a4d7f8; }
#masthead #betaPromo a:link, #masthead #betaPromo a:visited { color: #a4d7f8; }
#masthead #betaPromo a:hover { color: #f4df7d; }
#masthead #betaPromo a:active { color: #f4df7d; }
#masthead .parentGeography { margin: 0 12em 0 15px; padding-top: 6px; font: bold 1.155em/1.43em Arial, sans-serif; text-transform: uppercase; }
#masthead .currentGeography { margin: 0 12em 0 15px; padding-top: 1px; border-bottom: 0; font: bold 2.31em/1em Arial, sans-serif; text-transform: uppercase; letter-spacing: -0.01em; }
#masthead .currentGeography em { color: #0082c5; font-size: .45em; vertical-align: baseline; font-style: normal; text-transform: lowercase; }
#masthead .currentGeography img { width: 145px; height: 28px; margin-bottom: .12em; vertical-align: bottom; }
#masthead .parentGeography, #masthead .parentGeography a:link, #masthead .parentGeography a:visited { color: #8d8d8d; }
#masthead .currentGeography, #masthead .currentGeography a:link, #masthead .currentGeography a:visited { clear: both; color: #626669; }
#masthead .parentGeography a:hover, #masthead .parentGeography a:active { color: #383b3e; }
#masthead .currentGeography a:hover, #masthead .currentGeography a:active { color: #383b3e; }
/* Header - Help and Utility Links */
#utilities { font-size: 1em; }
#utilities ul { margin-bottom: 0; }
#utilities li { padding: 0 5px; line-height: 1; }
#utilities li a { line-height: 1; }
#helpNav { float: left; }
#helpNav li { float: left; border-left: 1px solid #626669; }
#helpNav li.first { border-left: 0; }
#helpNav #mobileLink { padding-left: 18px; background: transparent url(../images/icon_citysearch_mobile.gif) no-repeat center left; }
#memberNav { float: right; padding: 6px 10px; }
#memberNav li { float: left; border-left: 1px solid #626669; }
#memberNav li.first { border-left: 0; }
.colorOnColorLinks a:link { color: #2766b2; } /* blue links on blue background */
.colorOnColorLinks a:visited { color: #638dc0; }
.colorOnColorLinks a:hover { color: #ee6200; }
.colorOnColorLinks a:active { color: #2766b2; }
/* Header - Navigation bar */
#navigation li { float: left; background: transparent url(../images/nav_divider_light.gif) no-repeat center right; }
#navigation a { float: left; padding: 7px 11px 6px 11px; text-decoration: none; color: #fff; background: transparent url(../images/nav_divider_dark.gif) no-repeat center left; white-space: nowrap; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 1em; }
#navigation a:hover { color: #cbe8f9; border-bottom: 0; }
/* Header - Navigation Highlight */
#navigation li.enabled { background: transparent url(../images/nav_on_rightshadow.gif) no-repeat top right; }
#navigation li.enabled a { color: #383b3e; background: transparent url(../images/nav_on_leftshadow.gif) no-repeat top left; }
#navigation li.enabled a:hover { color: #383b3e; }
#navigation li#navHome.enabled a { background-image: none; }
/* Bread crumb trail */
.status { background-color: #bde6fa; padding: .5em 1em; border-top: 1px solid #fff; font-size: .905em; }
.status em { font-style: normal; font-weight: bold; }
.status .heirarchy { color: #626669; }
#advertiseLink { float: right; margin-top: 6px; margin-right: 10px; background-color: transparent; background-image: none;}
/* Footer */
#footer { font-size: 1em; }
#footer .logo { display: block; margin: 13px; }
#footer li { margin-bottom: .25em; }
#footer #siteLinks { background: #F6F6F6 ; border: 1px solid #dadada; }
#footer #siteLinks .gutter { margin: 0; padding: 0; border: 2px solid #fff; background: none; }
#footer #siteLinks h3 { border-bottom: 1px solid #dadada; color: #8d8d8d; font-size: 1em; text-transform: uppercase; }
#footer .neighbhorhoods h3 { margin: 0 0 1em 15px; padding: 0 15px 4px 0; }
#footer .todo h3 { margin: 0 0 1em 0; padding: 0 15px 4px 15px; }
#footer .services h3 { margin: 0 15px 1em 0; padding: 0 0 4px 15px; }
#footer .secondary h3 { margin-top: 1em; margin-bottom: 1em; margin-left: 15px; }
#footer .secondary ul { margin-left: 15px; }
#footer .secondary li { float: left; width: 49.9%; }
#footer #copyright { margin: 36px 15px 0 15px; text-align: center; }
#footer #copyright p { margin-bottom: .5em; color: #8d8d8d; }
#footer #copyright h4,
#footer #copyright ul,
#footer #copyright ul li { display: inline; }
#footer #copyright h4 { margin-right: .25em; }
#footer .content .column { width: 33.2%; }
/* Modules */
.section { border: 5px solid #f2f2f2; border-width: 5px 0; background: transparent url(../images/bg_gutter.gif) repeat-y 66% 0; }
.gutter, .gutters { background: transparent url(../images/bg_gutter.gif) repeat-y 33% 0; }
/*
Column controls for creating 2 or 3 columns inside #primary
* use the class .column on each div
* you can have 3 .single columns, or a .single column and a .double column
* the columns appear in the same order as in the source code
* be sure to use .clearfix on a parent div
*/
.column { float: left; width: 100%; }
.column * { margin-left: 15px; margin-right: 15px; }
.column * * { margin-left: 0; margin-right: 0; }
.single { width: 33.2%; }
.double { width: 66.4%; }
.half { width: 16.6%; }
.twoPointFive { width: 83%; }
.fiftyFifty { width: 49.8%; }
dl.columnarDetails { float: left; margin-top: 19px; width: 115%; }
dl.columnarDetails dd { padding-bottom: 3px; }
dl.columnarDetails dt { color: #8D8D8D; width: 30%; clear: both; float: left; margin: 0 7px 3px 0; text-align: left; font-weight: bold; }
.secondary .module { margin: 0 10px 15px 10px; }
.secondary .module h2 { margin: 0 -10px 10px -10px; }
.secondary .module .more { margin-left: 1.5em; }
/* Error styles */
.error, .form_error { color: #ed323d; }
a.error:link, a.error:active, a.error:hover, a.error:visited{
color: #ed323d;
font-weight: bold;
text-decoration: underline;
}
/* Forms */
.errors { list-style-type: none; color: #ED323D; font-size: 1em; font-weight: bold; }
.messages { list-style-type: none; color: #66B54D; font-size: 1.1em; font-weight: bold; }
/* Misc. Fixes, Re-usable Components */
ul.bulleted { padding: .5em 0 .25em 1.5em; list-style: disc outside; color: #84CE6C; }
ul.bulleted li span { color: #383b3e; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.nowrap { white-space: nowrap; }
p.tight { margin-bottom: .25em; }
.first { margin-top: 0; }
/* // model.png */
#primaryContent {
background-image: url(../images/model1.png);
background-position: top right;
background-repeat: no-repeat;
}
#primaryContent h2{
padding-left: 0px;
margin-left: 0px;
}
#feedback_pic {
background-image: url(../images/model3.png);
background-position: top right;
background-repeat: no-repeat;
height: 700px;
}
/* Buttons & Colors - example:
http://www.schillmania.com/content/projects/even-more-rounded-corners/
*/
a:link.button,
a:visited.button,
a:hover.button,
a:active.button { border-bottom: none; text-transform: uppercase; font-weight: bold; font-size: 1em; cursor: pointer; }
a:hover.button { text-decoration: none; }
/* top+left vertical slice */
.button .top { position: absolute; left: 0; top: 0; width: 12px; /* top slice width */ margin-left: -12px; height: 100%; background-position: top left; }
.button .bottom, .button .bottom span { clear: both; height:7px; /* height of bottom cap/shade */ font-size: 1px; }
.button .bottom { position: relative; width: 100%; text-align: left; background-position: bottom right; }
.button .bottom span { position: relative; width:12px; /* bottom corner width */ margin-left: -12px; background-position: bottom left; }
/* Submit (orange) */
.submit .body,
.submit .top,
.submit .bottom,
.submit .bottom span { background-image: url(../images/button_orange.png); }
.submit .text { font-weight: bold; text-transform: uppercase; color: #fff; font-size: .905em; }
/* Action (silver)*/
.action .body,
.action .top,
.action .bottom,
.action .bottom span { background-image: url(../images/button_silver.png); }
.action .actionSprite { margin-top: 1px; }
a:link.submit,
a:visited.submit,
a:hover.submit,
a:active.submit { color: #fff; }
/* Styles for Citysearch.ReadMore */
.readMore { overflow: hidden; position: relative; }
.readMore .readMoreLinks { display: none; }
.readMore .readMoreLinks .expandLink { display: none; position: absolute; bottom: 0; right: 0; background-color: #fff; }
.readMore .readMoreLinks .expandLink a { padding-left: 6px; }
.readMore .readMoreLinks .collapseLink { display: none; text-align: right; }
.readMore .expanded .collapseLink { display: block; }
.readMore .collapsed .expandLink { display: block; }
/*World Page*/
#worldPage h3 { color: #626669; margin-bottom: 10px; border-bottom: 1px solid #dadada; padding-bottom: 5px; text-transform: uppercase; }
#worldPage li { margin-bottom: 5px; list-style-type: none; }
#worldPage h1 { color: #FC7D21; margin-bottom: 5px; border-bottom: 1px solid #dadada; padding-bottom: 5px; }
#worldPage h1 em { font-style: normal; color: #1e99cd; }
.world { margin-left: 15px; margin-right: 15px; }
/*Custom*/
.page_contents{
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: justify;
line-height: 23px;
min-height: 500px;
}
.gym_resume_div{
float: left;
display: block;
width: 417px;
height: 232px;
margin: 5px;
padding: 7px ;
background-image: url('../images/gym_resume_bckg.png');
background-position: 0px 0px;
background-repeat: no-repeat;
border: 0px solid red;
}
.gym_resume_div p{
width: 360px;
margin: 5px;
}
.gym_resume_div h3{
margin: 5px;
}
.gym_overview{
width: 50%;
float: left;
margin-bottom: 20px;
background-image: url('../images/nav_promo_beta_bg_xl.gif');
background-position: 0px 0px;
background-repeat: no-repeat;
background-color: #ffffc3;
}
/*
background-color: #f8e482;
border: 1px solid #f8e482;
*/
.gym_extras{
width: 38%;
float: left;
margin-left: 20px;
padding-top: 40px;
padding-left: 40px;
background-image: url('../images/nav_promo_beta_bg_l.gif');
background-position: 0px 0px;
background-repeat: no-repeat;
}
.gym_extras th{
line-height: 24px;
padding: 10px;
font-weight: bold;
text-transform: uppercase;
}
.gym_extras td{
line-height: 20px;
padding: 10px;
}
.gym_overview td{
line-height: 20px;
padding: 10px;
}
.gym_overview_0{
color: #452c0e;
}
.gym_overview_0_bckg{
color: #452c0e;
background-color: #ffffc3;
}
/* background-color: #f8e482;
background-image: url('../images/yellow_row_bckg.gif');
*/
.gym_overview_1{
background-color: #ffffff;
color: #452c0e;
background-image: url('../images/white_row_bckg.gif');
}
.label{
font-weight: bold;
white-space: nowrap;
}
td span.label{
margin-top: 15px;
display: inline;
margin-right: 5px;
}
.gym_extras .label{
text-align: right;
width: 50%;
}
.gym_overview .label{
text-align: right;
width: 33%;
}
.thumb{
}
#advertiseLink{
margin-top: -10px;
margin-right: 20px;
color: navy;
}
.centered{
/*
width: 700px;
*/
margin: 0 auto;
padding: 10px;
}
.standard_table, .centered_table{
border: 1px solid #c0c0c0;
}
.standard_table td{
text-align: justify;
padding: 10px;
}
.centered_table td, .centered td {
text-align: center;
}
.standard_form{
background-color: #f2eff5;
margin: 20px;
}
.standard_form td{
background-color: #ffffff;
padding: 5px;
}
.standard_form th{
color: #ffffff;
background-color: #4792cd;
background-image: url(../images/nav_bg.gif);
background-repeat: repeat-x;
background-position: bottom left;
font-weight: bold;
padding: 3px;
text-align: left;
border: 1px solid #755185;
}
legend{
color: #06000b;
font-weight: bold;
}
.clear{
clear: both;
height: 1px;
line-height: 1px;
}
.highlighted {color: #9c0821; font-weight: bold;}
a.highlighted:link {color: #9c0821; font-weight: bold;}
a.highlighted:active {color: #9c0821; font-weight: bold;}
a.highlighted:visited {color: #9c0821; font-weight: bold;}
a.highlighted:hover {color: #000033; font-weight: bold;}
.highlighted a {color: #9c0821; font-weight: bold;}
.onlinenow{
/* background: url(../images/onlinenow_container_bckg1.png) no-repeat 0px 0px; */
padding-left:5px;
padding-right:5px;
padding-top:6px;
margin-top: 2px;
padding-bottom:2px;
text-align: center;
}
.portrait_frame {
/* background-image: url(../images/photo_frame_s.png); */
background-repeat: no-repeat;
background-position: top left;
background-color: white;
width: 189px;
height: 189px;
text-align: center;
padding-top: 17px;
}
.content{
text-align: justify;
}
.content form-error {
border: 1px solid red;
}
.content form-error input {
border: 1px solid red;
}
.note{
font-size: 0.8em;
color: #ec6829;
}
.note_green, .note_info{
font-size: 0.8em;
color: green;
}
.instructions{
font-size: 0.9em;
}
.unimportant{
color: #cccccc;
}
.important_instructions{
font-size: 0.9em;
font-weight: bold;
margin: 5px;
border: 1px dotted orange;
color: orange;
padding: 10px;
background-color: #ffffe1;
}
.form-error-msg{
font-size: 0.8em;
color: #ff0000;
min-width: 200px;
}
#login_message{
color: #ff8a02;
font-weight: bold;
}
.table_header{
background-image: url('../images/nav_bg.gif');
text-transform: capitalize;
padding-left: 6px;
padding: 3px 3px 3px 8px;
color: #ffffff;
font-weight: bold;
}
.info_M{
border: 1px solid #1e99cd;
background-color: #1e99cd;
width: 90%;
margin: 0 auto;
margin-top: 20px;
}
.info_M td{
background-color: #ffffff;
padding: 10px;
}
.info_header_M{
color: #ffffff;
background-color: #1e99cd;
font-weight: bold;
padding: 3px;
text-align: left;
}
.info_F{
border: 1px solid #ff8a02;
background-color: #ffffff;
width: 90%;
margin: 0 auto;
margin-top: 20px;
}
.info_M td{
background-color: #ffffff;
padding: 10px;
}
.info_header_F{
color: #ffffff;
background-color: #ff8a02;
font-weight: bold;
padding: 3px;
text-align: left;
}
.highlighthed{
color: #ff8a02;
}
.info_M th *, .info_F th *
{
padding-left: 10px;
padding-right: 10px;
}
#review{
width: 60%;
float: left;
margin-left: 40px;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
margin-bottom: 40px;
border: 1px solid #cccccc;
}
.pros{
color: #ff8a02;
}
.cons{
color: #4792cd;
}
.plus{
color: #ff8a02;
background-image: url('../images/plus.png');
background-position: top left;
background-repeat: no-repeat;
padding-left: 60px;
width: 40%;
display: block;
height: 70px;
float: left;
}
.minus{
color: #4792cd;
background-image: url('../images/minus.png');
background-position: top left;
background-repeat: no-repeat;
padding-left: 60px;
width: 40%;
display: block;
height: 70px;
float: left;
}
.review_blurb{
width: 60%;
float: left;
margin-bottom: 20px;
padding-top: 10px;
padding-left: 10px;
border: 1px solid #cccccc;
display: table;
}
#password_strength_bar
{
float: left;
}
#password_strength_bar div
{
width: 10px;
height: 5px;
border: 1px solid #aaaaaa;
float: left;
}
.blog_post_summary{
margin: 20px;
border: 1px dotted #eaeaea;
background-color: #f8f8f8;
padding: 20px;
}
/*
.blog_post_summary *{
margin-top: 10px;
margin-bottom: 10px;
} */
.article{
margin: 20px;
border: 1px dotted #eaeaea;
background-color: #f8f8f8;
padding: 20px;
}
.news_article{
margin: 20px;
border: 3px solid #eaeaea;
background-color: #ffffff;
padding: 20px;
overflow: visible;
display: block;
min-height: 300px;
line-height: 180%;
text-align: justify;
}
.form-error-msg{
font-size: 0.8em;
color: #ff0000;
}
dl, dt, dd{
margin: 0px;
}
dt {
float: left;
width: 30%;
text-align: right;
padding-right: 10px;
}
dd {
text-align: left;
font-weight: normal;
padding-left: 10px;
}
dl {
padding: 5px;
}
div { border: 0px solid red;}
.label_block {
font-weight: bold;
color: #222222;
white-space:nowrap;
text-align: right;
display: block;
padding-right: 3px;
}
.label_flex {
font-weight: bold;
color: #222222;
white-space:nowrap;
text-align: right;
padding-right: 3px;
display: inline;
}
td span.label_flex, td span.label_block{
margin-top: 15px;
}
.your_personal_pic{
background-image: url('../images/your_personal_pic_bckg.png');
background-repeat: no-repeat;
width: 184px;
height: 161px;
float: right;
margin:10px;
padding-top:55px;
text-align: center;
}
td{
vertical-align: top;
}
.membership {
border: 1px solid #eaeaea;
margin: 0px;
clear: both;
}
.membership th{
padding: 10px;
background-color: #eaeaea;
border-bottom: 1px solid #666666;
}
.membership td{
padding: 10px;
border: 1px solid #eaeaea;
}
.gold{
background-color: #fff784;
}
.silver{
background-color: #eaecfa;
}
.platinum{
background-color: #f2eeec;
}
#gym_name{
padding-left: 20px;
padding-right: 20px;
color: #cccccc;
background-color: #ffffff;
}
.required_field{
color: #ec6829;
}
a#yellReg {
background: url(../images/yellow_btn_bg.png) no-repeat;margin: 15px -5px 0 0;width: 168px;height: 51px;display: block;font-size: 18px;text-align: center;line-height: 42px;color:#000;text-decoration: none;}
a#yellReg span,a#yellReg:hover
{ background: url(../images/yellow_btn_over.png) no-repeat; }
a#yellReg span { background-position: 0 -100px; }
.search_filter{
border: 1px solid #666666;
margin-bottom: 8px;
background-color: #cccccc;
background-image: url('../images/bg_masthead.gif');
background-color: #e5e5e5;
font-size: 90%;
}
.search_filter td{
padding: 5px;
text-align: left;
width: 16%;
white-space: nowrap;
}
.yellow_note_box{
background-image: url('../images/yellow_note_thin.jpg');
background-repeat: no-repeat;
background-color:#ffffbe;
width: 219px;
height: 253px;
}
.reviewcomment{
margin: 0px;
color: #4386ba;
font-style: italic;
border: 1px dotted #cccccc;
padding: 15px;
text-align: left;
}
.blue {
color: #0033cc;
font-size: 95%;
line-height: 140%;
font-style: italic;
}
/* messages module start */
.inbox{
background-color: #fcf4ae;
margin: 10px;
border: 1px solid #ffffff;
margin: 0 auto;
}
.inbox td{
padding: 4px;
}
.inbox th{
font-weight: bold;
padding: 4px;
}
#mail_menu_container{
border:1px solid #cccccc;
background-color: #fcf4ae;
margin-right: 20px;
padding-bottom: 10px;
background-image: url('../images/side_menu_bckg.png');
background-repeat: repeat-x;
border: 1px solid #e6eaed;
clear: both;
display: table;
float: left;
}
.mail_menu_item{
text-transform: capitalize;
clear: both;
margin:10px;
cursor: pointer;
background-color: #ffffff;
line-height: 20px;
border: 1px solid #d4dbec;
clear: none;
width: 120px;
float:left;
display: inline;
}
.mail_menu_item_selected{
text-transform: capitalize;
clear: both;
margin:10px;
cursor: pointer;
background-color: #ffffff;
line-height: 20px;
border: 1px solid #ffff00;
clear: none;
width: 120px;
float:left;
display: inline;
}
.mail_menu_item * {
text-decoration: none;
font-weight: normal;
}
#mail_item_compose {
background-image: url('../images/icon_compose.png');
background-repeat: no-repeat;
background-position: 8px 50% ;
padding-left: 30px;
}
#mail_item_inbox {
background-image: url('../images/icon_mail.png');
background-repeat: no-repeat;
background-position: 8px 50% ;
padding-left: 30px;
}
#mail_item_saved {
background-image: url('../images/icon_saved.png');
background-repeat: no-repeat;
background-position: 8px 50% ;
padding-left: 30px;
}
#mail_item_sent_mail {
background-image: url('../images/icon_sent.png');
background-repeat: no-repeat;
background-position: 8px 50% ;
padding-left: 30px;
}
#mail_item_trash {
background-image: url('../images/icon_trash.png');
background-repeat: no-repeat;
background-position: 8px 50% ;
padding-left: 30px;
}
#mail_content{
float:left;
text-align: left;
clear: both;
width: 100%;
padding-top: 10px;
}
#send_message, .send_message{
background-image: url('../images/icon_message.png');
background-repeat: no-repeat;
background-position: 8px 50% ;
padding-left:33px;
}
#add_friend, .add_friend {
background-image: url('../images/icon_friends.png');
background-repeat: no-repeat;
background-position: 8px 50% ;
padding-left:33px;
}
.message_status_read{
color: #bad8e2;
}
.message_status_replied{
color: #8cdc93;
}
.message_status_not_read{
color: #71ec34;
}
.success_msg, .good_news{
color: green;
}
a.white_link:link, a.white_link:active, a.white_link:hover, a.white_link:visited{
color: #ffffff;
}
a.orange_link:link, a.orange_link:active, a.orange_link:hover, a.orange_link:visited{
color: #FC7D21;
text-decoration: none;
}
a.no_underline:link, a.no_underline:active, a.no_underline:hover, a.no_underline:visited{
text-decoration: none;
}
/* messages module end */
.innertable{
width: 80%;
margin: 20px;
padding: 20px;
background-color: #eaeaea;
border: 1px solid #cccccc;
}
.innertable th{
padding: 5px;
border-bottom: 1px solid #666666;
}
.innertable td{
padding: 4px;
}
.tr_odd_color{
background-color: #f6f6f6;
}
.tr_even_color{
background-color: #ffffff;
}
.tr_hover_color{
background-color: #eeeeee;
}
.friend_cell{
width: 110px;
height: 110px;
text-align: center;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #cccccc;
}
.gym_logo{
margin-right: 20px;
height: 100px;
float: left;
}
.promotions{
color: #940707;
font-weight: bold;
width: 530px;
height: 100px;
padding: 10px;
margin: 0 auto;
margin-top: 10px;
text-align: left;
font-size: 120%;
font-style: italic;
background-image: url('../images/promotions.png');
background-repeat: no-repeat;
background-position: 0px 0px ;
padding-left:170px;
}
#flirt, .send_flirt {
background-image: url('../images/icon_flirt.png');
background-repeat: no-repeat;
background-position: 8px 50% ;
padding-left:33px;
}
.send_martenichka {
background-image: url('../images/icon_martenichka.gif');
background-repeat: no-repeat;
background-position: 8px 50% ;
padding-left:33px;
}
.spring{
background-image: url('../images/martenichka.png');
background-repeat: no-repeat;
background-position: top right;
padding-left:33px;
}
#news h3{border: none; text-decoration: none; margin: 0; font-weight: bold; font-size: 1em; text-transform: none;}
h1.coherent, h1.coherent a{
display: inline;
font-size: 100%;
border: none;
}
/* light blue #addcf9; */
#intro{
margin-top: 10px;
padding: 4px;
text-align: center;
background-image: url('../images/intro_line_bckg.png');
background-repeat: no-repeat;
background-position: 50% 50%;
}
input[type=text]{
border: 1px solid #cccccc;
}
input[type=password]{
border: 1px solid #cccccc;
}
input[type=submit]{
background-image: url('../images/btn_bckg.png');
font-weight: bold;
color: #415565; /* green 4be600 */
}
input[type=reset], input[type=button], button{
background-image: url('../images/btn_bckg.png');
font-weight: bold;
color: #000000;
}
#rss_feed{
background-image: url('../images/rss.gif');
background-repeat: no-repeat;
background-position: 0% 0% ;
width: 70px;
height: 17px;
display: block;
}
#facebook_connect{
background-image: url('../images/fb_connect3.gif');
background-repeat: no-repeat;
background-position: 0% 0% ;
width: 70px;
height: 17px;
display: block;
}
#bookmarks_icon{
background-image: url('../images/icon_bookmark.png');
background-repeat: no-repeat;
background-position: 0% 0% ;
width: 70px;
height: 17px;
display: block;
}
#weather_icon{
background-repeat: no-repeat;
background-position: 0% 0% ;
width: 70px;
height: 17px;
display: block;
}
.weather_icon_cloudiness_0{
background-image: url('../images/icon_weather_cloudiness_0.png');
}
.weather_icon_cloudiness_1{
background-image: url('../images/icon_weather_cloudiness_1.png');
}
.weather_icon_cloudiness_2{
background-image: url('../images/icon_weather_cloudiness_2.png');
}
.weather_icon_cloudiness_3{
background-image: url('../images/icon_weather_cloudiness_3.png');
}
.weather_icon_precip_4{
background-image: url('../images/icon_weather_precip_4.png');
}
.weather_icon_precip_5{
background-image: url('../images/icon_weather_precip_5.png');
}
.weather_icon_precip_6, .weather_icon_precip_7{
background-image: url('../images/icon_weather_precip_6.png');
}
.weather_icon_precip_8{
background-image: url('../images/icon_weather_precip_8.png');
}
.weather_icon_default{
background-image: url('../images/icon_weather.png');
}
#weather_icon span, #weather_icon a link:hover{
font-size: 80%;
position: relative;
left: 10px;
}
.no_underline, .no_underline a:link, .no_underline a:hover{
text-decoration: none;
}
#weather_icon span a:hover{
text-decoration: none;
}
#write_comment_form_div{
width: 430px;
margin: 0 auto;
background-color: #eaeaea;
padding: 20px;
border: 1px solid #cccccc
}
#article_container{
float: left;
width: 760px;
}
#blog_articles_list{
float: left;
width: 200px;
}
.news_summary{
border: 1px dotted #eaeaea;
background-color: #f8f8f8;
padding: 20px;
}
.article_text ul {
list-style-type: circle;
margin-left: 20px;
}
.article h1, h2, ul {
margin: 1px;
}
.article blockquote {
margin: 20px;
border: 1px solid #cccccc;
padding: 15px;
background-color: #ffffff;
float: right;
font-style: italic;
}
.top_menu_you_have_messages{
background: transparent url(../images/icon_email_green.gif) no-repeat center left; padding-left: 18px;
}
.top_menu_no_messages{
background: transparent url(../images/icon_email_static.gif) no-repeat center left; padding-left: 18px;
}
.top_menu_friends{
background: transparent url(../images/icon_contacts.png) no-repeat center left; padding-left: 18px;
}
.top_menu_profile{
background: transparent url(../images/icon_user_profile.png) no-repeat center left; padding-left: 18px;
}
.top_menu_logout{
background: transparent url(../images/icon_logout.png) no-repeat center left; padding-left: 18px;
}
.top_menu_home{
background: transparent url(../images/icon_home.png) no-repeat center left; padding-left: 18px;
}
.top_menu_edit{
background: transparent url(../images/icon_edit_profile.png) no-repeat center left; padding-left: 18px;
}
#test_2{
background: transparent url(../images/football.jpg) no-repeat center right;
}
#test_2 h3{
width: 570px;
}
/*
.switch_lang_link {
background-color: #ffffff; text-transform: uppercase; border: 1px solid #4386ba; float: left; margin: 3px; display: block; padding: 3px;
}
.current_lang_link {
background-color: #def2fd; text-transform: uppercase; border: 1px solid #4386ba; float: left; margin: 3px; display: block; padding: 3px;
}
*/
.switch_lang_link, .current_lang_link {
margin-top: 8px; margin-left: 2px; display: block; float: left; width: 16px; height:11px;
}
.switch_lang_link {
border: 2px solid transparent;
}
.current_lang_link {
border: 2px solid #ffffff;
}
#flag_en{
background: transparent url(../images/mini_flags/en.gif) no-repeat 50% 50%; color: transparent;
}
#flag_bg{
background: transparent url(../images/mini_flags/bg.gif) no-repeat 50% 50%; color: transparent;
}
#flag_fr{
background: transparent url(../images/mini_flags/fr.gif) no-repeat 50% 50%; color: transparent;
}
#flag_es{
background: transparent url(../images/mini_flags/es.gif) no-repeat 50% 50%; color: transparent;
}
#flag_de{
background: transparent url(../images/mini_flags/de.gif) no-repeat 50% 50%; color: transparent;
}
#flag_it{
background: transparent url(../images/mini_flags/it.gif) no-repeat 50% 50%; color: transparent;
}
#flag_ru{
background: transparent url(../images/mini_flags/ru.gif) no-repeat 50% 50%; color: transparent;
}