*   {
   font-family:Verdana,Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   font-size: 18px;
   line-height: 26px;
}

p {
   margin: 10px 0px 10px 0px;
}

img {
   border: none;
   margin: 0px;
   padding: 0px;
   display:block;
}

p.announcementtitle {
   font-size:15pt;
   text-decoration:underline;
}

p.thegraph {
   font-size:10pt;
   margin:15px 0px 0px 0px;
}

p.smallemph {
   font-size:9pt;
   line-height:12pt;
}

img.thegraph {
   border: none;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   display:block;
}

a:link, a:visited {
   text-decoration:none;
   color:#02d;
   border-bottom:1px dotted #497;
}
a:hover {
   text-decoration:none;
   color:#0af;
   border-bottom:1px dotted #497;
}

a.nav:link, a.nav:visited, a.nav:hover {
   text-decoration:none;
   color:#335;
   border:none;
   line-height:25px;
}

a.tabletitle:link, a.tabletitle:visited {
   font-size:10pt;
   line-height:14pt;
   text-decoration:none;
   color:#02d;
   border:none;
}

a.tabletitle:hover {
   font-size:10pt;
   line-height:14pt;
   text-decoration:none;
   color:#0af;
   border:none;
}



a.modaccount:link, a.modaccount:visited {
   font-size:10pt;
   line-height:14pt;
   text-decoration:none;
   color:#02d;
   border:none;
}

a.modaccount:hover {
   font-size:10pt;
   line-height:14pt;
   text-decoration:none;
   color:#0af;
   border:none;
}

a.graphnav:link, a.graphnav:visited {
   font-size:10pt;
   line-height:14pt;
   text-decoration:none;
   color:#02d;
   border:none;
}

a.graphnav:hover {
   font-size:10pt;
   line-height:14pt;
   text-decoration:none;
   color:#0af;
   border:none;
}

html * {
   margin:0px;
   padding:0px;
   border:0px;
}

body, html {
   margin: 0px;
   padding:0px;
   border: 0px;

}

#wrap {
   margin: 30px auto;
   padding: 10px 20px 20px;
   width: 750px;
   overflow:hidden;
   background:#eef;
}

hr.shortrule {
   margin:10px 145px 10px 0px;
   color:#dce;
   background-color:#dce;
   height:3px;
}


div.sectiontitle {
   float:left;
   font-family:Palatino,Georgia, "Times New Roman", Times, serif;
   margin: 0px;
   padding: 0px;
   color:#335;
   font-size:30px;
   line-height:34px;
}

.identity {
   font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   margin: 0px;
   padding: 0px;
   color:#6c7;
   font-size:20px;
   line-height:42px;
   font-weight:bold;
}

div.datetime {
   float:right;
   font-family:Palatino,Georgia, "Times New Roman", Times, serif;
   margin: 0px;
   padding: 0px;
   color:#335;
   font-size:20px;
   line-height:42px;
}

div.next {
   float:right;
   width:290px;
   text-align:right;
}

div.prev {
   float:left;
   width:290px;
}

div.clear {
   clear:both;
   margin:0px;
   height:1px;
   line-height:1px;
   font-size:1px;
}

div.hrule {
   border-bottom:3px solid #335;
   height:1px;
   line-height:1px;
   font-size:1px;
   margin:0px 0px 10px 0px;
}

div.ie6bugfix {
   margin:0px;
   height:1px;
   line-height:1px;
   font-size:1px;
}

div.leftnavbar {
   float:left;
   width:100px;
   height:500px;
   font-size:13px;
   padding:5px;
   margin:0px;
   background-color:#ffe;
   color:#497;
   border:2px solid #dce;
   display:block;
   overflow:hidden;
}

div.leftnavbar .highlight {
   font-weight:normal;
   color:#64c;
   width:100px;
}

div.leftnavbar2 {
   float:left;
   width:100px;
   height:100px;
   font-size:12px;
   line-height:14px;
   font-weight:bold;
   padding:5px;
   margin:0px;
   background-color:#efe;
   color:#497;
   border:2px solid #dce;
   text-align:center;
   display:block;
}

ul.naplist {
   padding-left: 50px;
   margin-left: 10px;
   list-style-type:disc;
   text-align:left;
   font-size:12px;
}

li.naplist {
   cursor:pointer;
   list-style-type:disc;
   border-bottom:none;
}

a.naplist:link, a.naplist:visited {
   text-decoration:none;
   color:#02d;
   border-bottom:none;
}

a.naplist:hover {
   text-decoration:none;
   color:#0af;
   border-bottom:1px dotted #497;
}

ul.nameslist {
   padding: 0px;
   margin: 0px;
   list-style:none;
   text-align:left;
   font-size:12px;
}

li.nameslist {
   cursor:pointer;
   border-bottom:none;
}

ul {
   padding: 0px;
   margin: 0px;
   list-style: none;
   text-align: center;
   font-size:12px;
}

ul#nav2 {
   margin:10px 0px 0px 0px;
}

li {
   cursor: pointer;
   border-bottom:1px solid #dce;
}

li.separator  {
   border-bottom:4px solid #dce;
   font-size:1px;
   line-height:1px;
   background-color:#dce;
}

li:hover, li.over  {
   background:#eef;
   color:#497;
}


.articleheadline {
   font-family:Verdana,Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   font-size: 28px;
   line-height: 30px;
   color:#335;
   padding:0px 0px 20px 0px;
}

.subtitle {
   font-family:Verdana,Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   font-size: 18px;
   line-height: 30px;
   text-decoration: underline;
   font-weight:bold;
   color:black;
}

.basictext {
   font-family:Verdana,Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   font-size: 18px;
   line-height: 26px;
   color:black;
}

.purpleunderline {
   border-bottom:6px solid #dce;
   font-family:Verdana,Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   font-size: 28px;
   line-height: 30px;
   color:#335;
}

div.purpledots {
   border-bottom:6px dashed #dce;
   width:100%;
   margin-bottom:15px;
}

div.tableholder {
   float:right;
   font-size:13px;
   width:590px;
   padding:0px 20px 400px 0px;
}


div.tableholder p {
   margin: 10px 0px 10px 0px;
}

div.tableholder p.highlighted {
   background-color:#dde;
}

/* the login form styling */

div.loginform {

   margin: 10px 0px 15px 0px;
   padding: 30px 0px 0px 0px;
   border: 4px dashed #dce;
   height:100px;

}

div.loginform label {
   display: block;
   float:left;
   width: 100px;
   text-align: right;
}

div.loginform div.data {
   margin: 5px 0px 0px 0px;
   float:left;
}

div.loginform div.button {
   margin: 0px 30px 0px 0px;
   padding: 0px;
   display: inline; /* fix IE6 double margin bug */
   float:right;
   width:100px;
}

div.loginform div.data input {
   margin: 0px 15px;
   padding: 0px 10px;
   border:1px dashed black;
   background:white;
}

div.loginform div.button input {
   margin: 10px 0px 0px 0px;
   width: 100px;
   height: 50px;
   background:#ffe;
   border: 1px solid #335;
   cursor:pointer;
}

div.loginform div.button input:hover, div.loginform div.button input.over {
   margin: 10px 0px 0px 0px;
   width: 100px;
   height: 50px;
   background: #dce;
   cursor:pointer;
}

/* the edit article form styling */

div.editarticleform {

   margin: 10px 0px 15px 0px;
   padding: 30px 0px 0px 0px;
   border: 4px dashed #dce;
   height:710px;

}

div.editarticleform label {
   display: block;
   float:left;
   width: 120px;
   text-align: right;
}

div.editarticleform div.button {
   margin: 0px auto 0px auto;
   padding: 0px;
   display: block; /* fix IE6 double margin bug */
}

div.editarticleform input {
   margin: 0px 15px;
   padding: 0px 10px;
   width:350px;
   border:1px dashed black;
   background:white;
   line-height:20px;
}

div.editarticleform select {
   margin: 0px 15px;
   padding: 0px 10px;
   width:350px;
   border:1px dashed black;
   background:white;
   line-height:20px;
}

div.editarticleform div.button input {
   margin: 10px 0px 0px 0px;
   width: 100px;
   height: 50px;
   background:#ffe;
   border: 1px solid #335;
   cursor:pointer;
}

div.editarticleform div.button input:hover, div.editarticleform div.button input.over {
   margin: 10px 0px 0px 0px;
   width: 100px;
   height: 50px;
   background: #dce;
   cursor:pointer;
}

/* the edit announcement form styling */

div.editannform {

   margin: 10px 0px 15px 0px;
   padding: 30px 0px 0px 0px;
   border: 4px dashed #dce;
   height:710px;

}

div.editannform label {
   display: block;
   float:left;
   width: 200px;
   text-align: right;
}

div.editannform div.button {
   margin: 0px auto 0px auto;
   padding: 0px;
   display: block; /* fix IE6 double margin bug */
}

div.editannform input {
   margin: 0px 15px;
   padding: 0px 10px;
   width:250px;
   border:1px dashed black;
   background:white;
   line-height:20px;
}

div.editannform div.button input {
   margin: 10px 0px 0px 0px;
   width: 100px;
   height: 50px;
   background:#ffe;
   border: 1px solid #335;
   cursor:pointer;
}

div.editannform div.button input:hover, div.editannform div.button input.over {
   margin: 10px 0px 0px 0px;
   width: 100px;
   height: 50px;
   background: #dce;
   cursor:pointer;
}

/* the changepassword form styling */

div.cpwform {

   margin: 10px 0px 15px 0px;
   padding: 30px 0px 0px 0px;
   border: 4px dashed #dce;
   height:200px;

}

div.cpwform label {
   display: block;
   float:left;
   width: 230px;
   text-align: right;
}

div.cpwform div.data {
   margin: 5px 0px 0px 0px;
   float:left;
}


div.cpwform div.button {
   margin: 20px auto 0px auto;
   padding: 0px;
   text-align:center;
   display: block; /* fix IE6 double margin bug */
}

div.cpwform div.data input {
   margin: 0px 15px;
   padding: 0px 10px;
   border:1px dashed black;
   background:white;
}

div.cpwform div.button input {
   margin: 10px 0px 0px 0px;
   width: 100px;
   height: 50px;
   background:#ffe;
   border: 1px solid #335;
   cursor:pointer;
}

div.cpwform div.button input:hover, div.cpwform div.button input.over {
   margin: 10px 0px 0px 0px;
   width: 100px;
   height: 50px;
   background: #dce;
   cursor:pointer;
}


/* the add patient form styling */

div.addptform {

   margin: 10px 0px 15px 0px;
   padding: 30px 0px 0px 0px;
   border: 4px dashed #dce;
   height:250px;

}

div.addptform label {
   display: block;
   float:left;
   width: 125px;
   text-align: right;
}

div.addptform label.longer {
   display: block;
   float:left;
   width: 250px;
   text-align: right;
}

div.addptform div.data {
   margin: 5px 0px 0px 0px;
   float:left;
}

div.addptform div.bottomdata {
   margin: auto 0px auto 0px;
   height:50px;
   float:left;
}

div.addptform div.button {
   margin: 0px 30px 0px 0px;
   padding: 0px;
   display: inline; /* fix IE6 double margin bug */
   float:right;
}

div.addptform div.data input {
   margin: 0px 15px;
   padding: 0px 10px;
   border:1px dashed black;
   background:white;
}

div.addptform div.bottomdata .radio {
   margin: 0px 5px;
   padding: 0px 0px;
   border:none;
   background:#eef;
}

div.addptform div.button input {
   margin: 10px 0px 0px 0px;
   width: 100px;
   height: 50px;
   background:#ffe;
   border: 1px solid #335;
   cursor:pointer;
}

div.addptform div.button input:hover, div.addptform div.button input.over {
   margin: 10px 0px 0px 0px;
   width: 100px;
   height: 50px;
   background: #dce;
   cursor:pointer;
}


/* the suspended account form styling */

div.suspendedaccountform {

   margin: 10px 0px 0px 0px;
   padding: 5px 0px 0px 0px;
   border: 4px dashed #dce;
   height:320px;

}

div.suspendedaccountform label {
   display: block;
   float:left;
   width: 200px;
   text-align: right;
}

div.suspendedaccountform input {
   margin: 0px 15px;
   padding: 0px 10px;
   border:1px dashed black;
   background:white;
}

div.suspendedaccountform textarea {
   background: white;
   border:1px dashed black;
   margin: 5px 0px 0px 15px;
   width:480px;
}

div.suspendedaccountform div.button {
   width:500px;
   margin: 15px auto 0px auto;
   padding: 0px;
   text-align:center;
}

div.suspendedaccountform div.button input {
   padding:0px;
   width: 110px;
   height: 35px;
   background:#ffe;
   border: 1px solid #335;
   cursor:pointer;
}

div.suspendedaccountform div.button input:hover, div.suspendedaccountform div.button input.over {
   padding:0px;
   width: 110px;
   height: 35px;
   background: #dce;
   cursor:pointer;
}

/* the forgotpw form styling */

div.forgotpwform {

   margin: 10px 0px 0px 0px;
   padding: 5px 0px 0px 0px;
   border: 4px dashed #dce;
   height:90px;

}

div.forgotpwform label {
   display: block;
   float:left;
   width: 200px;
   text-align: right;
}

div.forgotpwform input {
   margin: 0px 15px;
   padding: 0px 10px;
   border:1px dashed black;
   background:white;
}

div.forgotpwform div.button {
   width:500px;
   margin: 15px auto 0px auto;
   padding: 0px;
   text-align:center;
}

div.forgotpwform div.button input {
   padding:0px;
   width: 100px;
   height: 30px;
   background:#ffe;
   border: 1px solid #335;
   cursor:pointer;
}

div.forgotpwform div.button input:hover, div.forgotpwform div.button input.over {
   padding:0px;
   width: 100px;
   height: 30px;
   background: #dce;
   cursor:pointer;
}

/* the selfcreate form styling */

div.selfcreate {

   margin: 10px 0px 0px 0px;
   padding: 5px 0px 0px 0px;
   border: 4px dashed #dce;
   height:350px;

}

div.selfcreate label {
   display: block;
   float:left;
   width: 200px;
   text-align: right;
}

div.selfcreate input {
   margin: 0px 15px;
   padding: 0px 10px;
   border:1px dashed black;
   background:white;
}

div.selfcreate div.button {
   width:500px;
   margin: 15px auto 0px auto;
   padding: 0px;
   text-align:center;
}

div.selfcreate div.button input {
   padding:0px;
   width: 100px;
   height: 30px;
   background:#ffe;
   border: 1px solid #335;
   cursor:pointer;
}

div.selfcreate div.button input:hover, div.selfcreate div.button input.over {
   padding:0px;
   width: 100px;
   height: 30px;
   background: #dce;
   cursor:pointer;
}

div.selfcreate .clear {
   clear:both;
   padding:2px 0px;
   margin:5px 0px;
   height:1px;
   line-height:1px;
   font-size:1px;
   border-bottom:4px dotted #cd5;
}

/* the searchnameform form styling */

div.searchnameform {

   margin: 20px 0px 0px 0px;
   padding: 10px 0px 0px 0px;
   border: 4px dashed #dce;
   height:60px;

}

div.searchnameform label {
   display: block;
   float:left;
   width: 100px;
   text-align: right;
}

div.searchnameform input {
   margin: 0px 10px;
   padding: 0px 15px;
   border:1px dashed black;
   background:white;
   float:left;
   width:250px;
}

div.searchnameform div.button {
   margin: -2px 0px 0px 0px;
   float:right;
   width:120px;
}

div.searchnameform div.button input {
   padding:0px;
   width: 100px;
   height: 30px;
   background:#ffe;
   border: 1px solid #335;
   cursor:pointer;
}

div.searchnameform div.button input:hover, div.searchnameform div.button input.over {
   padding:0px;
   width: 100px;
   height: 30px;
   background: #dce;
   cursor:pointer;
}

/* the datareviewselector form styling */

div.datareviewselector {

   margin: 10px 0px 0px 0px;
   padding: 5px 0px 0px 0px;
   border: 4px dashed #dce;
   height:90px;

}

div.datareviewselector label {
   display: block;
   float:left;
   width: 80px;
   text-align: right;
}

div.datareviewselector option.wide, div.datareviewselector select.wide {
   margin: 0px 15px;
   padding: 0px 0px;
   width: 175px;
   border:1px dashed black;
   float:left;
   background:white;
}

div.datareviewselector option.narrow, div.datareviewselector select.narrow {
   margin: 0px 15px;
   padding: 0px 0px;
   width: 100px;
   border:1px dashed black;
   float:left;
   background:white;
}

div.datareviewselector div.button {
   width:500px;
   margin: 15px auto 0px auto;
   padding: 0px;
   text-align:center;
}

div.datareviewselector div.button input {
   padding:0px;
   width: 100px;
   height: 30px;
   background:#ffe;
   border: 1px solid #335;
   cursor:pointer;
}

div.datareviewselector div.button input:hover, div.datareviewselector div.button input.over {
   padding:0px;
   width: 100px;
   height: 30px;
   background: #dce;
   cursor:pointer;
}


/* the enter night data form styling */

div.enternightform {

   margin: 10px 0px 15px 0px;
   padding: 30px 0px 0px 0px;
   border: 4px dashed #dce;
   height:555px;

}

div.enternightform label {
   display: block;
   float:left;
   width: 320px;
   text-align: right;
   font-size:16px;
   line-height:22px;
   margin:1px;
   padding:1px;
}

div.enternightform label.longlabel {
   display: block;
   padding: 10px 0px;
   float:left;
   width: 460px;
   text-align: left;
}

div.enternightform .formrow {
   position:relative;
   float:left;
   margin: 0px 10px 0px 10px;
}

div.enternightform div.formrow span.ampm {
   position:absolute;
   top: 50%;
   left: 410px;
   font-size:11pt;
   height:20px;
   margin: -10px 0px 0px 10px;
   padding: 0px 0px 0px 10px;
   font-weight:bold;
   color:#dce;
   cursor:pointer;
   width:100px;
   line-height:22px;
}

div.enternightform .units {
   position:absolute;
   top: 50%;
   left: 410px;
   font-size:12pt;
   height:20px;
   margin: -10px 15px 0px 10px;
   padding: 0px 10px;
   line-height:22px;
}

div.enternightform div.button {
   width:500px;
   margin: 20px auto 0px auto;
   padding: 0px;
   text-align:center;
}

div.enternightform div.formrow input.short {
   position:absolute;
   top: 50%;
   left: 325px;
   height:20px;
   margin: -10px 15px 0px 10px;
   padding: 0px 10px;
   border:1px dashed black;
   background:white;
   width:65px;
   line-height:18px;
   text-align:center;
}

div.enternightform div.formrow input.longinput {
   height:20px;
   width:440px;
   padding: 0px 10px;
   border:1px dashed black;
   background:white;
}

div.enternightform div.button input {
   width: 100px;
   height: 40px;
   background:#ffe;
   border: 1px solid #335;
   cursor:pointer;
}

div.enternightform div.button input:hover, div.enternightform div.button input.over {
   width: 100px;
   height: 40px;
   background: #dce;
   cursor:pointer;
}


div.enternightform .clear {
   clear:both;
   padding:2px 0px;
   margin:5px 0px;
   height:1px;
   line-height:1px;
   font-size:1px;
   border-bottom:4px dotted #cd5;
}

div.enternightform .clearnoborder {
   clear:both;
   margin:0px;
   height:1px;
   line-height:1px;
   font-size:1px;
}

/* the nap form styling */

div.napform {

   margin: 10px 0px 15px 0px;
   padding: 30px 0px 0px 0px;
   border: 4px dashed #dce;
   height:230px;

}

div.napform div.topdata .radio {
   margin: 0px 5px;
   padding: 0px 0px;
   border:none;
   background:#eef;
}

div.napform div.topdata {
   font-size:16px;
   text-align:center;
   margin-bottom:20px;
}

div.napform label {
   display: block;
   float:left;
   width: 250px;
   text-align: right;
   font-size:16px;
   line-height:22px;
   margin:1px;
   padding:1px;
}

div.napform .formrow {
   position:relative;
   float:left;
   margin: 0px 10px 0px 10px;
}

div.napform div.formrow span.ampm {
   position:absolute;
   top: 50%;
   left: 360px;
   font-size:11pt;
   height:20px;
   margin: -10px 0px 0px 10px;
   padding: 0px 0px 0px 10px;
   font-weight:bold;
   color:#dce;
   cursor:pointer;
   width:100px;
   line-height:22px;
}

div.napform .units {
   position:absolute;
   top: 50%;
   left: 360px;
   font-size:12pt;
   height:20px;
   margin: -10px 15px 0px 10px;
   padding: 0px 10px;
   line-height:22px;
}

div.napform div.button {
   width:500px;
   margin: 40px auto 0px auto;
   padding: 0px;
   text-align:center;
}

div.napform div.formrow input.short {
   position:absolute;
   top: 50%;
   left: 260px;
   height:20px;
   margin: -10px 15px 0px 10px;
   padding: 0px 10px;
   border:1px dashed black;
   background:white;
   width:75px;
   line-height:18px;
   text-align:center;
}

div.napform div.button input {
   width: 100px;
   height: 40px;
   background:#ffe;
   border: 1px solid #335;
   cursor:pointer;
}

div.napform div.button input:hover, div.napform div.button input.over {
   width: 100px;
   height: 40px;
   background: #dce;
   cursor:pointer;
}


div.napform .clear {
   clear:both;
   padding:2px 0px;
   margin:5px 0px;
   height:1px;
   line-height:1px;
   font-size:1px;
   border-bottom:4px dotted #cd5;
}

div.napform .clearnoborder {
   clear:both;
   margin:0px;
   height:1px;
   line-height:1px;
   font-size:1px;
}

/* data summary table */

table.patientlist {
   border:none;
   border-collapse:collapse;
   width:100%;
   table-layout:fixed;
}

table.patientlist col#ptname {
   width:25px;
   margin:0px;
   padding:0px;
   text-align:center;
}

table.patientlist col#laston, table.patientlist col#datanum,
table.patientlist col#waso, table.patientlist col#tst, table.patientlist col#se, table.patientlist col#naps {
   width:10px;
   text-align:center;
   padding:0px;
}

table.patientlist col#status  {
   width:8px;
   text-align:center;
   padding:0px;
}

table.patientlist col#sol,
table.patientlist col#nw  {
   width:6px;
   text-align:center;
   padding:0px;
}

table.patientlist col#se {
   background-color:#ffd;
}

table.patientlist col#tst {
   background-color:#fdf;
}

table.patientlist col#naps {
   background-color:#ddf;
}

table.patientlist th, tfoot td {
   border-bottom: 1px solid #770000;
   vertical-align: bottom;
   text-align: center;
   font-weight: normal;
   line-height:14pt;
   font-size:12pt;
   border-right:1px solid #335;
}

table.patientlist tbody td {
   font-size:11pt;
   cursor:default;
   text-align:center;
   border-bottom:1px dotted black;
   border-right:1px dotted #999;
}

table.patientlist tbody td.nodata {
   color:#999;
}

table.patientlist tbody td.suspended {
   background-color:#ddd;
}

.noborder {
   border:none;
}

table.patientlist tbody tr {
   padding:1px 5px 2px;
   border-bottom:1px dotted black;
   padding:0px;

}

table.patientlist tbody tr:hover, table.patientlist tbody tr.over {
   background:#cd5;
   font-size:11pt;
}

table.patientlist tbody td.over {
   background:#ef7;
}


/* article list table */

table.articlelist {
   border:none;
   border-collapse:collapse;
   width:100%;
   table-layout:fixed;
}

table.articlelist col#title {
   width:180px;
   margin:0px;
   padding:0px;
   text-align:left;
}

table.articlelist col#updatedon, table.articlelist col#published {
   width:75px;
   text-align:center;
   padding:0px;
}

table.articlelist col#category {
   width:80px;
   text-align:center;
   padding:0px;
}

table.articlelist col#updatedby {
   width:50px;
   text-align:center;
   padding:0px;
}

table.articlelist th, tfoot td {
   border-bottom: 1px solid #770000;
   vertical-align: bottom;
   text-align: center;
   font-weight: normal;
   line-height:14pt;
   font-size:12pt;
   border-right:1px solid #335;
}

table.articlelist tbody td {
   font-size:11pt;
   line-height:13pt;
   padding:5px 0px;
   cursor:default;
   text-align:center;
   border-bottom:1px dotted black;
   border-right:1px dotted #999;
}

table.articlelist tbody td.small {
   font-size:9pt;
   line-height:11pt;
   padding:5px 0px;
   cursor:default;
   text-align:center;
   border-bottom:1px dotted black;
   border-right:1px dotted #999;
}

table.articlelist tbody td.nodata {
   color:#999;
}

table.articlelist tbody tr {
   padding:1px 5px 2px;
   border-bottom:1px dotted black;
   padding:0px;

}

table.articlelist tbody tr:hover, table.articlelist tbody tr.over {
   background:#cd5;
   font-size:11pt;
}

table.articlelist tbody td:hover, table.articlelist tbody td.over {
   background:#ef7;
}

/* announcement list table */

table.announcementlist {
   border:none;
   border-collapse:collapse;
   width:100%;
   table-layout:fixed;
}

table.announcementlist col#title {
   width:180px;
   margin:0px;
   padding:0px;
   text-align:left;
}

table.announcementlist col#updatedon {
   width:75px;
   text-align:center;
   padding:0px;
}

table.announcementlist th, tfoot td {
   border-bottom: 1px solid #770000;
   vertical-align: bottom;
   text-align: center;
   font-weight: normal;
   line-height:14pt;
   font-size:12pt;
   border-right:1px solid #335;
}

table.announcementlist tbody td {
   font-size:11pt;
   line-height:13pt;
   padding:5px 0px;
   cursor:default;
   text-align:center;
   border-bottom:1px dotted black;
   border-right:1px dotted #999;
}

table.announcementlist tbody tr {
   padding:1px 5px 2px;
   border-bottom:1px dotted black;
   padding:0px;

}

table.announcementlist tbody tr:hover, table.announcementlist tbody tr.over {
   background:#cd5;
   font-size:11pt;
}

table.announcementlist tbody td:hover, table.announcementlist tbody td.over {
   background:#ef7;
}

/* data summary table */

table.sleep7d {
   border:none;
   border-collapse:collapse;
   width:100%;
   table-layout:fixed;
}

table.sleep7d col#date {
   width:35px;
   margin:0px;
   padding:0px;
   text-align:center;
}

table.sleep7d col#fw, table.sleep7d col#tob, table.sleep7d col#tst, table.sleep7d col#tib {
   font-size:11pt;
   width:13px;
   text-align:center;
   padding:0px;
}

table.sleep7d col#se  {
   width:9px;
   text-align:center;
   padding:0px;
}

table.sleep7d col#sol, table.sleep7d col#nw, table.sleep7d col#waso, table.sleep7d col#naps {
   width:10px;
   text-align:center;
   padding:0px;
}

table.sleep7d col#sol {
   width:7px;
   text-align:center;
   padding:0px;
   margin:0px;
}

table.sleep7d col#ttb {
   width:13px;
   text-align:right;
   padding:0px;
}

table.sleep7d col#se, table.sleep7d col#tib {
   background-color:#ffd;
}

table.sleep7d col#tst {
   background-color:#fdf;
}

table.sleep7d col#naps {
   background-color:#ddf;
}

table.sleep7d th, tfoot td {
   border-bottom: 1px solid #770000;
   vertical-align: bottom;
   text-align: center;
   font-weight: normal;
   font-size:12pt;
   border-right:1px solid #335;
}

table.sleep7d th em {
   font-style:normal;
   font-size:12pt;
   line-height:16pt;
   display:block;
   text-align:center;
   padding:0px;
}

table.sleep7d tbody td {
   font-size:15px;
   cursor:default;
   text-align:center;
   border-bottom:1px dotted black;
   border-right:1px dotted #999;
   margin:0;
   padding:0;
}

table.sleep7d tbody td.nodata {
   color:#999;
}

table.sleep7d tbody td.comment {
   text-align:left;
   font-size:9pt;
   padding-left:10px;
   color:#66d;
}

.noborder {
   border:none;
}

table.sleep7d tbody tr {
   padding:1px 5px 2px;
   border-bottom:1px dotted black;
   padding:0px;

}

table.sleep7d tbody tr:hover, table.sleep7d tbody tr.over {
   background:#cd5;
   font-size:11pt;
}

/* data performance summary table */

table.sleepperformance {
   border:none;
   border-collapse:collapse;
   width:100%;
   table-layout:fixed;
}

table.sleepperformance col#period {
   width:23px;
   margin:0px;
   padding:0px;
   text-align:center;
}

table.sleepperformance col#numnights, table.sleepperformance col#tst, table.sleepperformance col#se, table.sleepperformance col#tobsd {
   width:12px;
   text-align:center;
   padding:0px;
}

table.sleepperformance th, tfoot td {
   border-bottom: 1px solid #770000;
   vertical-align: bottom;
   text-align: center;
   font-weight: normal;
   font-size:12pt;
   border-right:1px solid #335;
   line-height:16pt;
}

table.sleepperformance tbody td {
   font-size:11pt;
   cursor:default;
   text-align:center;
   border-bottom:1px dotted black;
   border-right:1px dotted #999;
}

table.sleepperformance tbody tr {
   padding:1px 5px 2px;
   border-bottom:1px dotted black;
   padding:0px;

}


/* sleepaverages table */

table.sleepaverages {
   margin:30px 0px;
   border:none;
   border-collapse:collapse;
   width:100%;
   table-layout:fixed;
}

table.sleepaverages col#date {
   width:35px;
   margin:0px;
   padding:0px;
   text-align:center;
}

table.sleepaverages col#nights, table.sleepaverages col#sol, table.sleepaverages col#nw,
table.sleepaverages col#tst, table.sleepaverages col#se, table.sleepaverages col#tobsd {
   width:10px;
   text-align:center;
   padding:0px;
}


table.sleepaverages col#se {
   background-color:#ffd;
}

table.sleepaverages col#tst {
   background-color:#fdf;
}

table.sleepaverages th, tfoot td {
   border-bottom: 1px solid #770000;
   vertical-align: bottom;
   text-align: center;
   font-weight: normal;
   font-size:12pt;
   line-height:14pt;
   border-right:1px solid #335;
}

table.sleepaverages tbody td {
   font-size:11pt;
   cursor:default;
   text-align:center;
   border-bottom:1px dotted black;
   border-right:1px dotted #999;
}

table.sleepaverages tbody td.nodata {
   color:#999;
}


.noborder {
   border:none;
}

table.sleepaverages tbody tr {
   padding:1px 5px 2px;
   border-bottom:1px dotted black;
   padding:0px;

}

table.sleepaverages tbody tr:hover, table.sleepaverages tbody tr.over {
   background:#cdc;
   font-size:11pt;
}

/* --- */

/* --- */

.makegreen {
   color:#497;
}

.yellowhighlight {
   background-color:#ffd;
}



/* data summary table */

p.trendptname {
   background-color:#ffe;
   padding-left:5px;
   border-top:15px solid #eef;
   border-bottom:2px solid black;
   cursor:pointer;
}

p.trendptnameover {
   background-color:#ff6;
   padding-left:5px;
   border-top:15px solid #eef;
   border-bottom:2px solid black;
   cursor:pointer;
}

table.datatrends {
   border:none;
   border-collapse:collapse;
   width:100%;
   table-layout:fixed;
}

table.datatrends col#week {
   width:25px;
   margin:0px;
   padding:0px;
   text-align:center;
}

table.datatrends col#sol, table.datatrends col#waso {
   width:10px;
   text-align:center;
   padding:0px;
}

table.datatrends col#nw, table.datatrends col#se {
   width:5px;
   text-align:center;
   padding:0px;
}

table.datatrends col#tst {
   width:15px;
   text-align:center;
   padding:0px;
}

table.datatrends th, tfoot td {
   border-bottom: 1px solid #770000;
   vertical-align: bottom;
   text-align: center;
   font-weight: bold;
   line-height:14pt;
   font-size:12pt;
   border-right:1px solid #335;
}

table.datatrends tbody td {
   font-size:11pt;
   cursor:default;
   text-align:center;
   border-bottom:1px dotted black;
   border-right:1px dotted #999;
}

table.datatrends tbody td span.stdev {
   font-size:10pt;
}

table.datatrends tbody td.significant80 {
   background-color:#fbb;
}

table.datatrends tbody td.significant50 {
   background-color:#ddf;
}

table.datatrends tbody tr {
   padding:1px 5px 2px;
   border-bottom:1px dotted black;
   padding:0px;

}

table.datatrends tbody tr.overall {
   padding:1px 5px 2px;
   border-bottom:1px dotted black;
   padding:0px;
   background:#ddd;
}

table.datatrends tbody tr:hover, table.patientlist tbody tr.over {
   background:#cd5;
   font-size:11pt;
}

table.datatrends tbody td.over {
   background:#ef7;
}

/* --- */

#newinfolist {
   float:right;
}

/* --- */

form {
   padding:0px 10px;
}

form h1 {
   font-size:18pt;
   font-weight:normal;
   text-decoration:underline;
}

form div {
   margin: 10px 0px;
}

form div select {
   width:200px;
}

.formbutton {
   border:2px solid #770000;
   background:#cd9b1d;
}



input.date {
   text-align:center;
}


.transparent {
    filter:alpha(opacity=80);
    opacity:0.8;
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    background-color:#999999;
    padding:5px 10px;
    display:none;
    width:220;
    height:100;
    position:absolute;
    color: white;
}

#popupdescription {
    font-size:12px;
    width:200px;
    line-height:16px;
}

.popupcalendar {
    filter:alpha(opacity=80);
    opacity:0.8;
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    background-color:white;
    display:none;
    width:260px;
    height:260px;
    position:absolute;
    color: black;
    border: 1px black solid;
    z-index:10;
    left:0;
    top:0;
    padding:0px;
}

.popupheadleft, .popupfootleft {
   width:130px;
   padding:0px 5px;
   text-align:left;
   float:left;
}

.popupheadright, .popupfootright {
   padding:0px 5px;
   width:110px;
   text-align:right;
   float:left;
}

.popupheadleft {
   background-color: #770000;
   color:#cccccc;
}

.popupheadright {
   background-color: #770000;
   color:#cccccc;
}

.popupbody {
   text-align:center;
}

table.calendar {border: 0px; padding:0px; width:90%; margin:10px;}
table.calendar td, th {text-align: center; border: 0; vertical-align: middle;}
table.calendar th {height: 10px; font-weight: bold; font-size: 8pt; font-family:"Arial",sans-serif;}
table.calendar td {width: 27px; height: 15px; font-size: 9pt; line-height:10pt; font-family:"Arial",sans-serif; margin-bottom:0;}
table.calendar td:hover, td.over { background:#eeeedd; }
table.calendar .calendar-month {font-weight: bold; margin-top: 3px; font-size: 12pt; text-align: center; font-family:"Arial",sans-serif; color:#003399;}
table.calendar .calendar-month a{text-decoration: none}
table.calendar .calendar-prev, table.calendar .calendar-next {font-weight: normal;}
table.calendar th {color: green; text-align: center;}
a.calendar:link {text-decoration: none;border-bottom:none;}
a.calendar:visited {text-decoration: none;border-bottom:none;}
a.calendar:hover {text-decoration: none;border-bottom:none;}
.calsmalltext {font-size:10pt;text-align:left;}
.seldate {padding:2px 0px;width:100%;background:yellow;}


div.articlebuttons {
   display:block;
   padding:50px;
   text-align:center;
}

div.articlebuttons a.newarticle:link, div.articlebuttons a.newarticle:visited {
   display:block;
   width:150px;
   border:1px solid black;
   cursor:pointer;
   text-align:center;
   background:#ffe;
   color:black;
}

div.articlebuttons a.newarticle:hover {
   background:#dce;
}

ul.articletitles {
   text-align:left;
   padding-left:20px;
   margin-left:20px;
   font-size:12px;
}

li.articletitles {
   padding-left:5px;
   cursor:pointer;
   list-style-type:disc;
   border-bottom:none;
}

#article p  {
   font-family:Verdana,Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   font-size: 18px;
   line-height: 26px;
}

#article h2, h2.article {
   font-family:Verdana,Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   font-size: 26px;
   font-weight:normal;
   line-height: 30px;
   color:#335;
   padding:10px 0px 10px 0px;
}

#article h3, h3.article {
   font-family:Verdana,Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   font-size: 20px;
   font-weight:normal;
   text-decoration:underline;
   line-height: 30px;
   color:#335;
   padding:10px 0px 10px 0px;
}

#article ul {
   padding-left: 50px;
   margin-left: 10px;
   list-style-type:disc;
   text-align:left;
   font-size:12px;
}

#article li {
   cursor:default;
   list-style-type:disc;
   border-bottom:none;
}

#article li:hover {
   color:black;
}

/* the questionnaire form styling */

div.qform {

   margin: 10px 0px 15px 0px;
   padding: 30px 0px 0px 0px;
   border: 2px solid #aca;
   height:800px;
   background:#efeff0;

}

div.qform .formrow {
   position:relative;
   float:left;
   margin: 0px 10px 0px 10px;
   padding:0px;
   font-size:16px;
   line-height:22px;
}

div.qform .formrow .mchoice {
   float:left;
   width:100px;
   text-align:center;
   margin: 0px 10px 0px 10px;
   font-size:14px;
   line-height:18px;
}

div.qform .formtitle {
   font-size:22px;
   margin: 0px 10px 30px 10px;
   text-align:center;
}

div.qform .formrow .formcaption {
   padding:10px;
   position:relative;
   margin: 10px;
   font-size:15px;
   line-height:19px;
   width:470px;
   background-color:#f8f8fc;
   border:1px solid #aca;
}

div.qform .formrow .formcaption strong {
   font-size:15px;
   line-height:19px;
}

div.qform label {
   float:left;
   width: 170px;
   text-align: right;
   font-size:16px;
   line-height:22px;
   margin:1px;
   padding:1px 10px 1px 1px;
}

div.qform label.short {
   float:left;
   width: 140px;
   text-align: right;
   font-size:16px;
   line-height:22px;
   margin:1px;
   padding:1px;
}

div.qform label.long {
   float:left;
   width: 400px;
   text-align: right;
   font-size:16px;
   line-height:22px;
   margin:1px;
   padding:1px 10px 1px 1px;
}

div.qform label.full {
   width: 500px;
   text-align: left;
   font-size:16px;
   line-height:22px;
   margin:1px;
   padding:1px 1px 10px 1px;
}

div.qform .units {
   font-size:12pt;
   height:20px;
   padding: 0px 10px;
   line-height:22px;
}

div.qform div.button {
   width:500px;
   margin: 20px auto 0px auto;
   padding: 0px;
   text-align:center;
}

div.qform div.formrow input.short {
   float:left;
   font-size:12px;
   height:20px;
   padding: 0px 10px;
   border:1px dashed black;
   background:white;
   width:80px;
   line-height:18px;
   text-align:center;
}

div.qform div.formrow input.medium {
   height:20px;
   padding: 0px 10px;
   border:1px dashed black;
   background:white;
   width:140px;
   line-height:18px;
   text-align:center;
}

div.qform div.formrow input.longinput {
   height:20px;
   width:315px;
   padding: 0px 10px;
   border:1px dashed black;
   background:white;
}

div.qform div.formrow textarea.longinputallergies {
   height:50px;
   width:315px;
   padding: 0px 10px;
   border:1px dashed black;
   background:white;
}


div.qform div.formrow textarea.longinput2 {
   height:80px;
   width:315px;
   padding: 0px 10px;
   border:1px dashed black;
   background:white;
}

div.qform div.formrow textarea.longinputmeds {
   height:200px;
   width:315px;
   padding: 0px 10px;
   border:1px dashed black;
   background:white;
}

div.qform div.formrow textarea.full {
   height:150px;
   width:485px;
   padding: 0px 10px;
   margin: 0px 0px 10px 0px;
   border:1px dashed black;
   background:white;
}

div.qform div.button input {
   width: 100px;
   height: 40px;
   background:#dde;
   border: 1px solid #335;
   cursor:pointer;
}

div.qform div.button input:hover, div.qform div.button input.over {
   width: 100px;
   height: 40px;
   background: #aae;
   cursor:pointer;
}


div.qform .clear {
   clear:both;
   padding:2px 0px;
   margin:0px 0px 5px 0px;
   height:1px;
   line-height:1px;
   font-size:1px;
   border-bottom:2px dotted #aca;
}

div.qform .clearnoborder {
   clear:both;
   margin:0px;
   height:1px;
   line-height:1px;
   font-size:1px;
}