/* CSS Document */ /*RESET*/
* {
	border: 0;
	margin: 0;
	padding: 0;
}

/* Core Styles */
html {
	background: #121B26;
}

body {
	font: 14px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif normal;
	color: #333;
}

#background {
	background: url(../img/bg-grad.jpg) repeat-x top left;
}

#container {
	display: block;
	width: 960px;
	margin: 0 auto;
	background: url(../img/bg-grad.jpg) repeat-x top left;
}

.skip {
	height: 1px;
	width: 1px;
	left: -10000px;
	overflow: hidden;
	position: absolute;
}

/* Header Styles */
#header {
	height: 159px;
	padding: 0;
	margin: 0;
	background: url(../img/bg-header.jpg) repeat-x 0 0;
}

#headNav {
	height: 69px;
	width: 960px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

#headPopupNav {
	height: 100px;
	width: 960px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

#headNav img {
	padding: 0;
	margin: 0;
}

#headNav ul {
	list-style-type: none;
	margin: 0 0 0 693px;
}

#headNav li {
	display: inline;
}

#headNav li a {
	display: block;
	float: left;
	color: #fff;
	margin: 18px 0 0 30px;
	padding: 0 0 20px 0;
}

#headNav li a:hover {
	text-decoration: underline;
}

#tabs {
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	height: 48px;
	margin: 0;
	padding: 0;
}

#tabnav {
	float: left;
	width: 950px;
	margin-left: 10px;
}

#tabnav ul {
	list-style-type: none;
}

#tabnav li {
	display: inline;
}

#tabnav li a {
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	height: 48px;
}

#tabnav li a {
	background: url(../img/tab_off.png) 0 0 no-repeat;
	width: 150px;
}

#tabnav li a:hover {
	background: url(../img/tab_hover.png) 0 0 no-repeat;
	color: #fff;
}

#tabnav li.on a {
	background: url(../img/tab_on.png) 0 0 no-repeat;
	color: #121b26;
}

#tabnav li a p {
	margin: 21px 0 0 0;
	text-align: center;
}

#usfoia {
	height: 38px;
}

div.headerText {
	display: block;
	float: left;
	padding-top: 12px;
	padding-right: 20px;
	font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

div.headerText a {
	color: #FFFFFF;
	font-style: normal;
	text-decoration: underline;
}

/* Core Body Styles */
.clear {
	clear: both;
}

ol {
	list-style-type: decimal;
	list-style-position: inside;
}

ol li {
	margin: 10px 0;
}

ol li:hover {
	background: #FFFFCD;
}

ol li a {
	font-weight: bold;
	margin: 0 0 0 5px;
}

a {
	color: #336699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

hr {
	background-color: #f8f8f8;
	color: #f8f8f8;
	height: 1px;
	border-bottom: #DEDEDE 1px solid;
}

#main {
	background: #fff;
}

#content {
	padding: 20px 0 10px 0;
}

#content h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 25px 0;
}

#content h2 img {
	margin: 0 0 0 30px;
}

/* Sub-Page Content Styles */

#subLeft {
	float: left;
	width: 200px;
	padding: 0 30px 0 0;
}

#subLeft.narrower {
	width: 120px;
}

#subNav {
	list-style-type: none;
	width: 180px;
	margin: 0 0 0 28px;
	font: bold 13px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#subNav.narrower {
	width: 100px;
}

#subNav li a {
	display: block;
	height: 10px;
	background: url(../img/subnav-bg.jpg) repeat-x 0 0;
	color: #656565;
	padding: 14px 10px;
}

#subNav li.on a {
	background: #FFFFFF;
	color: #336699;
	border-style: solid;
	border-width: 1px;
	border-color: #51A2CA;
}

#subNav li a:hover {
	background: #FFFFCD;
	color: #336699;
	text-decoration: none;
}

#subRight {
	float: right;
	width: 700px;
	padding: 0px 28px 30px 0;
}

#subRight.wider {
	width: 780px;
}

#subPlain {
	padding: 0px 28px 30px 28px;
}

#subRight h1, #subPlain h1 {
	font: bold 18px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 18px 0;
}

#subRight h2, #subPlain h2 {
	font: bold 16px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 8px 0 16px 0;
}

#subRight h3, #subPlain h3 {
	font: bold 15px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 20px 0 -12px 0;
}

#subRight p, #subPlain p {
	font: 14px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 138%;
	margin: 12px 0;
}

#subRight p.caption, #subPlain p.caption {
	color: #999;
	font-style: italic;
	line-height: 133%;
}

#subRight a, #subPlain a {
	font-style: italic;
}

#subRight h3 a, #subPlain h3 a {
	font-style: normal;
}

#subRight ul, #subPlain ul, div.errors ul {
	list-style-type: disc;
}

#subRight ul li,#subPlain ul li, div.errors ul li {
	margin: 0 20px 0 20px;
}

#subRight ul li a,#subPlain ul li a {
	font-style: normal;
}

#subRight ol li,#subPlain ol li {
	margin: 12px 0 12px 35px;
	line-height: 138%;
}

#subRight ol li:hover,#subPlain ol li:hover {
	background: #fff;
}

.lineshadow {
	height: 12px;
	background: url(../img/line-shadow.jpg) no-repeat center top;
	border-top: 1px solid #fff;
}

.linedivider {
	height: 8px;
	background: url(../img/line-shadow-small.jpg) no-repeat center top;
	margin: 0 0 15px 0;
}

.breadcrumbcontent {
	padding: 0 0 20px 0;
	font-size: 14px;
	font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
}

.breadcrumbcontent a {
	color: #4d8a10;
}

.subHeaderLeft {
	float: left;
}

.subHeaderLeft h1 {
	font: bold 14px Georgia, "Times New Roman", Times, serif normal !important;
	color: #656565 !important;
}

.subHeaderRight {
	float: right;
	margin: 2px 0 0 12px;
}

.subContent {
	float: left;
	clear: both;
	width: 100%;
}

.subContentLeft {
	float: left;
	clear: none;
	width: 49%;
}

.subContentLeft h1 {
	font: bold 14px Georgia, "Times New Roman", Times, serif normal !important;
	color: #656565 !important;
}

.subContentRight {
	float: right;
	clear: none;
	width: 49%;
}

.subContentFull {
	float: left;
	clear: both;
	width: 100%;
}

.subContentSpacer {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
}

.helpIcon {
	background-image: url(../img/question-icon.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 16px;
	margin-left: 5px;
}

a.helpIcon {
	text-decoration: none;
}

.backlogIcon {	
	background-image: url(../img/flag_red.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 16px;
	margin-right: 5px;	
}

.spinnerIcon {
	background-image: url(../img/spinner.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 16px;
	margin-right: 5px;	
}

.mailIcon {
	background-image: url(../img/mail-16.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 16px;
	margin-right: 5px;	
}

a.historyIcon {
	background-image: url(../img/history-16.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 16px;
	margin-right: 5px;
	text-decoration: none;	
}

img.ui-datepicker-trigger {
	padding-left: 3px;
}

.usDollarIcon {
	background-image: url(../img/money_dollar.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 16px;
	margin-right: 5px;	
}

span.textCounter {
	text-align: right;
	font-weight: lighter;
}

a.expanded {
	background-image: url(../img/down-24.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 2px 0 2px 25px;
	text-decoration: none;
}

a.collapsed {
	background-image: url(../img/right-24.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 2px 0 2px 25px;
	text-decoration: none;
}

a.findUserIcon {
	background-image: url(../img/person-16.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 16px;
	margin-left: 5px;
	text-decoration: none;	
}

a.editIcon {
	background-image: url(../img/edit-16.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 16px;
	margin-left: 5px;
	text-decoration: none;	
}

.clockIconSmall {
	background-image: url(../img/clock-16.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 16px;
	margin-right: 5px;	
	text-decoration: none;
}

.clockIcon {
	background-image: url(../img/clock-24.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 24px;
	padding-bottom: 24px;
	text-decoration: none;
}

.copyIcon {
	background-image: url(../img/copy-16.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-right: 16px;
	margin-right: 5px;
	text-decoration: none;	
}

.attachIcon {
	background-image: url(../img/clip.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-right: 16px;
	margin-right: 5px;
	text-decoration: none;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Table and Data Styles */

table, th, tr, td {
	border: 1px solid #e7e7e7;
	border-collapse: collapse;
	background: #fff;
}

th {
	background-repeat: no-repeat;
	background-position: center right;
	vertical-align: middle;
	background-color: #eff2e9;
	font: bold 12px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 5px;
}

td {
	padding: 6px 6px 6px 12px;
}

tr.even td {
	background: #e7e7e7;
}

tr.odd td {
	background: #ffffff;
}

.blueTitle {
	font: bold 16px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.blueTitle p {
	font: normal 13px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

table .hidden {
	display: none;
}

table thead tr .sortable {
	background-image: url(../img/sort_off.gif);
	padding-right: 20px;
}

table thead tr .order1 {
	background-image: url(../img/sort_down.gif);
	padding-right: 20px;
	background-color: #dbe4cf;
}

table thead tr .order2 {
	background-image: url(../img/sort_up.gif);
	padding-right: 20px;
	background-color: #dbe4cf;
}

.controls {
	font: bold 14px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 18px 0;
}

.resPagArea {
	float: right;
	margin: 0 0 0 12px;
}

.resPagNav {
	float: left;
	width: auto;
	margin: 0 0 0 0;
}

.resPagNum {
	float: left;
	width: auto;
	margin: 3px 3px 5px 3px;
	padding: 0 4px 0 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #51A2CA;
	width: 15px;
	text-align: center;
}

span.resPagNum {
	background: #FFFFFF;
	color: #51A2CA;
}

a.resPagNum {
	background: #51A2CA;
	color: #FFFFFF;
	text-decoration: none;
}

a.resPagNum:hover {
	background-color: #FFFFFF;
	color: #FF0000;
	text-decoration: none;
	color: #51A2CA;
}

.resPagText {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

/* Footer Styles */
#footer {
	height: 55px;
	font: 14px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif normal;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}

#footer img {
	padding: 0 0 0 30px;
}

#footer span {
	display: none;
}

#footerNav {
	margin: -22px 0 0 150px;
}

#footerNav ul {
	margin: 0;
	display: block;
}

#footerNav ul li {
	list-style-type: none;
	display: inline;
	float: left;
}

#footerNav ul li a {
	padding: 0 15px 0 0;
}

#footerNav ul li a:hover {
	text-decoration: underline;
}

#disclaimer {
	color: #ffffff;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div.quasiTextarea {
	border: 1px solid #000000;
	padding: 2px;
	min-height: 100px;
}

/* Button styling */

input.smallBtn {
	/* Sliding right image */
	background: transparent url('../img/button_small_left_off.png') no-repeat;
	display: block;
	float: left;
	height: 27px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 20px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	font-family: Georgia;
	font-style: normal !important;
	text-decoration: none;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 20px 5px 20px;
	border: 0px;
}

input.smallBtn:hover {
	background: transparent url('../img/button_small_left_on.png') no-repeat scroll top right;
}

a.smallBtn {
	/* Sliding right image */
	background: transparent url('../img/button_small_right_off.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 27px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 20px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	font-family: Georgia;
	font-style: normal !important;
	text-decoration: none;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}

a.smallBtn:hover {
	background: transparent url('../img/button_small_right_on.png') no-repeat scroll top right;
}

a.smallBtn span {
	/* Background left image */
	background: transparent url('../img/button_small_left_off.png') no-repeat;
	display: block;
	line-height: 17px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	padding: 5px 0 5px 20px;
	height: 17px;
}

a.smallBtn:hover span {
	background: transparent url('../img/button_small_left_on.png') no-repeat;
}

a.largeBtn {
	background: transparent url('../img/button_large_off.png') no-repeat;
	display: block;
	height: 57px;
	width: 224px;
	font-family: Georgia;
	font-style: normal !important;
	text-decoration: none;
	color: #ffffff;
	font-size: 19px;
	font-weight: bold;
	padding: 3px 0 3px 0px;
}

a.largeBtn:hover {
	background: transparent url('../img/button_large_on.png') no-repeat;
}

/* Subtab styling */

div.subtab {
       margin-left: 5px;
}

div.subtabBorder {
       clear: both;
       border-top: 1px solid #3C536B;
}

a.subtab {
       /* Sliding right image */
       background: transparent url('../img/subtab_right_off.png') no-repeat scroll top right;
       display: block;
       float: left;
       height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
       margin-right: 1px;
       padding-right: 20px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
       /* FONT PROPERTIES */
       font-family: Calibri;
       font-style: normal !important;
       text-decoration: none;
       color: #ffffff;
       font-size: 14px;
}

a.subtab:hover {
       background: transparent url('../img/subtab_right_hover.png') no-repeat scroll top right;
}

a.subtab.on {
       background: transparent url('../img/subtab_right_on.png') no-repeat scroll top right;
       color: #000000;
}

a.subtab span {
       /* Background left image */
       background: transparent url('../img/subtab_left_off.png') no-repeat;
       display: block;
       line-height: 16px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
       padding: 5px 0 5px 20px;
}

a.subtab:hover span {
       background: transparent url('../img/subtab_left_hover.png') no-repeat;
}

a.subtab.on span {
       background: transparent url('../img/subtab_left_on.png') no-repeat;
}

/* Form and field styling */

fieldset {
	clear: both;
	border: 1px solid #000000;
	padding: 10px;
}

fieldset legend {
	font-size: 125%;
	font-weight: bold;
	color: #000000;
	margin: 0;
	padding: 0 5px 0 5px;
}

fieldset#NameAndAddress, fieldset#RequestInfo {
	padding: 10px 7px;
}

form {
	margin: 0;
	padding: 0;
}
div.formitem.foiaHelpTextHighlight{
	color:red;
	font-weight: bold;
}

fieldset div.formitem {	
	clear: left;
	display: block;
	padding: 3px 0px;
}

div label span.required, span.required.explanation {
	background-image: url(../img/required_alt.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 15px;
}
span.required.explanation {
	padding-left: 7px;
}

fieldset div.field {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 145px;
}

fieldset div.fieldindent {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 160px;
}
div label.labelCheckbox {
	width: 500px;
	text-indent: -20px;
}

input, select, textarea {
	border: 1px solid #dad7d7;
	font: bold 14px Calibri,"Trebuchet MS",Arial,Helvetica,sans-serif;
}

input[type=checkbox], input[type=radio] {
	border: none;
}

input[type=password] {
	font-family: Arial;
}

textarea {
	resize: none;
}

input[readonly].disabled {
	background-color: #D4D0C8;
	color: #808080;
}

input[readonly].disabled.clickable, input[readonly].disabled.clickable {
	cursor: pointer;
}

input.error, select.error, textarea.error,
input[readonly].disabled.error, select[readonly].disabled.error, textarea[readonly].disabled.error {
	background-color: #FFBABA;
}

div label {
	display: block;
	float: left;
	text-align: right;
	width: 135px;
	padding: 0px 8px 3px 0px;
}

div label.tight {
	width: 105px;
}

div label.wide {
	width: 400px;
}

div label.looseleft {
	width: 205px;
	text-align: left;
}

div label.left {
	text-align: left;
}

div label.header {
	display: block;
	float: left;
	text-align: right;
	width: 130px;
	padding: 0px 8px 3px 0px;
	font: bold 12px Georgia, "Times New Roman", Times, serif normal;
	color: #656565;
}

div label.customField {
	width: 150px;
}

/* Workflow image styling */

#workflowImage {
	margin-top: 0px;
	margin-left: 115px;
	margin-right: auto;
	margin-bottom: 20px;		
	
	text-align: center;
	font: bold 14px Calibri;
	height: 50px;
	float: left;
	clear: both;
}

#workflowImage div.workflowStep {
	display: table-row;
	float: left;
}

#workflowImage div.workflowStep div.circle.active {
	background: url(../img/step_dot_active.png) no-repeat center top;
	color: #ffffff;
}

#workflowImage div.workflowStep div.circle.complete {
	background: url(../img/step_dot_complete.png) no-repeat center top;
	color: #000000;
}

#workflowImage div.workflowStep div.circle.future {
	background: url(../img/step_dot_future.png) no-repeat center top;
	color: #000000;
}

#workflowImage div.workflowStep div.circle {
	font-size: 12pt;
	width: 80px;
	height: 31px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}

#workflowImage div.workflowStep div.stepName {
	text-align: center;
	width: 80px;
	margin-top: 10px;
	font-weight: normal;
}

#workflowImage div.spacer {
	background: url(../img/step_spacer_grey.gif);
	height: 3px;
	width: 70px;
	float: left;
	margin-top: 14px;
	margin-left: -25px;
	margin-right: -25px;
}

/* Styling for specific sections */

div.alert {
	width: auto;
	background: #f8f8f8;
	border: 3px solid #ccc;
	color: #333;
	margin: 10px 30px;
	padding: 15px;
}

div.errors {
  background-color: #FFBABA;
  border: 2px solid #BF7A7A;
  padding: 5px;
  margin-bottom: 10px;
}

div.outageBanner {
  background-color: #FFBABA;
  border: 2px solid #BF7A7A;
  padding: 5px;
  text-align: center;
}

div.messages {
  background-color: #DFF2BF;
  border: 2px solid #9FB27F;
  padding: 5px;
  margin-bottom: 10px;  
}

div.errors ul,
div.messages ul {
  margin-bottom: 0;
}

div.errors a,
div.messages a {
  text-decoration: underline;
}

#sliderLeft {
	float: left;
	width: 660px;
	height: 390px;
	padding-left: 28px
}

#sliderLeft ul.thumbNav {
	right: 10px;
}

#sliderRight {
	float: left;
	background-color: #6A829E;
	color: #FFFFFF;
	width: 224px;
	height: 370px;
	padding: 10px;
	position: relative;
	z-index: 1000;
}

#slider li { 
	margin: 0;
	padding: 0;
	position: relative;
	width: 660px;
	height: 390px	
}

#slider li p {
	margin: 0;
	padding: 0;				
	background: url('../img/anythingslider/white-dot.png');
	position: absolute;
	bottom: 0;
	left: 0;
	width: 640px;				
	padding: 10px;
	font-weight: bold;
}

div.exportlinks {
	margin-top: 5px;
}

#alphabet ul {
    display: block;
    margin: 0;
}

#alphabet ul li {
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#alphabet ul li a {
    color: #656565;
    background: url("../img/subnav-bg.jpg") repeat-x; 
    border: 1px solid #CCCCCC;
    display: block;
    padding: 4px 7px;
}

.foiaTitle {
    float: left;
    padding-top: 10px;
}

a.agencyTable, #foiaHelpTextFeeWaiver a, #foiaHelpTextExpedite a {
	font-style: normal !important;
	text-decoration: underline;
}

#printPageLink {
	background-image: url(../img/printer-24.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 30px;
	padding-bottom: 24px;
	padding-top: 4px;	/* Actually moves icon UPWARDS */
}