/* HIPAOS CSS Document */

* {
  margin: 0px;
  padding: 0px;
  }
html {
 /*width: 770px;*/
 margin: 0 auto;
 padding: 0px;
 }

body {
  margin: 0 auto;
  text-align: center; /*center hack*/
	background-color: #FFFFFF;
	font-family: Arial, "Trebuchet MS", "Arial Black", sans-serif;
	font-size: 1em;
	color: #000;
  }
a:link { color: #E81818; }
a:visited{ color: #990000; }
a:hover{ color: #E81818; text-decoration: none; }
a:active{ color: #000000; }
#pagewrapper {
  width: 760px;
  /*height: 1%;*/
  margin: 0px auto;
  padding-top: 100px;
  text-align: left;
  position: relative;
  }
  
#contentwrapper {
  width: 630px;
  background-image: url(../images/round_top.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 0px;
  padding-top: 6px;
  }
  
#header {
  width: 630px;
  height: 68px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/head_bg.jpg);
  background-repeat: repeat-y;
  background-position: 0 0;
  }
  
#headerContent {
  float:left;
  width: 400px;
  height: 67px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/h1bgimage.gif);
  background-repeat: no-repeat;
  background-position: top center;
  text-align: center;
  border-right: 2px dashed #E81818;
  border-bottom: 2px dashed #E81818;
  }
  #headerContent h1 {
    font-size: 1.4em;
    color: #E81818;
    word-spacing: -2px;
    margin: 0px;
    padding: 0px;
    text-indent: -2000px;
    }
  #headerContent h2 {
    font-size: 1em;
    /*font-weight: bolder;*/
    color: #000;
    /*margin-bottom: -3px;*/
    padding: 0px;
    text-indent: -2000px;
    } /*.red { font-size: 1.1em; color: #E81818; font-weight: bold;}*/
  #headerContent h3 {
    font-size: .6em;
    /*font-weight: bolder;*/
    color: #000;
    word-spacing: -1px;
    margin: 0px;
    padding: 0px;
    }

#content {
  width: 624px;
  border-right: 2px dashed #E81818;
  border-left: 2px dashed #E81818;
  margin-top: 1px;
  padding: 1px;
  overflow: hidden;
  }
  
   
#leftSide {
  width: 470px;
  margin: 0px;
  padding: 0px;
  float: left;
  overflow: hidden;
  }

/* MAIN CONENT AREA */
 
  #middleContent {
    width: 354px;
    margin-top: 3px;
    margin-right: 5px;
    padding: 0px;
    float: right;
    text-align: justify;
    }
    #middleContent h1{
    color:#E81818;
    margin-bottom: -8px;
    font-size: 1.0em;
    }
    .flash{
    width: 354px;
    height: 60px;
    margin-bottom: 5px;
    }
    #middleContent ul{
    list-style-type: none;
    }
    .contentArea .list ul li{
    list-style-type: disc;
    list-style-position: inside;
    }
  .uline{
  text-decoration: underline;
  }
  .small { font-size: .85em;}
  
  #sponsors {
    background-image: url(../images/sponsor_header.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-align: center;
    } 
    
#sponsorIcons { padding-top: 10px; }

.contentArea {
background-image: url(../images/hr_bg.jpg);
background-repeat: no-repeat;
width: 352px;
border: none;
margin-top: 5px;
padding-top: 5px;
font-size: .8em;
line-height: 20px;
}   

.contentArea2 {
background-image: url(../images/hr_bg.jpg);
background-repeat: no-repeat;
width: 352px;
border: none;
margin-top: 5px;
padding-top: 5px;
padding-left: 5px;
font-size: .8em;
line-height: 20px;
}   

.contentAreadel {
background-image: url(../images/hr_bg.jpg);
background-repeat: no-repeat;
width: 552px;
border: none;
margin-top: 5px;
padding-top: 5px;
font-size: .8em;
line-height: 20px;
}   
.contentArea p {
      margin-bottom: 8px;

      }
.contentArea h2 {
      color:#E81818;
      margin-bottom: 8px;

      }  
      
.accountheader {
  color:#E81818;
    margin: 3px;
    padding:0px;
    font-size:14px;

}

#content h2 {
  font-size:14px;
  text-align:center;
  color:red;
}
      
.content{
font-size: .8em;
padding-top: 12px;
text-align: left;
}



.content ol{
list-style-position: inside;
margin: 8px 0px;
}  
/* LEFT CONENT AREA (NAVIGATION) */ 
  #leftContent {
    width: 102px;
    margin: 0px;
    padding: 0px;
    float: left;
    }
    #navigation {
      width: 102px;
      border-right: 2px dashed #E81818;
      border-bottom: 2px dashed #E81818;
      margin: 0px; 
      padding: 0px;
      }
    #adminNav {
      width: 102px;
      border-right: 2px dashed #E81818;
      border-bottom: 2px dashed #E81818;
      margin: 0px; 
      padding: 0px;
      } #adminNav a { font-size: .8em; }
      .mainNav li{
        width: 101px;
        height: 16px;
        margin: 0px;
        padding: 0px;
        font-size: .9em;
        font-weight: bold;
        list-style-type: none;
        }
        .mainNav li a {
          text-decoration: none;
          display: block;
          width: 101px;
          height: 16px;
          padding: 0px;
          margin-top: 3px;
          color: #000000;
          }
        .mainNav li a:hover {
          width: 101px;
          height: 16px;
          background-image: url(../images/navBG.jpg);
          background-position: 0 0;
          background-repeat: no-repeat;
          }
/* RIGHT SIDE CONTENT */    
#rightSide {
  width: 150px;
  margin: 135px 0px 0px 0px;
  padding: 0px;
  float: right;
  }
  #rightSide h2 {
    padding-left: 24px;
    font-size: .8em;
    color: #FFFFFF;
    font-weight: bold;
    background-image: url(../images/cta_header.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    } #rightSide .login h2 { 
        padding-left: 27px;
        background-image: url(../images/login_header.jpg);
        background-repeat: no-repeat;
        background-position: 0 0;
        }
      #rightSide .ad h2 { 
        font-size: .75em;
        margin: 0px;
        }
  #rightSide p {
    font-size: .8em;
    }

#video {
  position: absolute;
  width:150px;
  left:480px;
}

.videoIcon {
  border: 1px solid #FF0000;
  margin: 5px 5px 5px 5px;
  
  }
  
.viconText {
  font-size:12px;
  margin: 0px 3px 10px 3px;
  text-align:center;
}
  
  .cta { 
    /*background-image: url(../images/cta_header.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;*/
    /*width: 150px;*/
    } .cta_l {
        background-image: url(../images/window_bgtl.jpg);
        background-repeat: no-repeat;
        background-position: 0 0; 
        /*width: 150px;*/       
        }
        .cta_r {
        background-image: url(../images/window_bgbr.jpg);
        background-repeat: no-repeat;
        background-position: right bottom;
        padding: 5px;    
        /*width: 150px;*/
        }
 /* .login { 
    background-image: url(../images/login_header.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    /*width: 150px;
    }*/ .login .registerText { font-size: .75em; padding-top: 10px; display: block; }

dl {
  font-size: .8em;
  }
  
.form { font-size: 9px; }
.formSubmit {
  padding:0px 0px 8px 0px;
  margin-top: 3px;
  margin-left: 45px;
  background-color:#FFF;
  background-image: url(../images/submitbutton.jpg);
  background-repeat: no-repeat;
  width: 74px;
	height: 7px;
	border: none;
	cursor: pointer; /* cursor: hand; for IE5 */

/* image is 74 by 7 pixels */
  }

/* FOOTER SECTION */   
#footer {
  clear: both;
  width: 630px;
  height: 49px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/foot_bg.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: .7em;
  font-weight: bold;
  text-align: center;
  }
 .footnavText {
  color: #E81818;
  line-height: 13px;
  } .footnavText a { text-decoration: none; color: #E81818;}
    .footnavText a:hover { text-decoration: underline; }

/* AD BANNERS */

#topbanner {
  width: 469px;
  height: 100px;
  position: absolute;
  top: 5px;
  left: 15px;
  }
#sidebanner {
  width: 121px;
  height: 409px;
  position: absolute;
  top: 100px;
  left: 635px;
  }

/* New User */
#newuser{
width: 350px;
margin: 0 auto;
}

#newuser h1{
font-size: 1.3em;
}

/* MEDICAL CARDS INDEX */
#meds{
font-size: .9em;
margin-bottom: 10px;
font-weight: bold;

}
#meds p{
border-top: 2px dashed #FF0000;
border-right: 2px dashed #FF0000;
border-left: 2px dashed #FF0000;
display: block;
width: 50%;
margin: 0px auto;
background: #FFFF00;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
}
#meds p.last{
border-bottom: 2px dashed #FF0000;
}
#meds a{
text-decoration: none;
color: #FF0000;
}
#meds a:hover{
text-decoration: underline;
}

/* FAILED LOGIN */
#failed{
width: 50%;
margin: 10px auto;
font-size: .8em;
font-weight: bold;
}
#failed h1{
color: #FF0000;
font-size: 1.5em;
}

/* DONOR */
#donor{
font-size: .9em;
width: 80%;
margin: 10px auto;
}
#donor h1{
font-size: 1.4em;
color: #FF0000;
}
#donor strong{
display: block;
color: #FF0000;
background: #FFFF00;
border: 1px dashed #FF0000;
padding: 2px;
}

/* SURROGATE */
#surrogate{
width: 80%;
margin: 10px auto;
font-size: .8em;
font-weight: bold;
}
#surrogate h1{
font-size: 1.4em;
color: #FF0000;
}
#surrogate strong{
display: block;
color: #FF0000;
background: #FFFF00;
border: 1px dashed #FF0000;
padding: 2px;
}

/* REGISTER NOW BANNERS */
#registerbanner{
width: 300px;
height: 141px;
margin: 0 auto;
background-image: url(../images/registerbanner1.gif);
background-repeat: no-repeat;
}

#registerbanner a{
color: #ffffff;
text-decoration: none;
font-family: "Arial Black", Arial, sans-serif;
font-size: 1.9em;
/*display: block;*/
text-align: center;
width: 190px;
height: 25px;
position: relative;
top: 103px;
left: 68px;
}
#registerbanner a:hover{
color: #ffffff;
text-decoration: underline;
font-family: "Arial Black", Arial, sans-serif;
font-size: 1.9em;
/*display: block;*/
text-align: center;
width: 190px;
position: relative;
top: 103px;
left: 68px;
}
#registerbanner2{
width: 300px;
height: 100px;
margin: 0 auto;
background-image: url(../images/registerbanner3.gif);
background-repeat: no-repeat;
}

#registerbanner2 a{
color: #ffffff;
text-decoration: none;
font-family: "Arial Black", Arial, sans-serif;
font-size: 1.3em;
/*display: block;*/
text-align: center;
width: 190px;
height: 25px;
position: relative;
top: 54px;
left: 61px;
}
#registerbanner2 a:hover{
color: #ffffff;
text-decoration: underline;
font-family: "Arial Black", Arial, sans-serif;
font-size: 1.3em;
/*display: block;*/
text-align: center;
width: 190px;
position: relative;
top: 54px;
left: 61px;
}
.warning{
list-style-position: inside;
border: 1px solid #FF0000;
margin: 5px 0px;
background: #FFFF00;
font-size: 11px;
color: #FF0000;
font-weight: bold;
padding-left: 3px;
}

.warning li{
margin-bottom: 3px;
}