/*********************************************************************/
/*                                                                   */
/*   PROGRAM   : ErbIAStyle.css                                      */
/*   PURPOSE   : Creating the Erb Interactive standard CSS file.     */
/*                                                                   */
/*   AUTHOR    : Siavash Askari                                      */
/*   DATE      : 04/04/2013                                          */
/*                                                                   */
/*   REVISION HISTORY                                                */
/*   ----------------                                                */
/*   REVISION #    :                                                 */
/*    CHANGES MADE :                                                 */
/*    REASON       :                                                 */
/*********************************************************************/

/********* Erb interactive widgets styles **********/
.ErbIALabel{
    width:100px;
    color: #000066;
    font-family: Tahoma;
    font-size: 14px;
	font-weight: normal;
	text-align: left;
	background-color: #E7E8DC;
	height: 18px;
}

.ErbIAErrMSGLabel{
    color: #660000;
    font-family: Arial;
    font-size: 14px;
	font-weight: bolder;
	background-color: #FFFF33;
	text-align: left;
	height: 18px;
}

.ErbIARoundTextbox{
    width: 150px;
	height: 18px;
    font-family: Tahoma;
    font-size: 12px;
    border: 1px solid rgb(133,133,133);
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
	border:1px solid rgba(133,133,133, 0.8); 
	/*behavior: url(/profoundui/userdata/custom/js/PIE.htc);*/
}

.ErbIARoundTextbox:focus { 
    box-shadow: 0 0 5px rgba(133, 133, 133, 1);
    -webkit-box-shadow: 0 0 5px rgba(133, 133, 133, 1);
    -moz-box-shadow: 0 0 5px rgba(133, 133, 133, 1);
    border:1px solid rgba(133,133,133, 1);  
}

/*** CSS for Erb Interactive Grid ****/

.ErbInteractive-grid {
  z-index: 9;
}
.ErbInteractive-grid .cell { 
  font-family: Verdana;
  font-size: 13px;
  text-align: center;
}
.ErbInteractive-grid .cell {
  text-align: center;
}
.ErbInteractive-grid .header-cell {
  font-size: 11px;
  color: #660000;
  background-color: #E2E2E2;
  background-image: url('/profoundui/proddata/images/grids/Erb Interactive/header.png');
  background-repeat: repeat-x;
  text-align: left;
  font-weight: bold;
  font-family: Arial;
}
.ErbInteractive-grid .header-cell div {
  text-align: left;
}
.ErbInteractive-grid .odd {
  color: #555555;
  background-color: #ffffff;
}
.ErbInteractive-grid .even {
  color: #555555;
  background-color: #f2f2f2;
}
.ErbInteractive-grid .odd INPUT.PR {
  color: #555555;
}
.ErbInteractive-grid .odd INPUT.PR-UL {
  color: #555555;
}
.ErbInteractive-grid .even INPUT.PR {
  color: #555555;
}
.ErbInteractive-grid .even INPUT.PR-UL {
  color: #555555;
}
.ErbInteractive-grid .selected {
  color: #ffffff;
  background-color: #6699cc;  
}
.ErbInteractive-grid .hover {
  color: #ffffff;
  background-color: #39698a;
}
.paging-bar {
  background-image: url('/profoundui/proddata/images/grids/Erb Interactive/pagingBar.png');
  vertical-align: top;
  font-size: 12px;
  border: 1px solid #CCCCFF;
}

/*******************************************/
.EIHelpDivClass{
    font-family: Tahoma;
    font-size: 12px;
	background-color: #E4E4E4;
    border: 1px solid rgb(133,133,133);
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
	border:1px solid rgba(133,133,133, 0.8); 
	/*behavior: url(/profoundui/userdata/custom/js/PIE.htc);*/
	z-index: 10000;
}

.EIHelpDivExitBtnClass{
    font-family: Tahoma;
    font-size: 12px;
	background-color: #E4E4E4;
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
	text-align : right;
	z-index: 10001;
}

.EIRoundInput {
    border: 1px solid rgb(133,133,133);
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
	border:1px solid rgba(133,133,133, 0.8);
}

.EIRoundInput:focus { 
    box-shadow: 0 0 5px rgba(133, 133, 133, 1);
    -webkit-box-shadow: 0 0 5px rgba(133, 133, 133, 1);
    -moz-box-shadow: 0 0 5px rgba(133, 133, 133, 1);
    border:1px solid rgba(133,133,133, 1);
}