/* Color Styles */

body#purple1 {
  background-color: #cc99ff;
}

body#ics_pink1,
.ics_pink1 {
  background-color: #ffac8d;
}

body#ics_red1,
.ics_red1 {
  background-color: #930f04;
}

body#ics_pink2,
.ics_pink2 {
  background-color: #c94137;
}

body#ics_pink3,
.ics_pink3 {
  background-color: #78043f;
}

body#ics_purple2,
.ics_purple2 {
  background-color: #967bc9;
}

body#ics_purple3,
.ics_purple3 {
  background-color: #290964;
}

body#ics_brown1,
.ics_brown1 {
  background-color: #6e3e1e;
}

body#ics_tan1,
.ics_tan1 {
  background-color: #c9a25e;
}

body#ics_orange1,
.ics_orange1 {
  background-color: #933e04;
}

body#ics_orange2,
.ics_orange2 {
  background-color: #cd7511;
}

body#ics_blue1,
.ics_blue1 {
  background-color: #1b244b;
}

body#ics_blue4,
.ics_blue4 {
  background-color: #293985;
}

body#ics_blue2,
.ics_blue2 {
  background-color: #40959d;
}

body#ics_blue3,
.ics_blue3 {
  background-color: #41729e;
}

body#ics_purple4,
.ics_purple4 {
  background-color: #464397;
}

body#ics_yellow1,
.ics_yellow1 {
  background-color: #fff089;
}

body#ics_yellow2,
.ics_yellow2 {
  background-color: #c9b537;
}

body#ics_yellow3,
.ics_yellow3 {
  background-color: #a68e43;
}

body#ics_green1,
.ics_green1 {
  background-color: #7ca443;
}

body#ics_green2,
.ics_green2 {
  background-color: #013c32;
}

body#ics_green3,
.ics_green3 {
  background-color: #689d81;
}

body#ics_green4,
.ics_green4 {
  background-color: #669c2b;
}

body#ics_grey1,
.ics_grey1 {
  background-color: #8d8d8d;
}

body#ics_grey2,
.ics_grey2 {
  background-color: #404040;
}

body#ics_sandbox,
.ics_sandbox {
  background-image: url("/profoundui/userdata/images/ICSSandbox.jpg");
  background-repeat: repeat;
}

body#pen_wesnes,
.pen_wesnes {
  background-image: url("/profoundui/userdata/images/PENNWesNes.jpg");
  background-repeat: repeat;
}
/***********************/

/**
  color Picker Styles
**/

div#colorWrapper {
  width:190px;
  height:264px;
  border:2px solid black;
  background-color: white;
  padding:2px;
  position:absolute;
  z-index: 999;
  top:45px;
  left:100px;

}

div#colorWrapper div {
  width:30px;
  height:30px;
  border: 1px solid black;
  margin:2px;
  float:left;
}

div#colorWrapper p {

  margin-top:0px;
  height:18px;

}

div#colorWrapper div.exit {
  width:16px;
  height:18px;
  margin:0px;
  padding:2px;
  position: absolute;
  top:0px;
  right:0px;
  text-align: center;

  font: 16px arial, sans-serif;
  font-weight:bold;
  background-color: #bb4634;
  border:none;


}

div#colorWrapper  div:hover {
  cursor: pointer;
  border-color: grey;


}

div#colorWrapper div#colorSaveBtn {
  width:182px;
}
/*************************/


/***************************************/
/******* ICSmsg / ICS Message STYLES  **/
/***************************************/

    .ICSHidden {
      display:none;
    }

    #ICSMsg {
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      padding:0;
      margin:0;
    }

    #msgPanelBackground {
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      padding:0;
      margin:0;
      background-color: rgb(204, 204, 204);
      z-index: 1007;
      opacity: 0.5;
    }

    #msgPanelContainer {
      position:absolute;
      top:60px;
      left:15px;
      width:650px;
      height:400px;
      z-index: 1009;
      border: 1px none rgb(21, 66, 139);
      cursor: default;
    }

    #msgPanelContainer .panelStructure {
      position: absolute;
      padding: 0px;
      margin: 0px;
      top: 0px;
      left: 0px;
      background-repeat: no-repeat no-repeat;
    }

    #msgPanelContainer #Titlediv .panelTitle {
      padding-left:28%;
      font-family: Sans-serif;
      color: #ffffff;
      font-size: 12px;
      font-weight: bold;
    }

    #msgPanelContainer #TLdiv {
      background-image: url(/profoundui/proddata/images/panels/Modern%20Dialog/topleft.png);
      width: 13px;
      height: 70px;
    }

    #msgPanelContainer #TMdiv {

      background-image: url(/profoundui/proddata/images/panels/Modern%20Dialog/topmiddle.png);
      left: 13px;
      height: 70px;
      width: 574px;
      background-repeat: repeat no-repeat;
    }

    #msgPanelContainer #TRdiv {

      background-image: url(/profoundui/proddata/images/panels/Modern%20Dialog/topright.png);
      left: 587px;
      height: 70px;
      width: 13px;

    }

    #msgPanelContainer #MLdiv {

      background-image: url(/profoundui/proddata/images/panels/Modern%20Dialog/left.png);
      top: 70px;
      width: 13px;
      height: 260px;
      background-repeat: no-repeat repeat;
    }

    #msgPanelContainer #ICSMsgContent {
      position: absolute;
      padding: 0px;
      margin: 0px;
      background-color: rgb(232, 231, 226);
      left: 13px;
      top: 70px;
      width: 574px;
      height: 260px;
      overflow:scroll;

    }

    #msgPanelContainer #ICSMsgContent div {
      white-space: normal;
      width:97%;
    }

    #msgPanelContainer #MRdiv {

      background-image: url(/profoundui/proddata/images/panels/Modern%20Dialog/right.png);
      left: 587px;
      top: 70px;
      width: 13px;
      height: 260px;
      background-repeat: no-repeat repeat;
    }

    #msgPanelContainer #BLdiv {

      background-image: url(/profoundui/proddata/images/panels/Modern%20Dialog/bottomleft.png);
      top: 330px;
      width: 13px;
      height: 70px;

    }

    #msgPanelContainer #BMdiv {

      background-image: url(/profoundui/proddata/images/panels/Modern%20Dialog/bottommiddle.png);
      left: 13px;
      top: 330px;
      height: 70px;
      width: 574px;
      background-repeat: repeat no-repeat;
    }

    #msgPanelContainer #BRdiv {

      background-image: url(/profoundui/proddata/images/panels/Modern%20Dialog/bottomright.png);
      left: 587px;
      top: 330px;
      height: 70px;
      width: 13px;
    }

    #msgPanelContainer #ICSMsgTitle {
      position: absolute;
      vertical-align: middle;
      cursor: default;
      overflow: hidden;
      padding-top: 14px;
      left: 13px;
      top: 0px;
      width: 574px;
      height: 70px;
    }

    #msgPanelContainer #ICSMsgFooter {
      position: absolute;
      vertical-align: middle;
      cursor: default;
      overflow: hidden;
      padding-top: 14px;
      left: 13px;
      top: 340px;
      width: 574px;
      height: 70px;
      color:white;
    }

    #msgPanelContainer .msgDataLabel {
      padding: 8px 4px;
      text-align: left;
      margin-right:8px;
      white-space: normal;
      vertical-align:bottom;
      font-size:110%;
      font-weight:bold;
    }

    #msgPanelContainer #ICSMsgTitle #msgPanelImg {
      display:block;
      float:right;
    }

/*********************************/


/* Styles */
INPUT.RI {
	background-color: #ff6666;
	background-image: none;
	color: #fff;
}

DIV.RI {
	background-color: #ffff00;
	background-image: none;
	text-decoration:none;

}

.crystal-grid DIV.RI {
	width:100%;
}

#pui {
  /* Removed system wide centering of the PUI Div */
  /* 03/20/2013 - Nathan */

	/* width: 960px; */
	/* margin: 0 auto; */

}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1024px) {

	#pui {
		width: auto;
	}

}

/** To allow Firefox screen print **/
div#pui{
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;

}

.btnOutline{
border:1px transparent solid;
}
.btnOutline:hover{
  border:1px gray outset;
}

.drpOutline{
border:1px transparent solid;
}
.drpOutline:focus{
  border:1px gray outset;
}


/** Printer Media Query **/
@media print {
 /* All your print styles go here */

	#ActionsPanel{
		display:none;
	}

	div.button,
	img.button,
	div.ics_left_btn,
	div.ics_left_menu_btn {
		display:none;
	}

	div[id*="btn"] {
		display:none;
	}

  div[id*="ActionsPanel"] {
    display:none;
  }

}

/** To Force puierrorTip() text to be shown with masked screens **/
.pui-tip {

  z-index: 1025;
  cursor: pointer;
  background-repeat: no-repeat;

}

/** When using <pre> don't show blank lines **/
.ui-desc-grid pre {

     display: inline;
     margin: 0;
     padding: 0
	 
}

/** Larger Checkbox **/
.bigger-checkbox {
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* Firefox */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
}

/** Even Larger Checkbox **/
.bigger-checkbox-2 {
    -ms-transform: scale(2.0); /* IE */
    -moz-transform: scale(2.0); /* Firefox */
    -webkit-transform: scale(2.0); /* Safari and Chrome */
    -o-transform: scale(2.0); /* Opera */
}