﻿/* Required to have full-screen RadSplitter */
html, body, form 
{
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	/*font: normal 14px/1.5em "Segoe UI", Arial, sans-serif;*/
	font: normal 12px "Segoe UI", Arial, sans-serif;
}

form
{
	cursor: default; 
}

/* <header> */

.header
{
	height: 48px;
	background-color: transparent;
	background-repeat: repeat-x;
}

.logo
{
	background-color: transparent;
	background-repeat: no-repeat;
	width: 296px;
	height: 48px;
}

.RadForm_Black .header, .RadForm_Black .logo,
.RadForm_Default .header, .RadForm_Default .logo,
.RadForm_Telerik .header, .RadForm_Telerik .logo,
.RadForm_Hay .header, .RadForm_Hay .logo,
.RadForm_Forest .header, .RadForm_Forest .logo,
.RadForm_Office2010Black .header, .RadForm_Office2010Black .logo,
.RadForm_Sitefinity .header, .RadForm_Sitefinity .logo,
.RadForm_Transparent .header, .RadForm_Transparent .logo
{
	background-image: url('Images/header-darks.png');
}

.RadForm_Black .header { background-position: 0 -49px; }
.RadForm_Black .logo { background-position: 0 0; }
.RadForm_Default .header { background-position: 0 -147px; }
.RadForm_Default .logo { background-position: 0 -98px; }
.RadForm_Telerik .header { background-position: 0 -245px; }
.RadForm_Telerik .logo { background-position: 0 -196px; }
.RadForm_Hay .header { background-position: 0 -343px; }
.RadForm_Hay .logo { background-position: 0 -294px; }
.RadForm_Forest .header { background-position: 0 -441px; }
.RadForm_Forest .logo { background-position: 0 -392px; }
.RadForm_Office2010Black .header { background-position: 0 -49px; }
.RadForm_Office2010Black .logo { background-position: 0 0; }
.RadForm_Sitefinity .header { background-position: 0 -147px; }
.RadForm_Sitefinity .logo { background-position: 0 -98px; }
.RadForm_Transparent .header { background-position: 0 -147px; }
.RadForm_Transparent .logo { background-position: 0 -98px; }

.RadForm_Metro .header, .RadForm_Metro .logo,
.RadForm_Sunset .header, .RadForm_Sunset .logo,
.RadForm_Outlook .header, .RadForm_Outlook .logo,
.RadForm_Office2007 .header, .RadForm_Office2007 .logo,
.RadForm_Office2010Blue .header, .RadForm_Office2010Blue .logo,
.RadForm_Office2010Silver .header, .RadForm_Office2010Silver .logo,
.RadForm_WebBlue .header, .RadForm_WebBlue .logo,
.RadForm_Web20 .header, .RadForm_Web20 .logo,
.RadForm_Vista .header, .RadForm_Vista .logo,
.RadForm_Windows7 .header, .RadForm_Windows7 .logo
{
	background-image: url('Images/header-colds.png'); /* ... yet sunset isn't actually cold */
}

.RadForm_Metro .header { background-position: 0 -245px; }
.RadForm_Metro .logo { background-position: 0 -196px; }
.RadForm_Sunset .header { background-position: 0 -49px; }
.RadForm_Sunset .logo { background-position: 0 0; }
.RadForm_Outlook .header { background-position: 0 -147px; }
.RadForm_Outlook .logo { background-position: 0 -98px; }
.RadForm_Office2007 .header { background-position: 0 -245px; }
.RadForm_Office2007 .logo { background-position: 0 -196px; }
.RadForm_Office2010Blue .header { background-position: 0 -245px; }
.RadForm_Office2010Blue .logo { background-position: 0 -196px; }
.RadForm_Office2010Silver .header { background-position: 0 -245px; }
.RadForm_Office2010Silver .logo { background-position: 0 -196px; }
.RadForm_WebBlue .header { background-position: 0 -343px; }
.RadForm_WebBlue .logo { background-position: 0 -294px; }
.RadForm_Web20 .header { background-position: 0 -441px; }
.RadForm_Web20 .logo { background-position: 0 -392px; }
.RadForm_Vista .header { background-position: 0 -539px; }
.RadForm_Vista .logo { background-position: 0 -490px; }
.RadForm_Windows7 .header { background-position: 0 -245px; }
.RadForm_Windows7 .logo { background-position: 0 -196px; }

.skin-chooser
{
	position: absolute;
	top: 13px;
	right: 10px;
	cursor: default;
	color: #fff;
}

.login
{
	position:absolute;
	top: 10px;
	right: 230px;
	cursor: default;
	color: #fff;
}

.patientsource
{
	position:absolute;
	top: 10px;
	right: 460px;
	cursor: default;
	color: #fff;
}

.demo-container {
    text-align: center;
}
 
.wrapper {
    display: inline;
    display: inline-block;
    zoom: 1;
}
 
.RadListBox {
    text-align: left;
}

.rcbSlide
{
	z-index: 10000 !important;
}

/* </header> */


/* move the last menu item to the right */

/* center the calendars */
.calendar-container
{
	width: 220px;
	margin: 10px auto;
}

/* FF2 bugfix*/
#RAD_SPLITTER_PANE_CONTENT_ctl00_topPane
{
	overflow: visible !important;
}

#RAD_SPLITTER_PANE_CONTENT_ctl00_ContentPlaceHolder2_RadPane1
{
	overflow: hidden;
}

#ctl00_ContentPlaceHolder1_ctl00_ContentPlaceHolder2_DetailsView1Panel
{
	overflow-x: hidden;
}

/* required so RadGrid in the Contacts page is 100% tall in FireFox */
#ctl00_ContentPlaceHolder1_ctl00_ContentPlaceHolder2_RadGrid1Panel
{
	height:100%;
}

/* apply height to the update panel that contains the RadScheduler
   so it can resize properly */
#ctl00_ContentPlaceHolder1_ctl00_ContentPlaceHolder2_RadScheduler1Panel
{
	height:100%;
}

/* fix for a z-index issue with the RadMenu overlapping the RadScheduler advanced form 
    in IE9 (IE7 & 8 Standards) and IE9 Compat View (IE7 & 8 Standars) */
#RAD_SPLITTER_PANE_TR_ctl00_topPane
{
    position: relative;
}

/* fix an issue where RadScheduler grid is shrunk in IE9 (IE7 & 8 Standards) and IE9 Compat View (IE7 & 8 Standars) */
div.RadScheduler .rsHorizontalHeaderTable, 
div.RadScheduler .rsContentTable, 
div.RadScheduler .rsAllDayTable
{
    width: /*\**/100%\9 !important;
}

/* fix an issue where RadScheduler grid is shrunk in IE9 (IE7 & 8 Standards) and IE9 Compat View (IE7 & 8 Standars) */
* + html div.RadScheduler .rsHorizontalHeaderTable, 
* + html div.RadScheduler .rsContentTable, 
* + html div.RadScheduler .rsAllDayTable
{
    width: auto !important;
}

.RadToolBar .rtbTemplate .RadInput 
{
	line-height: 22px;
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: baseline;
}

.RadToolBar .RadComboBox,
.RadMenu .RadComboBox,
.RadMenu .skinLabel
{
	vertical-align: middle;
}

* html .RadMenu .rmTemplate .rmText
{
	padding-bottom: 3px;
}

.contacts-filter-toolbar .rtbTemplate
{
	color:White;
	width:400px;
}

div.RadToolBar
{
	width: 100%;
}

div.inbox-search-toolbar .rtbOuter,
div.inbox-search-toolbar .rtbMiddle,
div.inbox-search-toolbar .rtbInner,
div.contacts-filter-toolbar .rtbOuter,
div.contacts-filter-toolbar .rtbMiddle,
div.contacts-filter-toolbar .rtbInner
{
	border-left-width: 0;
	border-right-width: 0;
	padding-left: 0;
	padding-right: 0;
}

div.inbox-search-toolbar .rtbTemplate
{
	margin-left: 100px;
}

/* message DetailsView*/

#message-body
{
	padding: 0 16px 25px;
}

.rfdBlack #message-body a { color: #9EDA29; }
.rfdDefault #message-body a { color: #6C6C6C; }
.rfdForest #message-body a { color: #751A04; }
.rfdHay #message-body a { color: #50B306; }
.rfdOffice2007 #message-body a { color: #606F94; }
.rfdOutlook #message-body a { color: #355D98; }
.rfdSunset #message-body a { color: #5d1f00; }
.rfdTelerik #message-body a { color: #64B33E; }
.rfdVista #message-body a { color: #0F5477; }
.rfdWeb20 #message-body a { color: #38477F; }
.rfdWebBlue #message-body a { color: #38477F; }

.message-view
{
}

.message-view ul
{
	margin: 10px 6px;
	padding: 0;
	list-style:none;
	border-bottom: 1px solid #add1ff;
}

.message-view ul h3
{
	margin: 0;
}

.message-view li label
{
	display: inline-block;
	width: 40px;
	color:#6f9dd9;
}

/* contact details nested view template */
.contact-details img
{
	float:left;
	margin: 0 12px 0 6px;
}
* html .contact-details img { margin-left: 3px }

.contact-details ul
{
	list-style:none;
	margin: 10px;
}

.contact-details label
{
	display:inline-block;
	font-weight:bold;
	width:80px;
}


.rpTemplate input
{
	vertical-align: middle;
	margin-top: 0;
}

/* <notes> */

.notes-list img
{
	vertical-align: text-top;
	margin: 0 4px 0 0;
}

/* </notes> */

/* <calendar> */

div.RadScheduler .rsAdvancedEdit .rsAdvRadio
{
	margin-right: 4px;
}

/* </calendar> */

/* <TabStrip Example> */
.exampleWrapper
{
    /*width: 880px;
    height: 467px;
    background: transparent url(images/background.png) no-repeat top left;*/
    position: relative;
}
.tabStrip
{
    position: absolute;
    top: 6px;
    left: 10px;
}
.multiPage
{
    position: absolute;
    top: 40px;
    left: 20px;
    /*color: white;
    width: 679px;
    height: 362px;*/
}

/* </TabStrip Example> */


/* Grid Style */
/* --- Typography --- */

.grid p {
  line-height: 16px;
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
}

/*.grid table {
  font: normal 12px "Segoe UI", Arial, sans-serif;
}*/

.tablePatientregistryDetail td 
{
    height: 24px;
}

.grid h1 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h2 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h3 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h4 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h5 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h6 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

/* --- Grid --- */

.grid {
  width: 1114px;
  margin: auto;
}

.grid-m1 {
  float: left;
  width: 8px;
  height: 1px;
}

.grid-c1 {
  float: left;
  width: 260px;
}

.grid-m2 {
  float: left;
  width: 16px;
  height: 1px;
}

.grid-c2 {
  float: left;
  width: 240px;
}

.grid-m3 {
  float: left;
  width: 16px;
  height: 1px;
}

.grid-c3 {
  float: left;
  width: 240px;
}

.grid-m4 {
  float: left;
  width: 16px;
  height: 1px;
}

.grid-c4 {
  float: left;
  width: 310px;
}


#Diagnosis .grid {
  width: 1112px;
  margin: auto;
}

#Diagnosis .grid-m1 {
  float: left;
  width: 8px;
  height: 1px;
}

#Diagnosis .grid-c1 {
  float: left;
  width: 362px;
}

#Diagnosis .grid-m2 {
  float: left;
  width: 16px;
  height: 1px;
}

#Diagnosis .grid-c2 {
  float: left;
  width: 718px;
}


#EvaluationDetail .grid {
  width: 640px;
  margin: auto;
}

#EvaluationDetail .grid-m1 {
  float: left;
  width: 8px;
  height: 1px;
}

#EvaluationDetail .grid-c1 {
  float: left;
  width: 304px;
}

#EvaluationDetail .grid-m2 {
  float: left;
  width: 16px;
  height: 1px;
}

#EvaluationDetail .grid-c2 {
  float: left;
  width: 144px;
}

#EvaluationDetail .grid-m3 {
  float: left;
  width: 16px;
  height: 1px;
}

#EvaluationDetail .grid-c3 {
  float: left;
  width: 144px;
}

#EvaluationDetail .grid2 {
  width: 640px;
  margin: auto;
}

#EvaluationDetail .grid2-m1 {
  float: left;
  width: 8px;
  height: 1px;
}

#EvaluationDetail .grid2-c1 {
  float: left;
  width: 144px;
}

#EvaluationDetail .grid2-m2 {
  float: left;
  width: 16px;
  height: 1px;
}

#EvaluationDetail .grid2-c2 {
  float: left;
  width: 464px;
}


#TreatmentDetail .grid {
  width: 670px;
  margin: auto;
}

#TreatmentDetail .grid-m1 {
  float: left;
  width: 8px;
  height: 1px;
}

#TreatmentDetail .grid-c1 {
  float: left;
  width: 660px;
}

#TreatmentDetail .grid-m2 {
  float: left;
  width: 1px;
  height: 1px;
}

#TreatmentDetail .grid-c2 {
  float: left;
  width: 1px;
}

#TreatmentDetail2 .grid {
  width: 670px;
  margin: auto;
}

#TreatmentDetail2 .grid-m1 {
  float: left;
  width: 8px;
  height: 1px;
}

#TreatmentDetail2 .grid-c1 {
  float: left;
  width: 400px;
}

#TreatmentDetail2 .grid-m2 {
  float: left;
  width: 1px;
  height: 1px;
}

#TreatmentDetail2 .grid-c2 {
  float: left;
  width: 260px;
}
/* Grid Style */



/** MultiCombo Columns */
.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul,
.rcbHovered ul,
.rcbDisabled ul {
     margin: 0;
     padding: 0;
     width: 100%;
     display: inline-block;
     list-style-type: none;
}
 
.col1,
.col2,
.col3,
.col4,
.col5 {
     margin: 0;
     padding: 0 5px 0 0;
     width: 80px;
     line-height: 14px;
     float: left;
}

.col1_gen,
.col2_gen,
.col3_gen,
.col4_gen {
     margin: 0;
     padding: 0 5px 0 0;
     width: 100px;
     line-height: 14px;
     float: left;
}

.TS_col1 {
     margin: 0;
     padding: 0 5px 0 0;
     width: 70px;
     line-height: 14px;
     float: left;
}
.TS_col2 {
     margin: 0;
     padding: 0 5px 0 0;
     width: 80px;
     line-height: 14px;
     float: left;
}
.TS_col3 {
     margin: 0;
     padding: 0 5px 0 0;
     width: 80px;
     line-height: 14px;
     float: left;
}

.P_col1 {
     margin: 0;
     padding: 0 5px 0 0;
     width: 70px;
     line-height: 14px;
     float: left;
}
.P_col2 {
     margin: 0;
     padding: 0 5px 0 0;
     width: 150px;
     line-height: 14px;
     float: left;
}

.radgrid
{
font-size: xx-small;
padding-top: 0px;
padding-bottom :0px;
}

.MyImageButton
{
    cursor: hand;
}
.EditFormHeader td
{
    font-size: 14px;
    padding: 4px !important;
    color: #0066cc;
}

/** DropZone */
.DropZone
{
    width: 300px;
    height: 110px;
    background-color: #35549f;
    border-color: #CCCCCC;
    color: #767676;
    float: left;
    text-align: center;
    font-size: 16px;
    color: white;
}

#dwndWrapper 
{
    height: 85px;
    background-image: url("../Images/upload.png");
    background-position: left;
    background-repeat: no-repeat;
    padding: 15px 0 0 100px;
}

.BigButton
{
    font-size:large;
    font-weight:bold;
}

input[disabled=disabled] {
 color: #000 !important;
}

/** RadMap related **/
.radMapWrapper {
     padding: 0 21px 21px 21px;
     background-color: #EBEDEE;
     border-radius: 10px;
     display: inline-block;
     *display: inline;
     zoom: 1;
}
 
.mapTitle {
     color: #444444;
     font-weight: normal;
     text-align: center;
}
 
.leftCol {
     float: left;
}
 
.rightCol {
     padding-left: 55px;
     font-size: 14px;
     font-family: "Segoe UI",Segoe,"Roboto","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
     text-align: left;
     line-height: 19px;
}
 
.rightCol .country {
     font-size: 24px;
     font-weight: normal;
     line-height: 18px;
     margin-bottom: 20px;
}
 
 
.rightCol .city {
     font-weight: bold;
}
 
.rightCol .email {
     color: #0394ae;
}
 
.rightCol .email a {
     color: #0394ae;
     text-decoration: none;
}
 
.rightCol .email a:hover {
     text-decoration: underline;
}
 
.rightCol .location {
     border-top: 1px solid #c9c9c9;
     margin-top: 10px;
     padding-top: 10px;
}
 
.rightCol .address {
     width: 235px;
}
 
.flag {
     background-image: url("/images/flags.png");
     height: 40px;
     width: 40px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
     border: 1px solid white;
}
 
.flag-usa {
     background-position: 0 -280px;
}
 
.flag-denmark {
     background-position: 0 -160px;
}
 
.flag-australia {
     background-position: 0 -40px;
}
 
.flag-bulgaria {
     background-position: 0 -80px;
}
 
.flag-india {
     background-position: 0 -200px;
}
 
.flag-unitedkingdom {
     background-position: 0 -240px;
}
 
.flag-germany {
     background-position: 0 -120px;
}
 
.RadMap .k-tooltip-content {
     font-family: "Segoe UI",Segoe,"Roboto","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
     font-size: 14px;
}
 
.MyMap, .RadMap .km-scroll-wrapper {
     border-radius: 10px 10px 0 0;
}
 
.MyMap {
     border: 1px solid #FFF;
}

.infoIcon, .notificationContent
{
    display: inline-block;
    zoom: 1;
    *display: inline;
}

/* Session Timeout Notification */         
.infoIcon
{
    width: 32px;
    height: 32px;
    margin: 0 10px ;
    vertical-align: top;
}
         
.notificationContent
{
    width: 160px;
    vertical-align: bottom;
}