@charset "utf-8";
/* CSS Document for skinScan */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

body{
	background:#fff;
	color:#333;
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:14px;
}

h2 {
	font-weight: 600; 
	font-size:1.57em;
	margin:1em 0 0.1em;
}

a,
a:hover,
a:active,
a:visited {
	color:#7b519d;
	text-decoration:none;
}

a:hover {
    color:#5a3080;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

textarea {
	font-family:'Open Sans', Helvetica, Arial, sans-serif;
	font-size:1em;
	resize:none;
}

#logo {
	background:url("../img/logo.jpg") no-repeat left top #fff;
	height:162px;
	text-indent:-9999px;
	width:300px;
}

#scanlist{
	float:left;
	height:650px;
	padding:11px 0 11px 11px;
	width:330px;
}

#scanlist ol {
	margin-top:0;
	padding:0 0 0 20px;
}

#scanlist li {
	margin-bottom:3px;
}

#scanlist .selectedEntry a{
	color:#333;
	font-weight:600;
}

#scandetails{
	background-color: #f2f2f2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float:left;
	height:629px;
	margin-left:20px;
	margin-right:11px;
	overflow: auto;
	padding:11px;
	width:665px;
}

#reply{
	float:left;
	padding:0;
}

#reply a, .scanActions a{
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(251,175,59,1) 0%, rgba(244,117,43,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,175,59,1)), color-stop(100%,rgba(244,117,43,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(251,175,59,1) 0%,rgba(244,117,43,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(251,175,59,1) 0%,rgba(244,117,43,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(251,175,59,1) 0%,rgba(244,117,43,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(251,175,59,1) 0%,rgba(244,117,43,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbaf3b', endColorstr='#f4742b',GradientType=0 ); /* IE6-9 */
	border:1px solid #e86d27;
	color:#fff;
	display:block;
	font-weight:bold;
	padding:8px 11px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	text-decoration: none;
	text-shadow:0 1px 0 rgba(0,0,0,0.25);
	width:140px;
}

#reply a:hover,
#reply a:active{
	background: rgb(244,117,43); /* Old browsers */
}

#reply a.selected, 
.scanActions a.selected {
	background: #FAC370;
    border: 1px solid #FAB955;
    color: #333333;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}

.scanToolbox{
	height:44px;
	text-align: right;
}

.scanToolbox a{
	background: #52ace8; /* Old browsers */
	background: -moz-linear-gradient(top, #52ace8 0%, #368fca 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52ace8), color-stop(100%,#368fca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #52ace8 0%,#368fca 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #52ace8 0%,#368fca 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #52ace8 0%,#368fca 100%); /* IE10+ */
	background: linear-gradient(top, #52ace8 0%,#368fca 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52ace8', endColorstr='#368fca',GradientType=0 ); /* IE6-9 */
	border:1px solid #3487bf;
	color: #fff;
	display:inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight:bold;
	padding:8px;
	text-decoration: none;
	text-shadow:0 1px 0 rgba(0,0,0,0.4);
}

.scanToolbox a:hover,
.scanToolbox a:active {
	background:#368fca;
}

.scanActions{
	padding-top:11px;
}

.buttonContainer{
	height:44px;
}

.additionalNotes{
	width:95%;
	height:150px;		
}

#detailsdoc ul{
  border-top:1px solid #d9d9d9;
  margin:20px 0;
  padding-left:0;
  overflow:hidden;
  width:100%;
}

#detailsdoc li{
  line-height:1.5em;
  border-bottom:1px solid #d9d9d9;
  float:left;
  display:inline;
}

#detailsdoc li  { width:50%;} /* 2 col */

.diagnosisStatus{
	background-color: #fff1b8;
	padding:11px;
	margin:0px;
	width:534px;
	float:left;
	text-align:left;
}

.scanImage, 
.scanImage img{
	height:225px;
	width:300px;
}

.scanImage {
	background:#fff;
	float:left;
	height:240px;
	margin-right:10px;
	margin-bottom:10px;
	text-align:right;
	padding:10px;
	width:300px;
}

.scanImage + .scanImage {
	margin-right:0;
}

.scanImage a{
	text-decoration:none;
}


/*dialog*/
.utdWindow {
    background:#fff;
    border: 5px solid #29ABE2;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
    color:#1a1a1a;
	-webkit-box-shadow: 0 0 10px #ced5d8;
    -moz-box-shadow: 0 0 10px #ced5d8;
    box-shadow: 0 0 10px #ced5d8; 
	overflow:none;
	padding:20px 20px 30px;
}

.utdTitle {
	 border-bottom:1px dotted #ccc;
     color:#0071bc;
     font-size:20px;
     padding-bottom:8px; 
}

.utdContent{
	overflow:auto;
}

.utdFooter {
	background-color:none !important;
	border-top:1px dotted #ccc;
	text-align:right;
	padding:10px 0 0;
}

.utdFooter button {
	background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-7 */    
    background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* W3C */
    border: 1px solid #B3B3B3;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    color: #4D4D4D;
	margin-right:10px;
	padding:5px 8px;
    text-shadow: 0 1px 0 #ffffff;
}

.utdFooter button+button {
	margin-right:0;
}

.utdFooter button:hover {
    border: 1px solid #808080;
   -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
   -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);    
    text-decoration: none;
}

.utdMaximize {
	display:block;
	height:16px;
	overflow:hidden;
	text-indent:-99999px;
	width:16px;
	position:absolute;
	right:21px;
	top:4px;
	cursor:hand;
}

.utdClose {
	background: url("../img/dialog-close.png") no-repeat left top transparent;	
	display:block;
	height:16px;
	overflow:hidden;
	text-indent:-99999px;
	width:16px;
	position:absolute;
	right:9px;
	top:9px;
	cursor:pointer;
}

.utdMinimize {
	background-position:-49px -81px;
	right:21px;
	top:4px;
}

div.utdResizeHandle {
}

.utdHeaderFields {
	background-color:#EAEAEA;
	color:#000;
}	
		
		
/*scrollbar*/

#scrollbar { width: 355px; float:left; }
#scrollbar .viewport { width: 340px; height: 650px; overflow: hidden; position: relative; }
#scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar .thumb .end, #scrollbar .thumb { background-color: #b3b3b3; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#scrollbar .scrollbar { position: relative; float: right; width: 13px; }
#scrollbar .track { background-color: #f2f2f2; height: 98%; width:9px; position: relative; padding: 2px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#scrollbar .thumb { height: 10px; width: 89x; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar .thumb .end { overflow: hidden; height: 5px; width: 9px; }
#scrollbar .disable{ display: none; }
					
					
.user {
    position: absolute;
    text-align: right;
    top: 10px;
    right: 20px;
}	


/*register */
.register #header, .register #main, .register #footer  {width:615px;}
.register h2 {font-size:20px; margin:0.6em 0 0;}
.register p {color:#333333; font-size:16px;}
.register .users, .register .doctors {float:left; width:585px;}
.register .users {position:relative;}
.register .users a {background:url("../img/windows-button.png") no-repeat left top; display:block; float:left; height:39px; text-indent:-9999px; width:240px;}
.register .users span {background:url("../img/divider.png") no-repeat left top; display:block; float:left; height:39px; margin:0 27px; text-indent:-9999px; width:1px;}
.register .users img {float:left; margin:4px;}
.register .users .soon {position:absolute; right:127px; top:13px; }
.register legend {display:none;}
.register select, .register input {border:1px solid #c2c2c2; color:#4c4c4c; font-size:16px; }
.register.data #header, .register.data #main, .register.data #footer {width:592px;}
.register label { color: #333; font-family:'SegoeWPRegular'; float:left; font-size: 16px; font-weight:bold; margin: 8px 0; text-transform: capitalize; width:160px; }
.register.data .form {margin-top:20px;}
.register.data input {float:left; padding:8px 7px; width:265px;}
.register.data select {float:left;}
.register.data select.code {margin-right:10px;}
.register.data .block, .register.data .buttons {float:left; margin:8px 0 8px 5px; width:580px; }
.data.access .buttons {margin:8px 0 30px 5px;}
.register.data .buttons input {float:left; padding:5px; width:auto;}
.register.data .buttons input[type="button"] {background: #f2f2f2; border: 1px solid #666; color: #666; cursor: pointer; font-weight: bold; margin-left: 10px; margin-top:15px;}
.register.data .buttons input[type="submit"] {border:1px solid #0066AA; color: #fff;}
.register.data .buttons input[type="button"]:hover, .register.data .buttons input[type="button"]:focus { background:#d9d9d9; color:#666; }