﻿/*Page Layout*/
body, html, form
{
    height: 100%;
    padding: 0px;
    margin: 0px;
 }

#container {
   position:relative;
   min-height: 100%;
  /*overflow-x: hidden;*/
}
#header
{
    width:100%; 
    padding-bottom:10px;    
}
#body 
{
    padding-bottom:25px;
}
#footer
{
   position:absolute;
   bottom:0px;
   left:0px;
   height:20px;   /* Height of the footer */
   width:100%;
   clear: both;
   height: 25px;
   
}


/*LINKS*/
.linkSmall,       .linkSmall:visited       {font-family: Verdana; color: #21308c; font-size: 10px;}
.linkRegular,     .linkRegular:visited     {font-family: Verdana; color: #21308c; font-size: 12px; }
.linkNoUnderline, .linkNoUnderline:visited {font-family: Verdana; color: #21308c; font-size: 12px; text-decoration:none;}
.linkRegularD,    .linkRegularD:visited    {font-family: Verdana; color: #21308c; font-size: 12px;}
.linkBold,        .linkBold:visited        {font-family: Verdana; color: #21308c; font-size: 12px; font-weight:bold;}
.linkButton:hover {cursor:pointer !important;}
.linkRegularArial, .linkRegularArial:visited {font-family: Arial; color: #21308c; font-size: 12px;}

/*TEXT*/
.textRegular    {font-family: Arial; font-size: 12px;}
.textBold       {font-family: Arial; font-size: 12px; font-weight:bold;}
.textSmall      {font-family: Arial !important; font-size: 10px !important;}
.textMedium     {font-family: Arial; font-size: 16px;}
.textMediumBold {font-family: Arial; font-size: 16px; font-weight:bold;}
.textLarge      {font-family: Arial; font-size: 20px; font-weight: bold;}
.textSmallBold  {font-family: Verdana; font-size: 10px; font-weight: bold;}
.textUppercase  {text-transform: uppercase;}
h2{font-size: 14px; font-family: Arial;}
h3{font-size: 12px; font-family: Verdana; font-weight:normal;}

.textR13    {font-family: Arial; font-size: 13px;}
.textB13    {font-family: Arial; font-size: 13px; font-weight:bold;}

.linkMenu, .linkMenu:visited {font-family: arial, helvetica, sans-serif; color: #000; font-size: 11px; text-decoration: none;} 
.linkMenu:hover  {color:red; text-decoration:underline;} 
.text {font-family:arial, helvetica, sans-serif; font-size:11px;line-height:20px;}
input, select 
{
    font-family: Arial; font-size: 12px;
}
/*HEADERS*/
.headerBar {
 /*position: relative;*/
/*background: url(../images/headerBar.gif) #ebeff9 repeat-x; height:0px; padding-left:5px;*/
	background-color:#ebeff9;
	/*border-top: #6b90da 1px solid;*/
	padding-top:3px;
	padding-bottom:3px;
	padding-left:2px;
	padding-right:1px;
}

.headerTitle {
    font-family: Arial;
    font-size: 14px;
    font-weight:bold; 
    white-space:nowrap;
}
.content
{
    padding: 4px 4px 8px 4px;
    font-family: Arial;
}

.wrapcell {white-space:normal !important;}

/*TABLES*/
.mGrid {
	border-collapse: collapse;
	font-family: Arial;
	font-size: 12px;
	margin-top: 5px;
	border: solid 0px white;
}  
.mGrid td {   
	color: #000;
	font-family: Arial;
	font-size: 12px;
	padding: 2px 10px 2px 0px;
	border: 0;
	border-bottom: solid 1px #dddddd;  
}
.mGrid th {
	text-align:left;
	padding: 3px 10px 3px 0px;
	border: none;
	border-bottom: solid 0px #dddddd;
	background-color:#c5dcf7;
	white-space:nowrap;
} 
.gridpager, .gridpager td
{
    border: 0px !important;
    padding-right: 5px;
}

/*grid without rows lines*/
.tableNoRows th, .tableNoRows td {
	font-family: Arial;
	font-size: 12px;
	border: 0px;

}  
.tableNoRows th {
	border-bottom: solid 1px #dddddd;
 font-weight: bold;
	padding: 2px 10px 2px 0px;
	text-align: left;
	white-space: nowrap;
} 
.tableNoRows td  {
	padding: 2px 10px 2px 0px;
}

/*grid without rows lines*/
.tableNoRows2 th, .tableNoRows2 td {
	font-family: Arial;
	border: 0px;
}  
.tableNoRows2 th {
	border-bottom: solid 1px #dddddd;
 font-weight:normal;
	padding: 2px 10px 2px 0px;
	text-align: left;
	font-size: 10px;
	white-space: nowrap;
} 
.tableNoRows2 td
{
    padding: 2px 10px 2px 0px;
    font-size: 12px;
    border-style:none !important;
}


/*grid with rows lines*/
.tableWithRows {
    border-collapse:collapse; 
    empty-cells: show;
}
.tableWithRows th, .tableWithRows td {
	font-family: Arial;
	font-size: 12px;
	border: 0px;
}  
.tableWithRows th {
	border-bottom: solid 1px #dddddd;
 font-weight: bold;
	padding: 0px 15px 0px 0px;
	text-align: left;
	} 
.tableWithRows td  {
	padding: 2px 15px 2px 0px;
	border-bottom: solid 1px #dddddd;
	vertical-align:top;
}

.tableWithRows2 {
    border-collapse:collapse; 
    empty-cells: show;
}
.tableWithRows2 th 
{
    border: 0px;
	   border-bottom: solid 1px #dddddd;
	   font-family: Arial;
    font-size:10px;
	   padding: 0px 10px 0px 0px;
	   text-align: left;
	   white-space: nowrap;
} 
.tableWithRows2 td  
{
    border: 0px;
    font-family: Arial;
	   font-size:12px;
	   padding: 2px 10px 2px 0px;
	   border-bottom: solid 1px #dddddd;
	   vertical-align:top;
}

.nowrapCells td {
	white-space: nowrap;
}
td.alt {
	background-color: #efefff;
}

/*table style 1*/
.tableStyle1 {
	border-collapse: collapse; 
	border-style: none;
	font-family: Arial;
	font-size: 12px;
	margin-top: 5px;
}  
.tableStyle1 th {
	border-style: none;
	border-bottom: solid 1px #dddddd;
    font-weight:bold;
	height: 20px;
	padding: 0px 15px 0px 0px;
	text-align: left;
	white-space:nowrap;
} 
.tableStyle1 td {
	border-style: none;
	border-bottom: solid 1px #dddddd;  
	padding: 2px 15px 2px 0px;
}
.tableStyle1 .alt {
    background-color: #f7f7f7;
}
.tableGreyHeader
{
   border-collapse: collapse;
   empty-cells:show;
}
.tableGreyHeader th 
{
    background-color:#f7f3f7;
    padding:3px 10px 3px 10px;
    text-align:center;
    font-family: Arial; font-size: 12px; font-weight:bold;
    border: 1px solid #dddddd;
}
.tableGreyHeader td
{
     font-family: Arial; font-size: 12px;
     padding:2px 0px 2px 10px;
     border-bottom: 1px solid #dddddd;
}
.tableGreyHeader td.firstcol, th.firstcol {padding-left:0px;}
.tableGreyHeader td.noborder, th.noborder {border:none;}
.tableSmallHeaderText th {font-size:10px; font-family:Arial; background-color:White;border:none;border-bottom: solid 1px #dddddd; padding: 1px 10px 1px 10px;text-align:left;} 
.right {padding-right:0px !important;text-align:right !important;}
.left {padding-left:0px !important;text-align:left !important;}
.center {padding-left:10px;padding-right:10px;text-align:center;}

/*TABS*/
table.tableTabs                  {font-family: Verdana; font-size: 12px;}
table.tableTabs td               {padding: 3px; text-align:center;}
table.tableTabs td.notselected a {color: #21308c;}
table.tableTabs td.selected a    {color: Black; font-weight:bold; text-decoration:none;}
table.tableTabs td.notselected   {border-bottom: solid 1px gray;} 
table.tableTabs td.selected      {border: solid 1px gray; border-bottom:0;}
table.tableTabs td.emptycell     {border-bottom: solid 1px gray;}

table.whiteTabs                  {font-family: Verdana;font-size: 12px;}
table.whiteTabs td               {padding: 3px; text-align: center; }
table.whiteTabs td.notselected a {text-decoration: none; color: #0000cc;}
table.whiteTabs td.selected a    {color: Black; font-weight: bold; text-decoration: none;}
table.whiteTabs td.notselected   {border-bottom: solid 1px #21308c;}
table.whiteTabs td.selected      {border: solid 1px #21308c; border-bottom:0;}
table.whiteTabs td.emptycell     {border-bottom: solid 1px #8caae7;}

 
/* ToolTip */
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:0px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffffcc; width:450px;font-family: Arial;font-size: 12px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(../images/tooltip.gif) 0 0; display:block; font-size:1px;} 
.tooltip td {background-color:#ffffcc; border:none;padding-left:0px;}

#toolTipBox {
	display: none;
	padding: 5px;
	font-size: 12px;
	border: gray solid 1px;
	font-family: verdana;
	position: absolute;
    background-color: #ffffcc;
}

/*POPUP*/
.modalBackground {
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    background-color: #999999;
    position: absolute; 
    width: 100%; height: 100%;
    top: 0px; left: 0px;
    z-index: 500;
}

div#IFramePopupBody {
    display:none;
    position:fixed;
    z-index:998;
    left:50%;
    top:50%;
}

.divItems {
	font-family: verdana, arial, sans-serif;
    font-size: 13px;
    padding:0px 0px 0px 0px;
    margin: -2px 0px 14px 0px;
    border: solid 0px #e3e3e3;
}

.collapsed {
	background:#eee url(../images/collapsed.gif) no-repeat 3px 8px;
    padding:5px 0px 5px 25px;
    border: solid 1px gray;
    cursor:pointer;
    margin-bottom: 2px;
    font-family: verdana, arial, sans-serif;
    font-size: 13px;
} 
        
.expanded {
    background:#eee url(../images/expanded.gif) no-repeat 3px 8px;
    padding:5px 0px 5px 25px;
    border: solid 1px gray;
    cursor:pointer;
    margin-bottom: 2px;
    font-family: verdana, arial, sans-serif;
    font-size: 13px;
}

       
/*PROVIDER ENCOUNTER PAGE*/
.EncounterSOAP {
	border:none;
	font-family: Arial;
	font-size: 12px;
}
.EncounterSOAP td {
	padding:2px 0px 2px 0px;
}
.EncounterTable {
	border-collapse:collapse;
	display:inline;
}
.EncounterTable td, .EncounterTable th {
	padding:2px 5px 2px 5px;
}
.EncounterTable th, .EncounterTable td {
	   font-family: Arial;
	   font-size: 12px;
    border:solid 1px black;
    text-align:center;
}

/*WordPicker*/
#WordPickerTable {
	border:none;
}
#WordPickerTable td {
	padding:0px 25px 0px 0px;
	vertical-align:top;
}
#WordPickerTable li {
	padding: 0px 0px 2px 0px;
	margin: 0px;
}

#WordPickerTable ul { 
    
}

#WordPickerTable a {
	font-family: Verdana; color: #21308c; font-size: 12px;
}


.DW_ReceivablesReportTable td {
	padding-top:0px !important;
	padding-bottom:0px !important;
	padding-right:0px !important;
}


th.headerSortUp
{
    /*background-position: left;
    padding-left:20px;
    background-image: url(../images/asc.gif);
    background-repeat: no-repeat;*/
}
th.headerSortDown  
{
/*     background-image: url(../images/desc.gif);
     background-repeat: no-repeat;
     background-position: left;
     padding-left:20px;*/
}


th.header 
{
     cursor: pointer; 
     /*color: #0000ff;*/
     text-decoration:underline;
}

th.tablesorter-header {
	cursor: pointer;
	/*color: #0000ff;*/
	text-decoration: underline;
}

th.sorter-false {
	cursor: text;
	/*color: #0000ff;*/
	text-decoration: none;
}


tr.even td {
	background-color: #f7f7f7;
}


/*DATA WAREHOUSE*/
.DW_REGULAR_REPORT
{
    font-family: Arial;
    font-size: 12px;
    border:none;
}  
.DW_REGULAR_REPORT td {   
	padding: 2px 10px 2px 0px;
	border-bottom: solid 1px #dddddd;  
	white-space:nowrap;
}
.DW_REGULAR_REPORT th {
	text-align:left;
	padding: 3px 10px 3px 0px;
	border: none;
	border-bottom: solid 0px #dddddd;
	background-color:#c5dcf7;
	white-space:nowrap;
} 

@media print  
{
    .noPrint {display:none;}
}

.btn {
	display: inline-block;
 background-color: #343434;
    cursor: pointer;
    height: 21px;
    line-height: 13px;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    background-image: -moz-linear-gradient(#494949, #1F1F1F);
}
.btn a {
	font-family: Arial, Helvetica, sans-serif;
 color: #FFFFFF;
	font-size: 11px;
 font-weight: bold;
	text-decoration:none;
	display:block;
	line-height:13px;
	margin:0px;
	padding:4px 11px 4px 11px;
}
.btn A:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#919191,endColorstr=#4e4e4e));
	background-color: #4e4e4e;
}
span.btn a.icon {
	padding:0px 10px 0px 10px;
}
.btn .icon i {
	display:block;
	font-size: 11px;
	text-indent: -9999px;
	width:10px;
	margin:0px;
	padding:3px 0px 3px 0px;
	line-height:13px;
	cursor:pointer;
}
.btn .next i {
    background: url("../images/common.png") no-repeat 50% -388px;
}
.btn .previous i {
    background: url("../images/common.png") no-repeat 50% -418px;
}

.errorField 
{
    border: 2px solid red;
}


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	color: #444;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li.wraptitle 
{
    line-height: 15px;
    text-align:center;
}
ul.tabs li a  {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 7px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content  {
	padding: 10px 10px 50px 10px;
	font-size: 1.2em;
	display: none;
}
.tab_container div.active 
{
    display:block;
}


.gridTable {
		border-top: black 1px solid;
		border-bottom: black 1px solid;
		border-left: black 1px solid;
		padding:0px;
	}
	.gridTable th {
	 font: 10px Arial;
		background-color:#f2f3f4;
		border-right: black 1px solid;
		padding: 4px 6px 4px 6px;
		white-space:nowrap;
	}
	.gridTable td 	{
	 font: 12px Arial;
		border-top: black 1px solid;
		border-right: black 1px solid;
		border-bottom: white 1px solid;
		border-left:white 1px solid;
		padding: 1px 3px 0px 3px;
		white-space:nowrap;
	}
	.gridTable input, .gridTable select {
		border:solid 1px gray;
	}
	
#imagetext {
position:absolute;
top:40px;
left:40px;
}
#imgrotator {
position:relative;
}
#imgrotator img {
position:absolute;
}
#imagetext_header {
	font-size:25px;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	color: white;
}
#imagetext_body {
	padding-top:30px;
	font-size:15px;
	font-family:arial, helvetica, sans-serif;
	color:white;
}

.tblrowselected {
    background-color: #ffffbb;
}

