/* GENERAL LAYOUT  */

body {
	background-color: #f3f5f9;
	}

#admin {
	background-color: #fff;
	}

#hd {
    position: relative;
	}
	
	#hd div div {
		background-color: #001f41 !important;
		}
	
.logo-mobi-new img {
    height: 100%;
	}
	
img {
	border:0px;
	margin-bottom: expression("-3px"); /* FOR IE's STUPID IMAGINAGY SPACE AFTER AN IMAGE */
	}
	
a, td, li, button, span {
	-webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
	}
	
	.impressionbgbox-right a {
		color: #006EDC !important;
		}
	
	.impressionbgbox-right a:hover {
		color: #001f41 !important;
		}

#cot_tl_fixed {
	bottom:0;
	position:fixed;
	right:0;
	}

/* HEADERS AND FOOTERS */

#hd {
	background-color: #11316e;
	margin-bottom: 15px;
	}

#bd {
	background-color: #ffffff;
	margin-top:0px
	}
	
th {
	font-weight:bold;
	}
	
/*th, th a {
	color: #1a91cc;
	font-weight: bold;
	font-size: 13px;
}
.dashboardtable th {
	font-weight:bold;
}*/

#ft {
	background-color: #e5e9f2;
	margin-top:0px;
	padding:10px;
	margin-bottom:10px;
	}

.table3px td{
	padding:3px !important;
	}

/* BLOCKS */

#loginblock .buttons {
	margin-left: 76px !important;
	}

#loginblock button.positive img {
	display: none;
	}

#loginblock .uname {
	padding-right:14px;
	width:250px;
	}

#loginblock .pass {
	padding-right:17px;
	width:250px;
	}

#loginblock .pin {
	padding-right:40px;
	width:250px;
	}

#losesession #loginblock input {
	border: 1px solid #d6dcea;
	border-color: #d6dcea !important;
	}
	
	#losesession p a {
		color: #11316e;
		text-decoration: none;
		padding: 5px 10px;
		border-radius: 3px;
		border: 1px solid #d6dcea;
	}
	
		#losesession p a:hover {
			text-decoration: underline;
			color: #fff;
			background-color: #001F41;
			border: 1px solid #001F41;
		}
	
	#losesession iframe h1 {
		color: #11316e !important;
	}

#dermcase {
	margin-left:100px;
	margin-top: 8px;
	position:absolute;
	}

#dermid {
	margin-left:470px;
	margin-top: 8px;
	position:absolute;
	}

#dashuser {
	margin-left:210px;
	margin-top:-50px;
	position:absolute;
	}

#dashnew {
	margin-left:610px;  
	margin-top:-19px;
	position:absolute;
	}
	
#dashnew img {
	margin-right:10px; 
	}

#backtodash {
	margin-left:635px;
	margin-top:-19px;
	position:absolute;	
	}



#firstbutton a {
	margin-left: 16px;
	background: none;
	padding: 0px;
	}

#casenew {
	margin-left:700px;
	margin-top:-19px;
	}
	
#casedupe {
	margin-left:635px;
	margin-top:-19px;
	position:absolute;
	}

#caseinvoice {
	margin-left:720px;
	}

#dermupdate {
	margin-left:570px;
	margin-top:10px;
	position:absolute;
	}

#dermfirstbutton a {
	margin-left:16px;
	margin-top:10px;
	position:absolute;
	}

#dashnew a, #casenew a, #dermupdate a {
	background: none;
	padding: 0px;
	margin: 0px;
	}

#mynotice {
	margin: 0px auto 0 auto;
	width:650px;
	margin-bottom:20px;
	}

#notice {
	padding:10px;
	border: 1px solid #fde399;
	background: #fff8e6;
	border-radius: 2px;
	}

#notice img {
	padding-right:15px;
	}

#notice p {
	color:#554400;
	margin-bottom:0px;
	}

.buttonaddremove img {
	margin-top: 0px;
	margin-bottom:-5px;
	}

.specrow {
	height:30px;
	}



/* AUTOCOMPLETE */

div.auto_complete {
	width: 350px;
	background: #fff;
/*
	height: 200px;
	overflow: auto;
*/
	}
	
div.auto_complete ul {
	border:1px solid #888;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
	}

div.auto_complete ul li {
	margin:0;
	padding:3px;
	list-style-type:none;
	}
	
div.auto_complete ul li.selected {
	background-color: #ffb;
	}
	
div.auto_complete ul strong.highlight {
	color: #800; 
	margin:0;
	padding:0;
	}

/* activex 
object {
	width:360px;
	height:370px;
	margin-left:150px;
}*/

#AutoCopy {
	width:740px;
	height:440px;
	}

/* ROUNDED CSS BOX */

/* Review forms */

.bgboxbg {
	background-color: #f3f5f9;
}

.bgboxtop-g {
	height: 5px;
	}

.bgboxbg-g, .bgboxbg {
	width:910px;
	background-color: #f3f5f9;
	}

.bgboxbottom-g {
	height: 5px;
	background-color: #e5e9f2;
	clear:both;
	}

.bgboxtop {
	height: 5px;
	background-color: #e5e9f2;
	clear:both;
	margin-bottom:10px;
	}

.bgboxbottom {
	height: 5px;
	background-color: #e5e9f2;
	clear:both;
	margin-top: 15px;
	}

.bgbox-left {
	width: 186px;
	padding-top:3px;
	height:30px;
	clear:both;
	}

.bgbox-right {
	margin-left:206px;
	float:left;
	display:block;
	margin-top:-30px;
/*	vertical-align:top;*/
	clear:both;
	width:700px;
	}

.impressionbgbox-right {
	margin-left:206px;
	margin-top:-30px;
	vertical-align:top;
	clear:both;
	width:700px;
	}

.bg-right-textarea {
		height:105px;
}

#bdm953 h3 small a {
	color: #d70825 !important;
    font-size: 12px !important;
    float: right;
    border: 1px solid #fbe6e9;
    background-color: #fbe6e9;
    padding: 5px 7px;
    border-radius: 3px;
	}

div.clear {
	clear:both;
	}

/* FONTS */

#dashuser p, #dermid p, #dermcase p {
	color: #d4f2ff;
	font-family: Calibri, Arial;
	font-size:18px;
	}

#dashuser span, #dermid span, #dermcase span {
	color: #ffffff;
	}

h1, h2, h3, h4 {
	font-family: Arial, Verdana, sans-serif;
	color: #11316e;
	font-weight: bold;
	}

h1 {
	font-size: 26px;
	}
	
	#doc2 h1 {
		margin-bottom: 10px !important;
		}

.reviewtd h1, .reviewtd input {
	margin-bottom:5px;
	}

h3, h3 a {
	color: #001f41;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 20px;
	text-decoration:none;
	padding-bottom:0px;
	}

h4 {
	color: #001f41;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 18px;
	}


div.footersupport a, div.footersupport span {
	color: #11316e;
	font-size: 11px;
	text-decoration: none;
	margin-left:15px;
	margin-right:15px;
	}

div.footersupport a {
	float:right;
	}

div.footersupport span {
	float:left;
	}

/* LINKS */

.green, div.pagination a { 
	color: #66880b; 
	padding: 5px;
	}
	
.blue {
	color: #4F9FDB; 
	padding: 5px;
	}
	
a.blue:hover {
	text-decoration:none; 
	background-color:#e0eaf2; 
	padding:3px; 
	margin-left:2px; 
	margin-right:2px;
	}

a.green:hover,  div.pagination a:hover  {
	text-decoration:none; 
	background-color:#e9f3ce; 
	padding:3px; 
	margin-left:2px; 
	margin-right:2px;
	}
	
a.green:hover {
	text-decoration:none; 
	background-color:#e9f3ce; 
	padding:3px; 
	margin-left:2px; 
	margin-right:2px;
	}

div.pagination .disabled {
	color: #b7b7b7;
	}

div.pagination .current {
	color: #e9f3ce; 
	background-color:#8db329; 
	padding:3px; 
	margin-left:2px; 
	margin-right:2px;
	}

div.pagination {
	margin-top: 10px;
	}

.dashboardtable span {
	color: #4F9FDB;
	}
	
.dashboardtable strong {
	color: #66880b;
	font-weight: normal;
	}

/* TABLES */

.dashboardtable td {
	font-size: 11px;
	color: #333333;
	padding-left: 15px;
	}

.dashboardtable .first, .dashboardtable .first {
	padding-left: 5px;
	}

.dashboardtable th {
	padding-left: 15px;
	}

#customer_details td {
	border: none;
	}

.reviewtd td {
	padding: 0px;
	font-size: 12px;
	color: #11316e;
	padding-top: 5px;
	padding-bottom: 0px;
	}
	
	.reviewtd select {
		height: 27px !important;
		}

.reviewtd input {
	margin-right:10px;
	}

#dermtable td {
	border-bottom: 0px;
	}

#dermbutton {
	background-color:#e5edf3;
	}
	
#dermbutton:hover {
	background-color:#c7d9e8;
	}

div.auto_complete ul li:hover  {
    background-color:#ffb;
	}

.x-panel-header {
    background-color: #11316e !important;
    border-color: #11316e !important;
    font-family: arial, helvetica, sans-serif !important;
    background-image: none !important;
    color: #fff !important;
    font-size: 14px !important;
    padding: 7px 5px !important;
	font-weight: bold;
	}

.x-panel-body {
	border-color: #d6dcea !important;
	}

.x-grid3-row {
	border-color: #e5e9f2 !important;
	border-top: 0px solid #e5e9f2 !important;
	}

.x-grid3-row-over {
    background-color:#e5e9f2 !important;
    background-image:none !important;
	}

.x-grid3-hd-row td {
	border-left-color: #d6dcea !important;
    border-right-color: #d6dcea !important;
	color: #11316e !important;
    font-weight: bold !important;
    background: #f3f5f9 !important;
	}

td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background-color:#e5e9f2 !important;
    background-image:none !important;
	}

.x-grid3-hd-btn {
    background-color:#e5e9f2 !important;
	background-image: none !important;
	}

.x-grid3-hd-btn:before {
	content: "\25BC";
	color: #11316e;
	vertical-align: middle;
	line-height: 20px;
	}
	
.ext-strict .x-grid3-hd-inner a.x-grid3-hd-btn {
	text-decoration: none !important;
	}

a.x-grid3-hd-btn:hover {
    background-position:center !important;
	}

.ext-strict .x-grid3-cell-inner a, .ext-strict .x-grid3-hd-inner a {
	color: #11316e !important;
	}

.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
	border-color: #d6dcea !important;
	}

.x-toolbar-ct {
	background-color: #f3f5f9 !important;
	}

.x-menu-floating {
	border-color: #E5E9F2 !important;
	}

.x-menu-list {
	background-color: #f3f5f9 !important;
	}

/* FORM */

label {
	margin-bottom: 0.5em;
	}

input[type="text"], #customer_details input {
	margin-right:5px;
	font-size:13px;
	}

input, textarea {
	color:#474747;
	background-color: #ffffff;
	border: 1px solid #d6dcea !important;
	padding: 5px;
	font-family: Arial, Verdana, sans-serif;
	border-radius: 2px;
	}
	
	textarea {
		padding: 5px 3px !important;
		margin-top: 5px;
		}

#commit, .commit {
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	background-color:#006892;
	padding:5px 7px;
	margin-right:10px;
	margin-top:10px;
	box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	-moz-box-shadow: 0 0 5px #666;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	border:none;
	}
	
#commit:hover, .commit:hover {
	background-color:#1a94c5;
	cursor:pointer;
	}

#backbutton, .backbutton {
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	background-color:#666;
	padding:6px 10px;
	margin-right:10px;
	margin-top:10px;
	box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	-moz-box-shadow: 0 0 5px #666;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	border:none;
	}
	
#backbutton:hover, .backbutton:hover {
	background-color:#333;
	cursor:pointer;
	}

input[type='checkbox'] {
	border:none;
	}

.reviewtd input[type="text"] {
	width:160px;
	}

#casedetails input[type="text"] {
	width:450px;
	margin-left:20px;
	}
	#caseimages .docnav {
		padding: 0 0 20px 0;
		}
#caseimages input[type="text"] {
	width:450px;
	}

.autocomplete {
	width:450px;
	}

#loginblock input {
	margin-bottom: 0px;
	width:190px;
	}

input[disabled] {
	color: #111111;
	background-color: #e9e9e9;
	border: 2px solid #c5c5c5;
	}

input:focus, textarea:focus, input.focused, textarea.focused  {
	background-color: #e5e9f2;
	border: 1px solid #11316e !important;
	color: #333333;
	}

.focused {
	color:#ffffff
	}

input[type="radio"] {
	width: 20px;
	padding: 2px;
	margin: 2px;
	border: 0px;
	background-color: #e7f2f6;
	}

textarea {
	font-family: Arial, Verdana, sans-serif;
	margin-bottom:10px;
	margin-right:30px;
	width:500px;
	}
	
	textarea#important_16 {
		margin-bottom: 15px;
		padding: 3px 5px;
		}

select {
	color:#333333;
	background-color: #ffffff;
	border: 1px solid #d6dcea !important;
	padding: 5px;
	font-family: Arial, Verdana, sans-serif;
	width:165px;
	border-radius: 2px;
	}
	
	select#labcode {
		height: 30px !important;
		width: 280px;
		font-weight: bold;
		color: black;
		}

.required {
	margin-right: 0px;
	padding-right: 0px;
	}

#losesession {
	border: 1px solid #d6dcea !important;
	}

#losesession iframe html body h1 {
	color: #11316e !important;
	font-weight: bold !important;
	}

/* BUTTONS */

/* STANDARD */

button.standard, .buttons a.standard{
    color:#529214;
	}
	
.buttons a.standard:hover, button.standard:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
	}
	
.buttons a.standard:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
	}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#ffffff;
	}

.buttons a.positive:hover, button.positive:hover{
    background-color:#001F41;
    border:1px solid #001F41;
    color:#ffffff;
    text-decoration: underline;
	}
	
.buttons a.positive:active{
    background-color:#001F41;
    border:1px solid #001F41;
    color:#ffffff;
	}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
	}
	
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
	}
	
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
	}

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color: #113163;
    border: 1px solid #11316e;
    border-top: 1px solid #11316e;
    border-left: 1px solid #11316e;
    font-family: Arial, Helvetica, sans-serif;
    font-size:100%;
    line-height:140%;
    text-decoration:none;
    font-weight:bold;
    color:#ffffff;
    cursor:pointer;
    padding:5px 10px 6px 7px; 
    border-radius: 3px;
	}
	
.buttons button	{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
	}
	
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
	}
	
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
	}
	
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
	}

#flash {
	width:780px;
	/*position:absolute;*/
	margin-top:10px;
	}

#shadow {
	position:absolute; 
	display:none; 
	left:0%;
	top:0%;
	width:100%;
	height:100%;
	z-index:25;
	background-color: #000000; 
	opacity: 0.7; 
	filter:alpha(opacity=70);/* IE's opacity*/ 
	}

#quickpic {
	display:none;
	position:absolute;
	top:5%;
	margin:0 auto;
	z-index:26;
	background:#fff;
	padding:10px;
	border:5px solid #ddd;
	width:780px;
	min-height:460px;
	}

#closelink {
	float:right;
	}

#quickpic2 {
	display:none;
	background:#fff;
	padding:10px;
	width:780px;
	height:460px;
	}

.htmlform input {
	margin:5px;
	}

.warning {
	border:1px solid #a10000;
	padding:5px;
	background-color:#f5e5e5;
	color:#750000;
	}

.usertable label {
	font-weight:bold;
	}
	
.table3px td {
	padding:3px !important;
	}
	
.usertable input {
	margin-right:0px;
	margin-bottom:0px;
	border-radius: 2px;
	}
	
.usertable td {
	padding:3px !important;
}
	
.usertable h3, #showimages1 h3, #divimage h3 {
	margin:20px 0px 10px 0px;
	padding:0px;
	color:#001F41 !important;
	border-bottom: none;
	font-weight: bold;
	font-size: 18px;
	}
	
	#showimages1 h3 span, #divimage h3 span {
		color: #001F41 !important;
		margin-left: 0px !important;
		}

/*------------------------------------*\
	NAV
\*------------------------------------*/

#tdnav{
	width:100%;
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	}

#tdnav li{
	float:left;
	margin-right:10px;
	position:relative;
	display:block;
	}

#tdnav li a{
	display:block;
	padding:5px;
	color:#fff;
	background:#001F41;
	text-decoration:none;
	/*padding-bottom: 4.5px;*/
	}
	
#tdnav li a:hover{
	color:#fff;
	background:#084eb2; /* Solid colour fall-back */
	}

/*--- DROPDOWN ---*/
#tdnav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	}

#tdnav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	}

#tdnav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
	}

#tdnav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
	}

#tdnav li:hover a{ /* Set styles for top level when dropdown is hovered */

	background:#ffffff; /* Solid colour fall-back */
	color: #11316e
	}

#tdnav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;

	}

#tdnav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	background:#000; /* Solid colour fall-back */
	}
	
#tdnav  {
	margin:0 0 0 15px; 
	}

#tdnav ul  {
	margin:0; 
	}

#tdnav .logout  {
	background-color:#001F41;
	}

/* GENERAL LAYOUT 

* {
	margin:0px;
	padding:0px;
}
*/

body {
	height: 100%;	
	}

body, p, ol, ul, td {
	margin: 0px auto 0 auto;
	padding: 0;
	color: #333;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	color: #333333;
	line-height:150%;
	}

#page {
	width: 950px;
	margin: 0px auto 0 auto;
	padding-bottom:20px;
	padding-right:20px;
	padding-left:40px;
	}

#dermpagetop {
	width: 100%;
	background-color: #f4f9e6;
	padding-top:20px;
	border-bottom: 1px solid #e2efc0;
	}

#page h1 {
	margin-bottom:20px;
	}

#dermpage {
	width: 980px;
	margin: 0px auto 0 auto;
	padding: 10px;
	}

#dermpagenopading {
	width: 1000px;
	margin: 0px auto 0 auto;
	margin-top:-18px;
	}

img {
	border:0px
	}

.parent {
	display: block;
	min-height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	}

/* HEADERS AND FOOTERS */

#admin #header h1{
	color:#fff;
	margin:0px;
	padding:0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	}
	
#admin #header h1 span {
	color:#aee7ff;
	}

#admin #header {
	height:100px;
	border-bottom:5px #aee7ff solid;
	background-color:#005a80;
	margin-bottom:20px;
	}

#headerblock {
	width: 955px;
	margin: 10px auto 0;
	}
	
#headerblock a {
	color:#fff;
	padding:3px;
	margin-right:3px;
	}
	
#headerblock a:hover {
	text-decoration:none;
	background-color:#1a3946;
	}

#dermheaderblock {
	width: 1000px;
	margin: 0px auto 0 auto;
	}

#logo {
	float:right;
	margin-top:-68px;
	}

#header-image {
	float:left;
	margin-top:-44px;
	margin-left:-20px;
	z-index:1;
	display: block;
	position: absolute;
	}

#header-image-case {
	float:left;
	margin-top:-88px;
	margin-left:-40px;
	z-index:1;
	display: block;
	position: absolute;
	}
	
#header-image-caseadjust {
	float:left;
	margin-top:-98px;
	margin-left:-40px;
	z-index:1;
	display: block;
	position: absolute;
	}

#header-image-header {
	float:left;
	margin-top:-50px;
	margin-left:-40px;
	z-index:1;
	display: block;
	position: absolute;
	}

#header-image-derm {
	float:left;
	margin-top:-50px;
	margin-left:0px;
	z-index:1;
	display: block;
	position: absolute;
	}

#footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 21px;
	z-index:1;
	padding: 0px;
	margin: 0px;
	background-color:#005a80;
	border-top:3px solid #aee7ff;
	}

#footer a {
	color:#fff;
}

/*
#footernav {
	position: absolute;
	bottom: 5px;
	width:915px;
	z-index:5;
	}

#footernav-icons {
	float:right;
	z-index:5;
	position:relative
	}
*/

#footernav-icons {
	float:right;
	}
	
#footernav {
	width:925px;
	margin: 0px auto 0 auto;
	padding-bottom:50px;
	}
	
#footerlinks {
	width:925px;
	margin: 0px auto 0 auto;
	text-align:center;
	font-size:80%;
	}

/* BLOCKS */

#mynotice {
	margin: 0px auto 10px;
	width:650px;
	}

#notice img {
	padding-right:15px;
	}

#notice p {
	color:#554400;
	}

#dermfooternav {
	position: absolute;
	bottom: 5px;
	width:980px;
	z-index:5;
	}

/* #flash {
	position: absolute;
	bottom: 0px;
	width:0px;
	margin-left:10px;
	}
*/

.identified {
	border:1px solid #c6e081;
	margin:10px;
	width:500px;
	background-color:#f4f9e6;
	}

.right20 {
	padding-right:20px;
	vertical-align:top;
	width:250px;
	}
	
.right20s {
	padding-right:20px;
	vertical-align:top;
	width:180px;
	}

#dermcaseid {
	position:relative;
	float:right;
	margin-top:-20px;
	font-size:10px;
	color: #7d7d7d;
	}

.dashboardnotice {
	width:420px;
	padding:10px;
	}
	
.dashboardnotice h4 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size:16px;
	margin: 0px;
	}
	
.dashboardnotice h5 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size:10px;
	margin: 0px;
	}
	
.dashboardnotice span {
	float: right;
	}
	
.dashboardnotice span a:hover {
	text-decoration:none;
	background-color:#fffde5;
	}

#dahsboardglobal {
	background-color: #fffde5;
	border-top:solid 2px #f3eb91;
	border-bottom:solid 2px #f3eb91;
	}
	
#dashboardclinic {
	background-color: #effaff;
	border-top:solid 2px #c2dde9;
	border-bottom:solid 2px #c2dde9;
	}

#dahsboardglobal h4 {
	background-color: #fffde5;
	color:#937600;
	}
	
#dashboardclinic h4 {
	background-color: #effaff;
	color:#0095da;
	}

#dahsboardglobal h5 {
	color:#9c9974;
	}
	
#dashboardclinic h5 {
	color:#75909c;
	}

#dahsboardglobal p {
	color:#595633;
	}
	
#dashboardclinic p {
	color:#34505d;
	}

/* FONTS */

.smalltitles {
	color:#5d686d;
	font-family: Arial, Verdana, sans-serif;
	font-weight:bold;
	}

label {
	font-family: Arial, Verdana, sans-serif;
/*	font-weight:bold; */
	}

.stafftext {
	color:#5d686d;
	font-family: Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:12px;
	}

.lesionarrows, .lesionarrows a {
	color: #0081bd;
	font-weight: bold;
	font-size:14px;
	text-decoration: none;
	}

#admin h1 {
	color: #005a80;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 26px;
	}

#admin h4 {
	margin-bottom:5px;
	margin-top:10px;
	color: #005a80;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 18px;
	}

.dermitems {
	font-size: 11px;
	color: #4c4c4c;
	}

#lesiontitles {
	color: #658a00;
	font-weight: bold;
	font-size: 12px;
	text-align:left;
	padding-top:5px;
	}

/* LINKS


a {
	color: #005a80;
	}
	
a:visited {
	color: #005a80;
	}

a {
	padding:5px;
	}
	
a:hover {
	color:#ffffff; 
	text-decoration:none; 
	background-color:#005a80; 
	padding:3px; 
	margin-left:2px; 
	margin-right:2px;
	}
	
#footernav-icons a:hover {
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	}
	
#footernav-icons a {
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	}
*/


/* FORM */

.uploadfiles {
	margin-top:20px;
	}

.dobfield {
	width:80px;	
	background-color: #fcffd2;
	}

.agefield {
	width:40px;	
	background-color: #fcffd2;
	}

.inputborder {
	color:#333333;
	border:3px solid #cae3df;
	background: #fefff2;
	padding:3px;
	font-family: Arial, Verdana, sans-serif;
	}
	
input {
	color:#333333;
	padding:5px;
	font-family: Arial, Verdana, sans-serif;
	margin-right:30px;
	margin-bottom:10px;
	}

/*
#commit, .commit {
	border:0px;
	padding:0px;
	}
*/

#submitblue {
	border:0px;
	padding:0px;
	width:109px;
	height:32px;
	margin:0px;
	margin-left:10px;
	}

#submitnext {
	border:0px;
	padding:0px;
	width:104px;
	height:32px;
	margin:0px;
	}

#submitderm {
	border:0px;
	padding:0px;
	width:141px;
	height:32px;
	margin:0px;
	}

.textarea3 {
	color:#333333;
	border:3px solid #cae3df;
	background: #fefff2;
	padding:3px;
	font-family: Arial, Verdana, sans-serif;
	margin-bottom:10px;
	margin-right:30px;
	width:590px;
	}

.textareasmall {
	color:#333333;
	border:3px solid #cae3df;
	background: #fefff2;
	padding:3px;
	font-family: Arial, Verdana, sans-serif;
	margin-bottom:10px;
	margin-right:30px;
	width:400px;
	font-size:12px;
	}
.dermtextarea {
	color:#333333;
	border:3px solid #cae3df;
	background: #fefff2;
	padding:3px;
	font-family: Arial, Verdana, sans-serif;
	margin-bottom:10px;
	margin-right:30px;
	width:300px;
	font-size:12px;
	}

.textsizebig {
	width:150px;
	}

.textsizesmall {
	width:50px;
	}

.textsizesmall2 {
	width:30px;
	}

.checkbox {
	width:25px;
	border:0px;
	padding:0px;
	height:15px;
	margin-right:0px;
	}

.nexttocheckbox {
	vertical-align:top;
	padding-left:5px;
	}

.required {
	background-color: #fcffd2;
	}

/* DOCUMENT NAVIGATION */

.docnav {
    padding: 25px 20px;
    background: #ffffff;
    margin-bottom: 15px;
   /* margin-right: 15px;*/
	}
	
	.docnav.dochomenav {
		margin: 0;
		padding-top: 25px;
		}
	
	#caseimages .docnav {
		background-color: #f3f5f9;
		}

.docnav a {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 7px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    box-shadow: 0px 1px 2px rgba(100,100,100,.4);
    -moz-box-shadow: 0px 1px 2px rgba(100,100,100,.4);
    -webkit-box-shadow: 0px 1px 2px rgba(100,100,100,.4);
	}

.dochomenav a {
    background-color: #11316e;
    border: 1px solid #11316e;
    margin: 0 20px 0px 5px;
    padding: 5px 7px;
	}

.docnavleft {
	background-color:#084eb2;
	border: 1px solid #084eb2;
	margin-right:5px;
	}

	.docnavleft2 {
		background-color:#11316e;
		border: 1px solid #11316e;
		}
		
	.clss-back {
		background-color: #084eb2;
		border: 1px solid #084eb2;
	}

.docnavright {
	background-color:#084eb2;
	border: 1px solid #084eb2;
	float:right;
	margin-top:-6px;
	/*margin-right: 10px;*/
	}
	
	.docnavleft:hover, .docnavleft2:hover, .docnavright:hover, .docnavright2:hover, .addlesion:hover, #body_layout_form button:hover, .btn-success:hover, .btn-primary:hover, .btn-warning:hover,.btn-danger:hover, #bdm953 h3 small a:hover, .dochomenav a:hover {
	background-color:#001F41 !important;
	border: 1px solid #001F41 !important;
	text-decoration: underline !important;
	color: #ffffff !important;
	}
	
	.docnavright:first-child {
	margin-right: 0px;
	}

.tempdocnavright {
	background-color:#729e00;
	float:right;
	margin-top:-3px;
	}

.docnavchatright {
	background-color:#0181d2;
	float:right;
	margin-top:-3px;
	}

.docnavright2 {
	background-color:#ffffff;
	float:right;
	margin-top:-6px;
	border: 1px solid #d6dcea;
	color: #11316e !important;
	margin-right:10px
	}

.docsetup {
	background-color:#0181d2;
	}
	
.addlesion, #body_layout_form button, .btn-success {
	background-color:#084eb2 !important;
	border: 1px solid #084eb2 !important;
	margin-top:-3px;
	border-radius: 3px;
	padding: 5px 7px !important;
	box-shadow: 0px 1px 2px rgba(100,100,100,.4) !important;
    -moz-box-shadow: 0px 1px 2px rgba(100,100,100,.4) !important;
    -webkit-box-shadow: 0px 1px 2px rgba(100,100,100,.4) !important;
    font-weight: bold;
    text-shadow: none !important;
    background-image: none !important;
    background-repeat: none !important; 
    font-size: 12px !important;
	}
	
	.icon-plus {
		background-position: -408px -98px;
		}
		
.btn-primary {
	background-color:#084eb2 !important;
	border: 1px solid #084eb2 !important;
	margin-top:-3px;
	border-radius: 3px;
	padding: 5px 7px !important;
	box-shadow: 0px 1px 2px rgba(100,100,100,.4) !important;
    -moz-box-shadow: 0px 1px 2px rgba(100,100,100,.4) !important;
    -webkit-box-shadow: 0px 1px 2px rgba(100,100,100,.4) !important;
    font-weight: bold;
    text-shadow: none !important;
    background-image: none !important;
    background-repeat: none !important; 
    font-size: 12px !important;
	}

.btn-warning {
	background-color:#eF7917 !important;
	border: 1px solid #eF7917 !important;
	margin-top:-3px;
	border-radius: 3px;
	padding: 5px 7px !important;
	box-shadow: 0px 1px 2px rgba(100,100,100,.4) !important;
    -moz-box-shadow: 0px 1px 2px rgba(100,100,100,.4) !important;
    -webkit-box-shadow: 0px 1px 2px rgba(100,100,100,.4) !important;
    font-weight: bold;
    text-shadow: none !important;
    background-image: none !important;
    background-repeat: none !important; 
    font-size: 12px !important;
	}
	.btn-danger {
		background-color:#da4f49 !important;
		border: 1px solid #da4f49 !important;
		margin-top:-3px;
		border-radius: 3px;
		padding: 5px 7px !important;
		box-shadow: 0px 1px 2px rgba(100,100,100,.4) !important;
		-moz-box-shadow: 0px 1px 2px rgba(100,100,100,.4) !important;
		-webkit-box-shadow: 0px 1px 2px rgba(100,100,100,.4) !important;
		font-weight: bold;
		text-shadow: none !important;
		background-image: none !important;
		background-repeat: none !important; 
		font-size: 12px !important;

		
	}
.uploadnav {
	margin:25px 0;
	}

.uploadnav a {
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	padding:5px 7px;
	box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	-moz-box-shadow: 0 0 5px #333;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	}
	
.uploadnav a:hover {
	box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	-moz-box-shadow: 0 0 5px #999;
	}

.uploadnavselect {
	background-color:#0181d2;
	margin-right:20px;
	}
	
.uploadnavsupload {
	background-color:#729e00;
	}

#loginblock {
	margin-top:15px;
	}

.dermnav {
	float:right;
	text-align:right;
	padding:5px;
	}
	
.dermnav a {
	margin:0 5px;
	padding:3px;
	}

.dermcontent {
	margin-top:20px;
	}

.dermfooterblock h1 {
	margin-bottom:20px;
	}
	
.dermfooterblock h2 {
	font-weight:normal;
	}

.inputpadding {
	padding:7px 10px;
	}

.bgbox-right label {
	padding-right:15px;
	}

#addclinic a, #newderm a, #newdoctor a, #newperson a, #newuser a, #newaudit a {
	display:block;
	}
	
input[type="submit"]{
	cursor: pointer;
	border-radius: 3px;
    background-color: #11316e;
    padding: 5px 7px;
    border: 1px solid #11316e !important;
    color: #ffffff;
    font-weight: bold;
	}
	
	input[type="submit"]:hover {
		cursor: pointer;
	    background-color: #001F41;
	    border: 1px solid #001F41;
	    text-decoration: underline;
		}
		
	#doc2 input[type="submit"] {
		margin-top: 5px; 
		}
	
input[type=text]:disabled,select:disabled {
	background: #dddddd;
	border: 1px solid #dddddd;
  	}
  	
a {
	cursor: pointer;
	}
	
.title-txt{
	font-size: 14px;
	color: #11316e;
	font-weight: bold;
	}

.txt-class {
	padding: 0px;
    font-size: 12px;
    color: #11316e;
    padding-top: 5px;
    padding-bottom: 0px;
	}
	
#badlink{
	cursor: not-allowed;
	}
	
a.clss-back:hover{
	background-color: #333;
	color: white;
	text-decoration: none;
	}
	
#backlinkshow:hover,#showlinkshow:hover{
	color: white;
	text-decoration: none;
	}
	.txt-header{
		color: #0e347b;
		font-size: 1.4em;
		padding-left: 12px;
	}
	@font-face {
		font-family: swis721_lt_bt;
		src: url(/fonts/swis721_lt_bt/Swiss721LightBT.ttf);
	  }
	  .txt-titile-top{
		height: 60px;
		
		width: 100%;
		color:white;
		font-size: 35px;
		/*font-weight: normal;*/
		line-height: 60px;
		padding-left: 18px;
		font-family: "Arial";
		font-weight: bold;
	  }
	 /* #case_FirstName:focus {
		border: 1px solid red !important;
		outline: none;
		}*/
		.btn[disabled],.btn-primary[disabled],.btn-success[disabled]:hover,.btn-success[disabled],span.disabled,.fileinput-button input[disabled],.fileinput-button input[disabled]:hover{
			background-color: grey !important;
			border: 1px solid grey !important;
			cursor:not-allowed !important;
		}
		/* Absolute Center Spinner */
.loading {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: visible;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
  }
  
  /* Transparent Overlay */
  .loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
  }
  
  /* :not(:required) hides these rules from IE9 and below */
  .loading:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
  }
  
  .loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  }
  
  /* Animation */
  
  @-webkit-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @-moz-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @-o-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  .table-search{
	  width: 100%;
	  table-layout: fixed;
	  margin-bottom: 20px;
  }
  .table-search thead tr th,.table-search tfoot tr td{
	  background: #f3f5f9 !important;
	  padding: 5px;
	  border-left:1px solid #d6dcea !important;
	  color: #11316e !important;
	  font: normal 11px/15px arial, tahoma, helvetica, sans-serif;
	  font-weight: bold !important;
  } 
  .table-search tfoot tr td{
	border-bottom:1px solid #d6dcea !important;
} 
.table-search tfoot tr td:last-child{
	border-right:1px solid #d6dcea !important;
} 
  .table-search tbody tr td{

	border-bottom: 1px solid #d6dcea;
  }
  .table-search tbody tr td div{
	overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 5px 5px 5px 5px;
    white-space: nowrap;
	font: normal 11px/13px arial, tahoma, helvetica, sans-serif;
  }
  .table-search tbody tr td:first-child{
	border-left:1px solid #d6dcea !important;
  }
  .table-search tbody tr td:last-child{
	border-right:1px solid #d6dcea !important;
  }
  .paging-table
  {
	  text-align: center;
  }
  .paging-table li{
	  list-style: none;
	  display: inline-table;
	  width: 15px;
  }
  .paging-table li a{
	  padding: 8px;
  }
  .paging-table li a.active{
	background: #11316e;
    color: white;
  }
  .paging-table li a:hover{
	background: #11316e;
    color: white;
  }
  .notice-box div{
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
}
.limited-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 4.5em;
}
.tablecreatedraft td input{
	margin-bottom: 0px;
}
.tablecreatedraft td b{
	padding-right: 15px;
}
.x-grid3-cell-inner {
  white-space: normal !important;
  word-wrap: break-word !important;
}
.docnav2{
	position: relative;
}
.docnav2 button.docnavleft2{
	border-radius: 3px;
    padding: 7px 7px;
    color: white !important;
    text-decoration: none;
    position: absolute;
    top: -18px;
	cursor: pointer;
	width: 80px;
}
/* ===================== */
/* 🔹 INPUT SEARCH STYLE */
/* ===================== */
#patient-search {
  width: 320px;
  padding: 8px 12px;
  font-size: 15px;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 6px;
  outline: none;
  background-color: #fff;
  transition: all 0.25s ease;
}

#patient-search:focus {
  border-color: #007BFF;
  box-shadow: 0 0 6px rgba(0,123,255,0.3);
}

/* ============================ */
/* 🔹 AUTOCOMPLETE DROPDOWN BOX */
/* ============================ */
.ui-autocomplete {
  position: absolute;
  max-height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  font-family: "Segoe UI", "Roboto", sans-serif;
  z-index: 99999 !important;
  padding: 4px 0;
}

/* Ẩn border mặc định */
.ui-menu {
  border: none !important;
}

/* =========================== */
/* 🔹 ITEM STYLE (mỗi dòng)    */
/* =========================== */
.ui-menu-item-wrapper {
  padding: 8px 12px;
  border-bottom: 1px solid #f0f0f0;
  line-height: 1.4;
  color: #333;
  transition: background 0.2s ease;
}

/* Hover hoặc focus */
.ui-menu-item-wrapper:hover,
.ui-menu-item-wrapper.ui-state-active {
  background-color: #e9f2ff !important;
  color: #003366 !important;
  border: none !important;
  cursor: pointer;
}

/* =============================== */
/* 🔹 HIỂN THỊ ĐA DÒNG TRONG ITEM */
/* =============================== */
.ui-autocomplete .patient-item {
  display: flex;
  flex-direction: column;
}

.ui-autocomplete .patient-item strong {
  font-size: 14px;
  color: #007BFF;
}

.ui-autocomplete .patient-item small {
  color: #666;
  font-size: 12px;
}

/* ============================ */
/* 🔹 GENDER COLOR INDICATORS   */
/* ============================ */
.ui-autocomplete .gender-female { color: #E91E63; font-weight: 500; }
.ui-autocomplete .gender-male   { color: #2196F3; font-weight: 500; }
.ui-autocomplete .gender-other  { color: #9C27B0; font-weight: 500; }

/* ============================ */
/* 🔹 SCROLLBAR CUSTOM (modern) */
/* ============================ */
.ui-autocomplete::-webkit-scrollbar {
  width: 8px;
}

.ui-autocomplete::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 8px;
}

.ui-autocomplete::-webkit-scrollbar-thumb {
  background: #007BFF;
  border-radius: 8px;
}

.ui-autocomplete::-webkit-scrollbar-thumb:hover {
  background: #0056b3;
}

/* ============================ */
/* 🔹 SELECTED ITEM PREVIEW BOX */
/* ============================ */
#patient-info {
  margin-top: 12px;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
  width: 320px;
  font-size: 14px;
  color: #333;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
#case_LastName_Search.halo-loading {
  background-image: url(/images/spinner.gif);
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 18px 18px;
}
.spinner-border {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: text-bottom;
  border: 0.15em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
  margin-left: 5px;
}

@keyframes spinner-border {
  100% {
    transform: rotate(360deg);
  }
}

.spinner-border-sm {
  width: 0.9rem;
  height: 0.9rem;
  border-width: 0.15em;
}
/* 🔹 Style cho danh sách kết quả */
.halo-dropdown {
  position: absolute;
  background: #fff;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  max-height: 300px;
  overflow-y: auto;
  width: 100%;
  font-size: 14px;
  padding: 0;
  margin: 0;
}

.halo-dropdown li {
  list-style: none;
  padding: 8px 10px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
}

.halo-dropdown li:hover {
  background: #f5f8ff;
}
#search-result-list li strong{
    color: #11316e;
}
#search-result-list li small{
    color: #666;
	font-size: 12px;
}
#search-result-list li small.adre{
	color: #11316e;
}
.btn-verity{
   width: 98px;
    float: left;
    text-align: start;
    padding-top: 10px;
	padding-left: 10px;
}
.btn-verity #show_edit_clinic{
	width: 20px;
	height: 20px;
	vertical-align: middle;
	display:none
}
.btn-verity input{
	cursor: pointer;
	border-radius: 3px;
	background-color: #11316e;
	padding: 5px 7px;
	border: 1px solid #11316e !important;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	margin-right: 0px;
}
.stl-txt{
	width:117px;float:left;   
	padding-top: 10px;
}
.stl-txt-1{
	width: 202px;
}
.stl-txt-1 input{
	width: 190px;
}
.stl-txt-2{
	width:310px;
	float:left;   
	 padding-top: 10px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6;
	font-weight: normal;
	color: #555555;
	display:inline-block;
	 zoom: 1;
	
}
.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 {
	border: 1px solid #999999;
	background: #dadada;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus 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 #aaaaaa;
	background: #ffffff;
	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-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35);
}
.show-notice{
	padding: 20px;
	padding-top:0px;
	padding-bottom:0px;
}
#sessiontime{
	padding:15px; 
	display:none;  
	position:fixed; 
	z-index:100; 
	width:350px; 
	top:30%; 
	left:40%; 
	border:3px solid #CCC; 
	background-color:#FFF;
}
#my_quicknotice{
	margin-top:7px;
	border: 1px solid #f3ca21;
	background: #ffeb99;
	padding-left: 5px;
	padding-right: 5px;
	display:none;
}
#login_extend{
	background-color: #11316e;
	border: 1px solid #11316e;
	margin: 0 20px 0px 5px;
	padding: 5px 7px;
	color:white;
	text-decoration:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
#login_log_off{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;padding: 5px 7px;
	color: #11316e;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	box-shadow: 0px 1px 2px rgb(100 100 100 / 40%);
	-moz-box-shadow: 0px 1px 2px rgba(100,100,100,.4);
	-webkit-box-shadow: 0px 1px 2px rgb(100 100 100 / 40%);
}
#losesession{
	padding:15px; 
	display:none; 
	position:fixed; 
	z-index:100; 
	width:470px; 
	top:25%; 
	left:30%; 
	border:3px solid #CCC; 
	background-color:#FFF;
}
#show_loading_over{
	height: 70px;
	line-height: 70px;
	text-align: center;
}
#sessionshadow{
	position:fixed;
	z-index:99; display:none;
	top:0px; 
	left:0px; 
	width:100%;
	height:100%; 
	background-color:#333; 
	opacity:1; 
	filter:alpha(opacity=50);
}