/* CSS Document */

label { display: inline-block; padding-right: 5px; }

body { 
	background: #FFF url('/images/watermark.gif') bottom right no-repeat;
	margin: 10px auto; 
	padding-bottom: 30px; 
	text-align:center;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
}

html.plain { 
	background-color: #EEE; 
	padding: 15px; 
	 
}
html.plain body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	background-color: #FFF;
	background-image: none;  
	border: #333 solid 2px; 
	padding: 15px; 
	text-align: left; 
}

.row2 { background: #FFFFFF url('/images/greyfade.png') top left repeat-x; }
.row1 {  }

.page { background-color: #FFF; }
h1, h2, h3, h4, h5 { font-size: 13px; }
h1 { font-size: 14px; }
h4, h5 { font-size: 11px; }
h4 { margin-bottom: 3px; margin-top: 0px; padding: 0px; }
p, td, div {
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 12px;
}
p { padding-top: 0px; margin-top: 0px; }
table { border-collapse: collapse; }

.coupon { border: #000000 dashed 1px; padding: 10px; margin-bottom: 10px; }
.coupon div.headline { font-weight: bold; padding-right: 3px; font-size: 100%; display: inline; }
.coupon div.body {	font-size: 95%; display: inline; padding-right: 3px; }
.coupon div.expires { display: inline; font-size: 80%; }
.coupon div.locationinfo { display: inline; font-size: 80%; }
.coupon div.footer { padding-top: 5px; margin-top: 5px; border-top: #CCCCCC dashed 1px; text-align: center; }

.cloud { line-height: 1.25em; text-align: center; }
.cloud span.xxxl, span.xxl, span.xl, span.l, span.m, span.s { padding-right: 15px; }
.cloud span.xxxl { font-size: 160%; color: #000; }
.cloud span.xxl { font-size: 145%; color: #222; }
.cloud span.xl { font-size: 130%; color: #444; }
.cloud span.l { font-size: 115%; color: #666; }
.cloud span.m { font-size: 100%; color: #888; }
.cloud span.s { font-size: 90%; color: #999999; }
.cloud a { }
.cloud a:hover { }

.submitbutton {
	cursor:pointer;
	border:none;
	outline: none;
	color:#FFF;
	font-size: 11px; 
	font-weight:bold;
	width: 130px;
	height: 25px;
	padding-bottom: 3px;
	background: #6983f3 url("/images/input.png") left top no-repeat;
	margin: 3px; 
}

div.yellow input.submitbutton ,div.yellow button.submitbutton { 
	cursor:pointer;
	border:none;
	outline: none;
	color:#FFF;
	font-size: 13px; 
	font-weight:bold;
	width: 99px;
	height: 25px;
	padding-bottom: 3px;
	background: transparent url("/images/input_yellow.png") left top no-repeat;
	margin: 3px; 
}

.med input.submitbutton { 
	width: 93px;
	background: #203aaa url("/images/input_med.png") left top no-repeat;
}


.toptitle { text-align: left; background: #FFFFFF url('/images/greyfade.png') top left repeat-x; border: #ccc solid 1px; padding: 4px; margin-bottom: 5px; }

.loading { display: block; color: #BBB; font-weight: bold; font-size: 90%; text-align: center; height: 55px; background: transparent url('/images/load.gif') bottom center no-repeat; margin-bottom: 15px; margin-top: 15px; }
.loading2 {  display: block; color: #BBB; font-weight: bold; font-size: 90%; text-align: center; height: 55px; background: #EEEEEE url('/images/loading_eee.gif') bottom center no-repeat; margin-bottom: 15px; margin-top: 15px; }
.frame { margin: 2px; padding: 2px; border: #ddd solid 1px; background-color: #fff; }

#notify { position: relative; margin-left: auto; margin-right: auto; text-align: center; top: 10px; width: 200px; background-color: #FFFF99; font-weight: bold; padding: 5px; }

#warning { text-align: right; }

#invitepeople { text-align: center; padding: 10px; }
#invite { text-align: center; margin-bottom: 10px; }
#invite input { font-size: 9pt; padding: 5px; }


#topline { width: 850px; margin-left: auto; margin-right: auto; height: 20px; color: #555; }
#topline div#left { text-align: left; float: left; width: 49%; font-size: 85%; }
#topline div#right { text-align: right; float: right; width: 50%; font-size: 85%; }

#contentright { float: right; width: 350px; margin-left: 30px; margin-bottom: 30px; }
#contentleft { float: left; width: 275px; padding-right: 40px; border-right: #CCC dashed 1px; }

#page { width: 880px; margin-left: auto; margin-right: auto; text-align:left; }
#page div#pageheader { width: 870px; height: 184px; background: transparent url('/images/header.png') top left no-repeat;}
#page div#pageheader div#logo { float: left; width: 200px; }
#page div#pageheader div#quicksearch { float: right; width: 300px; height: 72px; margin-right: 30px; text-align: right; margin-top: 35px; color: #eee; overflow: hidden; }
#page div#pageheader div#quicksearch input.field { width: 90px; font-size: 80%; padding: 2px; }
#page div#pageheader div#quicksearch input.button { 
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	background:url("/images/formbg.gif") repeat-x left top;
	font-size: 75%; padding: 2px; }

#page div#pageheader div#pagenav { float: right; width: 610px; margin: 0px; padding-bottom: 3px; }
#page div#pageheader div#pagenav ul { margin: 0px; padding: 0px; }
#page div#pageheader div#pagenav ul li { float: right; list-style: none; padding-left: 15px; }
#page div#pageheader div#pagenav ul li a { font-size: 105%; font-weight: bold; }
#page div#pageheader div#pagenav ul li a:hover { }

#page div#farleftcol { float: left; width: 150px; margin-right: 15px; margin-bottom: 15px;  margin-top: -25px; } /* 165px */

#subnav { float: left; width: 150px; min-height: 100px; margin-bottom: 10px; }
#subnav div.box { background: transparent url('/images/localbox_bg.png') top left repeat-y; padding-right: 1px; }
#subnav div.box div.boxtop { overflow: hidden; height: 10px; width: 150px; padding: 0px; margin: 0px; background-image: url('/images/localbox_top.png'); }
#subnav div.box div.title { float: left; width: 22px; height: 82px; background: transparent url('/images/localbox_title.png') top left no-repeat; }
#subnav div.box div.menu { margin-left: 22px; margin-right: 1px; }
#subnav div.box div.menu ul { margin: 0px; }
#subnav div.box div.menu ul li { padding-left: 10px; list-style: none; display: block; padding-top: 3px; padding-bottom: 3px; margin-bottom: 2px; background: transparent url('/images/localbox_li_bg.png') bottom left repeat-x; }
#subnav div.box div.menu ul li a { font-weight: bold; font-size: 90%; color: #660000; }
#subnav div.box div.menu ul li a:hover { color: #999; }
#subnav div.box div.boxbottom { overflow: hidden; height: 11px; width: 150px; background: transparent url('/images/localbox_bottom.png') top left no-repeat; }


#page div#farleftcol div#tip { border: #333 solid 1px; background: #FFFFCC; padding: 5px; margin-bottom: 15px; }
#page div#farleftcol div#tip h1 { margin: 0px; font-size: 105%; font-weight: bold; }
#page div#farleftcol div#tip div.body { padding: 5px; font-size: 85%; font-weight: bold; }
#page div#farleftcol div#homepagelink { margin-bottom: 15px; }
#page div#farleftcol div#pageleftad { margin-bottom: 15px; }
#page div#farleftcol div#pageleftad img { padding: 3px; border: #ccc solid 1px; }
#page div#farleftcol div#adsense { width: 150px; overflow: hidden; margin-top: 15px;  }

#page div#pagecontentwrapper { float: left; width: 705px; margin-top: -60px; margin-bottom: 20px; } /* 705px */
#page div#pagecontentwrapper div#pagecontent { width: 705px; overflow: hidden; }

#page div#adsensefooter { text-align: center; margin-bottom: 15px; }

#page div#pagefooter { clear: both; height: 50px; width: 870px; overflow: hidden; color: #555; background: transparent url('/images/footer_jan_2008c.gif') top left no-repeat; }
#page div#pagefooter div#footermirrornav { text-align: center; padding-top: 4px; }
#page div#pagefooter div#footermirrornav ul { margin: 0px; }
#page div#pagefooter div#footermirrornav ul li { list-style: none; display: inline; padding-right: 30px; }
#page div#pagefooter div#footermirrornav ul li a { color: #EEE; font-size: 9pt; font-weight: bold; }
#page div#pagefooter div#footermirrornav ul li a:hover { color: #555; }
#page div#pagefooter div#footernav { text-align: center; padding-top: 10px; }
#page div#pagefooter div#footernav ul { margin: 0px; }
#page div#pagefooter div#footernav ul li { list-style: none; display: inline; padding-right: 30px; }
#page div#pagefooter div#footernav ul li a { color: #777; font-size: 85%; }
#page div#pagefooter div#footernav ul li a:hover { color: #333; }

#composing { padding-top: 10px; }
#composing table { border-collapse:collapse; }
#composing table tr { }
#composing table tr td { border-bottom: #CCC solid 1px; padding: 3px; }

/* LINK */
a { text-decoration: none; color: #223cac; }
a:hover { color: #3399FF; position: relative; }

.smeditlink { padding-top: 5px; font-size: 85%; font-weight: bold; text-align: right; }
img { border: none; }

.header, .header1, .header2, .header3, .header4, .header5 {
	font-weight: bold;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	margin-top: 3px;
	
}

.header1, .header { color:  #ffffff; background: #ebf3fb url('/images/header_ltbl.png') top left; }
.header2 { color: #FFF; background: blue url('/images/header_dkbl.png') top left; }
.header3 { color: #FFF; background: red url('/images/header_dkrd.png') top left; }
.header4 { color: #FFF; background: green url('/images/header_dkgr.png') top left; }
.header5 { color: #FFF; background: yellow url('/images/header_ylw.png') top left; color: #FF9933; }

.poll_inactive, .poll_active, .poll_expired, .poll_suggested { border-bottom: #ccc solid 1px; }
.poll_suggested { background-color: #eee; color: #bbb; }
.poll_inactive { background-color: #fff; }
.poll_active { background-color: #FFFFCC; }
.poll_expired { background-color: #CCCCCC;}

div results { }
div.results div.result { float: left; width: 100%; background-color: #eee; border-bottom: #ccc solid 1px; margin-bottom: 10px; } 
div.results div.result div.info { padding: 3px; width: 95%; float: left; }
div.results div.result div.info div.title { font-size: 9pt; font-weight: normal; width: 80%; float: left; } 
div.results div.result div.info div.percent { text-align: right; } 
div.results div.result div.meter { clear: both; background-color: #ccc; height: 10px;  } 
div.results div.result div.mymeter { clear: both; background-color: #0033CC; height: 10px;  } 
div.results div.totalvotes { font-size: 85%; padding-top: 5px; text-align: center; } 

div.poll { padding: 3px 6px 3px 6px; border-bottom: #DDD solid 1px; }
div.poll div.title { font-size: 112%; font-weight: bold; padding-bottom: 10px; } 
div.poll div.choices { margin-left: 30px; } 
div.poll div.choices div.choices { width: 100%; }
div.poll div.votebutton { text-align: right; } 

div.morelink { font-size: 85%; margin-top: 5px; text-align: center; } 
.dothis { font-size: 100%; margin-top: 5px; margin-bottom: 5px; text-align: center; clear: both; } 

.menu {
   position:relative;
   list-style: none;
   padding: 0px;
}

.menu ul { margin: 0px; padding: 0px; }

.menu li{
   position:relative;
   display:inline;
   cursor:pointer;
   padding-left: 15px;
}

.menu li a{
   color:#3333CC;
   width:100%;
   height:100%;
   font-size: 105%; 
   font-weight: bold;
}

.menu li a:hover{
   color:#3399FF;
}

.menu li:hover{
   /*background-color:#EEEEEE;*/
}

.menu li ul{
   position:absolute;
   white-space:nowrap;
   text-align:left;
   list-style:none;
   display:none;
   z-index:500;
   left:0%;
   top:1.15em;
   margin:0px;
   padding:0px;
   border:1px solid #CCC;
   background-color: #FFF;
}

.menu li ul li { z-index:100; position:relative; left:0px; cursor: pointer; width:200px; padding-top: 3px; padding-bottom: 3px; display: list-item; }

.menu li ul li:hover { background-color: #EEE; }

.menu li ul li a { display:block; margin-left:3px; margin-right:3px; font-size: 85%; font-weight: bold;  }

.menu li:hover > ul{ display:block; }


/*/ FORUM STYLES /*/
tr.b1, tr.b2 { border-bottom: #CCC solid 1px; }
tr.b1 { background-color: #f7f7f7; }
tr.b2 { background-color: #EEE; }
tr.tableheader { font-size: 85%; font-weight: bold; border: #ccc solid 1px; background-color: #cbd6ff; }

table.topic { border-top: #CCC solid 1px; clear: both; }
table.topic td.author, td.post { padding: 10px; }
table.topic td.author { width: 130px; }
table.topic td.author div.pic { }
table.topic td.author div.screenname { font-size: 100%; font-weight: bold; }
table.topic td.author div.locationtitle { font-size: 90%; }
table.topic td.author div.street { font-size: 90%; }
table.topic td.author div.distance { font-size: 90%; font-style: italic; }

table.topic td.post { }
table.topic td.post div.title { font-size: 112%; font-weight: bold; }
table.topic td.post div.nav { float: right; width: 200px; text-align: right;}
table.topic td.post div.nav ul { margin: 0px; padding: 0px;  }
table.topic td.post div.nav ul li { list-style: none; display: inline; padding-left: 10px; font-size: 90%; font-weight: bold; }
table.topic td.post div.subtitle { font-size: 90%; }
table.topic td.post div.body { }

table.forum { clear: both; }
table.forum td { padding: 5px; }
table.forum td.icon { width: 48px; text-align: center; }
table.forum td.title { font-size: 110%; }
table.forum td.title div.title { font-weight: bold; }
table.forum td.title div.subtitle { font-size: 90%; }
table.forum td.topics { width: 50px; text-align: center; }
table.forum td.views { width: 50px; text-align: center; }
table.forum td.lastmodified { width:120px; font-size: 85%; }

#forum { margin-top: 15px; }
div.forumheader { clear: both; margin-bottom: 5px; margin-top: 5px; }
div.breadcrumbs { font-size: 85%; }
div.rightbutton { float: right; text-align: right; width: 200px; padding-left: 5px; }
div.leftbutton { padding-right: 5px; }

.adbox{display:block; width: 100%; overflow: hidden;}
.adbox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#aeaeae}
.adbox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #efefef;
  border-right:1px solid #efefef;
  background:#b5eeec}
.adbox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #dfdfdf;
  border-right:1px solid #dfdfdf;
  background:#afedea}
.adbox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d3d3d3;
  border-right:1px solid #d3d3d3;}
.adbox4{
  border-left:1px solid #c6c6c6;
  border-right:1px solid #c6c6c6}
.adbox5{
  border-left:1px solid #bababa;
  border-right:1px solid #bababa}
.adboxfg{
  background:#aeaeae; padding: 5px; }
  
  
  
#weather div.header {display: none; margin-bottom: 15px; }
table#weatherbox { height: 65px; background-color: #2d8bff; border: #ffd537 solid 1px; color: #FFF; }
table#weatherbox tr td { padding: 5px; text-align: center; font-size: 85%; }

div.current { margin-left: 5px; float: left; height: 60px; width: 40px; text-align: center; font-weight: bold;}
div.forecast { margin-left: 5px; float: left; height: 60px; width: 40px; font-size: 85%; text-align: center; }
div.forecast div.day { font-weight: bold;  }


/* All form elements are within the definition list for this example */
dl {
	font-size: 90%;
	position: relative;
    
}
dt {
    text-align: left;
}
dd {
    margin: 0 0 8px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    left: -240px;
    width: 200px;
    margin-top: -4px;
    color: #333;
	border: 1px solid #FFCC33;
    padding: 10px 12px;
	/* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url('/images/pointer_right.png') no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    right: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url('/images/pointer_right.png') left top no-repeat;
}

#adminmode { position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; z-index: 100; }
#vendoradminmode { position: absolute; top: 0px; right: 0px; width: 100px; height: 100px; z-index: 50; }

.limitedwarning { 
	margin-bottom: 15px;
	padding: 15px;
	border: #CCC dashed 1px;
}
.code { background-color: #E1E3FF; color: #070095; border: #070095 dashed 1px; width: 400px; text-align: center; padding: 10px; margin: 0px auto; font-size: 85%; }

.sitemap { clear: both; padding-top: 40px; width: 870px; margin: 0px auto; overflow: hidden; background: transparent url('/images/footer_jan_2008c.gif') top left no-repeat;}
.sitemap div.content { }
.sitemap ul { padding: 0px; margin: 0px; margin-left: 5px; text-align: left; float: left; width: 15%; }
.sitemap ul h2 {  padding: 0px; margin-bottom: 1px; color: #6A7DFF; font-size: 95%; font-weight: bold; }
.sitemap ul li { list-style: none; font-size: 85%; line-height: 1.7em; }
.sitemap a { color: #6A7DFF; }
.sitemap a:hover { color: #070095; }
.sitemap div.legal { float: right; font-size: 85%; text-align: right; color: #6A7DFF; }


table.listing { border-collapse: collapse; width: 100%; }
table.listing tr { border-bottom: #555 solid 1px; }
table.listing td { padding-right: 10px; }
.level1 {
}
.level2 { background-color: #CCFFFF; }
.level3 { background-color: #999999; color: #EEE; }
.level4 { background-color: #DDD; }
td.question { text-align: right; width: 100px;  }


.eventful-badge,
.eventful-badge * {
  margin: 0             !important;
  padding: 0            !important;
  border: 0             !important;
  text-align: center    !important;
  color: #CCC           !important;
  font-family: Arial    !important;
  text-decoration: none !important;
}

.eventful-medium {
  position: relative    !important;
  width: 100px          !important;
  font-size: 12px       !important;
  line-height: 13px     !important;
}                     

dl.sidebyside { float: left; margin-right: 10px; }
div.sidebyside { float: left; margin-right: 10px; }

.box1, .box2, .box3 { margin-top: 15px; margin-bottom: 30px; }

.box1 { background: #FFFFFF url('/images/boxheader1.png') top left repeat-x; padding: 10px; border: #003399 solid 1px; }
.box1 h1, .box1 h3 { color: #FFFFFF; padding-bottom: 15px; font-size: 135%; font-weight: bold; }

.box2 { background: #FFFFFF url('/images/boxheader2.png') top left repeat-x; padding: 10px; border: #6699ff solid 1px; }
.box2 h1, .box2 h3 { color: #FFFFFF; padding-bottom: 15px; font-size: 135%; font-weight: bold; }

.box3 { background: #FFFFFF url('/images/boxheader3.png') top left repeat-x; padding: 10px; border: #CCCCCC solid 1px; }
.box3 h1, .box3 h3 { color: #FFFFFF; padding-bottom: 15px; font-size: 135%; font-weight: bold; }