/**
 * General Application wide hints
 */
.appFrame {
	background-color:#042434;
	color:white;
	font-size:10px;
	padding:0px;
}

.appHeaderLeft {
	background:#042434 url(../LookAndFeelServlet/title) no-repeat scroll left bottom;
}

.appHeaderRight {
	background:#042434 url(../images/connect/connect_back.gif) no-repeat scroll right bottom;
}

/*
 * Generic HTML site wide hints
 */

html {
	height:100%;
}

body {
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:12px;
    font-weight:normal;	
    background-color:#D8E6ED;
    color:#666666;
    margin:0px;
    padding:0px;
	height:100%;
}

base-color {
	
}

.loginTitle {
	font-size:16px;
    font-weight:bold;
}

table {
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

a:link, a:hover, a:visited, a:active {
    font-family:Arial,Helvetica,Verdana,sans-serif;
    font-weight:normal;
}

a#forgotCredentialsLink:link, a#forgotCredentialsLink:hover, a#forgotCredentialsLink:visited, a#forgotCredentialsLink:active {
	color:blue;
}

a#cancelLink:link, a#cancelLink:hover, a#cancelLink:visited, a#cancelLinkLink:active {
	color:blue;
}

h2 {
    font-size:16px;
    margin-top:10px;
    margin-left:5px;
    margin-bottom:10px;
    padding-left:2px;
}

h3 {
    font-size:14px;
    margin-top:10px;
    margin-left:5px;
    margin-bottom:2px;
    padding-left:2px;
    font-weight:bold;
    background-color:#ffffe0;
}


/*
 *
 *
 *
 * Overridings of the ICE default styles located in the file:
 * icefaces-VERSION.jar/com/icesoft/faces/resources/css/xp/xp.css.
 *
 * The original CSS entries were copied here and accordingly modified
 * in order to satisfy styling requirements for this application.
 *
 *
 *
 */

.iceFrm {
	width:100%;
}

.iceSelInpTxtRow, .iceSelInpTxtSelRow {
    height:15px;
}

.iceSelInpTxtSelRow {
    color:#FFFFFF;
}
 
.iceInpFile {
	overflow:hidden;
}

.iceMsgs {
	color:#FF0000;
}

.iceMsgsFatal {
	color:#FF0000;
}

.iceMsgsError {
	color:#FF0000;
}

.iceMsgsWarn {
	color:#FF0000;
}

.iceMsgsInfo {
	color:#FF0000;
}
 
.iceCmdLnk, .iceOutLnk {
    text-decoration:underline;
    font-weight:normal;
    color:#333333;
}

.iceCmdLnk {
	display:block;
}

.iceCmdLnk-dis {
    color:#ABABAB;
    text-decoration:underline;
    border-bottom:1px dotted #CCCCCC;
    cursor:default;
}
 
.iceSelOneMnu, .iceSelMnyLb, .iceSelMnyMnu, .iceSelOneLb {
   font-family:Arial,Helvetica,Verdana,sans-serif;
   color:#000000;
   padding:0px;
}


/*
 *
 *
 *
 * Connection status
 *
 *
 *
 */
.iceOutConStatBack {
	background-image:url(../images/connect/connect_back.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-color:#042434;
	border-width:0px;
	height:80px;
	width:480px;
}
.iceOutConStat {
	position:relative; right:410px; top:5px;
	height:70px;
	width:35px;
}
.iceOutConStatInactv {
	background-image:url(../images/connect/connect_idle.gif);
	background-position:left center;
	background-repeat:no-repeat;
	height:70px;
	width:35px;
}
.iceOutConStatActv {
	background-image:url(../images/connect/connect_active.gif);
	background-position:left center;
	background-repeat:no-repeat;
	height:70px;
	width:35px;
}
.iceOutConStatCaution {
	background-image:url(../images/connect/connect_caution.gif);
	background-position:left center;
	background-repeat:no-repeat;
	height:70px;
	width:35px;
}
.iceOutConStatDisconnect {
	background-image:url(../images/connect/connect_disconnected.gif);
	background-position:left center;
	background-repeat:no-repeat;
	height:70px;
	width:35px;
}


/*
 * Correction of the original ICE style with:
 * color:#CCCCCC;
 * - in Firefox, this color was very hard to be distinguished against the background-color.
 */
.iceSelOneMnu-dis, .iceSelMnyLb-dis, .iceSelMnyMnu-dis, .iceSelOneLb-dis {
    font-family:Arial,Helvetica,Verdana,sans-serif;
    color:#808080;
    padding:0px;
    font-size:12px;
    cursor:default;
    border:none;
}
 
.iceMnuBarItem a {
    background-color:#A02031;
    height:auto;
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
    padding-bottom:3px;
    color:#FFFFFF; /* Must be >1.01em to avoid layout artifacts on Macs */
    font-size:12px;
    margin:0px;
    border-right:1px solid #FFFFFF;
    width:auto;
    float:left;
    display:block;
    text-decoration:none;
}
 
.iceMnuBarVrtItem a {
    background-color:#A02031;
    height:auto;
    padding-left:3px;
    padding-right:3px;    
    padding-top:3px;
    padding-bottom:3px;
    color:#FFFFFF;
    font-size:12px;
    margin-bottom:1px;
    float:none;
    display:block;
    text-decoration:none;
    border:0px solid #FFFFFF;
    width:100%;
}

.icePnlGrdCol {
	vertical-align:top;
}

.icePnlGrdCol1 {
	vertical-align:top;
}

.icePnlGrdCol2 {
	vertical-align:top;
}

.icePnlPopBody {
	background-color:#DEDEDE;
    padding:10px;
}

.icePnlTbSetSpcr, .icePnlTbOff, .icePnlTbOn, .icePnlTbOver  {
	background-color:#D8E6ED;
}

.icePnlTbSetCnt, .icePnlTbSet {
	background-color:#EBF2F6;
}

.iceDatTbl {
	background-color:#FFFFFF;
	border:1px solid #ABABAB;
	empty-cells:show;
	margin:0px;
}

.iceDatTblColHdr, .iceDatTblColHdr1, .iceDatTblColHdr2 {
/*the header of a data tables */
    background-color:#EFEFEF;
    background-image:url(../xmlhttp/css/xp/css-images/table_col_header.gif);
    background-position:bottom;
    background-repeat:repeat-x;
    font-weight:normal;
    text-align:center;
    color:#000000;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    padding-left:5px;
    padding-right:5px;
    padding-top:4px;
    padding-bottom:4px;
}

.iceDatTblCol {
    color:#000000;
    padding-left:5px;
    padding-right:5px;
    padding-top:3px;
    padding-bottom:3px;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    text-align:left;
}

.iceInpTxt, .iceInpSecrt, .iceInpTxtArea {
    font-size:12px;
}


.iceCmdSrtHdr span table {
	display:inline;
}

/*
 *
 *
 *
 * New entries added specially for this application:
 *
 *
 *
 */

.applicationPanelGridHeader {
	height:22px;
    padding-left:5px;
    padding-right:5px;
	background-color:#A02031;
	width:100%;
}

.applicationPanelGridHeader2 {
	height:22px;
    margin-top:10px;
    padding-left:10px;
    padding-right:10px;
	background-color:#FFFF99;
	width:100%;
}

.applicationTab {
	width:100%;
}
 
.dataScrollerTable {
}

.dataPaginatorTable {
	width:100%;
}

.tableCol_5 {
    width:5%;
}
.tableCol_15 {
    width:15%;
}
.tableCol_10 {
    width:10%;
}
.tableCol_20 {
    width:20%;
} 
.tableCol_30 {
    width:30%;
}
.tableCol_40 {
    width:40%;
}
.tableCol_50 {
    width:50%;
}
.tableCol_60 {
    width:60%;
}
.tableCol_70 {
    width:70%;
}
.tableCol_80 {
    width:80%;
}
.tableCol_90 {
    width:90%;
}
.tableCol_100 {
    width:100%;
}

.wideMainUIElement {
    padding:10px;
}

.inputTable_10 {
	width:10%;
}

.inputTable_15 {
	width:15%;
}

.inputTable_20 {
	width:20%;
}

.inputTable_30 {
	width:30%;
}

.inputTable_40 {
	width:40%;
}

.inputTable_45 {
	width:45%;
}

.inputTable_50 {
	width:50%;
}

.inputTable_60 {
	width:60%;
}

.inputTable_70 {
	width:70%;
}

.inputTable_80 {
	width:80%;
}

.inputTable_85 {
	width:85%;
}

.inputTable_90 {
	width:90%;
}

.inputTable_Label {
	background-color:#C5CDD1;
}
.inputTable_Label_10 {
	background-color:#C5CDD1;
	width:10%;
}
.inputTable_Label_15 {
	background-color:#C5CDD1;
	width:15%;
}
.inputTable_Label_20 {
	background-color:#C5CDD1;
	width:20%;
}
.inputTable_Label_30 {
	background-color:#C5CDD1;
	width:30%;
}

.inputTable_Component {
	background-color:#FFFFFF;
}
.inputTable_Component_5 {
	background-color:#FFFFFF;
	width:5%;
}
.inputTable_Component_10 {
	background-color:#FFFFFF;
	width:10%;
}
.inputTable_Component_15 {
	background-color:#FFFFFF;
	width:15%;
}
.inputTable_Component_20 {
	background-color:#FFFFFF;
	width:20%;
}
.inputTable_Component_30 {
	background-color:#FFFFFF;
	width:30%;
}
.inputTable_Component_35 {
	background-color:#FFFFFF;
	width:35%;
}
.inputTable_Component_40 {
	background-color:#FFFFFF;
	width:40%;
}
.inputTable_Component_50 {
	background-color:#FFFFFF;
	width:50%;
}
.inputTable_Component_60 {
	background-color:#FFFFFF;
	width:60%;
}
.inputTable_Component_70 {
	background-color:#FFFFFF;
	width:70%;
}
.inputTable_Component_85 {
	background-color:#FFFFFF;
	width:85%;
}
.inputTable_Component_90 {
	background-color:#FFFFFF;
	width:90%;
}

.inputTable_Button_10 {
	background-color:#FFFFFF;
	width:10%;
}

td input.squareButton {
	width:50px;
}

.graphicImage {
	border:none;
}

.controlPanel { 
	width:100%;
	text-align:right;
}

.panelPopup, .panelEventTypePopup, .panelOrganizationPopup, .panelDatasourcePopup, .panelPopupFlexiObjects, .panelPopupObjectTypeAttributes, .panelPopupDatasourceGroupAttributes, .panelPopupEventTypeAttributes {
	z-index:1001;	
	left:25%;
}

.panelPopup {
	top:25%;
	width:800px; 
	height:400px;
}

.panelPopupEventTypeAttributes {
	top:25%;
	width:800px; 
	height:400px;
}

.panelEventTypePopup {
	top:100px;
	width:800px; 
	height:400px;
} 

.panelOrganizationPopup {
	top:25%;
	width:800px; 
	height:400px;
}

.panelDatasourcePopup {
	top:25%;
	left:15%;
	width:900px; 
	height:500px;
}

.panelPopupFlexiObjects {
	top:15%;
	width:800px;
	height:600px;
}

.panelPopupObjectTypeAttributes, .panelPopupDatasourceGroupAttributes {
	top:100px;
	width:600px;
	height:500px;
}

.panelPopupHeaderColumnTitel { 
	text-align:left;
}

.panelPopupHeaderColumnButtons { 
	text-align:right;
}
 
.popupTitle span {
    text-align:left;
    vertical-align:middle;
    font-weight:bold;
    padding:4px;
    color:#FFFFFF;
    font-size:16px;
}

.popupModalBody {
    margin-top:15px;
}

.popupModalBody input {
    float:right;
    margin-right:2px;
    margin-top:40px;
}

.bluePanelGroupAnchor a {
    text-decoration:none;
    padding-left:10px;
    padding-right:10px;
    padding-top:4px;
    padding-bottom:4px;
}

.bluePanelGroupAnchor a:hover {
    background-color:#2A6CC2;
}

.bluePanelGroupAnchor span:hover {
    color:white;
}

.tblWithSmallerHeaderHeight {
	width:100%;
}

.tblWithSmallerHeaderHeightColHdr1 {
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
}

.tblWithSmallerHeaderHeightColHdr2 {
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
}

.tblWithSmallerHeaderHeight a {
    background-image:none;
    background-color:transparent;
    border:0px;
}

.inputFile {
	white-space:pre;
}

.fixedSizeContainer {
	height:350px;
	overflow:auto;
}

/*
 * Used for the different columns in the ice:selectInputText (Autocomplete) components
 * that display multiple columns of information.
 */
.idCol {
    width:100px;
}
.userLastNameCol {
    width:150px;
}
.userFirstNameCol {
    width:150px;
}
.itemNameCol {
    width:300px;
}

.left {
	float:left;
}

.expand {
	margin-top:3px;
	margin-right:3px;
}

.hidden {
	display:none;
}

.sourceCode {
	background-color:white;
}

.sourceCode .iceOutTxt {	
	font-family:monospace;
}

table.dynamicForm {
	border:none;
}

.dynamicForm .inputTable_Component_90 {
	border:medium solid #D8E6ED;
	padding:0;
}

.dynamicForm .inputTable_Label_10 {
	border:medium solid #D8E6ED;
	padding:0;
}

.iceSelInpDateInput{
	width:150px;
}

.subTabCnt{
	 background-color:#D8E6ED;
}

.subTabSpcr{
	background-color:#EBF2F6;
}