body {
	font-family: Tahoma, Arial, Verdana, sans-serif;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

a {
    COLOR: black;
    TEXT-DECORATION: underline;
    cursor: pointer;
}


.leftnavHdr {
    FONT-SIZE: 13px;
}
.leftnavlink {
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
.bodycontent {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
}
.sectitleprefix {
    COLOR: #336699;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 24px;
    LETTER-SPACING: -1px;
}
.sectitlesuffix {
    COLOR: #003300;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 24px;
    FONT-WEIGHT: bold;
    LETTER-SPACING: -1px;
}
.tabtitleprefix {
    COLOR: #ffffff;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 19px;
    LETTER-SPACING: -1px;
}
.tabtitlesuffix {
    COLOR: #003300;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 19px;
    FONT-WEIGHT: bold;
    LETTER-SPACING: -1px;
}
.tabnav {
    COLOR: #660000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
}
.cardsubject {
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    LETTER-SPACING: -1px;
    TEXT-DECORATION: underline;
}

.securitytbl {
    MARGIN-RIGHT: 10px;
}
.security {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 10px;
}
.footer {
    FONT-SIZE: 10px;
}
.tab {
    COLOR: #660000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold;
}
.headerfont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
}
.datafont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
}
big {
    font-size: 16px;
}
.componetnav {
    COLOR: #000000;
    TEXT-DECORATION: none;
}




.tblHeaderRow {
    BACKGROUND-COLOR: #eeeeee;
    COLOR: white;
    TEXT-DECORATION: none;
}

.dataDisp {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
}
caption {
    BACKGROUND: #ffffff;
}
.loginbox {
    BACKGROUND-COLOR: #c2c2c2;
    BORDER-BOTTOM: #dddddd 2px groove;
    BORDER-LEFT: #ffffff 2px groove;
    BORDER-RIGHT: #dddddd 2px groove;
    BORDER-TOP: #ffffff 2px groove;
}
body.global {
    BACKGROUND-COLOR: #ffffff;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    MARGIN-TOP: 5px;
    MARGIN-LEFT: 10px;
    MARGIN-RIGHT: 10px;
}

body.assistant {
    BACKGROUND-COLOR: #fcfcfc;
    MARGIN-TOP: 5px;
    MARGIN-LEFT: 10px;
    BACKGROUND: #fcfcfc url(/sgms/images/1x1grey.gif) repeat-y;
}

body.monitor {
    BACKGROUND-COLOR: #fcfcfc;
    MARGIN-TOP: 5px;
    MARGIN-LEFT: 10px;
    BACKGROUND: #fcfcfc url(/sgms/images/1x1grey.gif) repeat-y;
}

body.reports {
    BACKGROUND-COLOR: #fcfcfc;
    MARGIN-TOP: 5px;
    MARGIN-LEFT: 10px;
    BACKGROUND: #fcfcfc url(/sgms/images/1x1grey.gif) repeat-y;
}

body.report {
    BACKGROUND-COLOR: #fcfcfc;
    MARGIN-TOP: 5px;
    MARGIN-LEFT: 10px;
    BACKGROUND: #fcfcfc url(/sgms/images/1x1grey.gif) repeat-y;
}

body.roleDetails {
    BACKGROUND-COLOR: #fcfcfc;
    MARGIN-TOP: 5px;
    MARGIN-LEFT: 10px;
}

.bodyfont1 {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
}
.bodyfont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    COLOR: #000000;
}
/** Modify the class .label,.instructions in styles.css for any change in this class **/
.controlfont {
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
}

input.controlfont {
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 2px;
}

select.controlfont {
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 2px;
}

.tinycontrolfont {
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
}

input.tinycontrolfont {
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 2px;
}

select.tinycontrolfont {
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 2px;
}

.topnav {
    COLOR: #ffffff;
    font-size: 15px;
    TEXT-DECORATION: none;
    font-weight: 800;
    font-family: Tahoma, Arial, Verdana, sans-serif;
}
.formAction {
    COLOR: #252525;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 16px;
    FONT-WEIGHT: 900;
    TEXT-DECORATION: none;
}

/** Modify the class groupLabel in styles.css for any change in this class **/

.tableHeaderfont {
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: BOLD;
}
.sectionHeaderPolicies {
    background: transparent;
    border-bottom: 0;
    color: #005D84;
    font-size: 18px;
    font-weight: normal;
    height: auto !important;
    line-height: 1.2em;
    overflow: visible;
    padding: 0;
}

/** Modify the class .listLabel,.licenseHead in styles.css for any change in this class **/
.tblHeader {
    BACKGROUND-COLOR: #eeeeee;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    FONT-weight: bold;
    height: 42px;
}

.sorttable_nosort {
    BACKGROUND-COLOR: #eeeeee;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    FONT-weight: bold;
    height: 42px;
}

table.sortable tbody tr:nth-child(2n) td {
  background: #f7f7f7;
}
table.sortable tbody tr:nth-child(2n+1) td {
  background: #ffffff;
}

.sectionHeaderConsole {
    BACKGROUND-COLOR: #dddddd;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: BOLD;
    PADDING: 2px 5px 2px 5px;
}

.tblHeaderConsole {
    BACKGROUND-COLOR: #eeeeee;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: BOLD;
}

.sectionHeaderMonitor {
    BACKGROUND-COLOR: #dddddd;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: BOLD;
    PADDING: 2px 5px 2px 5px;
}

.tblHeaderMonitor {
    BACKGROUND-COLOR: #eeeeee;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: BOLD;
}

.brdTblHeader {
    BACKGROUND-COLOR: #0c2c56;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #ffffff;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}

/** Modify the class tr in styles.css for any change in this class **/
.tblData {
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    height: 42px;
}
.tblData2 {
    BACKGROUND-COLOR: #f5f5f5;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    height: 42px;
}
.tblData3 {
    BACKGROUND-COLOR: #f7f7f7;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    FONT-STYLE: normal;
    height: 42px;
}
.tblDataLogAlert {
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #ff0000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}
.tblDataLogAlert2 {
    BACKGROUND-COLOR: #f7f7f7;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #ff0000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}
.tblDataLogWarn {
    BACKGROUND-COLOR: #ffff00;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #222288;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}
.tblBorder {
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #804000;
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}
.msgFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
    TEXT-DECORATION: none;
}
.statusmsg{
    COLOR: #000000;
    height: auto;
    font-size: 13px;
    margin: 10px 0 10px 0;
    max-height: 120px;
    overflow-y: auto;
    padding: 10px 0 10px 0;
}

.statusmsg:empty{
	display: none;
}
    
.info {
	background-image: url(/sgms/images/inline_info.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 25px;
}
.warning {
	background-image: url(/sgms/images/inline_warning.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 25px;
}
.error {
	background-image: url(/sgms/images/inline_error.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 25px;
}
.grayed {
    padding: 10px;
    border-radius: 10px;
    width: 100%;
    background-color: #fdfdfc;
}

.band {
    BACKGROUND-COLOR: #462d7c;
}

.tblDataAction {
    BACKGROUND-COLOR: #f7f7f7;
}
.longcell {
    padding-left: 6px;
    padding-right: 6px;
}

.controltzfont {
    COLOR: #999999;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}

.datetitle {
    BACKGROUND-COLOR: #6f9ad3;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    COLOR: #ffffff;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
}

.panelNameFont {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 900;
    TEXT-DECORATION: none;
    COLOR: #ffffff;
}

.panelColor {
    BACKGROUND-COLOR: #c2c2c2;
}

.panelBorderColor {
    BACKGROUND-COLOR: #e2e2e2;
}

.panelTextBackground {
    BORDER-TOP: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BACKGROUND-COLOR: #758fc2;
}

.panelPoliciesBackground {
    BORDER-TOP: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BACKGROUND-COLOR: #6f9ad3;
}

.panelReportsBackground {
    BORDER-TOP: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BACKGROUND-COLOR: #6f9ad3;
}

.panelMonitorBackground {
    BORDER-TOP: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BACKGROUND-COLOR: #6f9ad3;
}

.panelConsoleBackground {
    BORDER-TOP: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BACKGROUND-COLOR: #6f9ad3;
}

.panelCaption {
    font-size: 15px;
    margin-top: 0;
    color: #000000;
}

.heading_link {
    FONT-SIZE: 11px;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-weight: bold;
    TEXT-DECORATION: NONE;
}

.subheading_link {
    FONT-SIZE: 11px;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    TEXT-DECORATION: NONE;
    font-style: normal;
}

.subheading_linksel {
    font-size: 11px;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-STYLE: NONE;
    TEXT-DECORATION: NONE;
}

.hideRows {
    display: none;
}
.showRows {
    display: table-row;
}

/* use http://www.somacon.com/p141.php to play with the styles */
.gmsTable {
    border-width: 1px 1px 1px 1px;
    border-spacing: 1px;
    border-style: none;
    border-color: #ffffff;
    border-collapse: collapse;
    padding: 2px;
    background-color: #ffffff;
}

.gmsCollapsibleTable {
    border-width: 0 1px 0 1px;
    border-spacing: 1px;
    border-style: none;
    border-color: #ffffff;
    border-collapse: collapse;
    padding: 2px;
    background-color: #ffffff;
}

.gmsCollapsibleTableBottomRow {
    border-width: 0 1px 0 1px;
    border-spacing: 1px;
    border-style: none;
    border-color: #ffffff;
    border-collapse: collapse;
    background-color: #ffffff;
}

.gmsOkCancelButton {
    background-color: #EDEDE8;
    border-style: solid;
    border-width: 1px;
    border-color: #B3B3B0;
    border-radius: 2px;
    color: black;
    padding: 5px 10px;
    margin: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
}

.leadingImage {
    MARGIN-LEFT: 2px;
    MARGIN-RIGHT: 5px;
}

.loadingBox {
    BACKGROUND-COLOR: #6f9ad3;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 9;
    FONT-STYLE: normal;
    FONT-WEIGHT: 900;
    TEXT-DECORATION: none;
    COLOR: #ffffff;
}

.italicFont {
    font-size: 11px;
    COLOR: #363b55;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-WEIGHT: BOLD;
    FONT-STYLE: ITALIC;
    TEXT-DECORATION: NONE;
}

/** Modify the class button in styles.css for any change in this class **/
.button, .btn {
    background-color: #EDEDE8;
    border-style: solid;
    border-width: 1px;
    border-color: #B3B3B0;
    border-radius: 2px;
    color: black;
    padding: 5px 10px;
    margin: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
}

.btn[disabled], .disableButton {
    background-color: #EDEDE8;
    border-style: solid;
    border-width: 1px;
    border-color: #EDEDE8;
    border-radius: 2px;
    color: #B3B3B0;
    padding: 5px 10px;
    margin: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    CURSOR: not-allowed;
}

.divFrame {
    BACKGROUND-COLOR: #f7f7f7;
    /*BORDER: thin outset;*/
}

#overlay {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    text-align: center;
    z-index: 100;
    opacity: 0.2;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    background-image: url(/appliance/images/transparent.png);
}


.PopupDiv {
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    Z-INDEX: 1000;
    position: absolute;
    background-color: #ffffff;
    margin: auto;
    padding-bottom: 3px;
    box-sizing: border-box;
}

#navbarholder {
    display: none;
    height: 4px;
    width: 100%;
    line-height: 0;
    position: absolute;
    top: 0;
    right: 0;
}

#navbarbaseholder {
    height: 4px;
    width: 100%;
    background-color: #727272;
}

#navbarimgholder {
    height: 4px;
    width: 100%;
    background-color: #ffffff;
    background-image: url(/sgms/images/dash/pane_opener.gif);
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

#navbar {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 23px;
    /*background-color:#D4D4DC;*/
    background-color: #e6e6e6;
    border: 1px solid #000000;
}

.pageSelector {
    float: left;
    COLOR: #465282;
    text-decoration: none;
    text-align: center;
    padding: 1px 5px;
    border: 1px solid #e6e6e6;
    /*border:1px solid blue;*/
}

.divTab {
    BORDER-RIGHT: black 1px outset;
    BORDER-TOP: black 1px outset;
    FONT-WEIGHT: normal;
    FONT-SIZE: smaller;
    MARGIN: 0;
    BORDER-LEFT: black 1px outset;
    LINE-HEIGHT: 150%;
    BORDER-BOTTOM: black 1px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    HEIGHT: 21px;
    BACKGROUND-COLOR: #c2c2c2;
    TEXT-ALIGN: center;
}

.divTabLine {
    FONT-WEIGHT: normal;
    FONT-SIZE: smaller;
    MARGIN: 0;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    HEIGHT: 1px;
    BACKGROUND-COLOR: #c2c2c2;
    TEXT-ALIGN: center;
}

.nolineLabel {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    TEXT-DECORATION: none;
}

.divPanel {
    BORDER-RIGHT: black 1px outset;
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    FONT-SIZE: smaller;
    PADDING-BOTTOM: 6px;
    MARGIN: 0;
    BORDER-LEFT: black 1px outset;
    PADDING-TOP: 6px;
    BORDER-BOTTOM: black 1px outset;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    BACKGROUND-COLOR: #ffffff;
}

/** css styles specific to Unified Screen Sencha UI - start**/
.x-column-header-inner .x-column-header-text {
    white-space: normal;
}

.x-body {
    COLOR: #252525;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    TEXT-DECORATION: none;
} 

td.wrap-text div {
    white-space: normal;
}

.x-grid-table .x-grid-cell-colApp {
    background: #eeeeee;
}
.x-grid-table .x-grid-cell-colURLcategory {
    background: #eeeeee;
}
.x-grid-table .x-grid-cell-colURLdomain {
    background: #eeeeee;
}
.x-grid-table .x-grid-cell-colCustomMatch {
    background: #eeeeee;
}
.x-grid-table .x-grid-cell-colStatistics {
    background: #eeeeee;
}

.icon-grid {
    background-image: url(images/icon_object_zone.png) !important;
}	

.x-grid-row-collapsed .x-grid-row-expander {
    background-image: url(images/arrow_collapse.gif);
}

.x-grid-row-expander {
    background-image: url(images/arrow_expand.gif);
}

.highlight {
    display: block;
    background-color: #dddddd;
}

.customRowClass .x-grid-cell-inner {
    line-height: 35px;
    cursor: pointer;
}

#zoneSelectorGrid .x-column-header-inner {
    text-align: center;
}

.toolbarButton {
    background-position: center 0;
    background-repeat: no-repeat;
    width: 25px;
}

.policyRowClass .x-grid-cell-inner {
    line-height: 15px;
    cursor: pointer;
}

.x-action-col-cell img {
    width: 20px;
    height: 20px;
    margin-top: 1px;
    margin-right: 1px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
}

.x-btn-icon img {
    background-position: center center;
}

.details {
    color: #456ab8;
    font-weight: bold;
    font-size: 9;
    font-family: Tahoma, Arial, Verdana, sans-serif;
}

.detailsNotBold {
    color: #456ab8;
    font-size: 9;
    font-family: Tahoma, Arial, Verdana, sans-serif;
}

.detailsData {
    font-size: 9;
    font-family: Tahoma, Arial, Verdana, sans-serif;
}

.controlStyle, .x-form-item-label, .x-form-cb-label, .x-form-field, .x-tab-inner, .x-boundlist-item {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    COLOR: #000000;
}

.my-header .x-panel-header {
    height: 16px;
    margin: 0;
    padding: 0;
}

.formBody .x-panel-body-default {
    border-width: 0;
}

.formBody .x-component {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    COLOR: #000000;
}

.boldLabel {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
    COLOR: #000000;
}

.readOnlyForm .x-panel-body-default {
    background: #d6dae1;
}

.x-column-header-inner {
    line-height: normal;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.x-column-header {
    top: 20%;
}

.addObjectOnTheFly {
    background-image: url(images/add.gif) !important;
    background-repeat: no-repeat;
    background-position-y: 2px;
    background-position-x: 1px;
    height: 22px;
    width: 36px;
}

.qtip-target {
    width: 100px;
    text-align: center;
    padding: 5px 0;
    border: 1px dotted #99bbe8;
    background: #dfe8f6;
    color: #15428b;
    cursor: default;
    margin: 10px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-style: bold;
    float: left;
} 

.invalidZone .x-grid-cell {
    color: gray;
    FONT-STYLE: ITALIC;
}

.listAddItemContrast .x-grid-cell {
    BACKGROUND-COLOR: #94c5f7;
}

.listModItemContrast .x-grid-cell {
    BACKGROUND-COLOR: #fbe392;
}

.listDelItemContrast .x-grid-cell {
    BACKGROUND-COLOR: #ff9b9b;
}

.grid-row-checker-disabled {
    background-position: -39px 0;
}
/** css styles specific to Unified Screen Sencha UI - end**/

/** css styles required for jsp change order records, view and preview change order**/
.listAddItemContrast {
    BACKGROUND-COLOR: #94c5f7;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 1px;
    BORDER-RIGHT: 1px;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    padding: 2px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
    height: 42px;
}
.listModItemContrast {
    BACKGROUND-COLOR: #fbe392;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 1px;
    BORDER-RIGHT: 1px;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    padding: 2px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
    height: 42px;
}
.listDelItemContrast {
    BACKGROUND-COLOR: #ff9b9b;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 1px;
    BORDER-RIGHT: 1px;
    BORDER-TOP: 0;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
    padding: 2px;
    FONT-STYLE: normal;
    FONT-WEIGHT: 100;
    height: 42px;
}
.indParamChangeOrderMod {
    -webkit-box-shadow: inset 0 0 2px 2px rgba(249,214,97,1);
            box-shadow: inset 0 0 2px 2px rgba(249,214,97,1);
}
.indParamChangeOrderModFF {
            box-shadow: 0 0 2px 2px #fbe392;
}
.indParamChangeOrderModText {
    BACKGROUND-COLOR: #fbe392;
}
.indParamChangeOrderWhiteBG {
    BACKGROUND-COLOR: #ffffff;
}	
.actionChangeOrderModText {
    BACKGROUND-COLOR: #fbe392;
}
.x-action-col-cell img {
    width: 16px;
    height: 16px;
}
#readOnlyForm-body {
    BACKGROUND-COLOR: #e0e0e0;
}
.centerAlignColumnHeader {
    text-align: center;
}
.redirectLink {
    float: right;
    height: 16px;
    width: 16px;
    cursor: pointer;
    background: url('images/column_arrow.gif') no-repeat center center;
}

/** Font families**/

.defaultBodyText {
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-size: 13px;
}

/** Buttons **/

.standardBtn {
	color: #555;
    background-color: #f9f9f8;
    border: 1px solid #B3B3B0;
    border-radius: 3px;
    
    min-width: 88px;

    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 6px 6px;

    font-size: 13px;
    letter-spacing: 1px;
    cursor: pointer;
}

.standardBtn:hover, .standardBtn:focus {
	color: #555;
    background-color: #b3b3b0;
    border: 1px solid #B3B3B0;
    border-radius: 3px;

    min-width: 88px;

    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 6px 6px;

    font-size: 13px;
    letter-spacing: 1px;
    cursor: pointer;
}

.standardBtn:active {
	color: #555;
    background-color: #dfdfda;
    border: 1px solid #B3B3B0;
    border-radius: 3px;

    min-width: 88px;

    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 6px 6px;
 
    font-size: 13px;
    letter-spacing: 1px;
    cursor: pointer;
}

.formActionSmall {
	background-color: #EDEDE8;
	border-style: solid;
    border-width: 1px;
    border-color: #B3B3B0;
    border-radius: 2px;
    color: black;
    padding: 5px 10px;
    margin: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
}

.subrow {
	BACKGROUND-COLOR: #ffffff;
    COLOR: #000000;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 13px;
	margin-bottom: 5px;
    FONT-STYLE: normal;
    height: 25px;
}
.subrow2 {
	BACKGROUND-COLOR: #f5f5f5;
    COLOR: #000000;
	margin-bottom: 5px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    height: 25px;
}