@import "navmenu.css";
@import "navmenu2.css";
@import "clusters.css";
@import "table1.css";
@import "table2.css";
@import "table3.css";
@import "tableicons.css";

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: .8em;
	line-height: 1.1em;
	background: url( "../images/background_blue.png" ) 0 0 repeat-x;
	background-color: #BAE3F9;
}

#wrapperA {
	position: absolute;
	background: url( "../images/blue_back.png" ) 0 0 repeat;
	width: 100%;
	height: 100%;
	z-index:2;
}

#wrapperB {
	width: 936px;
	margin: 0 auto;
}

#wrapperC {
	position: absolute;
	top: 0;
	width: 936px;
	margin: 0 auto;

}

#logo {
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 150px;
	background: url( "../images/czpenn_logo.png" ) 0 0 no-repeat;

}

#logo span {
	display: none;
}
#profile h4 span { display : block; width : 490px; }

#hill_footer {
	position: absolute;
	z-index:0;
	width: 100%;
	height: 100px;
	background: url( "../images/hill_footer.png" ) 0 0 repeat-x;
}





.ajaxworking { position : absolute; top : 0; background-color : red; color : white; padding : 3px; right : 5px; text-align : center;  font-size : .8em}

table.data-table { border-collapse : collapse;  margin-top : 10px; margin-bottom : 7px;}
#table1 table.data-table td { padding : 4px; }
td.c1 { font-weight : bold; width : 200px }

.evenrow { background-color : #d9effa}

input.textfield { border : 1px solid #AAA}
textarea { border : 1px solid #AAA}
select { border : 1px solid #AAA }
input.submit { background-color:#095488;
border:1px solid #AAAAAA;
color:white;
font-size:1.1em;
padding:2px 4px; }
input.flatbutton { border : 1px solid #AAA }
#searchboxbutton { margin-left : 5px }
.smalltext { color : #2b2727; font-size : .8em }

div.kupu-fulleditor { background-color : #fdfdf3 }
iframe { background-color : white }

.centered { text-align : center }
.bold { font-weight : bold }

.heading { font-size : 1.4em; display : block; margin-bottom : 20px; }
.error { color : red }
input.error { border : 1px solid red; background-color : #FFEFEF; color : black }
textarea.error { border : 1px solid red; background-color : #FFEFEF; color : black }

#hoverdiv { position:absolute; top : 40px; border : 1px solid #e2c822; background-color : #fff9d7; padding : 5px; z-index : 1000; width : 200px }
#hoverdiv2 { position:absolute; margin-top : 5px; margin-left : 5px; border : 1px solid #e2c822; background-color : #fff9d7; padding : 5px; z-index : 1000; width : 700px }

.block { display : block }
#errorcontainer ul { list-style : none; margin : 0; padding : 0}
#errorcontainer ul li { margin : 0; padding : 0; text-align : center}
#errorcontainer .error { display : block; color : white; background-color : red; width : 92%; border : 1px solid black; text-align : center; font-size : 1.2em; padding : 3px }

#nojs { display : block;font-size : 1.2em; font-weight : bold; color : red; text-align : center }

span.elementname { font-weight : bold }


a { color : navy; text-decoration : none; font-weight : bold; }
a:hover { text-decoration : underline }

#onetinit { width:120px; height : 49px; margin-top : 5px; background-image:url(../images/onet_logo_in-it.png) }



#paicons { position : relative; left : 780px; top : 50px; width : 200px; list-style : none; z-order : 1000;}
#paicons a { display : block; height : 50px; width : 180px}
#paicons span { display : none }

div.occupation-list { width : 100% }
div.occupation-list td { height : 28px; border-bottom : 1px solid #D9EFFA; vertical-align : top}
div.occupation-list td a { display : block; line-height : 20px; }

ul.collegelist a.blocklink { display : block; line-height : 20px;   }
ul.collegelist li { border-bottom : 1px solid #D9EFFA; }

div.video { background-image : url(../images/czpenn_video_small.png); background-repeat : no-repeat  }
div.hpo { background-image : url(../images/czpenn_hpo2.png);  background-repeat : no-repeat }
div.indicator-container {width : 25px; height : 20px; float : left }
div.indicator-container span { display : none }
li.hpo a { color : red }

.clear { clear : both }

#flashfloat {
	float: right;
	margin: 5px 0 5px 5px;
}

ul.floated_counties li {
	float : left;
	width : 150px;
}

div.indent_budget {
  padding : 3px;
  padding-left : 5px;
}

div.indent_budget p { margin-bottom : 4px }

#footer { clear : both }
#table1 tfoot td.footer  { text-align : center; font-size : .9em; padding-top : 7px; font-weight : normal }
#table2 tfoot td.footer  { text-align : center; font-size : .9em; padding-top : 7px; font-weight : normal }
#table3 tfoot td.footer  { text-align : center; font-size : .9em; padding-top : 7px; font-weight : normal }

	
div.boxed {
background:transparent url(../images/table1_mideven.png) repeat scroll 0 0;
border:1px solid #0077AD;
margin-top:25px;
padding:12px;
width:430px; }
div.boxed label { display : block; font-weight : bold; margin-bottom : 3px }


img.bordered {
	background:transparent url(../images/table1_mideven.png) repeat scroll 0 0;
border-color:#D8FFFF #B1D8E8 #A6CDDC #C5EFFF;
border-style:solid;
border-width:1px;
margin:10px 0 5px 10px;
padding:5px;
float : right;
clear : both;
width : 175px;
}

.budget input.textfield {
	border:1px solid #AAAAAA;
font-size:1.1em;
font-weight:bold;
padding:2px;
}

.budget p.instructions {
	font-size:1.05em;
	line-height:1.4em;
	margin:10px 0 15px;	
}

div.suboptions { margin-top : 25px }
div.suboptions h5 { color : #0077AD; font-size : 1.1em }

.rich-table-footercell { background-color : #EBF6FC ; text-align : right }
#table1 #datacell table.jobOrderTable td.rich-table-cell { padding : 2px }
#table1 #datacell table.jobOrderTable th.rich-table-subheadercell { font-weight : bold; font-size : 1em }
#table1 #datacell ul.tight li { margin : 0 }