/* 
    Document   : main
    Created on : 2013-07-01, 10:59:55
    Author     : Raban
    Description:
    Purpose of the stylesheet follows.
*/

/** --------------- Document Settings --------------- */
html {
    font-family: Segoe UI,Arial,sans-serif;
    font-size: 12px;
}

#wrapper{
    margin:0 auto;
    max-width: 1200px;
    min-width: 1000px;
    font-family:Arial,Helvetica,sans-serif;
}

#content fieldset.w47p{
	width:47%;
}

/** --------------- Header --------------- */
#header{
    height:87px;
    width:100%;
}

#logo_text{
    float:left;
    width:379px;
    height:74px;
    display:block;
}

#logo_icon{
    float:right;
    display:block;
    width:83px;
    height:87px;
}

#submission-support{
	line-height:20px;
	margin-top:-5px;
	text-indent:5px;
}

#header img {
    border: none;
}

/** --------------- Navigation --------------- */
#navigation{
    margin:20px 0 10px;
}

#navigation a{
    text-decoration:none;
    font-weight:bold;
    color:#58595B;
    font-size:12px;
}

#navigation ul{
    width:100%;
    clear:both;
    display:block;
    margin:0;
    padding:0;
}

#navigation > div{
    width:100%;
    clear:both;
    display:block;
}

#primary_menu li{
    float:left;
    display:block;
    list-style:none;
    margin-left:10px;
    border-top:1px solid #d6d6d6;
    border-right:1px solid #d6d6d6;
    border-left:1px solid #d6d6d6;	
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

#primary_menu .active{
    border-color:white;
}

#primary_menu .active a,
#primary_menu .active:hover a{
    background:#58595B;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

#primary_menu li:hover a{
    background:#d6d6d6;
}

#primary_menu a{
    padding:9px 11px;
    display:block;
}

#primary_menu .active a,
#primary_menu .active:hover a{
    color:white;
}

#primary_menu .last{
    float:right;
    margin-right:10px;
}

#top_menu{
    display:block;
    border:1px solid #d6d6d6;
    overflow:hidden;
}

#top_menu li{
    float:left;
    list-style:none;
    display:block;
    margin:15px 15px 0;
}

#top_menu a{
    display:block;
    padding-bottom:9px;
}

#top_menu .active,
#top_menu .active:hover{
    border-bottom:4px solid #AAA03F;
}

#top_menu li:hover{
    border-bottom:4px solid #d6d6d6;
}

/** --------------- Content --------------- */
#content{
    border:1px solid #d6d6d6;
    overflow:hidden;
    padding:20px;
}

#reset-password > h1,
#content > h1{
    background:white;
    font-size:16px;
    padding:0 0 10px 0;
    color:#58595B;
    font-weight:bold;
    margin:0 0 20px 0;
    border-bottom:3px solid #AEA349;
}

#content > .page-title{
	width:100%;
    margin:0 0 20px 0;
	float:left;
    border-bottom:3px solid #AEA349;
}

#content > .page-title > h1{
	font-size:16px;
    color:#58595B;
	float:left;
	width:97%;
}

#reset-password-form{
    width: 60%;
}

#content #reset-password-form p{    
    clear: both;
    padding: 11px 0;
    width: 31%;    
}

#content > .page-title{
	width:100%;
    margin:0 0 20px 0;
	float:left;
    border-bottom:3px solid #AEA349;
}

#content > .page-title > h1{
	font-size:16px;
    color:#58595B;
	float:left;
	width:97%;
}

#title{
	width:100%;
    border-bottom:3px solid #AEA349;
	width: 100%;
	position:relative;
	margin-bottom:20px;
	height:38px;
}

#title h1{
    font-size:16px;
    padding:0 0 10px 0;
    color:#58595B;
	width:auto;
	float:left;
	margin:0;
}

#title .submit{
	float:right;
	clear:none;
	padding:0;
	margin-bottom:5px;
}

#box-form{
	clear:both;
}

.results_table{
	clear:both;
}
/** --------------- Form --------------- */
#content fieldset{
    float:left;
    display:block;
    border:1px solid #d6d6d6;
    border-radius:5px;	
    margin:0;
    width:30%;
    margin-left:20px;
}

#content fieldset:first-of-type{
    margin-left:0;
}

#content fieldset > p{
    margin-bottom:10px;
	clear:both;
    overflow:hidden;
}

#content legend{
    padding:5px 10px 6px;
    color:#58595B;
    font-weight:bold;
    font-size:14px;
    border:1px solid #d6d6d6;
    border-radius:5px;
}

#content fieldset:hover{
    border-color:#ABA642;
}

#content fieldset:hover > legend{
    background:#ABA642;
    padding:6px 11px 7px;
    border:none;
    color:white;
}

#content .Embold{
    clear: both;
    float:left;
    padding-bottom:5px;
    padding-top:5px;
    font-size:12px;
    font-weight: 700;
}

select[name=sub_period_y]{
	display:block;
	float:left;
	clear:both;
}

input[type=radio][name=sub_period_q],
span.quarter{
	float:left;
	margin-top:2px;
}

input[type=radio][name=sub_period_q]{
	margin-left:15px;
	margin-top:6px;
}

#content input[type="text"],
#content input[type="password"],
#content textarea
{
    float:left;
    display:block;
    clear:both;
    border:1px solid #d6d6d6;
    border-radius:5px;	
    padding:5px;
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
    width:95%;
}

#content input[type=checkbox]{
    clear:none;
    margin-left:5px;
    width:auto;
}

#content input[type="text"]:hover,
#content input[type="password"]:hover,
#content textarea:hover{
    border-color:#58595B;
}

#content input[disabled=disabled]{
    background:#d6d6d6;
}

#content input[disabled=disabled]:hover{
    border-color:#D6D6D6;
}

#content .error-message{
    clear:both;
    display:block;
    font-style:italic;
    padding-top:4px;
}		


#tabs{
    overflow:hidden;
    padding-bottom: 50px;
}

#safe-login input[type="text"],
#safe-login input[type="password"],
#reset-password input[type="text"],
#reset-password input[type="password"]
{
    float:left;
    display:block;
    clear:both;
    border:1px solid #d6d6d6;
    border-radius:5px;	
    padding:5px;
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
    width:30%;    
}

.submit{
    clear:both;
    padding-top:20px;
    width:auto;
    text-align:center;
}

.submit a{
    width:auto;	
    height:15px;
    display:inline-block;
    padding:8px 11px;
    background:#58595B;
    color:white;	     
    font-weight:bold;
    border-radius:5px;
    text-decoration:none;		
    font-size:12px;
}

#content input[type=submit]{
    display:inline-block;
    width:auto;
    color:white;
    padding:8px 11px 7px;
    font-weight:bold;
    margin:0 0 0 10px; 
    background:#58595B;
    border:none;
    border-radius:5px;
    font-size:12px;
	float:right;
    font-family:Arial,Helvetica,sans-serif;
}

#content .SubmitBtn
{
    text-decoration:none;
    display:inline-block;
    width:auto;
    color:white;
    padding:9px 11px 9px;
    font-weight:bold;
    margin:0 0 0 10px; 
    background:#58595B;
    border:none;
    border-radius:5px;
    font-size:12px;
	float:right;
    font-family:Arial,Helvetica,sans-serif;
}


#content input[type=submit]:hover,
.submit a:hover{
    cursor:pointer;
    background:#AEA347;
}

.submit input:first-child{
	margin-right:0 !important;
}

.cancel{
	float:right;
	min-height:17px;
}

.submit .cancel:hover{
	background:#E6594E;
}

.save-changes{
	margin-left:10px;
	float:right;
}

.submit .submit-to-commissioner{
	float:right;
	margin:0 0 0 10px !important;
}

.submit-to-commissioner:hover{
	background:#43B32B !important;
}


root { 
    display: block;
}

/**
#box-form fieldset{
    width: 20%;
}
*/

.form label{
    display: block;
}

.hidden{
    display: none;
}

.form textarea
{
    float:left;
    display:block;
    clear:both;
    border:1px solid #d6d6d6;
    border-radius:5px;	
    padding:5px;
    font-size:12px;
    font-family:Arial,Helvetica,sans-serif;
    width:95%;
}

#message-top{}

.sort_asc:after {
    content: "▲";
}

.sort_desc:after {
    content: "▼";
}

.error-message{
    color: red;
    font-size: 12px;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

#auth_sub_html{
    border : 0;
    width: 100%;
    height: 800px;
}

#auth-companies{
    width: 98% !important;
}

#auth-companies input[type="text"] {
    float: left;
    display: block;
    clear: both;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    padding: 5px;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
}

#auth-disclaimer{
	clear:both;
	overflow:hidden;
	display:block;
	padding-top:20px;
	margin:0;
}

.company-name {
    clear: left;
    width: 30%;
}

.company-address {
    width: 60%;
}

.company-action {
    width: 5%;
}
.company-address,
.company-name {
    float: left;    
}

#companies-list{
    overflow: hidden;
}

#new-company{
    margin-top: 15px;
}

#add-company-action{
    margin-top: 15px;
}

#new-companies-header{
    background-color: #666; /*#ABA642;*/
    color: #FFF;    
}

#companies-header{
    background-color: #CCC;
    color: #333;    
}

#new-companies-header,
#companies-header {
    padding: 8px 8px;
    font-weight: 400;
}

/** --------------- Tooltip --------------- */
.tooltip-container{
    position:relative;
    width: 16px;
    height:16px;
	left:4px;
	display:block;
	float:left;
}

.tooltip-container.inline-tooltip{
	margin-top:32px;
}

.tooltip-container.question-tooltip{
	margin-top:6px;
}

.tooltip-container.overview-tooltip{
	margin-top:12px;
}

.tooltip-container.table-heading-tip{
	top:-1px;
}

.tooltip-container.table-heading-tip .tooltip{
	right:auto;
	left:26px;
}

.tooltip-link
{
    background: url(/public/20180606012227oe_/http://stats.itspublicknowledge.info/images/tooltip.png) 50% top no-repeat;
    display: block;
    float: left;
    font-size: 0;
    height: 16px;
    padding: 0 5px 5px 5px;
    position: absolute;
    text-indent: -9999px;
    width: 16px;
    z-index: 100;
}
.tooltip
{
    background: #7C7C7C;
    border: 1px solid #666;
    color: white;
    display: none;
    font-size: 12px;
    right: 26px;
    line-height: 18px;
    min-width: 125px;
    padding: 5px;
    position: absolute;
    text-align: left;
    text-indent: 0;
    top: -5px;
    z-index: 200;
}
.tooltip-link.overview
{
    float: left;
    position:static;
    clear:both;
}
.tooltip-link.overview .tooltip
{
    left: auto;
    min-width: 300px;
    max-width:400px;
    padding: 10px;
    right: 325px;
    position:relative;
}
.tooltip-link div > p:first-child{
    margin:0;
}

.tooltip a
{
    color: #FED449;
    text-decoration: none;
}
.tooltip a:hover
{
    text-decoration: underline;
}

.tooltip-link:hover > div{
    display:block;
}

.tooltip-p{
	width:90%;
	float:left;
	margin-top:0;
}

#tooltip .row.new,
#tooltip .delete{
	display:none;
}

.displaynone{
	display:none;
}

#submission-status{
	margin:3px 0 0 5px;
	display:block;
	float:left;
}

#print-submission{
	position:absolute;
	top:9px;
	right:10px;
	z-index:100;
	background:white;
	padding:4px 8px 4px 5px;
	border-radius:5px;
	text-decoration:none;
}

#print-submission span{
	float:left;
	display:block;
	font-size:12px;
	text-decoration:none;
}

#print-submission span:first-child{
	margin-right:5px;
}

#print-submission:hover{
	cursor:pointer;
}

.margintop{
	margin-top:20px !important;
}


/** --------------- Login --------------- */
#safe-login{
	width:400px;
}

#safe-login input[type=text],
#safe-login input[type=password]{
	width:90%;
}

#safe-login .reset-password{
	clear:both;
}

#safe-login input[type=submit]{
	float:left;
	margin-left:0;
}
/** --------------- Home --------------- */
#home-report{
	float:left;
	width:74%
}

#home-report > fieldset{
	width:95%;	
	padding-right:0;
	padding-bottom:0;
}

#home-report > fieldset:hover,
#home-report > fieldset:hover > legend{
	border:1px solid #ccc;
	background:none;
}

#home-report > fieldset:hover > legend{
	padding:5px 10px 6px;
	color:#58595B;
}

#report_fielset_container{
	padding:15px 10px 10px;
	float:left;
}

#home-report #report_overview{
	margin-top:0;
	margin-bottom:20px;
	float:left;
}

#home-report > fieldset fieldset{
	width:43%;
	padding:15px;
	min-height:196px;
}
#content #auth-reports form label,
#home-report .Embold{
	margin-right:10px;
	width:68px;
	margin-bottom:10px;
}
#content #auth-reports label[for=rt],
#home-report label[for=rt]{
	margin-bottom:0;
}

#content #auth-reports input[type=text], 
#home-report input[type=text]{
	width:60% !important;
	clear:none !important;
	margin-bottom:10px;
}
#content #auth-reports select,
#home-report select{
	padding:5px;
	width:74%;
	border-radius:5px;
	border:1px solid #ccc;
}


#content #auth-reports select[id=DropStartYear],
#content #auth-reports select[id=DropEndYear],
#home-report select[id=DropStartYear],
#home-report select[id=DropEndYear]{
	width:72px;
}

#content #auth-reports select[id=DropStartQuart],
#content #auth-reports select[id=DropEndQuart],
#home-report select[id=DropStartQuart],
#home-report select[id=DropEndQuart]{
	width:104px;
}

#content #auth-reports select:hover,
#home-report select:hover{
	border:1px solid #58595B;
}
#content #auth-reports span,
#home-report span{
	margin-top:12px;
	display:inline-block;
}

#content #auth-reports input[type=submit],
#home-report input[type=submit]{
	margin-top:20px;
	margin-right:12px;
	width:auto;
	float:right;
}

#report_disclaimer{
	margin:20px 0 0 0;
	float:left;
	width:68%;
}

#auth-reports #report_fielset_container {
    width: 100%;
}

#content #auth-reports {
    width: 98%;    
}

#home-login{
	float:right;
	width:26%;
}

#home-login fieldset{
	width:95%;
}

#home-login span{
	padding:10px 5px;
	float:left;
}

#home-login input[type=submit]{
	margin-right:10px;
	margin-bottom:10px;
}

#home-report ul{
	float:left;
}

#home-report li{
	margin-bottom:10px;
}
.RADIOS li{FLOAT:LEFT;list-style-type:none;margin:1px; }
#content label {
clear: both;
float: left;
font-size: 12px;
font-weight: 700;
padding-bottom: 5px;
padding-top: 5px;
}
   #content .no-float label { float:none; font-weight:normal; }