/*new styles from Tony*/

.bignums { background: #eee;
	color: #666;
	border-right: 2px solid white;
	border-top: 3px solid white;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 4px 4px 4px 4px;	}

.bignum { 
	color: #89C658 !important;
	font-weight: bold;
	font-size: 44px;	}


.alphablue a { 
    font-size: 12px;
	color: #fff;
	text-decoration: none;
	}
.alphablue a:hover {text-decoration: underline;}

a.review { clear: both;
	background: url(../img/button-review.gif) bottom center no-repeat;
	height: 41px;
	width: 300px;
	text-align: center;
	color: #FFF; 
	display: block;
	margin: 0 0px 10px auto;
	padding: 8px 0 0 0;
	font-size: 26px;
	text-decoration: none;
	float: right;}
a:visited.review { color: #fff;
	text-decoration: none;}
a:hover.review { color: #fff;
	text-decoration: underline;}
	
.progressbar {
	position: relative; 
	border: 2px solid #cf5;
	background: #FF6633;
	width: 170px;
	height: 10px;
	margin-bottom: 8px;
	margin-top: 5px;
}

.progressbar div {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background-color: #89C658;
}

.comment {
	color: #4D4D4D;
	font-size: 13px;
}

/* NEW STYLES */
#commentcell {
	font-size: 13px;
	font-style: italic;
}

#commentcell2 {
	font-size: 13px;
	font-style: italic;
}

#commentcell3 {
	font-size: 13px;
	font-style: italic;
}

.markas {
	color:#FFFFFF; 
	font-size:14px; 
	font-weight:normal;
}

.green {
	color:#D5F289; 
	font-size:12px; 
	font-weight:normal;
}
/* END NEW STYLE */

.information  {
	color: #4D4D4D;
	font-size: 12px;
}


/*  GLOBAL STYLES ----------------------------------*/

html, body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background: #FFF url(../img/bg-body.jpg) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;

	
}

#box { margin: 0 auto;
	padding: 0 18px 0 18px !important;
	border: 0;
	background: url(../img/bg-box.jpg) top center no-repeat;
	height: auto;
	width: 757px;
	overflow: hidden
	}
	
.copy { margin: 0;
	padding: 0 0 30px 14px;
	color: #808080;
	font-size: 11px;}
	
#foot { clear: both;
	width: 744px;
	background:url(../img/bg-foot.gif) top left repeat-x;
	border: 1px solid #E6E6E6;
	margin:  35px 0 8px 0;
	padding: 8px 8px;}
#foot ul { margin: 0;
	padding: 0;
	list-style-type: none;}
#foot p { margin: 0;
	padding: 0;
	color: #666;
	width: 400px;}
#foot p a { color: #666;
	font-size: 11px;
	padding: 0 5px;
	text-decoration: none;}
#foot p a:visited {}
#foot p a:hover { color: #00B0D8;}


#head { margin: 0 0 20px 0;
	padding: 0 0 0 9px;
	height: 82px;
	background: url(../img/bg-head.gif) top left repeat-x;}
#head img { float: left;}
#head ul { margin: 0;
	padding: 8px 0 0 0;
	list-style-type: none;}
#head li { margin: 0;
	padding: 0;
	display: inline;
	}
#head li a { color:#808080;
	font-size: 15px;
	text-decoration: none;
	margin: 0 0 0 -1px;
	padding: 9px 18px 9px 18px;
	background: url(../img/bg-nav-head.gif) top left repeat-x;
	border: 1px solid #DCDBDB;
	font-weight: bold;}
#head li a:visited {}
#head li a:hover {background: url(../img/bg-nav-over.gif) top left repeat-x;
	color: #fff;
	border: 1px solid #89C658;}
.fin a { padding: 9px 20px 9px 18px !important;}

#head form { border: 0;
	padding: 20px 0 0 8px;
	margin: 0 0 0 0;
	background: none;
	}
#head fieldset { margin: 0;
	padding: 0;
	border: none;}
#head label { color: #FFF;
	font-size: 16px;
	font-weight: bold;
	margin: 0 8px 0 8px;
	padding: 3px 0 0 0;
	float: left;}
#head input { background: #fff !important;
	height: 18px;
	width: 267px;
	border: 1px solid #22A4AA;
	color: #808080;
	font-size: 14px;
	padding: 5px;
	margin: -2px 0 0 0;
	float: left;}
#head button {cursor: pointer;
	text-indent: -9000px;
	height: 28px !important;
	width: 42px !important;
	background: url(../img/button-search.gif) bottom left no-repeat transparent;
	border: none !important;
	padding: 0 !important;
	margin: -1px 0 0 10px !important;
	overflow: hidden;
	}
#head a img { border: 0;
	padding: 0;
	margin: 0;}


.privacy { float: right;
	width: 190px !important;}


/*  END GLOBAL STYLES -------------------------*/






/*  ID SELECTORS ------------------------------*/
#alphalist { margin: 15px 0 25px 0;
	padding: 8px 0 8px 0;
	background: url(../img/bg-alphalist.gif) repeat-x center left;
	height: auto;
	width: 759px;
	border: 1px solid #e6e6e6;
	clear: both;
	text-align: center;}
#alphalist ul { margin: 0;
	padding: 6px 0 6px 0;
	list-style-type: none;}
#alphalist li { margin: 0;
	padding: 0;
	display: inline;}
#alphalist li a { color: #4D4D4D;
	text-decoration: underline;
	padding: 0 6px 0 6px;}
#alphalist li a:visited {color: #4D4D4D;}
#alphalist li a:hover { color: #00B0D8;}

#reviewfilterid { margin: 0 0 5px 0;
	padding: 8px 10px;
	font-size: 14px;
	font-weight: bold;	
	background: url(../img/bg-map.jpg) repeat-x bottom left;
	border: 1px solid #e6e6e6;
	clear: both;
	overflow: hidden;}

#schoolid { margin: 0 0 5px 0;
	padding: 8px 10px;
	background: url(../img/bg-map.jpg) repeat-x bottom left;
	border: 1px solid #e6e6e6;
	clear: both;
	overflow: hidden;}
#schoolid h3 { color: #74B74A;
	font-size: 30px;
	font-weight: normal;
	padding: 0 0 0 00;
	margin: 0;}
#schoolid p { color: #4D4D4D;
	line-height: 22px;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 26px 0 8px 0;}
#schoolid a.review { clear: both;
	background: url(../img/button-review.gif) bottom center no-repeat;
	height: 41px;
	width: 300px;
	text-align: center;
	color: #FFF; 
	display: block;
	margin: 0 6px 10px auto;
	padding: 36px 0 0 0;
	font-size: 26px;
	text-decoration: none;
	float: right;}
#schoolid a:visited.review { color: #fff;
	text-decoration: none;}
#schoolid a:hover.review { color: #fff;
	text-decoration: underline;}

#intro { margin: 0;
	padding: 0 0 6px 0; /* CHANGED */
	overflow: hidden;
	}
#intro h1 { color: #74B74A;
	font-size: 26px;
	font-weight: normal;
	padding: 0 0 0 16px;
	margin: 0;}
#intro h2 { margin: 0;
	padding: 0;
	color: #333;	
	font-weight: bold;
	font-size: 16px;
	text-align: center;}

#intro p { margin: 0;
	padding: 0 0 0 16px;
	color: #999;
	font-size: 12px;
		}
#intro p a { color: #74B74A;
	text-decoration: none;
	float: right;
	font-weight: bold;
	padding: 0 50px 0 0;}
#intro p a:visited { color: #58B7DD;}
#intro p a:hover { color: #F7931E;
	text-decoration: underline;}

#mapbox { 	margin: 0 0 20px 0;
	padding: 0;
	background: url(../img/bg-map.jpg) repeat-x top left;
	height: 398px;
	width: 759px;
	border: 1px solid #e6e6e6;
	clear: both;}
#mapbox p { color: #808080;
	margin: 0 0 0 0;
	padding: 16px 0 16px 0;
	text-align: center;
	font-size: 16px;
	display: block;
	}
#mapbox img { margin: 0 0 0 45px;
	padding: 0 0 0 0;
	border: none !important;}


#reviewstats { margin:0;
	padding: 0;
	border: 0;}
	
#reviewstats fieldset { margin:0;
	padding: 0px 8px;
	border: 0;
	background:url(../img/bg-fade-down.jpg) top left repeat-x;
	border-top: 5px solid white;

	
	}
#reviewstats label {
  	width: 135px;
  	margin-right:0.8em;
  	padding-top: 3px;
	margin-left: 10px;
	margin-bottom: 14px;
  	text-align: left;
  	font-size: 13px;
	color: #666;
	float: left;
	text-align: right;
	font-weight: bold;
	}
	
#reviewstats select {background: #fff;
	border: #ccc 1px solid;
	color: #636363;
	font-size: 14px;
	margin: 6px 0 14px 10px;
	padding: 4px;}
#reviewstats input { background: #fff !important;
	border: #ccc 1px solid;
	padding: 4px;
	color: #636363;
	font-size: 14px;
	margin: 0 0 14px 10px;}
#reviewstats textarea {background: #fff !important;
	border: #ccc 1px solid;
	margin: 6px 0 0 10px;
	padding: 8px;
	color: #636363;
	font-size: 14px;
	height: 100px;
	overflow: auto;
	width: 240px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 25px;}


#splitbox { margin: 0;
	padding: 0; overflow: hidden;
	width: 758px;}

#splitwide { margin: 0;
	padding: 0;
	width: 572px;
	float: left;}	
#splitright { width: 300px;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;}
#splitright h5 { border: 1px solid #26B5C5;
	margin: 0;
	padding: 4px 0 0 6px;
	font-weight: bold;
	font-size: 18px;
	height: 26px;
	color: #fff;
	display: block;
	background: url(../img/bg-header-blue.gif) top left repeat;}
#splitright ul { margin: 0;
	padding: 0;
	list-style-type: none;}
#splitright li {
	margin: 3px 0;
	padding: 10px 10px 12px 40px ;
	font-weight: bold;
	font-size: 14px;
	color: #F7931E;
	font-style: italic;
	background:url(../img/bg-bullet-arrow.gif) left center no-repeat #f4f4f4;}

#splitleft { margin: 0;
	padding: 0;
	width: 446px;
	height: auto;
	float: left;}
#splitleft table { clear:both;}

#splittower { float: right;
	width: 160px;
	margin: 0;
	padding: 0;}

#textads { clear: both;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 30px 16px 0 16px;
	list-style-type: none;
	text-align: center;
	}
#textads h6 { float: left;
	font-size: 12px;
	margin: 0;
	padding: 3px 0 0 0;
	font-weight: bold;
	color: #ccc;}
#textads li { 
	display: inline;
	font-size: 12px;
	}
#textads li a { width: 150px;
	color: #58B7DD;
	text-decoration: underline;
	margin: 0 25px;}
#textads li a:visited { color: #58B7DD;}
#textads li a:hover { color: #74B74A;
	text-decoration: underline;}
		






/* CLASS SELECTORS -----------------------------------*/	

.add { margin: 0 0 20px 0;
	padding: 10px 6px 6px 10px;
	font-weight: normal;
	color: #666;
	font-size: 35px;
	background: url(../img/bg-title.jpg) top left repeat-x;}
		
.ad { margin: 0;
	padding: 0 0 10px 0;
	color: #808080;
	font-size: 11px;
	text-align: center;}
.ad a { text-decoration: underline;
	color: #808080;	}
.ad a:visited {	color: #808080;	}
.ad a:hover {color: #F7931E;}


.alphablue { border: 1px solid #89C658;
	margin: 0;
	padding: 0px 0 0 6px;
	font-weight: bold;
	font-size: 24px;
	height: 34px;
	color: #fff;
	background: url(../img/bg-nav-over.gif) top left repeat-x;}
	
.alphagreen { border: 1px solid #24B6C6;
	margin: 0;
	padding: 0px 0 0 6px;
	font-weight: bold;
	font-size: 24px;
	height: 36px;
	color: #fff;
	background: url(../img/bg-alphablue.gif) top left repeat-x;}
	
.appcom { padding: 0 0 0 15px !important;
	height: 25px;
	font-size: 14px;
	color: #666;}
.appcats {padding: 0 0 0 15px !important;
	font-size: 14px;
	color: #666;}


.break td { border-top: #eee 18px solid !important;}



.cats { font-size: 14px;
	color: #666;
	}
.catsinfo { font-size: 14px;
	color: #666;
	padding: 0 10px 0 20px !important;
	line-height: 18px;}

.city { display: block;
	margin: 0;
	padding: 0 0 10px 0;}

.coaddress { float: left;}

.cocity { margin:0;
	padding:0;
	font-size: 14px;
	color: #666;}
	
.codetails { float: right;
	margin-right:40px !important;}
	
	
.columnheads { background: #eee;
	color: #666 !important;
	border-right: 2px solid white;
	border-top: 3px solid white;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 8px 0 8px 10px;	}
	
.comment td {color: #808080;
	font-size: 12px;
	padding: 8px 6px 15px 6px;
	} 	
	

.end { border-right: none !important;
	text-align: center;
	padding-left: 0 !important;}
	
.even {color: #808080;
	font-size: 12px;}
.even a {color: #00B0D8;}
.even a:visited { color: #00B0D8;}
.even a:hover {color: #74B74A;}
.even td {border-right: 2px solid white;
	padding:6px 0 8px 10px;}
	
.evengreen {color: #808080;
	font-size: 12px;}
.evengreen a {color: #74B74A;}
.evengreen a:visited { color: #74B74A;}
.evengreen a:hover {color: #F7931E;}

.evengreen td { border-right: 2px solid white;
	padding: 10px 0 12px 10px;}


		
.featured { margin: 0;
	padding: 10px;
	font-size: 12px;
	color: #808080;
	line-height: 18px;
	border-top: 3px solid white;
	 background: #eee;}
.featured a { color: #F7931E;
	text-decoration: underline;}
.featured a:visited { color: #F7931E;
	text-decoration: underline;}
.featured a:hover { color: #00B0D8;
	text-decoration: underline;}
.featured img { float: right;
 margin: 0 4px 8px 6px;}

.featured b a { color: #00B0D8;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;}
.featured b a:visited {color: #00B0D8;}
.featured b a:hover { text-decoration: underline;}


.greenlink {color: #74B74A;
	font-size: 12px;
	text-decoration: underline;}
	
.headergreen { border: 1px solid #82BC50;
	margin: 0;
	padding: 0px 0 0 6px;
	font-weight: bold;
	font-size: 18px;
	height: 30px;
	color: #fff;
	background: url(../img/bg-header-green.jpg) top left repeat-x;}
	
.headerblue { border: 1px solid #24B6C6;
	margin: 0;
	padding: 0px 0 0 6px;
	font-weight: bold;
	font-size: 18px;
	height: 28px;
	color: #fff;
	background: url(../img/bg-header-blue.gif) top left repeat-x;}
	
.infolink {color: #FFF;
	font-size: 12px;
	text-decoration: underline;}

.lastreview { float: right; 
	color: #999;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 4px 6px 0 0;}



.modco { font-size: 14px;
	color: #333;
	font-weight: bold;
	line-height: 18px;
	padding: 15px 0 10px 10px;}
.modnotes { border: none;
	padding: 20px 0 15px 0;
	margin: 0;
	}
.modnotes fieldset { border: none;	
	padding: 0;
	margin: 0;}
.modnotes textarea { width: 300px;
	background: #f4f4f4;
	border: 1px solid #ddd;
	height: 100px;
	overflow: auto;}
.modnotes label {
  	width:50px;
  	margin-right:0.8em;
  	padding-top: 3px;
	margin-left: 0;
	margin-bottom: 14px;
  	text-align: left;
  	font-size: 13px;
	color: #666;
	float: left;
	text-align: right;
	font-weight: bold;
	}


.odd { background: #eee;
	color: #808080;
	font-size: 12px;
	}
.odd td {
	border-right: 2px solid white;
	padding: 6px 0 8px 10px;
}
.odd a { color: #00B0D8;}
.odd a:visited { color: #00B0D8;}
.odd a:hover { color: #74B74A;}


.oddgreen { background: #eee;
		font-size: 12px;
		color: #808080;
	}
.oddgreen td { border-right: 2px solid white;
	padding: 10px 0 12px 10px;}
.oddgreen a { color: #74B74A;}
.oddgreen a:visited { color: #74B74A;}
.oddgreen a:hover { color: #F7931E;}


.ratings td { padding: 5px 0 5px 0;}/* CHANGED PADDING */


.revhead { 
	color: #666 !important;
	font-weight: normal;
	font-size: 15px;
	margin: 0;
	padding: 18px 0 18px 10px;}
	
	
.searchhelp { padding: 10px 0 10px 0 !important;
	margin: 0 !important;
	font-size: 12px !important;
	line-height: 18px !important;
	color: #666 !important;
	font-weight: normal !important;}
.searchhelp a { color: #00B0D8;}
.searchhelp a:visited { color: #00B0D8;}
.searchhelp a:hover { color: #74B74A;}

.viewcommentssm { width: 90px;
	height: 15px;
	color: #fff !important;
	text-align: center;
	font-size: 12px;
	background: url(../img/button-view-comments-sm.png);
	margin: 0;
	display: block;}
	
.viewcomments { width: 180px;
	height: 25px;
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	background: url(../img/button-view-comments.gif);
	margin: 0;
	padding: 5px 0 0 0;
	display: block;}
	
.AddSchoolBeginReview 
{
	width: 260px;
	height: 25px;
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	background: url(../img/button-review.gif);
	margin: 0;
	padding: 5px 0 0 0;
	display: block;
}

.viewcomments a:visited { color: #fff;
	text-decoration: none;}
.viewcomments a:hover { text-decoration: underline;
	color: #fff;}
	
.viewcommentsmall { background:url(../img/button-small-orange.gif) top center no-repeat;
	margin: 0 2px;
	padding: 0;
	text-align: center;
	font-size: 14px;
	color: #fff !important;
	padding: 4px 0 0 0;
	display: block;
	width: 106px;
	height: 22px;
	text-decoration: none;
	float: left;}
.viewcommentsmall a:visited { color: #fff;
	text-decoration: none;}
.viewcommentsmall a:hover { color: #fff;
	text-decoration: none;}
	
.HeaderSearchButton
{
	cursor: pointer;
	text-indent: -9000px;
	height: 28px !important;
	width: 42px !important;	
	background: url(../img/button-search.gif) bottom left no-repeat transparent;
	border: none !important;
	padding: 0 !important;
	margin: -1px 0 0 10px !important;
	overflow: hidden;
}

/* ######### CSS for Tabs ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #e6e6e6;
color: #808080;
font-size: 16px;
background: white url(../img/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #808080;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../img/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### END CSS for Tabs ######### */



/* ######### New Styles From Marty ######### */

.positive {
	color: #2ea133;
	padding: 8px 8px 8px 30px;
	background: url(../img/comment_pos.gif) no-repeat 10px 17px;
}

.negative {
	color: #a7351d;
	padding: 8px 8px 8px 30px;
	background: url(../img/comment_neg.gif) no-repeat 10px 17px;
}

.neutral {
	color: #525775;
	padding: 8px 8px 8px 30px;
	background: url(../img/comment_neutral.gif) no-repeat 10px 17px;
}

#comment_legend {
	font-size: 10px;
	padding: 8px 8px 8px 30px;
}
.inlineimg {
	vertical-align:middle;
	margin-left: 4px;
}
.pos_color {
	color: #2ea133;
}
.neg_color {
	color: #a7351d;
}
.neu_color {
	color: #525775;
}

.legend_just_right {
	color: #f3ea1c;
}
.legend_too_high, .legend_yes  {
	color: #89c658;
}
.legend_too_low, .legend_no {
	color: #ff6633;
}

.yes-no {
	margin: 2px 0px;
}
h4 {
font-size: 20px;
margin: 8px 0px 0px 0px;
}
.verified-review {
	font-size: 14px;
	margin: 0px 0px 0px 20px;
	text-align: center;
	color: #90C851;
	font-weight: bold;
	background: #eeeeee;
	border: 1px solid #90C851;
}