@import url("reset.css");
html {
     overflow: -moz-scrollbars-vertical;
}
body{
	background:#333 url("bg-body.gif") top left repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:11px;
	margin:0;
	padding:0;
	height:100%;
	line-height:15px;
}
#container{
	margin:0;
	padding:0;
}
.gen_segment{
	width:1235px;
}
#miniLoginForm{
	position:absolute;
	width:215px;
}
.header_line{
	text-align:right;
	padding:150px 2px 20px 35px;
	color:#4c6177;
}
.header_line a:link,.header_line a:visited{
	color:#4c6177;
}
.gen_column_2, .gen_column_3, .gen_column_4{
	padding:50px 10px 0 0;
}

a:link, a:visited{
	color:#333;
	text-decoration:none;
}
strong{
}
.formular .title{
	padding-bottom:5px;
	font-size:12px;
	color:#222;
}
.formular input[type="text"]{
	width:85% !important;
}
/********************* report_tools ******************************/

.report_tools{
	padding:5px;
	background: transparent url('bg-toolbar.gif') right top repeat-x; 
	border:1px solid #e3e3e3;

}
.boxbody{
	background-color:#f2f2f2;
}
/********************* Headers ***********************************/

/********************************      Elements styling      ********************************/

h1, h2, h3, h4, h5, h6 {
                font-family: Helvetica, Arial, sans-serif;
                color: #222;
                font-weight: bold;
				text-shadow:0 1px 0 #FFF;
}

h1            { font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 31px; font-weight: bold; color: #fff; 

				}
				
h2            { font-size: 21px; padding: 0 0 3px 0; margin-bottom:10px; line-height:22px; text-shadow:0 1px 0 #ccc; border-bottom: 1px solid #efefef; }
h3            { font-size: 17px; padding: 0 0 10px 0; }
h4            { font-size: 16px; padding: 0 0 5px 0; }
h5            { font-size: 14px; padding: 0 0 5px 0; }
h6            { font-size: 12px; padding: 0 0 5px 0; text-shadow:0 1px 0 #CCC; }


a              { color: #57a000; text-decoration: none; }
a:hover     { color: #000; }
a:active     { color: #777; }
a:focus     { outline: 1px; }

strong       { font-weight: bold;}

small   		{ font-size: 0.85em; }

pre           { font-family: monospace; }

p {
                padding: 5px 0 10px 0;
                line-height: 1.6em;
                }


/************ Sidebar Accordion Menu ************/

.main-nav {
                background: transparent url('bg-logo.gif') right top no-repeat; 
                width: 215px;
                padding:190px 0 0 0;
                margin: 0 0 0 15px;
                font-family: Helvetica, Arial, sans-serif;
                }

.main-nav li {
                list-style: none;
                padding-bottom: 10px;
                text-align: right;
                }

.main-nav li a.nav-top-item {
                background: transparent url('bg-menu-item-blue.gif') right center no-repeat; /* Background image for default color scheme - green */
                padding: 10px 15px;
                color: #fff;
                font-size: 14px;
                cursor: pointer;
                display: block;
                text-decoration: none;
                }

.main-nav li a.current {
                background-image: url('bg-menu-item-current.gif') !important;
                color: #333;
                font-weight: bold;
                }
                
.main-nav li a.current:hover {
                color: #333;
                }

.main-nav ul {	
				display:none;
                padding: 0;
                font-size: 12px;
                margin: 0;
                }

.main-nav ul li {
                list-style: none;
                margin: 0;
                text-align: right;
				padding: 0;
                }

.main-nav ul li a {
                padding: 8px 15px;
                display: block;
                color: #4c6177;
                font-size: 13px;
                line-height: 1.2em;
				text-decoration:none;
                }

.main-nav ul li a:hover,
.main-nav ul li a.current,
.main-nav ul li a.current:hover {
                color: #222;
                }

.main-nav ul li a.current {
                background: transparent url('menu-current-arrow.gif') right center no-repeat !important;
                }


/*************** Content Box ***************/

.content-box {
                border: 1px solid #ccc;
                margin: 0 0 20px 0;
                background: #fff;
                }

.content-box-header {
                background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
                margin-top: 1px;
                height: 28px;
                }

.content-box-header h3 {
                padding: 6px 7px 5px;
                float: left;
                }

ul.content-box-tabs {
                float: right;
                padding: 12px 15px 0 0 !important;
				margin: 0 !important;
                }

ul.content-box-tabs li {
                float: left;
                margin: 0;
                padding: 0 !important;
                background-image: none !important;
                }
                
ul.content-box-tabs li a {
                color: #333;
                padding: 8px 10px;
                display: block;
                margin: 1px;
                border-bottom: 0;
                }

ul.content-box-tabs li a:hover {
                color: #57a000;
                }              
                
ul.content-box-tabs li a.current {
                background: #fff;
                border: 1px solid #ccc;
                border-bottom: 0;
                margin: 0;
                }

.content-box-content {
                padding: 5px;
                font-size: 12px;
                border-top: 1px solid #ccc;
                }
                


.list_row1{
	border-bottom:1px solid #e8e8e8;
	background-color:#f7f7f7;
	padding:3px;
}
.list_row2{
	border-bottom:1px solid #e8e8e8;
	background-color:#f7f7f7;
	padding:3px;
}

.report_filters_panel input[type="text"]{
	margin:5px;
	padding:3px;
	width:180px;
	font-size:1.2em;
}
.report_filters_panel strong{
	font-size:1.05em;
}
.subtext{
	font-size:9px;
	color:#839cb7;
}

/* Login Screens */
#userbase_login .boxtitle, #userbase_register .boxtitle{
	font-size:12px;
	font-weight:bold;
}
#userbase_login{
	width:485px;
	padding:150px 0 0 280px;
	background:url("../../../media/login.jpg") right top no-repeat;
	color:#333;
}
#userbase_register{
	width:485px;
	padding:150px 0 0 280px;
	background:url("../../../media/login.jpg") right top no-repeat;
	color:#333;
}
.loginField input{
	border:1px solid #666;
	width:460px;
	padding:5px;
	font-size:17px;
	font-weight:normal;
}
#loginEmail, #loginPass{
	clear:both;
	padding:15px 0 10px 0;
}
#loginEmail{
	padding-top:30px;
}
#loginButton{
	text-align:right;
	padding:20px 0 10px 0;
}
#loginButton input{
	border:0;
	color:#333;
	background-color:#9fc2e0;
	border:1px solid #333;
	padding:3px;
	font-size:18px;
	font-weight:normal;
}
#userbase_login .list_row1 a:link, #userbase_login .list_row1 a:visited{
	color:#333;
}
h6{
	font-size:14px;
	padding:2px;
	margin:0;
}
h6 p{
	padding:0;
	margin:0;
}
.FeatureBlock{
	border-left: 5px solid #839CB7;
	padding:3px;
	margin-bottom:20px;
	border-bottom:1px dashed #CCC;
	padding-bottom:20px;
}

.FeatureBlock:hover{
	background-color:#EFEFEF;
}

.FeatureBlock .caption{
	font-size:11px;
	text-decoration:underline;
}
.FeatureBlock .summary{
	color:#2d5988;
	font-size:12px;
	padding:5px;
}