*{
   font-family:Arial,Helvetica,sans-serif;
   /*font-size:  1.0em;  */
   font-weight: normal;
   margin: 0px; 
   padding:0px;
} 
 
#xformcontainer{position:relative;display:block;height:100%;}
#xform{position:relative;display:block;}
#q_formTabs{ overflow:hidden;position:relative;margin-right:1px;}
 

  
body
{
 	 margin: 0px; 
	 padding: 0px;
 	 font-size:0.8em;       
       
}
 
  
 .wrapper
{    
    position:relative;
    padding:0px;
    border:none;
    max-width:750px;
 	margin-left:auto;
 	margin-right:auto; 
 	background: white;

	} 
* html .wrapper {   /*** IE5.x/win box model fix ***/
	width: 772px;
	wid\th: 770px;
}
 
/*#500 - add to user css to cahnge font-size */
.cslocalpage {

}

input .required{
    color:red;
}
label {
    line-height: normal;
    text-align: right;
    display: block;
    margin-left: 0;
    margin-top: 2px;
    margin-right: 10px;
    width: 18%;
    float: left;
    font-weight: normal;
    margin-top: 3px;
    color: black;
} /*#529*/
.sg-bootstrap label {
    width: inherit;
    margin: inherit;
    text-align: left;
    float:initial;
}

.ui-dialog-content label {
    width: 120px;
}
    .sg-bootstrap .ui-dialog-content, .sg-bootstrap.ui-dialog-content label {
        width: unset;
    }
.ui-dialog-content .topLabel {
    width:95%;
}
.custom-dialog-width label {
    width: 22%;
}

#pageHead{ 
 /* height:70px;
  /*   background:transparent url(../../images/PNR.gif) no-repeat; 
     */
} 
 
 
.pageText
{
   margin-top:0px;
    padding:0px;
    color:white;
    font-size:1.9em;
    font-style:italic;
    margin-right: 0px; 
    vertical-align: middle;
    text-align: center;
    background:transparent url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png); 
  
} 
#pageLogo{}

#WelcomeText{
    float:left;
}

#logInOut
{
    float:right;
    margin:2px  4px 0 0;
    font-size:0.9em;
}
 
 
#preamble{
   float:left;
    width:100%;
    display:none;
}
.editPreamble{
    width:99%;
    border:solid 1px black;
    position:absolute;
     z-index:1000;
    display:none;
}

.footer
{
    border-top:solid 1px navy;
   
    margin:  0 0 0 0;
    
    padding:15px 0 10px 0;
    width:100%;
    float:left;
    font-size:1em;
    text-align:center;
}


.q_wf_btn {
    margin:0 2px 0 2px;
    border: 0
}

.q_wf_btn_primary {   
    font-weight:bold;
    font-size:1.3em;     
}
.q_added
{
    display: none;
}


.q-icon { width: 16px; height: 16px; background-image: url(images/img0_16.png); }
.q-icon-more {
    width:50px;
    background-position: 0 0;
    }

.q-icon-less {
    width:50px;
    background-position: -55px 0;
    }

.q_gridload
{
height:40px;
width:100%;
background-color:red;
}
.q_section{width:100%;position:relative;overflow:hidden;margin-top: 0;} 
.q_group{margin:0px;}
/*.q_group label{font-size:0.8em;}*/  /*#529*/
.q_grouptext{text-align:center;clear:both;}
.q_row{display: block;padding: 0px 0px 0px 0px;border: none;overflow: hidden;margin: 5px;clear: both;text-align: left;}  /*#529*/

.target_date_disabled {
    margin-left:6px;
    font-size:0.8em; /* keep same as label width */
}

.q_header
{
    position:relative;
  	text-align: left;
	width:100%;
	/*height:24px; */
	margin-bottom: 0.1em;
	font-size: 120%;
	font-weight: normal; 
	/*background:transparent url("images/bg-blue.png") ;  */
	color:white;
	overflow:hidden;
	}
 
  
.q_title
{     
    text-align:center; 
    font-weight:bold;
    background-color:Transparent;  
    padding-bottom:4px; 
    width:100%;
    /*position: absolute;*/

}
 


 
.q_details, .r_details, .q_group
{
  background:transparent url("../../images/bgdetails.png") repeat-x;
  padding-top:10px;
  
  display:block;
  clear:both;
  
}

.q_rconfig, .q_gconfig{
/*border:solid 1px silver;
position:relative;*/
float:left;
}

.q_gconfig{
z-index:1000; /*#271*/
}
.q_sconfig, .q_rconfig, .q_gconfig {
    height: 12px;
	width:30px;
}
.q_button-bar {
    padding:2px 4px 0 0;
   /* border-bottom:solid 1px black; */
    height:26px; 
    background:  url(../../images/tab_11.gif) 0 50% repeat-x;
}
 


.q_grouphead{
position:relative;
/*display:inline-block; */
display:block;
  width:100%; }


.q_expand{  
   /* background:  url(../../images/getaction.gif) 0 50% no-repeat;      */
    float:right;
    clear: right;
    margin-right:4px;
    font-size:0.8em;
    position:relative;
    z-index:2;
    }


.q_less{display:none;}

.q_gridrow{
   /* width:100%; */
  /*padding:4px 10px 8px 4px;*/
    margin: 4px 4px 4px 4px;  
   /*margin-bottom:10px;*/
    /*height:100%;*/
    width:100%;
   text-align:center;
}

.q_gridrow_config
{
border: dashed 1px black;
width:auto;
}

.q_gridload
{
height:40px;
background-color:red;
}

.q_postcode{
    width:50px;
}
 
#q_tabScroller{
  /* position:absolute;*/
   width:100%;
 /*  overflow-x:hidden;*/
  overflow :auto; 
   display:block;
   /*height:100%; */
}
 
.q_divider{
    height:4px;
    width:100%;
    margin-top:4px; 
    border-top:solid 1px black;
}
.q_toplabel
{
  	line-height: normal;
	text-align: left;
	display: block;
	margin-left:10px;
	margin-top:5px;
	margin-right: 10px;	 
	width: 400px;
	float:left;
	font-weight:normal;
	color:#666666;
}
	
 

/* #348*/
.q_hidden, .q_conditional_hidden, #q_system{
    display:none;
}
    .sg-bootstrap .q_hidden {
        display:none !important;
    }
    .q_hidden_suspended:not(.q_section) {
        display: block;
        background: silver !important;
    }
    .sg-bootstrap .q_hidden_suspended {
        display: block !important;
    }
.q_reqd:not(.mandatory_suspended), .sg-bootstrap .q_reqd:not(.mandatory_suspended) {
    background-color: orange !important;
}input[type="radio"] {
     overflow: visible;
}
 input[type="radio"].q_reqd, input[type="checkbox"].q_reqd {
    outline: 3px solid orange \8; /* hack for ie8 */
    box-shadow: 0 0 3px 2px orange; /* everything else use shadow looks nicer */
}
 /*
input[type="radio"].q_reqd:before {
    content: 'o';
    font-family: 'Arial';
    margin-left: -3.5px;
    font-size: 35px;
    line-height: 6px;
    font-weight: 500;
    color: orange;
    z-index: -1;
    display: block; 
}*/
.q_completed{
     background-color:yellow;
}
.q_valid{
    background-color:blue;
}
 
.q_help{
    width:15px;
    vertical-align:top;display:inline-block !important; border:solid 1px silver;margin-bottom:3px;
    /*#550*/
    position:relative; cursor: help;
}


.q_freeText {
    margin-left:160px;
     
}

.q_filter{    
   width:45%;   
}

  
.q_date, .q_date_ro, .q_date_suspended
{
    width:101px;
    margin-right:2px;      
}		
.q_time, .q_year
{
    width:49px;
}

.q_date_ro
{
    width:89px;
}	
.q_time_ro
{
    width:49px;
}


.q_ref{
    width:140px;
}

.q_select, .q_wide{
   
   width:46%;
}

.q_required{
     background-color:#ffff99;
     
}

.q_more{
    float:right;
   display:inline;
}


/*#372*/
.q_leafText{
    font-size:1.0em;
    font-family:Calibri;

}

 

 .hideSection,.showSection{
    float:left;
    width:15px; 
    height:15px;   
    background:url(../../images/up.gif) top no-repeat;    
}

.showSection{
    background:url(../../images/dn.gif) top no-repeat; 
}

.leftTop {
    width:10px;
    background:url(../../images/l.gif) center no-repeat; 
}

.validator{
    height:24px;
}

.actionListExpander{
     padding-bottom:4px;
    display:none;
     }
 
 .listContainer{
    width:100%;
    height:95%;
    overflow:auto;
    overflow-x:hidden;
 }
 
.listTable{
      font-size:0.8em;
      width:100%;
}

 
/* Chat styles */
 
#addChat{
  border:none;  
  width:20px;
  height:20px;
  cursor:pointer;  
  background:transparent url(../../images/chatout.gif)    center 50% no-repeat ;
  float:left;
  display:block;  
 }
  
 
#addChat:Hover{ 
  border:none;    
  background:transparent url(../../images/chatin.gif)  center 50% no-repeat ;
   
}


#sg_Popup ul li {
list-style-type: none !important;
list-style-image:none !important;
}

.refresh{
 right:1px;  
  border:none; 
  width:20px;
  height:20px;
  cursor:pointer;  
  background:transparent url(../../images/reset.gif)  center 50% no-repeat ;
  /*display:inline; */
  position:absolute; 
  margin-left:30px;
  right:10px;
/*  float:right;  */
}
.editProperties{
 right:1px;  
  border:none; 
  width:20px;
  height:20px;
  cursor:pointer;  
  background:transparent url(../../images/edit.gif)  center 50% no-repeat ;
 
  position:absolute;
  margin-left:30px; 
 /* float:right; */
}

#refreshChat{
  right:1px;  
  border:none; 
  width:20px;
  height:20px;
  cursor:pointer;  
  background:transparent url(../../images/reset.gif)  center 50% no-repeat ;
  /*display:inline; */
  position:absolute;
  margin-left:30px;
  float:right;
  
 }
 

#chatContainer{
    border:none;
    width:380px;
    padding:1px;
    
    
}
#innerChatContainer{
    border:solid 1px white;
    padding:1px 1px 4px 1px;
}
#action_no  
{
    width:60px;
}
/* Style for the Chat List */
.chatListMessage{   
    border-bottom:solid 2px silver;
    margin-bottom:1px;
    font-size:0.9em; 
}

.chat_message_mouseover{
    background-color:yellow;
    cursor:pointer;
}
.chatListMessageHeader{
    background: #f5f8f9 url(../../images/blue-hd.gif)  repeat-x; font-weight: normal;outline: none;padding-left:2px; 

}
.chatId{
    font-weight:normal;
    /*font-size:0.8em; */
}
.chatRef{
    height:20px;
    padding-left:2px;
}
.chatSubject{
    font-weight:normal;
    padding-left:4px;
    padding-top:10px;
 
}
.chatDetails{
  
   padding:6px  0 6px 4px;
      font-family: Arial, Verdana, Sans-Serif;

   /*font-size:0.8em; */
   border-top:solid 1px black;
   border-bottom:solid 1px black;
   color:Black;
   font-weight:bold;
   
}
.chatChecked{
    font-size:0.8em;
   /* background-color:#d0dafd; */
}

.risk_matrix{  
    margin-left:auto;
    margin-right:auto; 
    margin-top:10px;
    margin-bottom:10px;
    font-size:0.8em; 
    }

.risk_matrix caption{
/* border:solid 1px silver; */
 font-weight:bold;
 border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold;   
 margin-bottom:2px;
}

.risk_matrix .xtitle{
   background: #b9dbed;
  /*border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold;  */
   text-align:center;
   font-weight:bold;
   font-size:1.1em;
   font-style:italic;
}
.risk_matrix .ytitle{
 /*  border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636;  */
    background: #fbec88; /* url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; */
    font-weight:bold;
    font-size:1.1em;
    font-style:italic;
}

.risk_matrix_col div{
    width:85px;  
    text-align:center;
    border:solid 1px white;
}
.risk_matrix_yhdr {
    text-align: right;
    padding-right: 2px;
    color: black;
    font-weight: bold;
    border-right: solid 1px silver;
    background: #fbec88;
    width: 120px;
}
/* .risk_matrix_yhdr div{height:12px;overflow:hidden;}*/

 .risk_matrix_xhdr{
    text-align:center;
    width:70px;
    color:black;
    font-weight:bold;
    border-bottom:solid 1px silver;
    background:  #b9dbed;
    padding: 0 3px;
}
 
.m-cell-default {    
    border:none;
    padding:0px;
    color:silver;
    
}

 .m-cell-selected {
    border:solid black 1px;  
     /*  padding:1px;      */
      color:Black;
      text-align:center;
      font-weight:bold;
      font-size:1.6em;
}
.m-cell-hover {
      padding:0px; 
      color:Black;
      font-size:1.1em;
      font-weight:bold;
      font-style:italic;
}

 
#cfg_form label{
    width:130px;
}


#cfg_form .chk_prop{
    margin-top:10px;
}

/*----------------------------------
* Action email  #326
----------------------------------*/
#emailBodyDiv label {
border:solid 1px silver;float:left;width:45px;margin:0 3px 0 0px;padding-left:4px;font-size:0.8em;text-align:center;height:21px;padding-top:7px;
}

.eMailStaffAddress, .eMailAttachDoc {
    border: solid 1px silver;
    width: 520px;
}

/*----------------------------------
* Autocomplete
----------------------------------*/
.ac_results {padding: 0px;border: 1px solid black;background-color: white;overflow: hidden;	z-index: 99999;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: default;display: block;/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	font: menu;	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;	overflow: hidden;}
.ac_loading {background: silver url('..\images\searching.gif') left center no-repeat;  }
.ac_odd {background-color: #eee;}
.ac_over {background-color: #0A246A;color: white;}


/* =========================== */
/* Generic context menu styles */
/* =========================== */
.contextMenu {
    /*position: absolute; Modified by SFS to position correctly in layout*/
    position: fixed !important;
    width:120px;
    z-index: 99999;
    border: solid 1px #CCC;
    background: #EEE;
    padding:0px;
    margin: 0px;
    display:  none;
    }
.contextMenu LI {list-style: none;padding: 0px;margin: 0px;}
.contextMenu A {color: #333;text-decoration: none;display: block;line-height: 20px;height: 20px;background-position: 6px center;background-repeat: no-repeat;outline: none;padding: 1px 5px;padding-left: 28px;}
.contextMenu LI.hover A {color: #FFF;background-color: #3399FF;}
.contextMenu LI.disabled A {color: #AAA;cursor: default;}
.contextMenu LI.hover.disabled A {background-color: transparent;}
.contextMenu LI.separator {border-top: solid 1px #CCC;}
/*
	Adding Icons
	Add icons to the context menu by adding
	classes to the respective LI element(s)
*/
.contextMenu LI.edit A { background-image: url(images/page_white_edit.png); }
.contextMenu LI.cut A { background-image: url(images/cut.png); }
.contextMenu LI.copy A { background-image: url(images/page_white_copy.png); }
.contextMenu LI.paste A { background-image: url(images/page_white_paste.png); }
.contextMenu LI.delete A { background-image: url(images/page_white_delete.png); }
.contextMenu LI.quit A { background-image: url(images/door.png); }


/* =========================== */
/* drag and drop styles */
/* =========================== */
.drag_header {
    background-image: url(../../images/action_move.gif) ;
    height:21px;
  /* right:auto;left:.2em;margin-left:0;position:absolute;top:50%;margin-top:-8px; */
}
.drag_body{
    border:solid 1px navy;
    margin: 4px 35px 4px 4px; 
    padding-bottom:4px;
}


    .sort{
        width:100%;
       /* height:60px;*/
        display:block;
        border:solid 1px silver;
        margin-bottom:1px;
    }
    .sortable{
        border:solid 1px silver;
        padding:10px;
        margin-right:2px;
        z-index:100;
    }
    .dragHandle{
        width:100%;
        height:20px;
     }
    
    .actionDrag{
        padding-top:2px;
    }
    .actionDrag:hover{
        cursor:move
    }
    
    
    .actionEdit{
        margin-left:30px;
        padding-top:2px;
    }
    .actionEdit:hover{
        cursor:pointer;
    }
    .sortHelper
        {
	        border: 3px dashed #666;
	        width: auto !important;
        }
        
.pibNhsNumber{
            width:70px;
        }
        


/* Person lookup dialog */
.q_dialog_row{
    float:left;
    width:100%;
    height:21px;
    overflow:hidden;
}
.pibLabel     {
    width:80px;
}
.pibInput{
    width:180px;
}


/* Superfish menu */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
#ctl00_Home
{
	font-size: 1.2em;
}


.uploadifyQueue{

    outline-color:invert;
    vertical-align:baseline;
}
 
.uploadifyQueueItem {
	background-color: #F5F5F5;
	border: 2px solid #E5E5E5;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 3px;
	padding: 3px;
	width: 350px;
}
.uploadifyError {
	background-color: #FDE5DD !important;
	border: 2px solid #FBCBBC !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyQueue .completed {
	background-color: #E5E5E5;
}
.uploadifyProgress {
    display:none;
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}

.q_message{
 background:transparent url(images/message.gif) left no-repeat; 
}

/* Flags for priority*/
.usrflg { width:15px;height:15px;cursor:pointer; width: 100%;height: 100%;}
.WhiteFlag{ background:transparent url(../../images/f1.gif) no-repeat;height:15px;  }
.GreenFlag{ background:transparent url(../../images/f2.gif) no-repeat;height:15px;  }
.BlueFlag{ background:transparent url(../../images/f3.gif) no-repeat;height:15px;  }
.OrangeFlag{ background:transparent url(../../images/f4.gif) no-repeat;height:15px;  }
.RedFlag{ background:transparent url(../../images/f5.gif) no-repeat;height:15px;  }
.fx{ background:transparent url(../../images/fx.gif) no-repeat;height:15px;  }

 /* Flags for Alert  */
.inc-priority {width: 16px;height: 16px;margin: 0 auto;}
.ip0{ background:transparent url(../../images/alert0.gif) no-repeat;   }
.ip1{ background:transparent url(../../images/alert1.gif) no-repeat;   }
.ip2{background:transparent url(../../images/alert2.gif) no-repeat;  }
.ip3{ background:transparent url(../../images/alert3.gif) no-repeat; }
.ip4{background:transparent url(../../images/alert4.gif) no-repeat;  }
.ip5{background:transparent url(../../images/alert5.gif) no-repeat;  }
.ip6{background:transparent url(../../images/alert6.gif) no-repeat; }
.ip7 {background: transparent url(../../images/alert7.gif) no-repeat;}
.ip8 {background: transparent url(../../images/alert8.gif) no-repeat;}
.ip9 {background: transparent url(../../images/alert9.gif) no-repeat;}
.ip10 {background: transparent url(../../images/alert10.gif) no-repeat;}   
  
/* Generic alert icon */
/*.alert{display:inline-block;height:15px;width:21px;margin:4px 0 0 4px; background:transparent url(../../images/alert.gif) no-repeat; }   */

#layout_west_toolbar {
/*background:transparent url(../../images/bg-silver.png);  */
background:url(images/ui-bg_glass_85_dfeffc_1x400.png) #dfeffc;
overflow:hidden;
}

/*#372 Alerts (sabs)*/
.dist_staff_text {
    width:140px;
    float:left;
    /* #431 */
    overflow:hidden;
    line-height:10px;
    /* #end */
}
#tb_nav{font-size:0.8em;}

/*#403 Alerts (Asset service overdue)*/
.assetServiceOverdue {
color:red;
}

.assetServiceDue {
color:blue;
}
  
.assetServiceImminent {
color:orange;
}
#container {
	width:380px;
	padding:10px;
	/*margin:0 auto; */
    margin-left:30px;
	position:relative;
	z-index:0;
}

#example {
	width:390px;
	height:310px;
	position:relative;
}
 

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:370px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:370px;
	height:290px;
	display:block;
}


/*
	Next/prev buttons
*/

img{border:0;}

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-25px;
	width:24px;
	height:43px;	 
    outline:0;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:
	z-index:101;
}

#slides .next {
	left:371px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom: -17px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	/*background:#000;
	/*background:rgba(0,0,0,.5); */
	width:350px;
	font-size:1.1em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
 }

/*
	Footer
*/

#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}

/*
	Anchors
*/

a:link,a:visited {
	color:#23527c;
	text-decoration:none;
}

a:hover,a:active {
	color:#23527c;
	text-decoration:underline;
}



/*
.selected {
 float:left;

}
 
  .available{
 float:right;

}
 
 /* Multiselect
----------------------------------*/

.ui-multiselect { border: solid 1px; font-size: 0.8em; }
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { margin: 0; padding: 0; cursor: default; line-height: 20px; height: 20px; font-size: 11px; list-style: none; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float:left; }
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; }
.ui-multiselect ul.selected li { }

.ui-multiselect div.available { position: relative; padding: 0; margin: 0; border: 0; float:left; border-left: 1px solid; }
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-multiselect ul.available li { padding-left: 10px; }
 
.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 20px;}
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px;}
 
.ui-multiselect .add-all { float: right; padding: 7px;}
.ui-multiselect .remove-all { float: right; padding: 7px;}
.ui-multiselect .search { float: left; padding: 4px;}
.ui-multiselect .count { float: left; padding: 7px;}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 2px; top: 2px; }
 
.ui-multiselect input.search { height: 14px; padding: 1px; opacity: 0.5; margin: 4px; width: 100px; }
/* new autocomplete */
.ui-menu-item {font-size: 0.9em;}
.ui-menu-item-odd {background-color: #eee;}


.tree-container{ width:100%;overflow:auto;}

/* standards */
.std-container{margin:20px:border:solid 1px silver;padding:5px;overflow:auto;overflow-x:hidden;}

.std-hdr{height:25px;width:100%;background-color:#ccccff;text-align:right;padding-right:4px;padding-top:6px;color:#800080;}

.std-main-title{text-align:center;font-weight:bold;font-size:2.5em;color:#800080;margin-bottom:20px;}

.std-container ul{margin-left:20px;margin-top:10px; }

.std-text{margin:10px;}
 

html, body{
height:100%;width:100%; 
margin:0;padding:0;overflow: hidden;
}
#header{background:#c4dcfb;height:5%;}/* Header */

#splitterContainer {/* Main splitter element */
height:95%;width:100%;margin:0;padding:0;
}
#leftPane{
float:left;width:30%;height:100%;border-top:solid 1px #9cbdff;  
/* background:#c4dcfb;  
overflow: auto;*/
}
#rightPane{	/*Contains toolbar and horizontal splitter*/
float:right;width:70%;height:100%;
background:#f4f4f4;
}
#rightSplitterContainer{/*horizontal splitter*/	
width:100%;
background:#FFFFFF;border-top:solid 1px #9cbdff;
} 

#rightTopPane{/*Top nested in horizontal splitter */
width:100%;height:50%;overflow:auto;background:#f4f4f4;
}
#rightBottomPane{/*Bottom nested in horizontal splitter */
background:#f4f4f4;width:100%;overflow:auto;
}


/* Splitbar styles; these are the default class names and required styles */
.splitbarV {
float:left;width:6px;height:100%;
line-height:0px;font-size:0px;
border-left:solid 1px #9cbdff;border-right:solid 1px #9cbdff;
background:#cbe1fb url(../../images/panev.gif) 0% 50%;
}
.splitbarH {
height:6px;text-align:left;line-height:0px;font-size:0px;
border-top:solid 1px #9cbdff;border-bottom:solid 1px #9cbdff;
background:#cbe1fb url(../../images/paneh.gif) 50% 0%;
}

.splitbuttonV{
margin-top:-41px;margin-left:-4px;top:50%;position:relative;
height:83px;width:10px;
background:transparent url(../../images/panevc.gif) 10px 50%;
}
.splitbuttonV.invert{
margin-left:0px;background:transparent url(../../images/panevc.gif) 0px 50%;
}
.splitbuttonH{
margin-left:-41px;left:50%;position:relative;
height:10px !important;width:83px;
background:transparent url(../../images/panehc.gif) 50% 0px;
}
.splitbuttonH.invert{
margin-top:-4px;background:transparent url(../../images/panehc.gif) 50% -10px;
}
.splitbarV.working,.splitbarH.working,.splitbuttonV.working,.splitbuttonH.working{
 -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
}
/* New Incident Page Styles*/
.q_swap 
{
    display:none;
}
.configInfo 
{
	margin:0px;
	padding:0px;
	border:none;
	margin-top:1px;	 
	margin-bottom:1px;
	clear:both;
	width: 220px;
	text-align: right;
	font-size: 0.8em;
	font-style:italic;
	color: Red;
	display:none;
}
.q_loading 
{
    border:none;
    margin:0px;
    padding:0px;
    display:none;
    visibility:hidden;
    width:20px;
    height:20px;
}
.topLabel{  
    margin-bottom:10px;
    width:95%;
    text-align:left;
    font-weight:bold;
}
.q_details, .r_details{
	 display: none; 
	 padding: none;
	 margin:2px;
	 margin-bottom:5px;
	 border:none;
}
textarea
{
   width:97%;
   /*clear:both;   */
   overflow:auto;
  /* border:solid 1px white; */
   font-size: 1.0em;
}


.textScroller
{
    margin-right:-2px;
    border-top:solid 1px silver; 
    border-left:none;
    border-right:none;
    border-bottom:solid 1px silver; 
    width:100%;
    height:150px;
    overflow:auto;
} 
/*.ui-layout-center, .ui-layout-west {
    background: url('../../images/maincontent-bg.jpg') no-repeat center;
}*/
/* margin-top added so lines up with labels nicely */
input[type="checkbox"] { margin-top: 5px;}
textarea[readonly], textarea[readonly="readonly"], textarea[disabled], textarea[disabled="disabled"], input[disabled], input[disabled="disabled"], input[readonly], input[readonly="readonly"], select[readonly], select[readonly="readonly"], select[disabled], select[disabled="disabled"],
div.q_text[readonly], div.q_text[readonly="readonly"], div.q_text[disabled], div.q_text[disabled="disabled"] {
    background: #E5E5E5;
    background-image: none !important;
    border: 1px solid #BCBCBC;
    color: black;
}
.q_row input[type=text]:not(.ui-pg-input), .q_row input[type="text"]:not(.ui-pg-input) {
    height: 17px;
}
.staff_text {
	height: 19px;
}

/* #333 Additional Risk Fields - Should be Hidden by default*/
.q_Hidden_By_Default{display:none} 

/*#387 - close risk processing */
.q_risk_closed {
    display:none;
}

.cs_cat_secondary {
    color:teal;
    margin-right:2px;

}
.cs_cat_primary {
    color:teal;
    margin-right:2px;
}

/*#361*/

option{color:black}

/*#391*/
.view-tabs{
     margin:2px 2px 0 0;float:left;height:18px;width:85px;border:solid 1px white; 
}
.config_not_found {
    color:red;
}
/*#391 - end*/

/* Ulysses Captcha Class*/
    .ulyssesCaptcha {
        clear:both;
        width:250px;
        text-align:center;
        margin: 10px auto;
    }
        .ulyssesCaptcha .ulyssesCaptcha-image {
            clear:both;
            margin: 10px;
            width:225px;
            height:69px;
            border: 1px solid silver;
        }
        .ulyssesCaptcha .ulyssesCaptcha-value {
            clear:both;
            margin: 0 auto;
        }
        .ulyssesCaptcha .ulyssesCaptcha-refresh {
            display:inline-block;
            cursor: pointer;
            height: 19px !important;
            width: 19px;
            padding: .4em;
        }
/* End - Ulysses Captcha Class*/

/*#384 stages*/
.stageComplete {
    color:blue;
}
.stagePending {
    color:blue;
}

#btbl-stages {
    width: 100%;
    border: solid 1px silver;
    margin: 2px auto;
    border-collapse: collapse;
}
#btbl-stages tr th {
    padding:3px 1px;
    border: 1px solid silver;
}
#btbl-stages tr td {
    padding:2px 1px;
    font-size:14px;
    border: 1px solid silver;
}
/* #389 */
.review_valid{color:green;}
.review_invalid {color:red; }



/*Safeguarding*/
.system_btns_contain {
    text-align:center;
    padding-top: 50px; 
}
.system_btns {
    width: 130px;
    height: 100px;
    white-space: normal;
    margin: 5px 15px;
    padding: 10px;
    vertical-align: top;
    cursor:pointer;
}
.system_btns span, .system_btns span span {
    *display:inline-block;
    font-weight:bold;
    font-size:1.1em;
    line-height: 15px;
}
label.title-label, label.title-label * {
    font-size:1.1em;
    width:100%;
    text-align:left;
    font-weight: bold;
    clear:both;
    float:none;
    padding-bottom:5px;
}
label.amble-label {
    font-size:1.1em;
    width:100%;
    text-align:left;
    font-weight: normal;
    clear:both;
    float:none;
    padding-bottom:5px;
}
#SafeguardingToolbar {
    padding:10px;
    border-bottom: 1px solid silver;
}
#SAFEGUARDING_STATUS {
    width: 16px;
    height: 18px;

}
    #SAFEGUARDING_STATUS div {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid silver;
        width: 15px;
        height: 16px;
        margin-left: 2px;
        float: left;
        display: block;
    }
    .system_notes {
    position: fixed;
    bottom: 10px;
    right: 45px;
    padding: 1px;
    border: 1px solid grey;
    color:white;
    background: #858585;
    display: none;
    font-weight: bold;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 9999;
    padding: 10px;
    width: 85px;
    text-align:center;
    /* Opacity */
    /*ie8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    /* IE 5-7 */
    filter: alpha(opacity=40);
    /* Netscape */
    -moz-opacity: 0.4;
    /* Safari 1.x */
    -khtml-opacity: 0.4;
    /* compliant browsers */
    opacity: 0.4;
}
    .system_notes:hover {
        background: #B0DAFC;
        background: #d0e5f5 url(../../app_themes/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
         /* Opacity */
        /*ie8*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /* IE 5-7 */
        filter: alpha(opacity=100);
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* compliant browsers */
        opacity: 1;
    }
.system_notes_img {
    width: 16px;
    margin-top:-2px;
    float:left;
}
.system_notes_img {
    width: 16px;
    float: left; 
}
.system_notes_inner {
    color:black;
}
#system_notes_form textarea {
    padding:3px;
}
/* end safeguarding*/
/* Duty Of Candour*/
/* End Duty Of Candour*/

/* error pages*/

#error_page {
    padding:20px;
    background: url('../../images/maincontent-bg.jpg')  no-repeat 50%;
    height:100%;
}
    #error_page .error_text {
        position: absolute ;
        top:40%;
        left: 50%;
        margin-left:-250px;
        width:500px;
        color: #666666;
        text-align:center;
        font-size: 1.4em;
    }
    #error_page .exception_details {
        margin-top:10px;
        font-size: 0.8em;
    }
/* Incident Involvements*/
#involvments-container {
    margin-left:25px;
}
.incInvTreeContainer {
    background-color:transparent !important;
}
.incInvTree {
    list-style:none;
}
.incInvRec>ins, .expander {
    background: url('jsTree/d2.png'); width: 16px; height:16px;
    padding-left:18px;
}
.incInvRec > ins, .de-expander {
    background: url('jsTree/d2.png'); width: 16px; height:16px;
    background-position-x: -18px;
    padding-left:18px;
}
.expander-width {
    width:16px;
    padding-left:18px;
}
.incInvRec {
    /*font-size: 1.2em;*/
    margin: 0 0 10px 0;
}
    .incInvRec a span {
        padding: 0 0 10px 0;
    }
    .incInvRec a span:hover, .incInvRec a span:after {
        /*font-weight:bold;*/
    }
.q_incInv, .incInvRec, .incInvTreeContainer {
    /*padding-left:25px;*/
}
/* End Involvements*/
/* Appraisals */
.appraisal_btns_contain {
    text-align:center;
    padding-top: 50px; 
}
.appraisal_btns {
    width: 130px;
    height: 100px;
    white-space: normal;
    margin: 5px 15px;
    padding: 10px;
    vertical-align: top;
}
.appraisal_btns span, .appraisal_btns span span {
    *display:inline-block;
    font-weight:bold;
    font-size:1.1em;
    line-height: 15px;
}
#objectivesList tr.jqgrow td, #objectivesList tr.jqgrow td div, #objectivesList tr.jqgrow td, #objectivesList .ui-th-div-ie  {
    white-space: normal !important;
    vertical-align:top;
}
#objectivesList .ui-jqgrid-htable TH DIV {height: auto !important}
#objectivesList TR.jqgrow TD {padding: 0px !important;}
.grid-grouping, .grid-grouping-mandatory-training {
    font-weight: bold;
    color: #2e6e9e;
}
.staffTrainingListghead_0 td span {
    background-color: white;
}
.staffTrainingListghead_0 td div {
    font-size:1.4em;
}
.grid-grouping {
    background: url('../../images/bg-hash.png') repeat-x center;
}
.grid-grouping-mandatory-training {
    background: url('../../images/bg-hash.png') repeat-x center;
    color:red;
    font-size:1.4em;
}
.grid-grouping span, .grid-grouping-mandatory-training span {
    background: white;
    padding-right:10px;
}
.DNAIcon {
    padding: 3px 0 0 3px;
}
    .DNAIcon:hover {
        padding: 0;
    }
.DNAIcon:hover img {
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    cursor:pointer;    
}
#TRAININGSUPERVISIONTOPICS {
    margin: 10px 0;
}
.q_rowTopics {
    width:280px;
    float:left;
    margin:0 0 0 30px;
    clear: none;
    
}
    .q_rowTopics input {
        float:left;
    }
.q_lblTopics {
    width: 245px !important;
    text-align:left;
    padding-left: 10px;
}
/* Appraisals End */
/* action planning - data from safeguardasp*/
.actionlinkdata .q_row div{
    /*font-size: 0.8em;*/
    margin-top: 2px;
    float:left;
    width: 63%;
}

input#gridNumberSearch {
    font-size: 1.1em;
    height: 15px;
}
.btn_search_grid {
    margin-bottom:-3px;
}

.q_image {
    background: url('../../images/icons.png'); width: 16px; height:16px;   
}
.qryData{width:220px;}

/* Audit */

.risk-matrix-btn-state-default
    { 
   background-position: -16px -16px;  	
 float: right;
}
.standard-divider {
    border-bottom:solid 4px silver;width:100%;margin:4px 0 4px 0; 
    float: right;
}
.risk-matrix-btn-state-hover {   
    background-position: 0px -16px;
 float: right;
}

.risk-matrix-active {   
    background-position: -32px -16px;
 
}
.elipsis-default {
      background-position: -16px -0px;
 
	float: right;
}

.elipsis-hover {
   background-position: -0px 0px;
	float: right;
}


.elipsis-active {
   background-position: -32px 0px;
	float: right;
}

.audit-criteria-table  td {
    padding:0px 3px 0px 2px;
    overflow: hidden;
   /* white-space: nowrap; */
  /* padding-left:2px;*/
    text-align:center;
    border-top : 0px none;
    border-bottom : 0px none;
     
}

 
.criteriaRow td{
    padding-bottom:2px;

}

.standardContainer {
   background-color: silver;
}
.standard_grid_row textarea {
    min-width:100%;
    min-height:100%
}

/* workflow */
#r_workflow {
    background-color:wheat;
    padding:7px 0;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    margin-left:4px;
    margin-right:4px; 
    border:solid 1px silver;
}
#r_workflow label {
    color:green;
}

/* Supress search operator in jqgrid*/
.ui-search-oper {
    display:none;
}
.ui-search-table {
    width:100%;
    margin-top:2px;
}
table.wrapCellsForMultiRow tr td {
    white-space:normal !important;
}
/*.attach_delete {
    margin: 0 auto;
}*/
.inclist_colorDot {
    width:10px;margin-right:2px;height:100%;float:left;overflow:hidden;border: 1px solid silver;
}
.inclist_toolbar {
    height: 23px;
    padding: 0;
    margin-top: -3px;
    overflow: hidden;
}
    .inclist_toolbar input, .inclist_toolbar label {
        float: left;
        width: auto !important;
        padding-left: 3px;
        cursor: pointer;
        color: inherit !important;
        font-size: 12px;
        padding-top: 2px;
    }
    .inclist_toolbar .ui-icon, .inclist_toolbar select {
        float: left;
        display: inline;
        margin-top: 3px;
    }
    .inclist_toolbar select {
        width: 154px;
        height: 21px;
        margin-top:2px;
        margin-left:3px;
        font-size: 1.1em;
    }
    .inclist_toolbar #btn_il_unread {
        margin-left:3px;
    }
    .inclist_toolbar .ui-icon {
        margin-left: 5px;
    }
    .inclist_toolbar select:first-child {
       
        height: 21px;
        box-sizing: border-box;
    }
    .detail-table td {
        padding: 3px;
    }
#t_t_incActList #gridNumberSearch {
    width: 154px !important;
    height: 21px;
    margin-left:3px;
    margin-left:2px;
}
#t_t_incActList #gridSearchOptions{
    width: 154px !important;
}
#t_t_incActList td:first-child {
    width: 433px !important;
    border: 0px !important;
}
    #t_t_incActList td:first-child * {
        float:left;display:inline-block;
    }
    #t_t_incActList td:first-child input[type="checkbox"], #t_t_incActList td:first-child label {
        float: left;
        width: auto !important;
        
        cursor: pointer;
        color: inherit !important;
        font-size: 12px;
        margin-left:2px;
        margin-top:2px;
        
    }
    #t_t_incActList td:first-child label {
        margin:0;
        margin-top: 2px;
        padding-left: 5px;
        
    }
#t_t_incActList select, #t_t_incActList input:not(.ui-pg-input) {
    box-sizing: border-box;
}
/*
.btn_filter_grid {
    border:1px solid transparent;
}*/
.btn_filter_grid:hover {
    /*border:1px solid #6CAAD4;*/
    cursor: pointer;
}

span.sg-icon {
    background-image: url("jstree/d2.png");
    background-repeat: no-repeat;
    background-color: transparent;
    width: 16px;
    height: 16px;
    margin-left: 1px;
    margin-top: 2px;
    width: 18px;
    height: 18px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: .5em;
}
span.acknowledge  { background-position:-39px -164px; }

.q2 + .q2 {
    border-top:1px solid #ddd;
    margin-top:10px;
}
.q-img-scale-block {
    text-align:center;
    width:100%
}
ul.q-img-scale {
    text-align:center;
    list-style:none;
    width:100%;
    padding-left:0;
    margin:0 auto;
    display:inline;
    float:none;
}
ul.q-img-scale li {
    display:inline-block;
}

    ul.q-img-scale li label {
        width:auto;
        text-align:center;
        cursor:pointer;
        margin-right:0;
        padding: 0 5px;
        text-align:center;
        display:block;
    }

    ul.q-img-scale li label .checkmark {
        position:relative;
        display:inline-block;
    }
    ul.q-img-scale li img {
        pointer-events:none;
        max-width: 40px;
        display: block;
        margin: 0 auto;
        margin-bottom:5px;
        -moz-transition: all ease 0.5s;
        -o-transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }
    ul.q-img-scale li label input {
        clear:both;
        margin: 5px auto;
    }
    .q-answer-grid td img {
        pointer-events: none;
        max-width: 40px;
    }

@media(max-width:600px) {
    .q-img-scale-block {
        margin-left: 5px;
    }
}
.q-img-rating {
    clear:both;
    text-align:center;
    width:100%;
    height:15px;
    padding:5px 0;
    font-weight:bolder;
    font-size:18px;
}
.q-slider-block {
    min-height: 20px;
}
.q-slider-contain {
    overflow: hidden;
    min-height: 30px;
    padding: 5px 10px;
    margin-left:-5px;
}
.q-slider-preview {
    width: 60px;
    height: 20px;
    min-height: 20px;
    float:right;
    padding: 0px 10px;
    font-size: 1.2em;
    font-weight: bold;
}
.ui-dropdown {
    width: 63%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.q_text {
    width: 63%;
    min-width: 63%;
    max-width: 63%;
    resize: vertical;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.q_text {
    border: 1px solid silver;
    overflow-x:hidden;
    overflow-y:auto;
    height:130px;
}
    div.q_text[readonly] h3, div.q_text[readonly="readonly"] h3, div.q_text[disabled] h3, div.q_text[disabled="disabled"] h3 {
        color:grey;
    }
    div.q_text h3 {
        font-weight: bold;
        font-size: 14px;
    }
div.q_text h4 {
    font-style:italic;
    padding-bottom:3px;
    font-size:12px;
}
    div.q_text div div {
        padding-top: 3px;
        padding-bottom: 13px;
    }
    
/*SFS for progress bar in Alerts */
#progressacknowledged > .ui-widget-header {
    margin: 0;
    background: #FFCC32 url(images/ui-bg_gloss-wave_yellow_500x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
    border: none;
}
 #progressacknowledged {
    border:solid 1px #FFCC32
 } 

 .progress-header{
 background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e;
 }

 #progresscompleted > .ui-widget-header 
{ 
    margin:0; background: #00FF19 url(images/ui-bg_gloss-wave_green_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold;border:none; 
 }
 #progresscompleted {
    border:solid 1px #00FF19;
     
 } 

 /* SFS Sliders for Risk Factors*/
.f-slider {
    float: left;
    width: 200px;
    margin: 8px;
    /*background: #ef2929;*/
}
  
.watermark
 {   
    color: #999;
}
/* Loading */
#q_loader .loading, #q_gridLoader .loading {
    background: white url('../../images/uly_loading18.gif') no-repeat 7px 40%;
    padding: 10px 14px 10px 30px;
}/*<img src="../images/uly_loading.gif" style="width:18px;margin-right: 2px;" />*/
  .ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}
#gbox_staffNotifyTable {
    float:left;
}
#bottom-toolbar {
    text-align:center;
    padding-bottom: 2px;
}
#bottom-toolbar:not(.bottom-toolbar-center) {
    text-align:right;border-top:1px solid #c0c0c0; box-shadow: 5px 2px 12px #888;position:absolute; left:0;right:0;background-color:white;height:45px;
}

#bottom-toolbar:not(.bottom-toolbar-center) #btnSave-2 {
    padding: 3px 15px;
    font-weight: bold;
}
#bottom-toolbar:not(.bottom-toolbar-center) #btnSave-2 span {
    font-weight:bold;
}
/* attachemnts */
ul.qq-upload-list {
    list-style:none;
    margin-left:10px;
}

.qq-upload-failed-text {
    font-weight:bold;
    color:red;
}
.attach-upload {
    float: left;
}
/*.qq-upload-button {
    margin-top:10px;
    width:21px;
    
     padding: 2px 5px !important; 
    
}*/
#open_dialog {
    float:left;
    margin:4px 0;
}
.qq-upload-button input {
    height:50px !important;
}
.qq-upload-button.ui-state-default:hover {
        border: 1px solid #79b7e7;
    background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1d5987;
}
.attach-container {
    box-sizing:border-box;
    margin-right:5px;
}
.attach-table {    
    border:1px solid #a6c9e2;    
    box-sizing:  border-box;
    width:100%;
    float:left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
table.attach-tableview {
    padding:0;
    width:100%;
    table-layout:fixed;
    border-collapse: collapse;
    border:1px solid #c5dbec;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
table.attach-tableview tr {
    border:1px solid #c5dbec;
    box-sizing: border-box;
}
table.attach-tableview tr:hover {
    border: 1px solid #79b7e7;
    background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1d5987;
}
table.attach-tableview th {
    text-align: center;
    font-size: 11px;
    font-weight:normal;
    padding:0;
    color:#2e6e9e;
}
table.attach-tableview td {
    padding: 0 2px 0 2px;
    text-align:left;
    color: #222222;
    white-space: nowrap;
}
table.attach-tableview th, .attach-table table td  {
    border:1px solid #c5dbec;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    height:22px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}
table.attach-tableview th:first-child {
    min-width:180px;
}
table.attach-tableview th:not(:first-child) {
    min-width: 80px;
    width:80px;
}
table.attach-tableview th:nth-child(4) {
    min-width: 130px;
    width:25%;
}
table.attach-tableview th:last-child:not(:nth-child(4)) {
    width:50px;
    min-width:50px;
    min-width: initial;
    max-width:50px;
}
table.attach-tableview td:last-child {
    padding:0;
 }
table.attach-tableview td:last-child div {
    box-sizing: border-box;
    cursor:pointer;
    height:100%;
}
table.attach-tableview td:last-child span {
    margin: 0 auto;
    box-sizing: border-box;
}
.attach_delete {
    
}
.selectMultiChoice {
    float:left;
    padding: 2px 0;
}
.multipleChoiceRow {
    float:left;
    clear:left;
    min-height:25px;
    padding-top:3px;
}
.multipleChoiceLabel {
    width: 100%;
    font-family: Calibri;
    margin-left: 5px;
}
.selectMultiChoice label {
    width:100%;
    min-width:22px;    
}
#btn_markAsRead {
    float:right;
}
#btn_makeMeLead2 {
    margin:5px 0 0 19%;
    float:left;
}
#ctl00_northDiv {
    border-left:0;
    border-top:0;
}
.q_showNoSession {
    display:none;
}
.frozen-div.ui-jqgrid-hdiv { top:27px !important; }
.frozen-bdiv.ui-jqgrid-bdiv {
    top: 50px !important;
}
.case-reopened {
    width: 100px;
    display:inline-block;
}
    .case-reopened img {
        margin-bottom: -4px;
        margin-left:3px;
        margin-right:3px;
    }
.repSentPad {
    padding-left: 51px;
}

.radioLabel {
    display: inline;
    float: none;
    margin-right: 0px;
}
.jqgrid-table-text {
    text-align: center;
    padding-top: 20px;
    color: #2e6e9e;
    font-weight: bold;
}

.mailMergeIcon {
    text-align: center;
    cursor: pointer;
}
    .mailMergeIcon i {
        color: #4169E1;
        font-size: 18px;
        
    }
    .mailMergeIcon.inactive {
        cursor: not-allowed;
    }
    .mailMergeIcon.inactive i {
        color: lightgrey;
    }
.small-select {
    width:101px;
}
.list-icon {
    width: 100%;
    height: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: navy;
    cursor: pointer;
}
    .list-icon i, .list-icon span {
        top: calc(50% - 8px);
    }
.list-icon-disabled {
    color:lightgrey;
}
.sg-bootstrap + .q_help {
    margin-left: 30px;
    margin-top: -5px;
}
.q_gridrow_config .q_rconfig + .ui-jqgrid {
    float: left;
}
#layout_west_toolbar {
    background:#edecec;
}
#groupTable {
    padding: 2px 1px;
    width:100%;
    border-bottom: 1px solid silver;
    float:left;
    width:100%;
}
    #groupTable td:first-child {
        width:35px;
        text-align:left;
    }
    #groupTable td:first-child span {
        font-size: 11px;
    }
    #groupTable select {
        width: 100%;
    }
    /*
    #groupTable td:last-child {
        width: 35px;
        text-align: center;
    }*/
        #groupTable td:last-child .ui-button {
            
            height: 16px;
            width: 26px;
            
        }
.configure-group {
    width:100%;
    float:left;
    text-align:left;
    margin:2px 2px -2px;
    padding-right:4px;
    margin-bottom:3px;
}
    .configure-group i {
        padding: 2px;
        margin-right: 5px;
        border: 1px solid #83a3bd;
        color: #666;
        font-size: .875rem;
        cursor: pointer;
        border-radius: .2rem;
        background-color: #f1f1f1;
        background: #dfeffc 50% 50% repeat-x;
    }
        .configure-group i:hover {
            color: white;
            background-color:#666;
        }

.labelWestConfigRowHeader {
    font-weight: bold;
    clear: both;
    border-bottom:1px solid silver;
    padding-bottom: 3px;
}
.labelWestConfigRow {
    clear: both;
}

.labelWestConfigRow label {
    float: left;
    width: 180px !important;
    text-align: right;
    padding-right:3px;
}
.labelWestConfigRow input {
    margin-left: 3px !important;
}
.labelWestConfigRow input[type=text] {
    width: 270px
}
.labelWestConfigRowHeader label {
    font-weight: bold;
    text-align:left;
}
.labelWestConfigRowHeader span {
    font-weight: bold;
    padding-left: 275px;
}

.personManagementSearch {
    float: left;
    padding-right: 5px;
}

.multiplePersonSearchContainer, .btnAddMultiplePerson {
    margin-left: calc(18% + 10px);
    margin-top: 2px;
    float:left;
    clear:both;
}
.multiplePersonSearchContainer .personManagementSearch {
    margin-top:2px;
}

    .btnAddMultiplePerson {
    }
.patSearchClear {
    padding-top: 6px;
}
.patSearchClear span {
    padding: .42em .7em !important;
}
table.uly-factor-table {
    margin: 5px auto !important;
    width: 100%;
    min-width: 500px;
    max-width: 700px;
    border: 1px solid silver;
}
    table.uly-factor-table th {

    }
    table.uly-factor-table td {
        width: 230px
    }
        table.uly-factor-table td:first-child, table.uly-factor-table td:last-child {
            width: 50%;
            text-align: right;
        }
    table.uly-factor-table th {
        padding: 3px 2px;
        background: #dfeffc;
    }

.sgPersonCaseSearch div {
    box-sizing: border-box;
}
.sgPersonCaseSearch {
    overflow:hidden !important;
}
.sgPersonCaseSearch .sg-container {
    margin: 10px;
    width: calc(100% - 40px);
    height: 100%;
}
.sgPersonCaseSearch .sg-context {
    position: absolute;
    height: calc(100% - 30px);
    width: calc(100% - 40px);
    border: 1px solid silver;
}
.sgPersonCaseSearch .sg-footer {
    position: absolute;
    bottom: 0;
    width: calc(100% - 40px);
}
    .sgPersonCaseSearch .btn-bar {
        margin: 15px 0;
    }
    .sgPersonCaseSearch .right, .sgPersonCaseSearch .left {
        float: left;
        height: 100%;
        overflow:hidden;
    }
    .sgPersonCaseSearch .left {
        width: 40%;        
        padding: 1px;
        border-right: 1px solid silver;
        /*border: 1px solid red;*/
    }
.sgPersonCaseSearch .right {
    width: 60%;    
    /*border: 1px solid blue;*/
}
    .sgPersonCaseSearch .left-side {
        height: 100%;
        width:100%;
}
.sgPersonCaseSearch .top {
    height: 50%;
    border-bottom: 1px solid silver;

    /*border: 1px solid yellow;*/
}
    .sgPersonCaseSearch #gbox_personCaseSearchList {
        overflow:hidden;
    }
    .sgPersonCaseSearch .bottom {
        height: 50%;
        /*border: 1px solid orange;*/
    }
    .sgPersonCaseSearch #r_1000 input {
        width: 157px;
    }

.stopclock-container {
    float: left;
    clear: right;
    width: 304px;
}
.q_inConfig .q_section {
    border:1px solid red;
    min-height:60px;
}
.q_inConfig .q_group {
    border: 1px solid green;
    min-height: 30px;
    margin:1px 1px 2px 1px;
}
.q_inConfig .q_formHeader, .q_inConfig .q_group, .q_inConfig .q_section {
    width: 100%;
    float: left;
    clear: both;
}
.ui-placeholder {
    display: block;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
    clear: both;
    float: left;
    background: silver;
    min-width: 200px;
    height: 45px;
}