﻿/* 	Universal */
Div{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0} 
BODY{margin:0; text-shadow: 0 1px 0 #e5e5ee}
img{border:0}
h1 {font-size: 46px;  line-height: 53px;  font-weight: 400; margin-top: 40px}
h2,h3,h4,h5,h6 {font-size: 33px; line-height: 49px;margin: 20px 0px;  font-weight: 400}
.z-one li {PADDING-BOTTOM: 15px}
.z-one input {color: red; font-family: courier new; font-size: 20px; font-weight: 700; border-bottom: 1px dotted black;border-top: 0px dotted black;border-left: 0px dotted black;border-right: 0px dotted black}
.tka  {   margin-bottom: 15px; margin-top: 15px; font-size: 33px; line-height: 49px;}
.tka input {color: red; font-family: courier new; font-size: 20px; font-weight: 700; border-bottom: 1px dotted black;border-top: 0px dotted black;border-left: 0px dotted black;border-right: 0px dotted black}
.xob {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;padding: 12px; background-color: #ECF3F9;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0px 1px 4px 3px #9b9b9b;-moz-box-shadow: 0px 1px 4px 3px #9b9b9b;box-shadow: 0px 1px 4px 3px #9b9b9b}
.vid {position: relative; z-index: -12}
a {border-bottom: 1px dotted #AAA;color: #336699;text-decoration:none}a:hover{color: red}
.ad{float: right; margin: 0 -90px 0 15px}
.img { float:right;  margin: 0 -90px 0 15px}
.light {width: 690px;  line-height: 15px;  font-size: 11px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}
.light ul {margin: 0px 0 0 -40px} 
.light li  { list-style-type:none; display: inline-block; width: 160px; text-align:center}
.light  a {border-bottom: 0px dotted #AAA}
.light img:hover {    box-shadow: 0 0 4px #000000}
.unv {font-size: 14px; color: #F55B2C; line-height: 1px}

/* 	Columns */ 
#contain{width: 1000px;  margin-left: auto; margin-right:auto;  overflow-x:hidden}
#m{margin-left: 300px; float: right; width : 700px; padding: 0 100px 30px 0; font-family: Georgia, Times New Roman, Times, serif; font-size: 20px; color: #333333; line-height: 32px; *max-width: 600px}
#l{margin-right: 700px; float:left; position: fixed;  width: 300px; font-family: Arial, Helvetica, sans-serif; line-height: 32px}

/* 	LOGO */
#one{margin: 0 0 0 10px; width: 180px}
#one a { font-size: 24px; color: #D3D3D3; font-weight: bold; margin: 0;   border-bottom: 0 dotted #AAAAAA; text-shadow: none}
#one a:hover span{color: #336699}
.un{font-size: 14px;  margin-top: -10px}

/* 	Crumbs  */
#cr {margin: 2px 0 0 -122px;  font-family: Helvetica,sans-serif;  text-transform:uppercase; font-size: 11px; min-width: 1100px}

/*  Left Nav  */
.menu {list-style:none; width:192px; margin: -15px 0 0 -30px; *margin: 0 0 0 10px}
.menu li {position:relative; margin-bottom: -5px}
.menu li:hover {background: white;border:1px solid #444444;border-right: none; -webkit-box-shadow: 5px 5px 5px 0 #161616; -moz-box-shadow: 5px 5px 5px 0 #161616; box-shadow: 5px 5px 5px 0 #161616}
.menu li a {border-bottom: none; padding: 5px 10px 5px 10px;display:block; text-transform:uppercase; font-size: 11px}
.menu li:hover a {color:#161616;text-shadow: none;	position:relative;	z-index:11;	border-right:1px solid white; 	padding: 4px 9px 4px 9px}

/* 	DROPDOWN  */
.menu .ep, .menu .ds, .menu .qwt, .menu .faq, .menu .ww, .menu .wt{margin:0px auto;left:-999em;position:absolute;background: white;border: 1px solid #444444; padding:5px 10px;	text-align:left;-webkit-box-shadow: 5px 5px 5px 0 #161616;-moz-box-shadow: 5px 5px 5px 0 #161616;box-shadow: 5px 5px 5px 0 #161616}
.menu .ep, .menu .ds, .menu .qwt, .menu .faq, .menu .ww, .menu .wt{width: 790px}
.menu li:hover .ep{left:190px;	top:-50px} .menu li:hover .ww {left:190px;	top:-85px} .menu li:hover .qwt{left:190px;top:-120px}.menu li:hover .ds{left:190px;top:-155px}.menu li:hover .wt{left:190px;	top:-90px}.menu li:hover .faq {left:190px;top:-225px}

/* 	DROPDOWN  CONTENT*/
.menu strong{text-shadow: 0 1px 0 #e5e5ee;font-size: 16px;font-weight: bold}
.menu .y0{width: 100%; clear:both}
.menu li:hover .y0 a{font-weight: bold; font-size: 16px;  border-bottom: 1px dotted #AAA; color: #336699; text-transform: none; padding: 0; display:inline}
.menu li:hover .y0 a:hover{color: red}
.menu .y1{width:350px; float: left; margin: 0 25px 0 25px}
.menu .y2{width:350px; float: left}
.menu .tr {list-style: square; margin-bottom: 35px; font-size: 12px}
.menu .tr li a{text-shadow: 0 1px 0 #e5e5ee;font-size: 15px; color: #336699; border-bottom: 1px dotted #AAA; display: inline; text-align:left; padding: 0; text-transform: none}
.menu .tr li a:hover{color: red}
.menu .tr li:hover{border: none;  -webkit-box-shadow: 0 0 0 0 #161616; -moz-box-shadow: 0 0 0 0px #161616; box-shadow: 0 0 0 0 #161616}
.menu .tr li p{color: #999999; font-size: 13px; margin: 0 0 0 8px; line-height: 16px}
.menu .to  li{ margin-bottom: 10px}
.e{color: #999999; font-size: 13px; margin: 0 0 0 8px; line-height: 16px}
.menu .lit{list-style-type: none;  margin: 20px 0 270px 0; *margin: 20px 0 0 35px}
.menu .lit li {float: left}
.menu .lit li a{float: left;margin: 0 20px 10px 0; text-shadow: 0 1px 0 #e5e5ee;  width: 120px; font-size: 9px; line-height: 15px;  color: #336699; border-bottom: 0 dotted #AAA; display: block; text-align: center; padding: 0}
.menu .lit li a:hover{color: red}
.menu .lit li:hover{border: none;  -webkit-box-shadow: 0 0 0 0 #161616; -moz-box-shadow: 0 0 0 0 #161616; box-shadow: 0 0 0 0 #161616}
.menu .lit img:hover {    box-shadow: 0 0 4px #000000}
.menu .tbj {list-style: square; font-size: 10px; margin-bottom: 35px; line-height: 25px}
.menu .tbj li a{text-shadow: 0 1px 0 #e5e5ee;font-size: 15px; color: #336699;  display: inline; text-align:left; padding: 0;  text-transform: none}
.menu .tbj li a:hover{color: red}
.menu .tbj li:hover{border: none;  -webkit-box-shadow: 0 0 0 0 #161616; -moz-box-shadow: 0 0 0 0px #161616; box-shadow: 0 0 0 0 #161616}
.cd {list-style-type:none; font-weight:bold; margin: 0px 0px 10px -30px; text-transform:none}

/* 	SEARCH*/
#search,#submit{float: left}#submit:hover {background: #95d788} #submit::-moz-focus-inner {border: 0} 
#search{background: #fcfcfc url('http://nowloss.appspot.com/search-white.png') no-repeat 2px 3px;padding: 5px 20px; height: 15px;width: 130px;border: 1px solid #d3d3d3; font:normal 12px 'arial', helvetica; color: #555555}
#submit {background: #336699; border: 1px solid #336699; text-shadow: 0 2px 3px #666; padding: 0 3px 0 0; height: 27px; width: 30px; cursor: pointer; font: bold 12px Arial, Helvetica; color: white}
.sb {margin:-10px 0 0 15px}

/* 	Start Here*/
.more {display: none; font-size: 11px; text-transform:uppercase}
a.showLink, a.hideLink {font-size: 12px; text-transform: uppercase}
.sh {font-weight: bold; margin: 0 0 0 40px} 
 
/* 	Top*/
#back-top{position: fixed;	bottom: 0; 	margin-left: 30px;  *left: 10px}
#back-top a{font: normal 11px/100% Helvetica,sans-serif;color: #444;text-transform:uppercase;-webkit-transition:background-color .7s; -moz-transition: background-color .7s;-o-transition: background-color .7s;transition: background-color .7s}
#back-top a:hover{color: #336699}
#back-top span{width: 28px;height: 28px;background: url(http://nowloss.appspot.com/nav-icons.png) no-repeat -8px -577px;display: block;float:right;  margin: -8px 0 0 6px ;-webkit-border-radius: 10em;-moz-border-radius: 10em;border-radius: 10em; *display: none}
#back-top a:hover span{background-color: #f5ec82}

/*ASK*/
.u{background: none repeat scroll 0 0 #ECF3F9;border:1px solid #CCCCCC;font-size:16px; box-shadow: 0 1px 4px #9B9B9B; width:700px;margin-left: -25px; margin-top:30px; position:relative;padding-right:15px;line-height:24px}
.u strong{font-size: 19px}
.u2{margin-left: 120px}
.u span{font-family:Arial, Helvetica;font-size:13px;display:inline-block;margin-top:-25px;color:white;border:1px solid #CCCCCC;box-shadow:0 1px 4px #9B9B9B;padding:5px;background-color:white;color:black;text-align:center;position:absolute;left:-20px; top:165px}
.pi{left:1px;position:absolute;top:-32px}

/*FOOTER*/
#ft  {padding-left:200px;  width: 100%; font-size: 11px; font-family: Helvetica,sans-serif}
#hj{text-align:center; *margin-left: -200px}
#hj a{font-size: 24px;color:#D3D3D3;font-weight: bold;text-shadow: none; border-bottom: 0 dotted #AAAAAA}
#hj a:hover{color: #336699}
.ft { font-size: 14px; font-weight: bold; margin-top: 0}
#end {margin-top: -5px; text-align: center; *margin-left: -200px}  
.co {margin: -5px 0 0 345px; *padding-left: 200px}
.rm{text-transform: uppercase; font-size: 11px}
.mr{margin-top: 20px}

/*LIGHTBOX*/
.fancybox-tmp iframe, .fancybox-tmp object {	vertical-align: top;	padding: 0;	margin: 0}.fancybox-wrap {	position: absolute;	top: 0;	left: 0;	z-index: 1002}.fancybox-outer {	padding: 0;	margin: 0;	background: #f9f9f9;	color: #444;	text-shadow: none;	-webkit-border-radius: 4px;  -moz-border-radius: 4px;	 border-radius: 4px}
.fancybox-opened {	z-index: 1003}.fancybox-opened .fancybox-outer {	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)}
.fancybox-inner {	width: 100%;	height: 100%;	padding: 0;	margin: 0;	position: relative;	outline: none;	overflow: hidden}.fancybox-error {	color: #444;    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;    margin: 0;    padding: 10px}
.fancybox-image, .fancybox-iframe {	display: block;	width: 100%;	height: 100%;	border: 0;	padding: 0;	margin: 0;	vertical-align: top}.fancybox-close, .fancybox-prev span, .fancybox-next span {	background-image: url('fancybox_sprite.png')}
.fancybox-close {	position: absolute;	top: -18px;	right: -18px;	width: 36px;	height: 36px;	cursor: pointer;	z-index: 1004}#fancybox-overlay {	position: absolute;	top: 0;	left: 0;	overflow: hidden;	display: none;	z-index: 1001;	background: #000}
.fancybox-title {visibility: hidden;	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;	position: relative;	text-shadow: none;	z-index: 1005}.fancybox-opened .fancybox-title {	visibility: visible}
.fancybox-title-inside-wrap {	margin-top: 10px}
/*  COMMENTS  */
#forms, #forms-edit{text-align:left; padding:20px 20px 5px;background: #F6F6F6;border: 1px solid #EEE; -moz-box-shadow: 5px 5px 5px #ccc;  -webkit-box-shadow: 5px 5px 5px #ccc;  box-shadow: 5px 5px 5px #ccc}
#forms textarea {width: 97%; height: 10em; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EEEEEE; color: #999999; font-family: Arial,Helvetica,sans-serif; font-size: 20px; font-style:italic; padding: 5px; margin-top: -30px}
.tb-submit ,.tb-submit-hover {background: none repeat scroll 0 0 #A43937; color: #FFFFFF;    float: right;   padding: 5px 20px;    text-transform: uppercase; width: auto;border: 1px solid #EEEEEE; border-radius: 4px 4px 4px 4px; font-family: Arial,Helvetica,sans-serif}
.tb-submit-hover {background: none repeat scroll 0 0 #336699; text-decoration: underline; cursor: pointer}
.fsub {background: none repeat scroll 0 0 #A43937; color: #FFFFFF;   margin: 0 4px 0 0;    padding: 5px 20px;    text-transform: uppercase;    width: auto;border: 1px solid #EEEEEE;    font-family: Arial,Helvetica,sans-serif}
.fsub:hover  {background: none repeat scroll 0 0 #336699; text-decoration: underline; cursor: pointer}
.tb-label {font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: #999999; text-align:center}
.type  { width: 250px; font-size: 16px;background: none repeat scroll 0 0 #FFFFFF;    border: 1px solid #EEEEEE;    color: #999999;    font-family: Arial,Helvetica,sans-serif;     font-style:italic;    margin: 0 0 5px;    padding: 5px} 
#forms	textarea:focus, #forms input[type=text]:focus {color: black; font-style: normal}
.who, .who-admin {font-size: 15px; color: gray}
.tag {	color: #666; margin-bottom: 0; margin-top: 5px;	font-size: .85em}
.tb-leave-comment-legend {color: #800;	text-align: center; 	margin-top: 15px}
.tb-comment  {border-bottom: 2px solid #eeeeee; margin-bottom: 10px; font-size: 16px}
.tb-reply  {	padding: 5px 5px 5px 5px;	 margin-left: 20px;	 width: 95%;	 margin-top: -10px;	margin-bottom: 15px; font-size: 16px;  border-left: 3px #F6F6F6 solid}
.cox-foot {	text-align: center;	margin-top: .5em;	clear: both}
#tb-prev-next {	text-align: right;	margin-top: 2em}
.tb-prev, .tb-next,  .tb-first, .tb-last {	font-size:11px;	font-family: helvetica, arial, sans-serif; text-transform:uppercase;	color: #003399;	cursor: pointer;	border: none;	background-color: #fff}
.tb-comment-legend {	font-family: Arial; font-size: 11pt; font-weight:bold; color: #800;	text-align: center;	margin-top: 1em}

/*  Forms  */
#fm { margin-top: 20px; color: #667780; width: 100%;    font-family: Arial, Helvetica, sans-serif;    font-size: 15px; background: none repeat scroll 0 0 #E4F1F7;    border: 6px solid #DFECF2;    border-radius: 3px 3px 3px 3px;    padding: 10px 5px 5px 10px}
.fbut {	background: none repeat scroll 0 0 #349BCE;     border: 3px solid #4CAAD9;    border-radius: 3px 3px 3px 3px;  color: #FFFFFF;    cursor: pointer;    display: block;    font-size: 15px;  margin-left: 60px;  min-width: 120px;  padding: 12px 24px}
.fbut:hover { background: none repeat scroll 0 0  #308FBF;    box-shadow: 0 1px 3px #206080 inset;    text-decoration: underline}#fm input{ font-size: 15px; border: 1px solid #ccc; padding: 5px;}.gh {width: 100%; margin-bottom: 30px}.io {padding: 5px;   font-size: 15px;   border: 1px solid #ccc }

/* Weight Loss Calculator */
#x input {width: 38px; color: red; font-family: courier new; font-size: 15px; font-weight: 700; border-bottom: 1px dotted black; border-top: 0px dotted black;border-left: 0px dotted black;border-right: 0px dotted black}#x .wi {width: 27px}.put {width: 30px; color: red; font-family: arial; font-size: 13.5pt; font-weight: 700; border-bottom: 1px dotted black; border-top: 0px dotted black;border-left: 0px dotted black;border-right: 0px dotted black}.but {width: 487px; border:none;text-align :left;font-size : 10pt; font-weight:bold;  color:blue; text-decoration:underline}
.m { font-size: 8.5pt; text-align: center }#top .t { width: 31px;}#p {margin-bottom: -7px; margin-left: 77px; margin-top: 10px; list-style-type: square}#p li {PADDING-BOTTOM: 15px}#q {margin-bottom: -7px; margin-top: 10px; list-style-type: square}#q li {PADDING-BOTTOM: 15px}

/* 	Bookmarking */ 
#a2apage_dropdown { box-sizing: content-box;             -moz-box-sizing: content-box;             -webkit-box-sizing: content-box; margin:0; padding:0  } #shh { position: absolute; top: 45px; margin-top: -10px}#shb {margin: -20px 0px 40px 0px}

/*Bookmarking buttons*/
a.bmark{background: none repeat scroll 0 0 #e5e5e5; border-bottom: 0px dotted #AAA; border-radius: 4px 4px 4px 4px;color: #444444; font-family: Helvetica,sans-serif; font-size: 12px;text-transform:uppercase; padding: 4px 10px; text-decoration: none; line-height: normal} 
a.bmark:hover{text-decoration:underline; color: black}

/* 	Index*/
.inlgn  {font-size: 11px; text-transform:uppercase; list-style-type: none; margin: 0px 0px 0px -30px; *margin: 0 0 0 10px}.inlgnp {font-size: 13px; font-weight: bold; line-height: 20px; margin:0px 0px 10px -15px; color: #666}#help {margin: 15px 0px 0px 20px}
