/* 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;
	font-size: .7em;
	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;
}
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.labelbox {
	float: left;
	border: 2px solid red;
	border-bottom-color: red;
	border-right-color: red;
	line-height: 17px;
	margin-left: 20px;
	vertical-align:middle;  
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

span.filingAction a, span.editFilingAction a, span.rowButton a {
	font-family: Tahoma;
	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{
	font-size: .7em;
	text-align: left;
	font-family: Tahoma;
	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;
}
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;
	font-size: 1em;
	text-align: left;
}
table.dataTable td {
	padding: 1px 5px 1px 5px;
	font-size: 1em;
	border-bottom: 1px solid #ddd;
}
table.eftDataTable {
	table-layout : fixed;
}

table.eftDataTable th {
	width : 100px;
}
/*
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: 100%;
	border-collapse: collapse;
}
table.wizardTable th {
	padding: 1px 5px 1px 5px;
	text-align: center;
	font-size: .7em;
	font-family: Tahoma;
	border-bottom: 1px solid #ddd;
}
table.wizardTable td {
	padding: 1px 5px 1px 5px;
	font-size: .7em;
	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;
}
.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 {
	font-style: italic;
	text-indent: 5px;
	color: #333;
	background-color: #f1f1f1;	
}

.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, #instances {
 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 {
 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;
}


#instances {
 float: right;
 width: 72em;
 border-top: 1px solid #ccc;
 padding: 0;
 margin: 0;
 margin-bottom: 1em;
 font-size:93%;
 color: #333;
}

#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 {
    text-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;
}


/*
 * Public Access in edit-filing.
 */
.publicAccessBox {
	float: right;
	width: 280px;
	margin: 5px;
	padding: 3px 10px;
	border: 1px solid #aaa;
	color: #aaa;
	font-size: .9em;
	font-weight: bold;
}

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

.publicAccessBox span {
	height: 100%; 
	vertical-align: middle;
}


.publicAccessBox {
	float: left;
	color: #aaa;
	width: 280px;
	font-weight: bold;
	border: 1px solid #aaa;
	padding: 3px 10px;
	margin: 5px;
	font-size: .9em;
}
.publicAccessBox img {
	border: 0;
	margin: 3px;
}
publicAccessBox span {
	height: 100%;
	vertical-align: middle;
}

/*
 * 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;
	font-size: .7em;
	border-bottom: 1px solid #ddd;
}

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

table.adminTable td {
	font-size: .7em;
	border: 1px solid #999;
}
 
 .workspaceIcon {
	float: right;
}

table.dataTable .iconCell {
	width: 16px;
	margin:0;
	text-align: center;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
}
table.dataTable .iconCell img {
	border: 0px;
	margin: 0;
	padding: 0;
	width: 16px;
}

.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;
	min-height:9px
}
.resizable-textarea { 
	width:100%;
} 

.resizable-textarea textarea {
	display:block;
	margin-bottom:0pt;
	width:100%;
	height: 40px;
}

.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;	
}

.multiButton,.multiButtonDisabled {
	float: left;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	background-color: #ccc;
	padding: 1px;
	position: relative;
	margin-right: 1px;
	z-index: 0;
	text-align: left;
	display: list-item;
	list-style-type: none;
	width: 100px;
	margin-left: 10px;
}

.multiButtonText {
	z-index: 0;	
	text-align: center;
	display: block;
	z-index: 0;
}
.multiButtonText a {
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: black;
	z-index: 0;
}

.multiButtonDisabled .multiButtonText a {
	color: #999;	
}

.multiButton ul.multiButtonOptions {
	text-align: left;
	border:1px solid black;
	position: absolute;
	top: -1;
	left: 100%;
	display:none;
	width: 150px;
	margin:0;
	margin-left: 2px;
	padding:0;
	list-style-type:none;
}

.multiButton ul.multiButtonOptions li.multiButtonOption {
	text-align:left;
	z-index: 1;
	display: block;
}

li.multiButtonOption a {
	background-color:#FFFFFF;
	border-bottom:1px solid #000000;
	color:#000000;
	display:block;
	height:1.5em;
	padding:3px;
	text-align:center;
	text-decoration:none;
	z-index: 1;
}

li.multiButtonOption a:hover {
	background-color:#FFF3B3;
}

li.multiButtonOption:last-child a {
	border-bottom:medium none;
}