/* Reset page styles */
ul,ol { list-style:none; }
div,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,table,th,td { margin:0; padding:0; }
a img,:link img,:visited img { border:none; }
address { font-style:normal; }
fieldset,img { border:0; }
th,td { vertical-align: top; }


/* Base HTML elements */
p {
	padding-left: 10px;
	/* This counteracts resizing of text done by the widget classes.
	Outside paragraphs should match up with text in widgets now */
	/*font-size: 1.1em;*/
}
body {
	font-family: "Segoe UI", Arial, sans-serif;
	font-size: 62.5%;
}
table {
	clear: both;
}
table tbody .miniheader td * {
	margin: 0;
}

/*
 * Pixel-perfect hacks, used to stay css compliant, and still get consistent look across browsers
 * Mainly used to fight the strange things IE6/IE7 do to h2,h3,h4 etc tags
 */
.head2 {
	font-size: 1.5em;
	font-weight: 800;
	padding-left: 5px;
}
.head3 {
	font-size: 1.2em;
	font-weight: 800;
}
.head4 {
	font-weight: 800;
}
.head5 {
	font-weight: 800;
	font-size: .8em;
}
.para {
	padding-left: 10px;
}

/* Layout styles */
#frame {
	background: #FFF;
	padding-right: 8px;
	width: 972px;
}
#header {
	padding-top: 5px;
	padding-left: 5px;
	background-color: black;
}
#header .para {
	font-size: 1.3em;
}
#header .vcard {
	text-align: left;
	color: white;
	background-color: black;
	font-size: 1.2em;
}
#logo {
	float: left;
	padding-right: 10px;
	width: auto;
}
#footer {
	clear: both;
	color: #4D4D4D;
	padding: 40px 0 20px 19px;
	position: relative;
}
#footer #copyright {
	float: left;
	font-size: 1em;
	width: auto;
}
#footer .vcard {
	float: right;
	text-align: right;
	width: auto;
}
#sectiontitle {
	padding-left: 10px;
}
#content {
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	z-index: -1;
	width:750px;
    min-height:350px;
}

#innercontent .head3{
	padding-left: 10px;
}

.accordian {
	/*font-size: 1.1em !important;*/
}

#content .accordian {
	padding-left: 10px;
	padding-bottom: 10px;
}

.accordian-small {
	width: 98%;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 10px !important;
}
.accordian-small .head4 {
	/*font-size: 90% !important;*/
}

#content .ui-widget-content {
	padding-top: 5px;
	padding-bottom: 5px;
	/*padding-right: 5px;*/
}
#search-criteria {
	margin-right: 10px;
}
/*#content h1{
	padding-left: 5px;
}*/


/* Sidebar */
#sidebar {
	position: absolute;
	left: 772px;
	width: 200px;
	padding: 10px 0px 0px 0px;
}
#sidebar .box {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}
#sidebar .ui-widget-header {
	font-size: 1.5em;
	font-weight: 800;
	padding-left: 5px;
	text-align: left;
}
/* Can't put h3's or div's inside dt elements, recreate that style here (xhtml 1.1 compliancy) */
#sidebar dt {
	font-size: 1.2em;
	font-weight: 800;
}
#sidebar dd {
	padding-left: 5px;
	font-size: 1.1em;
	margin-top: .25em;
}
#sidebar .ui-state-highlight {
	border-style: none !important;
}
#sidebar a {
	text-decoration: none;
	font-weight: normal !important;
	outline: none;
}


/* Search result table */
.resultnav {
	margin-left: 10px;
	margin-right: 10px;
}
#results {
	border: 1px solid #666666;
    /*font: 100% Georgia, "Times New Roman", Times, serif;
    width: 950px;*/
    /*width: 750px;*/
    width: 100%;
}
#results thead tr th {
	border-collapse: collapse;
	/*background-color: #146b85;*/
    padding: 3px 8px;
	/*color: #FFF;*/
}
#results tbody td {
	border: 1px solid #666666;
}

/* Table layouts for data display */

.datagrid {
	/*width: auto;*/
	width: 98%;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.datagrid thead tr th .head3{
	margin-bottom: 3px;
}

.datagrid tbody td {
	border: 1px solid #666666;
}
.datagrid tbody td * {
	margin-left: 3px;
	margin-right: 3px;
}
/* No margins on nested tables */
.datagrid tbody table {
	margin-left: 0px;
	margin-right: 0px;
}

.nogrid tbody td {
	border-style: none !important;
    padding-left: 10px;
}

.innerDataGrid {
	border-collapse: collapse;
	border-style: none;
	width: 100%;
	height: 100%;
}
.innerDataGrid td {
	border-style: none !important;
}

/* Result set navigation controls */
.nav {
    border: 0px;
}

.pagenav {
	text-decoration: none;
}

/* Visibility */
.hidden {
    display:none !important;
}

/* Colors */
.blue {
    color: blue;
}
.red {
    color: red;
}
.green {
    color: green;
}

/* Other styles */
.image img {
	border: 0;
}
.searchhint {
    font-size: .9em;
}
.dfv-errors {
    color: red;
    font-weight: bold;
}

.fg-button{
	margin-left: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width:auto;
	overflow:visible;
}

.debug {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px;
	overflow: auto;
	border-color: white;
	border-style: inset;
}

/* jQuery UI Overrides */
.ui-state-error, .ui-widget-content .ui-state-error {
	background-repeat: repeat !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	background-repeat: repeat !important;
}