﻿/* Site Specific Styles (For Master Page) */


table.mainTable
{
	width: 1000px;	
	margin: auto;
	border-right: solid 6px #FFFFFF;	
	border-left: solid 6px #FFFFFF;	
	border-top: 0px;
	
}
table.footerTable
{
	width: 1010px;
	margin: auto;
}

tr.logoRow
{
	padding: 0px;	
	background-color: #FFFFFF;
	height: 86px;
}

td.pageHeader
{
	background-color: #008c99;
	color: #FFFFFF;
	text-align: left;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 20px;
	font-weight: bold;
	padding: 4px;				
}

td.mainContent
{
	background-color: White;
	height: 550px;
	vertical-align: top;
	color: Black; /*#B45712;	*/
}

tr.footer
{
	font-size: 9px;
	color: White;
	background-color: #008c99;
	text-align: center;	
}

tr.menu
{
	padding: 2px;
	text-align: center;	
}

.linkRow
{
	background-color: #676767;
	color: #FFFFFF;
	font-size: 11px;
	text-align: center;	
	font-weight: bold;
	height: 35px;
}

input.linkMenu
{
	border: 0px;
	background-color: #676767;
	color: #FFFFFF;
	vertical-align: middle;
	font-weight: bold;
	cursor: pointer;
}

input.linkMenu2
{
	border: 0px;
	background-color: #676767;
	color: #ABABAB;	
	vertical-align: middle;
	font-weight: bold;
	cursor: pointer;
}

/*  Menu Columns for the large MedCost buttons */

tr.menuBigRow
{
	height: 50px;
	background-color: #FFFFFF;
	font-size: 20px;
	color: #FFFFFF;	
	text-align: left;	
	vertical-align: middle;	
}

font.menuBigText
{
	font-size: 20px;
	color: #FFFFFF;	
	text-align: left;	
	vertical-align: middle;
	text-decoration: none;
	margin: auto;

}

div.menuCell
{
	height: 50px; 
	width: 178px; 
	cursor: pointer; 
	vertical-align: middle;	
	padding: 4px;
}

td.menuCol1
{
	background-color: #BAB397;
	width: 20%;
	border-right: solid 10px #FFFFFF;
	
	
}
td.menuCol2
{
	background-color: #E49407;
	width: 20%;
	border-right: solid 10px #FFFFFF;
	
}
td.menuCol3
{
	background-color:  #008c99; /*#95AFCA;*/
	width: 20%;
	border-right: solid 10px #FFFFFF;
	
}
td.menuCol4
{
	background-color: #C6AD2F;
	width: 20%;
	border-right: solid 10px #FFFFFF;
	
}
td.menuCol5
{
	background-color: #8CB37A;
	width: 20%;
	
}
hr.menuWhiteLine
{
	color: #FFFFFF;
		
}

p.aboutHeading
{
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
p.aboutSubHeading
{
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
	
}
p.aboutSubHeading2
{
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-decoration: underline;
	
}
p.aboutRegTxt
{
	color: #000000;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
p.aboutImportantNote
{
	border: solid 2px;
	margin: 10px;
	padding: 4px;
	color: #000000;
	border-color: #000000;	
}

ul.aboutUL
{
	line-height: 20px;
	padding: 6px;	
	color: #000000;
	font-size: 14px;
	padding: 0px;
	margin-left: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
	
}

/*
_______________________________________________________________________________________________________________________


REQUIRED SHARED STYLES - These styles are required on every style sheet used in this project.  Styles above
this mark are custom to the organization's web site.

_______________________________________________________________________________________________________________________
*/

a:active
{
	color: #008c99;
	text-decoration: none;
}
a:hover
{
	color: #008c99;
	text-decoration: none;
}
a:link
{
	color: #008c99;
	text-decoration: none;
}
a:visited
{
	color: #008c99;
	text-decoration: none;
}

body 
{
	margin: 6 0 0 0;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 14px;
	background-color: White;
}

input.menuButton
{
	background-color: #FFFFFF;
	color: #008c99;
	font-size: 12px;
	width: 16%;	
	margin: 1px;
	
}

input.menuButton2
{
	background-color: #FFFFFF;
	color: Black;
	font-size: 12px;
	width: 16%;	
	margin: 1px;
}

input.regButton
{
	background-color: #FFFFFF;
	color: #008c99;
	font-size: 12px;	
	margin: 2px;
}

input.regButton2
{
	background-color: #FFFFFF;
	color: Black;
	font-size: 12px;
	margin: 2px;
}

/*		DISCLAIMERS		*/

p.disclaimer_regtxt
{
	
}

ul.disclaimer_ul
{
	line-height: 20px;
	padding: 6px;
	
}

p.disclaimer_heading
{
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	color: #008c99;
	
}

p.disclaimer_ImportantNote
{
	border: solid 2px;
	margin: 10px;
	padding: 4px;	
}



p.smalltxt
{
	font-size: 10px;	
	padding: 0px;
}

div.disclaimer_panel
{
	padding-top: 5px;
	padding-left: 26px;
	padding-right: 26px;
	padding-bottom: 26px;
}

.disclaimer_prov_txt
{
	font-size: 12px;	
	font-weight: bold;
	padding: 5px;
}

table.disclaimer_prov_table
{
	width:100%;
	background-color: #efefef;
	border: outset, 3px;
	
}


div.page_banner
{
	background-color:  #008c99; /*#95AFCA;*/	
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 8px;
	color: #FFFFFF;
}

hr.stdLine
{
	color: #008c99; /*#B45712;*/
	width: 100%;
	height: 2px;	
	padding: 0px;
	margin: 0px;
}

.errText
{
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

div.appError
{
	width: 50%;
	margin: auto;
	vertical-align: top;
	border-style: outset;
	border-width: 2px;
	border-color: #FF0000;
}
table.errorTable
{
	border-width: 2px; 
	border-color: #FFFFFF; 
	border-style: outset; 
	width: 100%;
}

div.statusBar
{
	width: 996px;
	background-color: #d8e3e5; /*#6D7994;*/
	border-width: 1px;
	border-style: solid;
	border-color: #d8e3e5; /*#6D7994;*/
	padding: 0px;
	margin: auto;
	text-align: center;
				
}

table.statusBarTable
{
	width: 995px;
	border-color: #d8e3e5; /*#6D7994;*/
	font-size: 11px;
	margin: auto;
	background-color: #FFFFFF;
	
	
}

td.statusBarCell
{
	border-color: #d8e3e5; /*#6D7994;*/
	border-style: solid;
	border-width: 1px;	
	
}


/* Display Grids */

.BOLD
{
	font-weight: bold;	
}

.RESULTSHEADER
{
	background-color: #008c99; /*#A33F1F;*/
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	vertical-align: bottom;	
	padding-left: 4px;
	padding-right: 4px;

			
}
/*TR.RESULTSODDROW
{
	background-color: #A2A4A3;	
	padding: 2px;
	color: #000000;
	
}
TR.RESULTSEVENROW
{
	background-color: #7090B7;
	padding: 2px;	
	color: #000000;
}*/
TR.RESULTSODDROW
{
	background-color: #e0e0e0;	
	padding: 2px;
	color: #000000;
	
}
TR.RESULTSEVENROW
{
	background-color: #FFFFFF;
	padding: 2px;	
	color: #000000;
}
.RESULTSPAGER
{
	font-size: 16px;
	font-weight: bold;
	color: #008c99; /*#6D7994;*/
	text-align: center
	
}
TD.RESULTSDATA
{
	font-size: 12px;
	border-color: #dadcf1;	
	padding: 3px;	
}

TD.RESULTSDATA_LINK
{
	font-size: 12px;
	border-color: #dadcf1;	
	padding: 3px;	
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}


.PHONECOLUMN
{
	width: 86px;	
}

TABLE.RESULTSGRID
{
	border-style: solid;
	border-color: #FFFFFF;
	width: 100%;		
	margin: auto;		
	
}

.DETAILSGRIDHEADER
{
	background-color: #008c99; /*#B45712;*/
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;				
}
.BLACK
{
	color: #000000;	
}

.underline
{
	text-decoration: underline;	
}

/* Main Menu */

table.mainMenu
{
	width: 70%;
	border-width: 2px;
	border-style: solid;
	border-color: #008c99;
	margin: auto;
	background-color: #FFFFFF;
}

tr.mainMenuTitle
{
    
	background-color: #008c99;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	margin: auto;
		
}
td.menuLink
{
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
	color: #008c99;
	padding-left: 6px;
	vertical-align: middle;
		
}
td.menuDesc
{
	font-size: 12px;
	color: Black;
	padding-left: 6px;
	vertical-align: top;
	padding-bottom: 8px;
}
td.menuImage
{
	vertical-align: middle;
}

div.menuButtonBar
{
	text-align: left;
	padding-left: 4px; 
	margin-top: 0px; 
	background-color: #008c99; /*#95AFCA;*/
	height: 34px;
	vertical-align: middle;
	padding-top: 10px;
}

/*
		Search Bar
*/
div.searchBar
{
	width: 100%;
	text-align: center;
	font-size: 14px;
	color:#008c99; /*#B45712;*/
	font-weight: bold;
	background-color: #FFFFFF;
	border-bottom: solid 2px #008c99; /*#B45712;*/
	padding-bottom: 4px;
	vertical-align: bottom;
	padding-top: 4px;
	
}

/*		Prov Display	*/

tr.provDisplay_NameRow
{
	background-color: #008c99; /*#6D7994;*/
	color: #FFFFFF;
	font-size: 12px;	
	text-align: left;	
}

tr.provDisplay_DetailTableHeaderRow
{
	background-color: #DADCF1;
	color: #565656;		
}

tr.provDisplay_DetailRow_Even
{
	background-color: #FFFFFF;
	color: #565656;		
	vertical-align: top;
	
}

tr.provDisplay_DetailRow_Odd
{
	background-color: #FFFFFF;
	color: #565656;		
	vertical-align: top;	
	
}
table.provDisplay_Grid
{
	width: 100%;	
	text-align: left;
	vertical-align: top;
	font-size: 12px;
}

.pager_Style
{
	font-size: 16px;
	padding-right: 4px; 
	padding-left: 4px;	
}

/*				INSTRUCTIONS PANELS			*/

div.instructions_Panel
{
	margin: auto;
	border-color: #008c99;/*#95AFCA;*/
	border-width: 2px;
	border-style: solid;
	width: 50%;	
	margin-top: 15px;
	text-align: left;
		
}

tr.instructions_Header
{
	background-color: #008c99;/*#95AFCA;*/
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;		
	padding: 2px;
}

.instructions_Content
{
	padding: 15px;
	font-size: 12px;
	color: Black;
	background-color: #FFFFFF;
	font-weight: normal;
}

.parComment
{
	font-size: 10px;
	color: #000000;	
}


.parCommentRed
{
	font-size: 10px;
	color: Red;
	text-align: left;	
}
/*________________*/

hr.span
{
    color: #008c99;
    width: 100%;
    size: 3px;
}

/* Mobile Styles*/

* {
  margin: 0;
}

.rptbackground
{
    background-image: url('M/Images/MCS/selection.jpg');
    background-repeat: repeat-x;
    height: 72px;
    border: none 0px;
    list-style: none;
    float:left;
    width: 100%
}

html, body 
{
  height: 100%;
  width: 100%;
  background: #d8e3e5;
}

div.Buttons
{
    width: 100%;
    height: 100%;
    background: white;
}

hr.span
{
    color: #008c99;
    width: 100%;
    size: 3px;
}

.menu-text
{
  font-size: 18px;
  color: #008c99;
  font-family: Arial, Tahoma, Sans-Serif;
  font-weight: bold;
  text-align: center;
  margin: 10px,0px,0px,10px;
  height: 100%;
}
.option-text
{
  font-size: 13px;
  color: #008c99;
  font-family: Arial, Tahoma, Sans-Serif;
  font-weight: bold;
  text-align: left;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: auto; 
}
.option-name
{
  font-size: 15px;
  color: #008c99;
  font-family: Arial, Tahoma, Sans-Serif;
  font-weight: bold;
  text-align: left;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: auto; 
}
.option-results
{
  font-size: 13px;
  color: #008c99;
  font-family: Arial, Tahoma, Sans-Serif;
  font-weight:normal;
  text-align: left;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: auto; 
}
.page-wrap {
  min-height: 400px;
  height:100%;
  width: 100%;
  /* equal to footer height */
  margin-bottom: -50px;
  max-width: 1024px;
  min-width: 350px;
}
.page-wrap:after 
{
  display: block;
  height: 100%;
}
.site-footer, page-wrap:after
{
  /* .push must be the same height as footer */
  height: 50px;
  font-size: 9px;
  color: White;
  background: #008c99;
  width: 100%;
  text-align: center; 
}
.info-wrap 
{
  min-height: 400px;
  height:100%;
  width: 100%;
  /* equal to footer height */
  margin-bottom: -50px;
  max-width: 1024px;
  min-width: 350px;
  margin-left: 5px;
}
.btnStyle 
{
     background-color: #008c99;
     border: solid 1px #008c99;
     color: #ffffff;
     font-size: 12px;
     width: 100%;
     font-family: Arial, Tahoma, Sans-Serif;
     font-weight: bold;
     padding: 1px;
     margin: 5px;
     border-radius: 10px 10px 10px 10px;
     text-align: center;
 }
 .btnStyleHover 
{
     background-color: white;
     border: solid 2px #008c99;
     color: #008c99;
     font-size: 12px;
     width: 100%;
     font-family: Arial, Tahoma, Sans-Serif;
     font-weight: bold;
     padding: 1px;
     margin: 5px;
     border-radius: 10px 10px 10px 10px;
     text-align: center;
 }