/* Master Style Sheet for petoskeynews.net redesign - Fall '07 */

/* Colors Reference:
Prime Green: #3d8c82, Md Green: #26564f, Dk Green: #0f211e 
Lt Red: #9c0034, Dk Red: #43001c
Pale Grey: #f2f2f2; Lt Grey: #e6e6e6, Mid Grey: #ccc, Dk Grey: #777

Mid Green Grad: #3d8c82 -> #26564f
Dk Green MO Grad: #26564f -> #0f211e
Red Gradient: 9c0034 -> #43001c
Mid Gray Grad: #e6e6e6 -> #ccc
*/

/* Measurements Reference:
Main Container Dimensions: 984px wide
Header Dimensions: 964x90;
Header Leaderboard: 728x90;
Header Weather: 226x90, left: 748px; border: 1px solid #ccc; background: #fff;
Header Weather Ad: 160x60: position: absolute; left: 60px; top: 24px; 
*/


/* Core Styles: */
body { margin: 0px; padding: 0px; background: #eee; min-width: 985px; }
a {color: #9c0034; text-decoration: none; }
a:link, a:active, a:visited { color: #9c0034; text-decoration: none; }
a:hover {color: #43001c; text-decoration: underline; }
a img {border: none; }
#Container { width: 985px; text-align: left; margin: auto; position: relative; overflow: visible; background: #fff; margin-bottom: 120px; }
.clr {clear: both; display: block; height: 1px; overflow: hidden; background: #fff;  }
.gry5px {display: block; height: 10px; overflow: hidden; background: #fff url(http://www.petoskeynews.net/ui/gry5px.png) left center repeat-x; margin: 10px 0 5px 0;}

/* Header Styles */
#Top { position: relative; margin: 0px; width: 985px;  overflow: hidden; }
#TopLB, #TopWeather, #TopMasthead, #TopRect {float: left; display: inline; margin: 10px 0 0 10px; overflow: hidden; background: #eee; }
#TopLB { width: 728px; height: 90px; }
#TopWeather {width: 227px; height: 90px; }
#TopMasthead {width: 965px; height: 150px; overflow: hidden; }
#TopRect { width: 180px; height: 150px; }

/* Main Styles */
#Main {position: relative; margin: 0px; width: 985px; overflow: visible; }
#LeftRail, #CenterRail, #RightRail, #FullRail {float: left; display: inline; margin: 10px 0 0 10px; overflow: visible; background: #fff; }
#LeftRail {width: 145px; background: #f2f2f2; }
#CenterRail {width: 620px; }
#RightRail { width: 180px; background: #f2f2f2; }
#FullRail {width: 965px; }

/* Footer Styles */
#BottomLB, #BottomStatus, #Footer {position: relative; margin: 0px 10px; width: 965px; overflow: hidden; }
#BottomLB {height: 60px; background: #fff url(http://www.petoskeynews.net/ui/gry120px.png) repeat-x; }
#BottomLBAd {position: absolute; width: 728px; height: 140px; overflow: visible; top: 10px; left: 118px; }
	
#BottomStatus {height: 30px; background: #fff url(http://www.petoskeynews.net/ui/grn1.png) repeat-x; }
#BSLinks {float: right; display: inline; }

#Footer {height: 150px; background: #fff url(http://www.petoskeynews.net/ui/gry90px.png) top repeat-x; }
#Footer a, #Footer a:link, #Footer a:active, #Footer a:visited {font-weight: bold; color: #3d8c82; }
#Footer a:hover {text-decoration: underline; color: #26564f; } 

/* Print Styles */
body#print { margin: 10px; padding: 0px; background: #fff; }
.PrintContainer {margin: auto; position: relative; overflow: visible; background: #fff; width: 760px;}
.PrintArticle {}
.PrintArticle a {text-decoration: underline; }
.PrintArticle a:link:after {content: " (" attr(href) ") "; }
.PrintImage {float: right; margin-left: 10px; display: inline; text-align: left; width: 400px; }

/* Text Styling */
.ver16b {font: bold 16px/130% "Verdana", "Arial", sans-serif; color: #fff; }
.ver14b {font: bold 14px/130% "Verdana", "Arial", sans-serif; color: #fff; }
.ver13b {font: bold 13px/130% "Verdana", "Arial", sans-serif; color: #fff; }
.ver13n {font: normal 13px/130% "Verdana", "Arial", sans-serif; color: #fff; }
.ver12b {font: bold 12px/130% "Verdana", "Arial", sans-serif; color: #fff; }

.ver12n {font: normal 12px/130% "Verdana", "Arial", sans-serif; color: #777; }
.ver11n {font: normal 11px/130% "Verdana", "Arial", sans-serif; color: #777; }

.ari16b {font: bold 16px/130% "Arial", "Helvetica", sans-serif; color: #777; }
.ari14b {font: bold 14px/130% "Arial", "Helvetica", sans-serif; color: #777; }
.ari12b, .topjobs-text {font: bold 12px/130% "Arial", "Helvetica", sans-serif; color: #777; }
.ari12n {font: normal 12px/130% "Arial", "Helvetica", sans-serif; color: #777; }
.ari11n,  blockquote {font: normal 11px/120% "Arial", "Helvetica", sans-serif; color: #777; }

.cccc {color: #ccc; }
.c777 {color: #777; }
.c000 {color: #000; }


.topjobs-text {display: block; padding: 3px; border-bottom: 1px solid #e6e6e6; }

/* Nav Bars */
ul.rss-list {margin: 0; padding: 0; display: inline; }
ul.news {margin: 0; padding: 0; text-align: left; }
ul.news li { list-style: none; margin: 4px 0px; display: block; list-style-position: outside; }
ul.news li blockquote { margin: 5px 0px 15px 0px;  }

ul.nav {margin: 0; padding: 6px 0px 6px 0px; text-align: center; }
ul.nav li { list-style: none; margin: 0; display: inline; }
ul.nav li a { padding: 6px 7px 6px 7px; margin: 0px 0px; text-decoration: none; }
ul.nav li a:hover { color: #ffa; }

ul.grn li a:visited, ul.red li a:visited {color: #fff}

ul.grn {background: #26564f url(http://www.petoskeynews.net/ui/grn1.png) repeat-x;}
ul.grn li a {background: #26564f url(http://www.petoskeynews.net/ui/grn1.png) repeat-x; color: #fff;}
ul.grn li a:hover { background: #26564f url(http://www.petoskeynews.net/ui/grn2.png) repeat-x; color: #ffa; }

ul.red {background: #43001c url(http://www.petoskeynews.net/ui/red1.png) repeat-x;}
ul.red li a {background: #43001c url(http://www.petoskeynews.net/ui/red1.png) repeat-x; color: #fff;}
ul.red li a:hover { background: #43001c url(http://www.petoskeynews.net/ui/red2.png) repeat-x; color: #ffa; }

ul.gry {background: #fff url(http://www.petoskeynews.net/ui/gry1.png) repeat-x;}
ul.gry li a {background: #fff url(http://www.petoskeynews.net/ui/gry1.png) repeat-x; color: #9c0034;}
ul.gry li a:hover { background: #fff url(http://www.petoskeynews.net/ui/gry2.png) repeat-x; color: #43001c; }

ul.button {margin: 0; padding: 5px 0px; text-align: left; }
ul.button li { list-style: none; margin: 5px 4px; display: inline; float: left; }
ul.button li a { margin: 0px; text-decoration: none; width: 137px; height: 103px; overflow: hidden; }
ul.button li a:hover {}
ul.button li img { border: 1px solid #ccc;}

ul.topblogs-list { margin: 0px; padding: 0px; }



/* Misc. Alignments and Margins */
ul.center, div.center {text-align: center; }
ul.left, div.left {text-align: left; }
ul.right, div.right {text-align: right; }
ul.bm10, div.bm10 {margin-bottom: 10px; }
ul.tm10, div.tm10, li.tm10 {margin-top: 10px; }
ul.lm10, div.lm10 {margin-left: 10px; }
ul.p10, div.p10 {padding: 10px; }
.m5 {margin: 5px 0px; }
.bm5 {margin-bottom: 5px; }
.vmid10 {vertical-align: middle; margin-right: 10px; }

/* Weather */
.WBox {position: relative; border: 1px solid #ccc; background: #fff; height: 88px; overflow: hidden;}  
.WInfo, .WTitle, .WAd {position: absolute; top: 3px; left: 170px; width: 48px; height: 82px; overflow: hidden; }
.WTitle {top: 3px; left: 5px; width: 160px; height: 20px;}
.WAd {top: 22px; left: 5px; width: 160px; height: 60px; }

/* Masthead */
#HMBox {position: relative; height: 118px; overflow: hidden; border: 1px solid #3d8c82; background: #fff url(http://www.petoskeynews.net/ui/gry120px.png) repeat-x; }
.HMLogo {position: absolute; top: 10px; left: 8px; width: 440px; height: 80px; }
.HMInfo {position: absolute; top: 90px; left: 12px; width: 426px; }

/* Search Tabs and Special Tabs */
.HMSearch {position: absolute; top: 0px; left: 443px; width: 520px; height: 110px; overflow: hidden; }
.tabberlive .tabbertabhide { display:none; }

ul.tabbernav { margin:0; padding: 2px 0; font: bold 10px Verdana, sans-serif; text-align: right; }
ul.tabbernav li { list-style: none; margin: 0; display: inline; }
ul.tabbernav li a { padding: 2px 4px 3px 4px; margin-left: 4px; background: #3d8c82 url(http://www.petoskeynews.net/ui/grn1.png) repeat-x; text-decoration: none; }

ul.tabbernav li a:link, ul.tabbernav li a:visited { color: #fff; }
ul.tabbernav li a:hover { color: #ffa; background: #26564f url(http://www.petoskeynews.net/ui/grn2.png) repeat-x; }

ul.tabbernav li.tabberactive a { background: #26564f url(http://www.petoskeynews.net/ui/grn2.png) repeat-x; }
ul.tabbernav li.tabberactive a:hover { color: #ffa; background: #26564f; }

.HMSearch .tabberlive .tabbertab { text-align: center; height: 118px; overflow: hidden; }
.tabberlive .tabbertab h2, .tabberlive .tabbertab h3, .tabberlive .phnav, .tabbertab h2 { display:none; } /* Hide Headings*/


.SpecialTabs ul.tabbernav {background: none; text-align: left; font: bold 13px/130% "Verdana", "Arial", sans-serif; margin: 0; padding: 6px 0px; border-bottom: 1px solid #ccc;}
.SpecialTabs ul.tabbernav li a {background: #fff url(http://www.petoskeynews.net/ui/gry1.png) repeat-x; border: 1px solid #ccc; padding: 6px 7px; margin: 0px 2px; color: #9c0034;}
.SpecialTabs ul.tabbernav li a:link, .SpecialTabs ul.tabbernav li a:visited  {color: #9c0034; }
.SpecialTabs ul.tabbernav li a:hover { background: #fff url(http://www.petoskeynews.net/ui/gry2.png) repeat-x; color: #43001c; }
.SpecialTabs ul.tabbernav li.tabberactive a { background: #43001c url(http://www.petoskeynews.net/ui/red1.png) repeat-x; color: #fff; border-bottom:1px solid #43001c;}
.SpecialTabs ul.tabbernav li.tabberactive a:hover { color: #ffa; background: #43001c url(http://www.petoskeynews.net/ui/red2.png) repeat-x;  }

.SpecialTabs .tabberlive .tabbertab { padding: 10px; border:1px solid #ccc; border-top: 0; overflow: hidden; background: #fff; text-align: left;} 

/* Form Fields */
.searchform {margin: 3px 0px 3px 0px;} 
.searchfield, .searchbutton {border: 1px solid #ccc; background: #f2f2f2 url(http://www.petoskeynews.net/ui/gry1.png) bottom repeat-x; font: normal 13px/130% "Verdana", "Arial", sans-serif; color: #43001c; margin-bottom: 4px; }
.searchfield {/* padding: 4px; */}
.searchbutton {/*padding: 3px 5px;*/  }
.searchbutton option {background: none; border: none;}

/* Left & Right Rail Styles */
.RRSky {width: 160px; margin: 10px; }
.LRBox { border: 1px solid #ccc; text-align: center; padding: 4px; }
.LRI { border: 1px solid #ccc; text-align: center; background: #fff; min-height: 50px; overflow: hidden; }
.poll-default-table, .poll-default-question { font: normal 12px/130% "Arial", "Helvetica", sans-serif; color: #777; }
.poll-default-row1, .poll-default-row2, .poll-default-question {text-align: left; }
.poll-default-view {display:block; text-align: center; padding: 5px;}


/* Center Rail Styles */
.Breaking { border: 1px solid #9c0034; background: #fff8eb; text-align: center; height: 100%; }
.BLabel { padding: 3px; background: #43001c url(http://www.petoskeynews.net/ui/red50px.png) top left repeat-x; }
.BNews { padding: 1px 5px; color: #9c0034; }
.BNews p {margin: 5px 0px; } 
.Col360, .Col250, .Col305 {float: left; display: inline; width: 360px; }
.Col250 {width: 250px; }
.Col305 {width: 305px; }

/* News Article and Comments Styling */
.newshead { font: bold 20px/130% Arial, Helvetica, sans-serif; color: #000; padding-bottom: 5px; border-bottom: 1px solid #ccc;}
.newsinstory { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
#usercomments {display: none; }
.simpleblog-results { margin-top: 10px; }
.simpleblog-results p {padding: 0; margin: 0; margin-top: 5px;}
.simpleblog-name, .simpleblog-form-label {font: bold 13px/130% "Arial", sans-serif; color: #9c0034; }
.simpleblog-response {font: normal 11px/130% "Arial", sans-serif; padding: 5px 10px; border-bottom: 1px solid #e7e7e7; }
.simpleblog-response + br {display: none; }
.simpleblog-form-block {margin: 5px 0px; }
.simpleblog-form-label {margin-bottom: 5px; display: block; } 
textarea#comments {display: block; width: 280px; height: 75px; overflow: hidden; }
.searchresults a {font-weight: bold; font-size: 14px; line-height: 160%; }

.simpleblog-form input, .simpleblog-form textarea {border: 1px solid #ccc; background: #fff url(http://www.petoskeynews.net/ui/gry1.png) bottom repeat-x; font: normal 11px/130% "Verdana", "Arial", sans-serif; color: #43001c; margin: 0 6px 6px 0; padding: 4px; }

/* Photo Gallery Styling */
.gallery-block {width: 150px; height: 260px; overflow: visible; float: left; display: inline; margin: 0px 10px 10px 0px; text-align: center; }
.gallery-title-block {font-size: 14px; margin: 5px 0px;}
.gallery-count-block {font-size: 11px; font-weight: normal; margin: 5px 0px;}
.gImg-showphoto, .gText-showphoto-cutline {margin-bottom: 10px; }
.gText-upload-default {margin: 10px 0px 5px 0px; } 
.gInput-upload, .gInput-upload-select, .gButton-upload-Submit {margin: 5px 0px; }

/* Reader Opinion Form */
.uaform label {display: block; margin: 5px 0px; }
.uaform input {display: block; margin: 5px 5px; }
.form-block {margin: 10px 0px;}


/* Classifieds AdMarket Styling */
.classmain {font: normal 14px/130% "Arial", "Helvetica", sans-serif; color: #333; overflow: visible; }
td.submit {text-align:center; }
.classmain form {margin: 5px 0px 5px 0px;} 
.classmain input, .classmain button, .classmain select {border: 1px solid #ccc; background: #f2f2f2 url(http://www.petoskeynews.net/ui/gry1.png) bottom repeat-x; font: normal 11px/130% "Verdana", "Arial", sans-serif; color: #43001c; margin-bottom: 6px; }
.classmain input {padding: 4px;}
.classmain button, .classmain select {padding: 3px 5px;}
.classmain option {background: none; border: none;}
.classmain hr {display: none; }
.classmain td, .classmain tr {padding: 0px; margin: 0px; }
.admarket-search-main {margin-bottom: 10px; }
.admarket-pager, .classmain p {font: bold 110%/150% "Verdana", "Arial", sans-serif; text-align: center; padding: 5px; margin-bottom: 5px; background: #e6e6e6 url(http://www.petoskeynews.net/ui/gry2.png) left bottom repeat-x; border: 1px solid #ccc;  }
.admarket-ad {padding: 10px; border: 1px solid #e6e6e6; background: url(http://www.petoskeynews.net/ui/gry1.png) left bottom repeat-x; text-align: left; margin: 0px; position: relative; }
.admarket-ad-number {display: none; }
.admarket-ad-text { }
.admarket-ad-extra {font-size: 90%; color: #777; } 
.classmain ul {margin: 0px; padding: 0px;}
.classmain li {margin: 3px 5px; padding: 3px; list-style-type: none; border: 1px solid #e6e6e6; background: url(http://www.petoskeynews.net/ui/gry1.png) left bottom repeat-x; text-align: center; }
.classmain li:hover {border: 1px solid #ccc; background: #e6e6e6 url(http://www.petoskeynews.net/ui/gry2.png) left bottom repeat-x;}
.classmain ul li a {font-weight: bold; }
.classmain ul li a:hover {text-decoration: none; }
.admarket-category-main-table a { font: bold 14px/130% "Arial", "Verdana", sans-serif; } 

/*New Foot*/
#crumbs, #footmap, #notice { margin: 0px 10px; }
#crumbs {position: relative; border: 1px solid #ccc; min-height: 20px; height: auto !important; height: 20px; background: #fff url(http://www.petoskeynews.net/ui/gry1.png) bottom repeat-x; padding: 4px 5px 1px 5px;}
#footmap {position: relative; border: 1px solid #ccc; min-height: 180px; height: auto !important; height: 180px; background: #fff url(http://www.petoskeynews.net/ui/gry120px.png) bottom repeat-x; border-top: none;}
#notice {padding: 5px;}
.w155 {display: inline; float: left; margin: 5px 0 10px 5px; width: 155px; }
.w155 ul {margin: 0; padding: 0; list-style-type: none; }
.clr {background: none;}
#footmap h4 {margin: 5px 0px; font-size: 13px; }
.fl {float: left; display: inline; }
.fr {float: right; display: inline; }

#specscroll { position:relative; margin: 0px 10px; border: 1px solid #ccc; background: #fff url(http://www.petoskeynews.net/ui/gry120px.png) bottom repeat-x; height: 140px;}
#specscroll h4 {margin: 5px;}

#spec{ overflow: hidden; width:875px; height: 103px; position: absolute; top: 30px; left: 45px;  }
#spec ul{ width: 4000px; list-style-type: none; margin: 0px; }
#spec li{ float: left; display: inline; margin:0 5px; cursor: pointer; height: 103px; }
#spec li a, a.prev, a.next { border: 1px solid #ccc; display: block; }
#spec li a:hover, a.prev:hover, a.next:hover { border: 1px solid #444; }

.arr {width: 30px; height: 90px; overflow: hidden; position: absolute;}

/* New Form Fields */
.searchform {margin: 0px;}
input, select, textarea, button {border: 1px solid #ccc; background: #f2f2f2 url(http://www.petoskeynews.net/ui/gry1.png) bottom repeat-x; }
input:hover, select:hover, button:hover, textarea:hover {border: 1px solid #777;}
textarea {background: #fff url(http://www.petoskeynews.net/ui/gry120px.png) bottom repeat-x; }

a.fakebutton {border: 1px solid #ccc; background: #f2f2f2 url(http://www.petoskeynews.net/ui/gry1.png) bottom repeat-x; font: normal 11px/130% Arial, sans-serif; color: #43001c; padding: 3px 5px; } 
a.fakebutton:hover {text-decoration: none; border: 1px solid #777;}

/* New Search Tabs */
#SearchTabs {display: none; }
.ui-tabs-hide { display: none }
.ui-tabs-nav, .ui-tabs-panel {font: normal 12px/130% Verdana, Arial, sans-serif; color: #000; }
.ui-tabs-nav {list-style: none; margin: 0; padding: 0; }
.ui-tabs-nav li { display: inline; list-style: none;}
.ui-tabs-nav a { padding: 2px 4px 3px 4px; background: #3d8c82 url(http://www.petoskeynews.net/ui/grn1.png) repeat-x; text-decoration: none; }
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {color: #fff; }

.ui-tabs-nav a:hover { color: #ffa; background: #26564f url(http://www.petoskeynews.net/ui/grn2.png) repeat-x; }
.ui-tabs-nav .ui-tabs-selected a { background: #26564f url(http://www.petoskeynews.net/ui/grn2.png) repeat-x; }
.ui-tabs-nav .ui-tabs-selected a:hover {color: #ffa; background: #26564f;}

.ui-tabs-panel { padding: 5px 5px 5px 5px; text-align: center; }

.nsform {margin: 5px 0px 10px 0px;}
ul.newtabs { margin:0; padding: 2px 0px 3px 0px; font: bold 10px Verdana, sans-serif; float: right; }


#financialcontent_townnews_ad {display: none; }

/* Tooltips */
#tooltip { position: absolute; z-index: 3000; border: 1px solid #43001c; background: #fff url(http://www.petoskeynews.net/ui/gry1.png) bottom repeat-x; width: 200px; opacity: 0.95; padding: 4px; }
#tooltip h3 {color: #000; font: bold 13px/130% Arial, sans-serif; margin: 4px; }
#tooltip div { color: #444; font: normal 12px/130% Arial, sans-serif; margin: 4px; }