@charset "utf-8";
/* CSS Document */

@import url(/styles/pagelayout.css);
@import url(/styles/menus.css);


/*Grouping- You can group selectors. Separate each selector with a comma. In the example below we have grouped all the header elements. All header elements will be displayed in green text color*/

h1,h2,h3,h4,h5,h6,p,li,#titlebar,table
{
color: #000;
font-family: Arial, Helvetica, sans-serif;

}
h2 {
background-color: #FFF;
}

/*This p tage overrides the group selector*/
p
{
/*color: #CCC;*/
font-size: 90%;
}

/*An example of a calss selector followed by a "."
Do NOT start a class name with a number! It will not work in Mozilla/Firefox.*/



/*An example of an ID selector followed by a "#"
Do NOT start an ID name with a number! It will not work in Mozilla/Firefox.*/


/*form CSS for compose page*/

form div {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

form div label {
	float: left;
	width: 100%;
	font-size: 120%;
	font-weight: bold;
}

fieldset {
	/*border: 1px dotted #F30;*/
	margin: 5px;
	padding: 5px;
	border: none;
}
fieldset label {
	font-size: 120%;
}

legend {
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
	background-color: #f89200;
	padding: 5px 8px 5px 3px;
	
	
	
	}
	
.body {
	float: right;
}

.bodynote {
	margin-top: 1.4em;
	float: left;
	width: 150px;
	font: bold 0.7em Arial, Helvetica, sans-serif;
	background-color:#FFE7CE;
	border: 1px dotted #F30;
	padding: 0.6em;
}

.btn {
	clear: both;
}

/* basic page */

<!--
a:link {
	color: #FF6600;
}
a:visited {
	color: #FF6600;
}
a:hover {
	color: #FFF;
	background-color: #FF6600;
	text-decoration: none;
}
-->  



.pubdate {
	padding-bottom: 5px;
	margin-left: 20px;
}

/* set width of wrapper to same width as title image
 * no top or bottom margin
 * auto on both sides will center wrapper in modern browsers */

 
 #extras
{
	/*background-image: url(../images/opaque.png);*/
	float: right;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 125px;
	/*border-top: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;*/
	margin-top: 10px;
}
 
 
/* results table*/
table#pagination {
   /* background-color:#FFFFFF;*/
    /*border: solid #000 3px;*/
    width: 400px;
}
table#pagination tr {
    padding: 3px;
    border: dotted #FF9933 1px;
	/*height: 50px;*/
	vertical-align: top;
	width: 100%;
}
table#pagination td {
    padding: 3px;
    border: solid #FF9933 1px;
	/*height: 50px;*/
	vertical-align: top;
	/*width: 100%;*/
}
.pagenumbers {
	font-size: 
}
/* special style for link to identify current page */

/* Navigation menu */

/* tophat Navigation menu */

#tophatmenu{
clear: both;
margin: 0;
padding: 0;
}

#tophatmenu ul{
margin: 0;
margin-bottom: 0em;
padding-left: 0;
float: left;
font-weight: bold;
font-size: 80%;
width: 100%;
border-top: 1px dashed #CCCCCC;

}

* html #tophatmenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#tophatmenu ul li{
display: inline;
}


#tophatmenu ul li a{
float: left;
color: gray;
font-weight: bold;
padding: 4px 10px 15px 10px;
text-decoration: none;
background: white url(images/menudivide.gif) top right repeat-y;
}

#tophatmenu ul li a:hover{
color: black;
background-color: #F3F3F3;
border-bottom: 4px solid black;
padding-bottom: 0;
}

#tophatpage a:link, #tophatpage a:visited,
#tophatpage a:hover, #tophatpage a:active {
color: black;
background-color: #EEEEEE;
border-bottom: 4px solid #FF9900;
padding-bottom: 0;
}

td.datacellone {
	background-color: #CC9999; 
	color: black;
	vertical-align: top;
}
td.datacelltwo {
	background-color: #9999CC; color: black;
	vertical-align: top;
}



/* Autosuggestion drop down*/

.suggestionsBox {
    position: relative;
    left: 30px;
    margin: 10px 0px 0px 0px;
    width: 200px;
    background-color: #212427;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
    color: #fff;
}

.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}

.suggestionList li:hover {
    background-color: #659CD8;
}


div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #F60;
	
	text-decoration: none; /* no underline */
	color: #FF6600;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #FF6600;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}