/* General Content Settings */

/* Breadcrumbs */
#bread {
	color: #999;
	background-color: #FFF;
	padding: 3px;
	margin-bottom: 25px;
	}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}

dl.block dt {
	width: 500px;
	margin: 0px;
	display: block;
	padding:0 0 0 9px;
	border-bottom: 1px solid #666;
}
dl.block dt a {
	width: 100%;
	display: block;
	text-align: center;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	white-space:nowrap;
	font-weight:bold;
	color:#11569b;
}
dl.block {
	width: 500px;
	border:solid 1px black;
}

dl.block dd {
	margin: 0;
	padding: 10px 0 0 0;
	
}
dl.block ul {
	margin-left: 10px;
	padding: 0px;
	display: block;
	
}
dl.block dd ul li {
	margin-left: 10px;
	line-height: 1.3em;
	list-style: none;
	background: url("../images/bullet.gif") no-repeat 3px 50%;
	padding: 2px;
	padding-left: 15px;	
}
dl.block dd ul li.odd {
	background-color: #eee;
}

dl.block a.moreLink {
	text-align: right;
	display: block;
	font-size: .8em;
	background-color: #11569b;
	color: #fff;
	padding: 3px;
}

.filingList {
	margin: 5px;
	border: 1px solid #000;
	border-collapse: collapse;
}
.filingList th, .filingList td {
	padding: 3px 5px 5px 3px;
	text-align: center;
}
.filingList td {	
	border: 1px solid #ccc;
}

/* Tabular filing/message views */
.listingArea {
	padding: 10px;
	clear: both;
}

.listingArea form {
	margin: 0px;
	padding: 0px;
}

.actionHeader {
	display: block;
}

.headerRow {
	white-space: nowrap;
}

.headerRow [class*="headerContainer"]{
	display: inline-block;
	padding-left: 10px;
	vertical-align: top;
	width: 33%;
}

.amendedItems {
	padding-top: 20px;
}

.correspondenceSection {
		padding:10px 0px 10px 0px;
}
	
.correspondenceItem {
		padding:10px 10px 10px 0px;
		border:  1px solid #cfc8b3;
		border-bottom: 3px solid #dddddd;
}

form.styled div.correspondenceItem input.inputButton{
	margin: 0px 0px 0px 10px;
}

span.filingAction, span.editFilingAction, span.rowButton {
	float: left;
	border: 1px solid #cfc8b3;
	border-bottom-color: #999;
	border-right-color: #999;
	line-height: 25px;
	margin-right: 5px;
}

span.filingActionDisabled , span.editFilingActionDisabled , span.rowButtonDisabled  {
	float: left;
	border: 1px solid #cfc8b3;
	border-bottom-color: #999;
	border-right-color: #999;
	line-height: 25px;
	margin-right: 5px;
}

span.cloneFilingAction{
	float: right;
	border: 1px solid #cfc8b3;
	border-bottom-color: #999;
	border-right-color: #999;
	line-height: 25px;
	margin-right: 5px;
}

span.labelbox {
	border: 2px solid red;
	color: red;
	font-weight:bold;
	float: left;
	line-height: 17px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 3px 10px;
	text-align: center;
	vertical-align:middle;  
}

span.filingAction a, span.editFilingAction a, span.rowButton a {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	/* the commented out padding opens room for icons */
	/*padding: 8px 10px 8px 25px;*/
	padding: 8px 10px;
	line-height: 25px;
}

span.filingActionDisabled a, span.editFilingActionDisabled a, span.rowButtonDisabled a {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #CCC;
	font-weight: normal;
	text-decoration: none;
	/* the commented out padding opens room for icons */
	/*padding: 8px 10px 8px 25px;*/
	padding: 8px 10px;
	line-height: 25px;
	cursor: default;
}

span.cloneFilingAction a{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	/* the commented out padding opens room for icons */
	/*padding: 8px 10px 8px 25px;*/
	padding: 8px 10px;
	line-height: 25px;
}

span.rowButton {
	background: url('../images/action_bar_bg.gif') repeat-x top left;
	margin-top:1px;
	margin-bottom:1px;
	padding:3px;
}

/*
These commented out styles apply icons to the various action 
buttons in the application.

span#viewFilingAction {
	background: url('../images/document.gif') no-repeat 50% left;
}
span#saveAction{
	background: url('../images/disk.png') no-repeat 3px 50%;
}
span#applyAction {
	background: url('../images/disk.png') no-repeat 3px 50%;
}
span#cancelAction{
	background: url('../images/cancel.png') no-repeat 3px 50%;
}
span#editAction{
	background: url('../images/page_edit.png') no-repeat 3px 50%;
}
span#deleteDraftFilingAction{
	background: url('../images/cancel.png') no-repeat 3px 50%;
}
span#moveAction {
	background: url('../images/move_arrow.gif') no-repeat 50% left;
}
span#deleteAction {
	background: url('../images/delete_icon.gif') no-repeat 50% left;
}
span#createReportAction {
	background: url('../images/document.gif') no-repeat 50% left;
}
span#editAction{
	background: url('../images/page_edit.png') no-repeat 3px 50%;
}
span#submitSingleFilingAction {
	background: url('../images/page_go.png') no-repeat 3px 50%;
}
span#submitMultiFilingAction {
	background: url('../images/page_go.png') no-repeat 3px 50%;
}
span#updatePublicAccess {
	background: url('../images/public_access.gif') no-repeat 5px 50%;
}*/

.buttonColumn {
	text-align:center;
	}
	
.actionBar, .actionInfoLine, .tableRowActionInfoLine, .documentActionBar {
	display:block;
	background: url('../images/action_bar_bg.gif') repeat-x top left;
	height: 35px;
	margin:0;
	padding: 5px;
	padding-left: 10px;
	border: 1px solid #cfc8b3;
	border-width: 1px 1px 0px 1px;
}

.documentActionBar {
	border-width: 1px;
	clear: both;
}

.actionInfoLine, .tableRowActionInfoLine {
	height: 1.5em;
	font-weight: bold;
	font-size: 1.1em;
	color: #000;
}

.tableRowActionInfoLine td {
	padding-top: 5px;
	text-align: center;
	border: 1px solid #cfc8b3;
	border-width: 1px 1px 0px 1px;
}
.pagination {
	float: right;
	padding-right: 6px;	
	font-size: .8em;
	font-weight: normal;
}

.pagination .count {
	font-weight: bold;
	border-right: 1px solid #999;
	padding-right: 3px;
	margin-right: 5px;
}
.columnHeader, .columnHeader_tall,  .selectedColumnHeader, .selectedColumnHeaderDescend{
	text-align: left;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	border: 1px solid #cfc8b3;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
	color: #666;
}
td.enclosingCell {
	border: 1px solid #cfc8b3;
}
.columnHeader a, .columnHeader_tall a, .selectedColumnHeader a, .selectedColumnHeaderDescend a{
	width: 100%;
	display: block;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	font-size: 1em;
}
.selectedColumnHeader a {
	background: url('../images/sort_up_1.gif') no-repeat center right;
}
.selectedColumnHeaderDescend a {
	background: url('../images/sort_dn_1.gif') no-repeat center right;
}
.columnHeader {
	background: url('../images/header_column_bg.gif') repeat-x top;
}
.columnHeader_tall {
	background: url('../images/header_column_bg_tall.gif') repeat-x center bottom;
}
.selectedColumnHeader, .selectedColumnHeaderDescend {
	background: url('../images/selected_header_column_bg.gif') repeat-x top;
}
table.dataTable {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
	line-height: 1.4em;
}

table.dataTable caption {
	padding: 1px 5px 1px 5px;
	font-size: .8em;
	border-bottom: 3px solid #ddd;
	font-weight: bold;
}

table.dataTable tr {
	vertical-align: top;
}

.checkAll {
	/* IE only fixes. See old-ie-fixes.css */
	/*position: relative;
	top: -3px;*/
}
.checkAllBox {
	/* IE only fix. See old-ie-fixes.css - position: absolute;*/
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}

table.clean {
	border: 0px;	
}

table.dataTable tr.selectedLine {
	background-color: #FFF3B3;
	cursor: pointer;
}
table.dataTable th {
	padding: 1px 5px 1px 5px;
	border-bottom: 3px solid #ddd;
	font-weight: bold;
	text-align: left;
	line-height: 1.3em;
}
table.dataTable td {
	padding: 1px 5px 1px 5px;
	border-bottom: 1px solid #ddd;
}

table.dataTable td label.tdlabel {
	width: 250px;
	padding-right: 0px;	
}

/*
This was added for Paper Filings.  The Table Rows for Effective Date
had the grey bar underneath them.  This is currently used in filingInfo.jsp
*/
table.dataTable td.clean{
	border-bottom: 0px;
}



table.wizardTable {
	width: 980px;
	border-collapse: collapse;
}
table.wizardTable th {
	padding: 1px 5px 1px 5px;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	border-bottom: 1px solid #ddd;
}
table.wizardTable td {
	padding: 1px 5px 1px 5px;
	border-bottom: 1px solid #ddd;
}

table.wizardTable tr {
	vertical-align: middle;
	padding-top:3px;
	padding-bottom:3px;
}
table.wizardTable tr.selectedLine {
	background-color: #FFF3B3;
	cursor: hand;
}
/* Transmittal Header Page */
.documentArea {
	
	padding: 10px;
	padding-top:0;
}

.documentArea h1, .documentArea h2 {
	margin: 0px;
	padding: 0px;
}
.documentArea h1 {
	font-size: 1.7em;
}
.documentArea h2 {
	font-size: 1.5em;
	font-style: italic;
}

.documentArea .fieldgroup {
	clear:left;
	padding: 5px 0;
	text-align: left;
	width: 100%;
	line-height: 1.5em;
}
.documentArea .fieldgroup label {
	display:block;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;	
	line-height: 1.5em;
	padding-right: 13px;
	text-align: right;
	width:140px;
	}

.documentArea .fieldgroup label.wide {
	width:200px;
}

.documentArea label.required {
	background: transparent url(../images/asterisk.png) no-repeat top right;
}
.documentArea span.readOnlyData {
	line-height: 1.1em;
}

.documentArea .fieldgroup span {
	line-height: 1.5em;
}
	
.error {
	color:red;
}

/* Transmittal Header Page */
.filingArea {
	width: 100%;
	padding: 10px;
}

.filingArea h1, .filingArea h2 {
	margin: 0px;
	padding: 0px;
}
.filingArea h1 {
	font-size: 1.7em;
}
.filingArea h2 {
	font-size: 1.5em;
	font-style: italic;
}

.filingNumber, .filingNumberOrdinal, .transitionState,.filingDate {
	font-size: 1.1em; /* .7em from .filingSummaryTable && 1.1em = .8em */
}
.filingNumber {
	color:#CC6633;
	font-weight:bold;
}
.filingNumberOrdinal {
	color: #000;
	font-weight:bold;
}
.transitionState {
	color:#CC6633
}
.filingDate, .filingOwner {
	text-align: right;
}
.stateText {
	display:block;
	font-family:"Times New Roman", Times, serif;
	font-size:2.0em;
	font-weight:bold;
	float:right;
}
#stateViewed {
	background-color:#F4F3D7;
	padding-top: 3px;
	padding-bottom: 3px;
}
.filingHeader {
	margin-top: 10px;
	margin-bottom: 10px;
}
.filingHeaderTable , .filingSummaryTable, .stateViewedTable {
	width: 100%;
	font-size: 1em;
	/*border: 1px solid red;*/
}

.priorRevision, table.dataTable tbody tr.priorRevision {
	font-style: italic;
	text-indent: 5px;
	color: #333;
	background-color: #f1f1f1;
}

priorRevisionOne td {
	border-bottom: none !important;
}

.searchString {
	color: #18377a;
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 5px;
	margin: 0 0 0 20px;
}

/*
 * Categories - aka Vertical Tabs for preferences and instances
 */
 
 #categories{
 float: left;
 width: 12em;
 border-top: 1px solid #ccc;
 padding: 0;
 margin: 0 10px 1em 0;
 font-size:93%;
 color: #333;
}
#categories ul, #instances ul {
 list-style: none;
 margin: 0;
 padding: 0;
 border: none;
}
#categories li, #instances li {
 background:url("../images/categories_bg.gif") repeat-y left;
 margin: 0;
 padding: 0;
}

#categories li a:hover, #instances li a:hover {
 border-left: 10px solid #18377a;
/* border-right: 10px solid #5ba3e0;*/
 background-color: #2586d7;
 color: #fff;
}

#categories li a, #instances li a {
 font-weight:bold;
 display: block;
 padding: 5px 5px 5px 0.5em;
 border-left: 10px solid #dedede;
 color: #000;
 text-decoration: none;
 width: 100%;
 border-bottom: 1px solid #ccc;
 border-right: 1px solid #ccc;
}
html>body #categories li a, html>body #instances li a {
 width: auto;
}
#categories li.selectedCategory a, #instances li.selectedInstance a {
 color: #000;
 border-left-color: #F9D811;
 background-color: #fff;
 border-right-color: #fff;
}

.categoryPanel {
	display:none;
}
.selectedCategoryPanel, .selectedInstancePanel {
	clear: none;
	width: 100%;
	display: block;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
}


#instancesLeft {
 float: left;
 width: 23em;
 padding: 0;
 margin: 0;
 font-size:93%;
 color: #333;
}
#instancesRight {
 float: right;
 width: 72em;
 padding: 0;
 margin: 0;
 margin-bottom: 1em;
 font-size:93%;
 color: #333;
}

table.maintainInstances {
	align: right;
	width: 100%;
	border-collapse: collapse;
}
table.maintainInstances caption {
	padding: 1px 5px 1px 5px;
	font-size: .8em;
	border-bottom: 3px solid #ddd;
	font-weight: bold;
}
table.maintainInstances tr {
	vertical-align: top;
}
table.maintainInstances th {
	padding: 1px 5px 1px 5px;
	/*font-size: .8em;   */
	border-bottom: 3px solid #ddd;
	font-weight: bold;
	text-align: left;
}
table.maintainInstances td {
	padding: 1px 5px 1px 5px;
	/*font-size: .8em;  */
	border-bottom: 1px solid #ddd;
}

table.maintainInstances td.clean{
	border-bottom: 0px;
}

/*
 * Public Access in edit-filing.
 */

.publicAccessBox {
	border: 1px solid #aaa;
	color: #aaa;
	float: left;
	font-size: .9em;
	font-weight: bold;
	margin: 5px;
	padding: 3px 10px;
	width: auto;
}

.publicAccessBox img {
	border: 0; 
	margin-left: 3px;
	margin-right: 3px;
}

.publicAccessBox span {
	vertical-align: middle;
}

/*
 * Associated Schedule Items adjustment for public access box
 */
.asi {
	float: none;
	width: 360px;
}

/*
 * Quick Text Component
 */
table.quickText {
	width: 90%;
	border-collapse: collapse;
	margin-bottom: 10px;
}

table.quickText tr {
	vertical-align: top;
}

table.quickText td {
	padding: 1px 5px 1px 5px;
	border-bottom: 1px solid #ddd;
}

table.adminTable {
	width: 90%;
	border-collapse: collapse;
}

table.adminTable td {
	border: 1px solid #999;
}
 
 .workspaceIcon {
	float: right;
}

table.dataTable tbody tr td.iconCell_double {
	width: 36px;
	margin:0;
	text-align: center;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
}

table.dataTable td.iconCell {
	width: 16px;
	margin:0;
	text-align: center;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
}
table.dataTable td.iconCell img,
table.dataTable td.iconCell_double img {
	border: 0px;
	margin: 0;
	padding: 0;
	width: 16px;
}
.imageIcon {
	/* 20px x 20px */
	margin:0;
	padding-top: 4px;
	text-decoration: none;
	width: 16px;
}
.imageIcon_blank {
	/* 20px x 20px */
	display: block;
	height: 20px;
	margin:0;
	width: 20px;
}

.iconBlank {
	display: block;
	width: 16px;
	height: 16px;
}

.icIcon {
	font-family: Arial;
	font-size: 14px;
	text-align: center;
	color: blue; 
	font-weight: bold;
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 5px;
}


div.grippie {
	background:#EEEEEE url(../images/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}
.resizable-textarea textarea {
	display:block;
	margin-bottom:0pt;
	width:95%;
	height: 20%;
}

.fileUploadFrame {
	text-align:center;
	vertical-align:middle;
	border-style:none;
	margin:0px;
	width:100%;
	height:55px;
}
.attachmentProgress {
	display: none;
	height: 55px;
	width: 100%;
	margin: 0;
	border-style: none;
	vertical-align: middle;
	text-align: center;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;	
}

.highlight {
	background-color: #ADDFFF;
}

.itemError {
	color: red;
	margin-left: 25px;
	font-weight: bold;
}