/* menu toolbar */
.menu {
position:fixed;
top:0px;
left:0px;
}
.menu img {
border:0px;
width:70px;
height:30px;
}
.menu ul { 
list-style-type:none;
display:inline; 
padding: 0px;
margin:0px; /* needed to left align in IE */
}
.menu ul li {
display:inline;
padding-right:0px;
}
.menu ul li a {
color:#FFFFFF;
}
.menu ul li a:hover {
color:#006600;
}
.menu ul li a:hover img{
width:70px;
height:30px;
}
/*Filter Tabs*/
.filtertabs {
margin:0 0 0 0px;
padding: 0 0 0 12px;
background-color:#CC0000;
background-image:url(/images/mainbotsearch.gif);
background-position:left top;
background-repeat:no-repeat;
}
   /*return tabs outside of border div -- try that Chris */
.filtertabs img 
{
    margin-top:8px;
border:0px;
width:70px;
height:31px;
}
.filtertabs ul{ 
list-style-type:none;
display:inline; 
padding: 0;
margin:0px; /* needed to left align in IE */
}
.filtertabs ul li {
display:inline;
padding:0px;
}
.filtertabs ul li a 
{
    padding:0px;
color:#FFFFFF;
}
.filtertabs ul li a:hover {
color:#006600;
}
.filtertabs ul li a:hover img{
width:70px;
height:31px;
}
.filterback
{
width:739px;
clear:left;
background: url('/images/mainbacksearch.gif');
background-repeat:repeat-y;
}
.filterbot 
{
}
.filtertop 
{
    background: url('/images/maintopsearch.gif');
background-repeat:no-repeat;
    	  padding: 7px 18px 0px 16px;
}
/*General Stuff*/
a {text-decoration: none; color:#cc0000;}
a img{border:none;}
a:hover {color:#000000;}
.norecordsmessage {
  font-size: 12pt;
  color:#767676;
}
.formlabel{
	font-size: 9pt;
	font-weight: bold;
}
#storyframe {
	clear:left;
}
#comments {
clear:both;
}
#framefunction {
float:right;
margin-right:20px;
}
.alertgood {
	text-align: center;
	border-top: 1px solid #9c9;
	border-bottom: 1px solid #9c9;
	padding: 5px 5px 5px 10px;
	margin:5px 0px 5px 0px;
	font-size: 11px;
	color: #060;
	background-color: #E2F9E3;
}

.alertbad {
	text-align: center;
	padding: 5px 5px 5px 5px;
	font-size: 8pt;
	margin: 0px 5px 5px 5px;
	color: #c00;
}
.button {
  font-size        : 11px;
  color            : #333333;
  border           : 1px solid #999999;
  margin-bottom    : 5px;
  background-color : #EDEDED;
  padding          : 1px;
}
.btn {
  text-decoration:underline;
  cursor:pointer;
}
/* Search styles */
/*.searchbox{
	font-size:8pt;
	height:12px;
	width:200px;	
} 
#searchdiv{
 margin:1px 0px 2px 2px;
}- can be deleted */
/* End Search styles */

.validerror {
  font-size: 80%;
  color: Red;
}
body {
  color            : #000000;
  background-color : #FFFFFF;
  background-image: url("/images/storiesbackground.gif");
  background-position :left;
  background-repeat:repeat-y;  
  font-family:arial, sans-serif;
  font-size: 12px;
  margin:0px;
  height: 100%;
  position:relative;
  }
  html 
  {
  height: 100%;
  margin:0px;
  }

/* Stories pages styles */  
#leftcol {width: 740px;
	float:left;
	clear:left;}
#stories 
{
	clear:left;
	width:740px;
}
.headline a {
color: #CC0000;
}
.headline a:hover {
color: #000000;
}
.headline {
font-weight:bold;
font-size : 15px;
text-decoration:none;
width:526px;
padding: 0 0 4px 0px;
margin-left: 8px;
}
/*tags code is moved to story filter*/
#stories a:hover {
color:#000000;
}
.singlestories {
width:740px;
}
.singlestoriesmeta {
float:right;
width:180px;
color: #000000;
margin-top:4px;
font-size: 11px;
}
.submitteduser {
font-weight:bold;
text-decoration:none;
}
.singlestoriesclear {
clear:both; 
height:0px;
line-height: 0; /*so IE doesn't give div height */
}
.synopsis {
width:526px;
margin-left:2px;
}
.copywrite
{
 text-align:center;
 margin: 3px auto 3px auto;
}
acronym{text-decoration:none;}
span.commentbox{float:left;padding:6px 0px 0px 0px;border-bottom:1px solid #CCC;width:700px;}
div.commentbox{padding-top:6px;}
.commentbox div.commentheader{padding-top:6px;}
#framefunction{background-color:#FFFFFF;}
.commentmeta{float:right;color:#808080;}
.storytools{color:#000000;font-weight:normal; width:165px;}
.mintbutton {float:left; width:50px; margin:0px;}
.prepbutton {float:left; width:55px; margin:0px;}
.approvebutton{float:left;}
.delbutton {float:left;}
.editbutton {float:left;clear:left;}
.emailbutton{float:left; padding-top:2px;}
.emailbutton input {padding-left:1px;}
.submittedby{float:left;clear:left;width:100%;}
.separator{float:left;margin-left:2px;margin-right:2px;}
.buttons{width:165px;}
.buttons a {width:55px;display:block;float:left;text-align:right;}
.buttons img {padding-left:3px;padding-right:2px;}
.deactivate{line-height:0;}
.submitted{}
.storytools .commentlink{}

.rightstuff a { color:#CC0000;}
.rightstuff a:hover {color:#000000;}
#rockhammer {padding-left: 37px;}
div.rightstuff {
	width: 210px;
	position: fixed;
	top: 0px;
	left: 760px;
}
/* fix for IE 6 and under not supporting fixed positioning */
* html div.rightstuff {position:absolute;}
	div.prof {
  background: url('/images/rightstuff/rightstuffbackbotlef.gif') no-repeat bottom left;	
	}
div.prof div div {
    background: url('/images/rightstuff/rightstuffbacktoplef.gif') no-repeat top left;

}
div.prof div {
  background: url('/images/rightstuff/rightstuffbackbotrig.gif') no-repeat bottom right;
}
div.prof div div div {
    background: url('/images/rightstuff/rightstuffbacktoprig.gif') no-repeat top right;
	  padding: 2px 12px 12px 8px;
	  text-align:left;
	  font-size:12px;
}
.prof h2 {margin:0px;
	padding:2px 0 0 6px;
	color:#ffffff;
	font-size: 18px;
	text-align:left;}
.prof #avatar
{ padding: 0px 4px 0 0px;
	float:left;}
#rolelabel {font-weight:bold;}
	
div.prof div div div div {
padding: 0px;
background:none;
}

/* Hides from IE5-mac \*/
* html .prof {height: 1%;}
* html .prof div {height: 1%;}
* html .prof div div {height: 1%;}
* html .prof div div div {height: 1%;}
* html.prof div div div div {height: 1%;}
/* End hide from IE5-mac */

 div.singlestories {
  background: url('/images/singlestories-botlef.gif') no-repeat bottom left;

}
 div.singlestories div div {
    background: url('/images/singlestories-toplef.gif') no-repeat top left;

}
 div.singlestories div {
  background: url('/images/singlestories-botrig.gif') no-repeat bottom right;
}
 div.singlestories div div div {
    background: url('/images/singlestories-toprig.gif') no-repeat top right;
	  padding: 4px 10px 10px 6px;
}
/* Hides from IE5-mac \*/
* html .singlestories {height: 1%;}
* html .singlestories div {height: 1%;}
* html .singlestories div div {height: 1%;}
* html .singlestories div div div {height: 1%;}
* html .singlestories div div div div {height: 1%; }
/* End hide from IE5-mac */

 div.singlestories div div div div {
padding: 0px;
background:none;
}
/* End Stories Page Style */
 
iframe {background-color:#FFF;
    }
.section{
	background-color:#FFFFFF;
	margin-bottom:20px;
	border:1px solid #CCCCCC;
}
.sectionhead{
	border-bottom: 1px solid #999999;
	background: transparent url(/images/back.gif);
	background-color: #EDEDED;
	color: #333333;
	padding: 2px 2px 2px 2px;
	text-align:center;
	font-weight:bold;
}
.sectioncontent{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	text-align:center;
}
.logo {float:left;width:400px;height:70px;background:url(/images/preppermintlogoold.gif) no-repeat;margin-top:16px;}
* html .logo {margin-top:0px;}
#dialog { 
border: 1px solid #cccccc; 
margin: 60px auto 20px; width: 50%; 
background-color: #ffffff; 
padding: 5px 0px 5px 0px; 
}
div#help {clear:left;
padding-top: 25px;
padding-left: 10px;
color:#000000;
width: 700px;}
.submitteduser a {color:#CC0000;}


/*admin pages*/
.mainback 
{
width:739px;
clear:left;
background: url('/images/mainback.gif');
background-repeat:repeat-y;
}
.mainbot 
{
    background: url('/images/mainbot.gif');
background-repeat:no-repeat;
    	  background-position:bottom left;
}
.maintop 
{
    background: url('/images/maintop.gif');
background-repeat:no-repeat;
    	  padding: 10px 18px 18px 16px;
}
.main 
{
width:740px;
clear:left;
background: url('/images/mainback.gif');
background-repeat:repeat-y;
}
.main div{
  background: url('/images/mainbotlef.gif') no-repeat bottom left;	
	}
.main div div {
  background: url('/images/mainbotrig.gif') no-repeat bottom right;
}
.main div div div {
    background: url('/images/maintoplef.gif') no-repeat top left;
}
.main div div div div {
    background: url('/images/maintoprig.gif') no-repeat top right;
	  padding: 10px 18px 18px 16px;
	  text-align:left;
}	
.main div div div div div {
background:none;
padding:0px;
}

.main h2 {
border-left:solid 4px #CC0000;
background:url('/images/titlebackground.jpg') repeat-y left;
font-size:16px;
font-weight:bold;
padding-left:6px;
padding-top:2px;
margin:3px 0px 2px 0px;
}
.main td {padding:0px;}

#inset {
background: url('/images/rightstuff/rightstuffbackmain.gif');
}

#inset div{
  background: url('/images/rightstuff/rightstuffbackbotlef.gif') no-repeat bottom left;	
	}
#inset div div div {
    background: url('/images/rightstuff/rightstuffbacktoplef.gif') no-repeat top left;
}
#inset div div {
  background: url('/images/rightstuff/rightstuffbackbotrig.gif') no-repeat bottom right;
}
#inset div div div div {
    background: url('/images/rightstuff/rightstuffbacktoprig.gif') no-repeat top right;
	  padding: 2px 12px 12px 8px;
	  text-align:left;
	  font-size:8px;
}
#inset div div div div div
{
    background:none;
}
.right h3, #inset h3 {margin:0px;
	padding:2px 0 0 6px;
	color:#FFFFFF;
	font-size: 18px;
	text-align:left;}
.clear {clear:both;}

.helptext{color:Green;font-size:7px;}


/* ManageUser.aspx */
#manageuser {margin-left:125px;width:450px;}
#userdetails {margin-left:125px;width:450px;}
.mutoolbar{color:#666;}
.mutoolbar{border-bottom:solid 1px #000;border-top:solid 1px #000;}
#avatarchange{float:left;clear:left;}
.hidden{display:none;}

/* Atlas specific */
.loadmsg{position:absolute;top:0px;right:0px;width:80px;height:20px;background-color:#CC0000;color:#fff;padding:1px 1px 1px 5px;border:solid 2px #fff;font-size:10px;font-weight:bold;}

/* footer */
.foot 
{
    float:left;
    clear:left;
    width:740px;
    margin-top:0px;
    color:#000;
    text-align:center;
}
.foot a{color:#fff;padding: 0 5px;}
.foot a:hover {color:#000;}
.foot span {color:#000;width:100%;text-align:center;}
  #default {background-image: none;
  background-color:#CC0000;}
/* Popup css */
  /* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 20em; /* ems so it will grow */
	background: url(/images/popup/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	z-index:5000;
}
.boxhead {
	background: url(/images/popup/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(/images/popup/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}
.boxbody {
	background: url(/images/popup/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}
.boxbody a {color:#990000;font-weight:bold;}
.boxbody a:hover {color:#000;}
p.framebreaker {width:460px;padding-left:100px;}
/* Story Paging */
.searchfilter{clear:left;width:740px;background-color:Blue;}
#pg2 {clear:left;float:left;}
.pages {font-size: 85%;float:right;margin-right:8px;}

.pages a {
  display: block;
  float: left;
  margin-right: 0.1em;
  margin-left: 2px;
  padding: 1px 1px 1px 1px;
  border: 1px solid #ccc;
}

.pages a:hover {
  border-color: #fff;
  color:#fff;
}

.pages a.nextprev {
  font-weight: bold;
  color:#ccc;
}

/*category filter*/
.fdrop{font-size:11px;}
/*div.searchbox {float:left; margin:0 6px 0 20px ;width:120px;} - no longer used - can be deleted */
#filters div {float:left;}
#topfunctionbar {clear:left;width:740px;color:#FFFFFF;}
#topfunctionbar input {width:120px;height:14px;}
#topfunctionbar .f input {width:30px;height:20px;}
#topfunctionbar .filtertext{padding-top:1px;}
#bottomfunctionbar {clear:left;width:740px;}
.catlabel {margin:0px 10px 0px 10px;}
#filterfields {clear:left;padding-top:10px;margin:0px;margin-bottom:20px;}
.submitstorynav {position:relative;z-index:0;}
* html #filterfields {padding-top:4px;}
#filterfields .apply {margin-left:0px;}
#filterfields img {vertical-align:middle;margin: 0 10px 0 3px;}
#searchcontainer{height:24px;overflow: hidden;width:740px;}
.searchtable{float:right;padding-right:36px;padding-top:2px;position:relative; z-index:1000;}
#SearchToolbar{float:left;vertical-align:bottom;line-height:24px;font-weight:bold; padding-top:0px;}
#SearchToolbar a{background:url(/images/downarrowboth.gif);background-repeat:no-repeat;background-position:top right;padding-right:4px;}
#SearchToolbar a:hover{background:url(/images/downarrowboth.gif);background-repeat:no-repeat;background-position:bottom right;}
.filtersection {width:740px;clear:both;padding-top:6px;}
#searchcontainer .searchsubmit {border:1px solid #CCC; margin-left:12px;}
.myaccountlink {font-weight:bold;}
/* categories son of suckerfish dropdown */

#nav a {
	display: block;
	width: 80px;
	height:16px;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	line-height:16px;
	
}
#nav a:hover 
{
   font-style:italic;
   font-weight:normal;
}

#nav li {
	float: left;
	width:80px;
	height:16px;
}
#nav li ul {
	position: absolute;
	width:80px;
	left: -999em;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li ul ul {
	margin: -16px 0 0 80px;
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	height:16px;
}
.submitstorynavul {position:relative;z-index:10;} /* z-index only works on siblings, so the two divs must be addressed using different identifiers than on the stories page - where they would pop through the cat filter animation */

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}
.nav {padding-top:6px;}
.tags {float:right;width:240px;}
.tags div {width:80px;height:16px;float:right;padding-left:0px;text-align:center;font-weight:bold;}
.showbiz a, .tags .showbiz{background:url(/images/categories/showbiz.gif); color:#269212;height:16px;}
.showbiz a.parent{background:url(/images/categories/showbizparent.gif);}
.showbiz a.parentside{background:url(/images/categories/showbizparentside.gif);}
.news a, .tags .news{background:url(/images/categories/news.gif);color:#000;height:16px;}
.news a.parent{background:url(/images/categories/newsparent.gif);}
.animals a, .tags .animals{background:url(/images/categories/animals.gif);color:#996633;height:16px;}
.funny a, .tags .funny{background:url(/images/categories/funny.gif);color:#FF0000;height:16px;}
.funny a.parent{background:url(/images/categories/funnyparent.gif);}
.crime a, .tags .crime{background:url(/images/categories/crime.gif);color:#F26722;height:16px;}
.crime a.parent{background:url(/images/categories/crimeparent.gif);}
.sports a, .tags .sports{background:url(/images/categories/sports.gif);color:#003399;height:16px;}
.tech a, .tags .tech{background:url(/images/categories/technology.gif);color:#999999;height:16px;}
.tech a.parent{background:url(/images/categories/technologyparent.gif);}
.video a, .tags .video{background:url(/images/categories/video.gif);color:#7C287D;height:16px;}

/*story pager*/
#storypagercontrol {margin-left:400px; padding:20px 0px;}
#storypagercontrol a {color: #fff;}
#storypagercontrol a:hover{color: #ccc;}
#storypagercontrol span{float:left;margin:0px 5px 0px 5px;font-size:16px;width:80px;}
#storypagercontrol ul {list-style-type: none;display:inline;float:left;padding:0px;margin:0px;}
#storypagercontrol li {float:left;}
#storypagercontrol li div {border:solid 1px #fff; margin:2px 2px 2px 2px; padding:1px 3px 1px 3px;}
#storypagercontrol .selectedpage {color:#000; border:solid 1px #000;}

/*single story*/
#singlestorydiv {
    clear:left;
width:740px;}
/* Popup Panels */
.overlay {
	position:absolute;
	display:block;
}
/** Tooltips styles **/
.tt {
	visibility:hidden;
	position:absolute;
	color:#CC0000;
	background-color:#FFF;
	padding:2px;
	border:2px solid #000;
	width:auto;
}
* html body.masked select {
	visibility:hidden;
}

* html div.panel-container select {
	visibility:inherit;
}

* html div.drag select {
	visibility:hidden;
}

* html div.hide-select select {
	visibility:hidden;
}

.mask {
    z-index:0;   
    display:none;
    position:absolute;
    top:0;
    left:0;
    background-color:#CCC;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    }
.mask[id]{ /* IE6 and below Can't See This */
    position:fixed;
}

.hide-scrollbars * {
	overflow:hidden;
}

.hide-scrollbars textarea, .hide-scrollbars select {
	overflow:hidden;
	display:none;
}

.show-scrollbars textarea, .show-scrollbars select {
	overflow:visible;
}

.panel-container {
	position:absolute;
	background-color:transparent;
	z-index:6;
	visibility:hidden;
	overflow:visible;
	width:auto;
}

.panel-container.matte {
	padding:3px;
	background-color:#FFF;
}

.panel-container.matte .underlay {
	display:none;
}

.panel-container.shadow {
	padding:0px;
	background-color:transparent;
}

.panel-container.shadow .underlay {
	visibility:inherit;
	position:absolute;
	background-color:#CCC;
	top:3px;left:3px;
	z-index:0;
	width:100%;
	height:100%;
    -moz-opacity: 0.7;
    opacity:.70;
    filter:alpha(opacity=70);
}

.panel {
	visibility:hidden;
	border-collapse:separate;
	position:relative;
	left:0px;top:0px;
	font:1em Arial;
	background-color:#FFF;
	border:1px solid #000;
	z-index:1;
	overflow:auto;
}

.panel .hd {
	background-color:#3d77cb;
	color:#FFF;
	font-size:1em;
	height:1em;
	border:1px solid #FFF;
	border-bottom:1px solid #000;
	font-weight:bold;
	overflow:hidden;
	padding:4px;
}

.panel .bd {
	overflow:hidden;
	padding:4px;
}

.panel .bd p {
	margin:0 0 1em;
}

.panel .close {
	position:absolute;
	top:5px;
	right:4px;
	z-index:6;
	height:12px;
	width:12px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	cursor:pointer;
	visibility:inherit;
}

.panel .close.nonsecure {background-image:url(/images/close12_1.gif);}
.panel .close.secure {background-image:url(/images/close12_1.gif);}

.panel .ft {
	padding:4px;
	overflow:hidden;
}

.simple-dialog .bd .icon {
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	margin-right:10px;
	float:left;
}

.dialog .ft, .simple-dialog .ft {
	padding-bottom:5px;
	padding-right:5px;
	text-align:right;
}

.dialog form, .simple-dialog form {
	margin:0;
}

.button-group button {
	font:100 76% verdana;
	text-decoration:none;
	background-color: #E4E4E4;
	color: #333;
	cursor: hand;
	vertical-align: middle;
	border: 2px solid #797979;
	border-top-color:#FFF;
	border-left-color:#FFF;
	margin:2px;
	padding:2px;
}

.button-group button.default {
	font-weight:bold;
}

.button-group button:hover, .button-group button.hover { 
	border:2px solid #90A029;
	background-color:#EBF09E;
	border-top-color:#FFF;
	border-left-color:#FFF;
}

.button-group button:active { 
	border:2px solid #E4E4E4;
	background-color:#BBB;
	border-top-color:#333;
	border-left-color:#333;
}

#MintPopupContents {visibility:hidden;}
#EmailFormContents {visibility:hidden;}

.panel-container.shadow .underlay {
	background-color:#999;
}

.panel {
	border:none;
	overflow:visible;
	background-color:transparent;
}

.panel .hd {
	padding:0;
	border:none;
	background:transparent url(/images/popup/aqua-hd-bg.gif);
	color:#000;
	height:22px;
	margin-left:7px;
	margin-right:7px;
	text-align:center;
	overflow:visible;
}

.panel .hd span {
	vertical-align:middle;
	line-height:22px;
}

.panel .close {
	top:3px;
	left:4px;
	height:18px;
	width:17px;
}

.panel .close.nonsecure {background-image:url(/images/popup/aqua-hd-close.gif);}
.panel .close.secure {background-image:url(/images/popup/aqua-hd-close.gif);}
.panel .close.nonsecure:hover {background-image:url(/images/popup/aqua-hd-close-over.gif);}
.panel .close.secure:hover {background-image:url(/images/popup/aqua-hd-close-over.gif);}
.panel .lt {
	width:7px;height:22px;
	top:0;left:0;
	background:transparent url(/images/popup/aqua-hd-lt.gif);
	position:absolute;
}

.panel .rt {
	width:7px;height:22px;
	top:0;right:0;
	background:transparent url(/images/popup/aqua-hd-rt.gif);
	position:absolute;
}

.panel .bd {
	overflow:hidden;
	padding:4px;
	border:1px solid #aeaeae;
	background-color:#FFF;
}

.panel .bd .instruct
{
  margin-left:auto; margin-right:auto;
  font-weight:bold;
  text-align:center;
}
.panel .bd .controls{
  margin-left:auto; margin-right:auto;
  text-align:center;
}
.panel .bd .controls input{
  margin-left:5px;
}
#Login1 { text-align:center;}