/**
 * SKCA Staff Session Adjustments and Additions
 * $Rev:: 249           $:  Revision of last commit
 * $Author:: tom        $:  Author of last commit
 * $Date:: 2012-05-04 1#$:  Date of last commit
*/

@import url(../css/core.css);

#logo, #logoMenu {
	background-image: url(../img/KCArchives.jpg);
}
.panelMenu {
   border-spacing: 0;
}

.panelMenu td {
   padding: 0px 10px 0px 0px;
   vertical-align: center;
}

.panelMenu td.panelMenuHead {
   padding: 3px 10px 3px 0px;
   font-weight: bold;
   color:#999999;
   height: 16px;
}

.field13 {
   width:460px;
   font-size: 11px;
}

.breakhere {
   page-break-after: always;
}

.menuCat1, .menuCat2, .menuCat2a, .menuCat3, .menuCat3a, .menuCat4, .menuCat5 {
   float: left;
   color: #999999;
}

.menuCat1, .menuCat2 {
   font-weight: bold;
}

.menuCat2, .menuCat2a {
   width: 555px;
   padding-left: 15px;
}

.menuCat3, .menuCat5 {
   padding-left: 30px;
}

.menuCat1 {
   width: 570px;
   margin-top: 12px;
   margin-bottom: 6px;
}

.menuCat3 {
   width: 150px;
}

.menuCat3a {
   width: 200px;
   padding-left: 10px;
}

.menuCat4 {
   width: 30px;
   min-width: 30px;
   text-align: left;
}

.menuCat5 {
   width: 540px;
}

.bodyTree {
   margin-top: 5px;
   margin-left: 10px;
}

.dspcont {
   display: none;
   margin-left: 1.3em;
   padding-left: 1em;
   text-indent: -1.2em;
}

.dspcont .dspcont {
   margin-left: .1em;
}

a.dsphead span.dspchar {
   font-family: monospace;
   font-weight: bold;
   color: #587796;
   font-size: 18px;
}

span.minus {
   font-family: monospace;
   font-weight: bold;
   color: #000000;
   font-size: 18px;
}

a.dsphead {
   text-decoration: none;
   color: #000000;
   margin-left: 0em;
   font-size: 14px;
}

a.dsphead:hover {
   color: #FFFFFF;
   text-decoration: none;
   background-color: #91AABF;
}

.Sectionhead {
   font-size: 14px;
   color: #000000;
   height: 20px;
   font-weight: bold;
}

/* HACK FOR IE8 */
.dspcont {
	text-indent /*\**/: 0em\9;
}

.popUp {
   margin: 0px;
   width: 580px;
   padding-top: 5px;
   padding-right: 15px;
   padding-bottom: 15px;
   padding-left: 15px;
}
.reportResults { 
	clear:both; 
}

.box {
	border: 1px solid #000000;
	font-size: 1px;
	height: 8px;
	width: 8px;
	float: left;
	margin-right: 4px;
	margin-top: 2px;
} 

.tdOutline {
	border: 1px solid #000000;
	padding: 10px;
	color: #000000;	
} 

.tdPadding td {
	padding-top: 5px;
	padding-bottom: 5px;
} 

.formHeader {
	background-color:#EDEDED;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
}

/*vvvvvvvvvvvvvvvvv MARC support vvvvvvvvvvvvvvvvv*/
.inputField5 {
   border: solid #CCCCCC 1px;
   padding: 0px 5px 5px 47px;
   font-size: 11px;
   width: 90%;
   margin-top: 2px;
   margin-bottom: 10px;
	}
.inputField5 table tbody tr td {
   font-size: 11px;
	}
.inputField6 {
	border: solid #CCCCCC 1px;
	padding: 2px 5px 5px 50px;
	font-size: 11px;
	width: 90%;
	}
.inputField6 table tr td {
   font-size: 11px;
	}
#FieldListBody,
#FieldListDocument {
    overflow: hidden;
	}
#FieldListContainer {
    font-size: 90%;
    height: 100%;
    /*overflow: scroll;*/
    overflow-x: hidden;
    overflow-y: scroll; 
	}
#FieldListContainer form {
	height: 100%;
	}
textarea { 
   overflow: auto; 
	}

.inField1, 
.inField2, 
.inField2b,
.inField3,
.inField4 {
	border: solid #CCCCCC 0px;
	padding: 2px 5px 5px 10px;
	margin: 2px 5px 5px 0px;
	font-size: 11px;
    width: 95%;
	}
/*.inField1 { padding-left:  50px; }*/
.inField1 { padding-left:  50px; }
.inField2 { padding-right: 0px; padding-left: 40px; width: 92%;}
.inField2b { margin-right: 0px; padding-right: 0px; }
.inField3 { padding-right: 8px; padding-left: 2px; }
.inField4 { padding-right: 47px; }
.inField1 table tr td, 
.inField2 table tr td, 
.inField2b table tr td, 
.inField3 table tr td, 
.inField4 table tr td { font-size: 11px; }
.inField1 table tr td input,
.inField2 table tr td input,
.inField2b table tr td input,
.inField3 table tr td input,
.inField4 table tr td input { width: 70px; }

.inField2, .inField2a { border: solid #CCCCCC 1px; }
.inField2a {
	padding: 5px 5px 5px 5px;
	font-size: 11px;
	width: 95%;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 4px;
	}
.inField2a table tbody tr td { font-size: 11px; }
.inField2b { border-width: 0px; } 
.inField3  { border: solid #CCCCCC 1px; }
.caField3, .caField4, .caField5 { margin-top: 1px; font-size: 11px; }
.inField2a table tbody tr td input { width: 500px; }
.inField2a table tbody tr td input.caField3 { width: 70px; }
.inField3 table tbody tr td input.caField3 { width: 20px; }
.inField3 table tbody tr td input.caField4 { width: 455px; }
.inField3 table tbody tr td textarea.subFieldM1 { width: 530px; height: 75px; vertical-align: top; }
.inField4 table tbody tr td input.caField3 { width: 20px; }

.BtnStyle		{ margin: 0px 0px 1px 0px; }
.BlnkBtnStyle	{ margin: 0px 2px 0px 2px; }
.MARCsubfields	{ margin: 2px 0px 0px 0px; }

/*
Uncomment to use for DEBUGGING...
.inField2                                           { background-color: beige;	}
.inField2b                                          { background-color: lavender; }
.inField3                                           { background-color: pink;	}
.inField2a table tbody tr td input					{ background-color: yellow; }
.inField3  table tbody tr td input.caField3			{ background-color: red;	}
.inField3  table tbody tr td input.caField4			{ background-color: blue;	}
.inField3  table tbody tr td textarea.subFieldM1	{ background-color: orange; }
.inField4  table tbody tr td input.caField3			{ background-color: green;	}
.inField4 table tr td input							{ background-color: purple; }
*/


/* ========================================================*/
/* left-column formatting */
.fieldListArea {
    float:						left;
	padding:					0px 0px 0px 0px;
	margin:						5px 0px 0px 0px;
	max-height:					30px;
	width:						200px;
	vertical-align:				bottom;
	border-collapse:			collapse;
	}
.tabBufferPre, 
.tabBufferPost, 
.fieldListTab, 
.activeHeader, 
.fillTab1, 
.fillTab2 {
	border-collapse:			collapse;
	height:						15px;
	}
.tabBufferPre, 
.tabBufferPost {
	float:						left;
	padding:					4px 0px  4px 0px;
	margin:						6px -1px 0px 0px;
	width:						15px;
	max-width:					15px;
	color:						#333333;
	border:						solid #ffffff 1px;	/*white*/
	border-left:				solid #ffffff 0px;	/*white*/
	border-bottom:				solid #000000 1px;	/*black*/
	}
.tabBufferPost {
	width:						77px;
	max-width:					77px;
	}
.fieldListTab, 
.activeHeader, 
.fillTab1, 
.fillTab2 {
	border-top-left-radius:		8px;
    border-top-right-radius:	8px;
	width:						50px;
	max-width:					50px;
	}
.fieldListTab {
	float: left;
	padding:					4px 0px  4px 0px;
	margin:						6px 0px 0px 0px;
	text-align:					center;
	border:						solid #bbbbbb 1px;	/*gray*/
	border-bottom:				solid #000000 1px;	/*black*/
	}
.fieldListTab a:hover {
	color:						#587796;			/*std blue font*/
	background-color:			#ffffff;			/*white*/
}
.activeHeader { 
	font-weight:				bold;
	padding:					4px 0px  4px 0px;
	margin:						6px 0px 0px 0px;
	border:						solid #000000 1px;	/*black*/
	border-bottom:				solid #ffffff 1px;	/*white*/
	}
.fillTab1 { 
	padding:					4px 18px 4px 18px; 
	}
.fillTab2 { 
	padding:					4px 10px 4px 10px; 
	}
.fieldListMain {
	border-right:				solid #000000 1px;	/*black*/
	border-collapse:			collapse;
	padding-top:				4px;
	max-width:					196px;
	}
.fieldListSearch {
	margin-left:				15px;
	margin-top:					6px;
	width:						181px;
	max-width:					181px;
	}
.fieldListSearch input {
	width:						130px;
	max-width:					130px;
	}
.fieldListHeader {
	width:						177px;
	}
.panelErrorLeft {
	float:						left;
	width:						148px;
	margin:						4px 10px 0px 2px;
	padding:					6px 10px 6px 30px;
	font-size:					85%;
	border:						solid #CC0000 1px;	/*red*/
	color:						#CC0000;			/*red*/
	background-image:			url("../img/icon_error.gif");
	background-repeat:			no-repeat;
	box-shadow:					5px 5px 5px #BBBBBB;/*gray right-bottom*/
	}
/*========================================================*/