/**
	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;
}


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*/
/**
	9.7 update 
	1. to prevent the blue bar appearing when clicked
	2. To stop the height of the icon changing
	3. to stop the dropdown appearing in the middle
*/

/* was #4cabdb - the blue for the buttons is hidden by the button 
*  Don't need the underline when selecting the buttons
*/
.rtbItem .rtbDropDown > a:focus {
    border-bottom: 3px solid #b21c1a !important;
}

/* was #4cabdb - don't show unless hovering */
.rtbItem .rtbDropDown > a {
    border-bottom: 3px solid transparent !important;
}

.rtbItem > a:hover {
    border-bottom: 3px solid #b21c1a !important;
}

.rtbDropDown .rtbChecked > a {
    border-bottom: 3px solid #b21c1a !important;
}

/** 9.7 height change - rtbItem already has height unset
	Done in chunks so it's easier to take out on upgrade 
	rather than blocking everything together
*/

/* This extends the height*/
.rtbItemClicked .rtbWrap,
.rtbItemFocused .rtbWrap,
.rtbItemHovered .rtbWrap,
.rtbDropDownExpanded .rtbWrap {
    height: unset !important;
    background-position: 100% 100%;
}

.rtbItemFocused .rtbIn,
.rtbItemClicked .rtbIn,
.rtbChecked .rtbIn,
.rtbDropDownExpanded .rtbIn {
    height: unset !important;
    background-position: 100% 100%;
}

.rtbItemFocused .rtbOut,
.rtbItemClicked .rtbOut,
.rtbChecked .rtbOut,
.rtbDropDownExpanded .rtbOut {
    height: unset !important;
    background-position: 100% 100%;
}

.rtbItem .rtbDropDown {
    height: unset !important;
    background-position: 100% 100%;
}

.rtbUL {
    height: unset !important;
}


/* 9.7 - take the rtbChoiceArrows out */
.navToolbar .rtbChoiceArrow {
    background-image: none !important;
    width: 0;
    height: 0;
    margin: 0;
}

.navToolbar .rtbVOriented .rtbChoiceArrow {
    position:unset;
}

.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;
}

.navToolbar .rtbItem {
	height: unset;
	text-align: center;
}

/* 9.7 change*/
.navToolbar .rtbItem > a {
    height: unset !important;
}

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

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

/** don't put spaces in the dot selectors
 *	In 9.5.1 didn't change dropdowns
 *  Specifying btn here for 9.7 as otherwise the selector line is shown
 */
.rtbItem.rtbBtn.rtbChecked > a {
    height: unset !important;
    border: 2px solid white;
    border-radius: 14px;
    background-color: #b21c1a !important;
}

/*  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;
	font-size: inherit !important;
}

/* 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;
}