/* GLOBAL */
*
{
	margin: 0;
	padding: 0;
}
html{
    font-size:14px;
}

body,textarea,input {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #414042;
}

/* -- STRUCTURE ---------------- */
#header {
  height: 57px;
  background: url('/media/img/bg_header.png') repeat-x;
  background-position-y:-36px;
}
#content {
  min-height: 441px;
  background: #babbbe url('/media/img/bg_content.png') repeat-x;
  padding: 5px 0 20px;
}
#footer {
  min-height: 60px;
  margin-top: -9px;
  padding-top: 9px;
  background: url('/media/img/bg_footer.png') center top repeat-x;
  margin-bottom: 20px;
  clear:both;
}
#navigation {
  top: 93px;
  background: url('/media/img/bg_menu.png') center top repeat-x;
  height: 38px;
  width: 100%;
}
.container {
  position: relative;
  width: 978px;
  left: 50%;
  margin-left: -489px;
}

/* -- TYPOGRAPHY ---------------- */
a {
  color: #414042;
  text-decoration: none;
}
a:hover {
  color: #fd6c44;
}
.head p.pagination{margin:0;}
.head h3, h1 {
  font-size: 20px;
  line-height: 22px;
  color: #58595b;
  font-weight: normal;
  margin-bottom: 8px;
}
h2 {
  color: #58595b;
  margin-bottom: 16px;
}
h3 {
  font-size: 10px;
}
p {
  line-height: 13px;
  margin-bottom: 12px;
}

/* -- FORMS ---------------- */
.login label {
  float: left;
  clear: both;
  margin-bottom: 4px;
}
.login input {
  float: left;
  clear: both;
}
.login input[type=text], .login input[type=password] {
  border: none;
  background: transparent url('../img/formfield_back.png') no-repeat;
  margin-bottom: 16px;
  width: 312px;
  height: 31px;
  padding-left: 6px;
  padding-right: 6px;
  outline: none;
}
.login input[type=submit].reset {
  
  background: #666;
  text-indent: 0;
}
.login input[type=submit] {
  border: none;
  background: transparent url('../img/button_login.png') no-repeat;
  margin-top: 14px;
  width: 61px;
  height: 30px;
  text-indent: -9999px;
}
.login input[type=submit]:hover {
  background-position: 0 -30px;
}
.login input[type=submit]:active {
  position: relative;
  top: 1px;
}

/* -- NAVIGATION ---------------- */
#navigation ul {
  padding-top: 5px;
}
#navigation ul li {
  float: left;
  height: 33px;
}
#navigation ul li a {
  display: block;
  color: #ffffff;
  padding: 9px 28px;
}
#navigation ul li.active {
  background: url('../img/nav_tab.png') no-repeat;
}
#navigation ul li.active a {
  background: url('../img/nav_end.png') top right no-repeat;
  color: #333333;
}
#navigation ul li.overflow li.active {
  background: #999;
}
#navigation ul li.overflow li.active a {
  background: #999;
  color: white;
}
#navigation ul li a:hover {
  color: #fd6c44;
}

/* -- GENERIC STYLES ---------------- */

/* Header */
#header .logo_guardian {
    margin-top: 4px;
    max-height: 47px; 
}
#header .logo_wrapper{
    text-align:center;
    width:200px;
    padding:0 10px; 
    box-sizing:border-box;
}

/* Footer */
#footer .container {
  height: 36px;
  font-size: 10px;
  color: #58595b;
}
#footer ul.legal {
  position: absolute;
  bottom: 1px;
}
#footer ul.legal li {
  float: left;
  border-left: 1px solid #b2b2b2;
  padding: 0 8px;
  list-style:none;
}
#footer ul.legal li:first-child {
  border: none;
  padding-left: 0;
}
#footer a {
  color: #58595B;
}
#footer a:hover {
  color: #fd6c44;
}
#footer p {
  position: absolute;
  right: 0;
  bottom: 1px;
  margin: 0
}
#footer img {
  position: absolute;
  right: 0;
  bottom: 0;
}

/* Partizan branded style*/
body.partizan {
background:#666;
}

.partizan .container {
padding:0 20px;
position:inherit;
width:auto;
left:0;
margin:0;
}

.partizan #header {
height: 170px;
background: #FF762D;
border-bottom: 11px solid #CCC;
width: 974px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
margin:auto;
background-image:none;
padding-left:5px;
}
    .partizan #header a {
     float:left;    
    }
.partizan #header h1 {
float:left;
margin:50px;
color:white;
font-size:30px;
}
.partizan #content{
     width:974px;
     margin:auto;     
     box-sizing:border-box;
     -moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
    }
.partizan #content .container{
     padding:20px;
     background:#fafafa;
     width:974px;
     box-sizing:border-box;
     -moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
    }
.partizan #content .container ul{
    margin-left:20px;     
    margin-left:20px;     
    }
.partizan #content .container li{
    list-style:disc;
    margin-bottom:1.4em;
    }
.partizan h2 {
font-size: 1.1em;
}


/* -- PAGE SPECIFIC ---------------- */

/* Login */
.login #header {
  height: 102px;
}
.login #content {
  background: #c6c9ca url('/media/img/bg_login.png') repeat-x;
  padding:40px 0 0 20px
}
.login #content label{
  font-weight:normal;
}
.login #content .left {
  width: 458px;
  margin-top: 26px;
  float:left;
}
.login #content .left img.welcome {
  margin-bottom: 174px;
}
.login #content .left img.services {
  margin-left: 2px;
}
.login #content .right {
  width: 316px;
  margin-top: 98px;
  margin-right: 30px;
  float:right;
}
.login a.forgot {
  float: left;
  margin-top: 30px;
}
.login #footer .container  {
  height: 62px;
}
.login #footer p  {
  right: 58px;
}

/* Access
 * generic styles for logged in area */
#header #user-menu {
  position: absolute;
  top: 5px;
  right: 12px;
  font-size: 10px;
}
#header #user-menu li {
  float: left;
  border-left: 1px solid #b2b2b2;
  padding: 0 8px;
}
#header #user-menu li:first-child {
  border: none;
  padding-left: 0;
  font-weight: bold;
}
#header .logo_cobrand {
  position: absolute;
  top: 18px;
  right: 0;
  max-height:55px
}

/* Landing */
#content .left>div{
  width: 758px;
  float:left; 
}

#content .right>div{
  width: 210px;
  float:right;
}

#content .wide .left {
  width: 968px;
}

#content .wide .right {
	display:none;
}

#content .left>div.wide {
 width:978px;
 float:none;
}
#content .subheader {
  width: 160px;
  float:right;
  margin-top: 140px;
  margin-right: 22px;
}
#content .subheader sup {
  font-size: 6px;
  margin-top: -2px;
}


.container {
  position: relative;
  width: 978px;
  left: 50%;
  margin-left: -489px;
}


/**** NEW ***/
.cmsright { font-size:x-small; }
#main-content-block	{clear:left;}
#main-content-block	.padding,
#reports-content-block	.section
{
	box-shadow: inset 0 0 7px #444;
	border-radius: 5px;	
    background:white;
    margin-bottom:10px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: inset 0 0 10px black;
	-moz-box-shadow: inset 0 0 10px black;
    overflow:visible;
	
}
#main-content-block	div.cmspage.padding
{
	-webkit-box-shadow: none;	box-shadow: none;	border-radius: none;
	  background:transparent;
	  padding:0;
	  }

ul.subnav{  list-style-type:none; margin-left:5px;}

ul.subnav li{list-style-type:none;display:block;padding-bottom:15px; line-height:1px;float:left;}

ul.subnav li a{padding:5px 20px 5px 0px;display:block;text-decoration:none; color:#444;cursor:pointer;}
ul.subnav li.active a{font-weight:bold;}

ul.subnav li a:hover{color:#222;}

/*** OLD******/
#program-changer
{
	position:absolute;
	top:18px;
	left:200px;
}
 span.actionLink, a.actionLink
{
	color: #fd6c44;
	text-decoration: none;
	cursor:pointer;
}
 span.actionLink,
 a.actionLink:hover
{
	
	color:#f43d00;
	text-decoration: underline;
    border-bottom:none;
}

 a.actionLink.bootbtn:hover
{	
	text-decoration: none;    
}

a.popupLink{
    border-bottom:1px dashed #f43d00;
}

ul#secondary-navigation li.overflow{
   position:relative;
}
ul#secondary-navigation .overflow div{
    position:absolute;
    left:-999em; /*hide it*/
    background:white;    
    margin-top:-5px;
    border-width:0 1px 1px 1px;
    border-style: solid;
    border-color: #888;    
    z-index:99;
}
ul#secondary-navigation .overflow:hover>a {
 
 background:white;
 border-radius:6px;
 border:1px solid #888;
 color:#fd6c44;
}
ul#secondary-navigation .overflow:hover div{
    left:0px;
    width:200px;
}
ul#secondary-navigation .overflow a span
{
/*    display: inline;    
    padding: 5px 0 5px 18px;*/
}
/* menu*/
ul#secondary-navigation .overflow div ul {display:list-item;list-style:none}
ul#secondary-navigation .overflow div li ,
ul#secondary-navigation .overflow div li a
{
    display:block;
    float:none;
    position:inherit;
    height:auto;
    color:#444;
    
}
ul#secondary-navigation .overflow div li.active span,
ul#secondary-navigation .overflow div li.active a
{
    background:inherit;
}
ul#secondary-navigation .overflow div a
{    
    float:none;    
}

ul#secondary-navigation .overflow  a span.ui-icon{
 width:16px;
 height:16px;
 padding:0;
 display:inline-block;
 margin-top:-5px;
}


/* ADMIN NAVIGATION */
ul#admin-navigation
{
	list-style-type: none;
	   height:25px;
	

}
ul#admin-navigation li
{
    
	display: inline;
	float: left;
	color: #f19710; /*---- edited by monica ----*/
	font:normal 15px/16px Arial; /*---- edited by monica ----*/
     height:25px;
     overflow:hidden;

}
ul#admin-navigation li a
{
    color: #f19710; /*---- edited by monica ----*/
    padding:5px;
    height:25px;
      display:block;
    text-decoration: none; /*---- edited by monica ----*/
    font:normal 13px/16px Arial;/*---- added by monica ----*/
 
}
/*---- added by monica ----*/
ul#admin-navigation li a:hover
{
    color: #fff;
    padding:5px;
    height:25px;
    text-decoration: none;
    font:normal 13px/16px Arial;
 
}
/*---- added by monica ----*/

ul#admin-navigation li .clear
{
    
    color: #000000;
    display: block;
    float: left;
	padding-right:5px;
	padding-left:5px;
	text-decoration: none;

}
/*---- edited by monica ----*/
ul#admin-navigation li.current a
{
    background:white;
    color: #111;
    padding:5px;
    height:25px;
    text-decoration: none;
    font:normal 13px/16px Arial;

    border-color:#195996;
    border-style:solid;
    border-width:1px 1px 0 1px;
}
/*---- edited by monica ----*/


/* FONTS - GLOBAL */
/*
h1
{
	font-weight: normal;
	font-size: 28px;
	color: #FD6C44;
}
h2
{
	background: #ffdca9;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	position:relative;
}
h3
{
	font-size: 15px;
	color: #333333;
}
p
{
	font-size: 12px;
	margin-bottom: 10px;
	color:#555;
}
p.lrg
{
	font-size: 12px;
	font-weight: bold;
}
p.nomargin
{
	margin-bottom: 0!important;
}
.orange
{
	color: #FD6C44;
}
*/
#authMessage {
    float: left;
    color: #DD3827;
    font-weight: bold;
}
.error
{
	color:#DD3827;
	font-size: 13px;
	font-weight: lighter;
}


/* FORM ELEMENTS - GLOBAL */
form {
	display:inline ;
}
legend
{
	font-weight: bold;
	color: black;
}
fieldset{
	border: none;
}
label{
	font-size: 12px;
	font-weight: bold;
}


select.Item
 {
 	padding: 1px;
	border: 1px solid #666;
	width: 140px;
}

input.text, input.phone, select.full, input.email
 {
    width: 200px;
}

textarea.field.text
{
    width:350px;
    height:60px;
}


input.number
 {
	width: 60px;
}
#patient-edit .datepick-trigger {
    float:left;
}
input.date
 {
	padding: 2px;
 	border: 1px solid #666;
	width: 140px;
}
input.part-date
 {
	padding: 2px;
 	border: 1px solid #666;
 	width:3em;
}
input.short{
	width:100px;
}



.form-footer
 {
 	text-align: right;
	padding: 15px;
}
a.alt-action
 {
 	color: #fd6c44;
	font-size: 12px;
}
input.error, textarea.error
{
	border: 1px solid #ff3333 !important;
}
input.check.error
{
	outline: 1px solid #ff3333 !important;
}

div.form .focused
{
	background: #fff7c0;
	position: relative;
}
.form-action
{
	text-align: right;
}
.selectborder{
 	border: 1px solid #666;
}
span.error
{
	border: 1px solid #ff3333 !important;
}


/* MESSAGES BOX */
div.form-validation-error {
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #ff3333;
	padding: 6px 6px 6px 30px;
	margin-bottom: 10px;
	display: none;
	background: #ffcccc url('/media/img/error-bg.gif') no-repeat;
	background-position: 5px 3px;
}
div.form-validation-message{
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #bbeebb;
	padding: 6px 6px 6px 30px;
	margin-bottom: 10px;
	background: #ddffdd;
	display: block;
}

.report-dashboard div.form-validation-error
{
    display: block;
}

.head h3{display:none}

  .padding
{
	padding: 3px 10px 10px 10px;
	position:relative;
    overflow:hidden;
    clear:both;
}
.section table
{
	border-collapse: collapse;
	font-size: 12px;
	width: 98%;
	margin: 0 auto;
	margin-top: 5px;
		
}

.section table td
{
	vertical-align:top;
	padding: 5px;
	color:#333;
}
.section table tr.even,
.section table tr.odd
{
/*	border-top: 1px solid #ccc; */
	height:25px;
	vertical-align:middle;
}
.section  table .noborder
{
	border: none !important;
}
#main-content-block table tr.openAdverse
{
	height:25px;
	vertical-align:middle;
    background-color :#FFCCCC;

}

#main-content-block table tr.openAdverse td{
 color:#ff3333;
}

.section .subsection-header{
  padding-top:15px;
  border-bottom:1px solid #ccc;
  font-size:120%;
  color:Black;
  
}

/* ADMIN TABBED DIV  */
#main-content-block-Admin {
    /* just for handling tr links in JS */  
}

.accountIssues {
    color:#f33;
    display:block;
}


div.head
{
	margin-bottom:0px;
}

div.head h3
{
	margin-bottom:0px;
}
.PatientSysInfo{
    font-size: 9px; 
    color:#777;
}


/* PATIENT EDIT TABLE */
#patient-edit .top, .patient-fields .top

{
	background: #ffdca9;
	padding: 5px;
}
#patient-edit .edit, .patient-fields .edit
{
	float: right;
}
#patient-edit .form, .patient-fields .form
{
	padding-left: 20px;
}

span.field.timezone {
    font-size:smaller;
    font-style:italic;
}


/* PATIENT EDIT FORM */
#patient-edit ul, .patient-fields ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#patient-edit .PatientDataFieldGroup,.patient-fields.PatientDataFieldGroup
{
	clear: both;
	display: block;
	margin: 0;
	padding: 6px 5px 9px 9px;
}
#patient-edit label.desc,.patient-fields label.desc
{
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 3px;
	color:#3A3A3A;

}
#patient-edit .PatientDataFieldGroup div, #patient-edit .PatientDataFieldGroup span,
.patient-fields .PatientDataFieldGroup div, .patient-fields .PatientDataFieldGroup span
{
	margin: 0 0.3em 0 0;
	padding: 0;
}
#patient-edit .PatientDataField {
    display:block;
    clear: both;
}
#patient-edit .horizontal .PatientDataField {
    clear: initial;
}

.part-date-holder
{
    float:left;
    margin:0 0.3em 0 0;
}
.part-date-holder label
{
    clear:both;
    display:block;
    font-size:9px;
}

#patient-edit .PatientDataFieldGroup div label, #patient-edit .PatientDataFieldGroup span label ,
.patient-fields .PatientDataFieldGroup div label, .patient-fields .PatientDataFieldGroup span label,
#call-script-app .PatientDataFieldGroup.horizontal span label{
	clear: both;
	display: block;
	font-size: 9px;
    margin: 0 0 10px 0;
	padding-top: 1px;
}

#patient-edit .PatientDataFieldGroup div label, 
#patient-edit .PatientDataFieldGroup span.part-date-holder label,
#call-script-app .PatientDataFieldGroup span.part-date-holder label {
    display:none;
}

.PatientDataField.checkboxHolder{
    float:none;
    display:block;
    margin-top:3px;
    width:auto;
}

#patient-edit .PatientDataField.checkboxHolder, 
.patient-fields .PatientDataField.checkboxHolder
{
    float:none;
    display:block;
    margin-top:5px;
}

#patient-edit h2,
.patient-fields h2{
    border-bottom:1px solid #ccc;
    color:#222222;
    background:none;
    margin:5px 20px 5px 0;
    padding:5px 0 2px;
}


#patient-edit .PatientDataField label.checkboxLabel,
.patient-fields .PatientDataField label.checkboxLabel
{
    display:inline;
    padding-left:10px;
    font-size:12px;
    font-weight:normal;
}

#patient-edit .PatientDataFieldGroup label.desc span, 
.patient-fields .PatientDataFieldGroup label.desc span {
	float: none;
}
#patient-edit .PatientDataFieldGroup.horizontal span,
.patient-fields .PatientDataFieldGroup.horizontal span,
#call-script-app .PatientDataFieldGroup.horizontal span
   {
	float: left;
	font-size: 12px;
}

.InputType-date
{
	display: inline-block; 
}


/* SECTION */
.section.lower{	margin-top:10px;}

.section .top .alert { 
    float: right;
    height: 14px;
    padding: 5px 15px;
    margin: -5px 10px;
}

.section .top, .slidePanel .top {
    background: #bbb;
    padding: 8px 8px 4px 10px;
    height: 18px;
    margin: 0 -8px 2px -8px;
    font-weight: bold;
    font-size: 1.1em;
    position: relative;
    border-radius:5px;
}

#main-content-block .buttons-top
{
	background: #bbb;
	padding: 3px 8px 3px 8px;
	margin:0 -8px 2px -8px;
	font-weight:bold;
	font-size:1.1em;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0; 
    }

.section .top p
{
	float: left;
}
tr.even td
{
	background: #eaeaea;
}
tr.selected td
{
	background: inherit;
}

/*---- added by monica ----*/
/*.data-records .even_admin
{
	background: white;
}
*/
.data-records .odd_admin {
    background: #ddd;
    color: #555;
}
/*---- added by monica ----*/

.masterselecta {
    margin-left:-10px;
}

.data-records td.minCell {
    width:1%;
}
.data-records td.maxCell {
    width:100%;
}



.data-records tr.selectable:hover td
{
    background-color: #d5d5d5;
    cursor:pointer;
}
.data-records tr.selected
{
    background-color: #ddd;
    border-bottom:1px solid #E49403;
    border-top:1px solid #E49403;
}
.data-records tr.row-clickthrough a {
    display:block;
    padding:0 3px;
    margin:0 -3px;
}

.data-records a.clickthrough{
	border-bottom:1px dotted #E49403;
}
.data-records tr.row-clickthrough:hover a{
    color:#fd6c44;
}
.data-records a.clickthrough:hover {
	border-bottom:1px dotted #E49403;   
}


.data-records td{
	white-space:nowrap;
}
.data-records .BlankSlate td {
    white-space:normal;
}
.data-records th
{
    background: #ffffff;
	text-align: left;
	padding: 4px 4px 4px 15px;
	font-weight:bold;
}

.data-records tr.highlight {
    font-style:italic;
}
.data-records .sorting_asc {
    background: url('../img/sort_asc.png') no-repeat center left;
}
.data-records .sorting_desc {
    background: url('../img/sort_dsc.png') no-repeat center left;
}


.data-records thead td
{
    background: #ffffff;
	text-align: left;
	padding: 4px;
	font-weight:bold;
	color:Black;
}
.data-records a.alert {
font-style: italic;
font-size: smaller;
text-decoration: underline;
color: #FD6C44;
}

.data-records tr.group td {
    background:#ccc;
    border-top:#aaa 1px solid;
    border-bottom:#aaa 1px solid;
}
.data-records tr.group + tr.group[style*="display:none"]{
    display:none
}


/*  INPUT  */

.formbutton
{
	display: inline;
    margin-right: 20px;
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 14px;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    color: #FD6C44;
    padding: 5px 10px 6px 7px;
	background: #f5f5f5;
    border: 1px solid #cccccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: auto;
    overflow: visible;
    padding: 4px 10px 3px 7px; /* IE6 */
}
.formbutton:hover
{
    background: #FD6C44;
    border: 1px solid #FD6C44;
    color: #ffffff;
}

.smallformbutton
{
	display: inline;
    margin-right: 20px;
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 9px;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    color: #414042;
    padding: 5px 10px 6px 7px;
	background: #f5f5f5;
    border: 1px solid #cccccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: auto;
    overflow: visible;
    padding: 4px 10px 3px 7px; /* IE6 */
}
.smallformbutton:hover
{
    background: #FD6C44;
    border: 1px solid #FD6C44;
    color: #ffffff;
}

.AdminTextBox
{
	border-width:2px !important ;
	border-color:#000000;
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    text-decoration: none;
    background-color:#DDDDDD;
}

.mainDiv
{
	padding: 2px;
	border: 1px solid #ffdca9; 
	margin-bottom: 10px;
}

.mainDivHeader
{
	background: #ffdca9;
	padding: 5px;
}

/* BUTTON STYLING */
a.btn, button{
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    color: white;
    padding: 5px 10px 6px 7px;
	background: #777;
    border: 1px solid #aaa;
    border-radius:6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}
.btnGrad, button, ul.listMenu li.primary, a.btn{
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#666));
    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #ccc, #666); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #ccc, #666);
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #ccc, #666);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #ccc, #666);
}

button
{
    width: auto;
    overflow: visible;
    padding: 4px 10px 3px 7px; /* IE6 */
}
button[type]
{
    padding: 5px 10px 5px 7px; /* Firefox */
    line-height: 17px; /* Safari */
}
*:first-child+html button[type]
{
    padding: 4px 10px 3px 7px; /* IE7 */
}
button img, a.btn img
{
    margin: 0 3px -3px 0 !important;
    width: 16px;
    height: 16px;
}
button:hover, a.btn:hover
{
    color: #fd6c44;
    background:#999;
}

/* Adverse Event buttons */
.AEBtn{
 color:#ff3333;
 float:left;
}
.StopBtn{
 float:left;
}
#btnAdverseEvent{
 float:left;
}

button.AEBtn:hover ,button.AEBtn a:hover{
 background:#ff3333;
 color:White;
}

#NewAdverseEventForm{
 border-color:#7d3232;
 background:#f66;
 width:300px;
}

/* SEARCH BOX */

#search-wrapper, .search-wrapper
{
	width: 160px;
	height: 24px;
	background: white;
	padding: 0px;
	border: 1px solid #999;
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    position:relative;    
}

.search-criteria-box {
    width: 180px;
    height: 25px;
    background: white;
    padding: 0px;
    border: 1px solid #999;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#global-search {
    position: absolute;
    left: 404px;
    top: 16px;
}
	
#search-wrapper{float: right;margin-top:-3px;}

#global-search.search-wrapper{    
    width: 240px;
}
#global-search .searchbox{    
    width: 210px
}
/* adjusted up for place in header*/
#search-wrapper.in-header
{
    margin-top:-40px;
}

#search-wrapper .searchbox,.search-wrapper .searchbox, .search-wrapper .searchbox-wrapper input
{
	border: 0px;
	background: transparent;
	position: absolute;
	top: 3px;
	left: 8px;
	width: 160px;
	height: 18px;
	color: #cccccc;
	font-size: 12px;
}
#search-wrapper .searchbox-submit, .search-wrapper .searchbox-submit {
    border: 0px;
    background: white;
    background: white url('/media/img/patient-search-but.gif') no-repeat -172px -3px;
    position: absolute;
    top: 2px;
    right: 3px;
    padding: 0;
    font-size: 18px;
    margin: 0;
    color: tomato;
}
#search-wrapper a,.search-wrapper a{
	outline: none;
}

/* PROGRAM SELCTBOX/DROPDOWN */
ul#programselectbox,ul#roleselectbox{
	list-style-type: none;
 /*width : 400px;*/
}
ul#roleselectbox{
position:absolute;
}
#header ul#roleselectbox ul li {
    border:0;
    float:none;
    display:list-item;
}
ul#roleselectbox ul {
top:-2px;
}

ul#programselectbox ul,ul#roleselectbox ul{
	 display: none;	
	list-style-type: none;
	background: white;
	background-position: bottom left;
	border:1px solid #ccc;
	border-radius:0 0 5px 5px;
	position:relative;
	z-index:100;
}
ul#programselectbox li a{
	text-indent: 10px;
	font-size: 12px;
	text-decoration: none;
	line-height:20px;
}
.right ul#roleselectbox li a{
font-size:smaller;
font-weight:normal;
	text-decoration: none;
	line-height:20px;
}

ul#programselectbox li span,.right ul#roleselectbox li span{
	text-indent: 10px;
	font-size: 12px;
    padding:5px 5px 5px 0px;
	height: 25px;
	line-height: 24px;
	font-weight: bold;
    color:#ccc;
}

ul#programselectbox li a.parent,.right ul#roleselectbox li a.parent{
    padding:5px 5px 5px 5px;
	height: 25px;
	line-height: 24px;
    background:#eee;	
    color:#999;
    font-weight:bold;
}
.right ul#roleselectbox li a.parent{
	font-weight:normal;	
}

ul#programselectbox li a.parent:hover,.right ul#roleselectbox li a.parent:hover{
	background: transparent url('/media/img/dropdown-bg-p.gif') no-repeat;
    background:#999;
    color:#eee; 
}

ul#programselectbox li a.child,ul#roleselectbox li a.child{
	padding: 5px 8px;
}

ul#programselectbox ul li:hover,ul#roleselectbox ul li:hover{
	background: #aaa;
}
ul#programselectbox ul li.inline:hover,ul#roleselectbox ul li.inline:hover{
	background: inherit;
}
ul#programselectbox ul li, ul#roleselectbox ul li{
display:list-item;
}
ul#programselectbox li.inline,ul#roleselectbox li.inline{
	text-align: right;
	
	width: inherit;
	padding: 0px 6px 6px 0px;
}
ul#programselectbox li a.close,ul#roleselectbox li a.close{
	color: #fd6c44;
	display: inline !important;
    float:none;
    opacity:0.8;
}

/* PROGRAM SELCTBOX/DROPDOWN */
#login-block
{
	width: 400px;
	margin: 50px 0px 0px 50px;
	background: transparent url('/media/img/login-block-bg-t.gif') no-repeat;
	padding-top: 15px;
}
#login-block .padding
{
	padding: 15px;
	background: transparent url('/media/img/login-block-bg.gif') no-repeat;
	background-position: bottom left;
	padding-top: 0px;
}
#login-block label
{
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 7px;
}
#login-block .text
{
	width: 200px !important;
}
#login-block p
{
	/*margin: 15px 0px 0px 0px;*/
	padding : 15px 0px 0px 0px;
}
#login-block a
 {
 	color: #FD6C44;
	font-size: 12px;
}

/* DEV */
.unhandled-error  {
	background: #ffffff;
	color: red;
	display: block;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 12px;
}

/* OTHER */
#infobox
{
    background: #aaa url('/media/img/infobox-bg.gif') no-repeat;
    height: 200px;
}

/* JAVASCRIPT DISABLED BOX */
.nojavscript{
	background: #ffffcc;
	border: 1px solid #ffcc66;
	padding: 8px;
}

/* PROGRAM WIDE DIV GLOBAL */

#programwide-div.adverseScript
{
	background : #FF6666 url('/media/img/call-top-bg-adverse.gif') no-repeat;
}

#programwide-div .head
{
	padding: 0px 10px 0px 10px;
	height: 24px;
	overflow: hidden;    
}


.section .top .buttons {
    /*position:absolute;
    left:180px;*/
}
.section .top .buttons .actionLink {
    border:1px solid #bbb;
    padding:5px;
}

.section .top .buttons .actionLink:hover {
    background: #fd6c44;
    text-decoration: none;
    cursor: pointer;
    color:white;
}

 .section .top .buttons .selectedRowActions .actionLink {
     color:#E49403;
 }
 .section .top .buttons .selectedRowActions .actionLink:hover {
     background:#E49403;
     color:white;
 }


  .section .top .InlineForm{
     position:absolute;
     z-index:99;
 }
    

#programwide-div .progressbar-border{
    border: 1px solid grey; 
    display: none;  /* hide until GuardianCall.SetProgress js fn is working */
    float: right; 
    height: 15px; 
    width: 100px;
}

#programwide-div .progressbar-inner{
    display: block; 
    height: 15px; 
    background:green;
}

#programwide-div .pagination
{
	position: absolute;
	padding-top: 10px;
}

#programwide-div .pagination-right
{
	float:right;
	padding-top: 10px;
}

#programwide-div .pagination-left
{
	float:left;
	padding-top: 10px;
}
#programwide-div h3
{
	text-align: center;
	padding-top: 8px;
    display:block;
}
#programwide-div #script-app-wrapper h3
{
	padding-top: 0px;
}



/* PROGRAM WIDE DIV GLOBAL */


/* CALL CENTRE DIV GLOBAL */
#callcentre-div
{	
	padding: 15px 5px 5px 5px;
}
#callcentre-div .wrap
{
	padding-bottom: 10px;
}
#callcentre-div .head
{
	padding: 0px 10px 0px 10px;
	height: 36px;
	width:auto;
/*	overflow: hidden; */
}
#callcentre-div .pagination
{
/*	position: absolute; */
	padding-top: 10px;
	z-index:90;
}

#callcentre-div .pagination-right
{
	float:right;
	padding-top: 10px;
}
#callcentre-div h3
{
/*	text-align: center;  */
	padding: 10px 0px 10px 0px;
}

/* action links for field defs */
#callcentre-div input.actionLink
{
	color: #FD6C44;
	text-decoration: none;
	cursor:pointer;
}
#callcentre-div input.actionLink:hover
{
	color: #FD6C44;
	text-decoration: underline;
}

/* CALL CENTRE DIV GLOBAL */

.DivScheduledHistoryTable, .DivCommunicationHistoryTable, .DivAEHistoryTable, .DivFirstBoxMessageNoActions
{
	margin-bottom:20px;
}
.GeneralMessage
{
    padding-top:5px;
}

.GeneralMessageSpacing
{
	padding-bottom:10px;
}

.middleCell
{
	white-space:nowrap;
	vertical-align:middle !important;
	padding-left:4px;
}

.sideBody
{
	width : 950px;
	height : 500px;	
}

.sideMenu
{
	width : 100px;
	height : 500px;
}

.AddButton
{
	border: 1px solid #cccccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.AddInput
{
	border: 1px solid #cccccc;
	height: 18px;
	background-color : #dddddd;
	width:  50px;
	font-size: 13px;
	font-family: Arial, Helvetica, Sans-Serif;
}

.AddDropDown
{
	border: 1px solid #cccccc;
	background-color : #dddddd;
	height: 20px;
	font-size: 13px;
	font-family: Arial, Helvetica, Sans-Serif;
}

#call-script-app .column
{
	width: 49.7%; 	
	margin-bottom: 5px; 	
	height: 385px;
}

#call-script-app  .column h2{
    height:16px;
    padding:3px 0 0 5px;
    margin:0;
    color:#777;
}

#call-script-app .questionPanel ul{
    padding-left:13px;
    list-style: initial;
    margin: 6px;
}

#script-app-wrapper {
    width:978px;
}

#call-script-app .inner-panel{
 overflow:auto;
 height:335px;
}

#call-script-app  .column-a
{
	float: left;
}
#call-script-app  .column-b
{
    width: 50%;
	float:right;
	vertical-align:top;
}
#call-script-app  .panel.full .column-a{
    display:none;
}
#call-script-app  .panel.full .column-b{
    width:100%;
}
#call-script-app  .column-c
{
	text-align:right;
	padding-left:20px;
}
#call-script-app  .bg-res
{
/*	background: #aaa; */
}
#call-script-app  .padding
{
	padding: 15px;
}
#call-script-app  .panel
{
	display: none;	
}
#call-script-app
{
	font-size: 14px !important;
}
#call-script-app  .padding  p
{
	font-size: 14px !important;
}
#call-script-app  ol.error
{
	border: 1px solid #ff3333 !important;
}
.responsePanel  ol
{
	list-style-type: none;
	margin-left:10px;
}
.responsePanel  li.data-field-line
{
	clear:both;
}

.responsePanel  ol.openingAnswer li
{
	padding-bottom:2px;
}
.responsePanel li.data-field-line .lookup {
    display: block;
}

/* CALL SCRIPT FOOTER */
#call-script-app-footer
{
	margin-top: 10px;
	background: #aaa;
	padding: 10px;
	font-size:small;
	color:#333;
}
#call-script-app-footer  .column
{
	
}
#call-script-app-footer  .column-a
{
	width: 514px;
	float: left;
}
#call-script-app-footer .column-b
{
	float: right;
	padding-right:10px;
	width: 440px;
}
#call-script-app-footer .padding
{
	padding: 0px 10px 0px 10px;
}
#call-script-app-footer table
{
	border-collapse: collapse;
	width: 100%;
}

#call-script-app-footer .header
{
	font-weight:bold;
	display:block;
	text-align:left;
	margin-bottom:3px;
}

#call-script-app-footer #prior-adverse-events{
    display:none;
    float:left;
    text-align:left;
    width:130px;
    padding-left:8px;
}

#call-script-app-footer .column-a>div{
    float:left;
    padding-left:10px;
    height:70px;
    border-right:1px dotted #555;
    margin-left: 10px;
    width:150px;
}
#call-script-app-footer ul{
    list-style:none;
}

#btnPrint
{
    margin-top:-10px;
    margin-left:30px;
}

/* CALL CENTRE EDIT */

#callcentre-edit-head 
{
 padding:6px 8px 11px 8px;   
}
#callcentre-edit-head div
{
	padding-bottom:2px;
	margin-right: 50px;
	line-height: 25px;
	font-size: 12px;
	float:left;
}
#callcentre-edit-head div.last
{
	margin-right: 0 !important;
	float: right;
	padding: 0;
	margin-top:-3px;
}
#callcentre-edit-head div.last button,div.bottom-buttons button
{
	margin: 2px 0 0 0;
}

#callcentre-edit-head  span
{
	float: left;
	display: inline;
	margin-right: 10px;
}
#callcentre-edit-head  input,
#callcentre-edit-head  select
{
	font-size: 12px;
	padding: 2px;
	margin-top:2px;
	width:150px;
}
#callcentre-edit-head  input
{
	border: 1px solid #FD6C44;
}
#callcentre-edit-head  select
{
	padding: 1px;
}

#callcentre-edit
{
	clear:both;
    max-height:none;
    overflow:inherit;
}

#callcentre-div .programselectbox
{
	border: 1px solid #FD6C44;
}
/* More CSS styling for this element @Guardian.admin.css */

#call-script-app .PatientDataField span.choice
{
	clear:both;
	display:block;
}
.clear {
    clear:both;
}
#call-script-app .PatientDataField label
{
	margin-left:8px;
}
#call-script-app .PatientDataField label.for-bigtext {
    display:block;
}

#call-script-app .part-date-holder {
   margin-bottom:5px;
}

#call-script-app .PatientDataField 
{
	margin-bottom:8px;
	display:block;
}

#script-questions
{
	width: 100%;
	background: #eee;
}
#script-questions td
{
	padding: 10px;
	font-size: 12px;
}

#script-questions table
{
	margin:5px 0 0 5px;
}
.script-question-text textarea
{
	padding: 2px;
	border: 1px solid #666;
	width: 300px!important;
	height: 130px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #333333;
}

.script-question-data table input
{
	width:150px;
}
#script-questions .script-question-data textarea
{
    width:220px;
}

#script-questions td.title
{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
#script-questions .script-question-details {
	color: #555;
}
/* start css for special highlight of questions*/
.question-title
{
 	border-top:4px solid #CCCCCC;
}
#script-questions .question-title-spl{
	background:  #aaa ;
	color: #555;
	border-top: 4px solid #898e97;
}
#script-questions .script-question-details-spl {
	
	background:  #aaa ;
	color: #555;
	border-bottom: 4px solid #898e97; 
}
.noTopBdr
{
	border-top:none!important;
}
 /*end*/
#script-questions td.panel
{
	vertical-align: top;
}
#content #script-questions td.right
{
	text-align: right;
	color: #333333;
	display:table;
	white-space:nowrap;
}

#script-questions .script-question-details td table{
	width: 100px;
}
#script-questions .script-question-details td table td{
	padding: 0px;
	margin: 0px;
	border: none;
	color: #555;
}

#script-questions input{
	font-size: 10px;
	border: 0;
	background: none;
	cursor: default;
}

#script-questions input.form{
    border-bottom: 1px solid #ccc;

}


#script-questions .script-question-nav input
{
	width: 300px;
}
#script-questions .script-question-nav textarea
{
    width:400px;
    height:50px;
}

/**************************/
/* For the Guardian Popup Control */
/**************************/
.ui-dialog{
    display:none;  
    position:absolute;    
    margin-top:-50px;
    background:#888;
    padding:6px;
    width:240px;
    top:0;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aaa), to(#666));
    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #aaa, #666); 
   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #aaa, #666);
   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #aaa, #666);
   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #aaa, #666);
}

#EnrolmentFormPopup { 
    width:720px;
 }
 
 .ui-dialog-titlebar
{
    width:100%;
    text-align:left;
    float:left;
    margin:0px;
    background:#f2b5a0;
    position:relative;
    border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
}
.ui-dialog-title
{
    float:left;
    margin:0;
    padding:6px;
    font-size:13px;
    font-weight:bold;
}

.GuardianPopupContent iframe{
   width:100%;
   min-height:450px;
}

.GuardianPopupContent pre {
     width:100%;
     font-size:12px;
}

.GuardianPopupContent h2{
    background:#bbb;
    padding:2px 5px;
    margin:2px 0;
    font-size:20px !important;
}

div.scroller{
    overflow:auto;
}

.GuardianPopupContent div.scroller {
    height:60px;
}




#RescheduleNotes
{
	height:auto;
	width:auto;
}
#cancel-add-schedule
{
    display:inline;
}

#history
{
	position: absolute;
	background: lightyellow;
	font-size: 9px;
	font-weight: bold;
	width: 525px;
	height: 50px;
	top: 60px;
	left: 570px;
	overflow: scroll;
}


#call-start, #call-duration
{
	background: none;
	border: none;
	width: 50px;
}
.GuardianPopup{
    display:none;
}

/* Wide page inner column layouts */

/* twocol is a wide two-column layout with the rh side narrower and in proportion to the Golden Ratio ;-)*/
div.twocol{
  padding-left:0;
  padding-right:0;
  padding-top:10px;
 height:100%;
}

/* GR for 1048 total width is 647:400 - but need to account for padding*/
div.twocol .left{
  width:586px;  
  padding:10px 5px 5px 20px;
}

div.twocol .right{
  float:right;
  width:352px;  
  padding:10px 5px 5px 20px;
}

div.twocol .rdash{
  border-right:1px dashed #ccc;
}

/* Indrani Template CSS START */

.leftboxSec{
width:210px;
padding:30px 0 20px 0;
overflow:hidden;
margin-bottom:20px;
}
.leftboxSec .hdArea{
/*padding:5px 5px 5px 12px;
font-size:15px; text-align:left; 
background: #DDD;
border-bottom: 1px solid #BBB;*/
display:none;
}
.leftboxSec .contentMidArea{
font-size:15px; text-align:left; 
}
.leftboxSec .contentBottomArea{
height:12px; overflow:hidden;
}

ul.listMenu{
list-style-type:none; overflow:hidden;
z-index:99;
}

ul.listMenu li{
list-style-type:none;
display:block;
padding-bottom:2px; 
line-height:17px;
}

ul.listMenu li.primary{
 border :1px solid #bbb;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 margin-bottom:4px;
}
ul.listMenu li.primary:hover{
 background:#ccc;
}

ul.listMenu li.primary a.actionLink{
 background: url(images/ui-icons_222222_256x240.png) no-repeat 150px -189px;
 color:White;
 background-clip: border-box;
 display:block;
}
ul.listMenu li a.actionLink {
padding:2px 0 2px 2px; margin:4px 20px;
display:inline-block;
font-size:12px; text-align:left; text-decoration:none; 
cursor:pointer;
}



ul.listMenu li a:hover{ 
background: #fd6c44;
color: white;
}

ul.listMenu li.divider {
    border-bottom: 1px solid #C7C7C7;
margin-bottom: 10px;
padding-top: 0px;
    }


ul.listMenu li:nth-child(2) a, ul.listMenu a.divider{
  border-top:1px solid #E49403;
  margin-top:30px;
}

ul.listMenu li.primary:last-child a{
  border-bottom:0;
}


.dropdownBox
{
	float:left;
	background-color:#ffffff;
	border:1px solid #ccc;
}
/* Indrani Template CSS END */
/*#patient-list2 starts here*/
#patient-list2, .detailbox
{
	padding: 2px;
	border: 1px solid #ffdca9;
	margin-bottom: 10px;
}
#patient-list2 .top
{
	background: #ffdca9;
	padding: 5px;
}
#patient-list2 .top p
{
	float: left;
}
#patient-list2 .even{
	background: #aaa;
}
#patient-list2 table td
{
	padding: 5px !important;
}
#patient-list2 table tr:hover
{
    background-color: #ccc;
}
#patient-list2 table td:hover
{
    cursor: pointer;
}
#patient-list2 table th
{
    background: #ffffff;
    border-bottom:1px solid #333;
	text-align: left;
	padding: 4px;
	color:#333333;
	font:bold 12px/15px Arial;
}
#patient-list2 a
{
    text-decoration: none;
}
/*#patient-list2 ends here*/
.listUserBox
{
	position:absolute;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #fff;
	padding:5px 0;
	font:normal 14px/15px Arial!important;
	color:#333333;
	top:70px;
	right:2px;
	background-color:#fff;
	width:72px;
	text-align:center;
}
.adduser
{
	color:#FD6C44!important;
	font:normal 14px/15px Arial!important;
	position:absolute;
	top:120px;
	left:682px;
}
.adduser2
{
	color:#FD6C44!important;
	font:normal 14px/15px Arial!important;
	position:absolute;
	top:150px;
	left:682px;
}

.checkboxlist label 
{
	margin-left: 7px; 
}

.role-mapping {
margin-bottom:5px;
font-size: 10px;
color: #666;
background: whiteSmoke;
padding: 5px;
border: 1px solid #EEE;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
}

.fieldset-intro
{
	margin:10px 0;
	color:#556989;
}
.admin-side-module select
{
	background-color:#ffffff;
	border:1px solid #464646;
}
.arrowLink
{
	font:normal 12px/15px Arial;
	color:#FD6C44;
	display:inline-block;
	margin:10px 0 0 0;
	cursor:pointer;
}
.arrowLink:hover
{
	font:normal 12px/15px Arial;
	color:#000;
	display:inline-block;
	margin:10px 0 0 0;
	cursor:pointer;
}
.admin-action-buttons
{
	overflow:hidden;
}
/*----------------- Misc ------------*/
.noTopMargin
{
	margin-top:0!important;
}

/* set radio lists to have decimal numbers */
ol.radio-list{
 list-style-type:decimal;
 margin-left:30px;
 margin-bottom:15px;
}



/*.. except on enrolment form */
#patient-edit ol.radio-list,
.patient-fields ol.radio-list{
 list-style-type:none;
 margin-left:0;
 margin-top:-10px;
}

/** LIkert overrides */
/* Grey line between items*/
ol.likert:before {
    content: '';
    position: relative;
    top: 9px;
    left: 4.5%;
    display: block;
    background-color: #ccc;
    height: 4px;
    width: 89%;
}
/* No focus background*/
div.form .likert .focused {
    background: inherit;
}

/* Move & float radio button*/
ol.likert input.field.radio {
    display: block;
    left: 50%;
    position: relative;
    top: -2px;
    margin-left: -4px;
}
/* Set the line item width appropriate (default 5-point scale)*/
ol.likert li {
    display: inline-block;
    width: 19%;
    text-align: center;
    vertical-align: top;
}
ol.likert.likert-2 li {
    width:49%;
}
ol.likert.likert-3 li {
    width:33%;
}
ol.likert.likert-4 li {
    width:24%;
}
ol.likert.likert-6 li {
    width:16%;
}
ol.likert.likert-7 li {
    width:14%;
}
ol.likert.likert-8 li {
    width:12%;
}
ol.likert.likert-9 li {
    width:11%;
}
ol.likert.likert-10 li {
    width:10%;
}
ol.likert.likert-11 li {
    width:9%;
}
.jqmOverlay { background-color: #444; }

/* set radio liststo have no numbers */
ol.radio-list{
 list-style-type:none;
 margin-left:1px;
}
li.radio-list-option {
    line-height: 16px;
}
input.field.radio {
    margin-right: 2px;
    vertical-align: text-top;
    min-width:initial;
}



#patient-edit li.horizontal ol.radio-list li.radio-list-option,
.patient-fields li.horizontal ol.radio-list li.radio-list-option,
#call-script-app li.horizontal ol.radio-list li.radio-list-option{
 float:left;
}

#call-script-app li.horizontal>label {
    display: block;
    padding: 5px 0;
}

.datepick-trigger {
    margin-right: 8px;
}
#patient-view #details-tab table td {
    max-width: 180px;
}

#patient-view #details-tab table td.lb {
    width: 1%;
}



#call-script-app li.horizontal input.text, 
#call-script-app li.horizontal input.phone, 
#call-script-app li.horizontal select.full, 
#call-script-app li.horizontal input.email
{
    width: 150px;
}


.conceal{
    display:none;
}

.selected{
    background-color: #6F82A3;
}

/* -- used on right hand action panels --*/
.InlineForm{
    background:#aaa;
    color:#555;
    font-size:0.8em;
    padding:5px;
}
.InlineForm td{
    padding-left:8px;
    
}



.InlineForm input.full, .InlineForm select.full{
    width:180px;
} 

.InlineForm input.half{
    width:50px;
} 

.InlineForm button{
    padding:1px 10px 1px 7px;
}
.InlineForm a:hover{
    background:none;
}

.InlineForm p{
	padding-bottom: 3px;
	overflow: auto;
}

div.AddPanelRight{
	float:right !important; 
	width: 200px !important;
}

/* SCript Designer - Field definer*/
#field-designer{
    font-size:11px;
    color:#333;
}
#field-designer th{
    padding-right:10px;
}
#field-designer td{
    padding-top:5px;
}
#field-designer #new-field-options ul,#field-designer .fieldDisplayMode ul{
    list-style:none;
    display:block;
    padding-top:10px;
    
}

#field-designer #new-field-options .new-field-option-val {
width:5em;
}
#field-designer #new-field-options .optHeader {
display:none;
font-weight:bold;
}
#field-designer #new-field-options .optHeader span{
margin-right:3em;
}


/* Special style for guardian field codes */
input.gmerge{
    border: none;
    background: #EEE;
    background-image: url(/media/img/data-field-icon.gif);
  
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-left: 16px;
    font-size: 10px;
    color: #555;
    width: 150px;
}

#field-designer #new-field-options li{
    padding:5px 5px 5px 0;
    
}
#new-field-options .select{
    visibility:hidden;
}
#field-designer th{
text-align:right;
}
#field-designer .highlight td,#field-designer .highlight th{
    border-bottom:2px solid #fff;
    padding: 3px 8px 3px 2px;
    background:#eee;
}
#field-designer table{
    border-collapse:collapse;
    margin-bottom:10px;
}
#field-designer .define, .define{
    width:200px;
    height:20px;
}

#new-field-options {
    vertical-align:top;
}
#new-field-preview{
    text-align:left;
    padding:10px;
}

#new-field-buttons{
    clear:both;
    padding-top:10px;
    border-top:1px solid #FD6C44;
}

.ghost-input{
    cursor:pointer;
    opacity:0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);	
}

#ui-blocker{
 position:absolute;
 display:none;
 background:#fff;
 opacity:0.5;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
 filter: alpha(opacity=50);	
 text-align:center;
 padding-top:50px;
}

/* ------ INLINE POPUPS -------------------------------- */

.Guardian-inlinePopup{
    position:absolute;
    top:300px; left:300px;
    padding-bottom:13px;
    display:block;
    z-index:5000;
    cursor:pointer;
}
.Guardian-inlinePopup .Guardian-inlinePopupContent {
	width:100%; 
	background:#ee0101;
	color:#fff;
	width:150px;
	font-family:tahoma;
	font-size:11px;
	border:2px solid #ddd;
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	padding:4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.greenPopup .Guardian-inlinePopupContent {background:#33be40;}

.blackPopup .Guardian-inlinePopupContent {background:#393939;color:#FFF;}

.Guardian-inlinePopup .Guardian-inlinePopupArrow{
	width:15px;
	margin:-2px 0 0 13px;
	z-index:5001;
}
.Guardian-inlinePopup .Guardian-inlinePopupArrowBottom{top:0;margin:-6px;}

	.Guardian-inlinePopup .Guardian-inlinePopupArrow div{
		border-left:2px solid #ddd;
		border-right:2px solid #ddd;
		box-shadow: 0px 2px 3px #444;
		-moz-box-shadow: 0px 2px 3px #444;
		-webkit-box-shadow: 0px 2px 3px #444;
		font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
	}
		.Guardian-inlinePopup .Guardian-inlinePopupArrowBottom div{
			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
		}
		
	.greenPopup .Guardian-inlinePopupArrow div{background:#33be40;}
	.blackPopup .Guardian-inlinePopupArrow div{background:#393939;color:#FFF;}

	.Guardian-inlinePopup .Guardian-inlinePopupArrow .line10{width:15px;border:none;} 
	.Guardian-inlinePopup .Guardian-inlinePopupArrow .line9{width:13px;border:none;} 
	.Guardian-inlinePopup .Guardian-inlinePopupArrow .line8{width:11px;} 
	.Guardian-inlinePopup .Guardian-inlinePopupArrow .line7{width:9px;} 
	.Guardian-inlinePopup .Guardian-inlinePopupArrow .line6{width:7px;} 
	.Guardian-inlinePopup .Guardian-inlinePopupArrow .line5{width:5px;} 
	.Guardian-inlinePopup .Guardian-inlinePopupArrow .line4{width:3px;} 
	.Guardian-inlinePopup .Guardian-inlinePopupArrow .line3{width:1px;
		border-left:2px solid #ddd;
		border-right:2px solid #ddd;
		border-bottom:0px solid #ddd;} 
	.Guardian-inlinePopup .Guardian-inlinePopupArrow .line2{width:3px;border:none;background:#ddd;}
	.Guardian-inlinePopup .Guardian-inlinePopupArrow .line1{width:1px;border:none;background:#ddd;}  
	
/* Page Alerts */
#global-alert{   
  text-align:center;  
  display:none;  
}
.alert-wrapper{    
    z-index:99;
}

.alert-wrapper .top, .alert-wrapper .bot {  
 border-bottom:3px solid transparent;
 border-top:3px solid transparent;
 border-left:3px dotted transparent;
 border-right:3px dotted transparent;
 line-height:100%; 
}
.alert-wrapper .top{
 border-bottom-color:#FFCCCC;
}
.alert-wrapper .bot{
 border-top-color:#FFCCCC;
}

.alert-wrapper .message{  
    padding:0 7px;
    background:#FFCCCC;    
    
}
.alert a{
 color:#ff3333;
 /*text-decoration:underline; it makes Alerts text default underlined so closed*/
}

/* alternate alert styles #1 - info*/
.alert-wrapper.info .top{
  border-bottom-color:#bbeebb;
} 

.alert-wrapper.info .bot{
    border-top-color:#bbeebb;
} 

.alert-wrapper.info .message{
    background-color:#bbeebb;
} 

/* alternate alert styles #2 - fatal */
.alert-wrapper.fatal .top{
  border-bottom-color:#FF3333;
} 

.alert-wrapper.fatal .bot{
    border-top-color:#FF3333;
} 

.alert-wrapper.fatal .message{
    background-color:#FF3333;
    color:White;
}
.alert-wrapper.fatal alert a{
 color:Black;
}

.section .top .actionLink{
    font-size:smaller;
    cursor:pointer;
}

/*make all section divs scroll after 400px*/
.section>div:nth-child(2) {
    max-height: 400px;
    overflow-y: auto;
    clear:both;
}

.section div.noscroll {
     max-height:none;
     overflow-y:inherit;
}

.data-records .disabled td,.data-records .disabled td a{
    color:#999;
}

.select-columns-table th, .select-columns-table td { vertical-align:top;  }
.select-columns-table th { padding-top:9px;  }
.select-columns-table tr td:last-child { padding-top:9px;  }

.report-panel td{
 padding:3px;
}

.report-sideheader{
padding-top:3px;
padding-bottom:4px;
}

.tdash{
 border-top:1px dashed #ccc;
 line-height:10px;
 margin-top:10px;
}

.report-panel .even td,.report-panel .odd td{
	color:#666;
}

.report-panel .even td a,.report-panel .odd td a{
	color:#556989;
	text-decoration:underline;
 
}

.report-dashboard .footnote{
	color:#555;
	font-style:italic;
	font-size:small;
	padding-top:5px;
}

.report-dashboard h2{
	font-size:larger;
}

#adverse-event-form td{
	width:300px;
	white-space:normal;
}

#adverse-event-form span.report-sub-label{
	width:50px;
	display:block;
	float:right;
	font-style:italic;
}


#adverse-event-form .report-value input,#adverse-event-form .report-value textarea{
 width:180px;
}


#patient-edit div label.for-choice,#patient-edit span label.for-choice,
.patient-fields div label.for-choice,.patient-fields span label.for-choice{
    display:inline;
    padding-left:5px;
}

h2 span.header-button{   
    position:absolute;
    top:5px;
    right:3px;
    height:25px;
    width:25px;
    border:1px solid #ff9900;
    cursor:pointer;
}

.excel-export-button  
{
	position:relative; 
    height:25px;
    width:25px;
    border:1px solid #ff9900;
    cursor:pointer;
}

span.excel-export{
    background:url(/media/img/excel-export.gif);
}

/*css to show repeat icon tool tip*/
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none
}

a.info:hover{z-index:25; }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #b2b2b2;
    background-color:#f3f3f3; color:#666666;
    text-align: center
}

/*css to show repeat icon tool tip*/


.report-module.chart{
    padding-top:8px;
}

.report-module-footer{
 margin-top:8px;
 font-style:italic;
 padding-left:5px;   
}

/*start Patient Data Editor Page*/
.spacer{
clear:both; border:none; outline:none; font-size:0px; line-height:0px;
}

.bottom-buttons{
overflow:hidden;
padding: 20px 40px 0pt 0pt;
text-align: right;
}

.dataEditorSec{
overflow:hidden;
padding:0 10px 0;
}
.dataEditorSec_leftPan{
width:221px; 
height:430px;
float:left;
overflow-x:hidden; 
overflow-y:scroll;
border-right:#ccc solid 2px;
}
.dataEditorSec_midPan{
/* width:208px;  */
width:auto;
height:430px;
float:left;
overflow-x:hidden; 
overflow-y:scroll;
border-right:#ccc solid 2px;
}
.dataEditorSec_rightPan{
height:430px;
/*background:#666;*/
font:normal 12px/18px Arial; text-align:left; color:#595959;
}

.dataEditorSec_rightPan button {
        margin-right:10px;
}

/*start Left Pan*/
div.dataListHeader{
    font-size: x-small; 
    padding-top: 6px; 
    color: #888;
}
ul.dataList{
display:block;
list-style-type:none;
border-right:#ebe1d8 solid 1px;
}
ul.dataList li{
list-style-type:none;
display:block;
}
ul.dataList li a{
height:25px;
list-style-type:none;
display:block;
padding:0 0 0 10px;
font:normal 12px/25px Arial; text-align:left; text-decoration:none; color:#595959;
}
ul.dataList li a:hover, ul.dataList li a.current{
color:#000; background:#c5cde0;
}
ul.dataList li a span.counter{
width:40px;
float:right;
font:normal 12px/25px Arial; text-align:center; text-decoration:none; color:#595959;
}
ul.dataList li a:hover span.counter, ul.dataList li a.current span.counter
{
color:#fff; background:#556989;
}

ul.dataList li span.truncate {
width: 78%;
overflow: hidden;
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;    
}

.borderBottom{border-bottom:#d0d0d0 solid 1px; }

.dataDetails{
width:208px;
float:left;
}
.dataDetails a{
display:block;
padding:0 0 0 28px;/*EDIT 060411*/
font:normal 12px/25px Arial; text-align:left; text-decoration:none; color:#595959;
}
.dataDetails a:hover, .dataDetails a.current{
color:#fff; background:#556989;
}

/*EDIT 060411*/
.dataDetails a.hd{
padding:0 0 0 6px; font-weight:bold;
}
/* Placeholder for field group icon (icon set by Guardian.DataDesigner.PopulateFieldsResponse)*/
.dataDetails a.hd span{
 margin-left :-4px; margin-top:4px;
	float:left;
}
.dataDetails a.hd:hover span{
	background-color:#556989;
font-weight:bold; color:#fff;
}
/*EDIT 060411*/

.dataDetails_left{width:204px; float:left;}
/*end Left Pan*/

/*start Right Pan*/
.floatRight{
float:right!important;
}
.nomarginRight{margin-right:0!important; }
.greyBox{
padding:5px 10px;
overflow:hidden;
background:#f3f3f3;
}
.contentArea{
padding:10px 10px;
overflow:hidden;
font:normal 13px/18px Arial; text-align:left; color:#595959;
}

.FieldsHighlight{
	
	padding:10px 5px 10px 15px; margin-top:18px;
	background:#f3f3f3;
	overflow:auto;
	height:270px;
}

#ulGroupList li
{
    font-weight:bold;
}

#ulGroupList li span{
width:9px; height:8px;
margin-right:8px; margin-top:8px;
float:left;
background:url(../img/fm.png) 0 0 no-repeat; 
}

ul.dataList li a.searchUnused {
    display: inline;
    font-size: smaller;
    float: right;
    padding-right: 5px;
}

.FieldsHighlight .selectedDataField, #ulGroupList .selectedGroup
{
    border:#FD6C44 solid 2px; 
    display:block;
}


.contactDetails label{
	width:226px;
	float:left;
	font-weight:normal;
}




.contactDetails .inputBox{
	width:168px;
	float:left;
	margin-bottom:6px;
	padding:2px 5px;
	line-height:12px;
	border:#000 solid 1px;
	background:#fff;
}

.contactDetails .selectArea{
	width:180px;
	height:22px;
	float:left;
	margin-bottom:8px;
	border:#000 solid 1px;
	background:#fff;
}

.contactDetails textarea
{
	width:220px !important;
}
/*end Right Pan*/
.contactinfo
{
	padding:10px 15px;
	margin-top:18px;
	background:#f3f3f3;
	height:60px; 
}

.contactinfo div
{
	float:left;
	/*width:233px;*/
}

.contactinfoout
{
	 overflow-x:scroll;
	 overflow-y:hidden;
	 width:500px;
}
.contactinfo div .inputArea
{	width:auto;
	float:left;
}
.contactinfo_area{
	float:left;
	width:172px;
	margin-right:30px;
}
.contactinfo label
{
	float:left;
	font-weight:normal;
	margin-right:10px;
	margin-bottom:5px;
}
.contactinfo .inputArea
{
	float:left;
	padding:0px 0;
	border:#FD6C44 solid 2px; 
}

.contactinfo .inputBox{
	width:168px;
	float:left;
	margin-bottom:2px;
	padding:2px 5px;
	line-height:12px;
	border:#000 solid 1px;
	background:#fff;
}

.contactinfo .selectArea{
	width:180px;
	height:22px;
	float:left;
	margin-bottom:2px;
	border:#000 solid 1px;
	background:#fff;
}



/*end Patient Data Editor Page*/


/*start Manage Patient relationships Edit Join*/
.marginRight{margin-right:45px; }
.columnBox{
width:267px; 
float:left; margin-bottom:15px;
font:bold 13px/18px Arial; text-align:left; color:#000;
}
.columnBox ul{
height:80px;
margin-top:5px;
list-style-type:none; display:block;
border:#000 solid 1px;
overflow-x:hidden; overflow-y:scroll;
}
.columnBox ul li{
list-style-type:none; display:block;
padding:0 5px; margin-bottom:3px;
font:normal 12px/18px Arial; text-align:left; color:#999;
}
.columnBox ul li a{
display:block;
font:normal 12px/18px Arial; text-align:left; text-decoration:none; color:#999;
}
.columnBox ul li a:hover{text-decoration:none; color:#333; }

.columnBox ul li a:hover, .columnBox ul li a.current{
color:#fff; background:#556989;
}
.divheading
{
font:bold 13px/18px Arial; text-align:left; color:#000;
}
.divnote
{
	font:italic 9px/18px Arial; text-align:left; color:#000;
	padding:0 40px;
}
.divbutton
{
	float:right;
}
.columnbox1
{
	padding : 10px 0;
	margin-bottom:15px;
}
.columnbox1 label
{
	width:150px;
	font:bold 13px/18px Arial; text-align:left; color:#000;
	float:left;
	margin-bottom:15px;
}
.columnbox1 .inputbox
{
	width:100px;
	height:22px;
	padding:0 5px;
	border:#000 solid 1px;
	background:#fff;
	font:normal 13px/22px Arial; text-align:left; color:#000;
	margin-bottom:10px;
	}
	.columnbox1 .selectbox
{
	width:210px;
	
	padding:2px 5px 2px 2px;
	border:#000 solid 1px;
	background:#fff;
	font:normal 13px/22px Arial; text-align:left; color:#000;
	margin-bottom:10px;
	}


/*start Container Same*/
.heading{
width:90%;
margin:0 auto;
}
.heading .leftPan{
width:260px; float:left;
font:bold 12px/18px Arial; text-align:center; color:#000;
}
.heading .rightPan{
width:260px; float:left;
font:bold 12px/18px Arial; text-align: center; color:#000;
}

.jointoBg{
width:77px; height:56px;
position:absolute; top:10px; left:230px; z-index:1;
background:url(../img/bg_joinTo.gif) 0 0 no-repeat;
}

.container2 {
width:90%;
margin-top:10px; margin:0 auto;
position:relative; overflow:hidden;
border:#000 dotted 1px;
min-height : 76px;
}
.container1 {
width:100%;
float:left;
min-height:75px;
border-right:#000 dotted 1px;
position:relative; right:50%;
}
.container_col1 {
width:42%;
padding:10px 0 10px 10px;
float:left; overflow:hidden;
position:relative; left:50%;
/*border:#000 solid 1px;*/
}
.container_col2 {
width:40%;
padding:10px 0;
float:left; overflow:hidden;
position:relative; left:65%;
/*border:#000 solid 1px;*/
}

.container_col1 ul{
list-style-type:none;
display:block;
}
.container_col1 ul li{
list-style-type:none;
display:block;
margin-bottom:4px;
font:normal 13px/16px Arial; text-align:left; color:#333;
}

.container_col1 ul li a:hover{text-decoration:none; color:#333; }


.container_col2 ul{
list-style-type:none;
display:block;
}
.container_col2 ul li{
list-style-type:none;
display:block;
margin-bottom:4px;
font:normal 13px/16px Arial; text-align:right; color:#333;
}
.container_col2 ul li a:hover{text-decoration:none; color:#333; }

/*end Container Same*/

/*end Manage Patient relationships Edit Join*/

.patient-list .withdrawn td
{
    font-style:italic;
    text-decoration:line-through;
}
.patient-list .ui-icon
{
    float:left;
    margin-left:-22px;
}
#AdverseEventList .actionLink
{
	color: #FD6C44;
	text-decoration: none;
	cursor:pointer;
}
#AdverseEventList .actionLink:hover
{
    background:#FD6C44;
    color:White;
    
}

.GuardianTableFilterLabel
{
    font-size:smaller;
}


#MessagePopup label
{
    font-weight:normal;
}

.BlankSlate .callToAction
{
 border-top: 1px solid rgb(111, 130, 163); 
 border-bottom: 1px solid rgb(111, 130, 163); 
 background: rgb(218, 225, 241);   
 color:#444;
 text-align:center;
 padding:5px;
}

.BlankSlate .callToAction .actionLink
{
 
    padding:3px;
    font-size:larger;
}

/* -- LIQUID LAYOUT (CK - Experimental) */
/*
container
{
	width: 100%;
}
.template1 #content
{
	width: 70%;	
}
.template1 #sidebar
{	
	width: 20%;
}
.template2 #content
{
	width: 100%;	
}
.leftboxSec
{
	width:21%;
}
*/

/* jQ ui Autocomplete styling*/
.ui-autocomplete
{
    font-size:0.9em;
    background:#fafafa;
}

.ui-autocomplete .def
{
    font-size:0.7em;
    color:#555;
}
.results a
{
    color:Blue;
    border-bottom:1px dotted blue;
}

/* Inline help system */
div.help {
    display: inline-block;
    width: 14px;
    margin: -1px 0;
    height: 14px;
    background: url("data:image/gif;base64,R0lGODlhDAAMAMQAAAAAAP////T4/ujx/ery/UKP7k6W71CX71KY71Sa8Gak8XGr8nWu83ev83qv83ux83yx832y85XA9aHH96rN+KvO+KzO+K3O+LnV+cTc+tDj+9Xm+////wAAAAAAAAAAACH5BAEAABwALAAAAAAMAAwAAAVKIMcRVoMgjUWI3BYVcOxs41tIGqbAEQkvgshkECv9XopAzBQrKASX2KmZyTRRzUYia2lqdkWCrbAwxHqtRxMGoYkIFcbhwKCsOCEAOw==") center bottom no-repeat;
    opacity: 0.33;
}
a.help{    
    border-bottom:1px dashed #fd6c44;
}

div.help:hover
{
    opacity:1;
}
a.help div,
div.help div {
  display: none;
}

#helpTooltip 
{
    visibility:hidden;
  z-index: 4000;
  position: absolute;
  background: #e8eaef;
  padding: .3em;
  max-width: 30em;
  -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.33);
  border: 1px solid #593500;
  border-radius: 0;
  line-height: 140%;
  font-size: 92%;
}

#helpTooltip p {
  margin: 0;
  padding:0.3em 0 0.3em 0;
  
}

.largeText
{
	font-size: larger;
}

.smallText
{
	font-size: 11px;
}

#script-questions .smallText{
    white-space:nowrap;
}

#script-questions .formula{
    display: block;
    margin-top: 10px;
}

/* CMS NAVIGATION */
ul#cms-navigation
{
	list-style-type: none;
	height: 40px;
	margin-left: 40px;
}
ul#cms-navigation li
{
	display: inline;
	font-weight: bold;
    font-size: 12px;
}
ul#cms-navigation li a
{
    display: block;
    float: left;
    height: 40px;
	padding-right:18px;
    text-decoration: none;
}
ul#cms-navigation li a:hover
{
    text-decoration: underline;
}
ul#cms-navigation li.active a
{
    padding-right: 18px; /* sliding doors padding */
	color: #333333;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color:White;
	border-bottom:none;
	margin-bottom:-1px;
}
ul#cms-navigation li a span
{
    display: block;
    line-height: 30px;
    padding: 5px 0 5px 18px;
}
ul#cms-navigation li.active a:active
{
	background-position: bottom right;
    outline: none;  /*hide dotted outline in Firefox */
}
ul#cms-navigation li.active a:hover
{
	text-decoration: none;
}
ul#cms-navigation li.active a:active span
{
	background-position: bottom left;
}
ul#cms-navigation li.active a
{
    padding-right: 18px; /* sliding doors padding */
	color: #333333;
}
ul#cms-navigation li.current a
{
    padding-right: 18px; /* sliding doors padding */
	color: #333333;
}
ul#cms-navigation li a span
{
    display: block;
    line-height: 30px;
    padding: 5px 0 5px 18px;
}
ul#cms-navigation li.current a:active
{
	background-position: bottom right;
    outline: none;  /*hide dotted outline in Firefox */
}
ul#cms-navigation li.current a:hover
{
	text-decoration: none;
}
ul#cms-navigation li.current a:active span
{
	background-position: bottom left;
}

.btnremove
{  
    color: #d2232a!important;
    font-size:13px;
    text-decoration:underline!important;
    float:left;
    margin-left:137px;
}
.btnremove:hover
{
    color:#000!important;
}

	
.subtaskRightpanel
{
    float:left;
	border: 1px solid #ccc;
	padding: 4px;
}
/* Workflow */
.movepanel
{
    height: 28px;
    margin-left: 120px;
    margin-top: -25px;
    width: 60px;
}


.noborder td
{
    border:none!important;
}


/* Edit roles*/
.GuardianPopupContent .roleEditForm {width:100%}
.GuardianPopupContent .roleEditForm td { padding:6px}
.GuardianPopupContent .roleEditForm .roleFunctions{ margin:6px;}
.GuardianPopupContent .roleEditForm li {margin-bottom:4px; color:#666;list-style:none} 
.GuardianPopupContent .roleEditForm input{ 
    vertical-align: bottom;
    margin-bottom: 1px;
}
.GuardianPopupContent .roleEditForm .roleUsers{ 
    vertical-align: bottom;
    margin-bottom: 1px;
    margin-left:18px;
    height:150px;
    overflow:auto;
    clear:both;
}
.GuardianPopupContent .roleEditForm .roleUsers .highlight{ 
    background:#eee;
}

.GuardianPopupContent .actEditForm .activities .highlight{ 
    background:#eee;
}

.GuardianPopupContent .roleEditForm label.desc{
    background: #ccc;
    display: block;
    margin: 0 10px 5px 0px;
    padding: 5px;
}

.GuardianPopupContent .actEditForm label.desc{
    background: #ccc;
    display: block;
    margin: 0 10px 5px 0px;
    padding: 5px;
}


.GuardianPopupContent .addUserControl{
display:none;

 
}
.GuardianPopupContent .addUserControl hr{
margin:3px 0 3px 0;
}

.GuardianPopupContent .addUserControl button{
    float:right;
}

/*  #repeatNav { margin-top:2px;  }   */

#repeatNav { clear:both;}

/*Workflow tasks*/
.taskwrapper{
	padding: 2px;
/*	border: 1px solid #FFDCA9; 	background:#eee;	*/
	margin-bottom: 10px;

}
.workflow #patient {padding:10px;font-size:1.8em}
.workflow .taskwrapper .content {padding-top:5px;background:white;border-radius:5px;clear:both;margin:5px}


/* -- Workflow stage navigation chevrons --- */
.workflow .taskwrapper .stageNav{list-style-type:none;width:100%;padding-left:8px;margin:4px;float:left;margin-bottom:8px;}
.workflow .stageNav li{display:table-cell;float:left;margin-left:-8px}
.workflow .stageNav.s2 .nav{width:417px;font-size:19px}
.workflow .stageNav.s3 .nav{width:270px;font-size:18px;}
.workflow .stageNav.s4 .nav{width:194px;font-size:17px}
.workflow .stageNav.s5 .nav{width:145px;font-size:14px;}
.workflow .stageNav .nav{text-align:center; display:block; background:#777; float:left; height:26px; padding:10px 15px 0 15px;color:white}

/* Chevrons - front and back*/
div.chevron{border-style: solid;/* chevron color */ border-color:transparent;border-left-color: #777;	border-width: 18px 0px 18px 10px;
	margin: 0;display:inline-block;float:left;}
div.back{border-color: #777;border-width: 18px 0 18px 10px;margin: 0;display: inline-block;border-left-color: transparent;}
/* Corner rounding for first and last*/
.workflow .stageNav li .nav:first-child {border-radius:5px 0 0 5px;}
.workflow .stageNav li .nav:last-child { border-radius:0 5px 5px 0;}

/*non-navigable/future navs*/
.workflow .stageNav li.future span,
#action-subtaskNavPanel li.future span{background:#eee;color:#999; box-sizing:content-box;}
.workflow .stageNav li.future div.chevron{border-left-color: #eee;}
.workflow .stageNav li.future div.back{border-color: #eee;border-left-color: transparent;}

/* Current nav */
.workflow .stageNav li.current .nav{background:#FD6C44;color:#f9f9f9}
li.current div.chevron{border-left-color: #FD6C44;}
li.current div.back{border-color: #FD6C44;border-left-color: transparent;}

/* Repeat nav*/

/*Gradients*/


/* ActionTask subtask navigation */
#action-subtaskNavPanel{float:left;clear:left;}
#action-subtaskNavPanel ul{list-style:none;}
#action-subtaskNavPanel li{margin-bottom:6px; position:relative;font-size:.9em;width: 190px;}
#action-subtaskNavPanel li a,#action-subtaskNavPanel li span{display: block;padding:4px; text-decoration: none;background:#777;border-radius:5px;color:white; height:20px;padding:6px 5px 5px 8px;font-size:1.2em;box-sizing:content-box;}
#action-subtaskNavPanel li.current span{background:#FD6C44;border-radius:5px 0 0 5px;color:#f9f9f9;box-sizing:content-box;}
#action-subtaskNavPanel li.current div.chevron{float:none;position:absolute;top:0;right:-10px;	border-width: 15px 0px 15px 10px;}
#action-subtaskNavPanel li .ui-icon{position:absolute;left:-7px;background-image: url(images/ui-icons_222222_256x240.png); top:-5px;background-clip: border-box;}

#action-subtaskNavPanel li a:hover,
.workflow .stageNav a.nav:hover{ color: #fd6c44;}

#divright{
float:right;
}

.for-lookup
{
	display: block;
}
.choicel
{
	float: left;
	padding-right: 10px;
}
input.subtask{width:95%}

.taskwrapper .rightpanel
{
    float:left;
	width:700px;
	font-size:.8em;
}
.taskwrapper .button-row
{   
	padding: 15px;
	clear:both;
    border-top:1px solid #ccc;
}
/* CK - not sure why this
.taskwrapper .rightpanel textarea
{   
	float:left;
    
}*/
.subtasklabel
{
text-align:left;
font-weight:bold;
font-size:1.1em;
color:#222;
margin-bottom:10px;
}

/* Workflow */
.movepanel
{
    height: 28px;
    margin-left: 120px;
    margin-top: -25px;
    width: 60px;
}

.tabular-form {
	width:90%;
    box-sizing:border-box;
}
.tabular-form *{
    box-sizing:border-box;
}
.tabular-form input,
.tabular-form select,
.tabular-form textarea
{
   border-radius:4px;
   padding:6px;
   min-width:170px;
   border:1px #ccc solid;
   width:100%;

}
.tabular-form input[type="checkbox"], .tabular-form input[type="radio"] ,.tabular-form input.small
{
   min-width:0px;
   margin-right:5px;
   width:auto;
}
.tabular-form select{   
   padding:3px;
   min-width:180px;
}


.tabular-form th{
 text-align:left;
 padding-right:20px;
 padding-bottom:2px;
}

.tabular-form td label{
clear:none;
}

.tabular-form td{
padding:3px;
}
div.clear{
	clear:both;	
}


#external-draft-message input{
 width:100%
}
#external-draft-message .message-draft-body{
   height:350px;
   overflow:auto;
}
#external-draft-message iframe{
   height:350px;
   width:630px;
}

#PageEditorHolder{
 margin-left:-10px;
 position:relative;
}

/* Reveal the button label in CKEditor */
#ckeditor-div .cke_guardian_field .cke_label{
 display:inline;
}

/* Hide bottom bar to avoid confusing users*/
#cke_bottom_detail,.cke_bottom{display:none}

/* Inline delete*/
.inline-delete {
width: 16px;
height: 16px;
background-image: url(images/ui-icons_222222_256x240.png);
background-position: -32px -208px;
background-clip: border-box;
display: inline-block;
}

.inline-delete:hover {
background-position: -80px -208px;
cursor: pointer;
}

#reports-content-block #chosen-fields {
width: 900px;
overflow-x: auto;
}
#reports-content-block #chosen-fields input {
width: 100px;
}

#reports-content-block #chosen-fields span{
  display: block;
  white-space: nowrap;
}

#notes-list td {
white-space: nowrap;
}
 #notes-list td.by {
        font-weight: bold;
        color:#666;
}
#notes-list td.comm {
        color:#666;
}

.ViewPatientNotes .NoteBody {
    color:#333;
    white-space:normal;
}
.ViewPatientNotes .NoteFrom {
    font-weight:bold;
}
.ViewPatientNotes .NoteDate {
    display:block;
    float:left;
    clear:left;
}

/* new datatables*/
.dataTables_processing, .dataTables_filter, .dataTables_length {
    position:absolute;
    top:6px;
}
.dataTables_filter {
    right:5px;
    top:5px;
}
.dataTables_length {
    right:220px;
}
.dataTables_info {    
    right: 70px;
    font-size: smaller;
    bottom: 45px;   
    float:left; 
} 
.dataTables_paginate {
    right:5px;
    bottom:45px;
    float:right;
}


.dataTables_paginate a {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    margin: 0;
    font-size: 100%;
    line-height: 130%;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    padding: 4px 8px;
  
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,0.05) 0 1px 0,rgba(0,0,0,0.05) 0 -2px 0 inset;
    -moz-box-shadow: rgba(0,0,0,0.05) 0 1px 0,rgba(0,0,0,0.05) 0 -2px 0 inset;
    box-shadow: rgba(0,0,0,0.05) 0 1px 0,rgba(0,0,0,0.05) 0 -2px 0 inset;
    background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(18,18,18,0.05)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(18,18,18,0.05) 100%);
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(18,18,18,0.05) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(18,18,18,0.05) 100%);
    -pie-background: linear-gradient(top,rgba(0,0,0,0) 0,rgba(18,18,18,0.05) 100%);
    background: linear-gradient(top,rgba(0,0,0,0) 0,rgba(18,18,18,0.05) 100%);
    background-color: #f8f8f8;
    border: 1px solid #cfcfcf;        
}
    
.dataTables_paginate a span.next {
    display: inline-block;
    height: 10px;
    width: 10px;
    background: url(/media/img/page-up.png) no-repeat center;
}

.dataTables_paginate a span.prev {
    display: inline-block;
    height: 10px;
    width: 10px;
    background: url(/media/img/page-down.png) no-repeat center;
}

.data-records td.expanded-group {
background: url("images/minus.jpg") no-repeat scroll left center transparent;
padding-left: 15px !important;
background-color:#ccc;
}

.data-records td.collapsed-group {
    background: url("images/plus.jpg") no-repeat scroll left center transparent;
padding-left: 15px !important;
background-color:#ccc;
}

#callsDue .slidePanel {
    position: absolute;
    top: 3px;
    width: 958px;
    height: 90%;
}


#callsDue .slidePanel .body{
    background: white;
    min-height:527px;
}


#callsDue #patient-info {
    margin-left: 10px;
    left: -958px;
    opacity:0;
}

#callsDue #action-info {
    right:-958px; 
    margin-right: 10px;
    opacity:0;
}

.slidePanel .body .overlay {
    background:white url(/media/img/ajax-inputload-white.gif) no-repeat;
    width:100%;
    min-height:567px;
    background-position:50%;
    position:absolute;
}
iframe.body {
    width:100%;
    height:100%;
    min-height:500px;
}

/* Button groups from Twitter Bootstrap*/

.bootbtn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  *margin-left: .3em;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  *zoom: 1;
}

.bootbtn-group:first-child {
  *margin-left: 0;
}

.bootbtn-group + .bootbtn-group {
  margin-left: 5px;
}
button.bootbtn, .bootbtn {
  display: inline-block;
  font-weight:normal;
  *display: inline;
  padding: 3px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    
  background-image:none;
  border-radius:0;
  -moz-border-radius: 0px;
-webkit-border-radius: 0px;
}

.bootbtn:hover,
.bootbtn:focus,
.bootbtn:active,
.bootbtn.active,
.bootbtn.disabled,
.bootbtn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.bootbtn:active,
.bootbtn.active {
  background-color: #cccccc \9;
}

.bootbtn:first-child {
  *margin-left: 0;
}

.bootbtn:hover,
.bootbtn:focus,
.bootbtn:hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.bootbtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.bootbtn.active,
.bootbtn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.bootbtn.disabled,
.bootbtn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}

.bootbtn .caret {
margin-top: 8px;
margin-left: 0;
}

.g1.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.g1.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.g1.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.g1.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
  font-size:0.9em;
}

.g1.dropdown-menu > li > a:hover,
.g1.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #bbb;
  background-image: -moz-linear-gradient(top, #bbb, #aaa);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bbb), to(#aaa));
  background-image: -webkit-linear-gradient(top, #bbb, #aaa);
  background-image: -o-linear-gradient(top, #bbb, #aaa);
  background-image: linear-gradient(to bottom, #bbb, #aaa);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#aaa', GradientType=0);
}

.g1.dropdown-menu > .active > a,
.g1.dropdown-menu > .active > a:hover,
.g1.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.g1.dropdown-menu > .disabled > a,
.g1.dropdown-menu > .disabled > a:hover,
.g1.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.g1.dropdown-menu > .disabled > a:hover,
.g1.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open {
  *z-index: 1000;
}

.open > .dropdown-menu {
  display: block;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}


.bootbtn-group > .bootbtn,
.bootbtn-group > .dropdown-menu,
.bootbtn-group > .popover {
  font-size: 14px;
}


[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../img/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.icon-arrow-back {
background-position: -240px -96px;
}

.icon-arrow-cancel {
    background-position: -457px -145px;
}

.icon-glass {
  background-position: 0      0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  width: 16px;
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}


.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  width: 16px;
  background-position: -384px -120px;
}

.icon-folder-open {
  width: 16px;
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}



/* -- END OF TWITTER BOOTSTRAP BUTTONS --- */

/* Nav tabs from twitter boostrap*/
.nav {
  margin-left: 0;
  margin-bottom: 20px;
  list-style: none;
}
.nav > li > a {
  display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li > a > img {
  max-width: none;
}
.nav > .pull-right {
  float: right;
}
.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.nav li + .nav-header {
  margin-top: 9px;
}
.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
  padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px;
}
.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.nav-tabs,
.nav-pills {
  *zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
  line-height: 0;
}
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}
.nav-tabs > li,
.nav-pills > li {
  float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li > a {
  margin-right: 0;
}
.nav-tabs.nav-stacked {
  border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}
.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.nav .dropdown-toggle .caret {
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}
/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}
.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999;
}
.tabbable {
  *zoom: 1;
}
.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0;
}
.tabbable:after {
  clear: both;
}
.tab-content {
  overflow: auto;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}
.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
.nav > .disabled > a {
  color: #999999;
}
.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}


/* -- END OF TWITTER bootstrap NAV-TABS */

/* -- END OF TWITTER TABS-panes */


/** Alerts from Twitter bootstrap*/
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.alert,
.alert h4 {
  color: #c09853;
}
.alert h4 {
  margin: 0;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
  height:15px;
}
.alert-success, .alert-Success  {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success h4 {
  color: #468847;
}
.alert-danger,
.alert-error,
.alert-Failure {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-danger h4,
.alert-error h4,
.alert-Failure {
  color: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-info h4 {
  color: #3a87ad;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 20px;
}
.close:hover, .close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
/* -- end of twitter alerts */

/* Panels from bootstrap */

.b3 .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.b3 .panel-body {
    padding: 15px
}

.b3 .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.b3 .panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.b3 .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.b3 .panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {
    color: inherit
}

.b3 .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.b3 .panel>.list-group,.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.b3 .panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.b3 .panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.b3 .panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.b3 .panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.b3 .list-group+.panel-footer {
    border-top-width: 0
}

.b3 .panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {
    margin-bottom: 0
}

.b3 .panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption {
    padding-right: 15px;
    padding-left: 15px
}

.b3 .panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.b3 .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.b3 .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.b3 .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.b3 .panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.b3 .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.b3 .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.b3 .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.b3 .panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.b3 .panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {
    border-top: 0
}

.b3 .panel>.table-bordered,.panel>.table-responsive>.table-bordered {
    border: 0
}

.b3 .panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
    border-left: 0
}

.b3 .panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
    border-right: 0
}

.b3 .panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0
}

.b3 .panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.b3 .panel>.table-responsive {
    margin-bottom: 0;
    border: 0
}

.b3 .panel-group {
    margin-bottom: 20px
}

.b3 .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.b3 .panel-group .panel+.panel {
    margin-top: 5px
}

.b3 .panel-group .panel-heading {
    border-bottom: 0
}

.b3 .panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.b3 .panel-group .panel-footer {
    border-top: 0
}

.b3 .panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.b3 .panel-default {
    border-color: #ddd
}

.b3 .panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.b3 .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.b3 .panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.b3 .panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.b3 .panel-primary {
    border-color: #337ab7
}

.b3 .panel-primary>.panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.b3 .panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #337ab7
}

.b3 .panel-primary>.panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.b3 .panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #337ab7
}

.b3 .panel-success {
    border-color: #d6e9c6
}

.b3 .panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.b3 .panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.b3 .panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.b3 .panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.b3 .panel-info {
    border-color: #bce8f1
}

.b3 .panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.b3 .panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.b3 .panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.b3 .panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.b3 .panel-warning {
    border-color: #faebcc
}

.b3 .panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.b3 .panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.b3 .panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.b3 .panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.b3 .panel-danger {
    border-color: #ebccd1
}

.b3 .panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.b3 .panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.b3 .panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.b3 .panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

/* --- END of panels from bootstrap */

.section .top .multi-select-arrow {
    position: absolute;
    width: 0px;
    height: -4px;
    border-color: transparent;
    border-style: solid;
    bottom: -14px;
    left: 6px;
    margin-left: -5px;
    border-top-color: #bbb;
    border-width: 15px 19px 0px;
}

.alert.thin {
    padding-top:2px;
    padding-bottom:4px;
}
.section .top .bootbtn-group {
    left: 5px;
    top: -9px;
    line-height: 32px;
}

.section .top .bootbtn-group > .bootbtn ,
.section .top .bootbtn{        
    font-size:12px;
    padding:1px 12px;

}

.section .top .bootbtn{    
    top: -7px;
}

.slidePanel .bootbtn.back {
    margin-top:-8px;
}

.top .multi-select-tools {
    display:none;    
    float:left;
    margin-right:4px;
    margin-top: -5px;
}
.bootbtn-group label {
    vertical-align:middle;
}
#rulesTable .masterselecta {display: none;}

svg text{
    font-size: 9px;
}

/* alt Style overrides*/s
button.bootbtn,.bootbtn {
  background-image: none;
  border: 1px solid #cccccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;  
  border-radius:2px;
  -moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
[class^="icon-"], [class*=" icon-"] {
    background: url(images/ui-icons_888888_256x240.png) no-repeat;
}
.icon-plus {
    background-position: -34px -130px;
}
.icon-extlink {
    background-position: -34px -84px;
}
.icon-new {
    background-position: -1px -194px;
}
.icon-script{
    background-position: -240px -130px;
}
.icon-tags

button{
    margin-right:10px;
}

#secondary-navigation [class^="icon-"] {
    background-image:none;
    width:0;
}


/** Bootstrap-based grid system*/

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12
 {
  position: relative;
  min-height: 1px;
  margin-right: 5px;
  margin-left: 5px;
}
.col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11 {
    float: left;
  }

.col-1 {
    width: 8.333333333333332%;
  }
  .col-2 {
    width: 16.666666666666664%;
  }
  .col-3 {
    width: 25%;
  }
  .col-4 {
    width: 33.33333333333333%;
  }
  .col-5 {
    width: 41.66666666666667%;
  }
  .col-6 {
    width: 50%;
  }
  .col-7 {
    width: 58.333333333333336%;
  }
  .col-8 {
    width: 66.66666666666666%;
  }
  .col-9 {
    width: 75%;
  }
  .col-10 {
    width: 83.33333333333334%;
  }
  .col-11 {
    width: 91.66666666666666%;
  }
  .col-12 {
    width: 100%;
  }
  .col-push-0 {
    left: auto;
  }
  .col-push-1 {
    left: 8.333333333333332%;
  }
  .col-push-2 {
    left: 16.666666666666664%;
  }
  .col-push-3 {
    left: 25%;
  }
  .col-push-4 {
    left: 33.33333333333333%;
  }
  .col-push-5 {
    left: 41.66666666666667%;
  }
  .col-push-6 {
    left: 50%;
  }
  .col-push-7 {
    left: 58.333333333333336%;
  }
  .col-push-8 {
    left: 66.66666666666666%;
  }
  .col-push-9 {
    left: 75%;
  }
  .col-push-10 {
    left: 83.33333333333334%;
  }
  .col-push-11 {
    left: 91.66666666666666%;
  }
  .col-pull-0 {
    right: auto;
  }
  .col-pull-1 {
    right: 8.333333333333332%;
  }
  .col-pull-2 {
    right: 16.666666666666664%;
  }
  .col-pull-3 {
    right: 25%;
  }
  .col-pull-4 {
    right: 33.33333333333333%;
  }
  .col-pull-5 {
    right: 41.66666666666667%;
  }
  .col-pull-6 {
    right: 50%;
  }
  .col-pull-7 {
    right: 58.333333333333336%;
  }
  .col-pull-8 {
    right: 66.66666666666666%;
  }
  .col-pull-9 {
    right: 75%;
  }
  .col-pull-10 {
    right: 83.33333333333334%;
  }
  .col-pull-11 {
    right: 91.66666666666666%;
  }
  .col-offset-0 {
    margin-left: 0;
  }
  .col-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-offset-3 {
    margin-left: 25%;
  }
  .col-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-offset-6 {
    margin-left: 50%;
  }
  .col-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-offset-9 {
    margin-left: 75%;
  }
  .col-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-offset-11 {
    margin-left: 91.66666666666666%;
  }

  /* Dashboard reporting*/
.dashboard {
    padding-top:10px;
}
.dashboard article {
    -webkit-box-shadow: #101214 0 0 8px;
    -moz-box-shadow: #101214 0 0 8px;
    box-shadow: #101214 0 0 8px;
    z-index: 1;
    background-color: #eeeee;
}

.dashboard article > header {
        background-color: #787878;
        text-transform: uppercase;
        padding: 16px 12px 16px 26px;
        font-weight: 700;
}

/* Action centre*/
a.navBtn {
    float:right;
    padding:0 12px;    
    margin-top:-4px;
}

#rulemap ul{
    padding-left:40px;
    list-style-type:disc;
    border:1px solid #eee;
}
#rulemap li{
    display:list-item;
}

.inProgress{
    color:#fd6c44;
    font-style:italic
}

/** GLYPHICONS*/
@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}
.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; color:#666;}
.glyphicon-asterisk:before{content:"\002a"}
.glyphicon-plus:before{content:"\002b"}
.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}
.glyphicon-minus:before{content:"\2212"}
.glyphicon-cloud:before{content:"\2601"}
.glyphicon-envelope:before{content:"\2709"}
.glyphicon-pencil:before{content:"\270f"}
.glyphicon-glass:before{content:"\e001"}
.glyphicon-music:before{content:"\e002"}
.glyphicon-search:before{content:"\e003"}
.glyphicon-heart:before{content:"\e005"}
.glyphicon-star:before{content:"\e006"}
.glyphicon-star-empty:before{content:"\e007"}
.glyphicon-user:before{content:"\e008"}
.glyphicon-film:before{content:"\e009"}
.glyphicon-th-large:before{content:"\e010"}
.glyphicon-th:before{content:"\e011"}
.glyphicon-th-list:before{content:"\e012"}
.glyphicon-ok:before{content:"\e013"}
.glyphicon-remove:before{content:"\e014"}
.glyphicon-zoom-in:before{content:"\e015"}
.glyphicon-zoom-out:before{content:"\e016"}
.glyphicon-off:before{content:"\e017"}
.glyphicon-signal:before{content:"\e018"}
.glyphicon-cog:before{content:"\e019"}
.glyphicon-trash:before{content:"\e020"}
.glyphicon-home:before{content:"\e021"}
.glyphicon-file:before{content:"\e022"}
.glyphicon-time:before{content:"\e023"}
.glyphicon-road:before{content:"\e024"}
.glyphicon-download-alt:before{content:"\e025"}
.glyphicon-download:before{content:"\e026"}
.glyphicon-upload:before{content:"\e027"}
.glyphicon-inbox:before{content:"\e028"}
.glyphicon-play-circle:before{content:"\e029"}
.glyphicon-repeat:before{content:"\e030"}
.glyphicon-refresh:before{content:"\e031"}
.glyphicon-list-alt:before{content:"\e032"}
.glyphicon-lock:before{content:"\e033"}
.glyphicon-flag:before{content:"\e034"}
.glyphicon-headphones:before{content:"\e035"}
.glyphicon-volume-off:before{content:"\e036"}
.glyphicon-volume-down:before{content:"\e037"}
.glyphicon-volume-up:before{content:"\e038"}
.glyphicon-qrcode:before{content:"\e039"}
.glyphicon-barcode:before{content:"\e040"}
.glyphicon-tag:before{content:"\e041"}
.glyphicon-tags:before{content:"\e042"}
.glyphicon-book:before{content:"\e043"}
.glyphicon-bookmark:before{content:"\e044"}
.glyphicon-print:before{content:"\e045"}
.glyphicon-camera:before{content:"\e046"}
.glyphicon-font:before{content:"\e047"}
.glyphicon-bold:before{content:"\e048"}
.glyphicon-italic:before{content:"\e049"}
.glyphicon-text-height:before{content:"\e050"}
.glyphicon-text-width:before{content:"\e051"}
.glyphicon-align-left:before{content:"\e052"}
.glyphicon-align-center:before{content:"\e053"}
.glyphicon-align-right:before{content:"\e054"}
.glyphicon-align-justify:before{content:"\e055"}
.glyphicon-list:before{content:"\e056"}
.glyphicon-indent-left:before{content:"\e057"}
.glyphicon-indent-right:before{content:"\e058"}
.glyphicon-facetime-video:before{content:"\e059"}
.glyphicon-picture:before{content:"\e060"}
.glyphicon-map-marker:before{content:"\e062"}
.glyphicon-adjust:before{content:"\e063"}
.glyphicon-tint:before{content:"\e064"}
.glyphicon-edit:before{content:"\e065"}
.glyphicon-share:before{content:"\e066"}
.glyphicon-check:before{content:"\e067"}
.glyphicon-move:before{content:"\e068"}
.glyphicon-step-backward:before{content:"\e069"}
.glyphicon-fast-backward:before{content:"\e070"}
.glyphicon-backward:before{content:"\e071"}
.glyphicon-play:before{content:"\e072"}
.glyphicon-pause:before{content:"\e073"}
.glyphicon-stop:before{content:"\e074"}
.glyphicon-forward:before{content:"\e075"}
.glyphicon-fast-forward:before{content:"\e076"}
.glyphicon-step-forward:before{content:"\e077"}
.glyphicon-eject:before{content:"\e078"}
.glyphicon-chevron-left:before{content:"\e079"}
.glyphicon-chevron-right:before{content:"\e080"}
.glyphicon-plus-sign:before{content:"\e081"}
.glyphicon-minus-sign:before{content:"\e082"}
.glyphicon-remove-sign:before{content:"\e083"}
.glyphicon-ok-sign:before{content:"\e084"}
.glyphicon-question-sign:before{content:"\e085"}
.glyphicon-info-sign:before{content:"\e086"}
.glyphicon-screenshot:before{content:"\e087"}
.glyphicon-remove-circle:before{content:"\e088"}
.glyphicon-ok-circle:before{content:"\e089"}
.glyphicon-ban-circle:before{content:"\e090"}
.glyphicon-arrow-left:before{content:"\e091"}
.glyphicon-arrow-right:before{content:"\e092"}
.glyphicon-arrow-up:before{content:"\e093"}
.glyphicon-arrow-down:before{content:"\e094"}
.glyphicon-share-alt:before{content:"\e095"}
.glyphicon-resize-full:before{content:"\e096"}
.glyphicon-resize-small:before{content:"\e097"}
.glyphicon-exclamation-sign:before{content:"\e101"}
.glyphicon-gift:before{content:"\e102"}
.glyphicon-leaf:before{content:"\e103"}
.glyphicon-fire:before{content:"\e104"}
.glyphicon-eye-open:before{content:"\e105"}
.glyphicon-eye-close:before{content:"\e106"}
.glyphicon-warning-sign:before{content:"\e107"}
.glyphicon-plane:before{content:"\e108"}
.glyphicon-calendar:before{content:"\e109"}
.glyphicon-random:before{content:"\e110"}
.glyphicon-comment:before{content:"\e111"}
.glyphicon-magnet:before{content:"\e112"}
.glyphicon-chevron-up:before{content:"\e113"}
.glyphicon-chevron-down:before{content:"\e114"}
.glyphicon-retweet:before{content:"\e115"}
.glyphicon-shopping-cart:before{content:"\e116"}
.glyphicon-folder-close:before{content:"\e117"}
.glyphicon-folder-open:before{content:"\e118"}
.glyphicon-resize-vertical:before{content:"\e119"}
.glyphicon-resize-horizontal:before{content:"\e120"}
.glyphicon-hdd:before{content:"\e121"}
.glyphicon-bullhorn:before{content:"\e122"}
.glyphicon-bell:before{content:"\e123"}
.glyphicon-certificate:before{content:"\e124"}
.glyphicon-thumbs-up:before{content:"\e125"}
.glyphicon-thumbs-down:before{content:"\e126"}
.glyphicon-hand-right:before{content:"\e127"}
.glyphicon-hand-left:before{content:"\e128"}
.glyphicon-hand-up:before{content:"\e129"}
.glyphicon-hand-down:before{content:"\e130"}
.glyphicon-circle-arrow-right:before{content:"\e131"}
.glyphicon-circle-arrow-left:before{content:"\e132"}
.glyphicon-circle-arrow-up:before{content:"\e133"}
.glyphicon-circle-arrow-down:before{content:"\e134"}
.glyphicon-globe:before{content:"\e135"}
.glyphicon-wrench:before{content:"\e136"}
.glyphicon-tasks:before{content:"\e137"}
.glyphicon-filter:before{content:"\e138"}
.glyphicon-briefcase:before{content:"\e139"}
.glyphicon-fullscreen:before{content:"\e140"}
.glyphicon-dashboard:before{content:"\e141"}
.glyphicon-paperclip:before{content:"\e142"}
.glyphicon-heart-empty:before{content:"\e143"}
.glyphicon-link:before{content:"\e144"}
.glyphicon-phone:before{content:"\e145"}
.glyphicon-pushpin:before{content:"\e146"}
.glyphicon-usd:before{content:"\e148"}
.glyphicon-gbp:before{content:"\e149"}
.glyphicon-sort:before{content:"\e150"}
.glyphicon-sort-by-alphabet:before{content:"\e151"}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}
.glyphicon-sort-by-order:before{content:"\e153"}
.glyphicon-sort-by-order-alt:before{content:"\e154"}
.glyphicon-sort-by-attributes:before{content:"\e155"}
.glyphicon-sort-by-attributes-alt:before{content:"\e156"}
.glyphicon-unchecked:before{content:"\e157"}
.glyphicon-expand:before{content:"\e158"}
.glyphicon-collapse-down:before{content:"\e159"}
.glyphicon-collapse-up:before{content:"\e160"}
.glyphicon-log-in:before{content:"\e161"}
.glyphicon-flash:before{content:"\e162"}
.glyphicon-log-out:before{content:"\e163"}
.glyphicon-new-window:before{content:"\e164"}
.glyphicon-record:before{content:"\e165"}
.glyphicon-save:before{content:"\e166"}
.glyphicon-open:before{content:"\e167"}
.glyphicon-saved:before{content:"\e168"}
.glyphicon-import:before{content:"\e169"}
.glyphicon-export:before{content:"\e170"}
.glyphicon-send:before{content:"\e171"}
.glyphicon-floppy-disk:before{content:"\e172"}
.glyphicon-floppy-saved:before{content:"\e173"}
.glyphicon-floppy-remove:before{content:"\e174"}
.glyphicon-floppy-save:before{content:"\e175"}
.glyphicon-floppy-open:before{content:"\e176"}
.glyphicon-credit-card:before{content:"\e177"}
.glyphicon-transfer:before{content:"\e178"}
.glyphicon-cutlery:before{content:"\e179"}
.glyphicon-header:before{content:"\e180"}
.glyphicon-compressed:before{content:"\e181"}
.glyphicon-earphone:before{content:"\e182"}
.glyphicon-phone-alt:before{content:"\e183"}
.glyphicon-tower:before{content:"\e184"}
.glyphicon-stats:before{content:"\e185"}
.glyphicon-sd-video:before{content:"\e186"}
.glyphicon-hd-video:before{content:"\e187"}
.glyphicon-subtitles:before{content:"\e188"}
.glyphicon-sound-stereo:before{content:"\e189"}
.glyphicon-sound-dolby:before{content:"\e190"}
.glyphicon-sound-5-1:before{content:"\e191"}
.glyphicon-sound-6-1:before{content:"\e192"}
.glyphicon-sound-7-1:before{content:"\e193"}
.glyphicon-copyright-mark:before{content:"\e194"}
.glyphicon-registration-mark:before{content:"\e195"}
.glyphicon-cloud-download:before{content:"\e197"}
.glyphicon-cloud-upload:before{content:"\e198"}
.glyphicon-tree-conifer:before{content:"\e199"}
.glyphicon-tree-deciduous:before{content:"\e200"}
.glyphicon-cd:before{content:"\e201"}
.glyphicon-save-file:before{content:"\e202"}
.glyphicon-open-file:before{content:"\e203"}
.glyphicon-level-up:before{content:"\e204"}
.glyphicon-copy:before{content:"\e205"}
.glyphicon-paste:before{content:"\e206"}
.glyphicon-alert:before{content:"\e209"}
.glyphicon-equalizer:before{content:"\e210"}
.glyphicon-king:before{content:"\e211"}
.glyphicon-queen:before{content:"\e212"}
.glyphicon-pawn:before{content:"\e213"}
.glyphicon-bishop:before{content:"\e214"}
.glyphicon-knight:before{content:"\e215"}
.glyphicon-baby-formula:before{content:"\e216"}
.glyphicon-tent:before{content:"\26fa"}
.glyphicon-blackboard:before{content:"\e218"}
.glyphicon-bed:before{content:"\e219"}
.glyphicon-apple:before{content:"\f8ff"}
.glyphicon-erase:before{content:"\e221"}
.glyphicon-hourglass:before{content:"\231b"}
.glyphicon-lamp:before{content:"\e223"}
.glyphicon-duplicate:before{content:"\e224"}
.glyphicon-piggy-bank:before{content:"\e225"}
.glyphicon-scissors:before{content:"\e226"}
.glyphicon-bitcoin:before{content:"\e227"}
.glyphicon-btc:before{content:"\e227"}
.glyphicon-xbt:before{content:"\e227"}
.glyphicon-yen:before{content:"\00a5"}
.glyphicon-jpy:before{content:"\00a5"}
.glyphicon-ruble:before{content:"\20bd"}
.glyphicon-rub:before{content:"\20bd"}
.glyphicon-scale:before{content:"\e230"}
.glyphicon-ice-lolly:before{content:"\e231"}
.glyphicon-ice-lolly-tasted:before{content:"\e232"}
.glyphicon-education:before{content:"\e233"}
.glyphicon-option-horizontal:before{content:"\e234"}
.glyphicon-option-vertical:before{content:"\e235"}
.glyphicon-menu-hamburger:before{content:"\e236"}
.glyphicon-modal-window:before{content:"\e237"}
.glyphicon-oil:before{content:"\e238"}
.glyphicon-grain:before{content:"\e239"}
.glyphicon-sunglasses:before{content:"\e240"}
.glyphicon-text-size:before{content:"\e241"}
.glyphicon-text-color:before{content:"\e242"}
.glyphicon-text-background:before{content:"\e243"}
.glyphicon-object-align-top:before{content:"\e244"}
.glyphicon-object-align-bottom:before{content:"\e245"}
.glyphicon-object-align-horizontal:before{content:"\e246"}
.glyphicon-object-align-left:before{content:"\e247"}
.glyphicon-object-align-vertical:before{content:"\e248"}
.glyphicon-object-align-right:before{content:"\e249"}
.glyphicon-triangle-right:before{content:"\e250"}
.glyphicon-triangle-left:before{content:"\e251"}
.glyphicon-triangle-bottom:before{content:"\e252"}
.glyphicon-triangle-top:before{content:"\e253"}
.glyphicon-console:before{content:"\e254"}
.glyphicon-superscript:before{content:"\e255"}
.glyphicon-subscript:before{content:"\e256"}
.glyphicon-menu-left:before{content:"\e257"}
.glyphicon-menu-right:before{content:"\e258"}
.glyphicon-menu-down:before{content:"\e259"}
.glyphicon-menu-up:before{content:"\e260"}


.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus,a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:focus,a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus,a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus,a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus,a.text-danger:hover {
    color: #843534
}

/* B3 Modal */
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}


/* Guardian override of b3*/
.modal-footer {
    padding: 5px 5px 0 5px;
}

/* Guardian workback of Bootstrap-wrapper classes*/
.bootstrap-wrapper .part-date-holder label{
    display:block;
}
/* BS field styles*/
textarea.field {
    height: auto;
}
input.field,
textarea.field,
select.field {
    padding: 4px 8px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    /*min-width: 220px;*/
    box-sizing: border-box;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input.check{
    min-width:initial;
}
select {
    padding: 3px;    
}

span.choice>label {
    font-weight: normal;
}

span.choice > label.for-dropdown {
    font-weight: bold;
}

/* Other field styles*/
.other-input {
  display:inline-block;
  margin-left:5px;
}
.other-input input{
  border:1px solid #ccc;
  border-width:0 0 1px 0;
  padding:5px;
  border-radius:0;
}
.other-input input:focus{
  border-bottom-color:#cd3208;
}
.GuardianPopup  .CodeMirror{
    height:150px;
    min-height:initial;
}
/* used to help hide any loose help blocks when group is valid*/
.b3-wrap .help-block.error-block{display:none;}
.b3-wrap .has-error .help-block.error-block {
    display: block;
    }

/** new modals*/
.b3-wrap table.table-noborder > tbody > tr > td,
.b3-wrap table.table-noborder > tbody > tr > th,
.b3-wrap .table.table-noborder > tbody + tbody {
    border: 0;
}
.modal-body {
    max-height: calc(100vh - 180px);
    overflow-y: auto;
}
.b3-wrap .GuardianPopup .modal-content {
    border: 0;
}

.b3-wrap .modal-header {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
.GuardianPopup .card-edit-field {
    background-color: #fff;
    border: 0 solid #eee;
    border-radius: 0;
    margin-bottom: 15px;
}

.GuardianPopup .card-edit-field .card-header:first-child {
        border-radius: 0 0 0 0;
}
.GuardianPopup .card-edit-field .card-header {
    padding: 0.5rem 1.25rem;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.GuardianPopup .card-edit-field .card-header h4{
        font-size: 1.05rem;
}
.GuardianPopup .card-edit-field .card-header .badge{
        margin-right:10px;
}

.GuardianPopup .card-edit-field .editor-toolbar{
        border-top: 0;
 }
.GuardianPopup .card-edit-field .editor-toolbar:before,
.GuardianPopup .card-edit-field .editor-toolbar:after{
    display:none;
}
.GuardianPopup .card-edit-field .editor-toolbar{   
border-left: 0;
border-right: 0;
border-bottom: 1px solid #bbb;
}
.GuardianPopup .card-edit-field .CodeMirror{
border: 0;
}
.GuardianPopup .GuardianPopupTitle h4 {
    font-size: 13px;
    color: #414042;
    font-weight: bold;
    font-family: Arial;
}
.GuardianPopup .modal-body table {
    margin-bottom:0;
}
/* Bootstrap 3-> 4 hacks (can be removed when b3 is removed and/or bootstrap.js is upgraded)*/
/* "in"=="show" in b4*/
.b4-wrap .collapse.in{
    display: block !important;
}

.b4-wrap .fade.in {
    opacity:1 !important;
}
.b4-wrap .nav-tabs .nav-link{
    margin-bottom:-1px;
}

.guardian-field-icon,
.guardian-field-icon:hover {
    background-image: url(/media/img/Guardian.gif);
    background-position: 6px 15px;
    background-size: 16px;
    background-repeat: no-repeat;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color:#000;
}
.modal-backdrop.in {
        opacity: .5;
}

.b3-wrap #MessagePopup .btn-link-cancel{
    color:gray;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}