/**Basic--------*/
* {margin: 0;padding: 0;}
a {color: #333;text-decoration: none;cursor: pointer;}
a:hover {text-decoration: underline;}
a img {border: none;}
h1, h2, h3, h4 {
	font-weight: bold;text-align: left;padding: 3px 0;text-shadow: 0 1px #FFFFFF;
	color: #22665d;
}
h3{	
    font-size: 15px;
    text-transform: uppercase;
}
ul{list-style: none;}
input,select,textarea{outline: none;}
.clear{clear: both;}
.clear10{height: 10px;clear:both;}
.clear5{height: 5px;clear:both;}

body {
	background: url("../img/bg.png");
	color: #00000;
	font-family: Arial, Helvetica;
	font-size: 12px;
}


/** Layout **/
#body-container {
	text-align: left;
	width: 100%;
}
#header{
	padding: 5px 20px 5px 20px;
	background-color: #22665D;
}
#content{
    clear: both;
    min-height: 400px;
    padding: 10px 20px 20px;
	position: relative;
}
#footer {
	 clear: both;
    color: #256C63;
    font-size: 14px;
    font-weight: bold;
    padding: 0 20px;
    text-align: center;
	margin-bottom: 30px;
}
#content .trial{
	position:absolute;
	float: right;
	background: url("../img/bg_trial.png");
	height: 55px;
	width:162px;
	top:5px;
	right:5px;
	color: white;
	z-index:1000;
}
#content .trial .pone{
	display:block;
	float:left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	margin: 15px 0px 5px 15px;
}
#content .trial span{
	color: #fccf33;
}
#content .trial .ptwo{
	clear:both;
	margin: 15px 0px 0px 15px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
#content .trial .pthree{
	display:block;
	float:right;
	margin:10px 22px 0px 15px;	
}
#content .trial .pthree a{
	color: #e10a2d;
	font-weight: bold;
	font-size: 11px;
}
/** Tables **/
table {
	border-right:0;
	clear: both;	
	margin-bottom: 10px;
	width: 100%;
	background: #FAFAFA;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
}
table.table70{
	width: 70%;
}
table.table40{
	width: 40%;
}
table.table90{
	width: 90%;
}
table.table80{
	width: 80%;
}
table.table60{
	width: 60%;
}
table.tableauto{
	width: auto;
	min-width: 80%;
}
table.table100{
	width: 100%;
}
tr:nth-child(even) {
	background: #ffffff;
}
th {
	/*border-bottom: 2px solid #555;
	border-top: none;
	border-left: none;
	border-right: none;
	text-align: left;
	padding: 5px;*/
    border-bottom:1px solid #ddd;
    padding: 5px;
    text-align: left;
    text-transform: uppercase;
	color: #22665d;
	background-color: #fefefe;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f3f3f3));
	background: -webkit-linear-gradient(top, #fefefe, #f3f3f3);
	background: -moz-linear-gradient(top, #fefefe, #f3f3f3);
	background: -ms-linear-gradient(top, #fefefe, #f3f3f3);
	background: -o-linear-gradient(top, #fefefe, #f3f3f3);
	background: linear-gradient(top, #fefefe, #f3f3f3);
}
th a{
	color: #22665d;
	padding-top: 3px;
}
th a.asc{
	background: url("../img/arrow-down.png") top right no-repeat;
	padding-right: 20px;
}
th a.desc{
	background: url("../img/arrow-up.png") top right no-repeat;
	padding-right: 20px;
}
td {
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
td.actions {
	white-space: nowrap;
	width: 70px;
}
td.currency, th.currency{
	text-align: right;
}

/** Paging **/
.paging-left{
	float: left;
	margin-top: 5px;
	display: inline-block;
}
.paging {
	float: right;
}
.paging span{
	display: inline-block;
	border: 1px solid #ccc;
}
.paging span.display-none{
	display: none;
}
.paging span + span{
	border-left: none;
}
.paging span.display-none + span{
	border-left: 1px solid #ccc;
}
.paging span.current, .paging span a{
	padding: 5px 8px;
	display: inline-block;
}
.paging span.current, .paging span a:hover {
	background: #efefef;
	font-weight: bold;
}

/** Scaffold View **/
dl {
	line-height: 2em;
}
dl dd:nth-child(4n+2), dl dt:nth-child(4n+1) {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
	width: 10em;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/** Forms **/
form {
	clear: both;
	padding: 0;
	width: 100%;
}
fieldset {
	border: none;
}
fieldset fieldset {
	margin-top: 0;
	padding: 10px 0 0;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	/*margin-bottom: 1em;*/
	padding: 0px 0;
	vertical-align: text-top;
}
form .input {
	color: #444;
	margin-bottom: 5px;
}
form .required {
	font-weight: bold;
}
form .required label:after {
	color: #e32;
	content: ' *:' !important;
	display:inline;
}
form div.submit {
	border: 0;
	clear: both;
}
label {
	display: block;
	margin-bottom:3px;
	font-weight: bold;
	text-shadow: 0 1px #fff;
}
input, textarea {
	clear: both;
	padding: 5px;
	width: 350px;
}
select {
	clear: both;
	padding: 4px;
}
select[multiple=multiple] {
	width: 100%;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
div.checkbox label {
	display: inline;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 6px 0;
	padding: 0;
	line-height: 26px;
}
.radio label {
	margin: 0 0 6px 20px;
	line-height: 26px;
}
.itextbox, .iselect, .itextarea{
	background-color: #FFFFFF;
    border: 1px solid #DADADA;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02) inset, 0 1px 0 #FFFFFF;
}

/* Form errors */
form .error {
	font-weight: normal;
}
form .error-message {
	border: none;
	background: none;
	margin: 0;
	padding-left: 4px;
	padding-right: 0;
}
form .error, form .error-message {
	color: #b94a48;
	font-size: 11px;
}
.success, .message, .cake-error, .cake-debug, .notice, p.error, .error-message {
	background: #ffcc00;
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-bottom: 15px;
	padding: 5px 10px;
	color: #404040;

	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
	
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	text-shadow: 0 1px #F1F1F1;
}
.success {
	clear: both;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background: #3B8230;
}
p.error {
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	font-weight: normal;
	line-height: 140%;
}
.notice {
	color: #000;
	display: block;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	color: #fff;
}

.imesserror{
	background: #ffcc00;
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-bottom: 15px;
	padding: 5px 10px;
	color: #404040;
}
.imesssuccess{
	border: 1px solid #719e37;
	background: #9bc747; /* Old browsers */ 
	background: -moz-linear-gradient(top, #9bc747 0%, #82bd42 100%); /* FF3.6+ */ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bc747), color-stop(100%,#82bd42)); /* Chrome,Safari4+ */ 
	background: -webkit-linear-gradient(top, #9bc747 0%,#82bd42 100%); /* Chrome10+,Safari5.1+ */ 
	background: -o-linear-gradient(top, #9bc747 0%,#82bd42 100%); /* Opera 11.10+ */ 
	background: -ms-linear-gradient(top, #9bc747 0%,#82bd42 100%); /* IE10+ */ 
	background: linear-gradient(to bottom, #9bc747 0%,#82bd42 100%); /* W3C */ 
	margin-bottom: 15px;
	padding: 5px 10px;
	color: white;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
/**  Actions  **/
div.actions{
	margin-bottom: 10px;
	overflow:hidden;
}
div.actions h3{
	display: none;
}
div.actions ul li {
	list-style: none;
	display: inline-block;
}
div.actions ul li a:hover {
	text-decoration: none;
}
/** Related **/
.related {
	clear: both;
	display: block;
	margin-top: 20px;
}

/** Debugging **/
pre {
	color: #000;
	background: #f0f0f0;
	padding: 15px;
}
.cake-debug-output {
	padding: 0;
	position: relative;
}
.cake-debug-output > span {
	position: absolute;
	top: 5px;
	right: 5px;
	background: rgba(255, 255, 255, 0.3);
	padding: 5px 6px;
	color: #000;
	display: block;
	float: left;
}
.cake-debug, .cake-error {
	font-size: 16px;
	line-height: 20px;
	clear: both;
}
.cake-error {
	white-space: normal;
}
.cake-stack-trace {
	background: rgba(255, 255, 255, 0.7);
	color: #333;
	margin: 10px 0 5px 0;
	padding: 10px 10px 0 10px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
.cake-stack-trace a {
	background: rgba(255, 255, 255, 0.7);
	padding: 5px;
	margin: 0px 4px 10px 2px;
	font-family: sans-serif;
	font-size: 14px;
	line-height: 14px;
	display: inline-block;
	text-decoration: none;
}
.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
.cake-context {
	margin-bottom: 10px;
}
.cake-stack-trace pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px 0 10px 0;
	padding: 1em;
	overflow: auto;
}
.cake-code-dump pre, .cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
.cake-code-dump .code-highlight {
	display: block;
	background-color: rgba(255, 255, 0, 0.5);
}
.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
.code-coverage-results div.covered span.content {
	background:#cec;
}
.code-coverage-results div.ignored span.content {
	color:#aaa;
}
.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
.code-coverage-results span.line-num strong {
	color:#666;
}
.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
.code-coverage-results div.realstart {
	margin-top:0px;
}
.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
.code-coverage-results span.result-bad {
	color: #a00;
}
.code-coverage-results span.result-ok {
	color: #fa0;
}
.code-coverage-results span.result-good {
	color: #0a0;
}

/** Elements **/
#url-rewriting-warning {
	display:none;
}
div#header span{
	display: inline-block;
	padding: 5px;
	height: 65px;
	vertical-align: middle;
	line-height: 65px;
	font-size: 20px;
	color: #89d3ad;
	font-weight: bold;
}
div#header span.iPharmacy{
	float: left;
	padding-right: 30px;
}
span.tinhanhsoft{
	float: right;
}
span.tinhanhsoft a{
	color: #1261a6;
	font-weight: bold;
}

div#mainmenu{
	background-color: #399e90;
	background: -webkit-gradient(linear, left top, left bottom, from(#399e90), to(#236960));
	background: -webkit-linear-gradient(top, #399e90, #236960);
	background: -moz-linear-gradient(top, #399e90, #236960);
	background: -ms-linear-gradient(top, #399e90, #236960);
	background: -o-linear-gradient(top, #399e90, #236960);
	background: linear-gradient(top, #399e90, #236960);
	height:45px;
	box-shadow: 0 0 5px #333333;
	padding: 0px 20px 0 20px;
}
div#mainmenu ul.menu {
	list-style:none;
	margin-top: 0px;
}
div#mainmenu ul.menu a {
	text-decoration:none;
	display: block;
	color: #FFFFFF;
	height: 34px;
	line-height: 34px;
	padding: 7px 8px 3px 8px;
	font-size: 14px;
}
div#mainmenu ul.menu li {
	position: relative;
	float: left;
}
div#mainmenu ul.menu li.has-child{
	background: url("../img/down-arrow.png") no-repeat right 20px scroll;
}
div#mainmenu ul.menu li:hover {
	background-color: #50847F;
}
div#mainmenu ul.menu li.has-child:hover{
	background: #50847F;
}
div#mainmenu ul.menu ul {
	position: absolute;
	top: 44px;
	left: 0;
	background: #3E7770;
	background: #50847F;
	display: none;
	opacity: 0;
	list-style: none;
	box-shadow: 2px 2px 2px #AAAAAA;
	-webkit-box-shadow: 2px 2px 2px #AAAAAA;
	-moz-box-shadow: 2px 2px 2px #AAAAAA;
}
div#mainmenu ul.menu ul li {
	position: relative;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 190px;
	margin: 0;
}
div#mainmenu ul.menu ul li a {
	display: block;
	padding: 0 5px;
}
div#mainmenu ul.menu ul li a:hover {
	background-color: #50847F;
	background: #3E7770;
}
div.left-top{
	float: right;
	margin-top:10px;
}
div.left-top ul li{
	float: left;
}
div.left-top ul li a{
	padding:10px;
}
div.left-top ul li:hover img{
	margin-top: -1px;
}
div.left-top ul li.no-bright{
	border-right: none;
}
div.left-top ul li.no-bright a{
	padding:0px 5px 0px 10px;
}
div.left-top ul li.no-bleft{
	border-left: none;
}
div.left-top ul li.user{
	color: #fff;
	background: url("../img/icon_doctor.png") top left no-repeat;
	height: 24px;
	padding-left: 20px;
	display: block;
	padding-top: 4px;
}
div.left-top ul li.user:hover{
	text-decoration: none;
}

div.left-top ul li.user a{
	color: #fff;
	padding:5px;
}
div.left-top ul li.user span{
	color: #fff;
	padding:5px;
}
div.left-top ul li.user a:hover{
	text-decoration: underline;
}

div.left-top li ul.list-logged{
	display: none;
	margin-top: -10px;
}
div.left-top li ul.list-logged li{
	border:none;
	padding: 0;
	position: absolute;
	background: #FAFAFA;
	width: 120px;
	z-index: 10;
}
div.left-top li ul.list-logged li a{
	display: block;
	padding-left: 10px;
	font-weight: bold;
}
div.left-top li ul.list-logged li a:hover{
	text-decoration: none;
}
div.left-top li:hover ul.list-logged{
	display: block;
}




div.cat-list, div.drug-list{
    float: left;
    margin: 0;
    padding: 0 0 0 1%;
    width: 32%;
}
div.head-box{
	background-color: #fefefe;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d5d5d5));
	background: -webkit-linear-gradient(top, #fefefe, #d5d5d5);
	background: -moz-linear-gradient(top, #fefefe, #d5d5d5);
	background: -ms-linear-gradient(top, #fefefe, #d5d5d5);
	background: -o-linear-gradient(top, #fefefe, #d5d5d5);
	background: linear-gradient(top, #fefefe, #d5d5d5);
	border: 1px solid #ddd;
	-webkit-border-radius:3px 3px 0 0;
	   -moz-border-radius:3px 3px 0 0;
	        border-radius:3px 3px 0 0;
}
div.cat-list label, div.drug-list label{
	font-weight: bold;
    margin: 0;
    padding: 6px 0 6px 25px;
    color: #216960;
    text-shadow:0 1px #fff; 
    background: url("../img/action-sebill.png") 3px 6px no-repeat;
}
div.cat-list ul, div.drug-list ul{
    border: 1px solid #DDDDDD;
    display: block;
    height: 400px;
    overflow: auto;
    padding: 5px;
	margin: 0;
	background: #FAFAFA;
}
div.cat-list ul li, div.drug-list ul li{
	display: inline-block;
	width: 45%;
	overflow: hidden;
	padding: 3px;
	background-color: #DCDCDC;
	border: 1px solid #DDDDDD;
	margin: 2px;
	white-space: nowrap;
	overflow: hidden;
}
div.cat-list ul li:hover, div.drug-list ul li:hover{
	background-color: #FFD259;
	border: 1px solid orange;
	cursor: pointer;
}
div.drug-list ul li.choosed{
	background: url("../img/checked.png") no-repeat scroll right center #a9fdaf;
	border: 1px solid #5ccc64;
	cursor: default;
}
div.drug-list ul{
    display: none;
}
div.cat-list ul.popular-prescriptions, div.drug-list ul.popular-drugs{
	display: block;
	height: 135px;
	overflow: auto;
	background: #FAFAFA;
	margin-bottom: 13px;
}
ul#dip{
	padding: 10px 0;
}
ul#dip > li{
    display: block;
    padding: 3px 15px 3px 0;
    position: relative;
    border-bottom: 1px solid #DDDDDD;
}
ul#dip li span.del{
	background: url("../img/subtract.png") no-repeat scroll center center transparent;
    cursor: pointer;
    display: block;
    height: 30px;
    margin-top: -15px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 15px;
}
ul#dip li table, ul#dip li table tr, ul#dip li table tr td{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
ul#dip li table tr td{
	padding: 4px 0;
}
ul#dip li table tbody tr td input{
    background: url("../img/underline.png") repeat-x scroll 0 bottom transparent;
    border: medium none;
    margin: 0;
    padding: 0;
    width: 30px;
	font-size: 12px;
	font-weight: bold;
}
ul#dip li table tbody tr td input.fail{
	color: #FF0000;
}
ul#dip li table tbody tr td input.drug-name{
	width: 100%;
}
ul#dip li table tbody tr td input.drug-quantity, ul#dip li table tbody tr td input.times-per-day, ul#dip li table tbody tr td input.quantity-per-times{
	width: 20px;
}
ul#dip li table tbody tr td input.unit-name, ul#dip li table tbody tr td input.drug-using, ul#dip li table tbody tr td input.using-unit-name{
	width: 40px;
}
ul#dip li table tbody tr td input.drug-using{
	width: 70%;
}
ul#dip li table tbody tr td input.drug-notes{
	width: 120px;
}

div.prescriptionsadd{
    float: left;
    margin: 0;
    padding: 0;
    width: 34%;
}
div.prescriptionsadd form{
	padding: 0;
	margin: 0;
	width: 100%;
}
div.prescriptionsadd form fieldset div{
	padding: 0;
	margin: 0;
}
div.prescriptionsadd form fieldset div input{
	background: url("../img/underline.png") repeat-x scroll 0 bottom transparent;
	border: none;
	width: 100%;
	padding: 0;
}
div.prescription-advice textarea#PrescriptionAdvice{
    background: url("../img/line.png") repeat scroll 0 0 transparent;
    border: medium none;
    height: 80px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.iprescription{
	background: white;
	padding:5px;
	margin-bottom: 20px;
	box-shadow: 2px 3px 3px #888888;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
}
.iprescription .ips{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #3E7770;
	text-align: center;
}
div.doc-signature img{
	height: 64px;
	width: auto;
}
div#prescription-footer-right div.doc-signature{
	margin: 0;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	min-height: 30px;
	vertical-align: middle;
}
div.doc-signature div{
	display: inline-block;
	padding: 0 5px 0 0;
	margin: 0;
}
div.doc-signature div img{
	padding: 5px;
	border: 1px solid #CCCCCC;
}
div.doctors dl dd img.doc-signature{
	height: 64px;
	width: auto;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

div.prescription-doctor{
	margin: 0;
	padding: 10px 0 0 0;
	width: 100%;
	text-align: center;
}
div.prescription-doctor select#PrescriptionDoctorId{
    background: url("../img/underline.png") repeat-x scroll 0 bottom transparent;
    border: medium none;
    width: 150px;
	font-weight: bold;
}
div.prescription-date{
	padding-bottom: 10px;
	margin: 0;
	width: 100%;
	text-align: center;
	font-style: italic;
}
form div.printbtn, form div.createbtn, form div.savebtn{
	display: inline-block;
	padding: 10px 2px;
	margin: 0;
}
div.pklogo{
	position: relative;
	display: block;
	float: left;
	width: 40%;
	min-height: 300px;
	padding: 0;
	margin: 50px 0 0 0;
}
div.pksympol{
	float: left;
	width:64px;
	height:64px;
	margin: 55px 15px 0 0;
}
div.pkinfos{
    color: #003D4C;
    float: left;
    margin: 0;
    padding: 50px 0 0;
	width: 50%;
}
div.pkinfos div.site-name, div.pkinfos div.site-add, div.pkinfos div.site-agent, div.pkinfos div.tax-code,
div.display-center div.site-name, div.display-center div.site-add, div.display-center div.site-agent, div.display-center div.tax-code{
	padding: 5px 0;
	font-size: 15px;
}
div.pkinfos div.site-name, div.display-center div.site-name{
	font-weight: bold;
	font-size: 25px;
	text-shadow:0 1px #ffffff;
}
div.pkinfos div.site-add{}
.ilogo{float: left;margin-right: 15px;margin-top:2px;}
.list-home-icon{
	list-style: none;
}
.list-home-icon li {
    display: inline-block;
    margin: 10px 10px;
    text-align: center;
}
.list-home-icon li a{
    border: 1px solid #D5D5D5;
    border-radius: 3px 3px 3px 3px;
    color: #626262;
    display: block;
    font-weight: bold;
    padding: 10px;
    text-shadow: 0 1px #FFFFFF;
    white-space: nowrap;
    background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	box-shadow: 0 1px 2px #eee;
	-webkit-box-shadow: 0 1px 2px #eee;
	-moz-box-shadow: 0 1px 2px #eee;
	width: 110px;
	height: 60px;
}
.list-home-icon li a:hover{
	text-decoration: none;
	background: #fcfcfc;
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f6f6f6 100%);
	background: -o-linear-gradient(top,  #fcfcfc 0%,#f6f6f6 100%);
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#f6f6f6 100%);
	background: linear-gradient(top,  #fcfcfc 0%,#f6f6f6 100%);
}
.list-home-icon li a > span {
    display: block;
    font-weight: bold;
    line-height: 28px;
}


div.hr{
	padding: 1px 0;
	border-top: 1px solid #22665D;
}
div#authake{
	display: block;
	margin: 0;
	padding: 5px 0;
}
div#authake div.login form fieldset{
	padding: 0;
	margin: 0;
}
div#authake div.login form fieldset div, div#authake div.login form div.submit{
	
	margin: 0;
}
div#authake div.login p.lostpassword, div#authake div.login p.register{
	font-size: 12px;
	display: inline-block;
	padding: 5px 10px 5px 0;
}
div#authake div.login-info{
	padding: 10px 0;
}
.login input{
	width: 160px;
}
div.flash_box{
	font-size: 12px;
	padding: 10px;
	background-color: #FFFBDB;
}
.flash_info {
    background-color: #09C;
}
.flash_success {
    background-color: #0A0;
}
.flash_warning {
    background-color: #F60;
}
.flash_error {
    background-color: #900;
}
ul.per-day, ul.per-month{
	padding: 10px 0 30px 0;
}
ul.per-day li, ul.per-month li, ul.per-doctor li{
	list-style: none;
	display: inline-block;
	padding: 3px;
	margin: 3px;
}
li.active{
	background-color: #EEEEEE;
	border: 1px solid #AAAAAA;
}
div.classification{
	display: block;
	width: 40%;
	float: left;
	padding: 0;
	margin: 0;
}
div.stat-values{
	float: right;
	display: block;
	width: 60%;
	padding: 0;
	margin: 0;
}
div.prescription-search div.radio input, div.prescription-search div.radio label{
	display: inline-block;
	float: none;
	padding: 0;
	margin: 3px;
}
input#mark-all{
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
}
input#marked-del{
	background: url("../img/remove.png") no-repeat scroll 0 0 transparent;
	width: 16px;
	height: 16px;
	border: none;
	margin: 0;
	padding: 0;
	text-indent: -3000px;
}
form#drugs-delete{
	margin: 0;
	padding: 0;
	width: auto;
}
div.settings{
	background: #FAFAFA;
	border: 1px solid #ddd;
	width: 70%;
}
div.setting-head{
	color: #22665d;
	background-color: #fefefe;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f3f3f3));
	background: -webkit-linear-gradient(top, #fefefe, #f3f3f3);
	background: -moz-linear-gradient(top, #fefefe, #f3f3f3);
	background: -ms-linear-gradient(top, #fefefe, #f3f3f3);
	background: -o-linear-gradient(top, #fefefe, #f3f3f3);
	background: linear-gradient(top, #fefefe, #f3f3f3);
	height: 30px;
	line-height: 30px;	
}
div.setting-head h3{
	padding-left: 29px;
	background: url("../img/settings.png") 7px 9px no-repeat;
}
div.settings form .frow-logo{
	margin: 20px 0 0 20px;
}
div.settings form .frow{
	margin-bottom: 10px;
	margin-left: 20px;
}
div.settings form .frow-left{
	float: left;
	width: 300px;
}
div.catalog-group, div.drug-group{
	width: 100%;
	height: 200px;
	overflow: auto;
	border: 1px solid #DDDDDD;
	padding: 5px;
	background: #FAFAFA;
}
div.drugsview, div.catalogsview, div.unitsview, div.equipmentsview, div.servicesview, div.usersview, div.rulesview{
	background: #FAFAFA;
	border: 1px solid #ddd;
	width: 70%;
	box-shadow: 2px 3px 3px #888;
}
div.prescriptiondetails, div.billslbill{
	margin-top: 20px;
}

div.catalog-group div.checkbox, div.drug-group div.checkbox{
	margin: 0;
	padding: 5px;
	width: 20%;
	display: inline-block;
}
div.drug-using, div.drug-times-per-day, div.drug-quantity-per-times, div.drug-notes, div.drug-quantity{
	display: inline-block;
	padding: 5px 5px 5px 0;
}
div.drug-using input, div.drug-times-per-day input, div.drug-quantity-per-times input, div.drug-notes input, div.drug-quantity input{
	width: 170px;
}

input#drugkey{
	background: none;
	border: 1px solid #A4A4A4;
	width: 100%;
	padding: 5px 0;
	text-indent: 5px;
	display: block;
	text-transform: capitalize;
}
input#drugkey.ui-autocomplete-loading{
	background: url("../img/wait.gif") no-repeat scroll right 50% transparent;
}
div.drug-key label{
	width: 20%;
	display: inline-block;
	vertical-align: top;
	padding-top: 5px;
}
div.drug-key div#placeholder{
	width: 80%;
	display: inline-block;
	position: relative;
}
ul.ui-autocomplete{
	list-style: none;
	overflow: auto;
	background-color: #FFFFFF;
	border: 1px solid #A4A4A4;
	border-top: none;
	position: absolute;
	-moz-box-shadow: 0 3px 6px #AAAAAA;
}
ul.ui-autocomplete li.ui-menu-item{
	border-bottom: 1px solid #EEEEEE;
}
ul.ui-autocomplete li.ui-menu-item:last-child{
	border: none;
}
ul.ui-autocomplete li.ui-menu-item a{
	display: block;
	padding: 10px 5px;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
}
ul.ui-autocomplete li.ui-menu-item a.ui-state-hover{
	background-color: #FFD259;
}
ul.ui-autocomplete li[type=stitle]{
	float: left;
	width: 50%;
	display: block;
	margin: 0;
	padding: 0;
}
ul.ui-autocomplete li[type=etitle]{
	float: left;
	width: 50%;
}
ul.ui-autocomplete li.ui-menu-item[type=service]{
	float: left;
	width: 50%;
	display: block;
	clear: left;
	margin: 0;
	padding: 0;
}
ul.ui-autocomplete li.ui-menu-item[type=equipment]{
	float: right;
	width: 50%;
	display: block;
	clear: right;
	margin: 0;
	padding: 0;
}
ul.ui-autocomplete li[type=stitle] span, ul.ui-autocomplete li[type=etitle] span{
	display: block;
	padding: 10px 5px;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	background: #22665D;
	color: #FFFFFF;
}

div#indays ul{
	display: inline-block;
}
div#indays ul li{
	cursor: pointer;
	list-style: none;
	display: inline-block;
	padding: 5px 3px;
	margin: 0 1px;
    border: 1px solid #dddddd;
	color: #333;
	background-color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d5d5d5));
	background: -webkit-linear-gradient(top, #ffffff, #d5d5d5);
	background: -moz-linear-gradient(top, #ffffff, #d5d5d5);
	background: -ms-linear-gradient(top, #ffffff, #d5d5d5);
	background: -o-linear-gradient(top, #ffffff, #d5d5d5);
	background: linear-gradient(top, #ffffff, #d5d5d5);

}
div.cat-list ul.drug-cat li.active{
	background-color: #FFD259;
	border: 1px solid orange;
}
div#indays ul li:hover, div#indays ul li.active{
	background-color: #59b8ac;
	background: -webkit-gradient(linear, left top, left bottom, from(#59b8ac), to(#236960));
	background: -webkit-linear-gradient(top, #59b8ac, #236960);
	background: -moz-linear-gradient(top, #59b8ac, #236960);
	background: -ms-linear-gradient(top, #59b8ac, #236960);
	background: -o-linear-gradient(top, #59b8ac, #236960);
	background: linear-gradient(top, #59b8ac, #236960);
    border: 1px solid #287067;
    color: white;
}

div.licence-expiried{
	padding: 10px 0;
	border-bottom: 1px solid black;
}
div.enter-licence{
	padding: 10px;
	background: #FAFAFA;
	border: 1px solid #ddd;
	width: 70%;
}
div.enter-licence p{
	padding: 5px 0;
}
div.settings form div div{
	padding: 5px 0;
	margin: 0;
	display: inline-block;
}
div.settings div.site-logo img{
	width: 64px;
	height: 64px;
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.float-left{
   float: left;
}
.clear-none{
	clear: none;
}
div#logo div.site-logo img{
	width: 64px;
	height: 64px;
}
div.input > label:after{
	content: " :";	
}
/*Cheat: Don't show ':' character for submit buton */
div.input.submit > label:after{
	color: white;
}
div#prescription-footer div#prescription-footer-left{
	width: 50%;
}
div#prescription-footer div#prescription-footer-right{
	width: 40%;
	float: right;
}
div#prescription-footer div#prescription-footer-right div.doctor-label{
	font-weight: bold;
    text-align: center;
    text-transform: uppercase;
	margin-bottom: 4px;
    padding: 0;
}
div.prescriptions  div.text{
	padding: 0px;
}

div.page-access-denied, div.page-not-found{
	width: 70%;	
	padding: 125px 15%;
}
div.page-access-denied div, div.page-not-found div{
	border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 150px;
	position: relative;
	padding-left: 300px;
}
div.page-access-denied div img, div.page-not-found div img{
	position: absolute;
	left: 20px;
	bottom: 0px;
}
div.page-access-denied div h2, div.page-not-found div h2{
	font-size: 20px;
	padding: 40px 0 20px 0;
	margin: 0;
}
div.page-access-denied div a, div.page-not-found div a{
	border: 1px solid #CCCCCC;
    font-size: 15px;
    padding: 5px;
}
.service-line div.input{
	padding: 0;
	margin: 0;
	display: inline-block;
}
div.patient-form div.input{
	display: block;
	float: left;
	clear: none;
	margin: 5px;
}
span.add-service{
	background: url("../img/plus.png") no-repeat center center scroll;
	width: 30px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
}
span.add-drug{
	background: url("../img/plus.png") no-repeat center center scroll;
	width: 15px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
	float: right;
}
span.subtract-service{
	background: url("../img/subtract.png") no-repeat center center scroll;
	width: 30px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
}
#volume-value{
	padding: 5px;
	font-size: 13px;
}
input.fail{
	border: 1px solid #d1a6a4;
}
.separator{
	padding: 0;
	margin: 10px 0;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #fff;
}
.patient-search{
	height: 40px;
	float: left;
	 padding-bottom: 3px;
}
.patients{
	margin-bottom: 5px;
}
.patients-form{
	margin-bottom: 5px;
	background: #FAFAFA;
	border: 1px solid #DDD;
	padding: 10px;
	max-width: 50%;
}
.patient-view{
	max-width: 600px;
	background: none;
	border: none;
}
em.uppercase{
	text-transform: uppercase;	
	text-decoration: none;
	font-style: normal;
}
.page-title{
	color: #3E7770;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
	text-transform: uppercase;
}
.invoice-number{
	text-align: center;
	padding: 0 0 10px;
	font-weight: normal;
	text-transform: none;
}
.spaces{
	height: 5px;
}
#bill-creation{
	font-size:15px;
	text-align: right;
}
#content em.bold{
	text-decoration: none;
	font-style: normal;
}
#infos{
	display: inline-block; padding-left: 10px;
	float:left;
}
#site-name{
	font-weight: bold;
}
#prescription-title h1{
	text-align: center;
	margin: 5px 0;
	font-size: 20px;
	font-weight: bold;	
}
#prescription-detail .pre_title{
	font-weight: bold;
	padding-bottom: 5px;
}
#prescription-code{
	text-align: center;
}
.line2{
	padding: 2px 0;
}
#prescription-information{
	max-width: 800px;
}
#prescription-information table tr td{
	padding: 6px 0 0 0;
}
#prescription-header, #prescription-footer{
	clear: both;
	padding: 10px 0;
}
#prescription-signature{
	display: inline-block;
    float: right;
	text-align: center;
}
#prescription-advice{
	max-width: 60%;
}
.align-center{
	text-align:center;
}
.report-search{
	width: auto;
}
.inline-block{
	display: inline-block;
}
.active a{
	font-weight: bold;
}
div#infos div{
	padding: 3px 0;
}
div#prescription-signature div.doc-signature{
	padding: 5px 0;
}
input[readonly=readonly], input.readonly{
	background: transparent !important;
	border: none !important;
}
a.ui-corner-all{
	font-weight: normal;
}
.w30px{ width: 30px;}
.w50px{ width: 50px;}
.w80px{ width: 80px;}
.w100px{ width: 100px;}
.w120px{ width: 120px;}
.w150px{ width: 150px;}
.w200px{ width: 200px;}
.w250px{ width: 250px;}
.w293px{ width: 293px;}
.w300px{ width: 300px;}
.w350px{ width: 350px;}
.wauto{ width: auto;}
.wfull{ width: 100%;}
a#patient-list{
	background: url("../img/patient-list.png") repeat-x 0 0 scroll;
	display: inline-block;
	width: 134px;
	height: 27px;
}
a#bill-list{
	background: url("../img/bill-list.png") repeat-x 0 0 scroll;
	display: inline-block;
	width: 121px;
	height: 27px;
}
.editable{
	cursor: pointer;
	padding-right: 15px;
}
.editable:hover{
	background: url("../img/edit.png") scroll no-repeat right center transparent;
}
.editable[editing=true]{
	background: none;
}
.editable-input{
	padding: 0px;
}
.display-none{
	display: none;
}
.display-block{
	display: block;
}
a.action-view{
	background: url("../img/action-view.png") scroll no-repeat center center transparent;
	border: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0px;
	text-transform:capitalize;
}
a.action-edit{
	background: url("../img/action-edit.png") scroll no-repeat center center transparent;
	border: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0px;
	text-transform:capitalize;
}
a.action-delete{
	background: url("../img/icon-trash.png") scroll no-repeat center center transparent;
	border: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0px;
	text-transform:capitalize;
}
a.action-print{
	background: url("../img/action-print.png") scroll no-repeat center center transparent;
	border: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0px;
	text-transform:capitalize;
}
a.action-up{
	background: url("../img/action-up.png") scroll no-repeat center center transparent;
	border: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0px;
	text-transform:capitalize;
}
a.action-down{
	background: url("../img/action-down.png") scroll no-repeat center center transparent;
	border: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0px;
	text-transform:capitalize;
}
a.action-sebill{
	background: url("../img/action-sebill.png") scroll no-repeat center center transparent;
	border: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0px;
	text-transform:capitalize;
}
table td a{
	 border-radius: 2px 2px 2px 2px;
    display: inline-block;
}
a.action-dbill{
	background: url("../img/action-dbill.png") scroll no-repeat center center transparent;
	border: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0px;
	text-transform:capitalize;
}
a.action-prescript{
	background: url("../img/action-prescript.png") scroll no-repeat center center transparent;
	border: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0px;
	text-transform:capitalize;
}

input[type=submit], button.btn-submit{
	display: inline-block;
	width: auto;
	background-color: #3a9d8f;
	background: -webkit-gradient(linear, left top, left bottom, from(#3a9d8f), to(#266f65));
	background: -webkit-linear-gradient(top, #3a9d8f, #266f65);
	background: -moz-linear-gradient(top, #3a9d8f, #266f65);
	background: -ms-linear-gradient(top, #3a9d8f, #266f65);
	background: -o-linear-gradient(top, #3a9d8f, #266f65);
	background: linear-gradient(top, #3a9d8f, #266f65);
	border: 1px solid #256c63;
	-webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
	color: #fff;
	padding: 4px 10px;
}
input[type=submit]:hover, button.btn-submit:hover{
	background: #22665D;
	cursor: pointer;
}
.ibutton a{
	display: inline-block;
	width: auto;
	background-color: #3a9d8f;
	background: -webkit-gradient(linear, left top, left bottom, from(#3a9d8f), to(#266f65));
	background: -webkit-linear-gradient(top, #3a9d8f, #266f65);
	background: -moz-linear-gradient(top, #3a9d8f, #266f65);
	background: -ms-linear-gradient(top, #3a9d8f, #266f65);
	background: -o-linear-gradient(top, #3a9d8f, #266f65);
	background: linear-gradient(top, #3a9d8f, #266f65);
	border: 1px solid #256c63;
	-webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
	color: #fff;
	padding: 4px 10px;
	color: white;
}
.ibutton a:hover{
	background: #22665D;
}
.ibutton-link{
	background-color: #fefefe;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f3f3f3));
	background: -webkit-linear-gradient(top, #fefefe, #f3f3f3);
	background: -moz-linear-gradient(top, #fefefe, #f3f3f3);
	background: -ms-linear-gradient(top, #fefefe, #f3f3f3);
	background: -o-linear-gradient(top, #fefefe, #f3f3f3);
	background: linear-gradient(top, #fefefe, #f3f3f3);
	-webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    border: 1px solid #d5d5d5;
    padding: 5px;
    line-height: 16px;
    margin-right: 7px;
}
.ibutton-link-help{
	background-color: #fefefe;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f3f3f3));
	background: -webkit-linear-gradient(top, #fefefe, #f3f3f3);
	background: -moz-linear-gradient(top, #fefefe, #f3f3f3);
	background: -ms-linear-gradient(top, #fefefe, #f3f3f3);
	background: -o-linear-gradient(top, #fefefe, #f3f3f3);
	background: linear-gradient(top, #fefefe, #f3f3f3);
	-webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    border: 1px solid #d5d5d5;
    padding: 5px;
    line-height: 16px;
    margin-right: 7px;
}
.ibutton-link-help:hover{
	text-decoration: none;
}
.iblinklist a{
	background: url("../img/clipboard-list.png") no-repeat;
	padding-left: 24px;display: block;font-weight: bold;
	text-shadow: 0 1px #FFFFFF;
}
.iblinkadd a{
	background: url("../img/icon-plus.png") 2px 3px no-repeat;
	padding-left: 18px;display: block;font-weight: bold;
	text-shadow: 0 1px #FFFFFF;
}
.iblinkadduser a{
	background: url("../img/user-add.png") no-repeat;
	padding-left: 18px;display: block;font-weight: bold;
	text-shadow: 0 1px #FFFFFF;
}
.iblinkremove a{
	background: url("../img/remove.png") no-repeat;
	padding-left: 24px;display: block;font-weight: bold;
	text-shadow: 0 1px #FFFFFF;
}
.iblinkedit a{
	background: url("../img/action-edit.png") no-repeat;
	padding-left: 24px;display: block;font-weight: bold;
	text-shadow: 0 1px #FFFFFF;
}
.iblinklistbill a{
	background: url("../img/action-sebill.png") no-repeat;
	padding-left: 24px;display: block;font-weight: bold;
	text-shadow: 0 1px #FFFFFF;
}
.iblinklistpatient a{
	background: url("../img/medical_black_small.png") no-repeat;
	padding-left: 24px;display: block;font-weight: bold;
	text-shadow: 0 1px #FFFFFF;
}
table.add-table tr{
	background: none;	
}
table.add-table tr td{
	border: none;
	padding: 2px 0;
}
.align-right{
	text-align: right;
}
.rule-group{
	display: block;
	border: none;
	float: left;
	clear: none;
	width: 30%;
	margin: 0;
	padding: 1%;
	height: 200px;
	overflow: scroll;
}


/*******Page Prescriptions*********/
.prescriptionsadd .service-actions span{
	float:right;
}
.prescriptionsadd .btn-submit{
	margin-right:3px;
}


.listwaiting
{
	display:block;
	list-style:none;
	height:97px;
	overflow:auto;
}

.listwaiting li
{
	display:inline-block;
	padding:3px 7px;
	margin: 2px 4px;
	width:45%;
}

.listwaiting li span
{
	display:inline-block;
	padding-top:4px;
}

.listwaiting li a
{
	display:inline-block;
	float:right;
	margin:0px 2px;
}

.listbutton
{
	padding:2px 5px;
	border:1px solid #22665D;
}


table tr.patient td
{
	vertical-align:top;
}

.waitchange .listbutton
{
	padding:2px 5px;
	border:1px solid #22665D;
	background:#FFF;
}


.waitchange
{
	background:#FFCC00;
    color: #404040;
}

div.actions ul li a.active
{
	color:#FFF;
	background:#477F75;
}

#in-days-custom{
	width: 25px;
	color: #477F75;
}

li:hover #in-days-custom, .active #in-days-custom{
	width: 25px;
	color: #FFFFFF;
}

/* label inside the input */
div.inside-label{
	position: relative;
}
div.inside-label label{
	color: #444444;
	cursor: text;
	left: 7px;
	pointer-events: none;
	position: absolute;
	top: 5px;
	display: inline;
	font-weight: normal;
}
div.populated label{
	display: none;
}
div.focused label, form div.focused.required  label:after{
	color: #cccccc !important;
}
form div.inside-label label:after{
	content: "" !important;
}

/* End label inside the input */
#flashMessage{
	width: 80%;
}
.paddingr5{
	padding-right: 5px;
}
.divcolumns{
	display: inline-block;
	width: 20%;
}

.divcolumns .error-message{
	width: 85%;
}
/*Place holder style*/
::-webkit-input-placeholder {
   color: #CCCCCC;
   font-weight: normal !important;
}

:-moz-placeholder {
   color: #CCCCCC;
   font-weight: normal !important;
}

::-moz-placeholder {
   color: #CCCCCC;
   font-weight: normal !important;
}

:-ms-input-placeholder {
   color: #CCCCCC;
   font-weight: normal !important;
}

form div.div-patient-age{
	position: relative;
}
form div.div-patient-age input#patient-age{
	width: 58px;	
}
form div.div-patient-age select#patient-age-unit{
	position: absolute;
	right: 5px;
	bottom: 5px;
	padding: 0;
	border: none;
}

.show-tooltip
{
	display:inline-block;
	background:#FFF;
	border: 1px solid #DCD8D8;
    box-shadow: 0 1px 3px #8A8A87;
    line-height: 18px;
	color:#000;
	text-indent: 1px;
	padding:5px;
	font-size: 12px;
	white-space:normal;
}


.show-tooltip img.left
{
	position:absolute;
	bottom:-19px;
	left:20px;
}

.show-tooltip img.right
{
	position:absolute;
	bottom:-19px;
	right:20px;
}

#formTooltipDiv{
    border: 1px solid #FFFFFF;
	 -webkit-box-shadow: 0px 1px 3px #8a8a87;
	    -moz-box-shadow: 0px 1px 3px #8a8a87;
	     -ms-box-shadow: 0px 1px 3px #8a8a87;
	      -o-box-shadow: 0px 1px 3px #8a8a87;
	         box-shadow: 0px 1px 3px #8a8a87;	     
    line-height: 18px;
    padding: 15px 10px 10px 10px;
    background: #F4F4F4;
    background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), to(#FFF));
    background: -webkit-linear-gradient(top, #F4F4F4, #FFF);
    background: -moz-linear-gradient(top, #F4F4F4, #FFF);
    background: -ms-linear-gradient(top, #F4F4F4, #FFF);
    background: -o-linear-gradient(top, #F4F4F4, #FFF);
    background: linear-gradient(top, #F4F4F4, #FFF);
    border-radius:3px
}

#formTooltip_closeBox
{
	display:block;
	position:absolute;
	top:0px;
	right:5px;
}

.page-style{
	width: 85%;
	background: white;
	padding: 10px;
	box-shadow: 2px 3px 3px #888888;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}
.red{
	color: red
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #444;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #444;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #444;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #444;
}

.no-bright
{
	margin-right:-10px
}
div ul.symptoms li{	
	width: 95%;	
	padding: 3px;
	background-color: #DCDCDC;
	border: 1px solid #DDDDDD;
	margin: 2px;
	white-space: pre-wrap;
	overflow: hidden;
}
.date{	
	float: right; 
	padding: 0 10px;
}
.del-symptom{
	  background: url("../img/subtract.png") no-repeat scroll center center transparent;
    cursor: pointer;
    display: block;
    height: 13px;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
}
.symptoms li{
	position: relative;
}

/**Step 1----------------------*/
#guideModal {
	color: #333;
}
#guideModal .headnote{	
	color: #267168;
	font-weight: bold;
	padding-bottom: 10px;
}
#guideModal .step{
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 15px;
}
.gstepone form div{
	clear: none;
}
.gstepone form div.clear{
	clear: both;
}
.gstepone form div.frow{
	margin-bottom: 10px;
}
.gstepone form .colone{
	float: left;
	width: 370px;
}
.gstepone form .colone .txt, .gstepone form .coltwo .txt{
	width: 340px;
}
.gstepone form .coltwo{
	float: right;
	width: 370px;
}
#guideModal .leftButton{
	float: left;
	margin-top: 10px;
	color: #999;
}
#guideModal .rightButton{
	float: right;
}
#guideModal .buttonSetting{
	background: #267168;
	color: white;
	border: none;
}
.gstepone .settingMess div{
	color: red;
	border: 1px solid red;
	padding: 5px;
	margin-bottom: 10px;
}
/**Step 2----------------------------*/
.gsteptwo{display: none;}
.gsteptwo form div{
	clear: none;
}
.gsteptwo form div.clear{
	clear: both;
}
.gsteptwo form div.frow{
	margin-bottom: 10px;
}
.gsteptwo form .colone{
	float: left;
	width: 310px;
}
.gsteptwo form .colone .txt, .gsteptwo form .coltwo .txt{
	width: 300px;
}
.gsteptwo form .coltwo{
	float: right;
	width: 310px;
}

/**Step 3----------------**/
.gstepthree{
	display: none;
}
.gstepthree .resultBrowse{
	text-align: center;
}
.gstepthree .resultBrowse p{
	text-align: left;
}

.gstepthree .resultBrowse img{
	margin: 10px 0;
}
.gstepthree .linkButtonSetting{
	background: #267168;
	color: white;
	border: none;
	padding: 5px 10px;
	display: block;
	font-weight: bold;
}
#guideModal .leftButton a{
	font-weight: bold;
	color: #267168;
}
.gstepthree .linkButtonSetting:hover{
	cursor: pointer;
	text-decoration: none;
}

.in-progress {
	display: none;
	position: absolute;
	z-index: 1000;
	left:0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url('../img/loading.gif') center 50% no-repeat #FFFFFF;
	opacity:0.7;
}

span.hint {
    color: #AAAAAA;
    display: block;
    font-size: 10px;
    font-style: italic;
}

.bills_hint {
    margin-left: -428px;
}
.dinstock_hint{
	margin-left: -214px;
}
.einstock_hint{
	margin-left: 1px;
}
#drug-search fieldset {
	padding-bottom: 2px;
}
.w210px {
	width: 210px;
}
.action-exportexcel, .action-printtable {
	float: right;
	text-transform: uppercase;
	color: #22665d;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}
a.action-exportexcel:hover, a.action-printtable:hover{
	text-decoration: none;
}
.separation_cl {
	padding-left: 5px;
	padding-right: 5px;
	float: right;
}
.paragraph_support_browser {
	font-size: 14px;
	padding-bottom: 5px;
}
.paragraph_support_browser ul {
	padding-top: 5px;
}
.paragraph_support_browser ul li{
	padding-top: 5px;
	list-style: inside;
}
.priceTotal{
	text-align: right;
	font-weight: bold;
}
#volume-value-service{
	padding: 5px;
}

.group_button{
	margin-top: 30px;
	text-align: right;
}
#confirmModal p{
	line-height: 20px;
}
.group_button .okLink{
	background-color: #3a9d8f;
	background: -webkit-gradient(linear, left top, left bottom, from(#3a9d8f), to(#266f65));
	background: -webkit-linear-gradient(top, #3a9d8f, #266f65);
	background: -moz-linear-gradient(top, #3a9d8f, #266f65);
	background: -ms-linear-gradient(top, #3a9d8f, #266f65);
	background: -o-linear-gradient(top, #3a9d8f, #266f65);
	background: linear-gradient(top, #3a9d8f, #266f65);
	border: 1px solid #256c63;
	-webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
	color: #fff;
	padding: 4px 10px;
	color: white;
}
.group_button .cancelLink{
	border:1px solid #ddd;
    padding: 4px 10px;
	color: #22665d;
	background-color: #fefefe;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f3f3f3));
	background: -webkit-linear-gradient(top, #fefefe, #f3f3f3);
	background: -moz-linear-gradient(top, #fefefe, #f3f3f3);
	background: -ms-linear-gradient(top, #fefefe, #f3f3f3);
	background: -o-linear-gradient(top, #fefefe, #f3f3f3);
	background: linear-gradient(top, #fefefe, #f3f3f3);
	border-radius: 3px;
	margin-left: 10px;
}
.group_button .okLink:hover, .group_button .cancelLink:hover{
	cursor: pointer;
	text-decoration: none;
}
.display-center{
	margin: 50px 0;
	text-align:center;
}
.mceEditor {
	display: inline-block;
}