@charset "UTF-8"; /* CSS Document for wellnessaid.com */ html { height: 100%} body { background:#f8f6f2; font-family: Arial, Helvetica, Tahoma; font-size: 12px; font-weight: normal; color: #393835; text-align: left; margin:0; padding:0 10px; height: 100%;} body.admin_panel {height: 100%; margin: 0px; padding: 0px; overflow: hidden; background:#ffffff;} body.admin_panel iframe#external_site {border: 2px inset; width: 100%; height: 100%;} body.admin_panel form {display: inline; padding: 0 100px 0 100px;} a { color: #ee4a05; text-decoration: none; border:0} a:hover {color:#ee4a05; text-decoration: none;} /* a:visited {color:#74726d; text-decoration: none; }*/ a img {border: 0px solid #FFFFFF;} form { margin:0;} fieldset { margin:0; padding:0; border:0;} h1, h2, h3, .h4, .h5 {font-family: Helvetica, Arial; color: #393835;} h1 a, h2 a, h3 a, a.h4, a.h5 { color: #393835;} /* h1 a:visited, h2 a:visited, h3 a:visited, a.h4:visited, a.h5:visited {color:#74726d; }*/ .clearer {height: 1px; font-size: 1px; clear: both; float:none;} .clearer.next {border-top: solid 1px #f3f0e9;} .main { background: #FFFFFF url(../images/bg.gif) left repeat-y; margin: 0 auto; height: 100%; max-width: 1200px; min-width:980px; width: expression(document.body.clientWidth < 1260? "100%" : document.body.clientWidth > 1260? "1200px" : "auto")} html>body .main {min-height:100%; height: auto;} .rbg {background: url(../images/bg.gif) right repeat-y; padding:0 15px; height: 100%; position: relative; height: 100%;} /* logo */ .logo { position: absolute; top:32px; left: 45px; line-height: 49px; font-size: 14px; color:#67645a; font-weight: bold; font-family: Helvetica;} .logo img { float: left; margin: 0 20px 0 0; width: 226px; height: 35px; background: url(../images/wellnessaid-sprites.gif) 0 -45px; } body.admin_panel .logo {top:0px; left: 10px;} /* menu */ .menu { padding: 0; margin: 0; float: right; margin: 65px 15px 0 0; display: inline; } .menu li { float: left; list-style: none; font-size: 14px; font-weight: bold; padding: 0; margin: 0;} .menu li a { height: 37px; line-height: 35px; color: #383734; text-decoration: none; margin: 0 0 0 20px; padding: 0 20px 0 0; float: left} .menu li a:hover { color:#ee4a05;} .menu li.active {background:#f8f6f2; position: relative; } .menu li.active a:hover {color: #383734;} .menu img {background:url(../images/wellnessaid-sprites.gif); width: 21px; height: 18px; margin: 10px 5px 0 0; float: left;} .menu .byusers {background-position:0 -80px;} .menu li.active .byusers {background-position:-21px -80px;} .menu .bywellnessaid {background-position:-42px -80px;} .menu li.active .bywellnessaid {background-position:-63px -80px;} /* menu2level */ .menu2 {background: #f8f6f2; width: 100%; position: relative; padding: 0 0;} .menu2 table {width: 96%; margin: 0 2%; padding: 0;} .menu2 td {line-height: 12px; vertical-align: middle; padding: 12px 0 7px; } .menu2 a { color:#383734; display: block; } .menu2 .sngl { line-height: 25px;} .menu2 a:hover { color:#383734;} .menu2 a img { width: 25px; height: 25px; float: left; margin: 0 4px 0 2px;} .menu2 a.leisure img { background: url(../images/wellnessaid-sprites.gif) 0px -199px; } html>body .menu2 a.leisure:hover img { background: url(../images/wellnessaid-sprites.gif) 0px -224px; } .menu2 a.money-security img { background: url(../images/wellnessaid-sprites.gif) -25px -199px; } html>body .menu2 a.money-security:hover img { background: url(../images/wellnessaid-sprites.gif) -25px -224px; } .menu2 a.health-services img { background: url(../images/wellnessaid-sprites.gif) -50px -199px; } html>body .menu2 a.health-services:hover img { background: url(../images/wellnessaid-sprites.gif) -50px -224px; } .menu2 a.social-life img { background: url(../images/wellnessaid-sprites.gif) -75px -199px; } html>body .menu2 a.social-life:hover img { background: url(../images/wellnessaid-sprites.gif) -75px -224px; } .menu2 a.family img { background: url(../images/wellnessaid-sprites.gif) -100px -199px; } html>body .menu2 a.family:hover img { background: url(../images/wellnessaid-sprites.gif) -100px -224px; } .menu2 a.environment img { background: url(../images/wellnessaid-sprites.gif) -125px -199px; } html>body .menu2 a.environment:hover img { background: url(../images/wellnessaid-sprites.gif) -125px -224px; } .menu2 a.work-education img { background: url(../images/wellnessaid-sprites.gif) -150px -199px; } html>body .menu2 a.work-education:hover img { background: url(../images/wellnessaid-sprites.gif) -150px -224px; } .menu2 a.control-of-destiny img { background: url(../images/wellnessaid-sprites.gif) -175px -199px; } html>body .menu2 a.control-of-destiny:hover img { background: url(../images/wellnessaid-sprites.gif) -175px -224px; } .menu2 a.health-practices img { background: url(../images/wellnessaid-sprites.gif) -200px -199px; } html>body .menu2 a.health-practices:hover img { background: url(../images/wellnessaid-sprites.gif) -200px -224px; } .menu2 a.spirituality img { background: url(../images/wellnessaid-sprites.gif) -225px -199px; } html>body .menu2 a.spirituality:hover img { background: url(../images/wellnessaid-sprites.gif) -225px -224px; } .menu2 .active {position: relative; padding: 25px 0 0 0;} .menu2 .active .bottom { position: absolute; bottom: -8px; position: relative; height: 8px; width: 100%; } .menu2 .active a {color:#ffffff; padding: 0 0 0 2px} .menu2 .active a.work-education:hover { background:none;} .menu2 .active a.leisure img { background: url(../images/wellnessaid-sprites.gif) 0px -449px; } .menu2 .active a.leisure:hover img { background: url(../images/wellnessaid-sprites.gif) 0px -449px; } .menu2 .active a.money-security img { background: url(../images/wellnessaid-sprites.gif) -25px -449px; } .menu2 .active a.money-security:hover img { background: url(../images/wellnessaid-sprites.gif) -25px -449px; } .menu2 .active a.health-services img { background: url(../images/wellnessaid-sprites.gif) -50px -449px; } .menu2 .active a.health-services:hover img { background: url(../images/wellnessaid-sprites.gif) -50px -449px; } .menu2 .active a.social-life img { background: url(../images/wellnessaid-sprites.gif) -75px -449px; } .menu2 .active a.social-life:hover img { background: url(../images/wellnessaid-sprites.gif) -75px -449px; } .menu2 .active a.family img { background: url(../images/wellnessaid-sprites.gif) -100px -449px; } .menu2 .active a.family:hover img { background: url(../images/wellnessaid-sprites.gif) -100px -449px; } .menu2 .active a.environment img { background: url(../images/wellnessaid-sprites.gif) -125px -449px; } .menu2 .active a.environment:hover img { background: url(../images/wellnessaid-sprites.gif) -125px -449px; } .menu2 .active a.work-education img { background: url(../images/wellnessaid-sprites.gif) -150px -449px; } .menu2 .active a.work-education:hover img { background: url(../images/wellnessaid-sprites.gif) -150px -449px; } .menu2 .active a.control-of-destiny img { background: url(../images/wellnessaid-sprites.gif) -175px -449px; } .menu2 .active a.control-of-destiny:hover img { background: url(../images/wellnessaid-sprites.gif) -175px -449px; } .menu2 .active a.health-practices img { background: url(../images/wellnessaid-sprites.gif) -200px -449px; } .menu2 .active a.health-practices:hover img { background: url(../images/wellnessaid-sprites.gif) -200px -449px; } .menu2 .active a.spirituality img { background: url(../images/wellnessaid-sprites.gif) -225px -449px; } .menu2 .active a.spirituality:hover img { background: url(../images/wellnessaid-sprites.gif) -225px -449px; } .menu2 .active.green, .menu2 .green .bottom { background-color: #12a02c;} .menu2 .green .bl {background-position: 0px -474px ;} .menu2 .green .br {background-position: -16px -474px ;} .menu2 .active.blue, .menu2 .blue .bottom { background-color: #006dbf;} .menu2 .blue .bl {background-position: -25px -474px ;} .menu2 .blue .br {background-position: -41px -474px ;} .menu2 .active.yellow, .menu2 .yellow .bottom { background-color: #ffb300;} .menu2 .yellow .bl {background-position: -50px -474px ;} .menu2 .yellow .br {background-position: -66px -474px ;} .menu2 .active.red, .menu2 .red .bottom { background-color: #ee4a05;} .menu2 .red .bl {background-position: -75px -474px ;} .menu2 .red .br {background-position: -91px -474px ;} /* rounded corners */ .tl, .tr, .bl, .br { position: absolute; width: 9px; height: 9px; background: url(../images/wellnessaid-sprites.gif) top left; overflow: hidden} .tl { top:0; left:0;} .tr { background-position: -41px top; top:0; right: 0;} .bl { background-position: 0px -36px ; left: 0; bottom:0;} .br { background-position: -41px -36px; right: 0; bottom: 0} /* links main */ .links { background: #f8f6f2; float: left; width: 100%; position: relative; padding: 10px 0; height: 580px;} .home { width: 364px; height: 511px; position: absolute; left:50%; top:0; margin: 0; padding: 60px 42px 0; margin-left:-222px; background: url(../images/home-bg.png) no-repeat; z-index: 3; } .home {background: url(../images/home-bg.gif) 29px 0 no-repeat ;} .home li { float: left; display: inline; list-style: none;} .home li.first-item { margin: 0 120px;} .home li a { display: block; width: 100px; height: 120px; text-align: center; font-size: 16px; font-family: Helvetica; color: #443f35; padding:0 10px;} .home li.red a:hover {color: #ee4a05;} .home li.green a:hover {color: #12a02c;} .home li.yellow a:hover {color: #ffb300;} .home li.blue a:hover {color: #006dbf;} .home li a img { margin: 15px 25px 10px; float: left; width: 50px; height: 50px;} .home li a.leisure img, .leisure-title img { background: url(../images/wellnessaid-sprites.gif) 0px -98px; } .home li a.money-security img, .money-security-title img { background: url(../images/wellnessaid-sprites.gif) -50px -98px; } .home li a.health-services img, .health-services-title img { background: url(../images/wellnessaid-sprites.gif) -100px -98px; } .home li a.social-life img, .social-life-title img { background: url(../images/wellnessaid-sprites.gif) -150px -98px; } .home li a.family img, .family-title img { background: url(../images/wellnessaid-sprites.gif) -200px -98px; } .home li a.environment img, .environment-title img { background: url(../images/wellnessaid-sprites.gif) 0px -148px; } .home li a.work-education img, .work-education-title img { background: url(../images/wellnessaid-sprites.gif) -50px -148px; } .home li a.control-of-destiny img, .control-of-destiny-title img { background: url(../images/wellnessaid-sprites.gif) -100px -148px; } .home li a.health-practices img, .health-practices-title img { background: url(../images/wellnessaid-sprites.gif) -150px -148px; } .home li a.spirituality img, .spirituality-title img { background: url(../images/wellnessaid-sprites.gif) -200px -148px; } .links .left { position: absolute; left: 0; top:155px; width: 34%; z-index: 1; } .links .right { position: absolute; right: 0; top:155px; width: 34%; z-index: 2;} .links .left a, .links .right a { border-bottom:solid 1px #e5e2dc; font-size: 14px; color: #443f34; display: block; padding: 10px 50px 10px 10px; margin: 0 0 0 18px;} .links .right a { margin: 0 18px 0 0; padding: 10px 10px 10px 50px} .small-links { position: relative;} .small-links a img { width: 25px; height: 25px; float: left; margin: 0 15px 0 0;} .small-links a.first { border: 0; position: absolute; top:-96px; left: 0px; font-size: 18px; color: #2b2821;} .small-links a.first img {margin: 0 15px 60px 0;} .small-links a.last { border: 0;} .small-links a.leisure img { background: url(../images/wellnessaid-sprites.gif) 0px -199px; } html>body .small-links a.leisure:hover img { background: url(../images/wellnessaid-sprites.gif) 0px -224px; } .small-links a.money-security img { background: url(../images/wellnessaid-sprites.gif) -25px -199px; } html>body .small-links a.money-security:hover img { background: url(../images/wellnessaid-sprites.gif) -25px -224px; } .small-links a.health-services img { background: url(../images/wellnessaid-sprites.gif) -50px -199px; } html>body .small-links a.health-services:hover img { background: url(../images/wellnessaid-sprites.gif) -50px -224px; } .small-links a.social-life img { background: url(../images/wellnessaid-sprites.gif) -75px -199px; } html>body .small-links a.social-life:hover img { background: url(../images/wellnessaid-sprites.gif) -75px -224px; } .small-links a.family img { background: url(../images/wellnessaid-sprites.gif) -100px -199px; } html>body .small-links a.family:hover img { background: url(../images/wellnessaid-sprites.gif) -100px -224px; } .small-links a.environment img { background: url(../images/wellnessaid-sprites.gif) -125px -199px; } html>body .small-links a.environment:hover img { background: url(../images/wellnessaid-sprites.gif) -125px -224px; } .small-links a.work-education img { background: url(../images/wellnessaid-sprites.gif) -150px -199px; } html>body .small-links a.work-education:hover img { background: url(../images/wellnessaid-sprites.gif) -150px -224px; } .small-links a.control-of-destiny img { background: url(../images/wellnessaid-sprites.gif) -175px -199px; } html>body .small-links a.control-of-destiny:hover img { background: url(../images/wellnessaid-sprites.gif) -175px -224px; } .small-links a.health-practices img { background: url(../images/wellnessaid-sprites.gif) -200px -199px; } html>body .small-links a.health-practices:hover img { background: url(../images/wellnessaid-sprites.gif) -200px -224px; } .small-links a.spirituality img { background: url(../images/wellnessaid-sprites.gif) -225px -199px; } html>body .small-links a.spirituality:hover img { background: url(../images/wellnessaid-sprites.gif) -225px -224px; } /* category titles */ h1.category { color: #393835; font-size: 14px; line-height: 14px; padding: 24px 26px 22px 20px; margin: 0; font-weight: normal; position: relative} h1.category span { padding: 10px 0 0 0; display: block} h1.category strong { font-weight: normal; font-size: 20px;} h1.category img {float: left; width: 50px; height: 50px; margin: 0 10px 0 0;} h1.category span { display: block;} .category-date { font-size: 14px; font-weight: bold; position: absolute; right: 24px; bottom:15px; font-style: normal;} /* news bgr and border */ .news-bg {background: #f8f6f2;} .news-tb { border-top: solid 1px #f3f0e9;} /* news-type1 */ .news-t1 {margin: 0 0 0 22px; padding: 0 0 0 0; line-height: 16px; } .news-t1 img {float:left; margin: 0 10px 10px 0;} .news-t1-n1 { width: 35%; padding: 25px 30px 15px 0; vertical-align: top } .news-t1-n1 h2 { font-size: 20px; line-height: 18px; margin: 5px 0 10px; padding: 0;} .news-t1-n2 { width: 28%; padding: 25px 30px 15px 0; vertical-align: top} .news-t1-n2 h3 { font-size: 14px; line-height: 14px; margin: 5px 0 10px; padding: 0;} .news-t1-n3 { width: 30%; padding: 25px 30px 15px 30px; vertical-align: top} .news-t1-n3 div { width:100%; overflow:auto; margin: 0 0 5px;} .news-t1-n3 img {width: 40px; heiht:40px; margin-top: 6px;} .news-t1-n3 a.h4 { font-size: 13px; line-height: 14px; margin: 3px 0 10px; padding: 0; display: block; font-weight: bold; } /* news-type2 */ .news-t2 {padding: 0 22px 0 0; } .news-t2-n1 { width: 27%; padding: 25px 30px 15px 25px; margin: 0 15px 0 0; vertical-align: top;} .news-t2-n1 a.h4 { font-size: 13px; line-height: 14px; margin: 3px 0 10px; padding: 0; display: block; font-weight: bold; } .news-t2-n2 { width: 24%; padding: 25px 10px 15px 30px; vertical-align: top;} .news-t2-n2 a.h5 { font-size: 13px; line-height: 14px; margin: 3px 0 10px; padding: 0; display: block; font-weight: bold;} .news-t2 .last { padding-right: 0; width: 22%;} /* news-type3 */ .news-t3 {padding: 0 22px 0 0 ; } .news-t3 img {float:left; width:30px; height:30px; margin: 0 10px 0 0;} .news-t3-n1 {width: 27%; padding: 25px 30px 15px 25px; vertical-align: top } .news-t3-n1 div { margin: 12px 0; width:100%; overflow:auto; } .news-t3-n1 a.h5 { font-size: 12px; line-height: 14px; padding: 0;} .news-t3-n2 {width: 24%; padding: 25px 10px 15px 30px; vertical-align: top} .news-t3-n2 div { margin: 12px 0; width:100%; overflow:auto; } .news-t3-n2 a.h5 { font-size: 12px; line-height: 14px; padding: 0;} .news-t3 .last { padding-right: 0; width: 22%;} /* more news */ .more-news { margin: 6px 15px 0 0;} a.more-news { float: right; color: #393835; font-weight: bold;} a.more-news:hover { color: #ee4a05;} a.more-news img { width: 8px; height: 8px; float: left; margin: 4px 5px 0 0; background: url(../images/wellnessaid-sprites.gif) -225px -46px;} /* copyright */ .copyright { margin: 5px 10px 10px; font-size: 11px; color: #67645a;} /* moderator panel */ #moderator-panel .item {margin-bottom: 15px; border: 1px black dotted;} #moderator-panel .item h4 {display: inline; margin-right: 15px;} #moderator-panel .item .pub-date {margin: 0 20px 0 20px; font-style: italic;} #moderator-panel .item a {color: #393835; text-decoration: underline;} #moderator-panel .item a.approve {color: green; margin: 0 10px 0 10px;} #moderator-panel .item a.discard {color: red; margin: 0 10px 0 10px;} #moderator-panel .item a.real-link {color: grey; margin: 0 10px 0 10px;} a.frontEndEditIconLinks {border-bottom: none !important; display: inline !important; font-size: 12px !important; margin: 0 !important; padding: 0 !important; margin: 0 10px 0 10px;}