/*
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 */
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%;
}

.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;
} 

/* 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.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.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;
}

/* Footer Elements 		==============================	*/
#footerDiv {
	clear: both;
	width: 875px;
	padding-top: 2em;
	padding-bottom: 1em;
	font-size: 85%;
}

#footerContent {
	background: #EEE;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 8px 8px 12px 18px;	
}

#footerCopyright {
	padding-top: 1em;
	text-align: center;
}

.footLabel {
	font-weight: bold;
	color: #333;
}

.footColumn {
	padding-right: 26px;
}

/* block specific 		==============================	*/
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: 500px;
}

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

.miniTeaserBg {
	background-color: #FFFFFF;
}

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


/* jquery specific	*/

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