BODY 
{
  font-family: "Verdana"; "Tahoma"; sans-serif; 
  font-size:10pt;
   background-color: #c5cfd0;
}

#Page
{
  width: 1000px;
  position: absolute; 
  Top: 0;
  Left: 50%;
  margin-left: -500px;
 background-color: RGB(240,235,235);
 padding: 0.5em;
 padding-top:0;
}

#Banner
{
  width:988px;
  background-image: none;
  background-color:white;
  float: left;
  padding-top: 8px;

}

#CurrentDate
{
    float:left;
    margin-right:10px;
    font-family: "trebuchet ms","verdana", sans-serif;
    font-size:13pt;
    color: RGB(80,80,150);
    text-align: left;
    width: 250px;
    z-index:3;
/*
    margin-top:-76px;
*/
    margin-top:-0px;
    background-color: transparent;
    padding-right:1em;




}

#InfoLink 
{
    width:280px;
    height:60px;
    float:right;
    vertical-align:top;
    border: 1px solid rgb(160,160,200);

}

#InfoLink #headLine
{    
    width:280px;
    float: left;
    height:25px;
    background-color: rgb(160,160,200)/*rgb(133,182,146)*/;

}

#InfoLink #headLine h1 
{
    color: #ffffff;
    font-size: 9pt;
    font-weight: bold;
    font-family: "verdana", "arial", sans-serif;
    padding: 0px;
    margins:0px;
    text-align: center;
    vertical-align: top;
}

#InfoLink #saveImageHolder 
{
    margin-top: 4px;
    width: 20px;
    float:left; 
    margin-left: 2px;
    margin-right: 2px;
}

#InfoLink img
{
    border: none;
}

a:hover div
{

    background-color: rgb(235,235,255);

}

a:link div, a:visited div, a:active div
{

    text-decoration:none;
}

a:link #bodyText, a:visited #bodyText, a:active #bodyText, a:hover #bodyText
{

    text-decoration:none;
    font-size: 8pt;
    font-family: "tahoma", "verdana" sans-serif;
}


#InfoLink #bodyText 
{
    margin-top: 4px;
    width: 255px;
    color: rgb(70,124,251);
    font-size: 8pt;
    font-family: "tahoma", "verdana" sans-serif;
    text-align: left;
    float: left;
    z-index: 1;

}

#mainHeading
{
  float:left; 
  margin-top: -20px; 
  white-space: nowrap; 
  margin-left: 152px; 
  z-index:2
  
}

#CurrentTime
{
font-size: 10pt;
}

#DawnLogo
{
Display:inline;

}

#Content
{
  Background-color: RGB(240,235,235);
  height: 100%;
  Padding: 1em;

}

.LargeText
{
 font-family: "Trebuchet MS", "Verdana","Arial", sans-serif;
  font-size: 12pt;
}

TABLE
{
  border: 1px solid rgb(225,225,225); 
  padding: 2px;

}

H1,H2, H3
{
  font-family: "Trebuchet MS", "Arial", sans-serif;
  font-size: 14pt;
  font-weight:bold;
  padding-bottom:12px
}

H1
{
  color: RGB(200,170,200);
}

H2, H3
{
  color: RGB(70,100,155);
}

H3
{

  font-size: 12pt;

}

.Section
{
  border: 1px solid RGB(200,200,200);
  width: 96%;
  padding: 0.5em;
  padding-left:1em;
  padding-right:1em;
  background-color: white;
  float: left;


}


#PatientIDSection
{
  text-align: center; 
  background-color: transparent; 
  padding:0px; 
  width:744px; 
  height:62px
}

#PatientIDCaption
{
width: 224px; 
float:left
}

.PatientIDText
{

  width: 450px;
  height: 30px;
  font-family: "Arial", "Helvetica",sans-serif;
  font-size: 14pt;
  color: RGB(100,100,150);
  float:left; 
  margin-left:14px; 
  margin-top: 8px;

}



.caption, .value, .property
{
  font-size:9pt;
  vertical-align: top;
  padding: 0.5em;
}

.caption
{
  color:rgb(150,120,150);
  font-weight:bold;

}

.AlertText
{
   font-size: 8pt;
   color: RGB(0,0,225);
}

#SwollenJoints
{
   width:320px;
   height:460px;
   float:left;
   text-align: left;
   background-image: url("images/Joints28.png");
   background-repeat: no-repeat;
   background-position: 20px 60px;
 
}

#SwollenJoints H3, #TenderJoints H3
{
   text-align: center;
}

#TenderJoints
{
   width:330px;
   height:460px;
   float:left;
   background-image: url("images/Joints28.png");
   background-repeat: no-repeat;
   background-position: 20px 60px;
}

#CalcForm
{
  width: 30%;
  float:left;
}

.validInput
{
  background-color:  RGB(255,255,255);
  border: 1px solid rgb(170,170,200);
}

.validInput[disabled] 
{
  border: 1px solid rgb(200,200,200);
  background-color:  RGB(240,235,235);
}

.invalidInput
{
  background-color:  #f5deb3;
  border: 1px solid  rgb(170,170,200);
}

.SmallText
{
  color: RGB(150,150,150);
  font-size: 8pt;
}
#TestType
{
    color: RGB(120,90,120);
    font-size: 16pt;
    background-color:rgb(230,230,230);
    padding:1em;
    font-weight: bold;
}

#TestScore
{
  width:120px;
  text-align: center;
  font-size: 20pt;
  font-weight: bold;
  padding-left: 12px;
  padding-right: 12px;

}

.ErrorText
{
  display: none;
  font-size: 8pt;
  color: rgb(255,0,0);
}

 .LargeErrorText
{

  font-size: 10pt;
  color: rgb(255,0,0);
}

#ScoreStatus
{
  text-align: center;
  font-size: 10pt;
  font-family: "Trebuchet MS", "Verdana", "Arial", sans-serif;
  font-weight: normal;
  padding-left: 12px;
  padding-right: 12px;
}

.RemissionStatus
{
   background-color: #CCFFCC;
    color: RGB(80,80,150);
}
.LowActivityStatus
{
   background-color: #f5deb3 ;
    color: RGB(80,80,150);
}


.ModerateActivityStatus
{
    background-color: #ffccff ;
    color: RGB(80,80,150);
    font-size: 8pt;
}


.HighActivityStatus
{

   background-color: #ffa07a;
   color: white
}

.NoResultStatus
{
   background-color: transparent;
}

.JointsGrid
{
  border-collapse: collapse;
  border: none;

}

#EchoResult
{
  float:left; 
  display:block; 
  width:241px;
  padding:0px; 
  height:62px;
}

#EchoTestType, #EchoTestResult
{
  text-align: center;
  font-size: 14pt;
  font-weight: bold;
  padding-left: 6px;
  padding-right: 6px;
  font-family: "trebuchet ms", "arial", "helvetica", sans-serif;
  border: 1px solid rgb(80,80,150);

}


#EchoTestType
{
color: RGB(120,90,120);
background-color:rgb(230,230,230);
border: 1px solid rgb(80,80,150);
text-align:left;
padding: 3px;
padding-left:1em;
}


#EchoTestResult
{
border-top: 1px solid rgb(80,80,150);
border-bottom: 1px solid rgb(80,80,150);
border-left: 1px solid rgb(80,80,150);
border-right: none;
font-size: 16pt;
padding: 3px;
padding-left: 1em;

}
#EchoResultStatus 
{
text-align:left;
padding:3px;
padding-right: 1em;
border-top: 1px solid rgb(80,80,150);
border-bottom: 1px solid rgb(80,80,150);
border-right: 1px solid rgb(80,80,150);
border-left: none;
}

.GridCell
{
  width: 20px;
  height: 20px;
  border: none;
  float: left;
  
}

.GridCellChecked
{
  width: 20px;
  height: 20px;
  border: none;
  float: left;  
}


.SpacerForOlderIEmodels
{
  width:100%;
  height:12px;
/*  background-color: rgb(200,200,200)*/
}

#Reference, #Disclaimer
{
    float:left;
    width: 100%;
    padding-top: 1em;
    font-family: "arial", "helvetica", sans-serif;
    font-size:8pt;
    color: rgb(80,80,150);
    background-color: RGB(240,235,235);
    text-align:center;
}

#Disclaimer {
	padding-bottom: 1em;
}

#Printer_Help
{
    float:left;
    width: 100%;
    font-family: "arial", "helvetica", sans-serif;
    font-size:8pt;
    color: rgb(80,80,80);
    text-align:left;
   z-index: 10;
    margin-top:-18px
}

.NoDisplayDiv
{
  display:none
}

.DisplayDiv
{
  display:block
}
/*-------------------------------CheckBox Divs-------------------------------------------------------------------------- */

#DivSLeft1, #DivTLeft1
{
    margin-top: 73px; 
    margin-left: 128px
}

#DivSRight1, #DivTRight1
{
    margin-top: 73px; 
    margin-left: 48px
}

#DivSLeft2, #DivTLeft2
{
    margin-top: 138px; 
    margin-left:-94px
}

#DivSRight2, #DivTRight2
{
    margin-top: 138px; 
    margin-left:-14px
}

#DivSLeft3, #DivTLeft3
{
    margin-top: 198px; 
    margin-left:-119px
}

#DivSRight3, #DivTRight3
{
    margin-top: 198px; 
    margin-left: -1px
}

#DivSLeft4, #DivTLeft4
{
    margin-top: 251px; 
    margin-left:-186px
}

#DivSRight4, #DivTRight4
{
    margin-top: 251px; 
    margin-left: 28px
}

#DivSLeft5, #DivTLeft5
{
    margin-top: 280px; 
    margin-left:-260px
}

#DivSLeft6, #DivTLeft6
{
    margin-top: 270px; 
    margin-left:-139px
}

#DivSRight6, #DivTRight6
{
    margin-top: 270px; 
    margin-left:-113px
}

#DivSRight5, #DivTRight5
{
    margin-top: 278px; 
    margin-left: 6px
}

#DivSLeft7, #DivTLeft7
{
    margin-top: 299px; 
    margin-left: -258px
}

#DivSLeft8, #DivTLeft8
{
    margin-top: 303px; 
    margin-left: -244px
}

#DivSLeft9, #DivTLeft9
{
    margin-top: 303px; 
    margin-left: -230px
}
#DivSLeft10, #DivTLeft10
{
    margin-top: 302px; 
    margin-left: -216px
}

#DivSRight10, #DivTRight10
{
    margin-top: 301px; 
    margin-left: -89px
}

#DivSRight9, #DivTRight9
{
    margin-top: 302px; 
    margin-left: -74px;
}
#DivSRight8, #DivTRight8
{
    margin-top: 302px; 
    margin-left: -60px
}

#DivSRight7, #DivTRight7
{
    margin-top: 298px; 
    margin-left: -46px
}

#DivSLeft11, #DivTLeft11
{
    margin-top: 321px; 
    margin-left: -266px
}

#DivSLeft12, #DivTLeft12
{
    margin-top: 327px; 
    margin-left: -248px;
}

#DivSLeft13, #DivTLeft13
{
    margin-top: 328px; 
    margin-left: -230px;
}

#DivSLeft14, #DivTLeft14
{
    margin-top: 325px; 
    margin-left: -215px;
}

#DivSRight14, #DivTRight14
{
    margin-top: 324px; 
    margin-left: -89px
}

#DivSRight13, #DivTRight13
{
    margin-top: 327px; 
    margin-left: -73px;
}

#DivSRight12, #DivTRight12
{
    margin-top: 326px; 
    margin-left: -57px
}

#DivSRight11, #DivTRight11
{
    margin-top: 320px; 
    margin-left: -38px
}


/*------------------------------------Clear buttons -------------------------------------------------*/

#clearAllSwollen, #clearAllTender
{
   margin-top:0px; 
   margin-left: 0px;

}


.ButtonBar
{
  padding-top: 8px;
  padding-bottom: 8px;
  width: 302px;
  float: left;
  text-align: center;
  padding-left: 21px;
}

#greyout
{

  position: absolute;
  top:150px;
  left:468px;
  width: 640px;
  height: 510px;
  z-index: 200;
  background-color:  RGB(220,210,210);
  filter:alpha(opacity=65);
  opacity: 0.65;
  border: 1px solid   RGB(190,180,180);
}

#helptext_mannequin
{

  width: 124px;
  height: 46px;
  top: 360px;
  left: 590px;
  position: absolute;
  z-index: 100;
}

#HelpText
{
  display:none
}

#ScreenLinks
{
  font-size:8pt;
  vertical-align: middle;
  font-weight:bold;

}

#ScreenLinks a
{
    text-decoration: none;
}

#ScreenLinks a:link, a:visited
{
    color: rgb(100,80,150);
}

#ScreenLinks a:hover, a:active
{


    color: rgb(0,0,220);
}


#SubscribeToNewsletter 
{
    font-size: 8pt;
    background-color: RGB(230,225,225);
    text-align:center;
    
}



.subscribeInput .SmallText

{
    color: rgb(130,100,130);
}