﻿/* Add your overrides of the default styles in this style sheet */

/* Login form */
.login-form {
    width: 400px;
    border: solid 1px #c2c4c6;
    padding: 15px;
    margin: 40px 0; 
}

.login-form label {
    display: block;
}

.login-form-failure {
    color: #9b0014;
    font-weight: bold;
}

.login-form-buttons {
    text-align: right;
}

.login-form  div {
    margin-bottom: 10px;
}

.breadcrumb_container
{
    background: #E1F4A6;
}

#header span
{
    font-size: 30px;
    font-weight: 100;
    letter-spacing: -1px;
    padding: 100px 20px 20px 150px;
}

#breadcrumb 
{
/*border-top: 3px solid #57626a;*/
border-top: 3px solid #93C01B;
/*height: 30px;
line-height: 30px;*/
background:  #E1F4A6;
text-transform: none;
padding: 5px 15px;
}

#footer {
background: none;
/*border-top: 3px solid #57626a;*/
border-top: 3px solid #93C01B;
margin-top: 20px;
text-align: left;
color: #333;
font-size: 11px;
padding:  15px;
}

.footerleft {
float: left; 
height: 24px;
width: 700px; 
background: url(../images/sos.gif) no-repeat;       

}

.imgSiteLogo
{
    height : 90px;
    width : 110px;
    vertical-align : bottom;
}

.siteLogoText
{
    vertical-align : bottom;
    color: #93C01B;      
}

/*Other*/

img { border: none; }
a { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#pcaxis_tablediv .table-title
{
	font-size: 1.3em;
	/*font-variant: small-caps;*/
	text-transform: none;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	background-color:#E1F4A6;
	border-style:none;
	padding-bottom : 1em;

}

.tableCropped
{
    font-weight: bold;
    color: Red;
}
.table-class
{
    border-right:#a9a9a9 2px solid;
	border-top: #a9a9a9 2px solid;
	border-left: #a9a9a9 2px solid;
	border-bottom: #a9a9a9 2px solid;
	border-collapse: collapse;
	font-size:90%;
	clear: both;
}

.table-class td
{
	margin: 0px;
	text-align: right;
	border-right: #a9a9a9 2px solid;
	border-top: #a9a9a9 2px solid;
	border-left: #a9a9a9 2px solid;
	border-bottom: #a9a9a9 2px solid;
   background-color: #F3F3F3;
   color: #000000;
   font-size: 1.1em;
}

.table-class th, .table-class td.left
{
	margin: 0px;
	text-align: left;
	border-right: #a9a9a9 2px solid;
	border-top: #a9a9a9 2px solid;
	border-left: #a9a9a9 2px solid;
	border-bottom: #a9a9a9 2px solid;   
   background-color: #F3F3F3; 
}

.table-class td.table-header-first
{
	font-weight: bold;
	background-color: #F3F3F3;
}

.variableselector_valuesselect_box
{
    background-color: #E1F4A6;
    float:left;
    border: solid 2px #a9a9a9;
    width: auto;
    max-width: 500px;    
    height: 100%;
    margin: 0 2px 2px 0;    
}

.variableselector_valuesselect_statistics_panel
{
    border-top: solid 2px #a9a9a9;
    border-bottom: solid 2px #a9a9a9;	
	padding: 3px 3px 0 3px;
	white-space: nowrap;
	overflow: hidden;
}
.variableselector_valuesselect_valueslistbox
{
	width:100%;   		
	min-width: 200px;
	font-size: 100%;
        background: #F3F3F3;
}

.variableselector_valuesselect_statistics_NumberSelected_TextBox
{
    width:4em; 
    border:0;
    background:#F3F3F3;	  
}

/* Save query*/
.settings_panel
{
    float: left;
    display: inline-block;
    width: 100%;
}

/* Chart */
.chart-links
{
    float: right;
}
.chart-image
{
    padding-top: 20px;
}

/* Setting panel links*/
.panelshowlink
{
    width: 100%;
    background-color: #E1F4A6;
    padding: 10px 10px 10px 10px;
    margin-top: 5px;
    display:inline-block;
    border: 1px solid #e0e0e0;
    cursor: pointer;
}

.panelshowlink.savequery
{
    background-color: #E1F4A6;
}
 
/*LIST*/
.ui-widget-header
{
    background-image :none;
    background-color: #E1F4A6;
    border-top-color: #E1F4A6;
    border-right-color: #E1F4A6;
    border-bottom-color: #E1F4A6;
    border-left-color: #E1F4A6;
}
 
/*DEFAULT*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
            border: 2px solid #93C01B;
            background: #E1F4A6;
            font-weight: bold;
            color: #93C01B;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
            color: #2870ae;
            text-decoration: none;
}
/*ACTIVE*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
            border: 2px solid #93C01B;
            background: #F3F3F3;
            font-weight: bold;
            color: #000000;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
            color: #000000;
            text-decoration: none;
}
 
/*HOVER*/
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
            border: 1px solid #93C01B;
            background: #F3F3F3;
            font-weight: bold;
            color: #000000;
}

