html, body {
    overflow: hidden;
    height: 100%;
    padding:0px;
    margin:0px;
}
body {
    font-family: Arial, Verdana, Sans, Sans-Serif;
    font-size: 10pt;
    min-width: 960px;
}
div, li, p, table td {
    text-align: left;
}
#pg-header {
    height: 58px; 
    background: #FFFAEC;
}
#pg-content {
    clear: both;
    padding: 0px;
    margin: 0px;
}
#pg-footer {
    height: 6px;
    background-color: #FFC827;
    padding: 0px;
	color: #ffffff;
}

.pad-compensate-scroll {
    display:block;
    width:18px;
    height:10px;
    float:left;
}
.pad-compensate-header{
    display:block;
    height:52px;
}
.pad-compensate-footer{
    display:block;
    height:52px;
}

.pg-footer-wrap{
    margin: 0px;
    padding: 2px 0px;
    height: 36px;
}

.app-logo {
    background-color: #FFFAEC;
    color: #DDDDDD;
    float: left;
    height: 58px;; 
    text-align: center;
    width: 104px;
}
.app-logo img {
    margin-top: 3px;
}

.logo a:hover {
	text-decoration: underline;
}


.datagrid, .stinfo-grid {
    border-collapse: collapse;
}
.datagrid td, .datagrid th {
    border: 1px solid #ccc;
    padding: 2px;
}

.datagrid th, .stinfo-grid th{
    background-color: #eee;
}

.st-displ-options {
    clear:both;
    width:100%;
    padding: 10px 0px;
}

/*Study Archive font and row height start*/
#studies_grid,
#archives_grid {
	font-size: 10pt;
}

#studies_grid tr,
#archives_grid tr {
	height: 28px;
}
/*Study Archive font and row height End*/

/*study page*/

.studyid_view{
    float: left;
    position: relative;
    left: -2px;
    background: #333333 url(../img/studythumb.png) 50% 50% no-repeat;
    width: 28px;
    height: 25px;
    color: #ffffff !important;
    text-decoration: none;
    text-align: center;
    border: 1px solid #000;
    cursor: pointer;
}

.studyid {
    height: 27px;
}

.studyid_view_empty {
    float: left;
    position: relative;
    left: -2px;
    width: 30px;
    height: 27px;
}

/*Patient*/

span[class^="edit_patient"] {
    color: #1F5FBF !important;
    position: relative;
    padding-top: 3px;
}
span[class^="edit_patient"]:hover {
    text-decoration: underline;
    cursor: pointer ;
}

/*gernder*/
.gendericon {
    width: 11px;
    height: 19px;
    float: left;
}
.gendericon_f {
    background-image: url(../img/gender_f.png);
}
.gendericon_m {
    background-image: url(../img/gender_m.png);
}
.gendericon_na {}

/* --- Search panel --- */
.menu_checkmark {
	width: 15px;
	visibility: hidden;
	float: left;
	position: relative;
	left: -3px;
}

.search {
	font-size: 1.25em;
	background: #FFC827;
	z-index: 250;
	width: 100%;
    padding-top: 3px;
}

.search table {
	font-size: 1.0em;
    border-collapse: collapse;
    width: 100%;
}

.search label {
	color: #333;
	font-size: 0.85em;
}

.search_parms_block {
	float: left;
	display: table-cell;
	width: 100%;
}

.filtericon {
	position: relative;
	top: 1px;
	left: 0px;
	float: left;
	width: 15px;
	opacity: 0.3; filter:Alpha(Opacity=50);	
}


.filtericon:hover {
	text-decoration: none !important;
	opacity: 1.0 !important; filter:Alpha(Opacity=100) !important;	
	cursor: pointer; 
	cursor: hand;	
}

.ui-menu { position: absolute; width: 100px; z-index: 99999; text-align: left; }
/
.search_control_panel {
	display: table-cell;
	padding: 0px;
	padding-right: 2px;
	top: 0px;
	width: 195px;
	min-width: 195px;
	max-width: 195px;
	white-space: nowrap;
	z-index: 300;
	vertical-align: top;
	float: right;
}

.search_placeholder {
    width: 100%;
    background-color: #ffffff;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;	
}

.search_control_panel button {
	margin: 0px;
	margin-top: 1px;
	margin-right: -0.5em !important;
}

.search_actions_block {
    position:  relative;
    top: -2px;
	font-size: 0.94em;
	left: 4px;	
}

.search_presets_block {
/*	float: right;*/
/*	position: relative; */
}

.search_string {
	height: 23px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;	
	background-color: #ffffcc !important;
	text-align: left;
	font-size: 0.8em;
	color: #000;
	width: 100%;
}

.search_cell {
    padding: 3px 4px;
    vertical-align: top;
}
.search_control_width {
    width: 124px;
}

.search_builder {
	display: table-cell;
	width: 99%;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
	padding-left: 4px;
	padding-right: 18px;
	padding-top: 5px;
	background-color: #fff;
	text-align: left;
	font-size: 0.8em;
	color: #000;	
}

.autosuggest {
	color: #aaa;
}

.search_builder_condition {
	display: block;
	text-align: left;
	float: left;
	height: 23px;
	padding-right: 0px;
	width: auto;
	white-space: nowrap;
}

.search_builder_value {
	padding-right: 10px;
	font-weight: bold;
	font-size: 1.1em;
	color: #333333;	
	display: inline-block;
}

.search_builder_value:hover {
	color: #555555;
	text-decoration: underline;
	cursor: pointer; 
	cursor: hand;
}

.search_builder_value  INPUT {
	padding: 0px;
}

.search_builder_criteria {
	font-size: 1em;
	color: #2c6c9c;	
	position: relative;
	top: 1px;
	float: left;
}

.search_builder_criteria:hover {
	color: #4c8cbc;
	text-decoration: underline;
	cursor: pointer; 
	cursor: hand;
}

.status_error {
	padding: 0px;
	background-color: #bb0000;
	color: #ffffff;
}

.status_processing {
	padding: 0px;
	background-color: #ffff33;
}

.status_success {
	background-color: #00aa00;
	color: #ffffff;
}

.grid_log_cell {
	background-color: #ffff88;
	padding-left: 5px !important;
}

.grid_log_cell a {
	text-decoration: under-line;
}

.bordered {
	border: 1px solid black;
	padding-left: 7px;	
	padding-right: 7px;	
}

.applied {
	color: #008c00 !important;
    font-weight: bold;
    font-size: 11pt;
}
/* --- menu --- */
#mainmenu ul,
#mainmenu ul li,
#mainmenu ul li a {
  padding: 0;
  margin: 0;
}
#mainmenu {
  height: 58px;
  width: 400px;
  float: left;
}
#mainmenu ul {
  height: 50px;
}
#mainmenu ul li {
  float: left;
  list-style: none;
  width: 130px;
  text-align: center;  
}
#mainmenu ul li a {
  display: block;
  height: 36px;
  padding: 22px 30px 0;
  margin: 0px 2px;
  text-decoration: none;
  font-size: 15px;
  color: #C46A1E;
  cursor: pointer;
}
#mainmenu ul li a:hover,
#mainmenu ul li.active a {
  background-color: #FFC827;
  display: block;
  height: 36px;
  margin-top: 0px;
  color: #C46A1E; 
  font-weight: bold;
}
.hdr-userinfo {
    height: 58px;
    width: 450px;
    color: #C46A1E; 
    float: right;
    text-align: right;
    padding-right:5px;
}
#client_info {
    font-weight: bold;
    font-size: 19pt;
}
#user_info {
    font-size: 10pt;
}
.u-profile {
   color: #222;
   text-decoration: none;
}
.u-profile:hover {
   text-decoration: underline;
}

.menu_dropdown{
    display:none; 
    position:relative; 
    z-index:1;
}

.menu_dpdwn{
    padding-bottom: 12px;
    padding-top: 12px;
}


#more ul li a{
    padding: 10px 15px 0px 15px !important;
}


.group_menu_more {
    display: none;
    width: 130px;
    height: 182px !important;
}

.menuline {
    background-color: #FFC827;
    height: 6px;
}
/* --- Views --- */
.wrap-stinfo {
    margin: 0px;
    position: relative;
}
.stinfo-def-height {
    height: 130px;
}

/* --- Batch actions --- */
.group_button {
	position: relative;
	left: -2px;
	padding: 0px !important;  
	width: 13px; 
	margin: 0px !important; 
	float: right;
}
.group_button button {
    height: 17px !important; 
    border: none !important; 
    padding: 0px; 
    width: 14px;
}

.group_menu {
    display: none;
    width: 125px;
}

.group_menu li {
	cursor: pointer; 
	cursor: hand;	
	font-size: 1.2em;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}

.ba-modal-warn  p{
    font-size: 1.2em;
}
.ba-modal-topinfo {
    padding: 2px 8px;
    margin-bottom: 10px;
}
.ba-modal-lbulb {
    float: left; 
    margin-right: .3em;
}
.ba-model-dnlprogress {
    padding: 2px 8px;
    border: 1px solid #777;
    display: none;
}
.ba-modal-warn .ui-icon, .ba-modal-topinfo .ui-icon {
    float: left; 
    margin-right: 0.3em;
}
.ba-modal-archstatus {
    padding: 4px 0px;
	width: inherit;
	word-wrap: break-word;
}
.ba-modal-archlnk  {
    padding: 4px 0px;
}
.ba-modal-archlnk  a, a.archlnk{
    color: #072;
}
.deident-options-tbl  td{
    vertical-align: top;
}

/* -- login page --- */
.browser-compat {
    background-color: #F2F2F2;
    border: 1px solid #DDDDDD;
    margin: 20px 0px;
    padding: 4px;
    display: none;
}
.browser-compat div {
    text-align: left;
}
.bc-notice-incompat {
    color: #f00;
}
.login-header table td {
    vertical-align: top;
}
.hipaa-warn {
    color: #b00;
}
/* --- General --- */

.primaryicon {
	float: left;
	left: -5px;
	position: relative;
}
.ui-float-left-obj {
	float: left; 
	margin-right: 7px;
}
.ld_indicator {
	height: 50px;
	left: 50%;
	margin-left: -40px;
	margin-top: -25px;
	position: fixed;
	top: 50%;
	width: 80px;
	z-index: 10001;
}

.val-editable {
	color: #CC5500;
}

.val-editable:hover {
	text-decoration: underline;
	cursor: pointer;
}

.dialogTableForm tr {
	height: 25px;
}

.important_link  {
	font-weight: bold;
}

.green {
	background-color: #bbffbb !important;
}

.wrapped_column {
	white-space: normal !important; 
}

td.studyinfo_value {
	background-color: #fff;
}
.lfl {
    float: left;
}
.rfl {
    float: right;
}
.lta {
    text-align: left;
}
.rta {
    text-align: right;
}
.cta {
    text-align: center;
}
.tta {
    vertical-align: top;
}
.mta {
    vertical-align: middle;
}
.bold {
    font-weight: bold;
}
.hidden {
    display: none;
}
.item_thumbnail {
	width: 140px;
	height: 100px;
}
.text-box-fw {
    width: 100%;
}

/* --- logs view styles --- */
.fitmsg-wrap {
    float: left;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.fitmsg-expand-btn {
    float: right;
    height: 20px;
    width: 18px;
    line-height: 20px;
    cursor: pointer;
}
/* --- end of logs view styles --- */

/*Core Archive--logo--*/
.topLogoL{
    height: 51px;
    width: 99px;
}
/*--logo end--*/

/*CSI Logo*/
.float_r{
    float:right;
}
.csi_logo{
    height: 26px;
    width: 102px;
    padding-left:4px;
    border-left: 1px solid #888;
}
/*CSI Logo End*/

/* --- Support modal styles --- */
.support-hours {
    font-size: 10pt;
}
.support-contact {
    font-size: 8pt;
    padding: 4px 0px;
}
.support-content textarea{
    height: 200px;
    width: 300px;
}
.support-content input {
    width: 300px;
}
/* --- end Support modal ---*/

/* --- About modal styles --- */
.about-spaceusage, .about-version {
    font-size:8pt;
    padding:4px 0px;
}
.about-corearchive {
    font-size: 14pt;
}
.about-csi {
    font-size: 10pt;
}

.about-header{
    font-size: 10pt;
    padding-bottom: 1px;
}
/* --- end About modal ---*/

/* --- info view styles --- */
.ft-status {
    height: 36px;
    border-collapse: collapse;
	position: relative;
    color: #bbb;
    font-size: 9pt;
    float: right;
    margin-right: 2px;
}
.btn-info-cnt {
    height: 34px;
}
.info-mode-txtcell {
    /*background-color: #333;*/
    border-left: 1px solid #555;
    border-right: 1px solid #555;
}
.info-netw-chkts {
    font-size: 8pt;
    color: #BA8529;
}
.info_btn_wrk {
    height:40px;
}
.meta-link {
    width: 100%;
    height: inherit;
    cursor: pointer;
}
.meta-link ui-icon {
    width: 15px;
    height: 15px;
}
.bashare_controls table {
    border-spacing: 7px;
    margin: 0px auto;
}
.cw-icon {
    width: 20px;
    height: 20px;
    margin-left: 4px;
    opacity: 0.7;
}
.cw-icon:hover {
    cursor: pointer;
    opacity: 1;
}
.cw-icon-small {
    width: 16px;
    height: 16px;
    opacity: 0.7;
}
.cw-icon-small:hover {
    cursor: pointer;
    opacity: 1;
}
.cw-plus-icon {
    background: transparent url(../img/plus-icon.png) no-repeat;
    background-position: center;
    background-size: 100%;
}
.cw-minus-icon {
    background: transparent url(../img/minus-icon.png) no-repeat;
    background-position: center;
    background-size: 100%;
}
.bashare_recipient {
    height: 18px;
    padding-top: 2px;
}
.bashare_controls ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.ba_image_select_zoom .ui-slider {
    left: 45px;
}
.ui-slider-horizontal {
    height: .8em;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ba_image_select_zoom {
    width: 150px;
    position: relative;
    top: 14px;
    float: left;
    left: 10px;
}
.link_button {
    border: 1px solid #999;
    background-color: #f7f7f7;
    position: relative;
    top: -3px;
    left: 5px;
    padding: 1px;
}
.abnormal {
    color: #bb0000 !important;
}

/* BA Select images */

.ba_dlg_left_btn {
    left: 30px;
    position: absolute;
}

.ba_image_select {
    float: left;
    padding: 2px !important;
    border: 0px none !important;
    width: 400px;
    height: 300px;
}

.ba_image_select:hover {
    opacity: 0.9 !important;
}

.ba_image_select.deselected {
    opacity: 0.8;
}

.baimageselect_overlay {
    position: absolute;
    display: none;
}

.ba_image_select.deselected .baimageselect_overlay {
    display: block;
}

.ba_image_select.deselected:hover {
    opacity: 0.9 !important;
}

.ba_image_select_content {
    padding: 0px !important;
    border: none;
}

.ba_image_select div {
    position: absolute;
    background-color: #000;
    color: #fff;
    padding: 4px;
    font-weight: bold;
}

.ba_image_select_content  a {
    padding-right: 10px;
}

#baselectimages_dialog {
    -webkit-overflow-scrolling: touch;
}

#baselectimages_container h3 {
    clear: both;
    padding: 4px;
    padding-left: 25px;
}

.ba_image_select img {
    width: 100%;
    height: 100%;
}

.ba_image_select img.baimageselect_image {
    background: url(../img/loading-text.png) no-repeat 50% 50%;
}

.ba_image_select_zoom {
    width: 150px;
    position: relative;
    top: 14px;
    float: left;
    left: 10px;
}

.bashare_recipient {
    height: 18px;
    padding-top: 2px;
}

.ba_image_select_zoom  .ui-slider {
    left: 45px;
}

.bashare-item-icon  {
    position: relative;
    top: -1px;
    left: 2px;
}

/* ---------- */
/* --- user profile */

#usereditForm input[type=text] {
	width: 240px;
}

/* --- end of user profile --- */

/* --- JQuery UI overrides --- */
.ui-menu .ui-icon { position: relative; top: 2px; left: -5px; }
.ui-menu-item .ui-state-hover {
    margin: -1px;
}
.ui-jqgrid .ui-state-disabled:hover {padding: 0px;}
.no-close .ui-dialog-titlebar-close {display: none;}
.ui-widget-overlay {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/* --- end of JQuery UI overrides --- */

/* --- JQuery Grid UI overrides --- */

/* new warn style, uses error styles */
.ui-state-warn, .ui-widget-content .ui-state-warn, .ui-widget-header .ui-state-warn {
    background: url("themes/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png") repeat-x scroll 50% 50% #FEF1EC;
    border: 1px solid #CD0A0A;
    color: #CD0A0A;
}
.ui-state-warn .ui-icon, .ui-state-warn-text .ui-icon {
    background-image: url("themes/smoothness/images/ui-icons_cd0a0a_256x240.png");
}
/* end new warn styele*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
    border: 1px solid #D19B71;
    background: #FCDABE;  
    color: #555555; 
}

button.ui-state-default, button.ui-widget-content .ui-state-default, button.ui-widget-header .ui-state-default { 
    background: #F0BF97 !important;
}

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

.ui-state-hover, .ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, .ui-state-focus, 
.ui-widget-content .ui-state-focus, .ui-widget-header 
.ui-state-focus { 
    background: #F5E4BA !important; 
    font-weight: normal; 
    color: #212121; 
}

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

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 
    border: 1px solid #FFFAEC !important; 
    background: #F9B57D !important; 
    font-weight: normal; 
    color: #212121; 
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }

.ui-widget-content {
    border: 1px solid #D19B71;
}
.ui-autocomplete { height: 180px; overflow-y: scroll; overflow-x: hidden;}


/* grid styles */
.ui-jqgrid .ui-pg-button:hover { padding: 1px; }
.ui-jqgrid .ui-state-disabled:hover {padding:2px;}
.ui-jqgrid .ui-jqgrid-pager{ height:32px;}
.ui-jqgrid .ui-pg-table td {height: 30px; padding: 0px 2px;}
.ui-jqgrid-btable tr:nth-child(even) {
	background: #FFFAEC;
}
/*the border color needs to be changed in the following lines*/
.ui-jqgrid tr.jqgrow td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: #E6CAB5; border-bottom-style: solid;}
.ui-jqgrid tr.jqgfirstrow td {padding: 0 2px 0 2px;border-right-width: 1px; border-right-style: solid;}
.ui-jqgrid tr.jqgroup td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: #E6CAB5; border-bottom-style: solid;}
.ui-jqgrid tr.jqfoot td {font-weight: bold; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: #E6CAB5; border-bottom-style: solid;}
.ui-jqgrid tr.ui-row-ltr td {text-align:left;border-right-width: 1px; border-right-color: #E6CAB5; border-right-style: solid;}
.ui-jqgrid tr.ui-row-rtl td {text-align:right;border-left-width: 1px; border-left-color: #E6CAB5; border-left-style: solid;}
/*grid border color -end*/

.ui-jqgrid .ui-paging-info {
margin-right: 15px;
}
/* --- end of JQuery Grid UI overrides --- */