/* STYLESHEET FORMAT GUIDE

split into the following sections:
	- semantics (direct formatting for <td>, <a>, etc)
	- classes (.whatever)
	- common plugin CSS
	- navbar

Within these sections, entries are to be strictly alphabetized.

SAMPLE:


.poll-vote, .poll-vote-results {
	background:		transparent;
	color:			#000000;
	font-size:		smaller;
}


These are the rough rules:
	- always put a ';' after the last entry
	- always a linebreak after;
	- always a . before all classes
	- tab indents
	- tab to column 33 after colon
*/



/* SEMANTICS */



a {
	background:		transparent;
}

a:link.non-ul, a:visited.non-ul, a:hover.non-ul, a:active.non-ul {
	color:			#000000;
	text-decoration:	none;
}

a:link {
	color:			#0000FF;
}

a:visited {
	color:			#800080;
}

a:hover {
	color:			#008000;
}

a:active {
	color:			#FF0000;
}



body {
	background:		#FFFFFF;
	border:			1px solid #E7E7E7;
	color:			#000000;
	/* font:		0.8em arial,verdana,tahoma,helvetica,sans-serif; */
	font:			1.0em arial,verdana,tahoma,helvetica,sans-serif;
	margin:			0px auto;
	padding:		0px;
	padding-left:		1px;
	padding-right:		1px;
	width:			99%;
}



fieldset {
	margin-bottom:		1em;
}

fieldset p {
	margin:			0px;
	margin-bottom:		0px;
	margin-top:		5px;
	padding:		5px;
}

fieldset legend {
	/* font-size:		0.9em; */
	font-size:		1.2em;
}



form {
	margin-bottom:		5px;
	margin-top:		5px;
}

form div.notes p, form div small {
	line-height:		125%;
}

form div.notes ul {
	margin:			0px;
	padding:		0px;
	padding-left:		2px;
}

form div.notes ul li {
	list-style-position:	outside;
	margin-left:		15px;
	padding-right:		2px;
}

form fieldset div.notes {
	background-color:	#ffffe1;
	border:			1px solid #666666;
	color:			#666666;
	float:			right;
	/* font-size:		.75em; */
	font-size:		1.0em;
	height:			auto;
	margin:			0px 0px 10px 10px;
	padding:		5px;
	position:		relative;
	right:			30px;
	width:			150px;
}

form fieldset div.notes h4 {
	background-image:	url(images/icon_info.png);
	background-position:	top left;
	background-repeat:	no-repeat;
	border-color:		#666666;
	border-style:		solid;
	border-width:		0px 0px 1px 0px;
	color:			#666666;
	/*  font-size:		1.3em; */
	font-size:		1.5em;
	margin-bottom:		5px;
	margin-top:		0px;
	padding:		3px 0px 2px 27px;
}

form fieldset div.notes p {
	color:			#666666;
	margin:			0em 0em 1.2em 0em;
}

form fieldset div.notes p.last {
	margin:			0em;
	padding-bottom:		5px;
}

form label {
	  font-weight:		bold;
}



h1 {
	/*  font-size:		125%; */
	font-size:		150%;
}

h2 {
	/*  font-size:		100%; */
	font-size:		125%;
}

h3 {
	font-size:		100%;
	margin:			0px;
}



img {
	border:			0;
}



input {
	font-size:		.9em;
}

input, submit, td {
	color:			#000000;
}



table {
	border:			0px;
}



textarea {
	color:			#000000;
	font-family:		arial,verdana,tahoma,helvetica,sans-serif;
}



th {
	background-color:	#DAE0ED;
	color:			#000000;
	font-weight:		bold;
	padding-left:		3px;
	text-align:		left;
}



p {
	margin-top:		5px;
}



select {
	color:			#000000;
	font-size:		.9em;
}



/* CLASSES:  Admin lists */



.admin-menu-icon {
	float:			left;
	padding:		5px;
}

.admin-menu {
	/* the box around the menu */
	border:			1px solid #EEEEEE;
	padding:		5px;
}

.admin-menu-text {
	/* the text below the links */
	padding:		5px;
}

.admin-menu-item {
	/* a single link in the menu */
	padding:		 0px 5px 0px 5px;
}

.admin-list-smalltable {
	border-spacing:		1px;
	text-align:		left;
}

.admin-list-table {
	border-spacing:		1px;
	text-align:		left;
	width:			100%;
}

.admin-list-table form {
	margin:			0px;
}

.admin-list-search {
	margin-bottom:		5px;
	margin-top:		5px;
	text-align:		center;
}

.admin-list-field {
	padding-left:		5px;
	padding-right:		5px;
	text-align:		left;
}

.admin-list-headerfield {
	padding-bottom:		2px;
	padding-left:		5px;
	padding-right:		5px;
	padding-top:		2px;
	text-align:		left;
}



/* Menus in blocks */


.blocklist ul {
	list-style:		none;
	margin:			0px;
	padding:		0px;
}



/* general alignment classes */



.alignleft {
	text-align:		left;
}

.alignright {
	text-align:		right;
}

.aligncenter {
	text-align:		center;
}

.aligntop {
	vertical-align:		top;
}

.floatright {
	float:			right;
	padding-left:		 10px;
}

.floatleft {
	float:			left;
	padding-right:		 10px;

}

.clearboth {
	clear:			both;
}



/* clear floats by applying the clearfix class to float-encasing block ! */



.clearfix:after {
	clear:			 both;
	content:		 ".";
	display:		 block;
	height:			 0;
	visibility:		 hidden;
}

.clearfix {
	display:		 inline-block;
}



/* Hides from IE-mac \*/
* html .clearfix {height:	1%;}
.clearfix {display:		 block;}
/* End hide from IE-mac */



/* general formatting classes */



.b {
	font-weight:		bold;
}



.ext-link {
	background:		 url(./images/external.png) center right no-repeat;
	background-attachment:	scroll;
	background-color:	 transparent;
	padding-right:		 13px;
}

.ext-link-rtl {}



.feed-link {
	background:		 url(./images/feed.png) center right no-repeat;
	background-attachment:	 scroll;
	background-color:	 transparent;
	padding:		 2px 16px 2px 0px;
}

.feed-link-rtl {}



.strike {
	text-decoration:	 line-through;
}



/* Blocks */
.block-box-left, .block-box-right, .block-box {
	margin:			5px 10px 15px 10px;
}

.block-box-left ul, .block-box-right ul {
	/* do not indent lists in the blocks too much */
	margin:			0px;
	padding-left:		20px;
}

.block-bg-left, .block-bg-right {
	border-top:		1px solid #FFFFFF;
}

.block-bg-spreader {
	/* this is making sure that the blocks have a minimum width */
	background:		transparent;
	height:			1px;
	width:			180px;
}

.block-content, .block-content-right, .block-content-left {
	background:		transparent;
	clear:		both;
	color:			#000000;
	padding-bottom:		2px;
	padding-top:		2px;
}

.block-content-left ul, .block-content-right ul, .block-content ul {
	border:			none;
	margin-bottom:		0;
	margin-left:		16px;
	margin-top:		0;
	padding-left:		0;
}

.block-divider {
	background:		#FFFFFF;
	border-bottom:		1px solid #F7F7F7;
	border-top:		1px solid #E7E7E7;
	color:			#000000;
	padding-top:		2px;
}

.block-divider-left {
	border-bottom:		1px solid #FFFFFF;
	border-top:		1px solid #E7E7E7;
	line-height:		0px;
	margin:			0 auto;
	width:			90%;
}

.block-divider-right {
	border-bottom:		1px solid #FFFFFF;
	border-top:		1px solid #CCCCCC;
	line-height:		0px;
	margin:			0 auto;
	width:			90%;
}

.block-featured-left {
	background:		#F7F7F7;
	border-right:		1px solid #FFFFFF;
	color:			#000000;
}

.block-featured-right {
	background:		#E7E7E7;
	border-left:		1px solid #FFFFFF;
	color:			#000000;
}

.block-helpicon {
	float:			right;
	padding-top:		5px;
	text-align:		right;
}

.block-outerborder-left {
	border-left:		1px solid #E7E7E7;
	margin:			0px;
	padding:		0px;
}

.block-outerborder-right {
	border-right:		1px solid #CCCCCC;
}

.block-title, .blocktitle, .block-title-left, .block-title-right {
	background:		transparent;
	color:			#1A3955;
	font-weight:		bold;
	padding-bottom:		5px;
	padding-top:		5px;
	text-align:		left;
}



/* Comments */



.commentbar-line1 {
	background:		transparent;
	color:			#000000;
	padding:		3px 3px;
	text-align:		center;
}

.commentbar-line2 {
	background:		#E7E7E7;
	padding-left:		3px;
	padding-right:		3px;
	text-align:		center;
}

.commentbar-line3 {
	background:		#FFFFFF;
	border-bottom:		1px solid #FFFFFF;
	border-top:		1px solid #E7E7E7;
	color:			#000000;
	padding:		3px 3px;
	text-align:		center;
}



.commenttitle {
	background:		#F7F7F7;
	border-bottom:		1px solid #E7E7E7;
	border-left:		1px solid #E7E7E7;
	border-right:		1px solid #E7E7E7;
	border-top:		1px solid #E7E7E7;
	font-size:		smaller;
	font-weight:		bold;
	padding:		3px 0px 3px 10px;
}

.comment-edit {
	font-style:		italic;
	padding-top:		1ex;
}

.comment-sig {
	color:			#666666;
	padding-top:		1ex;
}



.edit-perm-down {
	text-align:		center;
}

.edit-perm-up {
	padding-left:		10px;
	padding-right:		10px;
	text-align:		center;
}

.fieldhelp {
	color:			#666666;
	font-size:		0.8em;
}



/* Footer */



.footerblock {
	/*  background:		#1A3955; */
	/*  background:		url(images/header-bg.png) #000000; */
	border-top:		1px solid #CCCCCC;
	color:			#FFFFFF;
	font-size:		0.85em;
	padding-bottom:		10px;
	padding-left:		4px;
	padding-right:		4px;
	padding-top:		10px;
	vertical-align:		middle;
}

.footerblock a:link {
	background:		transparent;
	color:			#FFFFFF;
	text-decoration:	none;
}

.footerblock a:visited {
	background:		transparent;
	color:			#FFFFFF;
	text-decoration:	none;
}

.footerblock a:hover {
	background:		transparent;
	color:			#008000;
	text-decoration:	none;
}

.footerblock a:active {
	background:		transparent;
	color:			#FFFFFF;
	text-decoration:	none;
}

.footer-divider-top {
	/*  background:		#FFFFFF; */
	background:		url(images/header-bg.png) #000000;
	border-top:		1px solid #CCCCCC;
	color:			#000000;
	padding-top:		1px;
}



/* Forms */



.form-description {
	display:		block;
	float:			left;
	font-weight:		bold;
	padding-right:		5px;
	text-align:		right;
	width:			100px;
}

.form-field {
	margin-left:		105px;
	padding-bottom:		5px;
}

.checkboxes-list {
	/* this is used for example by COM_checkList */
	list-style:		none;
	margin:			0px;
	padding:		0px;
}

.checkboxes-list span {
	/* space between the text and the checkbox */
	padding-left:		5px;
}

.checkboxes-list .gldefault {
	/* default blocks in the user settings block list */
	font-weight:		bold;
}



.missing-field {
	/* reserved for future use */
}



.required-field {
	/* reserved for future use */
}



/* Header */



.header-logo {
	float:			left;
	padding-left:		15px;
	padding-top:		11px;
}

.header-slogan {
	color:			 #ffffff;
	float:			right;
	font-size:		16px;
	font-weight:		700;
	line-height:		78px;
	padding-right:		15px;
}

.header-logobg-container-inner {
	/*  background:		url(images/header-bg.png) #1A3955; */
	background:		url(images/header-bg.png) #000000;
	border-bottom:		1px solid #CCCCCC;
	height:			78px;
	margin-bottom:		1px;
}

.header-navigation-container {
	background:		#E7E7E7;
	border-bottom:		1px solid #FFFFFF;
}

.header-navigation-container ul {
	border-bottom:		1px solid #CCCCCC;
	color:			#FFFFFF;
	float:			right;
	height:			24px;
	list-style:		none;
	margin:			0px;
	padding:		0px;
}

.header-navigation-container li {
	background:		transparent;
	border-left:		1px dotted #FFFFFF;
	float:			left;
	font-size:		.9em;
	font-weight:		700;
	margin-top:		4px;
	padding-left:		9px;
	padding-right:		9px;
}

.header-navigation-container a:link {
	color:			#0000FF;
}

.header-navigation-container a:visited {
	color:			#800080;
}

.header-navigation-container a:hover {
	color:			#008000;
}

.header-navigation-container a:active {
	color:			#FF0000;
}

.header-welcomeanddate-text {
	border-bottom:		1px solid #CCCCCC;
	height:			40px;
	margin:			0px;
	padding-left:		4px;
	padding-top:		12px;
}



.highlight {
	background-color:	yellow;
	color:			#000000;
	text-decoration:	none;
}



.inputTable td {
	padding:		4px;
	vertical-align:		top;
}

.inputTable label {
	float:			right;
	font-weight:		bold;
	white-space:		nowrap;
}



.moderation-cc {
	width:			100%;
}

.moderation-cc-row {
	clear:			both;
	height:			80px;
	width:			100%;
}

.moderation-cc-item {
	float:			left;
	text-align:		center;
}



.nowrap {
	white-space:		nowrap;
}



.pagenav {
	text-align:		center;
}



.row_center td {
	text-align:		center;
}



.searchauth {
	background:		transparent;
	color:			#000000;
	text-align:		left;
}
.searchdate {
	background:		transparent;
	color:			#000000;
	text-align:		right;
}

.searchform-box {
	background:		#E7E7E7;
	border-bottom:		1px solid #CCCCCC;
	height:			52px;
	margin:			0px;
	padding:		0px 4px 0px 1px;
	text-align:		right;
}

.searchform-elements {
	display:		inline;
	position:		relative;
	top:			6px;
}

.searchform-elements input {
	font-size:		0.9em;
}

.searchhits {
	background:		transparent;
	color:			#000000;
	text-align:		right;
}

.searchresult-byline {
	color:			green;
}

.site-slogan {
	background:		transparent;
	color:			#ffffff;
}

.sysmessage img {
	border:			none;
	float:			left;
	padding-bottom:		3px;
	padding-right:		5px;
}



/* Stats */



.stats-list-count {
	padding-left:		5px;
	padding-right:		5px;
	text-align:		right;
}

.stats-header-title {
	padding-left:		5px;
	padding-right:		5px;
	text-align:		left;
	width:			90%;
}

.stats-header-count {
	padding-left:		5px;
	padding-right:		5px;
	text-align:		left;
	width:			10%;
}



/* Story */



.story {
	/* the frame around all elements of one story */
	background:		transparent;
	color:			#000000;
}

.story h1 {
	/* the title of a story */
	background:		transparent;
	color:			#000000;
	font-weight:		bold;
	padding-left:		1px;
}

.story-body {
	/* this is the actual content of the story */
	padding:		3px;
}

.story-featured {
	/* the frame around all elements of a featured story */
	background:		transparent;
	color:			#000000;
}

.story-featured h1 {
	/* the title of a featured story */
	background:		transparent;
	color:			#000000;
	font-size:		1.4em;
	font-weight:		bold;
	padding-left:		1px;
}

.story-icons {
	/* print & mail icons in a storybox */
	float:			right;
	padding-top:		10px;
}

.story-icons a {
	margin-left:		5px;
}

.story-container {
	/* frame around all stories & centerblocks*/
	padding-right:		9px;
	vertical-align:		top;
	width:			100%;
}

.story-footer {
	/* the bottom of the story with edit-links etc */
	clear:			both;
	padding:		3px;
	text-align:		center;
}
.story-footer p {
	padding:		0px;
	margin:		0px;
}

.story-information {
	/* the author, views and date of a story */
	background:		transparent;
	color:			#000000;
	font-size:		0.85em;
	padding:		3px;
}

.story-information p {
	margin:			0px;
	padding:		0px;
}



#token-expirynotice {
	background:		#F7F7F7;
	border:			1px solid #CCCCCC;
	padding:		1em;
}

#token-expirytime {
	font-weight:		bold;
}



.topicoption, .topicoption-off {}



.warning {
	background:		transparent;
	color:			#FF0000;
	font-weight:		bold;
}

.warningsmall {
	background:		transparent;
	color:			#FF0000;
}



/* Default Plugin CSS Declarations */
/* Recommended CSS to be used by Plugin Authors - allows easier site themeing */



.plugin {
	background-color:	#EFEFEF;
	border:			1px solid #CCCCCC;
	color:			#000000;
	font-weight:		normal;
}

.plugin th {
	background-color:	#B7C1DC;
	color:			#000000;
	padding:		5px;
	text-align:		left;
}

.plugin tr {
	vertical-align:		top;
}

.plugin td {
	padding:		2px 5px 2px 5px;
}

.pluginBG {
	background-color:	#7398BA;
	color:			#FEFEFE;
}

.pluginAltBG {
	background-color:	#7398BA;
}

.pluginAltBG td {
	color:			#FFFFFF
}

.pluginCellTitle {
	background-color:	#E6E6E6;
	color:			#666666;
	font-weight:		bold;
	padding:		5px;
}

.pluginCellFill {
	background-color:	#F8FAFD;
}

.pluginCellText {
	color:			#636363;
	font-weight:		normal;
}

.pluginHeader {
	color:			#204275;
	font-weight:		bolder;
	padding-bottom:		3px;
	padding-top:		3px;
}

.pluginFooter, .pluginFooter td {
	background-color:	#507AA1;
	color:			#FFFFFF;
}

.pluginAlert {
	background-color:	#FEF1B4;
	color:			#D8010E;
	font-weight:		bold;
	padding:		5px 15px 5px 15px;
}

.pluginInfo {
	background-color:	#FEF1B4;
	color:			#707070;
	font-weight:		normal;
	padding:		5px 15px 5px 15px;
}

.pluginSubTable {
	background-color:	#CCCCCC;
	border:			1px solid #CCCCCC;
	color:			#000000;
	font-weight:		normal;
}

.pluginSubTable th {
	background-color:	#C9D1E4;
	color:			#000000;
	padding:		5px;
	text-align:		left;
}

.pluginSubTable tr {
	vertical-align:		top;
}

.pluginSolidOutline {
	background-color:	#CCCCCC;
}

.pluginSolidFill {
	background-color:	#1A3955;
}

.pluginTitle {
	background-color:	#507AA1;
	color:			#F5F9FF;
	padding:		4px;
	padding-left:		6px;
	padding-right:		6px;
}

.pluginCellSubTitle {
	background-color:	#F7F7F7;
	color:			#000000;
	padding:		4px;
	padding-left:		6px;
	padding-right:		6px;
}

.pluginTinyText {
	font-size:		0.70em;
}

.pluginSmallText {
	font-size:		0.8em;
}

.pluginMediumText {
	font-size:		1em;
}

.pluginLargeText {
	font-size:		1.25em;
}

.pluginAltText {
	color:			#FFFFFF;
}

.pluginRow1, .pluginRow1 td {
	background-color:	#F7F7F7;
	color:			#000000;
	line-height:		120%;
}

.pluginRow2, .pluginRow2 td {
	background-color:	#E7E7E7;
	color:			#000000;
	line-height:		 120%;
}

.pluginRow1 .pluginRollOver, .pluginRow2 .pluginRollOver, .pluginRollOver {
	background-color:	#FFFFFF;
	color:			#000000;
	line-height:		120%;
}

.pluginRow1 .pluginRollOut, .pluginRow2 .pluginRollOut, .pluginRollOut {
	background-color:	#F7F7F7;
	color:			#000000;
	line-height:		120%;
}

.pluginLinks A:link {
	color:			#000000;
	font-style:		normal;
	font-weight:		normal;
	text-decoration:	none;
}

.pluginLinks A:visited {
	color:			#000000;
	font-style:		normal;
	font-weight:		normal;
	text-decoration:	none;
}

.pluginLinks A:hover {
	color:			#000000;
	font-style:		normal;
	font-weight:		normal;
	text-decoration:	underline;
}

.pluginBreadCrumbs, .pluginBreadCrumbs A:link {
	color:			#FFFFFF;
	font-style:		normal;
	font-weight:		normal;
	text-decoration:	none;
}

.pluginBreadCrumbs A:visited {
	color:			#FFFFFF;
	font-style:		normal;
	font-weight:		normal;
	text-decoration:	none;
}

.pluginBreadCrumbs A:hover {
	color:			#FFFFFF;
	font-style:		normal;
	font-weight:		normal;
	text-decoration:	none;
}

a.pluginButton:link, a.pluginButton:visited {
	background-color:	transparent;
	color:			#000000;
	display:		block;
	height:			19px;
	padding-top:		2px;
	text-align:		center;
	text-decoration:	none;
}

a.pluginButton:hover {
	background:		center url(navbar/images/button_over.gif);
	background-color:	transparent;
	background-repeat:	repeat-x;
	color:			blue;
	display:		block;
	height:			19px;
	padding-top:		2px;
	text-align:		center;
	text-decoration:	none;
}



/* Navbar Class CSS */



#navcontainer {
	background:		#F4F4F4;
	border-bottom:		1px solid #24618E;
	float:			left;
	font-size:		93%;
	line-height:		normal;
	width:			100%;
}

#navcontainer ul {
	list-style:		none;
	margin:			0px;
	padding:		10px 10px 0 50px;
}

#navcontainer li {
	display:		inline;
	margin:			0px;
	padding:		0px;
}

#navcontainer a {
	background:		url("navbar/images/tableftJ.gif") no-repeat left top;
	float:			left;
	margin:			0px;
	padding:		0px 0px 0px 5px;
	text-decoration:	none;
}

#navcontainer a span {
	background:		url("navbar/images/tabrightJ.gif") no-repeat right top;
	color:			#24618E;
	display:		block;
	float:			left;
	padding:		5px 15px 4px 6px;
}



/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navcontainer a span {
	float:			none;
}
/* End IE5-Mac hack */



#navcontainer a:hover span {
	color:			#FFFFFF;
}

#navcontainer a:hover {
	background-position:	0% -42px;
}

#navcontainer a:hover span {
	background-position:	100% -42px;
}

#navcontainer a#current span {
	background:		url("navbar/images/tabrightI.gif") no-repeat left top;
	background-position:	100% -42px;
	color:			#FFFFFF;
}

#navcontainer a:link#current, #navcontainer a:visited#current, #navcontainer a:hover#current {
	background:		url("navbar/images/tableftI.gif") no-repeat left top;
	background-position:	0% -42px;
}



/* Common CSS for on-hover tooltip feature */



a.tooltip {
	color:			#000;
	position:		relative; /* this is the key */
	text-decoration:	none;
	z-index:		10;
}

a.tooltip:hover  {
	text-decoration:	none;
	z-index:		100;
}

a.tooltip span {
	display:		none;
}

a.tooltip:hover span {
	/* the span will display just on hover state */
	background-color:	#E5EFFF;
	border:			1px solid #C8DAF7;
	color:			#033666;
	display:		block;
	font-size:		.8em;
	font-style:		normal;
	left:			-20px;
	line-height:		125%;
	min-width:		150px;
	padding:		4px;
	position:		absolute;
	text-align:		left;
	text-decoration:	none;
	top:			10px;
	z-index:		100;
}

/* End of common CSS for on-hover info feature */

/* End of Common Plugin CSS */