﻿/**
 *	Pampa Active CSS Template
 *	Customized for PAA 2015 
 *	G. Rodríguez <grodri@princeton.edu> May 2014
 */
* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
div {
	margin:0;padding:0;
}
img.block {
	display: block;
	margin:auto;
}
body { 
	margin:0; padding:0;
	
	font-family: Arial, Helvetica, Sans-serif; 
	font-size: 14px;
	/*
	font-family: Verdana, Sans-serif;
	font-size: 9pt;	
	*/
	background: #E2E1DF;
}
table {
	border-collapse:collapse;
}    
/* Pampa navigation */
#pnav a {
	text-decoration:none;
}
#pnav a:hover {
	text-decoration:underline;
}
.pnav {
	width:100%;
	height:32px;
	line-height:32px;
	/* font-size:14px;*/
	text-align:center;
	color:white;
	background: url(/images/pnavbb.png);
}
.pnavm {
	cursor:pointer;
}
.pnavs {
	position:absolute;
	display:none;
	min-height:32px;
	line-height:32px;
	border:1px solid #aaa;
	border-top:0;
	background-color:#f0f0f0;
	cursor:pointer;
	padding:0 12px;
	color:black;
	z-index:8;
}
.pnav a {
	color:white;
}
.pnavs a {
	color:black;
}
/* Page layout */
#frame {
	width:850px;
	margin:auto;
	position:relative;	
}
#header {
	background-color: #0D3987;
}
#banner {
	margin-left:-75px;
}	
#menu { 
	font-weight:bold;
	height:28px;
	line-height:28px;
	overflow:hidden;
	background: url(/images/mb4.png) repeat-x;
	
}
#menu a {
	position:relative;
	float:left;
	height:26px;
	line-height:26px;
	margin:0;
	padding: 0 7px 0 14px;
    color: #0D3987;
}
#menu a:hover {
	color: #1E82CA; /*  #1367B4;/* #189AE2; */
    text-decoration:none;
}
#content {
	border:1px solid #c0c0c0; border-top:0;
	position:relative;
	min-height:500px;
	background-color: white;
	padding:0;
}
#content.padded {
	padding: 1ex 3em 1ex 3em;
}
/* editors have a form and actions */

#form {
	width:675px;
	padding:18px 12px 12px 30px;	
/*	float:left;*/
}
#actions {
	width:150px;	
/*	margin:12px;
	float:right;*/
	padding:12px;
	border-radius:8px;
	border:1px solid #c0c0c0;
}
#left {
	width:250px;
	height:624px;
	float:left;
	border-right:1px solid #c0c0c0;
	position:relative;
	overflow:auto;
}
#right {
	padding:0 12px 12px 12px;
	width:572px;
    float:left;
	height:612px;
    overflow:auto;
}
#footer {
	clear:left;
	margin-top:8px;
	font-size:12px; 	
}

.invisible {
	color:transparent;
}
/* Headings, links */
h1, h2, h3, h4  { 
	color: #0D3987; 
}
.first {
	margin-top:0; padding-top:0;
}
.center {
	text-align:center;
}
th, .em { 
	font-weight:bold; 
	color: #0D3987; 
}
a { 
	color: #0D3987; 
	text-decoration: none; 
}
a.plain {
	color: black;
}
a:hover {
	text-decoration:underline;
}
.rt {
	text-align:right;
	vertical-align:top;
}
.t {
	vertical-align:top;
}
/* Borders, boxes */
.ba {
	border: 1px solid #0D3987;
}
.bl {
	border-left: 1px solid #0D3987; 
}
.bt {
	border-top: 1px solid #0D3987;
}
.bb {
	border-bottom: 1px solid #0D3987;
}
.alert {
	border:1px solid #f1d031;
	background-color: #fffde1;
	padding: 7px 14px;
}
.alert td {
	padding:7px;
}
/* overlays - requires: gro_[bm,cl,lm,rm,tm,win].png  [3] */

.gro_window { position:absolute; top:0px; left:0px;}
.gro_caption { float:left; padding-top:4px; color:white; cursor:default;}
.gro_close { float:right; padding-top:4px;}

.gro_tl {height:54px;width:24px;background: url(/images/gro_win.png) no-repeat top left; }
.gro_tm {background: url(/images/gro_tm.png) repeat-x;}
.gro_tr {height:54px;width:40px;background: url(/images/gro_win.png) no-repeat top right;}

.gro_ml {background:url(/images/gro_lm.png) repeat-y}
.gro_mm {background-color:white; overflow:auto;padding:0}
.gro_mr {background:url(/images/gro_rm.png) repeat-y}

.gro_bl {height:32px;width:24px;background: url(/images/gro_win.png) no-repeat bottom left;}
.gro_bm {background: url(/images/gro_bm.png) repeat-x}
.gro_br {height:32px;width:40px;background: url(/images/gro_win.png) no-repeat bottom right;}

.gro_cl { color:white;}

/* new overlays, no images rquired other than close [5] */

.po-window {border:2px solid #3366cc; border-radius:8px; background-color:white;
	position:absolute; box-shadow: 2px 3px 12px 4px rgba(0,0,0,0.25); 
	display:inline-block;opacity:1;}
.po-header{width:100%;height:28px;line-height:28px;padding:0;padding-left:21px;
	color:white; background-color:#3366cc; cursor:default; user-select:none;} /* or default */
.po-close {float:right; margin: 4px 10px 0 7px; cursor:default;}
.po-content {padding:0px 21px 14px 21px; overflow:auto;}
