html{
	font-size:100%;
}

body {
	font-family: "Arial",  "Verdana", "sans-serif";
	font-size: 0.75em;
	overflow:hidden;
}

/** ****************************************************************************
  * Top navigation
	* ****************************************************************************
  */
  
#bar .fa{
	//display:inline;
	font-size:1.3em;
}

/* in order that the silder is not in the user's profile */
#nav{
	z-index: 100;
}

#nav-refresh{
	position:absolute;
	/* top:10px !important;
	left:50% !important;*/
	top:10px ;
	left:50%;
  margin-left: -125px;
	width:250px;
	height:50px;
	text-align:center;
}

#nav-refresh a{
	margin: 10px 15px 0px 15px;
	padding:0px;
	width:auto;
	display:inline;
}

#nav-refresh .fa {
 color: #333333;
 font-size: 2em;
}

#nav-refresh .previous,#nav-refresh .next{
	color:#CCC;
}

#nav-refresh a:hover .fa{
	color:#17465b;
}

#nav-refresh .dimmed{	
	font-size:2em;
	color: transparent !important;
	cursor: default;
}



#tabs > div{
	padding:0px;
	padding-top:5px;
	margin:0px;
}

li.ui-state-default {
	background: transparent !important;
}

li.ui-tabs-active a{
	color: white !important;
}


/* wheel top message */
.ge-top-message{
	font-family: "Gill Sans Light";
  color: white;
  font-size: 16px;
  left: 50%;
  top:15px;
 	text-transform:uppercase;
  margin-left: -150px;
  position: absolute;
  text-align: center;
  width: 300px;
  z-index:100;
 	background-color: rgba(0,134,189,0.9);
 	border:0px;
}

/** ****************************************************************************
  * Bookmarks
	* ****************************************************************************
  */

#SaveProfile, #ClearProfile{
	float:right;
	margin:0px;
	padding:0px;
	padding-left:2px;
	padding-right:2px;
	margin-right:10px;
	font-size:1em;
}

#SaveProfile:hover, #ClearProfile:hover,#SaveProfile:hover .fa, #ClearProfile:hover .fa{
	color: white !important;
}

#nav-saved{
	color: #333;
}

#nav-saved hr{
	color: #bbb;
}


#nav-saved > ul{
	min-width:480px !important;
	width:480px !important;
	min-height:400px;
}


#nav-saved .top-link{
	padding:0px;
	font-size:1em;
	font-family: "Arial",  "Verdana", "sans-serif";
	font-weight: normal;
	color:#555;
}

#nav-saved-last{
	padding-left:5px;
}


#bookmarks,#dashboard{
	width:230px;
}

#bookmark-buttons{
	height:30px !important;
}

#dashboard fa{
	font-size:0.8em;
}

#bookmarks  .item, #dashboard .item{
	text-overflow: ellipsis;
	white-space: nowrap;
}


#bookmarks .nav-saved-image, #bookmarks .nav-saved-pin{
	background: url("/images/highcharts-sand.png") repeat scroll 0 0 #fff;
	z-index:10000;
	position:absolute;
	top:30px;
	right:0px;
	max-width:500px;
	margin:5px;
	padding:5px;
	border: 1px solid #eee;

-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;

	font-family: "Gill Sans Light";
	color: #333;
	 clip-path: rect(10px, 20px, 30px, 40px);
}

#bookmarks .nav-saved-image .fa, #bookmarks .nav-saved-pin .fa{
	color:#333 !important;
}


#nav-saved .delete{
	float:right;
}

#topLinkMenu > ul > li,#quickMenu > li{
	font-weight:0.9em;
	color:#555;
	padding-left:1em;
	border:1px solid transparent;
	white-space:nowrap;
}
#topLinkMenu > ul > li:hover,#quickMenu > li:hover{
	color:black;
	border:1px solid #333;
}
#topLinkMenu > ul > li .fa,#quickMenu > li .fa{
	width:1.5em;
	padding-top:3px;
	padding-bottom:3px;
}
#quickMenu{
	display:none;
	position:absolute;
	top:35px;
	background: white;
	padding:5px;
	border:1px solid #ccc;
	padding-top:20px;
}

/** ****************************************************************************
  * Dialog
	* ****************************************************************************
  */
.ui-widget-content {
	//border: 0px solid #aaa;
	color: #333;
}

.ge-modal{
	background: white;
	background: linear-gradient(0deg, #fff, #eee) repeat scroll 0 0 rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0, .7);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0, .7);
	box-shadow: 0 0px 0px rgba(0,0,0, .7);
}

.diag-studySite .ui-dialog-content,.diag-companyUsers .ui-dialog-content,.diag-uploadFile .ui-dialog-content{
	overflow:hidden;
}


.ge-restrict-diag .ui-dialog-content {
	overflow-y:scroll;
	max-height:450px;	
}

.diag-reportMask .ui-dialog-content{
	overflow:auto;
}    

.ge-diagConnote .ui-dialog-titlebar{
  padding-top: 2px !important;
}

.diag-aggLinks .ui-dialog-titlebar{
  padding-top: 2px !important;
}

/* RUN dialog */
.diag-reportPad .ui-dialog-titlebar{
	padding-top:2px !important;
	background:linear-gradient(to bottom, #aaa 40%, #bbb 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	color: #333333;
}

.diag-fullscreen .ui-dialog-titlebar{
}

.diag-fullscreen {
	border:0px;
	padding:0px;
	margin:0px;
}

.diag-ipad .ui-dialog{
	overflow: auto;
}

/** ****************************************************************************
  * UI
	* ****************************************************************************
  */
.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll; background:white; }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

.ui-dialog{
	background:white;
}

/* grids in Chrome scrolls on x */
.ui-jqgrid-bdiv{
	overflow-x:hidden !important;
}

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

.ui-dialog .ui-dialog-titlebar-expand {
   height: 18px;
   margin: -10px 0 0;
   padding: 1px;
   padding-top:3px;
   position: absolute;
   right: 2em;
   top: 50%;
   width: 19px;
}

.ui-dialog .ui-dialog-title{
	font-family: "Gill Sans";
	font-weight: normal;
	font-size:1.2em;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #fff;
  text-decoration: none;
}

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 0px solid #333333;  
}*/

.ui-tabs .ui-tabs-nav li {
   border-bottom: 0 none !important;
   float: left;
   list-style: none outside none;
   margin: 0 0.2em 1px 0;
   padding: 0;
   position: relative;
   top: 0px;
   white-space: nowrap;
}

/* menu */

/* ui-icon */
.ui-icon { width: 16px; height: 16px; background-image: url(/images/smart.png); }
.ui-widget-content .ui-icon {background-image: url(/images/smart.png); }
.ui-widget-header .ui-icon {background-image: url(/images/smart.png); }
.ui-state-default .ui-icon { background-image: url(/images/smart.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-icon:focus { background-image: url(/images/smart.png); }
.ui-state-active .ui-icon {background-image: url(/images/smart.png); }
.ui-state-highlight .ui-icon {background-image: url(/images/smart.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/smart.png); }



/* Bar */
.ui-widget-header,#silder{
  background: linear-gradient(to bottom, #AAA 40%, #BBB 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}



/* Loading image */
.ui-jqgrid .loading, #BlockWheel {
  background: url(/images/smart.gif);
  background-position: center;
  border-style: none;
  background-repeat: no-repeat;
  min-width:64px;
  height:64px;
  display:block;
}

.ui-jqgrid .loading{
	margin-left:32px;
}

/* Checkbox */
.icheckbox_flat-red, .iradio_flat-red {
	 background: url(/plugins/jcheck/skins/flat/flat.png) no-repeat;
}


/* tabs */
li.ui-tabs-active {
 	background: #333333 !important;
}

/* slider */
.ui-slider-handle{
	background: #333333 !important;
}



.ui-widget-header {
  border: 1px solid #AAAAAA;
  color: #333333;
  font-weight: bold;
}


/* Grid Display */
#list{
	font-size:1.0em;
}
.ui-jqgrid-titlebar{ 
	height:20px;
	font-size:1.2em;
	background: #eee url(/images/gradient.png) repeat-x 0 0px !important;
	color:#ff2900 !important;
}

#edithdlist{
	background: rgba(154, 154, 154, 0.9);
	color: #222;
}

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
}
/* List new layout */
#list{
	border-color:#eee;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	 
}
.ui-jqgrid tr.ui-row-ltr td {  
  border-right-color: #eee; 
  border-top-color: #eee;  
  border-bottom-color: #eee;  
}

.row-button .row-button-td{
	padding-left:2px;
	padding-right:2px,
}

.ui-jqgrid-hbox,#pg_list_toppager,#tb_list,.ui-th-column{
	background: white !important;
}



#CreateBooking,#UpdateBooking,#DraftBooking{
	border:1px solid #ccc;
	float:right;
	margin-right:10px;
}

.ui-jqdialog-title{
	font-size:13px normal;
}

.ui-jqdialog-titlebar,.diag-reportPad .ui-dialog-titlebar, .ui-dialog-titlebar,.li-userinfo ul,#nav-saved ul{
	border-radius:0px;
	/*background:white !important; */
}

.ui-jqgrid tr.ui-row-ltr:hover>td,{
	background: #dff0fc;
	border-bottom-color: #dff0fc;
}

.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td {
	border-color:#eee;
}

.ui-jqgrid td input, .ui-jqgrid td select, .ui-jqgrid td textarea {
    margin: 0;
    padding-top: 2px; 
    padding-bottom: 2px; 
    border-radius:0px;
}

#gbox_list{
	z-index:10;
}

#gbox_list tr.ui-jqgrid-labels > th{ padding: 0px 2px 0px 2px; height:17px; }
#gbox_list tr.ui-search-toolbar input,#gbox_list tr.ui-search-toolbar select{
	width: 100%;
}

#gbox_list tr.ui-search-toolbar input{
	width: 100%;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	height:14px;
}

#gbox_list tr.ui-search-toolbar select{
	width: 100%;
	padding-top:2px;
	padding-bottom:2px;
	margin:0px;
}

#list_toppager_center{
	text-align:webkit-center;
}

#gview_list .ui-jqgrid-htable .ui-th-div {
    height: 17px;
    margin-top: 2px;
}

#tb_list{
	height: 20px; 
}
#gbox_list td.ui-search-clear{
	padding:0px;
	margin:0px;
  max-width: 4px;
  width:2px;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {
  width: 16px;
}


.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: 0em;
}

/*.ui-jqgrid tr.jqgrow td {
  padding: 0 2px 0 2px;
  height:22px;
}
*/

.ui-jqgrid tr.jqgrow td {
  padding: 0 3px 0 1px;
  height: 20px !important; 
}

.ui-jqdialog .ui-jqdialog-titlebar {
    height: auto;
}
.ui-jqgrid .ui-jqgrid-htable th {
    height: 17px;
}

.ui-jqgrid .ui-pg-button {
    height: auto;
    padding:0px;
}

#list_toppager_left .ui-pg-button.ui-state-hover{
	border:inherit;
	padding:inherit;
	margin:inherit;
}

#list_toppager_left .ui-pg-table td{
	border:inherit;
	padding:inherit;
	margin:inherit;
}

#gbox_list td.ui-search-oper{
	padding-top:0px;
	padding-bottom:0px;
}

/* search bar */
/*.ui-jqgrid .ui-search-table td input{
	height:20px;
}*/

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {
  width: 14px;
  padding-right:2px;
}


.ui-jqgrid .ui-pg-button, .ui-jqgrid .ui-pg-button:hover {
  border-color:transparent;
  background:none;
}


/* align pager */
.ui-jqgrid .navtable{ width:auto; }
.ui-jqgrid .ui-pager-table{ width:100%; }
#list_toppager_center { text-align: left; }
#list_toppager_right { padding-right:10px; }
#colchooser_list{
	max-height:600px !important;
}

#list_toppager_left .ui-button-icon-primary,#list_toppager_left .ui-button-icon-only{
	border:0px;
}

/* break text in cell */
.list-break-text tr.jqgrow td {
        word-wrap: break-word; /* IE 5.5+ and CSS3 */
        white-space: pre-wrap; /* CSS3 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        overflow: hidden;
        height: auto;
        vertical-align: middle;
        padding-top: 3px;
        padding-bottom: 3px
}

/** ****************************************************************************
  * JGrowl
	* ****************************************************************************

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	border: 1px solid #7f9eb1 !important;
	color: gray;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0, .7);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0, .7);
	box-shadow: 0 3px 3px rgba(0,0,0, .7);
}

div.jGrowl div.jGrowl-notification{
	background: white url(/images/jgrowl-info.gif) no-repeat right bottom;
}
	
div.jGrowl div.jgrowl-error {	
	background: url("/images/jgrowl-error.png") no-repeat scroll right bottom #fff;
	border: 1px solid #333333 !important;
	color:#333333;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0, .7);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0, .7);
	box-shadow: 0 3px 3px rgba(0,0,0, .7);
}
  */
  

.ui-autocomplete{
	border: 1px solid #ccc;
	background: white;
	color: #555;
	font-size:1.1em;
}

.ui-autocomplete li, .ui-autocomplete li.ui-state-hover, .ui-autocomplete li.ui-state-focus{
	padding:2px 5px !important;
	margin:1px !important;
	border:0px !important;
} 


.qtip {
	min-width:auto;
}


/* new UI 1.11 + jQGrid 5.0 */
.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}


.ui-dialog-titlebar-close.ui-state-default, .ui-widget-content .ui-state-default.ui-button, 
.ui-dialog-titlebar-close.ui-state-hover, .ui-widget-content .ui-state-hover.ui-button {
   outline:none;
   background: none;
}

.ui-dialog-titlebar-close.ui-state-default,.ui-dialog-titlebar-close.ui-state-hover{
   outline:none;
   background: none;
   border:none !important;
}


.ui-dialog{
	border: 1px solid #ccc !important;
	z-index:1000;
}

/*.ge-diagConnote .ui-dialog-content{
	max-height: 600px !important;
}*/

#nav-saved ul{
	z-index:10000 !important;
}

.ui-jqdialog-content .DataTD {
  padding:0px;
}

.ui-jqdialog-content select.FormElement,.ui-jqdialog-content input.FormElement {
  //padding: .1em;
  padding-left:5px;
  border: 1px solid #999;;
}

.ui-jqdialog-content select.ui-state-error,.ui-jqdialog-content input.ui-state-error{
	border: 1px solid crimson;
}


.ui-jqgrid-labels th{
	border:0px;
	font-size:12px;
}

#editmodlist .FormError{
display:none !important;
}

#bar .ui-widget-header .ui-state-default, #navbar  .ui-widget-header .ui-state-default{
  border: transparent;
}

/* Disable jQuery UI focus glow */

*:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial,Helvetica,sans-serif;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0px solid #aaa;
}

.ui-jqgrid .s-ico > .ui-grid-ico-sort.ui-icon {
    width: 16px;
}

#pg_list_toppager .ui-icon-hidden{
	display:none;
}

/* 2015-12 quick edit */
.diag-editBox{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid #ccc;
	background:white;
	width:400px;
	z-index:2000;
	color:#333;
	-webkit-box-shadow: 0 7px 10px rgba(0,0,0, .7);
  -moz-box-shadow: 0 7px 10px rgba(0,0,0, .7);
  box-shadow: 0 7px 10px rgba(0,0,0, .7);
}
.diag-editBox .fa{
	font-size:1.3em;
	padding:5px;
}
.diag-editBox  #UpdateRecord, .diag-editBox #CloseRecord{
	padding:1px;
	background:transparent;
	border:none;
}
.diag-editBox  #UpdateRecord:focus,.diag-editBox #CloseRecord:focus,
.diag-editBox  #UpdateRecord:hover,.diag-editBox #CloseRecord:hover{
	 text-shadow: 0px 0px 10px #fff, 0px 0px 5px #fff;
	 color:#333;
}

.ui-autocomplete{
	max-height: 600px;
  overflow-y: auto;
}

.noty_text{
	padding-left:10px;
	font-size:0.9em;
	font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
	max-height:300px;
	overflow:auto;
}
.ns-notifyIcon{
	font-size:1.5em !important;
	vertical-align:top;
	width:30px;
}