/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/

/* ~RESET~ */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* ~BASE~ */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible
   
   disabled because impossible to override with simple rules
   
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
*/

/* ~FONTS~ */
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}



/* PIKE Overrides 		==============================	*/

/* Yahoo foundation overrides 		==============================	*/
body {
	margin-top: 5px;
}

table {
	/*so things don't run into each other*/
	margin-bottom:0em;
}

th,td {
	/*borders and padding to make the table readable*/
	border:0px solid #FFF;
	padding:.1em;
}

h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:0.5em 0;
}


/* Common 		==============================	*/
a:link, a:visited, a:active {
	color: #03C;
	text-decoration: none;
}

a:hover {
	text-decoration: underline; 
}

#baseDiv {
	position: relative;
	clear: both;
	width: 875px;
	margin-left: auto;
	margin-right: auto;
}

.utilDelim {
	padding-left: 3px;
	padding-right: 3px;
}

.width-50 {
	width: 50px;
}

.width-100 {
	width:100px;
}

.width-150 {
	width:150px;
}

.width-175 {
	width:175px;
}

.width-200 {
	width:200px;
}

.width-300 {
	width:300px;
}

.width-400 {
	width:400px;
}

.width-500 {
	width:500px;
}

.width-600 {
	width:600px;
}

.errorBox {
	clear: both; 
	border: 1px solid #FF0000;
	padding: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 1em;
	text-align: left;
	font-weight: bold;
	font-size: 105%;
	color: #FF0000;
}

.errorText {
	color: #FF0000;
}

.contentBox {
	padding: 6px;
	border: 1px solid #CCC;
	clear: both;
}

.submitButton {
	padding: 2px 5px;
	font-size: 103%;
	font-weight: bold;
	margin: 5px 0;
}

.smallText {
	font-size: 85%;
}

.smallTextGrey {
	font-size: 85%;
	color: #555 !important;
}

.mediumText {
	font-size: 90%;
}

.bigText {
	font-size: 125%;
}

.highlight {
	background-color: #ffdd3f;
}

.highlightGrey {
	background: #DDD;
}

.obfuscatedEmail {
	color: #03C;
	text-decoration: underline;
}

.newHighlight {
	color: #EF0000;
	position: relative;
	top: -0.75em;
	font-size: 80%;
}

a.newHighlight:link, a.newHighlight:visited, a.newHighlight:active {
	color: #EF0000;
	text-decoration: none;
}

a.newHighlight:hover {
	text-decoration: underline; 
}

.devHighlight {
	background-color: #ffdddd;
} 

.pagingLink {
	margin:0 2px 0 2px;
} 

#searchText {
	font-size: 24px;
	padding: 3px;
	width: 350px;
	margin-top: 10px;
}

#submitSearch {
	font-size: 24px;
	padding: 5px 15px;
	background-color: #ffdd3f;
}

/* Table layout specific 		==============================	*/
#dataTable table {
	/*so things don't run into each other*/
	margin-bottom: 0em;
}

#dataTable th {
	font-weight: bold;
	text-align: left;
	border: 1px solid #000;
}

#dataTable th, #dataTable td {
	padding: 0.3em 0.5em;
	vertical-align: top;
}

#dataTable td.labelSmallRight {
	color: #333;
	text-align: right;
	vertical-align: middle;
	font-size: 85%;
	white-space: nowrap; 
}

#dataTable td.noWrap {
	white-space: nowrap; 
}

#formTable table {
	/*so things don't run into each other*/
	margin-bottom: 0em;
}

#formTable td  { 
	vertical-align: top;
}

#formTable td.label  {
	font-weight: bold;
	white-space: nowrap;
	padding-right:10px;
}

#formTable td.labelNoBold  {
	white-space: nowrap;
	padding-right: 10px;
}

#formTable td.justPadRight  {
	padding-right: 10px;
}


#formTable td.justPadLeft  {
	padding-left: 10px;
}

#formTable td.headline  {
	background: #F2F2F2;
	padding-left: 10px;
}


#formTable td.labelVertical  {
	font-weight: bold;
	vertical-align: bottom;
}

#menuTable td {
	border-top: 5px solid #fff;
	border-right: 5px solid #fff;
	border-bottom: 5px solid #fff;
	white-space: nowrap;
}

#menuTable td.longText {
	white-space: normal;
}

#menuTable td.headline  {
	font-weight: bold;
	background: #ffdd3f;
	padding: 0.5em 1em 0.5em 1em;
}

#menuTable td.first  {
	background: #EEE;
	vertical-align: top;	
	padding: 1em 1.5em 1em 1.5em;
}

/* block specific 		==============================	*/
#footer {
	clear: both;
	width: 875px;
	margin-top: 2.5em;
	margin-bottom: 10em;
	font-size: 85%;
	text-align:center;
}

h1.landing {
	margin: 0;
}

h3.landing {
	margin: 0.25em 0;
	background: #ddd;
	padding: 2px;
}

.nodeLanding {
	padding-right: 7px;
}

.invHeadline {
	font-size: 120%;
	background-color: #ddd;
	margin: 20px 0 5px 0;
	padding: 3px 5px 3px 5px; 
}

.invImage {
	border: 1px solid #CCCCFF;
	padding: 1px;
}

#blockAnchors {
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin: 6px 0;
}

#imageCountOverlay {
	margin-top: -24px;
}

#imageCountOverlay span {
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 85%;	
	opacity: 0.7;
	padding: 0 4px;	
}

#miniTeaserPanel {
	overflow: auto;
	padding: 4px;
	border: 1px solid #CCCCCC;
	margin: 0 30px 1em 0;	
}

#miniTeaserPanelNoBox {
	padding: 4px;
	margin: 0 30px 1em 0;	
}

.layoutTwoColH {
	width: 850px;
	height: 23.25em;
}

.layoutOneColH {
	width: 850px;
	height: 12em;
} 

.layoutOneColV {
	width: 160px;
	height: 100%;
}

#miniTeaserPanel .cell {
	float: left;
	clear: none;
	height: 155px;
}

.miniTeaserBg {
	background-color: #FFFFFF;
}

.miniTeaserBg:hover {
	background-color: #EEEEEE;
	cursor:pointer;
}

.teaserClients {
	margin:0 5px;
	background: rgb(219, 230, 222);
	padding: 10px 5px 3px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
}

pre.sampleEmail {
	background-color: #EEEEEE; 
	padding-left: 10px;
}

td.landingTableContainer {
	margin-bottom:10px;
	vertical-align: top; 
}

td.landingItem {
	padding-right: 10px;
	vertical-align: top;
}

#queueAdminTable td {
	border: 1px solid #000;
}

td.landingMoreItem {
	font-weight: bold;
}

h2.searchBreadCrumb {
	background-color: #CCCCCC;
	padding: 3px 5px 3px 5px; 
	margin-bottom: 2px;
}

#locationExpander {
	border-top: 2px solid #CCC;
	margin-top: 5px;
	text-align: right;
	font-weight: bold;
}

div.dealEditBlock {
	padding:10px;
	border:2px #ccc solid; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-bottom: 5px;
}

.dealEditBlock h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.hidden {
	display: none;
}

.thumb {
  margin: 5px;
  max-width: 150px;
  max-height: 150px;
  width: expression(this.width > 150 ? "150px" : true);
  height: expression(this.height > 150 ? "150px" : true);
}

#featureTagsPanel {
	line-height: 28px;
}

.featureTag {
	background-color: #ffdd3f;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 3px;
	padding: 3px;
}

#coupon {
	border: 3px dashed black;
	padding: 10px;
 	margin-top: 15px;
 	margin-bottom: 10px;
	/*
	background-image: url(/themes/shared/images/sban.com.watermark_small.png);
 	background-repeat: no-repeat;
 	background-position: 97% 98%;
 	*/
}

#coupon .dealTitle {
	font-size: 100%;	
	font-weight: bold;
	margin-bottom: 15px;
}

#coupon .dealPunchLine {
	font-size: 150%;
	font-weight: bold;
	color: red;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}


#coupon .couponCode {
	--font-family: "Lucida Console", monospace;
	font-size: 100%;
	font-weight: bold;
	width: 100%;
	margin-top: -15px;
}

#coupon .couponFloatLeft {
	width: 40%;
	float: left;
}

#coupon .couponFloatRight {
	width: 50%;
	margin-right: 10px;
	float: right;
}

#coupon p {
	font-size: 100%;
}

#coupon .dealConditions {
	font-size: 100%;
}

#coupon .inventoryContactDetails {
	font-size: 100%;
	margin-top: 0.5em;
}

#coupon .inventoryAddress {
	font-size: 100%;
	margin-top: 0.5em;
}

#coupon .inventoryUrl {
	margin-top: 25px;
	font-size: 100%;
	font-weight: bold;
}

#coupon .couponSmallType {
	font-size: 75%;	
	clear: both;
	border-top: 1px solid black;
	color: #555;
}

/* jquery specific	*/

/* jquery.watermark	*/
.watermark {
	color: #777 !important;
}