@charset "utf-8";
/* 2011 - Using Blueprint CSS framework */
/* reset.css */
.header h1{
	font-size:30px;
	color:#609e3b;
	margin-bottom:2px;
}
td, div, span, legend
{
	color:#506050;
}
a {
	color:#2f7010;
}
a:hover, a:focus {
	color:#3fa040;
	text-decoration:underline;
}
hr{
	background-color:#b2b2b2;
	color:#b2b2b2;
}
body
{
	background-color:#f5f6f1;
	text-align:left;
	line-height:normal;
}
.body{
	padding: 20px;
}
#logo{
    background: url(../images/logo.png) no-repeat left top; 
    height:200px;
    width:395px;
    position:absolute;
    top:-190px;
    left:0;
    margin-left:0;
}
.form{
	position:relative;
	top:170px;
	left:50%;
    width: 700px;
	padding:10px 10px 15px 10px;
	
	background:#fff;
	border: 1px solid #e2e2e2;
	margin-left:-350px;
	
}
.standardYearlyReportForm{
	position:relative;
	top:170px;	
	padding:10px 10px 15px 10px;	
	background:#fff;
	border: 1px solid #e2e2e2;
		
}

.header {
	padding:5px 10px 2px 10px;
	overflow:hidden;
}
form a{
	text-decoration:none;	
}
.error{
    text-align:center;
}
.clean, .clean tr {margin:0; padding:0; border:0 none; width:auto; line-height:1;}	
table, table tr, table td {margin:0; padding:0; border:0 none; width:auto; line-height:1;}	
.header td, label, span, p{ padding:1px; }
.right-align{
	text-align:right;
}
table, th, td, span, label{
	color:#0f5000;
}
.footer{
    position:relative;
    top:170px;
	padding-top:30px;
	width:100%;
	text-align:center;
}

td.nav { width: 10%; white-space:nowrap;}
.nav a { white-space:nowrap;}
.nav ul { list-style: none; margin: 0; margin-right: 20px; padding:5px;}
.nav li { margin: 0; border-bottom: 1px solid #bbb; line-height: 1; padding:0;     font-size:12px;}
.nav a { display: block; position: relative; left: -10px; padding: 5px 0 5px 10px; text-decoration: none; text-transform: uppercase; color:#2f7010;}
.nav a:focus { outline: none; }
.nav a:focus, .nav a:hover { background: url(../images/nav_arrow.png) no-repeat left center; color:#2f7010;}
.fields td {vertical-align:top;}
.fields {vertical-align:top; width:100%;}

#border_top, #border_bottom{
	position:absolute;
	left:0;
	width:100%;
	background: url(./../images/PNQ_bottomtop.png) repeat-x;
	height:18px;
}
#border_top{
	top:-19px;
	background-position: bottom;
}
#border_bottom{
	bottom:-19px;
	background-position: top;
}
#border_left, #border_right{
	position:absolute;
	top:0;
	width:19px;
	height:100%;
	background: url(./../images/PNQ_leftright.png) repeat-y;
}
#border_left{
	left:-20px;
	background-position: 0;;
}
#border_right{
	right:-20px;
	background-position: 100%;
}

#corner_topleft, #corner_topright, #corner_bottomleft, #corner_bottomright{
	position:absolute;
	background: url(./../images/PNQ_corners.png) no-repeat;
	height:25px;
	width:25px;
}
#corner_topleft{
	top:-19px;
	left:-19px;
	background-position: 0 0;
}
#corner_topright{
	top:-19px;
	right:-19px;
	background-position: -25px 0;
}
#corner_bottomleft{
	bottom:-19px;
	left:-19px;
	background-position: 0 -25px;
}
#corner_bottomright{
	bottom:-19px;
	right:-19px;
	background-position: -25px -25px;
}

h2, legend
{
	font-size:18px;
	color:#2f7010;
	margin-bottom:2px;
	padding-bottom:2px;
	font-weight:normal;
}
fieldset{
    padding:10px;
    padding-left:20px;
    margin:5px;
    color:#2f7010;
}
.clean .label{
    padding:2px;
    text-align:right;
}
.clean .text{
    padding:2px;
    text-align:left;
    font-weight:bold;
}
p, td{
    font-size:13px;
    line-height:normal;
}
.error, .alert, .notice, .success, .info{
    text-align:center;
}
ul, ol{
    padding:10px 30px;
    font-size:13px;
}
ol li, ul li{
    padding:5px;
    font-size:13px;
}
.dropboxLabel, .fileDownloadLabel{
    padding:2px;
    text-align:right;
    vertical-align:middle !important;
}
.dropboxButton, .fileDownloadButton{
    height:40px !important;
    vertical-align:bottom !important;
}
.dropboxError{
    padding-left:4px;
}

/* necessary hacks for damn CTF */
#header h1 { padding-top: 15px; font-size: 59px; letter-spacing: -3px; }
#header h2 { padding-top: 2px; font-size: 18px; letter-spacing: -1px; }
#header img { margin: 0.5em 0; }

/* responsive stuff */
.row.nopadding .columns { padding: 0; }
html, body { -webkit-text-size-adjust: none;  } /* fix for iOS when font size decreases depending on column width */
img { max-width: 100%; }

@media screen and (max-width: 28em) {
    .hide-for-small { display: none; }

    #content { padding-top: 18px; }
    #content h1 { margin-bottom: 0.5em; }

    #header { text-align: center; }
    #header h2 { display: none; }

    #nav li { display: none; padding-left: 1.5em; }
    #nav.show li { display: block; }
    #nav li#menu {
        display: block;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMzJweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNCwxMGgyNGMxLjEwNCwwLDItMC44OTYsMi0ycy0wLjg5Ni0yLTItMkg0QzIuODk2LDYsMiw2Ljg5NiwyLDhTMi44OTYsMTAsNCwxMHogTTI4LDE0SDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDIgIHMwLjg5NiwyLDIsMmgyNGMxLjEwNCwwLDItMC44OTYsMi0yUzI5LjEwNCwxNCwyOCwxNHogTTI4LDIySDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDJzMC44OTYsMiwyLDJoMjRjMS4xMDQsMCwyLTAuODk2LDItMiAgUzI5LjEwNCwyMiwyOCwyMnoiLz48L3N2Zz4=) no-repeat 0.4em center;
        -moz-background-size: 16px 16px;
        -o-background-size: 16px 16px;
        -webkit-background-size: 16px 16px;
        background-size: 16px 16px;
        padding: 0.5em 2em;
        text-transform: uppercase;
        font-size: 0.875em;
        font-weight: bold;
    }
}

@media screen and (max-width: 48em) {
    #default.extended #content { border: none; }
}

.stackTrace {
    display: block;
    white-space: pre;
}

#error h1 {
    font-size: 2em;
    margin-bottom: 0.5em;
}

#error #canvas {
    padding: 1em;
    max-width: 45em;
}

.report-container { height: 500px; max-width: 100%; width: 100%}