/* 
Theme Name: IUOE 955
Theme URL: http://pivit.ca/
Description: A custom theme for IUOE 995.
Author: Pivit Inc.
Author URI: http://pivit.ca
Version: 1.0.0

*/
/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}


/* -- container layout styles -- */

body{

text-align:center;
margin:0 auto;
background:#fff;
font-family: "Lucida Grande", Verdana, Sans-serif;
}


#wrapper{

margin:0 auto;
width:981px;
height:auto;
text-align:left;

}

#mastHead{

position:relative;
float:left;
width:981px;
height:auto;

}

#logoHolder{

position:relative;
float:left;
width:981px;
height:107px;
background:url(images/mastHeadBg.gif) top left no-repeat;

}

#logoHolder h1{

position:absolute;
top:29px;
left:61px;
background:url(images/logo.gif) top left no-repeat;
text-indent:-9000px;
width:383px;
height:78px;
}

#navHolder{

position:relative;
float:left;
width:981px;
height:48px;
background:url(images/contentBg.gif) top left repeat-y;

}

#contentHolder{

position:relative;
float:left;
width:981px;
height:auto;
background:url(images/contentBg.gif) top left repeat-y;
padding:60px 0 20px 0;

}

#panel1{

position:relative;
float:left;
width:395px;
margin:0 43px 0 41px;
height:auto;
display:inline;
text-align:left;

}



#panel2{

position:relative;
float:left;
width:501px;
height:auto;
display:inline;

}

#panel3{

position:relative;
float:left;
width:501px;
height:auto;
display:inline;

}

#post{

position:relative;
float:left;
width:400px;
height:auto;
margin:0 87px 0 12px;
display:inline;

}


#homePanel1{

position:relative;
float:left;
width:415px;
margin:0 43px 0 21px;
height:auto;
display:inline;
text-align:left;

}

#homePanel1 img{

position:relative;
float:left;
margin:0;


}

#homePanel2{

position:relative;
float:left;
width:501px;
height:auto;
display:inline;

}

#homePanel2 img{

position:relative;
float:left;
margin:0 0 0 20px;


}



#formContent{

position:relative;
float:left;
width:941px;
margin:0 20px 0 20px;
height:auto;
display:inline;
text-align:left;


font-size:12px;
color:#666;
line-height:18px;

}



#formPanel2 h2{



font-size:18px;
text-align:left;
font-weight:bold;
margin:10px 0 20px 0;
color:#333;

}

#formPanel1{

position:relative;
float:left;
width:415px;
margin:0 43px 0 21px;
height:auto;
display:inline;
text-align:left;

}


#formPanel2{

position:relative;
float:left;
width:501px;
height:auto;
display:inline;
font-size:12px;
color:#666;
line-height:18px;
}

#subHolder{

position:relative;
float:left;
width:501px;
height:auto;
display:inline;
margin:20px 0 20px 0;

}

#subHolder ul{

position:relative;
float:left;
width:481px;
height:auto;
display:inline;
list-style-type:none;
margin:0 0 0 20px;
}

#subHolder ul li{
position:relative;
float:left;
width:150px;
height:auto;
display:inline;
margin:0 5px 10px 0;
}

#subHolder ul li a:link, #subHolder ul li a:visited{

color:#000;
text-decoration:none;
font-size:12px;
font-weight:bold;
}

#subHolder ul li a:hover{

color:#666;

}



#subHolder p{

font-size:11px;
color:#666;
margin:5px 0 0 0;

}


#subHolderPage{

position:relative;
float:left;
width:451px;
height:auto;
display:inline;
margin:20px 0 20px 0;

}


#subHolderPage ol{

position:relative;
float:left;
width:421px;
margin:0 0 0 30px;
height:auto;
display:inline;
list-style-type:none;

}

#subHolderPage ul{

position:relative;
float:left;
width:421px;
margin:0 0 0 30px;
height:auto;
display:inline;
list-style-type:none;

}

#subHolderPage ul li{
position:relative;
float:left;
width:135px;
height:auto;
display:inline;
margin:0 5px 10px 0;

}

#subHolderPage ul li a:link, #subHolderPage ul li a:visited{

color:#999999;
text-decoration:none;
font-size:12px;
font-weight:bold;
}

#subHolderPage ul li a:hover{

color:#000;
}




#subHolderPage p{

font-size:11px;
color:#666;
margin:5px 0 0 0;

}


#pagePanel1{

position:relative;
float:left;
width:415px;
margin:0 43px 0 20px;
height:auto;
display:inline;
text-align:left;

}

#pagePanel1 img{

position:relative;
float:left;
margin:0;


}

#pagePanel2{

position:relative;
float:left;
width:501px;
height:auto;
display:inline;

}

#pagePanel2 img{

position:relative;
float:left;
margin:0 0 0 20px;


}

#404{
position:relative;
float:left;
margin:0 0 0 80px;


}


#contentBottom{

position:relative;
float:left;
width:981px;
height:4px;
background:url(images/footBg.gif) top left no-repeat;
clear: both;
}

#footer{
position:relative;
float:left;
width:981px;
height:auto;
text-align:center;
margin:10px 0 10px 0;
clear:both
}

/* -- End container layout styles -- */

/* -- text styles -- */

#panel1 h2.news{

width:395px; 
height:137px;
margin:0 auto;
background: url(images/header_news.gif) top left no-repeat;
text-indent:-9000px;

}

#panel1 h2.accessForms{

width:395px; 
height:137px;
margin:0 auto;
background: url(images/header_forms.gif) top left no-repeat;
text-indent:-9000px;

}

#panel1 h2.jobPostings{

width:395px; 
height:137px;
margin:0 auto;
background: url(images/header_jobPostings.gif) top left no-repeat;
text-indent:-9000px;

}

#panel1 h2.submitResume{

width:395px; 
height:137px;
margin:0 auto;
background: url(images/header_submitResume.gif) top left no-repeat;
text-indent:-9000px;

}

#panel1 h2.jobTitle{

font-weight:bold;

}


#panel1 h3{

font-size:11px;
text-decoration:none;
font-weight:bold;
color:#666;
margin:0 0 10px 0;
}

#panel1 h3.browseArchives{

width:143px; 
height:15px;
margin:20px 0 20px 0;
background: url(images/header_browseArchives.gif) top left no-repeat;
text-indent:-9000px;

}

#recentposts{

margin:0;

}

#panel1 ul li{

list-style-type:none;

}

#panel1 ul li a:link, #panel1 ul li a:visited{

color:#990000;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

#panel1 ul li a:hover{

color:#333;

}

#panel1 p{

font-size:12px;
color:#666;
line-height:18px;
margin:10px 0 20px 0;

}


#panel2 ul li{

list-style-type:none;

}

#panel2 ul li a:link, #panel2 ul li a:visited{

color:#990000;
font-size:11px;
text-decoration:none;
font-weight:bold;
}


#panel2 ul li a:hover{

color:#333;

}

#viewAll{

margin:20px 0 0 0;


}

#post p{

font-size:12px;
color:#666;
line-height:18px;
margin:10px 0 20px 0;

}

#post h2{

font-size:16px;

font-weight:bold;
margin:10px 0 10px 0;
color:#990000;
}

#post h2.contentHeader{

font-size:18px;
text-align:center;
font-weight:bold;
margin:10px 0 20px 0;
color:#333;

}


#post h2 a:link, #post h2 a:visited{

color:#990000;
text-decoration:none;


}

#post h2 a:hover{

color:#333;



}

a:link, a:visited{

color:#000;
text-decoration:none;
font-size:12px;
font-weight:bold;
}

a:hover{

color:#666;

}

ul{

font-size:12px;
color:#666;
margin:0 0 0 30px;


}



ol{

font-size:12px;
color:#666;
margin:0 0 0 30px;


}

#post ul{

width:300px;

}

#post ol{

width:300px;

}



strong{

font-weight:bold;

}

em{

font-style:italic;

}




#footer p{

font-size:10px;
color:#666;
line-height:18px;
margin:20px 0 10px 0;


}

#footer a:link, #footer a:visited{

font-size:10px;
color:#990000;
text-decoration:none;
}

/* -- End Text Styles -- */

/* -- Navigation Styles -- */

.nav{

position:relative;
float:right;
margin:0 10px 0 0;
height:60px;

}

.nav li{

list-style-type: none;
padding: 0;
margin: 0 0 8px 0;
display: block;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: left;
overflow:hidden;
}

.nav li a.btn1{

background: url(images/btn1.gif) 0 0 no-repeat;
display:block;
width:153px;
height:11px;
text-indent:-9000px;
overflow:hidden;
}

.nav li a.btn2{

background: url(images/btn2.gif) top left no-repeat;
display:block;
width:153px;
height:11px;
text-indent:-9000px;
overflow:hidden;
}

.nav li a.btn3{

background: url(images/btn3.gif) top left no-repeat;
display:block;
width:153px;
height:11px;
text-indent:-9000px;
overflow:hidden;
}

.nav li a.btn4{

background: url(images/btn4.gif) top left no-repeat;
display:block;
width:153px;
height:11px;
text-indent:-9000px;
overflow:hidden;
}

.nav li a.btn5{

background: url(images/btn5.gif) top left no-repeat;
display:block;
width:153px;
height:11px;
text-indent:-9000px;
overflow:hidden;
}

.nav li a.btn6{

background: url(images/btn6.gif) top left no-repeat;
display:block;
width:153px;
height:11px;
text-indent:-9000px;
overflow:hidden;
}

.nav li a.btn7{

background: url(images/btn7.gif) top left no-repeat;
display:block;
width:153px;
height:11px;
text-indent:-9000px;
overflow:hidden;
}

.nav li a.btn8{

background: url(images/btn8.gif) top left no-repeat;
display:block;
width:153px;
height:11px;
text-indent:-9000px;
overflow:hidden;
}

.nav li a.btn9{

background: url(images/btn9.gif) top left no-repeat;
display:block;
width:153px;
height:11px;
text-indent:-9000px;
overflow:hidden;
}

.nav li a:hover {
background-position:0 -11px;

}

.nav li.current_page_item a {
background-position:0 -11px;
}

/* -- end navigation -- */


.clear{

clear:both;

}

#return{

position:relative;
float:left;
margin:10px 0 0 20px;


}





/* -- job posting form styles -- */

.form select{

width:auto;

}

.form label{

font-weight:bold;

}

.form textarea{

width:300px;
height:200px;

}

.form td{


padding:10px;
vertical-align:middle;

}

.form td.ta{

vertical-align:top;
padding:14px 10px 10px 10px;
}

.success{


padding:5px 5px 5px 25px;
margin:5px;
width:400px;
height:auto;
font-weight:bold;
vertical-align:middle;
background:#E0ECEF url(images/accept.png) 5px 5px no-repeat;
}

.alert{

color:red;
padding:5px 5px 5px 25px;
margin:5px;
width:400px;
height:auto;
font-weight:bold;
vertical-align:middle;
background:#EFD1D1 url(images/delete.png) 5px 5px no-repeat;

}




/* --- form table css */

		#formTable{

width:441px;
margin:20px 20px 0 20px;

}
		
		#formTable th {
	font-weight: bold;
	color: #333;
	font-size:11px;
	background:#fff;
	
	text-align: left;
	padding: 6px 6px 6px 12px;
	
}


#formTable td {
	
	font-size:10px;
	padding: 6px 6px 6px 12px;
	color: #666;
}

tr.oddRow { background-color: #fff; }
tr.evenRow { background-color: #efefef; }

/* -- attatchment icons code -- */

#formTable a:link, #formTable a:visited{

font-size:10px;
color:#990000;


}

#formTable a:hover{


color:#000;


}

a.pdf{


background:url(images/icons/pdf.png) 0 0 no-repeat;
padding:2px 0 2px 28px;


}

a.doc{


background:url(images/icons/word.png) 0 0 no-repeat;
padding:2px 0 2px 28px;


}

a.docx{


background:url(images/icons/word.png) 0 0 no-repeat;
padding:2px 0 2px 28px;


}

a.xls{


background:url(images/icons/excel.png) 0 0 no-repeat;
padding:2px 0 2px 28px;


}

a.xlsx{


background:url(images/icons/excel.png) 0 0 no-repeat;
padding:2px 0 2px 28px;


}

a.txt{


background:url(images/icons/text.png) 0 0 no-repeat;
padding:2px 0 2px 28px;


}

a.jpg{


background:url(images/icons/jpeg.png) 0 0 no-repeat;
padding:2px 0 2px 28px;


}

a.gif{


background:url(images/icons/jpeg.png) 0 0 no-repeat;
padding:2px 0 2px 28px;


}

a.png{


background:url(images/icons/jpeg.png) 0 0 no-repeat;
padding:2px 0 2px 28px;


}


.small{

font-size:10px;
font-weight:normal;

}

#post img{

position:relative;
margin:5px auto 15px auto;


}

form{

font-size:12px;
color:#000;
margin:0 0 0 20px;

}

label{

font-size:12px;
color:#333;


}

.mess{

color:#000;
font-weight:bold;
margin:20px 0 0 20px;
font-size:12px;
}

.mess a{

color:#990000;

}

#pagination{

position:relative;
float:left;
margin:20px;
font-size:11px;
color:#333;
}

#pagination a{

font-size:11px;
text-decoration:underline;

}



#myDiv{

list-style:none;
margin:0;
padding:0;
}

#myDiv li{

margin:10px 0 10px 0;
padding:0;
}

td.top{

vertical-align:top;


}

p.right{

text-align:right;
padding:10px 60px 10px 10px;
}

p.right a{

font-weight:normal;
font-size:11px;

}


#additonalTickets{

padding:0;
margin:0;
}

#additonalTickets li{

padding:0;
margin:0;
}