/* DEFAULTS
----------------------------------------------------------*/
@media (min-width: 768)
{
       body
       {
    font-size: .95em;    
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #000000;
    background-color:#FFFFFF; 
       }
    .comtype{
   position: relative;   
   width: 200px;
   float:left;   
   padding: 10px 0px 10px 10px;
   margin-left:15px;
   font-size: .95em; 
    }
}
body   
{       
    font-size: .95em;    
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #000000;
    background-color:#FFFFFF;    
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    color: #bf2131;
    /*font-variant: small-caps;*/
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
    text-shadow: 1px 1px 1px #CCCCCC;
}

h1
{
    font-size: 3.5em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-weight: 600;
    text-shadow: 1px 1px 1px #CCCCCC;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
    color: #000000;
    font-weight: 600;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}
hr
{
  background-color:#dd0050;
  color:#dd0050;
  border-color:#dd0050;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns 
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}
*/

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page
{ 
  margin: auto;
  position: absolute;
  text-align: center;
  max-width: 1000px;  
  width:100%;
  height:100vh;
  background-color:#ffffff;
}

.header
{    
    width: 100%;
    height:100px;    		    	
    position: relative;
    margin: 0px;
    padding: 0px;
    bottom: 0;     
    background-color:#bf2131;     
}
.logo
{
    position: relative;
    text-align: left;
    vertical-align:middle;
    padding-top: 5px;
    padding-left: 5px;
    font-size: 1.8em;
    color:#FFFFFF;
}
.menutab
{
    position: relative;
    float:left;
    vertical-align:bottom;
    margin-bottom:0;
    background-color: #bf2131;   
    padding-top:20px; 
    text-align:left;
    width:100%;
}
.bgbody
{    
    background-image:url('hbeat.png');        
    background-repeat:no-repeat; 
    background-size:cover;                          
    background-color:#FFFFFF;
    width: 100%;    		    	
    position: Absolute;  
    margin: 0px;
    padding: 0px;
    bottom: 0;       
}
.bgbodyleft
{    
    background-image:url('bgbodyleft.png');        
    background-repeat:no-repeat; 
    background-size:cover;                          
    background-color:#FFFFFF;
    width: 100%;    		    	
    position: relative;  
    margin: 0px;
    padding: 0px;
    bottom: 0;       
}
.illustration img {
  width: 100%;
  display: block;
}
.headertxt
{        
    background-repeat:no-repeat;                           
    background-color:#FFFFFF;
    text-align:center;
    position: absolute;
    bottom: 0;       
}

.main
{
	float:left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    min-height: 250px;	
    width:100%;
    text-align:left;
}
.mainContent
{		
    padding: 0px 0px 0px 0px;
    margin: 15px 15px 15px 15px;    
    float:left;
}

.footer2
{
	background-color:#FFFFFF;
    color: #000000;
    padding: 8px 0px 8px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    line-height: normal;
}
.menbar{
    border-top: 1px solid #96d1f8;
    background: #b3b3b9;
    background: -webkit-gradient(linear, left top, left bottom, from(#bf2131), to(#b3b3b9));
    background: -webkit-linear-gradient(top, #bf2131, #b3b3b9);
    background: -moz-linear-gradient(top, #bf2131, #b3b3b9);
    background: -ms-linear-gradient(top, #bf2131, #b3b3b9);
    background: -o-linear-gradient(top, #bf2131, #b3b3b9);
    padding: 5px 10px;  
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 14px;
    font-family: Georgia, serif;
    text-decoration: none;
    vertical-align: middle;
    text-align:left;
}
.footer {
    background: #bf2131;
    padding: 5px 10px;  
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 12px;
    font-family: Georgia, serif;
    text-decoration: none;
    vertical-align: middle;
    text-align:center;
}

.tablehead
{
    color: #FFFFFF;
    background-color:#CC0000;
    padding: 8px 0px 0px 0px;    
    text-align: center;
    line-height: normal;
    font-size: 1em;
}
.table
{
	font-size: .8em;		
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    /*background-color:#dd0050;*/    
    width:100%;
    height:100%;
    background-color:#666666;
}

div.menu
{
    width:95%;
    height:100%;			
    padding: 4px 0px 4px 8px;
    text-align:center;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    z-index:25;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #333333;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;

}

div.menu ul li a:hover
{
    background-color: #FFFFFF;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 0px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 300px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 300px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 100%;    
    text-align:center;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;    
    text-align: Center;
    width: auto;
    font-weight: bold;
    font-size: 1.9em;
    color:#FFFFFF;  
}
.title2
{
    display: block;    
    text-align: Center;
    width: 100%;
    font-weight: bold;
    font-size: 1.9em;
    background-color:#000000;
    color:#FFFFFF;
}
.loginDisplay
{
    font-size: 1.1em;
    display: block;    
    text-align: right;
    padding: 0px 8px 0px 0px;
    color: #FFFFFF;
}

.loginDisplay a:link
{
    color: #FFFFFF;
}

.loginDisplay a:visited
{
    color: #FFFFFF;
}

.loginDisplay a:hover
{
    color: #FFFFFF;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.button {
   border-top: 1px solid #b3b3b9;
   border-bottom:0px;
   color: #bf2131;
   background-color:#FFFFFF;
   padding: 5px 10px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;         
   font-size: 1.2em;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #b3b3b9;
   color: #000000;
   font-size: 1.2em;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
.SignupBox{
   position: relative;
   border-radius: 8px;
   width: 400px;
   float:right;
   background: #bf2131;
   color:#FFFFFF;
   padding: 10px 0px 10px 10px;
}
.MedBox{ 
   width: 400px;
   float:right;
   padding: 10px 10px 10px 10px;
   margin-left:60px;
}
.comtype{
   position: relative;   
   width: 200px;
   float:left;   
   padding: 10px 0px 10px 10px;
   margin-left:15px;
}
.foot{
    padding: 5px 10px;      
    color: white;  
    vertical-align: middle;
    text-align:center;
}