/* pakino main application stylesheet */

body { 
	background: url(/images/bg.gif) repeat-x #dedede; 
	color: 		#333; 
	margin-top:	38px;
	text-align:	center;
}

body, p, ol, ul, td {
  font-family: 	arial, helvetica, sans-serif;
  font-size:   	13px;
  line-height: 	18px;
  color:		black;
}

h1,h2,h3,h4,h5{
	font-family: "Times New Roman";
	color:		 navy;
}

h1{
	font-size: 22px;
}

h2{
	font-size: 20px;
}

h3{
	font-size: 18px;
}

h4{
	font-size: 16px;
}

hr {
	height: 1px;
	width: 100%;
	background: none;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: blue; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

table.teacher_list{
	width:100%;
	margin-top:	6px;	
	}

table.teacher_list td{
	width:			50%;
	border-left: 	1px solid gray;
	padding-left:	10px;
}

a.button, div.button{
	border:		1px outset black;
	padding:	3px;
	background:	#eeeeee;
	display:inline;
}  
  
p{
	text-align:justify;
}  

.asset_image_holder{
	float:		right; 
	display:	inline;
	text-align:	center;
	padding-left: 12px;
}

 .asset_image_holder div{
 	margin-bottom:3px;
 }

a img.asset{
	border: 1px solid blue;
}  

#main_holder {
	width:			780px; 
	margin-left:	auto; 
	margin-right:	auto;
}

#navigation_holder{
	padding-top:0;
	padding-bottom:0; 
	text-align:center;
}

#content_holder{
	margin-left:142px;
	text-align:left;
}

#content .spiffyfg{
	padding-top:24px;
}

#content_footer{
	text-align:right;
}

#logo_holder{
	float:left;
	margin-top:6px;
	margin-left:3px;
	width:140px;
    height:110px;
    background-image:url(/images/pakino_logo3.gif);
    background-repeat:no-repeat;
}

#logo_holder span {display:none;}
  
 
 
/* spiffy corners for #nav and #content ! */  

spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ececec;
  border-right:1px solid #ececec;
  background:#f6f6f6}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1;
  background:#f8f8f8}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;}
.spiffy4{
  border-left:1px solid #ececec;
  border-right:1px solid #ececec}
.spiffy5{
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6}
.spiffyfg{
  background:#ffffff;
  padding: 1em;  
  }

.spiffynav{display:block}
.spiffynav *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#f9f9f9}
.spiffynav1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3;
  background:#f6f6f6}
.spiffynav2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0;
  background:#f7f7f7}
.spiffynav3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7;}
.spiffynav4{
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3}
.spiffynav5{
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6}
.spiffynavfg{
  background:#f9f9f9}  
  
  
/* make printout look good */

.onlyprint{ display:none;}

@media print {
	#logo { 
		display:none;
	}
	#content { 
		width: 680px;
		display:block;
		margin-left:0;
	}
	.onlyscreen{ display:none;}
	.onlyprint{ display:inline;}
}