@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Application */

body, html{
	height:100%;
	width:100%;
	overflow:hidden;	
}

body{	
	font-family:Calibri, Helvetica, Arial, sans-serif;
	/*background:#fdfdfd url(assets/loading.gif) no-repeat 50% 50%;*/
	overflow-y:scroll;
}

#head{
	height:60px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-bottom:#d4d4d4 0px solid;
	background:#39e;
}

#head div{
	position:relative;
	color:#FFF;
}

#head span {
	position:relative;
	color:#FFF;
	float: left;
	padding: 23px 0 0;
	
}


#logo{
	height:100%;
	width:250px;
	float:left;
	background:#39e url(assets/tga_logo_small.png) 90% 50% no-repeat;
}

#title{
	float:left;
	padding:16px 12px 0 15px;
	font-size:160%;
	
}

#userinfo{
	float:right;
	width:150px;
	padding:22px;
}

.hide{
	display:none;
}

.form{
	margin:50px;
}

#menu{
	background-color:#fff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-right:1px solid #eee;
	float:left;
}

#links{
	padding:20px;
}

h1{
	display: inline-block;
	padding:20px 0 20px  0;
	color:#39f;
	font-size:250%;
	
}

h2{
	padding:10px;
	color:#999;
	font-size:150%;
}

#loading{
	position:fixed;
	width:auto;
	top:60px;
	left:250px;
	float:left;
	z-index:1000;
	padding:5px;
	font-size:13px;
	background-color:#aaa;
	color:#FFF;
}

span.version {
	color: #3399FF;
	float: right;
	font-size: 96%;
	padding: 40px 0 0 0;
}

/*a#button-report {
    background: transparent url('assets/report-custom.png') center top no-repeat;
    
    display: block;
    float: right;
    height: 40px;
    position: relative;
    width: 40px;        
}*/

a#button-report {
    background: url("assets/report-custom-change2.png") no-repeat scroll center top transparent;
    display: block;
    float: right;
    height: 40px;
    outline: none;
    position: relative;
    top: 0;
    width: 40px;
    z-index: 2;

}
    
div.button-box {
    display: block;
    height: 40px;
    margin: 3px 5px;
    text-align: end;
}


div.button-box.off + div.report-options {
    display: none;
}


a#button-report:hover {
    background-image: url('assets/report-custom-hover2-change2.png');
}

/*div.report-options {
    
    background: none repeat scroll 0 0 green;
    float: right;
    height: 119px;
    position: absolute;
    right: 18px;
    top: 103px;
    z-index: 20;
}*/

div.report-options {
    background: white;
    border: 1px solid #ccc;
    float: right;
    position: absolute;
    right: 15px;
    margin: -3px 0 0;
    /*top: 61px;*/
    z-index: 1;
}

div.report-options h2 {
    background: url("css/images/wbg.gif") repeat-x scroll center top rgba(0, 0, 0, 0);
    font-weight: 700;
    font-size: 17px;
}

div.report-options p {
    color: #525252;
    font-size: 13px;
    padding: 16px;    
}


div.report-options label {
    color: #525252;
    font-size: 13px;
    padding: 0 0 0 16px;
    
}

div.report-options select {
    
    background: url("css/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #e6e6e6;
    border: 1px solid #d3d3d3;
    color: #555555;
    font-weight: normal;
    font-size: 1.1em;
    border-radius: 4px;
    
}

div.space {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
    height: 2px;
}


div.report-options button {
    display: block;
    margin: 15px 0 0;
    position: relative;
    text-align: center;
}

div.options-box .space {
    margin-bottom: 13px;
}