/*
Theme Name: Newsweek
Author URI: http://www.premiumthemes.net/
Version: 1.0
Author: Premium Themes
Description: Premium Themes is a theme by R.Bhavesh and Premium Themes.
*/
* {
margin: 0;
padding: 0;
border:none;
}
body {
background:#fff;
font: 14px Arial, Helvetica, sans-serif;
color:#333;
}
/* Links -----------------------------------------------------------------------*/
a {
text-decoration: none;
outline:none;
}
a:hover {
color:#333;
}
ul {
list-style:none;
}
.clear {
clear:both;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.imgleft {
float:left;
margin:0 12px 12px 0;
border:1px solid #809098;
padding:3px;
}
.imgright {
float:right;
margin:0 0 12px 12px;
border:1px solid #809098;
padding:3px;
}
.imgleft_n {
float:left;
margin:0 40px 12px 0;
padding:3px;
}
.img_center {
width:98%;
background:#d5d5d5;
padding:5px;
margin:10px 0;
}
code {
font-size:12px;
}
.gravatar {
float:right;
border:2px solid #999;
margin:0 0px 8px 15px;
width:40px;
height:40px;
background: url(images/gravtar.png) no-repeat;
}
/* STRUCTURE ----------------------------------*/
#header {
overflow:hidden;
height:80px;
}
#header-in {
width:960px;
margin:0 auto;
}
#content-wrap {
width:960px;
margin:0 auto;
height:100%;
overflow:hidden;/*background:url(images/grid.png) repeat-y center;*/
}
#content {
float:left;
width:620px;
}
.content-in {
float:left;
width:640px !important;
}
#sidebar_l {
float:left;
width:220px;
margin-left:20px;
overflow:hidden;
}
#sidebar_r {
border-left: 1px solid #DBDBDB;
float:right;
width:300px;
overflow:hidden;
}
#footer {
clear:both;
height:50px;
}
#footer-in {
width:960px;
margin:0 auto;
overflow:hidden;
padding:10px 0 0 0;
border-top:1px solid #e5e5e5;
background:url(images/topbg.png) repeat-x top;
}
/* Headings ----------------------------------*/
h1 {
margin: 0 0 15px 0;
padding:0;
font:normal 32px Arial, Helvetica, sans-serif;
color: #222;
border-bottom:1px solid #d4d7d9;
}
h1.htitle {
margin: 0 0 0 0;
padding:0;
font:normal 32px Arial, Helvetica, sans-serif;
color: #222;
border-bottom:none;
}
h1.htitle a {
color:#064599;
}
h1.htitle a:hover {
color:#ef181e;
}
h3.title {
/*make homepage h3's for the first 2 stories look like H1 */
font-size:28px;
}
h1 a, h3 a {
text-decoration: none;
color:#222;
border-bottom:none;
}
h1 a:hover, h3 a:hover {
text-decoration: none;
}
h2 {
margin:0;
padding: 5px 0 0 0;
line-height: 150%;
color: #222;
font:normal 22px Arial, Helvetica, sans-serif;
}
h2 a {
color: #222;
text-decoration: underline;
}
h2 a:hover {
text-decoration: none;
}
h3 {
margin:0;
padding:5px 0 5px 0;
color:#222;
font:bold 16px Arial, Helvetica, sans-serif;
}
#sidebar h3 {
font-size: 14px;
}
h3 a {
color: #222;
text-decoration: none;
}
h4 {
margin: 0 0 0 0;
padding: 5px 0;
font:normal 18px Arial, Helvetica, sans-serif;
color:#666;
}
h5 {
margin: 0 0 0 0;
padding: 5px 0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#222;
}
h6 {
margin: 32px 0 12px 0;
padding: 0;
line-height: 150%;
color: #222;
font:normal 18px Arial, Helvetica, sans-serif;
border-top:4px solid #e0e0e0;
}
/* Header ----------------------------------*/
#header-in .logo-text {
font:32px "Arial Black", Arial, Helvetica, sans-serif;
margin:12px 0 0 0;
padding:3px 8px;
float:left;
background:#ef181e;
color:#fff;
}
#header-in .logo-text a {
color:#fff;
}
#header-in .logo-text a:hover {
color:#fff;
text-decoration:none;
}
#header-in .advt_top {
float:right;
margin-top:8px;
}
/* breadcrumb start -----------------------------------------------------------------------*/
.breadcrumb2 {
font:10px Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-align:left;
clear:both;
border-top:1px solid #e0e0e0;
border-bottom:1px dotted #e0e0e0;
background:#fafafa;
line-height:25px;
padding-top:15px 0;
width:960px;
margin:0 auto;
}
.breadcrumb2 a {
color:#333;
}
.breadcrumb2 a:hover {
color:#dc0709;
}
/*nav start ----------------------------------------------- */
#navi {
margin:0px auto;
width:960px;
border-top:1px solid #dbdbdb;
margin-bottom:15px;
}
#navi-in {
margin:0px auto;
}
#nav {
float:left;
list-style: none;
margin:0px 0 0 0;
padding-left:0;
width:500px;
}
#nav li {
float: left;
border-right:1px solid #dbdbdb;
}
#nav .page_item a {
color: #555;
text-decoration: none;
padding: 9px 10px 8px 10px;
font: bold 12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
display: block;
}
#nav .page_item a:hover {
color: #fff;
background:#ef181e;
}
#nav .current_page_item a, #nav .current_page_item a:visited {
color: #fff;
background:#ef181e;
text-decoration: none;
}
/* TOP SEARCH FORM -----------------------------------------------------------------------*/
.search404 {
width:250px;
height:25px;
}
.search404 input {
background:none;
border:1px solid #ccc;
width:215px;
}
#content .category {
float:left;
width:48%;
border-right:1px solid #ccc;
}
#content .archives {
float:right;
width:48%;
}
#content .search404 .sgo {
background-color:#fff;
background:#fff url(images/b_go.png) no-repeat;
width:31px;
height:19px;
border:none;
margin-top:-18px;
}
#search {
float:right;
padding:5px 0 0 85px;
float:right;
width:240px;
height:25px;
}
#search .s {
border: 1px solid #b6b6b6;
background:#fff url(images/i_search.png) no-repeat 3px 5px;
color: #5f5e5e;
padding:2px;
padding-left:18px;
font:12px Arial, Helvetica, sans-serif;
width:187px;
float: left;
height:16px;
margin-right:5px;
}
#searchform .sgo {
margin:1px -5px 0 0;
background-color:#fff;
background:#fff url(images/b_go.png) no-repeat;
width:31px;
height:19px;
float:right;
cursor:pointer;
outline:none;
}
/* Content ----------------------------------*/
#content p {
margin: 0 0 12px 0;
padding:0;
font-size:14px;
line-height:19px;
text-align:justify;
}
#content p a {
border-bottom:1px dotted #666;
}
#content p a:hover {
border-bottom:none;
color: #333;
}
#content a {
color: #333;
text-decoration: none;
border-bottom:none;
}
#content a:hover {
text-decoration: none;
}
#content .readmore {
float:right;
font-size:10px;
margin-bottom:5px;
text-transform:uppercase;
color:#064599;
}
#content .readmore:hover {
color:#ef181e;
}
#content ul {
margin:0 0 10px 0;
padding:0;
}
#content li {
list-style:none;
margin: 0 ;
padding: 3px 0 3px 12px;
background:url(images/bullet3.png) no-repeat 0 8px;
}
#content ul li ul {
margin:8px 0 5px 0;
padding:0 0 0 0;
list-style:outside;
}
#content li ul li {
margin:0 0 5px 0;
padding:0 0 0 12px;
background:url(images/bullet3.png) no-repeat 0 5px;
}
#content ol {
line-height:18px;
margin: 0;
font-size:12px;
padding: 0 0 10px 22px;
}
#content ol li ol {
margin:8px 0 5px 18px;
padding:0 0 0 0;
list-style:decimal
}
#content ol li {
margin:0 0 5px 0;
padding:0;
background:none;
list-style:decimal
}
#content li a, #content li ul li a {
border-bottom:1px dotted #666;
color:#666;
}
#content li a:hover, #content li ul li a:hover {
border-bottom:none;
color: #333;
}
#content ol {
list-style-type: decimal;
line-height:18px;
margin: 0;
font-size:12px;
padding: 0 0 10px 25px;
}
#content ol li ol {
margin:8px 0 5px 18px;
padding:0 0 0 0;
}
#content ol li {
margin:0 0 5px 0;
padding:0;
background:none;
}
#content p.aligncenter {
text-align:center;
}
#content p.aligright {
text-align:right;
}
#content p.more {
font-size:10px;
text-transform:uppercase;
}
#content p.more a {
text-decoration:none;
}
#content blockquote {
margin:0;
padding:10px 10px 5px 25px;
color:#666;
float:right;
font-size:14px;
border-top:2px solid #e5e5e5;
border-bottom:1px dotted #e5e5e5;
background:#f4f4f4 url(images/quote2.png) no-repeat;
background-position:5px 8px;
font-family:Arial, Helvetica, sans-serif;
}
#content blockquote p {
color:#333;
font-style:italic;
font-size:14px;
}
/*Post start ----------------------------- */
#content .posts {
clear:both;
margin-bottom:15px;
border-top:1px solid #e5e5e5;
background:url(images/topbg.png) repeat-x top;
}
#content .posts h3 {
margin:0 0 10px 0;
padding:10px 0 3px 0;
font-size:12px;
text-transform:uppercase;
color:#999;
font-weight:bold;
}
#content .posts h2, #content .listings h2 {
margin:0;
padding:0;
font-size:12px;
color:#064599;
font-weight:bold;
}
#content .posts h2, #content .listings h2 a {
color:#064599;
}
#content .posts h2, #content .listings h2 a:hover {
color:#ef181e;
}
#content .listings {
margin-bottom:15px;
border-bottom:1px solid #e0e0e0;
height:100%;
overflow:hidden;
}
#content .post_top, #sidebar_l .post_top {
padding:2px 0 5px 0;
margin-bottom:10px;
font:11px Arial, Helvetica, sans-serif;
text-transform:uppercase;
line-height:20px;
height:15px;
overflow:hidden;
}
#content .post_top p, #sidebar_l .post_top p {
font-size:11px;
}
#sidebar_l .post_top {
margin-bottom:5px;
}
.imgspcaer {
margin-bottom:10px;
}
#content .post_top a {
color:#666;
text-decoration:none;
}
#content .post_top a:hover {
text-decoration:none;
border-bottom:none;
}
#content .post_bottom {
padding:5px 0;
margin:8px 0 5px 0;
font-size:11px;
clear:both;
border-bottom:1px solid #e5e5e5;
overflow:hidden;
height:100%;
}
#content .post_bottom a:hover { color:#ef181e; }
.more-link {
text-align:right;
float:right;
font-size:10px;
text-transform:uppercase;
background:url(images/i_continue.png) no-repeat right;
padding-right:10px;
margin-bottom:8px;
}
#content .commentp {
float:left;
background:url(images/i_comment.png) no-repeat;
background-position:0 3px;
padding-left:18px;
}
#content .posts .category {
float:right;
border:none;
}
#content .trackbacklist {
margin:8px 0 0 0;
padding:0;
list-style:none;
}
#content .trackbacklist li {
border-bottom:1px solid #ccc;
}
.post-ratings {
font-size:12px;
font-style:normal;
display:block;
margin:8px 0;
}
/* Previous/Next Page Navigation ----------------------------------*/
.page-nav {
clear: both;
margin: 10px 0px;
padding: 2px 0px;
overflow:hidden;
height:100%;
}
.nav-previous {
width: 120px;
float: left;
text-align: left;
margin: 2px 0px;
}
.nav-next {
width: 100px;
float: right;
text-align: right;
margin: 2px 0px;
}
.page-nav a {
text-decoration: none;
border-bottom:none;
}
.nav-previous a {
padding-left: 11px;
text-transform:uppercase;
background:url(images/arrow-left.gif) no-repeat left;
}
.nav-next a {
padding-right: 11px;
text-transform:uppercase;
background:url(images/arrow-right.gif) no-repeat right;
border-bottom:none;
}
/*Page navigatoin 2 ----------------------------- */
.wp-pagenavi {
text-align:center;
height:25px;
font:bold 11px Arial, Helvetica, sans-serif;
line-height:24px;
margin-bottom:10px;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
padding: 3px 8px 3px 8px;
margin: 2px;
text-decoration: none;
color: #fff;
line-height:24px;
background-color: #ccc;
}
.wp-pagenavi a:hover {
color: #ff;
background-color: #eee;
}
.wp-pagenavi span.pages {
padding: 3px 8px 3px 8px;
margin: 2px 2px 2px 2px;
background-color: #FFFFFF;
}
.wp-pagenavi span.current {
padding: 3px 8px 3px 8px;
margin: 2px;
line-height:25px;
font-weight: bold;
color: #fff;
background:#d82424;
}
.wp-pagenavi span.extend {
padding: 3px 8px 3px 8px;
margin: 2px;
color: #000000;
line-height:25px;
background-color: #FFFFFF;
}
/* tagcloud ----------------------------------*/
#tag_cloud a {
font-size:12px !important;
margin-right:10px;
line-height:18px;
}
/* Comments ----------------------------------*/
#commentform label {
float:left;
text-align:left;
margin-bottom:15px;
font-size:11px;
width:20%;
font-weight:bold;
}
.textarea {
border:1px solid #ccc;
background:#fff;
width:70%;
color:#333;
float:right;
padding:5px;
margin-bottom:5px;
font:12px Arial, Helvetica, sans-serif;
}
.textarea:hover {
border:1px solid #ccc;
background:#f8f9f9;
}
.Cbutton {
border:none;
font:bold 11px Arial, Helvetica, sans-serif;
padding:4px;
background:#003366;
color:#fff;
clear:both;
margin-left:28%;
clear:both;
cursor:pointer;
}
.Cbutton:hover {
border:none;
background:#ef181e;
color:#fff;
}
/* Comments -------------------------------------------------------- */
.commetmainauthor {
background:#f0f0f0;
clear:both;
margin-bottom:15px;
padding: 5px 10px 5px 10px;
overflow:hidden;
height:100%;
border-bottom:1px solid #e5e5e5;
}
.commetmain {
clear:both;
margin-bottom:15px;
padding:10px;
overflow:hidden;
height:100%;
border-bottom:1px solid #e5e5e5;
}
.commet_left {
width:20%;
float:left;
font:11px Arial, Helvetica, sans-serif;
}
.commet_right {
width:70%;
float:right;
padding:5px 0 0 35px;
border-left:1px dotted #d4d7d9;
min-height:55px;
}
.comm_list {
margin-bottom:15px;
}
#content .commetmain p {
margin:0;
padding:0;
}
.thecomment {
margin: 0px;
}
.comment-body {
margin:0;
}
.comment-metadata {
padding:5px 10px;
color: #333;
font-weight:bold;
font-size:11px;
}
.comment-metadata a, .comment-metadata a:visited {
color:#333;
text-decoration:none;
}
.comment-metadata a:hover {
}
.authorcomment {
margin: 0px;
font-size:12px;
}
.authorcomment .comment-body {
border: none;
}
.authorcomment .comment-metadata {
padding:0 10px;
background: #fff;
color: #333;
}
.authorcomment .comment-metadata a {
color:#333;
text-decoration:none;
}
.authorcomment .comment-metadata a:hover {
color: #333;
}
.nav-next {
padding-right:8px;
font-weight:bold;
}
.nav-previous {
padding-left:8px;
font-weight:bold;
}
.comment-author {
padding-bottom:5px;
font-size:11px;
text-align:center;
}
/* sidebar content ----------------------------------*/
#sidebar_l a, #sidebar_r a {
color:#064599;
text-decoration: none;
}
#sidebar_l a:hover, #sidebar_r a:hover {
color:#ef181e;
}
/*widget calendar css =================================================== */
#wp-calendar {
width:100%;
}
#sidebar_l .widget_calendar h2, #sidebar_r .widget_calendar h2, widgettitle {
display:none;
}
#sidebar_l #calendar_wrap caption, #sidebar_r #calendar_wrap caption {
margin:5px 0 3px 0;
padding:3px 0 3px 0;
font:bold 12px "Trebuchet MS", Verdana, Arial;
color:#ff4102;
border-top:4px solid #dbdbdb;
background:url(images/headbg.png) repeat-x bottom;
width:100%;
}
/* widget search css =================================================== */
#sidebar_l #search {
width:100%;
margin:10px auto 8px auto;
overflow:hidden;
height:100%;
}
#sidebar_r #search {
width:100%;
margin:10px auto 8px auto;
overflow:hidden;
height:100%;
}
#sidebar_l .widgettitle, #sidebar_r .widgettitle {
clear:both;
}
#sidebar_l .widget_search, #sidebar_r .widget_search {
background:#fff;
padding:0px 0;
overflow:hidden;
height:100%;
clear:both;
}
#sidebar_l .widget_search input, #sidebar_r .widget_search input {
border:1px solid #ccc;
margin:2px;
padding:2px;
color:#333;
}
#sidebar_l .widget_search br {
display:none;
}
.Sponsors {
text-align:center;
}
.ads {
text-align:center;
margin:8px 0;
}
#sidebar_l .posts, #sidebar_r .posts {
clear:both;
height:100%;
margin-bottom:15px;
border-bottom:none;
}
#sidebar_l h2, #sidebar_r h2 {
margin:0;
padding:8px 0 10px 0;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
text-align:left;
color: #064599;
}
#sidebar_l .listings h2, #sidebar_r .listings h2 {
margin:0;
padding:0;
font-size:12px;
color:#064599;
font-weight:bold;
background:none;
border-top:none;
text-transform:none;
}
#sidebar_l .listings h2 a, #sidebar_r .listings h2 a {
color:#064599;
}
#sidebar_l .listings h2 a:hover, #sidebar_r .listings h2 a:hover {
color:#ef181e;
}
#sidebar_l .listings {
margin-bottom:10px;
height:100%;
overflow:hidden;
border-bottom:1px solid #e5e5e5;
}
#sidebar_l p, #sidebar_r p {
margin:0;
padding:0 0 8px 0;
line-height:18px;
font:12px Arial, Helvetica, sans-serif;
color:#666;
}
#sidebar_l p a, #sidebar_r p a {
color:#666;
border-bottom:1px dotted #666666;
text-decoration:none;
}
#sidebar_l p a:hover, #sidebar_r p a:hover {
color:#333;
text-decoration:none;
}
#sidebar_r p.i_email {
background:url(images/i_email.png) no-repeat;
background-position:5px 3px;
padding-left:28px;
}
#sidebar_r p.i_rss {
background:url(images/toprss.png) no-repeat;
background-position:5px 3px;
padding-left:28px;
}
#sidebar_l .spacer, #sidebar_r .spacer {
padding:0 5px;
}
#sidebar_l .advt_spacer, #sidebar_r .advt_spacer {
margin:0 0 10px 0;
}
#sidebar_l ul, #sidebar_r ul, #sidebar_l ul li, #sidebar_r ul li {
margin:0 0 25px 0;
padding:0 0 0 10px;
list-style: none;
}
#sidebar_l ul li ul, #sidebar_r ul li ul {
margin:0;
padding:0;
}
#sidebar_l ul li ul li, #sidebar_r ul li ul li {
margin: 0 0 0 18px;
padding: 3px 0 3px 0;
list-style:outside;
}
#sidebar_l ul li ul li a, #sidebar_r ul li ul li a {
line-height:18px;
}
#sidebar_l ul li ul li a:hover, #sidebar_r ul li ul li a:hover {
text-decoration: none;
color:#dc0709;
}
#sidebar_l ul li ul li ul li, #sidebar_r ul li ul li ul li {
margin: 0 0 0 0;
padding: 3px 0 3px 0;
list-style:inside;
}
#sidebar_l ul li ul li ul li a, #sidebar_r ul li ul li ul li a {
line-height:18px;
}
#sidebar_l ul li ul li ul, #sidebar_r ul li ul li ul {
padding: 0;
margin: 0;
}
#sidebar_l ul li ul li ul li a:hover, #sidebar_r ul li ul li ul li a:hover {
color:#dc0709;
}
.subscribetextbg {
padding:0 0;
margin:0px 0 8px 0;
background-position:55px 4px;
overflow:hidden;
}
.subscribe_textield {
border:1px solid #ccc;
background:#fff;
font:12px Arial, Helvetica, sans-serif;
margin:2px 0 0 2px;
padding:2px;
width:218px;
float:left;
}
.subscribe {
background:#fff url(images/topbg.png) repeat-x top;
border:1px solid #efefef;
padding:10px 5px 5px 5px;
overflow:hidden;
height:100%;
margin-bottom:11px;
}
#sidebar_r .subscribe h2 {
background:none;
border-top:none;
padding-top:0;
}
.subscribe_b {
border:none;
margin-top:-13px;
float:right;
}
#sidebar_r .advt {
margin-bottom:20px;
}
#sidebar_r .sponsorslist {
overflow:hidden;
height:170px;
margin-right:-15px;
}
#sidebar_r .sponsors {
margin:0;
padding:0;
}
#sidebar_r .sponsors li {
float:left;
margin:0 17px 8px 0;
display:inline;
list-style:none;
}
/* bottom ---------------------------------- */
#bottom {
background:#894990 url(images/bottombg.png) repeat-x top;
height:100%;
overflow:hidden;
}
#bottom-in {
width:800px;
padding:15px 0;
margin:0 auto;
}
#bottom-in .bblock {
width:250px;
}
#bottom-in h2 {
margin:0 0 5px 0;
padding:0 0 5px 0;
font:bold 14px Arial, Helvetica, sans-serif;
border-bottom:1px solid #e1388c;
line-height:22px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
}
.bblock {
margin:8px 0 5px 0;
padding:0;
}
.bblock li {
margin:0 0 5px 0;
padding:0 0 8px 3px;
background:url(images/bsperetor.png) repeat-x bottom;
font-size:11px;
color:#fff;
}
.bblock li a {
color:#d6b7d9;
text-decoration:none;
font-size:12px;
}
.bblock li a:hover {
color:#fff;
text-decoration:none;
}
#bottom-in p {
margin:0 0 5px 0;
padding:0;
font-size:11px;
line-height:18px;
color:#fff;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
}
.blockspacer {
padding-left:24px;
}
/* footer ---------------------------------- */
#footer p {
margin:5px 0 5px 0;
padding:0;
font-size:11px;
line-height:22px;
font-family:Arial, Helvetica, sans-serif;
float:left;
}
#footer span {
color:#909090;
position:relative;
top:-5px;
}
#footer span a {
color:#909090;
text-decoration:none;
}
#footer span a:hover {
color:#333;
text-decoration:none;
}
#footer a {
}
#footer a:hover {
}
#flinks {
float:right;
list-style:none;
padding:0;
}
#flinks li {
display: inline;
color:#fff;
}
#flinks li a {
color:#064599;
padding:8px 0 8px 22px;
margin:0;
display:block;
float:left;
line-height:26px;
font:12px Arial, Helvetica, sans-serif;
text-decoration:none;
}
#flinks li a:hover {
display: inline;
color:#ef181e;
}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
#sidebar_r h5 {
font-size:12px
}
#sidebar_r .comments2 {
padding: 3px 0 5px 15px;
clear:both;
background: url(images/bullet1.png) no-repeat 0 8px;
border-bottom:1px solid #e5e5e5;
}
#sidebar_r .comments {
margin:0;
padding:0;
}
#sidebar_r .comments li {
list-style:outside;
margin: 0 0 0 15px;
padding: 3px 0 5px 0;
clear:both;
border-bottom:1px solid #e5e5e5;
}
#sidebar_r .comments ul li ul {
margin:0;
padding:0
}
#sidebar_r .comments ul li ul li {
list-style:outside;
margin: 0 0 0 15px;
padding: 3px 0 8px 0;
border-bottom:1px solid #e5e5e5;
}
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
clear:both;
}
.tabberlive {
/* margin-top:1em;*/
margin-bottom: 10px;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav {
margin:0;
padding: 3px 0;
border-bottom: 1px solid #e5e5e5;
font: bold 11px Arial, Helvetica, sans-serif;
}
ul.tabbernav li {
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a {
padding: 3px 8px 3px 8px;
margin:0 0 0 0;
line-height:22px;
margin-left: 3px;
border-bottom: none;
text-decoration: none;
}
ul.tabbernav li a:link {
color: #7c7c7c;
}
ul.tabbernav li a:visited {
color: #667;
}
ul.tabbernav li a:hover {
color: #fff;
border-color: #e5e5e5;
}
ul.tabbernav li.tabberactive a {
background: #fff;
color:#ef181e !important;
border: 1px solid #e5e5e5;
border-bottom: 2px solid #fff;
text-decoration:none;
}
ul.tabbernav li.tabberactive a:hover {
color: #333;
background: #fff;
border-bottom: 1px solid #fff;
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px;
border-top:0;
margin-top:-18px;
background:#fff;
position:relative;/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
height:150px;
overflow:hidden;
}
/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html
--------------------- */
.clearfix:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
.clearfix {
display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
input, textarea {
margin: 1px;
border: 1px solid #cccccc;
background: #ffffff;
color: #444444;
}