/**
	Jersey Gov Branding
	Dark Grey =  #959593
	Red = #b21c1a
	
**/

.labelTextHidden { text-align: right; display: none;}

.WebClientComboboxHidden
{
    height:18px;
    line-height:18px;
    display: none;
}

iframe#eFormContents {
    height:720px
}

html.RadForm_Default {
    height:720px
}

.navWrapper
{
	margin: 0;
	float: left; 
	width:100%;
	height: 84px;
/*	background-image: url('Images/Common/bpm9ui_logo.png');
	background-repeat: no-repeat;
	background-position: right top;*/
}


body {
	background-color: #959593;
}

.topNav
{
	background: none;
	background-color: #959593;
	padding-left: 0px;
	height: 84px;					
	border: 0px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 6px;
}

.loginInfo
{	
	height: 41px;
	background: none;
	background-color: white;
	border: none;
	background-image: url('Images/twx_logo_short.png');
	background-repeat: no-repeat;
	background-position: left top;
	color: #b21c1a;
}

.loginInfo a {
	color: #b21c1a !important;
}

.loginInfo .userInfo
{
	margin: 0 25px 15px 15px;
	font-weight: bolder;
}

/*the menu bar icons - this overrides the Metastorm styling*/
.rtbIcon{
	background: none;
}

/*the font under the menu bar icons*/
.rtbText
{
    font-size: 11px !important;
    font-family: Arial, "Segoe UI", sans-serif !important;
    font-weight: bolder;
    line-height:20px !important;
    color: white !important;
}

.rtbText:hover
{
    color: white;
}

.rtbWrap
{
	border-bottom: 3px solid transparent;
}
.rtbWrap:hover
{
	border-bottom: 3px solid #b21c1a;
}
.navToolbar .rtbItem {
	height: unset;
	text-align: center;
}
.navToolbar .rtbItem > a {
	height: auto;
}

.navToolbar .rtbItem img {
	padding: 0 5px 0 5px;
}

.navToolbar li.rtbItem.rtbChecked {
	height: unset;
}

.navToolbar .rtbItem.rtbChecked > a {
	height: auto;
	border: 2px solid white;
	border-radius: 14px;
	background-color: #b21c1a;
}

/*  BPMLists.css  */
/*-------------------------------------------*/
/* These classes are used in the BPM lists (Blank forms, ToDo list, Watch list, Admin forms and Reports)  */

/* Alert priority colors */
    
 .P0    {  }
 .altP0 {  }                             
           
 .P1    { color: #e20600 !important; }
 .altP1 { color: #e20600 !important; }           
           
 .P2    { color: darkorange !important; }
 .altP2 { color: darkorange !important; }
 
 .P3    { color: limegreen !important; }
 .altP3 { color: limegreen !important; }
 
 .P4    { color: blue !important; }
 .altP4 { color: blue !important; }

 .P5    { color: magenta !important; }
 .altP5 { color: magenta !important; }
 
 .P6    {  }
 .altP6 {  }
 
 .P7    {  }
 .altP7 {  }
               
 .P8    { color: dimgrey !important; }
 .altP8 { color: dimgrey !important; }
 
 .P9    { color: lime !important; }
 .altP9 { color: lime !important; }


/* grid 
    this has also been taken out of CombinedCSSs at lines 40 and 140
    don't know why it was copied in here
*/

 .met-grid { 
    /*font-size: xx-small;*/
}


/* header */

 .met-gridheader {
    /*font-size: xx-small;*/
    vertical-align: middle;
}

/*cell for the to do and watch lists
this is in combinedCSSs at line 2340, 2341 and 2354
*/
.met-Cell,
.met-CellDate
{
    cursor:pointer;
    overflow:hidden !important;
    text-overflow: ellipsis;
	font-family: arial, helvetica, sans-serif;
    border-bottom: 1px solid #dddddd;
    height: 100%;
    line-height: 20px;
    padding-left: 10px
}

/* Panel look and feel added for the dashboard*/

.radPaneColourLeft {
    background: white;
    /*border-radius: 25px;*/
    font-family: 'Segoe UI', Tahoma, arial, helvetica, sans-serif;
}

.contentWrapperBg {
    width: 100%;
    height: 98%;
}


.contentWrapperBg > div {
	margin: 0.5em;
}

.contentWrapperBg > div.contentWrapperBgInner {
	background-color: white;
	margin: 6px;
	margin-top: 4px;
}

td.gridFilter {
	background: none;
	font-size: 100%;
}

.RadComboBox_Default table {
	background: none;
}

.RadComboBox_Default table.rcbFocused {
	border-color: #c50000;
}

.gridOuterContainer {
	border: none; /*1px solid grey;*/
}

.gridHeader {
	font-size: 100%;
	background-color: #b21c1a !important;
}

.gridHeader a {
	color: white !important;
}
.gridHeader a:hover {
	text-decoration: underline;
}

th.gridHeader {
	color: white !important;
	font-weight: bolder;
}

.gridSelectedRow {
	background-color: #f0f0f0 !important;
}

.gridRow:hover {
	background-color: #fff0f0;
}
.gridRow:hover > td {
    border-color: #959593;
}

.altGridRow:hover {
	background-color: #fff0f0;
}

.altGridRow:hover > td {
    border-color: #959593;
}

/*div.contentWrapper {
	background-color: #b21c1a;
}*/

/** Splitter Overrides **/

.RadSplitter_Default .rspResizeBar {
	background-color: magenta;
}

.RadSplitter_Default .rspResizeBar, .RadSplitter_Default .rspSlideContainerResize, .RadSplitter_Default .rspResizeBarOver, .RadSplitter_Default .rspSlideContainerResizeOver {
	background: none !important;
	border-color: white !important;
}

div.radPaneColourRight {
	border: 2px solid #b21c1a;
	background: white;
	border-radius: 14px;
	margin-top: 2px;
}

table.RadSplitter {
	background-color: #959593;
}

div.RadToolBarDropDown_Default {
	border: none;
}

div.RadToolBarDropDown_Default .rtbItem {
	background: dimgrey;
}

div.RadToolBarDropDown_Default .rtbItemHovered {
	background: dimgrey !important;
}