/*****************************************/
/* CSS Stylesheet for Creanord EchoVault */
/*****************************************/
@import url('jquery.continuous-calendar.css');

* {
    font-family: arial, verdana, sans-serif;
}

select,option,input {
    white-space: pre;
}

/* Hides from IE-mac \*/
* html div {
    height: 1%;
}

/* End hide from IE-mac */
html {
    overflow-y: scroll;
}

/* for div styling */ /* over mouth text styles*/
#dhtmltooltip {
    position: absolute;
    font-family: arial, verdana, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: normal;    
    padding: 2px;   
    visibility: hidden;
    border-radius: 3px;
}

#topcontainer {
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    width: 782px;
    border-bottom: 1px solid #666666;
    float: left;
}

#container {
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    width: 782px;
    border-bottom: 1px solid #666666;
    float: left;
}

#pgtitle {
    padding: 10px 0 10px 0;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #1D3857;
    text-align: left;
    padding-top: 4px;
}

a:focus,a:active {
    outline: none;
}

div.tab_hd_row {
    clear: both;
    background-color: #34938e;
    height: 25px;
    width: 780px;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    color: #FFFFFF;
}

.tab_hd_row span a {
    color: white;
}

div.tab_hd_row span.h1 {
    font-size: 12px;
    font-weight: bold;
    color: #1D3857;
    width: 420px;
    float: left;
    text-align: left;
    padding: 5px 0 0 5px;
}
div.tab_hd_row span.h1white {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    width: 420px;
    float: left;
    text-align: left;
    padding: 5px 0 0 5px;
}

div.tab_hd_row span.h1_2col {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    width: 720px;
    float: left;
    text-align: left;
    padding: 5px 0 0 5px;
}

div.tab_hd_row span.h1_3col {
    font-size: 12px;
    font-weight: bold;
    color: #1D3857;
    width: 670px;
    float: left;
    text-align: left;
    padding: 5px 0 0 5px;
}

div.tab_hd_row span.h1_4col {
    font-size: 12px;
    font-weight: bold;
    color: #1D3857;
    width: 500px;
    float: left;
    text-align: left;
    padding: 5px 0 0 5px;
}

div.tab_hd_row span.h1_5col {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    width: 370px;
    float: left;
    text-align: left;
    padding: 5px 0 0 5px;
}

div.tab_hd_row span.h1_6col {
    font-size: 12px;
    font-weight: bold;
    color: #1D3857;
    width: 200px;
    float: left;
    text-align: left;
    padding: 5px 0 0 5px;
}

.h2_1 {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    width: 250px;
    padding-top: 5px;
    float: left;
}

.h2_2 {
    font-size: 11px;
    font-weight: bold;
    width: 50px;
    padding-top: 6px;
    float: left;
}

.h2_3 {
    font-size: 11px;
    font-weight: bold;
    color: #1D3857;
    width: 160px;
    padding-top: 5px;
    float: left;
}

.h2_4 {
    font-size: 11px;
    font-weight: bold;
    color: #1D3857;
    width: 140px;
    padding-top: 5px;
    float: left;
}

.h1add {
    font-size: 12px;
    font-weight: bold;
    color: #1D3857;
    float: left;
    padding: 10px 0 0 0;
}

.h1add.bottom_row {
    float: right;
    padding-right: 10px;
}

#ea_search {
    float: left;
    width: 150px;
    height: 25px;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    color: #1D3857;
    padding-top: 5px;
}

#dash_search {
    float: left;
    width: 150px;
    height: 25px;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    color: #1D3857;
    padding-top: 8px;
}

#addbut, .addbut-id {
    padding: 5px 5px 10px 0;
    float: left;
}

.imgbut {
    padding: 5px 5px 10px 0;
    float: left;
}

.tr_p1 {
    font-size: 12px;
    color: #1D3857;
    width: 420px;
    height: 20px;
    float: left;
    text-align: left;
    padding: 2px 0 0 5px;
}

.tr_p1_2col {
    font-size: 12px;
    color: #1D3857;
    width: 720px;
    height: 20px;
    float: left;
    text-align: left;
    padding: 2px 0 0 5px;
}

.tr_p1_3col {
    font-size: 12px;
    color: #1D3857;
    width: 670px;
    height: 20px;
    float: left;
    text-align: left;
    padding: 2px 0 0 5px;
}

.tr_p1_5col {
    font-size: 12px;
    color: #1D3857;
    width: 370px;
    height: 20px;
    float: left;
    text-align: left;
    padding: 2px 0 0 5px;
}

.tr_p2 {
    font-size: 12px;
    color: #1D3857;
    width: 248px;
    height: 20px;
    float: left;
    padding: 2px 0 0 0;
    border-left: 1px solid #aaaaac;
}

.tr_p2_1 {
    font-size: 12px;
    color: #1D3857;
    width: 268px;
    height: 20px;
    float: left;
    text-align: left;
    padding: 2px 0 0 5px;
}

.tr_p2_2 {
    font-size: 12px;
    color: #1D3857;
    width: 158px;
    height: 20px;
    float: left;
    padding: 2px 0 0 0;
    border-left: 1px solid #aaaaac;
}

.tr_p2_2 .inact {
    padding: 6px 0 0 0;
}

.tr_p2_3 {
    font-size: 12px;
    color: #1D3857;
    width: 140px;
    height: 20px;
    float: left;
    padding: 2px 0 0 0;
    border-left: 1px solid #aaaaac;
}

.tr_p3 {
    width: 48px;
    float: left;
    height: 20px;
    padding: 1px 0 0 0;
    border-left: 1px solid #aaaaac;
}

.tr_p3 .inact {
    padding: 8px 0 0 0;
}

.tr_p3 .padtop {
    padding: 1px 0 0 0;
}

.tr_p3 .arrow {
    padding: 0 0 2px 0;
}

.tr_p4 {
    width: 48px;
    height: 20px;
    float: left;
    padding: 0 0 0px 3px;
    border-left: 1px solid #aaaaac;
}

#engineForm .tr_p1 {
    width: 670px;
}

#engineForm .tab_hd_row .h1,#spatialForm .tab_hd_row .h1 {
    width: 670px;
}

/* the expanded cell */
.r_ex {
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    width: 780px;
    border-left: 1px solid #000066;
    border-right: 1px solid #000066;
    border-bottom: 1px solid #000066;
    float: left;
}

.r_ex_static {
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    width: 780px;
    border-left: 1px solid #aaaaac;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #aaaaac;
    float: left;
    overflow: hidden;
}

.r_ex_2 {
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    width: 780px;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    float: left;
}

.xform,.xform_b40,.xform_b120 {
    width: 740px;
    background-color: #f6f6f7;
    padding: 5px;
    margin: 0px auto;
    font-size: 12px;
    color: #000000;
}

.xform_b40 {
    display: block;
    height: 40px;
}

.xform_b120 {
    text-align: left;
    height: 120px;
}

.xform_inner {
    width: 720px;
    background-color: #ffffff;
    border: 1px dotted #333;
    padding: 5px;
    margin: 0px auto;
    font-size: 12px;
    color: #1D3857;
}

.xdata_hldr {
    padding-top: 30px;
}

.xdata_title {
    text-align: left;
    width: 730px;
    font-size: 12px;
    color: #1D3857;
    padding: 10px 0 10px 10px;
}

.xdata_title b {
    padding: 0 5px 0 0;
}

.xdata_cont,.xdata_cont_w90 {
    padding: 3px 0 0 0;
    float: left;
    text-align: left;
    width: 100px;
}

.xdata_cont_w90 {
    width: 90px;
    padding-right: 10px;
}

.imgcentered {
    text-align: left;
    float: left;
    width: 17px;
    padding-top: 3px;
}

textarea {
    font-size: 12px;
    color: #1D3857;
}

.searchtext {
    font-size: 12px;
    color: #1D3857;
    text-align: left;
    float: right;
    width: 100px;
}

a.xd {
    color: #1D3857;
    text-decoration: underline;
}

a.xd:link {
    color: #1D3857;
    text-decoration: underline;
}

a.xd:visited {
    color: #1D3857;
    text-decoration: underline;
}

a.xd:hover {
    color: #D93F87;
    text-decoration: underline;
}

div.xmlFormAction {
    height: 25px;
    width: 780px;
    display: inline;
}

div.xmlFormAction div.left {
    height: 25px;
    width: 200px;
}

div.xmlFormAction div.right {
    float: right;
    height: 25px;
    width: 500px;
}

.ico {
    float: right;
    height: 25px;
}

.icoLabel {
    font-size: 12px;
    font-weight: bold;
    color: #1D3857;
    margin: 0 0 20px 5px;
}

div.row,div.row_textleft {
    clear: both;
    padding-top: 10px;
    height: 30px;
}

div.row.condensed {
    clear: both;
    padding-top: 3px;
    height: 20px;
}

div.row_textleft {
    text-align: left;
}


div.icoRow {
    clear: both;
    height: 45px;
    width: 780px;
    padding-bottom: 10px;
    border-top: 1px solid #aaaaac;
    display: block;
    margin-top: 5px;
}

div.icoRow .icoRow_span {
    float: right;
    padding: 10px 10px 0 10px;
}

div.statusRow {
    clear: both;
}

div.statusRow span.lbox {
    width: 200px;
    float: left;
}

div.statusRow span.rbox {
    width: 500px;
    float: left;
}

div.row select {
    float: left;
    width: 250px;
}

div.row select.sourcelist,div.row select.targetlist {
    width: 340px;
}

div.row span.lbox {
    width: 360px;
    float: left;
    text-align: left;
}

div.row span.rbox {
    width: 360px;
    float: left;
}

div.row span.label {
    float: left;
    width: 320px;
    text-align: left;
    padding-top: 1px;
}

div.row span.chkbox {
    float: left;
    width: 30px;
    text-align: left;
}

div.row span.sbox {
    width: 240px;
    height: 25px;
    float: left;
}

div.row span.filt {
    height: 25px;
    width: 700px;
    float: left;
    padding: 0 10px 0 10px;
}

div.row span.echoDrop {
    height: 25px;
    width: 700px;
    float: left;
    padding: 0 10px 0 10px;
}

div.row span.field {
    float: right;
    width: 400px;
    text-align: left;
}

div.row.msfp-loopback-filters table {
    background-color: #f6f6f6;
}
    
div.row.msfp-loopback-filters table tr {
    width: 700px;
}

div.row.msfp-loopback-filters table th {
	font-weight:bold;
	padding: 5px 10px 5px 0px;
}

div.row.msfp-loopback-filters table td {
    padding: 5px 10px 5px 0px;
}

div.row.msfp-loopback-filters table td select {
    float:none;
}

div.row.msfp-loopback-filters div.errormessage {
    float: none !important;
    text-align: left;
}

span.echo_field {
    width: 600px;
    background-color: green;
    float: right;
    height: 35px;
}

/********* orig autocomp ********/
.floater {
    position: absolute;
    z-index: 2;
    display: none;
    padding: 0;
}

/*
.floater td {
font-family: Gill, Helvetica, sans-serif;
border:1px inset #979797;
color:black;
}*/
.matchedSmartInputItem {
    font-size: 0.8em;
    padding: 5px 10px 1px 5px;
    margin: 0;
    cursor: pointer;
}

.selectedSmartInputItem {
    color: white;
    background-color: #3875D7;
}

#smartInputResults {
    padding: 0;
    margin: 0;
}

div#pageNavPosition {
    clear: both;
    padding-top: 10px;
}

.pages {
    padding: 0 2px 0 2px;
}

#curr {
    font-weight: bolder;
    font-size: 18px;
}

/*********************/ /** NEW STUFF ENDS ***/ /*********************/

/* data table heading */
tr#kpih_hd {
    background-color: #34938e;
    color: #FFFFFF;
    height: 25px;
    border-left: 1px solid #aaaaac;
}

.kpih_hd_3 {
    background-color: #34938e;
    color: #ffffff;
    border-left: 1px solid #aaaaac;
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    height: 25px;
}

/* buttons (formats text also) */
.buts {
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;   
    text-align: center;
}

.buts:enabled {
    border-left: 1px solid #aaaaac;
    border-top: 1px solid #aaaaac;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;    
    color: #1D3857;    
}

/* buttons (formats text also) */
.buts_left {
    background-repeat: repeat-x;
    border-left: 1px solid #aaaaac;
    border-top: 1px solid #aaaaac;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    padding-left: 5px;
    background-color: #FFFFFF;
}

/* button where text can be formatted individually */
.buts_notxt {
    background-repeat: repeat-x;
    border-left: 1px solid #aaaaac;
    border-top: 1px solid #aaaaac;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
}

/* for search entry fields and can be recycled for other data entry fields */
.search_field {
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    background-color: #FFFFFF;
    text-align: left;
    border: 1px groove #666666;
    color: #303065;
    margin-bottom: 2px;
    width: 170px;
}

.search_field_sml {
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    background-color: #FFFFFF;
    text-align: left;
    border: 1px groove #666666;
    color: #303065;
    width: 50px;
}

/* background color for all pages */
table {
    background-color: #FFFFFF;
}

/* Overide bgcolor for search and other tables */
table.search_bg {
    background-color: #FFFFFF;
}

/* Holder for search fields, the border effects */
td.search {
    background-color: #FFFFFF;
    border-left: 1px solid #aaaaac;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
}

/* alternating rows ALL data tables */
tr.r1 {
    background-color: #FFFFFF;
    height: 20px;
}

tr.r2 {
    background-color: #d3f3ee;
    height: 20px;
}

/* for expanded dropdown cells in data tables */
tr.expd {
    background-color: #FFFFFF;
}

td.expd_td {
    border-bottom: 2px solid #666666;
    border-left: 2px solid #666666;
    border-top: 2px solid #666666;
    border-right: 1px solid #666666;
}

/* divider for KPI selection table */
td.kpi_div {
    background-color: #aaaaac;
    height: 1px;
}

/* bottom border for td holding whole table with ONLY one column */
td.tab_brdr {
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
}

/* for data table [no images in cols] 2 columns only (right col only) */
td.tc2_rt {
    border-left: 1px solid #d9d9d9;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #1D3857;
    text-align: left;
    padding-left: 5px;
}

/* left col for all data tables */
td.tc3_lf {
    border-left: 1px solid #d9d9d9;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #1D3857;
    text-align: left;
    padding-left: 5px;
}

td.tc3_lf_2 {
    border-left: 1px solid #aaaaac;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #1D3857;
    text-align: left;
    padding-left: 5px;
}

td.tc3_lf_3 {
    border-left: 1px solid #d9d9d9;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #1D3857;
    text-align: left;
    padding-left: 5px;
    border-right: 1px solid #aaaaac;
}

td.tc3_lf_small {
    border-left: 1px solid #d9d9d9;
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #1D3857;
    text-align: left;
    padding-left: 5px;
}

/* for table [images/checkboxes in cols] 3 columns only (center/right cells) */
td.tc3_ctr {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border-left: 1px solid #aaaaac;
    border-right: 1px solid #aaaaac;
}

/* class for interface type font for tables */
td.tc3_ctr_txt {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #1D3857;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border-left: 1px solid #aaaaac;
    border-right: 1px solid #aaaaac;
}

/* class for interface type font for tables */
td.tc3_mid_txt {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #1D3857;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border-left: 1px solid #aaaaac;
}

td.tc3_ctr_txt2 {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #1D3857;
    text-align: left;
    padding-left: 5px;
    border-left: 1px solid #aaaaac;
    border-right: 1px solid #aaaaac;
}

td.tc3_ctr_txt_3 {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bolder;
    color: #1D3857;
    text-align: left;
    padding-left: 5px;
    border-left: 1px solid #aaaaac;
    border-right: 1px solid #aaaaac;
}

td.tc3_rt {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

td.tc3_rt_txt {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #1D3857;
}

td.tc3_rt_txt_lt {
    text-align: left;
    padding-left: 5px;
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #1D3857;
}

td.tc3_mid {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border-left: 1px solid #aaaaac;
}

td.tc3_rt_bdr {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border-right: 1px solid #aaaaac;
}

td.tc3_rt_bdr_txt {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #1D3857;
    text-align: left;
    padding-left: 5px;
    border-right: 1px solid #aaaaac;
}

/* Error message text */
div.errmsg {
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: #1D3857;
    text-align: left;
    padding: 40px 20px 0 20px;
    height: 600px;
}

/* for image icons which aren't centred and require left padding */
img.icon {
    padding-left: 5px;
}

/* td definition for title bars on each page */
td.title { /*  background-image: url(../images/title_bg.gif);
    background-repeat: repeat-x;
    border-right: 1px solid #aebde6;
    border-left: 1px solid #aebde6;
*/
    font-family: arial, verdana, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #1D3857;
    text-align: left;
    padding-top: 4px;
}

/* various text sizes */
.h1 {
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #1D3857;
    text-align: left;
    padding-left: 5px;
}

.h1white {
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    padding-left: 5px;
}

.h2 {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #1D3857;
    text-align: center;
}

.h2white {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.h3 {
    font-family: arial, verdana, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
    color: #1D3857;
    text-align: center;
}

.h4 {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #1D3857;
    text-align: left;
    padding-left: 5px;
    vertical-align: top;
}

.h5 {
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #1D3857;
    text-align: right;
}

.h6 {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #1D3857;
    text-align: left;
    padding-left: 5px;
    vertical-align: top;
}

.h6pre {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #1D3857;
    text-align: left;
    padding-left: 5px;
    vertical-align: top;
    white-space: pre;
}

.h7 {
    font-family: arial, verdana, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    color: #1D3857;
    text-align: center;
}

.h8 {
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #1D3857;
    text-align: center;
}

/* for help page */
.h9 {
    font-family: arial, verdana, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    color: #1D3857;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* for help page */
.h10 {
    font-family: arial, verdana, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    color: #1D3857;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
}

/* class for search page numbering */
.src_nos {
    font-family: arial, verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #1D3857;
    word-spacing: 10px;
}

/* link behaviour */
a:link {
    color: #1D3857;
    text-decoration: none;
}

a:visited {
    color: #1D3857;
    text-decoration: none;
}

a:hover, a span:hover {
    color: #D93F87;
    text-decoration: none;
}

/* for select tag */
select {
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    background-color: #FFFFFF;
    text-align: left;
    border: 1px groove #000000;
    color: #303065;
    width: 110px;
}

/* for smaller data entry fields */
.dates {
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    background-color: #FFFFFF;
    text-align: left;
    border: 1px groove #000000;
    color: #303065;
    margin-bottom: 2px;
    width: 90px;
}

/* for checkboxes */
.chek {
    color: #303065;
}

/* for footer indents WILL NEED TO BE REPLACED ONCE ICONS CREATED */
.ftr_txt {
    background-image: url(../images/footer_indent_bg.gif);
    font-family: arial, verdana, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
    color: #1D3857;
    vertical-align: bottom;
    text-align: center;
}

.ftr_home {
    background-image: url(../images/ft_home.gif);
    font-family: arial, verdana, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
    color: #1D3857;
    vertical-align: bottom;
    text-align: center;
}

/* height definitions */
.ht_5 {
    height: 5px;
}

.ht_25 {
    height: 25px;
}

.ht_45 {
    height: 45px;
}

.ht_100 {
    height: 100px;
}

/* footer bar text (left side only) */
#footer_text {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #1D3857;
    text-align: left;
    vertical-align: bottom;
    padding-bottom: 2px;
}

/* tabbed menu struct */
#tabd_menu {
    float: left;
    width: 100%;
    font-size: 90%;
    line-height: normal;
    border-bottom: 1px solid gray;
}

#tabd_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#tabd_menu li {
    display: inline;
    margin: 0;
    padding: 0;
}

#tabd_menu a {
    float: right;
    margin: 0;
    padding: 0 0 0 9px;
    text-decoration: none;
    outline: 1px solid #000000;
}

#tabd_menu a span {
    float: right;
    display: block;
    padding: 3px 10px 3px 1px;
    font-size: 11px;
    font-weight: normal;
    color: #3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabd_menu a span {
    float: none;
}

/* End IE5-Mac hack */
#tabd_menu a:hover span {
    color: #D93F87;
}

#tabd_menu #current a {
    background-position: 0 -125px;
    outline: 1px solid #34938e;

}

#tabd_menu #current a span {
    background-position: 100% -125px;
    color: #1D3857;
    font-weight: bold;
}

#tabd_menu a:hover {
    background-position: 0% -125px;
}

#tabd_menu a:hover span {
    background-position: 100% -125px;
}

#ftr a {
    display: block;
    width: 60px;
    height: 45px;
    padding: 30px 0 0 2px;
    font: bold 14px/1 sans-serif;
    color: #c60;
    text-decoration: none;
    background: url("../images/ftr_test.gif") 0 0 no-repeat;
}

#ftr a:hover {
    background-position: -60px 0;
}

#lnav a {
    display: block;
    width: 160px;
    height: 20px;
    font: bold 12px/1 sans-serif;
    margin: 0 0 -3px 0;
    padding: 4px 0 0 20px;
    color: #F0F8FF;
    text-decoration: none;
    text-align: left;
    background: url("../images/lnav.gif") 0 0 no-repeat;
}

#lnav a:hover {
    background-position: -180px 0;
    color: #D93F87;
}

/*OCHOA: CSS for error messages on ftl pages*/
table.error_form {
    width: 740px;
    background-color: #f6f6f6;
    border: 1px dotted #FF0000;
    margin: 15px auto 5px auto;
    font-size: 12px;
    color: #1D3857;
    display: display;
    height: auto;
}

tr.error_row {
    clear: both;
    padding: 3px 10px 0 0;
    float: left;
    text-align: left;
    height: auto;
}
/*END: CSS for error messages on ftl pages*/

/*OCHOA: CSS for reminding messages on ftl pages*/
table.remind_form {
    width: 100%;
    background-color: #f6f6f6;
    border: 1px dotted #006;
    margin: 15px auto 5px auto;
    font-size: 12px;
    color: #1D3857;
    display: display;
    height: auto;
    text-align: left;
}

table.remind_form  img {
    padding: 0 5px 0 5px;
}

table.remind_form  input {
    margin: 0 10px 0 10px;
    float: right;
    height: 25px;
}
/*END: CSS for reminding messages on ftl pages*/
div.tab_hd_row span.hd_1 {
    font-size: 11px;
    font-weight: bold;
    color: #1D3857;
    width: 175px;
    float: left;
    text-align: left;
    padding: 5px 0 0 5px;
}

.hd_2 {
    font-size: 11px;
    font-weight: bold;
    color: #1D3857;
    width: 25px;
    padding-top: 5px;
    float: left;
}

.hd_3 {
    font-size: 11px;
    font-weight: bold;
    color: #1D3857;
    width: 65px;
    padding-top: 5px;
    float: left;
}

.hd_4 {
    font-size: 11px;
    font-weight: bold;
    color: #1D3857;
    width: 160px;
    padding-top: 5px;
    float: left;
}

.hd_5 {
    font-size: 11px;
    font-weight: bold;
    color: #1D3857;
    width: 165px;
    padding-top: 5px;
    float: left;
    text-align: left;
    padding-left: 10px;
}

.hd_6 {
    font-size: 11px;
    font-weight: bold;
    color: #1D3857;
    width: 120px;
    padding-top: 5px;
    float: left;
}

.hd_7 {
    font-size: 11px;
    font-weight: bold;
    color: #1D3857;
    width: 50px;
    padding-top: 5px;
    float: left;
}

.hd_8 {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    width: 710px;
    padding-top: 5px;
    float: left;
    text-align: left;
    padding-left: 10px;
}

.hd_9 {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    width: 50px;
    padding-top: 5px;
    float: left;
}

div.tab_hd_row span.hd_1_r {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    width: 250px;
    float: left;
    text-align: left;
    padding: 5px 0 0 5px;
}

.hd_2_r {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    width: 50px;
    padding-top: 5px;
    float: left;
}

.hd_3_r {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    width: 110px;
    padding-top: 5px;
    float: left;
}

.hd_4_r {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    width: 245px;
    padding-top: 5px;
    float: left;
}

.hd_5_r {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    width: 55px;
    padding-top: 5px;
    float: left;
}

.hd_7_r {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    width: 50px;
    padding-top: 5px;
    float: left;
}

.tr_1 {
    font-size: 11px;
    color: #1D3857;
    width: 170px;
    height: 20px;
    float: left;
    text-align: left;
    padding: 2px 0 0 5px;
}

.tr_2 {
    font-size: 11px;
    color: #1D3857;
    width: 40px;
    height: 20px;
    float: left;
    padding: 2px 0 0 0;
    border-left: 1px solid #aaaaac;
}

.tr_3 {
    font-size: 11px;
    color: #1D3857;
    width: 175px;
    height: 20px;
    float: left;
    padding: 0 0 0 0;
    border-left: 1px solid #aaaaac;
}

.tr_4 {
    font-size: 12px;
    color: #1D3857;
    width: 712px;
    height: 20px;
    float: left;
    text-align: left;
    padding: 2px 0 0 0;
    padding-left: 10px;
}

.tr_5 {
    font-size: 12px;
    color: #1D3857;
    width: 49px;
    height: 20px;
    float: left;
    padding: 0 0 0 0;
    border-left: 1px solid #aaaaac;
}

.tr_6 {
    font-size: 11px;
    color: #1D3857;
    width: 120px;
    height: 20px;
    float: left;
    padding: 0 0 0 0;
    border-left: 1px solid #aaaaac;
}

.tr_1_r {
    font-size: 11px;
    color: #1D3857;
    width: 250px;
    height: 20px;
    float: left;
    text-align: left;
    padding: 2px 0 0 5px;
}

.tr_2_r {
    font-size: 11px;
    color: #1D3857;
    width: 49px;
    height: 20px;
    float: left;
    padding: 2px 0 0 0;
    border-left: 1px solid #aaaaac;
}

.tr_2_r1 {
    font-size: 11px;
    color: #1D3857;
    width: 109px;
    height: 20px;
    float: left;
    padding: 2px 0 0 0;
    border-left: 1px solid #aaaaac;
}

.tr_3_r {
    font-size: 11px;
    color: #1D3857;
    width: 244px;
    height: 20px;
    float: left;
    padding: 0 0 0 0;
    border-left: 1px solid #aaaaac;
}

.tr_4_r {
    font-size: 11px;
    color: #1D3857;
    width: 54px;
    height: 20px;
    float: left;
    padding: 0 0 0 0;
    border-left: 1px solid #aaaaac;
}

div.tab_hd_row span.hd_1_c {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    width: 180px;
    padding-top: 5px;
    padding-left: 5px;
    text-align: left;
    float: left;
}

.hd_2_c {
    font-size: 11px;
    font-weight: bold;
    color: #1D3857;
    width: 370px;
    padding-top: 5px;
    padding-left: 5px;
    text-align: left;
    float: left;
}

.hd_3_c {
    font-size: 11px;
    font-weight: bold;
    color: #1D3857;
    width: 100px;
    padding-top: 5px;
    padding-left: 5px;
    text-align: left;
    float: left;
}

.tr_1_c {
    font-size: 11px;
    color: #1D3857;
    width: 180px;
    height: 20px;
    float: left;
    text-align: left;
    padding: 2px 0 0 5px;
    margin-left: 1px;
    background: url(../images/input1.gif) no-repeat;
}

.tr_2_c {
    font-size: 11px;
    color: #1D3857;
    width: 370px;
    height: 20px;
    float: left;
    padding: 2px 0 0 5px;
    text-align: left;
    /*border-left: 1px solid #aaaaac;*/
}

.tr_3_c {
    font-size: 11px;
    color: #1D3857;
    width: 100px;
    height: 20px;
    float: left;
    padding: 2px 0 0 5px;
    text-align: left;
    border-left: 1px solid #aaaaac;
}

div.tab_hd_row span.hd_e {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 5px;
    padding-left: 5px;
    text-align: left;
    float: left;
}

.tr_e {
    font-size: 11px;
    height: 20px;
    float: left;
    padding: 1px 0 0 0px;
    text-align: left;
    border-left: 1px solid #aaaaac;
}

.source,.target {
    min-height: 150px;
}

div#loading {
    margin-top: 200px;
    text-align: left;
    margin-left: 300px;
}

span.span_title {
    width: 110px;
    padding: 3px 10px 0 0;
    float: left;
    text-align: left;
}

span.span_select {
    width: 300px;
    float: left;
    text-align: left;
}

span.span_select {
    width: 300px;
    float: left;
    text-align: left;
}

span.countersource,span.countertarget {
    text-align: left;
    float: left;
    width: 20px;
}

input.filterlist {
    width: 290px;
}

span.btnlistcontainer {
    text-align: center;
    float: left;
    width: 50px;
    padding: 50px 5px 10px 5px;
}

select.sourcelist,select.targetlist {
    width: 340px;
}

span.spanselectlist {
    text-align: left;
    float: left;
    padding-bottom: 10px;
}

span.span_chk {
    width: 215px;
    padding: 0px 30px 0 0;
    float: left;
    text-align: left;
}

input.chks_30 {
    margin-left: 30px;
    margin-top: 10px;
}

input.chks_50 {
    margin-left: 50px;
    margin-top: 10px;
}

img.moveleftlist,img.moverightlist {
    cursor: pointer;
}

span.output {
    float: left;
    width: 150px;
    padding-left: 5px;
}

span.spanascell {
    display: table-cell;
    width: 245px;
    height: 25px;
}

div.engname {
    margin-top: 25px;
    margin-bottom: 10px;
    height: 23px;
}

div.engname table {
    background: none;
}

span.engname {
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
    height: auto;
}

span.closeicon {
    height: 23px;
    width: 23px;
    cursor: pointer;
    float: left;
    margin-right: 15px;
}

span.addbtn {
    text-align: left;
    float: left;
    margin-top: 60px;
    margin-left: 20px;
    cursor: pointer;
}

a.addbtn {
    float: left;
    padding-top: 3px;
    padding-left: 10px;
    font-weight: bold;
}

img.addbut {
    float: left;
    padding: 0px
}

select.engname {
    width: 200px;
    margin-left: 25px;
}

span.radio {
    margin-left: 20px;
}

span.metric {
    float: left;
    width: 190px;
}

span#serverClock {
    color: #2D5787;
    font-size: 9px;
}

div.indexNumber img.multi_check_icon:hover,div#percentiles img.multi_check_icon:hover,div#privileges img.multi_check_icon:hover {
    cursor: pointer;
}

/* Alert Light-Box Style*/
div.lightbox_container_alert {
    background-color: #FFFFFF;
    border: 4px solid #AAAAAC;
    color: #1D3857;
    display: none;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    padding: 20px 20px 10px 20px;
}

div.lightbox_container_alert img.close {
    cursor: pointer;
}

div.lightbox_container_alert div.lightbox_error_mw_recalc {
    padding-left: 5px;
    color: red;
}

div.lightbox_container_alert div.lightbox_title_alert {
    width: 100%;
    margin-bottom: 20px;
    line-height: 25px;
}

div.lightbox_container_alert div.lightbox_title_alert strong {
    font-weight: bold;
}

div.lightbox_container_alert div.lightbox_title_alert img.close {
    float: right;
}

div.lightbox_container_alert div.lightbox_closebtn_alert {
    text-align: right;
    width: 100%;
}

div.lightbox_container_alert p {
    text-align: left;
}

div.lightbox_container_alert p.lightbox_radiogroup_alert {
    line-height: 30px;
}

div.lightbox_container_alert p.lightbox_infotext_alert {
    text-align: justify;
}

div.lightbox_container_alert p.lightbox_bttns_alert {
    margin-top: 20px;
    text-align: center;
}

div.lightbox_container_alert p.lightbox_bttns_alert  input {
    margin-left: 20px;
    padding: 0 10px 0 10px;
}

div.lightbox_container_alert p.lightbox_bttns_alert  input.firstButton {
    margin-left: 0;
}

/* Policy Page Light Box Starts*/
div#lightbox_container {
    background-color: #FFFFFF;
    border: 4px solid #AAAAAC;
    color: #1D3857;
    display: none;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    min-height: 400px;
    width: 1000px;
}

div#lightbox_closebtn {
    height: 23px;
    text-align: right;
}

div#lightbox_closebtn img.close {
    cursor: pointer;
    margin-top: 4px;
    margin-right: 4px;
}

div#lightbox_dialog {
    margin-bottom: 30px;
}

div#policyTitle {
    height: 23px;
    font-weight: bold;
    font-size: 15px;
    padding-left: 10px;
}

div#policy_info {
    height: 23px;
    font-size: 12px;
    padding-left: 10px;
    font-style: italic;
}

div#policyTitle i#status_icon {
    float: left;
    padding-left: 20px;
}

div#policyTitle span#policy_name {
    padding-left: 10px;
    float: left;
}

div#policy_info span#last_modified {
    float: left;
}

div#policy_info span#last_received {
    float: left;
}

.not_active_icon {
    background-image: url(../images/inact.gif);
    background-repeat: no-repeat;
    background-position: center;
    cursor: default;
}

.active_not_ea_icon {
    background-image: url(../images/inact_r1_green.gif);
    background-repeat: no-repeat;
    background-position: center;
    cursor: default;
}

.success_icon {
    background-image: url(../images/act_r1.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: default;
}

.warning_icon {
    color: #f5bc27;
    cursor: default;
}

.failing_icon {
    color: #ff3636;
    cursor: default;
}

.info_icon {
    background-image: url(../images/event_info_16.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: default;
}

/*table*/
tr#lightbox_table_header {
    background-color: #34938e;
    color: #ffffff;
    height: 25px;
    border-left: 1px solid #aaaaac;
}

.light_box_h1 {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    padding-left: 5px;
}

.light_box_h2 {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #1D3857;
    text-align: center;
}

div#prov_messages table {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #1D3857;
    border-bottom: 1px solid #d9d9d9;
}

td.col_left {
    border-left: 1px solid #AAAAAC;
    text-align: left;
    padding-left: 5px;
}

td.col_center {
    text-align: center;
    border-left: 1px solid #aaaaac;
}

#tabd_menu .current a {
    background-position: 0 -125px;
}

#tabd_menu .current a span {
    background-position: 100% -125px;
    color: #1D3857;
    font-weight: bold;
}

#tabd_menu .current a span {
    background-position: 100% -125px;
    color: #1D3857;
    font-weight: bold;
}

/*Light box container for CLI update starts*/
div.lightbox_container {
    background-color: #FFFFFF;
    border: 4px solid #AAAAAC;
    color: #1D3857;
    display: none;
    font-family: arial, verdana, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    min-height: 250px;
    width: 600px;
}

div#cli {
    padding-top: 10px;
}

div#cli p {
    text-align: left;
    padding-left: 10px;
}

div#cli p.center {
    text-align: center;
}

div#cli p.center input.close {
    background-image: url(../images/testbg2.gif);
    background-repeat: repeat-x;
    border-left: 1px solid #aaaaac;
    border-top: 1px solid #aaaaac;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #1D3857;
    text-align: center;
}

div#cli p.center input#no_confirmation {
    background-image: none;
    background: #fbfbfb;
    opacity: 0.4;
    filter: alpha(opacity =               40); /* For IE8 and earlier */
}
/*Light box container for CLI update ends*/
/* Policy Page Light Box Ends*/
/* EchoAgent Page Ling Box Starts*/
div#echo {
    height: 35px;
    font-weight: bold;
    font-size: 15px;
    padding-left: 10px;
}

div#echo span#backup {
    float: left;
    padding-left: 20px;
    width: 25px;
    height: 25px;
}

div#echo span#eaName {
    padding-left: 10px;
    float: left;
}

.backup_icon {
    cursor: default;
}

div#time_search {
    height: 23px;
    font-size: 12px;
    padding-left: 20px;
    font-style: italic;
}

div#backup_reports_div table {
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #1D3857;
    border-bottom: 1px solid #d9d9d9;
}

.statusradio {
    padding: 0 25px 0 25px;
    float: left;
    text-align: left;
}

/* EchoAgent Page Ling Box Ends*/
/********************************
/* Continuous Date Picker
/*******/
div#kalenteri div.calendarScrollContent {
    height: 250px;
}

a.calendarIcon {
    margin-left: 10px;
    margin-top: 5px;
}

div#kalenteri div.label {
    margin-top: 5px;
    width: 225px;
    border-bottom: 1px dotted #006;
    padding-bottom: 5px;
    text-align: center;
}

div#kalenteri span.startDateLabel {
    margin-left: 5px;
}

div#kalenteri .continuousCalendar .range td {
    cursor: auto;
}

div#kalenteri .continuousCalendar .range td:hover {
    font-weight: normal;
    color: #000;
}

div#kalenteri .continuousCalendar td.disabled:hover {
    color: gray;
    font-weight: normal;
    cursor: auto;
}

div#kalenteri .continuousCalendar td.today {
    border: 0px solid red;
}

/*Light box container for LC Agents*/
div#lightbox_container_lc {
    background-color: #FFFFFF;
    border: 4px solid #AAAAAC;
    color: #1D3857;
    display: none;
    font-family: arial, verdana, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    min-height: 250px;
    width: 700px;
}

div#lc_info {
    height: 23px;
    font-weight: bold;
    font-size: 15px;
    padding-left: 10px;
}

div#lc_info  span#lc_note {
    float: left;
}

div#lc_text p {
    text-align: left;
    padding-left: 10px;
}

div#lc_text p.center {
    text-align: center;
}

div#lc_text p.center input.close {
    background-image: url(../images/testbg2.gif);
    background-repeat: repeat-x;
    border-left: 1px solid #aaaaac;
    border-top: 1px solid #aaaaac;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #1D3857;
    text-align: center;
}

/*Light box container for LC Agents ends*/
/*Light box container for Portal Link*/
div#lightbox_portal_link {
    background-color: #FFFFFF;
    border: 4px solid #AAAAAC;
    color: #1D3857;
    display: none;
    font-family: arial, verdana, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    min-height: 250px;
    width: 700px;
}

div#portal_link_info {
    height: 23px;
    font-weight: bold;
    font-size: 15px;
    padding-left: 10px;
}

div#portal_link_info  span#portal_link__note {
    float: left;
}

div#portal_link_text {
    padding-top: 20px;
}

div#portal_link_text p {
    text-align: left;
    padding-left: 10px;
}

div#portal_link_text p.center {
    text-align: center;
}

div#portal_link_text p.center input.close {
    background-image: url(../images/testbg2.gif);
    background-repeat: repeat-x;
    border-left: 1px solid #aaaaac;
    border-top: 1px solid #aaaaac;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #1D3857;
    text-align: center;
}

/*Light box container for Portal Link ends*/
/* Privileges css  starts*/
table .privilegeTable {
    border-left: 1px solid #AAAAAC;
    border-top: 1px solid #AAAAAC;
    background: #fff;
}

.privilegeTable td {
    border-right: 1px solid #AAAAAC;
    border-bottom: 1px solid #AAAAAC;
    font-size: 12px;
    color: #1D3857;
    height: 20px;
}

td .cellHeader {
    font-weight: bold;
    text-align: left;
    height: 20px;
    padding-left: 5px;
    text-align: left;
}

td .cellHeader_center {
    font-weight: bold;
    text-align: left;
    height: 20px;
    padding-left: 5px;
    text-align: center;
}

td .cell_left {
    text-align: left;
    padding-left: 5px;
}

td .cell_center_yellow_left {
    padding-left: 5px;
    background: #ffffd9;
}

td .cell_center_green_left {
    padding-left: 5px;
    background: #e6ffe6;
}

td .cell_center_yellow_right {
    padding-left: 5px;
    background: #ffffcc;
}

td .cell_center_green_right {
    padding-left: 5px;
    background: #deffde;
}

span.icon_text {
    float: left;
    padding-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    color: #1D3857;
    font-size: 12px;
    font-weight: bold;
}

/* Privileges css  ends*/
input.ttmarker {
    width: 280px;
    border: 0;
    background-image: url(../images/round_back.gif);
    background-repeat: no-repeat;
    color: #AAAAAC;
    padding-left: 10px;
    padding-right: 10px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DateTimePicker
 */
#ui-timepicker-div dl {
    text-align: left;
}

#ui-timepicker-div dl dt {
    height: 25px;
}

#ui-timepicker-div dl dd {
    margin: -25px 0 10px 65px;
}

.ui-widget {
    font-size: 13px;
    margin-left: 10px;
}

#ui-datepicker-div .ui-datepicker-current {
    visibility: hidden;
}

#ui-datepicker-div .ui-state-highlight {
    background: url("images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
    border: 1px solid #C5DBEC;
    color: #2E6E9E;
}

#ui-datepicker-div .ui-state-active {
    background: url("images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
    border: 1px solid #C5DBEC;
    color: #2E6E9E;
    font-weight: normal;
}
/*
 * 3s dashboard configuration KPI, Metrics and Views table structure
 */
table.ssschktable {
    width: 100%;
    background-color: #FFFFFF;
}

table.ssschktable>tbody>tr>td {
    text-align: left;
    padding: 3px 0 3px 0;
    width: 150px;
}
/* Circuit List - Engine page pagination CSS*/
div.pagination {
    margin-top: 20px;
}

div.pagination table {
    padding: 0;
    margin: 0 auto 0 auto;
    text-align: left;
    background-color: #F6F6F6;
}

div.pagination table td {
    padding: 0 2px 0 2px;
    margin: 0;
}

div.pagination table td label,div.pagination table td img {
    cursor: pointer;
}

div.pagination table td.selected label {
    font-weight: bold;
    font-size: 18px;
}
/* Circuit Profile CSS starts*/
span.contentText {
    width: 160px;
    padding-left: 10px;
    float: left;
}
/* Circuit Profile CSS ends*/
#errdiv {
    color: red;
    text-align: left;
    height: 40px;
}
/*
Engine pages
*/
#engineForm .snmpv2 {
    text-align: left;
    float: left;
    width: 155px;
    padding: 3px 0 0 0;
}

#engineForm .port {
    text-align: left;
    float: left;
    width: 30px;
    padding: 3px 0 0 20px;
}

#engineForm .community {
    text-align: left;
    float: left;
    width: 70px;
    padding: 3px 0 0 20px;
}

#engineForm .snmpv2_input {
    float: left;
    width: 150px;
}

#engineForm .snmp_port_input {
    float: left;
    width: 50px;
}

#engineForm #aeComp .hdr {
    padding: 3px 10px 0 0;
    width: 80px;
    float: left;
    text-align: left;
}

#engineForm .filter_h {
    padding: 3px 0 0 10px;
    float: left;
    text-align: left;
}

#engineForm .small_input {
    width: 50px;
    float: left;
}

#engineForm .thr_header {
    padding: 0 10px 0 0;
    width: 190px;
    float: left;
    text-align: left;
}

#engineForm .thr_header.longer {
    width: 300px;
}

#engineForm .thr_arr {
    text-align: left;
    float: left;
    width: 25px;
}

#engineForm .thr_input {
    text-align: left;
    float: left;
    width: 70px;
}

#spatialForm .path_header {
    width: 170px;
    padding: 5px 10px 0 20px;
    float: left;
    text-align: left;
    font-weight: bold;
}

#spatialForm .path_header.first {
    padding-left: 0;
}

a.addLink,a.headerLink {
    color: #1D3857;
}

#filter,#formu,#log {
    color: #1D3857;
    font-size: 12px;
}

#filter .divform,#formu .divform,#log .divform,#search .divform {
    margin-top: 7px;
    width: 765px;
    padding: 5px 5px 5px 10px;
    border-radius: 10px 10px 10px 10px;
    background-color: #a0e5e1;
    border: 1px solid #E4F3FF;
}

#filter .filter_header {
    font-weight: bold;
    text-align: left;
    float: left;
}

#filter .dropdownlist {
    width: 220px;
    float: left;
    text-align: left;
    padding-left: 20px;
}

#filter .dropdownlist.first {
    padding-left: 0px;
}

#filter .searchExp_span {
    width: 220px;
    float: left;
    text-align: left;
}

#filter .searchExp_span input {
    width: 215px;
    float: left;
}

#filter .searchBy {
    text-align: left;
    float: left;
    width: 110px;
    padding: 0px 0px 0 10px;
}

#filter .buts.filter_submit {
    height: 25px;
    float: right;
    color: #1D3857;
}

.disabled {
    opacity: 0.4;
    filter: alpha(opacity = 40); /* For IE8 and earlier */
}

.chart_search{
    width:290px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #888;
    margin: 0;
    padding: 3px;
    margin-bottom:10px;
}

.chart-tooltip {
    position: absolute;
    display: none;
    border: 1px solid #d2e0f0;
    padding: 2px;
    background-color: #f6f9f8;
    text-align:left;    
    z-index:1004;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* IE 6+, FF 7+, Op 11+, Saf 1.3+, Chr 1+ */
    -o-text-overflow: ellipsis; /* for Opera 9 & 10 */
}

span.threshold_val {
   text-align:left;
   float:left;
   width:20%;
   padding:3px 0 0 0;
 }
 
 span.threshold_arrow {
  text-align:left;
  float:left;
  width:5%;
  padding-top:5px;
}

.kafkaInput {
    width: 200px;
}

.ev-clickable:hover {
    cursor: pointer;
    color: #D93F87;
}

.ev-clickable {
    color: #1D3857;
}