/* CSS Document */

html, input, textarea, select { font-family: Tahoma, sans-serif; }
html, body, form, fieldset { margin: 0; padding: 0; }
html { font-size: 100.1%; }
h1, h2, h3, h4, h5, h6 { margin: .5em auto .5em auto; padding: 0; }
p { margin: 0 auto 1em auto; padding: 0; }
fieldset { border: none; }
a img { border: 0; }
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
input[type="checkbox"] { margin-left: 0; }
.split { clear: both; height: 0; font-size: 0; line-height: 0; }
.splitleft { clear: left; height: 0; font-size: 0; line-height: 0; }
.border-none { border: none !important; }
.text-decoration-none { text-decoration: none; }
.text-align-left { text-align: left !important; }
.mono { font-family: monospace; }
.green { color: green; }
.red { color: red; }
.black {color: black; }
.orange { color: orange; }
.gray { color: gray; }
.grayed { background: silver !important; color: gray !important; }
.hidden { display: none; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.big { font-size: 2em; font-weight: bold; }
.border-top-silver, tr.border-top-silver td { border-top: 1px solid silver; }
.border-bottom-silver, tr.border-bottom-silver td { border-bottom: 1px solid silver; }
.border-none, .border-none td { border: none !important;}
.w50 { width: 49.5%; }
.float-left { float: left; }

body { 
	text-align: center; /* center on IE */
} 

#container {
	margin: 0 auto 0 auto; /* center on everything else */
	text-align: left;
	/* L8R: overall design width must be set here */
}

/* next is for non-js block */
#container { display: none; }
#jsblocked { }

#header, #footer, #alpha, #beta, #gamma { font-size: 0.9em; }

#alpha, #beta, #gamma { 
	float: left; 
	min-height: 1px; 
}

.entry {
	/* clear: both; */
	margin: 1em auto 1em auto;
}

.entrypicleftfloat {
	float: left;
	margin: 0 1em .25em 0;
}
.entrypicrightfloat {
	float: right;
	margin: 0 0 .25em 1em;
}
.entrypiccenter {
	text-align: center;
	margin: 0 0 .25em 0;
}
.entrypic {
	margin: .25em 0 .25em 0;
}

.entrypicleftfloat img, .entrypicrightfloat img, .entrypiccenter img, .entrypic img {
	border: 1px solid silver;
}

#xgen {
	text-align: right;
}

.editortable {
	width: 100%;
	border-collapse: collapse;
}

.editortable td {
	padding: .3em;
	vertical-align: top;
}

.editortable input.editorinput, .editortable textarea.editorinput {
	width: 70%;
}

.editortable td iframe {
	width: 98%;
}

.editortable input {
	vertical-align: middle;
	font-size: 1em;
}

.calendar {
	position: absolute;
}

.valasterisk {
	color: #F00;
	font-weight: bold;
	border: 1px solid black;
	background: yellow;
	/* padding: 0.5ex 1ex; */
	padding: 0.7em 1em;
	width: 35em;
	position: absolute;
	cursor: pointer;
	z-index: 999999;
}

.valasterisknoscript {
	color: #F00;
	font-weight: bold;
	border: 1px solid black;
	background: yellow;
	padding: 0.5ex 1ex;
	width: 30em;
}

.valasterisk .message {
	float: left;
}

.valasterisk .x {
	float: right;
	font-weight: bold;
	margin: -0.55em -0.5em 1em 1em;
}

tr.valhilite td, td.valhilite {
	border: 1px solid #FECB49 !important;
}

input.valhilite, select.valhilite, textarea.valhilite {
	background: #FECB49;
}

.inlineeditor.flipper {
	font-family: monospace;
	text-decoration: none;
}

.inlineeditor.flipped {
	border: 1px solid #999;
	margin: .5em 0;
	padding: 0 .5em .5em .5em;
	background: #EEE;
}

.inlineeditor.flipped h2 {
	margin-top: .5em;
}

/* WARNING: 
	normal ".inlineeditor.flipped.close" or ".tagger.flipped.close" or ".displayer.flipped.close"
	rule interpreted as ".close" in IE6 
	so transforming to -> ".flipping .close" -> ".flipping div.close" */
.flipping div.close {
/* we can move next line to inc-service.asp to show w/js and hide w/o js */
	display: none;
}

.displayer.flipped {
	border: 1px solid #999;
	margin: .5em 0 0 0;
	padding: .5em;
	background: #EEE;
}

.uploader.flipped {
	border: 1px solid #999;
	margin: .5em 0 0 0;
	padding: .5em;
	background: #EEE;
}

.uploader.flipped iframe {
	height: 4em;
}

.tagger.flipped {
	border: 1px solid #999;
	margin: .5em 0 0 0;
	padding: .5em;
	background: #EEE;
}

.tagger.flipped a {
	margin: 0 0.5em 0 0;
	white-space: nowrap;
}

.tagger.flipped a.selected {
	background-color: #BBB;
}

.tagline {
	font-size: .8em;
	margin: 0 0 .5em 0;
}

.tagcloud {
	text-align: justify;
}

.tagcloud a {
	padding-right: .5em;
	white-space: nowrap;
}

.cloud1 {
	font-size: .8em;
}

.cloud2 {
	font-size: 1em;
}

.cloud3 {
	font-size: 1.2em;
}

.cloud4 {
	font-size: 1.4em;
}

.cloud5 {
	font-size: 1.6em;
}

.cloud6 {
	font-size: 1.8em;
}

.alert {
	position: absolute;
	width: 15em;
	padding: .5em;
	background-color: white;
	border: 1px solid silver;
	font-size: .8em;
	color: red;
	z-index: 99999;
}

.alertback {
	z-index: 99998;
}

a.rankerup, a.rankerdown {
	text-decoration: none;
}

.paginator {
	margin: 1em 0;
	font-size: .85em;
}

.crumbs {
	margin: 0 0 1em 0;
	font-size: .85em;
}

table.widelist {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid silver;
	font-size: .85em;
	margin-bottom: 1em;
}

table.widelist thead td {
	font-weight: bold;
}

table.widelist td {
	border: 1px solid silver;
	padding: .3em;
	vertical-align: top;
}

table.widelist tr.stripe0 td {
	background: #F0F0F0;
}

table.widelist tr.stripe1 td {
	background: white;
}

table.gallery {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid white;
	font-size: .85em;
	margin-bottom: 1em;
}

table.gallery thead td {
	font-weight: bold;
}

table.gallery td {
	border: 1px solid white;
	padding: .3em;
	vertical-align: top;
	text-align: center;
}

table.gallery tr.img td {
	border-bottom: none;
}

table.gallery tr.name td {
	border-top: none;
}

.daterange0 {
	color: black;
}

.daterange1 {
	color: #7c9d18;
}

.daterange2 {
	color: gray;
}

.dimming {
	position: absolute;
	background: white;
}

.waiting {
	position: absolute;
	background: white url(../i/_waiting.gif) center center no-repeat;
}

.waitingbig {
	position: absolute;
	background: white url(../i/_waitingbig.gif) center center no-repeat;
}

.waitinginvert {
	position: absolute;
	background: black url(../i/_waitinginvert.gif) center center no-repeat;
}

.dimminginvert {
	position: absolute;
	background: black;
}

.waitinginvertbig {
	position: absolute;
	background: black url(../i/_waitinginvertbig.gif) center center no-repeat;
}

.ajaxwaiting {
	position: absolute;
	background: white url(../i/_waiting.gif) center center no-repeat;
}

.switcher {
	vertical-align: middle;
}