/* @group Reset */
/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */
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; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }

/* @end */


body {
	font : 75%/1.25 Arial, Helvetica, sans-serif;
	color: #163d98;
	background-attachment: fixed;
	background-image: url("../img/bg_body_tile_wide.jpg");
	background-position: 0 100%;
	background-repeat: repeat-x;
}


/* @group Diagnostic stylings */
/*div:empty, span:empty,
li:empty, p:empty,
td:empty, th:empty {padding: 0.5em; background: yellow;}

*[style], font, center {outline: 5px solid red;}
*[class=""], *[id=""] {outline: 5px dotted red;}

img[alt=""] {border: 3px dotted red;}
img:not([alt]) {border: 5px solid red;}
img[title=""] {outline: 3px dotted fuchsia;}
img:not([title]) {outline: 5px solid fuchsia;}

table:not([summary]) {outline: 5px solid red;}
table[summary=""] {outline: 3px dotted red;}
th {border: 2px solid red;}
th[scope="col"], th[scope="row"] {border: none;}

a[href]:not([title]) {border: 5px solid red;}
a[title=""] {outline: 3px dotted red;}
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}
*/

/* @end */



/* @group General */

/* @group Headings */
h1,h2,h3,h4,h5,h6 {font-family:Arial, Helvetica, sans-serif; color: #163d98;}

h1 { 
	font-size : 40px; 

}

h2 { 
	font-size: 20px;
}

h3 { 
	font-size : 16px; 
	
}
h4 { 
	font-size : 12px; 
	
}
h5 { 
	font-size : 12px; 
	margin-left: 20px;
}
h6 { 
	font-size : 12px; 
}

/* @end */

/* @group Paragraphs */
p { margin : 15px 0 15px 0;color: #163d98;}
/* @end */

/* @group List items */
ul, ol { margin : 0 ; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
dl { margin : 0; }
dt { font-weight : bold; }
dd { margin-left : 1.5em;}
/* @end */

/* @group Tables */
table {margin: 10px 20px;width: 618px;}
th { /*border-bottom : 1px solid #433b34;*/ font-weight : bold; }

td { /*border-bottom : 1px solid #ddd;*/ }
th,td { padding : 5px 20px 10px 0; text-align:left;}

tr.even,
tr.even th,
tr.even td {
	background-color:#fff;background-color:rgba(255,255,255,0.7);
}
table tr.pending,
table tr.pending td {
	background-color: #ffc;
	background-color: rgba(255,255,204,0.7);
}

tfoot { font-style : italic; }
caption {  }
button, textarea, input { font-family: helvetica, arial; }

textarea {
	width: 250px;
	height: 180px;
	font-size: 12px;
}
/* @end */

/* @group Links */
a {color: #163d98;}
a:link {text-decoration:none;}
a:hover {text-decoration:underline;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
/* @end */

/* @group Forms */
/* =form*/

form {margin-left: 0;}
form h2,
form h3,
form input.btn-submit {
	margin-top: 5px;
	margin-left: 10px;
}
form label {
	display: block;
	margin-top: 4px;
	margin-right:10px;
	margin-bottom:5px;
} 

form li.radiocheck label {
	display: inline;
}

form label.label-txt {
	
}

form input.text {
	width: 180px;
}

form li {
	clear: both;
	list-style: none;
	margin-left: 10px; 
	position: relative;
	margin-top: 5px;
	margin-bottom:10px;
}


form select {margin-bottom: 10px;}

form#frm-signin {
	
}

form p,
form input.btn {
	margin-left: 10px;
	margin-right: 10px;
}
/* @end */

/* @group Other styling */
abbr, acronym { border-bottom-width : 0; }
address { margin-top : 1.5em; font-style : normal; }
del { color : #666; }
blockquote { margin : 1.5em 0; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
/* @end */



/* @end */

/* @group Helpers */

.hide {
	display: none;	
}

/* @group Table definitions */

table td.topic,
table th.topic {
	width: 245px;
	padding: 5px;
}

table td.author,
table th.author {
	width: 85px;
	padding: 5px;
}

table td.replycount,
table th.replycount {
	width: 40px;
	padding: 5px;
}

table td.posted-on,
table th.posted-on {
	width: 80px;
	padding: 5px;
}

table td.latest-reply,
table th.latest-reply {
	width: 114px;
	padding: 5px;
}

/* @end */

/* @group messages */

strong.success {
	color: #bed73b;	
	background: url("/assets/img/icon-ok-cancel.png") 0 0 no-repeat;
	padding-left: 16px;
}

strong.error {
	color: #b93434;
	background: url("/assets/img/icon-ok-cancel.png") 0 -100px no-repeat;
	padding-left: 16px;
}


/* @end */

/* @group Button styling */

ul.buttons-small {
	width: 95px;
}

ul.buttons-medium {
	width:150px;
}

ul.buttons-large {
	width:200px;
}


li.button, a.button,
li.button-arrow-l, a.button-arrow-l {
	/**/
	text-transform: uppercase;
	font-size: 11px;
	padding-left: 21px;
	/*margin-left:-10px;*/
	margin-left:0;
}

li.button a,
a.button span,
li.button-arrow-l a,
a.button-arrow-l span {
	padding-top: 5px;
	display: block;
	padding-bottom: 20px;
}

li.button, a.button {
	background: url("/assets/img/img_btnleft.png") 0 0 no-repeat;
	padding-right: 25px;
}

li.button a,
a.button span {
	background: url("/assets/img/img_btnright_arrow.png") 100% 0 no-repeat;	
}

li.button-arrow-l, a.button-arrow-l {
	background: url("/assets/img/img_btnleft_arrow.png") 0 0 no-repeat;
	padding-left: 25px;
}

li.button-arrow-l a,
a.button-arrow-l span {
	background: url("/assets/img/img_btnright.png") 100% 0 no-repeat;	
}

a.comment {
	width: 95px;
}

a.button span {
	margin-left: 0;
}

/* @end */





p.text-disclaimer {
	text-align: right;
	font-size: 11px;
}

/* @group Paging navigation */
.paging {
	position:relative;
	width:300px;
	margin-top: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.7);
	margin-left: 20px;
	margin-right: 20px;
}

.nav-paging {
	width: 300px;
	margin-right: 20px;
}
.nav-paging h3,
.nav-paging ul,
.nav-paging li {
	display: inline;
}

.nav-paging ul {
	
	padding-left:5px;
}


#starttopic {
	float: right;
	width: 130px;
	margin-left: 0;
	margin-right: 0;
}

/* @end */

/* @group Rounded boxes */
.round,
.round-green {
	margin-top: 10px;
	margin-bottom: 16px;
	width: 239px;
	float: left;
}

.round {
	background-color: #fff;
}

.round h3,
.round p,
.round ul,
.round a {
	margin-left: 22px;
	margin-right: 22px;
}

.round h2 {
	padding-left: 22px;
	padding-top: 8px;
	padding-bottom: 4px;
	margin-bottom: 15px;
	padding-right: 22px;
	line-height:34px;
	
}

.round h2 a,
.round h3 a {
	color: #fff;
}

.round h2 a,
.round h3 a,
.round li a {
	margin-left: 0;
	margin-right: 0;
}

.round-green {
	background-color: #bed73d;
}

.round-green h2 {
	background-color: #fff;
	color: #bed73d;
}

.round-green h2 a {
	color: #bed73d;
}

/*all corners */
.round,
.round-green,
.player-wrapper,
.channel-program,
#bulletinboard .table-wrapper,
#tips .wrapper,
#video,
#generic,
#generic-half,
#bulletinboard-entries .transparent,
#videos .transparent {
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
/*top-left and top right*/
.round-green h2,
#activate h2,
#raised-cholesterol h2,
#joinnow h2,
body.channel-main .channel-program h2 {
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-o-border-radius-topleft:10px;
	border-radius-topright:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
}


/* @end */


/* @group Min-height elements */

#bulletinboard .table-wrapper,
#tips .wrapper,
.round,
.round-green {
	min-height:426px
}

ul#entries li.entry {
	min-height: 180px;
}

#videos .transparent {
	min-height:426px;
	
}

body.channel-main .channel-program {

}

/* @end */

/* @group Transparent boxes */
	
.transparent {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	background-color:rgba(255,255,255,.7);
}	
	

/* @end */

/* @end */

/* @group Page Structure */
#outer-wrapper {
	width: 100%;
	height: 100%;
	background-image: url("../img/bg_dropshadow.png");
	background-position: 50% 0;
	background-repeat: repeat-y;
}

#container {
	width: 960px;
	margin: 0 auto;
	
}

#container ol {
	margin-left: 37px;
	margin-right: 22px;
}
#container form ol {
	margin-left: 0;	
}

.section {
	display: block;
}

#generic {
	width: 920px;
	margin-left: 20px;
	margin-right: 20px;
}

#generic-half {
	width:470px;
	margin-left: 20px;
	margin-right: 20px;
}

#generic h2,
#generic-half h2 {
	font-size: 16px;
}



#generic form,
#generic-half form {
	padding-top: 5px;
	padding-bottom: 10px;
	background-color: #fff;
	background-color:rgba(255,255,255,.7);
	margin: 10px 20px;
	
}
/* @group branding */

#branding {
	position: relative;
	background: url("../img/bg_branding.png") 0 0 repeat-x;
	width: 960px;
	height: 88px;
	margin: 0 auto;
}
#branding h1 {
	background: url("../img/h1-logo.png") 0 0 no-repeat;
	height: 88px;
	text-indent: -9000em;
	width: 194px;
	position:absolute;
	left: 20px;
	top: 0;
}

#branding h1 a {
	display: block;
	width: 194px;
	height: 88px;
}

#branding h2 {
	background: url("../img/h2-logo.png") left top no-repeat;
	height: 131px;
	text-indent: -9000em;
	width: 115px;
	position: absolute;
	right: 20px;
	top: 10px;
}

#branding #header-link {
	position: absolute;
	left: 450px;
	top: 55px;
}

#branding h2 a {
	width: 115px;
	height: 131px;
	display: block;
}

/* @end */

/* @group Main navigation */

#nav-main {
	background-image: url("../img/bg-navi.png");
	background-position: 0 0;
	background-repeat: repeat-x;
	font-size: 18px;
	font-family:Georgia, Arial, sans-serif;
	min-height: 56px;
	/*color: #fff;*/
	padding-top:20px;
	width: 960px;
	margin: 0 auto;
	/*margin-left:3.346%;*/
}

#nav-main li {
	border-left: 1px solid #fff;
	display: inline;
	font-weight: normal;
	padding-left: 11px;
	padding-right: 11px;
}

#nav-main li#nav-home {
	margin-left: 20px;
	border: none;	
}

#nav-main a {
	color: #fff;	
	
}

body.home li#nav-home a,
body.activists li#nav-activists a,
body.channel-main li#nav-channel a,
body.cholestorol li#nav-cholestorol a {
	color: #d9e1f7;
}


/* @end */

/* @group Content */

#content-main {
	float: left;
	width: 239px;
	margin-left: 20px;
}

#content-main .round {
		
}

/* @end */



/* @group Siteinfo */

#siteinfo {
	clear: both;
	color: #fff;
	margin-left: 20px;
	position: relative;
	padding-top: 20px;
	width: 960px;
}

#siteinfo p,
#siteinfo a {
	color: #fff;
}

#siteinfo p {
	width: 456px;
	margin-top: 0;
}

#siteinfo ul {
	position:absolute;
	right: 30px;
	top: 20px;
	width: 300px;
}

#siteinfo ul li {
	float: left;
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	
}

#siteinfo ul li:first-child {
	border: none;
}




/* @end */


/* @end */

/* @group Page Elements */


/* @group Home */


#activate h2 {
	background-color: #bed73d;
	
}
#activate ul {
	margin-right: 0;
}
#activate h3 {
	
}

#activate a {
	display:block;
}

body.cufon #activate h2 {
	font-size: 36px;
}

#bulletin-news h2 {
	color:#818181;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0;	
}
#bulletin-news ul {
	margin-left: 30px;
	margin-bottom: 10px;
}

#channel {
	float: left;
	width: 404px;
	margin-left: 20px;
	
}

#channel h2 {
	color: #fff;
}

body.cufon #channel h2 {
	font-size: 36px;
	line-height: 34px;
}

body.home #channel h2 {
	margin-top: 18px;
	margin-bottom: 6px;
}
	

#video {
	
}

#raised-cholesterol {
	float: left;
	width: 239px;
	color: #fff;
	margin-left: 15px;
	position: relative;
}

a#cholesterol-external {
	background-image: url("../img/a_link.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	width: 112px;
	height: 123px;	
	position: absolute;
	left: 150px;
	top: -30px;
	text-indent: -9999px;
}

body.home #raised-cholesterol p {
	color: #fff;
}

body.cufon #raised-cholesterol h2 {
	font-size: 36px;
	line-height: 34px;
	background-color: #bed73d;
	color: #fff;
}

body.home #channel h2 a {
	color: #fff;
}

body.home #raised-cholesterol h2 {
	background-color: #fff;
	color: #bed73d;
}


#raised-cholesterol h3 {
	
}
#raised-cholesterol li {
	margin-bottom: 10px;
}
#benefits {
	clear: both;
	margin-left:20px;
	overflow: hidden;
	width: 920px;
	background-image:url("../img/bg-benefits-li-trans.png");
	background-position: -999px 100%;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

#benefits ol {
	overflow: hidden;
	background-color: transparent;
	background-image:url("../img/bg-benefits-li-trans.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-left: 0;
	margin-right: 0;
}

#benefits li {
	display: block;
	float: left;
	list-style: none;
	width: 183px;
	
	
}

#benefits li h4,
#benefits li p {
	margin-left: 42px;
	margin-right: 10px;
}


#benefits li h4 {
	margin-top: 10px;
	font-size: 14px;
	margin-bottom: 0;
}
#benefits li p {
	font-size: 11px;
	margin-top: 0;	
}

/*#benefits li#benefit-5 a {
	margin-left: -30px;
	margin-top: 10px;
}*/

/* @end */



/* @group Bulletin Board */
p.video-link a {
	margin-left: 0;	
}
#joinnow {
	float: left;
	margin-left: 20px;
}

#joinnow h2 {
	background-color: #bed73d;
	color: #fff;
}

body.cufon #joinnow h2 {
	font-size: 36px;
}

#bulletinboard {
	float: left;
	width: 659px;
	margin-top: 10px;
	margin-left: 20px;
	overflow: hidden;
	position: relative;
}
#bulletinboard h2,
#bulletinboard-entries h2 {
	font-size: 36px;
	line-height: 34px;
	margin-bottom:2px;
	margin-top:6px;
	color: #fff;
	width: 380px;
	float: left;
	
}

#signin {
	width: 237px;
	float: right;
	text-align: right;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#signin a {
	color: #fff;
}

#bulletinboard .table-wrapper {
	
}

#bulletinboard-entries {
	float: left;
	width: 659px;
	margin-top: 10px;
	margin-left: 20px;
}

#bulletinboard-entries .wrapper {
	position: relative;	
}

#bulletinboard .transparent,
#bulletinboard-entries .transparent { 
	clear: both;
}

#entry-list {
	margin-left: 20px;
	clear: both;	
}

#bulletinboard-entries .buttons-large {
	margin-left: 20px;
	width: 619px;

}

#entry-list h3#post-title {
	margin-left: 10px;
}
#entry-list ul {
	clear: both;
}

#entry-list li {
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	margin-right: 20px;
	position: relative;
}

#entry-list li.odd {
	background-color: #fff;
	background-color: rgba(255,255,255,0.7);
}

#entry-list li.pending {
	background-color: #ffc;
	background-color: rgba(255,255,204,0.7);
}

#entry-list .nav-paging {
	margin-left: 0;
}

#entry-list .nav-paging li {
}

.nav-paging li.current {
	font-size: 16px;
	color: #ccc;	
}

#entry-list ul.actions li {
	margin-right: 0;
}

#entry-list ul.actions li, 
#entry-list ul.actions li a {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}



#entry-list .nav-paging li{
	margin-right: 0;
}

#entry-list .author-data {
	position: absolute;
	left: 450px;
	top: 0;
	width: 155px;
	text-align: right;
	margin-top: 20px;
}

#entry-list .author-data p {
	margin-top: 0;
	margin-bottom:0;
	margin-right: 0;
	width: auto;

}

.entry blockquote,
.entry p {
	margin-left: 10px;
	margin-right: 162px;
}

.entry blockquote p {
	margin-right: 0;
}

#entry-list a.comment {
	position: absolute;
	right: 10px;
	bottom: 0;
}

#entry-list .author-data ul.actions {
	margin-top: 10px;
}

#nav-topicfront {
	float: left;
	width: 140px;
	
}
#nav-remove-topic {
	float: right;
	width: 90px;

}

#nav-lock-topic,
#nav-unlock-topic {
	float: right;
	width: 90px;
	margin-right: 10px;
}

#entry-list ul.actions #nav-topicreply {
	margin-left: 15px;
	margin-bottom:10px;
	margin-top:5px;
	padding-right: 0;
	
}

#entry-list ul.actions #nav-topicreply a {
	margin-left: 0;
	padding-bottom:20px;
	padding-top:5px;
	text-align: right;
	padding-right: 25px;
	
}
/* @end */


/* @group Video Channel */

object#video {
	margin-top: 10px;
	margin-left: 20px;
}
#playlist {
	margin-top: 10px;
	margin-left: 20px;
}

#videos {
	
}
#videos h3 {
	background-color:none;
	color: #fff;
}

body.channel-main #channel {
	width: auto;		
}

body.channel-main #videos h3 {
	margin-top: 16px;
	margin-bottom: 5px;
}

body.channel-main .channel-program {
	width: 239px;
	float: left;
	background-color: #fff;
}

body.channel-main .channel-program h2 {
	background-color: #bed73d;
	color: #000;

}

body.channel-main #videos {
	width: 659px;
	float: left;
	margin-left: 20px;	
}



body.cufon #videos h3 {
	font-size: 36px;
	line-height: 34px;	
}



/* @end */

/* @group Cholesterol */

#tips {
	float: left;
	margin-left: 20px;
	width: 659px;
	overflow: hidden;
}


#tips h3 {
	color: #fff;
}

body.cufon #tips h3 {
	font-size: 36px;
	line-height: 34px;
	margin-top: 18px;
	margin-bottom: 5px;
}

#tips .wrapper {
	background-color: #fff;
	background-color:rgba(255,255,255,.7);
	padding: 22px 0;
	
}

#tips ul {
	background-color: #fff;
	background-color:rgba(255,255,255,.7);
	margin-left: 22px;
	margin-right: 22px;
}

#tips ul.tip-bulletlist,
#tips ol.tip-numberlist {
	background-color: transparent;
}

#tips ul li {
	border-bottom:1px solid #dde4f5;
	padding-top: 11px;
	padding-bottom: 11px;
}

#tips ul.tip-bulletlist li,
#tips ol.tip-numberlist li {
	border: none;	
}

#tips ul li h4,
#tips ul li p,
#tips ul li a {
	margin-left: 22px;
	margin-right: 22px;
}

#tips ul li a {
	display: block;
	margin-bottom: 10px;	
}

#tips ul li a.tip {
	background-image: url('../img/bg_arrows.png');
	background-repeat: no-repeat;
	background-position:-600px 0;
	padding-left: 20px;
}


#tips ul li a.active {
	background-position: 0 0;
}


/* @end */

/* @group Signup */

#registration-ok {
	padding: 10px;
	background-color: #fff;
	background-color:rgba(255,255,255,.7);
	margin: 10px 20px;
}

div.activations {
	border: 1px solid #163d98;
	margin: 10px;
	padding: 10px;
}

div.activations p {
	margin: 0 0 5px 0;
}

div.activations li {
	margin: 0 0 0 10px;
}

div.activations a.remove {
	font-size: 90%;
	color: #900;
}

div.message {
	border: 1px solid #163d98;
	margin: 10px;
	padding: 10px;
}

div.message p {
	margin: 0;
}

/* @end */

/* @end */


/* @end */
