/* fitnessnetworkonline.com */

/* MAIN STYLES */

body { background-color: #367EBA; font: normal 13px Arial, Helvetica, sans-serif; color: #383838; text-align: center; }
body, table, tr, td, div, span, form, dl, dd, dt, blockquote { margin: 0px; padding: 0px; }

p { margin: 15px 0; }
ul,ol { margin: 0px; padding: 5px 0px 5px 25px; }
h1 { font-size: 26px; font-weight: normal; margin: 5px 0px; }	
h2 { font-size: 18px; font-weight: normal; margin: 5px 0px; }
h3 { font-size: 14px; font-weight: normal; margin: 12px 0px; }

a { color: #0066CC; text-decoration: none; }
a:hover { color:#FF6600; text-decoration: underline; }
a img { border: 0px; }

form { margin: 0; }
form .button { border: 0px; }
textarea { font: normal 12px Arial, Helvetica, sans-serif; padding: 5px;}

.submitlink { color: #0066CC; text-decoration: none; background-color: transparent; border: none; cursor: pointer; cursor: hand; }
.submitlink:hover { color:#FF6600; text-decoration: underline; }


/* CONTAINERS */

#wrapper { width: 960px; margin: 15px auto; padding: 0px; text-align: left; }

#header { background: url(images/header.gif) no-repeat top left; height: 110px; width: 960px; }
#header .logo { float: left; display: inline; border: 0; margin: 5px 0px 0px 15px; }
#header .topnav { float: right; display: inline; font-size: 11px; margin: 15px 30px 0px 0px; height: 25px; width: 450px; text-align: right; }
#header .searchbox { float: right; display: inline; background: url(images/searchbox.gif) no-repeat top left; margin: 0px 20px 0px 0px; padding: 0px; height: 30px; width: 250px; }
#header .searchfield { display: inline; font: bold 12px Arial, Helvetica, sans-serif; color: #4A8EC4; padding: 0px; margin: 0px 0px 0px 15px; space: 0px; height: 16px; border-spacing: 0px; border: 0px solid #ffffff; }
#header .searchbutton { margin: 0px 0px 0px 5px; border: 0px; }

#mainnav { float: left; width: 770px; padding: 1px 0px 1px 190px; }
#mainnav ul { margin: 0px; padding: 0px; list-style: none; border-left: 1px solid #367EBA; border-right: 1px solid #5A9BCF; }
#mainnav li { display:inline; margin: 0px; padding: 0px;}
#mainnav a { float:left; margin: 0px; padding: 6px 14px; font: bold 13px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; text-align: center; border-right: 1px solid #367EBA; border-left: 1px solid #5A9BCF;}
#mainnav a:hover { color: #367EBA; background: url(images/menuhover.gif) repeat-x;}

#pagebg0 { float: left; display: inline; width: 960px; background: url(images/pagebg0.gif) repeat-y left top; }
#pagebg1 { float: left; display: inline; width: 960px; background: url(images/pagebg1.gif) repeat-y left top; }
#pagebg2 { float: left; display: inline; width: 960px; background: url(images/pagebg2.gif) repeat-y left top; }

#leftnav { float: left; display: inline; margin: 12px 11px 0px 21px; padding: 0px; width: 148px; }
#leftnav ul { margin: 0px; padding: 0px; list-style: none; }
#leftnav li { margin: 0px; padding: 1px 0px; }
#leftnav li.last { margin: 0px; padding: 5px 0px; }
#leftnav h2,h3,p { margin: 0px 0px 5px 0px; padding: 0px; }
#leftnav .title { font-size: 13px; color: #25628E; text-decoration: none; line-height: 15px; margin: 0px; padding: 5px 2px; display: block !important; }
#leftnav .title:hover { text-decoration: none; list-style: none; display: block !important; background-color: #D3E4F5; }
#leftnav .searchbox { float: left; display: inline; background: url(images/leftsearchbox.gif) no-repeat top left; margin: 5px 0px 15px 0px; padding:0px; height: 24px; width: 146px; }
#leftnav .searchselect { font: normal 12px Arial, Helvetica, sans-serif; color: #4A8EC4; }
#leftnav .searchfield { display: inline; font: normal 12px Arial, Helvetica, sans-serif; color: #4A8EC4; padding: 0px; margin: 2px 0px 0px 6px; space: 0px; height: 16px; border-spacing: 0px; border: 0px solid #ffffff; }
#leftnav .searchbutton { margin: 0px 0px 0px 1px; border: 0px; }

#rightnav { float: left; display: inline; margin: 12px 0px 0px 20px; padding: 0px; width: 300px; }
#rightnav ul { margin: 0px 0px 0px 15px; padding: 0px; }
#rightnav li { margin: 0px; padding: 1px 0px; color: #0066CC; }
#rightnav li.last { margin: 0px; padding: 5px 0px; list-style: none; }
#rightnav p { margin-bottom: 15px; }

.articlelisting p.title { font-size: 15px; margin: 0px; padding-top: 10px; }
.articlelisting p.summary { margin: 4px 0px 0px 0px; line-height: 1.3; padding-bottom: 10px; }
.articlelisting p.summary .date { font-size: 11px; margin-right: 7px; }

.articlebody p {font-size:14px;padding-bottom:1.5em;line-height:1.5em;}
.articlebody a { color: #383838; text-decoration: none; }

.descriptionbox { margin-bottom: 10px; padding: 5px; background-color: #E2F0FC; border: 2px dotted #cfd0d1; width: 415px; }

#container { float: left; display: inline; margin: 0px; padding: 0px; text-align: left; }

#topadwide { float: left; margin: 12px 0px 0px 12px; padding: 0px; width: 745px}
#topadwide2 { float: left; margin: 12px 0px 0px 24px; padding: 0px; width: 745px}

#leftcontent { float: left; display: inline; margin: 12px 0px 0px 23px; padding: 0px; width: 594px; }
#fullcontent { float: left; display: inline; margin: 12px 21px; padding: 0px; width: 918px; }
#centercontent { float: left; display: inline; margin: 12px 0px 0px 12px; padding: 0px; width: 425px; }

#homecontent { float: left; display: inline; margin: 0px 0px 0px 12px; padding: 0px; width: 425px; border-top: 1px solid #AACBEE;}
#homecontent .headline { background: url(images/headline.gif) top left repeat-x; width: 403px; height: 20px; padding: 5px 10px; font: bold 16px arial,helvetica,sans-serif; border-left: 1px solid #AACBEE; border-right: 1px solid #AACBEE; }
#homecontent .headline a { font-size: 13px; }
#homecontent .subheadline { background: url(images/subheadline.gif) top left repeat-x; width: 403px; height: 25px; padding: 5px 10px; font: normal 16px arial,helvetica,sans-serif; border-left: 1px solid #AACBEE; border-right: 1px solid #AACBEE; }
#homecontent .shopping { float: left; display: inline; margin: 0px 20px 10px 20px; padding: 0px; width: 100px; text-align: center; }
#homecontent .shopping img { border: 0; margin: 0px 0px 5px 0px; padding: 0px; }

#random { float: left; display: inline; background: url(images/random/random.jpg) no-repeat top left; margin: 0px 0px 0px 11px; padding: 0px; width: 606px; height: 200px; text-align: right; }

#quicklinks { float: left; display: inline; margin: 0px 0px 0px 15px; padding: 10px; width: 169px; }
#quicklinks .category a { font: bold 13px arial,helvetica,sans-serif; color: 000000; }
#quicklinks .keyword a { font: normal 12px arial,helvetica,sans-serif; color: 000000; }

#admincontent { float: left; display: inline; margin: 12px 0px 0px 13px; padding: 0px; width: 745px; }
#admincontent .c0 { background-color: #C6E1F9; }
#admincontent .c1 { background-color: #F6FAFD; }
#admincontent .c2 { background-color: #EDF6FD; }
#admincontent .c3 { background-color: #E2F0FC; }
#admincontent .c4 { background-color: #67B0ED; }
#admincontent td { padding: 3px; }
#admincontent .recipeitems { float:left; display:inline; margin:0px; padding:5px; width:115px;}

#adminnav { float: left; margin: 15px 10px 0px 10px; width: 150px; }

#logout { margin: 0px 15px; padding: 4px 0px 0px 0px; width: 928px; height: 26px; border: 1px solid #367EBA; background-color: #C0DDF5; float: left; display: inline; }

#ads { float: left; display: inline; margin: 0px 0px 15px 1px; width: 170px; text-align: center; font: normal small-caps 12px Arial, Helvetica, sans-serif; }

#results {width: 100%; margin: 10px 0px;}
#results .title {font-weight: bold; font-size: 13px;}
#results .description {font-size: 12px; }
#results .url {font-size: 11px; color: #008000;}

#paging { width: 100%; margin-bottom: 10px; color: #777777;}
#paging .showing { float: left; }
#paging .pagelinks { float: right; }
#paging .pagelinks ul { display: inline; }
#paging .pagelinks li { display: inline; padding: 0px 3px; }
#paging .pagelinks li a { text-decoration: none; }
#paging .pagelinks li a:hover { text-decoration: underline; }


#footer { float: left; display: inline; width: 960px; height: 30px; margin: 0px; padding: 3px; font-size: 11px; color: #BED8EB; text-align: center; }
#footer a:link { color: #FFFFFF; color: #FFFFFF; text-decoration: none; }
#footer a:visited { color: #FFFFFF; text-decoration: none; }
#footer a:active { color: #FFFFFF; text-decoration: none; }
#footer a:hover { color: #FFFFFF; text-decoration: underline; }


.disclaimer { font-size: 11px; color: #777777; }
.error { font-size: 12px; color: #CC0000; }
.ast { font-size: 11px; color:#FF2A18; font-weight: 700;}
.underline { margin: 0px; padding: 0px 4px; display: block !important; border-bottom: 1px solid #5A9BCF; }
.blue { color: #25628E; }
.orange { color: #DD6900; } /* #DD6900 #FF6600 */
.red { color: #CC0000; }
.gray { color: #777777; }
.white { color: #FFFFFF; }
.dotted { border-bottom: 1px dotted #367EBA; padding-bottom: 2px; }
.dotted2 { border-bottom: 2px dotted #AACBEE; padding-bottom: 2px; }
.bold { font-weight: bold; }
.signup p { clear: left; margin: 7px 0px; }
.signup label { font-weight: bold; float: left; width: 125px; margin-bottom: 10px; padding-right: 10px; padding-top: 5px;}
.amazon td { padding: 10px; border-bottom: 2px dotted #AACBEE; }
.readonly { background: #EEEEEE; }
.clear { clear: both; }


#login { float: left; display: inline; margin: 20px 14px 0px 0px; padding: 0px; width: 300px; }
#login p { clear: left; margin: 7px 0px; }
#login label { font-weight: bold; float: left; width: 65px; margin-bottom: 10px; padding-right: 10px; padding-top: 5px;}
#notregistered { float: right; display: inline; background: url(images/notregistered.jpg) no-repeat top left; margin: 40px 0px 0px 0px; padding: 0px; height: 225px; width: 600px; }
#notregistered .text { float: right; display: inline; margin: 10px 15px 0px 0px; padding: 0px; height: 215px; width: 300px; }

/* Home page news */
.newstabs { padding: 3px 0; margin: 0px; margin-bottom: 0; list-style-type: none; text-align: left; background: url(images/subheadline.gif) top left repeat-x; border-right: 1px solid #AACBEE;}
.newstabs li { display: inline; margin: 0; }
.newstabs li a { font: normal 16px arial,helvetica,sans-serif; text-decoration: none; padding: 3px 10px; margin-right: 3px; border-left: 1px solid #AACBEE; border-right: 1px solid #AACBEE; border-top: 1px solid #AACBEE; background: white url(images/shade.gif) top left repeat-x; }
.newstabs li a:visited { text-decoration: none;}
.newstabs li a:hover { text-decoration: none; }
.newstabs li.selected { position: relative; top: 1px; }
.newstabs li.selected a { color: #363636; background-image: url(images/subheadline.gif); }
.newstabs li.selected a:hover { text-decoration: none; }
.news { border-top: 1px solid #AACBEE; width: 409px; min-height: 120px; margin-bottom: 1em; padding: 7px; }
.news ul { margin: 0px; padding: 0px 0px 0px 20px; }
.news li { margin: 0px; padding: 1px 0px; }

/* Home page slideshow */
.contentslide { margin: 0px 0px 0px 11px; padding: 0px; width: 606px; height: 165px; background:#fff; }
.contentslide .opacitylayer { width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.contentslide .contentdiv { display: none; }
.pagination { width: 586px; height: 15px; text-align: right; margin: 0px 0px 0px 11px; padding: 10px; background: url(images/pagination.gif) top left repeat-x; border-bottom: 5px solid #FFFFFF; }
.pagination a { padding: 2px 7px; text-decoration: none;  background-color: white; }
.pagination a:hover, .pagination a.selected { color: #000; background-color: #FEE496; }

#bmichart { float: right; width: 200px; margin: 10px 0px 5px 5px; padding: 5px; line-height: 18px; border-top: 5px solid #FF7D00; border-bottom: 1px solid gray; border-left: 1px solid gray; border-right: 1px solid gray; }
#bmichart .bmiselected { font-weight: bold; color: #cc0000; }


#test { top:125px; left:0; width:606px; height:30px; background:#fff; padding:5px; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; opacity:0.8; }
#test a { position:relative; }

#today { position:relative; width:606px; height:165px; margin:0; overflow:hidden; }
#today .titlebox { position:absolute; top:125px; left:0; width:606px; height:30px; background:#fff; padding:5px; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; opacity:0.8; }
#today .title { position:absolute; top:125px; left:0; width:606px; height:30px; background:transparent; padding:5px; text-decoration: none; }
#today .title h1 { margin:0px 5px 0px 155px; }
#today .title a { text-decoration:none; }

#featured { position:relative; width:425px; height:250px; margin:0; overflow:hidden; }
#featured .titlebox { position:absolute; top:210px; left:0; width:425px; height:30px; background:#fff; padding:5px; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; opacity:0.8; }
#featured .title { position:absolute; top:210px; left:0; width:425px; height:30px; background:transparent; padding:5px; text-decoration: none; }
#featured .title h1 { margin: 0px;  }
#featured .title a { text-decoration: none; }