body 
{
	margin: 0 !important;
	padding: 0 !important;
	background-repeat:repeat-x !important;
	background-color: #f6f5f5 !important;
	background-image: url('images/background_main.jpg') !important; 
	font-style:normal; font-size:0.7em; font-family:Segoe UI;
}

.RadDock a img

{

    border: none;

}
.RadGrid a img

{

    border: none;

}
.NoBackGround
		{
			background-color: white !important;
			background-image:none !important;
		}
				
#login a:link, #login a:visited {
	color: #FFFFFF;
}
#title h1 a:link, #title h1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
  
a:link {
	color: #396EAA;
	text-align: left;
}
a:visited {
	color: #396EAA;
}
a:hover 
{
	color: orange;
 } 
  
.divCol{
	font-weight:bold;
	float:left; 
	width:120px;
	text-align:right;
	margin-right:10px; 
	white-space:nowrap;
}
/*no width on the last col so it will expand*/
.divColLast{
	float:left; 
	white-space:nowrap;
}

/* style of item titles by Announcements and events */
.ItemTitle    {
	font-family: Segoe UI;
	font-size:  11px;
	font-weight:    bold;
	color: red;
}
	 
   div.RadGrid .rgPager .rgAdvPart      
   {      
	display:none;         
   }       
	 
/* ajax modal dialog styles */
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.modalBox {
	background-color : #f5f5f5;
	border-width: 3px;
	min-height: 250px;
	border-style: solid;
	border-color: Black;
 
}
.modalBox caption {
	background-image: url('images/window_titlebg.gif');
	background-repeat:repeat-x
}

/* tweb modal dialog styles */
.modalPanelTitle td {
	padding: 3px;
	font-weight: bold;
	font-size: 0.9em;
	background-image: url('images/window_titlebg.gif');
	cursor: pointer;
	color: black;
	font-family: Segoe UI;
	width: 100%;
	background-color: #6f90dc
}

.modalPanel {
	z-index: 500;
	width: 500px;
	border: solid 1px #275473;
	border-collapse: collapse;
	background-color: #f0faff;
}

.modalPanel td {
	vertical-align: top;
}

.titleIcon {
	padding-right: 20px;
}

.caption {
	border-left:0px none; border-right:0px none; border-top:0px none; background-color: #aaa;
	background-image: url('images/tilebg_tablecaption.gif');
	color: #000;
	font-size: 16pt;
	font-weight: bold;
	border-bottom: 1px solid #737373;
	white-space: nowrap;
	text-align: center
}

.clearer {
	clear: both;
	overflow: hidden;
	background-color:transparent;
	filter:alpha(opacity=0);
	opacity:0.0;
	height: 1px;
	margin: 1px 1px 1px 1px;
	max-height: 2px;
}
  
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:550px;
}
 
/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

.shadeText {
    BACKGROUND-COLOR: #f1efe2;
    text-align: right;
    padding-left: 10px;
    padding-right: 5px;
    vert-align: top;
}
	
.shadeControl
{
	BACKGROUND-COLOR: #f5f5f5;
	text-align: left;
	vert-align: top;
	
	
}
  
/* define the main layout divs */
#header {
	margin-right: auto;
	height: 50px;
	width: 100%;
}
#title {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 28px;
	float: left;
	height: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#login 
{
	padding-top: 1px;
	padding-right: 25px;
	float: right;
	color: #FFFFFF;
	font-weight: bold;
    font-size: 12px;
	top: 0px;
	right: 10px;
	text-align: right;
}


#login1 
{
	padding-top: 1px;
	padding-right: 25px;
	float: right;
	top: 0px;
	right: 10px;
	text-align: right;
}
/* make crumbs after making new nav */
#breadcrumb {
	padding-top: 4px;
	padding-left: 10px;
	background: #919191;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
}
#body {
    padding: 0px,8px,10px,7px; 
}
/* IE needs height:512px BUT this height:512px below must be removed to display correctly in Mozilla */
#projectadministration, #adminedit, #timesheet,  #projectreport, #resourcereport {
	min-height:  512px;
}
/* Mozilla needs min-height:512px (IE will ignore this min-height) */
#projectadministration, #adminedit, #timesheet, #projectreport, #resourcereport {
	min-height: 512;
	min-width: 512px;
}
 
#projectadministration, #adminedit, #projectreport, #resourcereport {
	padding: 10px;
	border: 1px solid #000000;
	background: #FFFFFF;
	color: #666666;
	font-family: Segoe UI;
}
#timesheet {
	border: 1px solid #000000;
	background: #FFFFFF;
	color: #666666;
	font-family: Segoe UI;
} 
/* define other elements inside the main layout divs */
#title h1 {
	display: inline;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
/* can be removed if no images in breadcrumb area */
#breadcrumb img {
	border: none;
	padding-right: 3px;
	vertical-align: middle;
}
/* all the legend tags use this same style */
legend {
	padding: 0px 4px;
	margin: 0px 0px 7px 0px;
	color: #666666;
	font-weight: bold;
	font-size: 1em;
	vertical-align: middle;
}
/* define sizes of the username field */
.username {
	font-size: 0.9em;
	width: 150px;
}
/* all the fieldset tags use this same style */


.radPopupImage_Default
{
   float:left;
}

fieldset {
	margin-bottom: 0px;
	padding: 0px 12px 12px 12px;
	display: block; 
}
 
/* Put the admin edit calendar icon on a white background */
#adminedit a:link img, #adminedit a:visited img {
	padding: 2px;
	border: none;
	background-color: transparent;
}  
/* add fade background and padding to all table rows */
.row1 {
	padding: 3px;
	background: url(images/timesheet_data_bg.gif) repeat-x;
	background: #F9FAFB;
}
.row1 img {
	border: none;
	text-align: center;
}
/* add hover effect to any a href images within the data tables */
#timesheetdata a:link img, #timesheetdata a:visited img, #projecttable a:link img, #projecttable a:visited img {
	padding: 2px;
	border: 1px solid #EDF0F3;
	background: #EDF0F3;
}
#timesheetdata a:hover img, #projecttable a:hover img {
	padding: 2px;
	border: 1px solid #C1CFE0;
	background: #FBFBFC;
}
#timesheetdata a:active img, #projecttable a:active img {
	padding: 2px;
	border: 1px solid #C1CFE0;
	background: #D9E2EC;
}
/* zero margin on all forms */
form {
	margin: 0px;
}
/* define the pop up calendar style */
#calbg {
	 
	height: 100%;
	min-height: 100%;
	min-width: 100%
	
} 

#calcontent {
	 padding-left: 10px; 
     padding-right: 10px;
	 padding-top: 15px;
}
 
.projectlist, .resourcelist {
	border: 1px solid #00FF00;
	margin-bottom: 4px;
	width: 200px;
}
/* condense in mark up to be '.button' */
.submit, .reset, .delete, .create, .add, .copy {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 0.9em;
	height: 28px;
}
/* make submit button larger */
.submit {
	width: 108px;
}
  
/* create section heading container to separate long forms */
.formsection {
	padding: 10px;
	margin-top: 15px;
	background: #D6DDE9;
	font-weight: bold;
	text-align: center
}
/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility). I've also hidden the table in the admin_create_projects.html page */
.hidden {
	visibility: hidden;
}
.none {
	display: none;
}
 
tr
{
	vert-align: top;
}

.RadCalendar .rcWeek th {
	text-align: left !important;
}

.boxed-content {
    border-style:solid;
    border-color:lightgray;
    border-radius:5px;
    border-width:2px;
}

.shaded-label 
{
	BACKGROUND-COLOR:lightgray;
	text-align:right;
    border-style:solid;
    border-color:#FFF;
    border-radius:5px;
    border-width:2px;
}

.boxed-label
{
    border-style:solid;
    border-color:#FFF;
    border-radius:5px;
    border-width:2px;
}

.strong {
    font-weight: bold;
}

.BlankBackground {
    background-color: #fff !important;
    background-image: none !important;
}

.radGridSidePadding {
    margin: 0px 20px 0px 20px;
}

.radGridSidePadding .rgEditRow {
    background-image : none !important;
    background-color: #dff0d8 !important;
}

.radGridNoPadding {
    margin: 0px 0px 0px 0px;
}

.radGridNoPadding .rgEditRow {
    background-image : none !important;
    background-color: #dff0d8 !important;
}

a.noUnderline, a.noUnderline:hover {
    text-decoration: none !important;
    color: inherit;
}

div.cursor-hand {
    cursor:pointer;
}

select.roundedCorners {
    border-radius:5px;
    border-width:1px;
}

.patientHeader {
    display:inline-block;
    background-color: #E9E9E9; 
    font-size: medium;
    margin:3px;
    padding:0px 5px 3px 5px;
    border-radius:5px
}

.patientExpiredHeader {
    display:inline-block;
    background-color:maroon;
    color:white;
    font-size:medium;
    margin:3px;
    padding:0px 5px 3px 5px;
    border-radius:5px;
}

.deletedComment {
    text-decoration:line-through;
}

.linkSeparator {
    font-size: 12pt;
    font-weight:bold;
    display:inline-block;
    margin:0px 20px 0px 20px
}

.activeLink  {
    background-color:#396EAA;
    color:#FFF;
    border-radius:0px 0px 12px 12px;
    padding:5px;
}

.activeLink:hover {
    color:#FFF;
}

.radioInline {
    display:inline-block;
}

.marginRightSide15 {
    margin: 0px 15px 0px 0px
}

.alertNoSpecifiedLineHeight {
    padding: 4px;
    border-radius: 5px;
    background-color: #DFF0D8;
    margin-top: 2px;
}

.alert {
    padding: 4px;
    line-height: 35px;
    border-radius: 5px;
    background-color: #DFF0D8;
}

.displayNone {
    display: none;
}

.fieldValidation {
    font-weight:bold;
    font-size:xx-large;
    margin: 0px 15px 0px 0px;
    vertical-align:bottom
}

.fieldValidation.alignMiddle {
    vertical-align:middle
}

.RadButton_BootstrapPrimary {
    background-color:#337AB7 !important
}

.RadButton_BootstrapPrimary:hover, .RadButton_BootstrapPrimary:active, .RadButton_BootstrapPrimary:focus {
    background-color:#286090 !important;
}
div.DialysisListRadGrid .rgRow td,
div.DialysisListRadGrid .rgAltRow td {
    border-width: 0px 0px 1px 1px !important;
    border-color: #DAE2E8 !important;
    border-style: solid !important;
}


.errorContent {
    color:#444;
    margin: 0px 0px 10px 0px;
    padding: 30px 20px;
    font-size: 12pt;
}

.radGridDialysisRecordsLabel {
    float:right;
    text-align:right;
    font-size: 12pt;
    padding-right: 15px;
}

.breakWord {
    word-break:break-word;
}
.breakAll {
    word-break: break-all;
}
a.btn{
    color:#000;
}

.hideValidation {
    display: none;
}

span[style*="visibility: visible;"].hideValidation + input,
span[style*="visibility: visible;"].hideValidation + div.RadPicker.RadPicker_Bootstrap input.riTextBox,
span[style*="visibility: visible;"].hideValidation + select,
span[style*="visibility: visible;"].hideValidation + textarea{
    border-color: #a94442;
    background-color: #f2dede;
}

span[style*="visibility: visible;"].hideValidation + span {
    border: solid;
    border-radius: 4px;
    border-width: thin;
    border-color: #a94442;
    background-color: #f2dede;
    line-height: inherit;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

img.patientIndicatorImage {
    vertical-align: middle;
}

a.alignMiddle > img,
th.alignMiddle > img {
    vertical-align: middle;
}

tr.TextAlignLeft > th {
    text-align:left;
}

input.roundedCorners {
    border-radius: 5px;
    border: 1px solid #AAA;
    padding: 3px;
}

.bsLikeButton {
    height: 34px;
    padding: 6px 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #337AB7;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #fff;
}

.bsLikeButton:hover, .bsLikeButton:active {
    background-color: #286090;
    cursor: pointer;
}

.patSearchExpiredLabel {
    margin-left: 5px;
    background-color: maroon;
    padding: 0px 2px;
    color: white;
    border-radius: 6px;
    border: 1px solid maroon;
}
.patSearchExpiredLabelOnNewLine {
    margin-left: 0px;
    margin-top: 5px;
    display: block;
    width: 115px;
    background-color: maroon;
    padding: 0px 0px;
    color: white;
    border-radius: 6px;
    border: 1px solid maroon;
}

.patientStateAlertLabel {
    margin-top: 10px;
    margin-left: 2px;
    background-color: #DB5700;
    padding: 0px 2px;
    color: white;
    border-radius: 6px;
    border: 1px solid #DB5700;
}
.patientStatusGrid {
    display: inline-block;
    background-color: #DB5700;
    color: white;
    border: 1px solid #DB5700;
    margin: 3px;
    padding: 0px 5px 3px 5px;
    border-radius: 5px;
}
.patientStatusPatientHeader {
    display: inline-block;
    background-color: #DB5700;
    color: white;
    font-size: medium;
    margin: 3px;
    padding: 0px 5px 3px 5px;
    border-radius: 5px;
}
.BillingWorkspaceLink {
    font-size: 15pt !important;
    font-weight: bold !important;
    text-decoration: underline !important; 
}
.BillingWorkspaceLink:hover {
    color: orange !important;
}
.BillingWorkspaceSummaryLink {
    text-decoration: underline !important;
}
.BillingWorkspaceSummaryLink:hover {
    color: orange !important;
}
.BillingWorkspaceSummaryLinkDisabled {
    color: darkgray !important;
    text-decoration: none !important;
}
a:hover.cursor-hand {
    cursor: pointer !important;
}
div.searchBox > span > input {
    display: block;
    width: 100% !important;
    height: 34px !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc; 
}
li.rsbListItemHovered {
    color: #fff !important;
    background-color: #1967D2 !important;
}
.metroTouch {
    scrollbar-color: #C1C1C1 white;
}
input[type=radio] ~ label, input[type=checkbox] ~ label {
    font-size: 12px;
    vertical-align: top;
    font-weight: bold;
}
.inLineButton {
    display: inline-block;
}
.inLineBlockValidation {
    display: inline-block;
}
.inLineValidation[style*="inline-block"] {
    display: inline !important;

}
.badgeCount {
    background-color: darkred;
    color: white;
    font-weight: bold;
    border-radius: 10px;
    border: 1px solid darkred;
    padding: 0px 3px;
}
.marginTop {
    margin-top: 20px;
}
.marginBottom {
    margin-bottom: 2px !important;
}

.RadSplitter_WebBlue .rspSlideTitle, .RadSplitter_WebBlue .rspPaneTabText {
    color: white !important;
}
.RadCalendar_Bootstrap .rcMain .rcRow .rcSelected a {
    border-color: #357ebd;
    background: #428bca;
    color: #fff !important;
}
.RadCalendarMonthView_Bootstrap .rcSelected a {
    margin: 0;
    padding: 0;
    border-radius: 4px;
    border: 0 none;
    background: #428bca;
    color: #fff !important;
}
.InvalidDiagnosis {
    font-style: italic;
    color: red;
    text-decoration: none;
}
.grayHyperlink:link {
    color: #777777;
}
.grayHyperlink:visited {
    color: #777777;
}
.grayHyperlink:hover {
    color: orange;
}
.blueHyperlink:link {
    color: #337ab7;
}

.blueHyperlink:hover {
    color: orange;
}

img.DxImgAtt {
    width: 14px;
    height: 14px;
    vertical-align: text-bottom !important;
}
li.HospitalStayFlagUnderline > label > span.rlbText {
   text-decoration: underline;
}

span.fieldLabel {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}
div.fieldLabel {
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}