html{
padding:0;
margin:0 auto;
width:980px;
}

body{
width:980px;
font-family:helvetica, arial;
background:url(images/body_background-trans.png) no-repeat;
margin:auto;
float:none;
position:relative;
}

#container{
width: 821px;
height: 663px;
position: relative;
top: 50px;
left: 0px

}

#header{
width: 881px;
height: 130px;
position:absolute;
left:60px;
}

#header a#home{
display:block;
height:70px;
width:253px;
position:absolute;
top:30px;
left:80px;
background:url(images/logo-trans.png) no-repeat;
}


#header h2{
font-family: myriad roman, arial, sans serif;
font-size: 17px;
font-weight: 600;
color: #a0d77d;
background: transparent;
position: absolute;
top: 63px;
left: 360px;
}

#top_nav{
width: 401px;
height: 51px;
background: url(images/top_nav-trans.png) no-repeat;
position: absolute;
top: 40px;
left: 450px;
}

#page_home #top_nav{
width: 401px;
height: 51px;
background: url(images/top_nav-trans.png) no-repeat;
position: absolute;
top: 40px;
left:490px;
}

#top_nav ul{
position: absolute;
top: 14px;
left: 0px;
padding-left: 12px
}
*:first-child #top_nav ul{
padding-left: 9px
}

#top_nav ul li{
display: inline;
padding: 18px;
}

*:first-child #top_nav ul li{
padding:17px;
}

#top_nav ul li a{
text-decoration: none;
color: #4c4d4d;
background: transparent;
font-family: myriad roman, arial, sans serif;
font-size: 14px;
font-weight:600;
}
#top_nav ul li a#why{
padding-left:.1em;
}

#top_nav ul li a#how{
padding-left:.4em;
}

#top_nav ul li a:hover, #top_nav ul li a.current{
color: #279500;
background: transparent;
}

#side_nav{
width: 200px;
height: 205px;
position: absolute;
top: 0px;
left: 1px;
}

#side_nav ul{
position: absolute;
top: 155px;
left: 109px;
}

#side_nav ul li{
width: 165px;
height: 27px;
background: url(images/side_nav_image-trans.png) no-repeat;
padding: 1px;
}

#side_nav ul li a{
text-decoration: none;
color: #4c4d4d;
background: transparent;
font-family: myriad roman, arial, sans serif;
font-size: 15px;
font-weight: 600;
padding-left: 16px
}

#side_nav ul li a:hover{
color: #279500;
background: transparent;
}

#main_content{
width: 550px;
height: 450px;
position: absolute;
top: 150px;
left: 300px;
overflow-y:auto;
overflow-x:hidden;
}

#main_content h1{
font-size: 22px;
font-family: arial, verdana, sans-serif;
font-weight: 900;
color:  #4c4d4d;
padding-bottom: 30px;
}

#main_content .green{
color: #369e12;
}

#main_content #link{
width: 300px;
position: absolute;
top: -10px;
left: 370px;
color: #369e12;
font-size: 18px;
}

#main_content #link a{
text-decoration: none;
color: #369e12;
}

#main_content #link a:hover{
color: #279500;
}

#main_content h2{
width: 450px;
font-size: 21px;
font-family: arial, verdana, sans-serif;
font-weight: 900;
color:  #4c4d4d;
line-height: 1.2em;
}

#main_content .light{
color: #777f7a;
font-weight: 400;
}

#main_content h3{
font-size: 21px;
font-family: arial, verdana, sans-serif;
font-weight: 900;
color:  #4c4d4d;
line-height: 1.2em;
padding-bottom: 15px;
width: 350px;
}

#main_content h3 a{
text-decoration: none;
color:  #4c4d4d;
}

#main_content h4{
padding: 10px 0 10px 0;
}

#main_content p{
font-size: 13px;
line-height: 1.2em;
padding: 10px 0 10px 0;
}

#main_content blockquote{
font-size: 13px;
line-height: 1.2em;
padding: 10px 0 10px 0;
font-style:italic;
}

#main_content .bold, #main_content h5{
font-weight: bold;
margin-bottom:1em;
}
#main_content h5{
margin-top:.8em;
}
#page_how #main_content h5{
margin-top:1.5em;
}

#main_content .line_out{
color: #369e12;
text-decoration: line-through;
}

#main_content ul li{
list-style:disc;
margin-left:1em;
margin-bottom:.5em;
font-size: 13px;
line-height: 1.2em;
}
#main_content dl{
margin-bottom:1.5em;
}
#main_content dl dd, #main_content dl dt{
margin-left:1em;
margin-bottom:.5em;
font-size: 13px;
line-height: 1.2em;
}
#main_content dl dt{
float:left;
font-weight:bold;
}
#main_content dl dt br{
display:block;
}
#main_content dl dd{
clear:left;
padding-right:1em;
}

#main_content dl dt img{
display:block;
float:left;
margin-right:6px;
height:92px;
width:92px;
}

#main_content #address p{
margin-bottom:2px;
margin-top:2px;
line-height:1;
padding:0;
}

#footer{
width: 828px;
height: 46px;
background: url(images/footer_background-trans.png) no-repeat;
position: absolute;
top: 654px;
left: 100px;
color: #6f7270;
font-size: 10px;
padding: 0px 20px;
}

#footer a{
padding-right: 10px;
color: #6f7270;
}

#footer ul{
position: absolute;
top: 0px;
left: 255px;
}

#footer span.copyright{
top:18px;
position:absolute;
display:block;
}

#footer li{
display: inline;
line-height:46px;
}

#footer .send {
height:18px;	
left:280px;
margin-top:0px;
padding-left:400px;
position:inherit;
width:200px;
}

#footer .send a{
text-decoration: none;
line-height:46px;
}


#page_home{
background: url(images/home.png) no-repeat;
}


#page_home #footer{
background: url(images/footer_background-trans.png) no-repeat;
position: absolute;
top: 454px;
left: 95px;
}

#home_flash{
position:absolute;
left:145px;
top:100px;
}

#page_home #bottom_boxes .boxes{
background: url(images/bottom_box-trans.png) no-repeat;
width: 253px;
height: 154px;
font-size: 12px;
}

#page_home #bottom_boxes .boxes h1{
font: 18px myriad roman, arial, sans serif;
color:  #4c4d4d;
padding: 15px 0 10px 20px;
}

#page_home #bottom_boxes .boxes p{
padding: 0 20px 20px 20px;
line-height: 1.2em;
}

#page_home #bottom_boxes .link{
text-align: right;
}

#page_home #bottom_boxes a{
text-decoration: none;
color:  #4c4d4d;
}

#page_home #bottom_boxes .link a:hover{
color: #279500;
}

#page_home #clear{
position: absolute;
top: 310px;
left: 130px;
}

#page_home #clear .link{
position: absolute;
top: 125px;
left: 100px;
}


#page_home #bright{
position: absolute;
top: 310px;
left:380px;
}

#page_home #fast{
position: absolute;
top: 310px;
left: 630px;
}

/************************  send to friend form  ************************/
#send{
background:#FCFFF4 url(images/send_bg.jpg) no-repeat;
}
#send_friend{
margin:25px 0 0 110px;
font-size:12px;
font-family:helvetica;
}
#send_friend h2{
font-weight:bold;
font-size:14px;
margin:9px 0;
}
#send_friend h3{
font-weight:bold;
margin:9px 0;
}

/********************  contact us  *******************/
#page_contact #contact-area, #page_thanks #contact-area {
	width: 540px;
	margin-top: 25px;
}

#page_contact #contact-area input,#page_thanks #contact-area input, #contact-area textarea {
	padding: 3px;
	width: 380px;
	font-family: Helvetica, sans-serif;
	font-size:12px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#page_contact #contact-area textarea, #page_thanks #contact-area textarea {
	height: 60px;
}

#page_contact #contact-area textarea:focus, #page_thanks #contact-area textarea:focus, #contact-area input:focus {
	border:1px solid #900;
}

#page_contact #contact-area input.submit-button, #page_thanks #contact-area input.submit-button {
	width: 100px;
	float: right;
}

#page_contact label, #page_thanks label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 11px;
	font-weight:bold;
}

/************************** demo styles ************************/
#rakett{
position:absolute;
top:0px;
left:0px;
width:90%;
height:90%;

}
#authors {
position:absolute;
top:35px;

}
#rake_container{
position:absolute;
top:60px;
left:0px;
}
#torake {
}
#resetbutton, #cancel{
background-image:URL(./images/BlankButton.gif);
position:absolute;
text-align: center;
left:0px;
top:410px;
width:76px;
height: 34px;
	cursor:pointer;
	cursor:hand;

}

#rakebutton, #approve {
background-image:URL(./images/BlankButton.gif);
position:absolute;
text-align: center;
position:absolute;
left:400px;
top:410px;
width:76px;
height: 34px;
	cursor:pointer;
	cursor:hand;
}

#resetbutton *,#rakebutton *,#cancel *,#approve * {
color:#4C4D4D;
font-family:myriad roman,arial,sans serif;
font-size:15px;
font-weight:600;
position:relative;
text-decoration:none;
top:10px;
}
#resetbutton:hover,#rakebutton:hover,#cancel:hover,#approve:hover{
color: #279500;
}

}
#rakebutnbar{

}

#resultbtnbar{

}

#rake_results{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color: #279500;

}
#dropdownblocker{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;

}
#prompt_area{
background-color: #ff9500;
height:20%;
}
#rake_data{
background-color: #ff95ff;
height:70%;

}
#rake_footer{
background-color: #aa95ff;
height:10%;

}

/************** Diagnostics block *******************/
#overlay{
position:absolute;
background-color:lime;
z-index:10;


}
#rakeitContainer{
width: 760px;
height: 450px;
position: relative;
top: 0px;
left: 0px;
overflow:auto;


}

#clearButton{
position:absolute;
top:55px;
left:350px;
}
#rakeit{
position:absolute;
width:100%;
top:20px;
left:0px;


}

#entry_container{
position:absolute;
top:90px;
left:0px;
width:745px;
}

#step1{
width:100%;
height:100px;
}
#step1text{
position:block;
top:0;
width:80%;
height:100px;
}

#step2{
float:left;
width:80%;
height:100px;
}

#step3{
float:left;
width:80%;
height:100px;
}

#step1action{
background-image:URL(./images/BlankButton.gif);
position:absolute;
text-align: center;
position:absolute;
left:650px;
top:0px;
width:76px;
height: 34px;
cursor:pointer;
cursor:hand;
}

#actionAgain {
background-image:URL(./images/BlankButton.gif);
position:absolute;
text-align: center;
position:absolute;
left:580px;
top:0px;
width:76px;
height: 34px;
cursor:pointer;
cursor:hand;
}



#step1action span,#step2action span, #actionPrint span, #actionAgain span {
color:#4C4D4D;
font-family:myriad roman,arial,sans serif;
font-size:15px;
font-weight:600;
position:relative;
text-decoration:none;
top:10px;
}

#diagrake{
font-family: myriad roman, arial, sans serif;
font-size: 14px;

}

#diag_results{
background-color:#FFFFFF;
height:300px;
left:0px;
overflow:scroll;
position:absolute;
top:92px;
width:540px;
}

#dial_data{
background-color: #FFFFFF;

}

.nochange{
color:gray;
}

DEL{
color:#CD010B; 
}
.deletion{
color:#CD010B;
cursor:pointer;
cursor:hand;
}
INS{
color:#239904;
text-decoration:none;
}
.insertion{
color:#239904;
text-decoration:none;
cursor:pointer;
cursor:hand;
}
.inslab{
color:#239904;
text-decoration:none;

}
.dellab{
color:#CD010B;

}
.question{
color:#239904;
text-decoration:underline;
cursor:pointer;
cursor:hand;
}



/**** Replacement for combo box ******/
#side_nav ul li span{
text-decoration: none;
color: #4c4d4d;
font-family: myriad roman, arial, sans serif;
font-size: 15px;
font-weight: 600;
padding-left: 5px;
}
#side_nav li{
font-family: myriad roman, arial, sans serif;
font-size: 12px;
background-color:#e4f5f8;
padding-left: 5px;

}

.word{
font-family: myriad roman, arial, sans serif;
font-size: 20px;
color:#818181;
font-weight: 600;
}
.rake{
font-family: myriad roman, arial, sans serif;
font-size: 20px;
color:#3CB538;
font-weight: 600;
}
.demobold{
font-family: myriad roman, arial, sans serif;
font-size: 18px;
color:#818181;
}


#demoheader li{
font-family: myriad roman, arial, sans serif;
font-size: 13px;
color:#5d5d5d;
font-weight: 100;


}
#bio{
font-family: myriad roman, arial, sans serif;
font-size: 13px;
color:#666867;
font-weight: 100;
background-color:#e4f5f8;

}
#print{
position:absolute;
top:65px;
left:360px;
width:100;
font-family: myriad roman, arial, sans serif;
font-size: 16px;
cursor:pointer;
cursor:hand;
color:#3CB538;
}
#print:hover{
position:absolute;
top:65px;
left:360px;
width:100px;
font-family: myriad roman, arial, sans serif;
font-size: 16px;
cursor:pointer;
cursor:hand;
color:#3CB538;

}

#help{
position:absolute;
top:65px;
left:420px;
width:100px;
font-family: myriad roman, arial, sans serif;
font-size: 16px;
cursor:pointer;
cursor:hand;
color:#3CB538;

}
#help{
position:absolute;
top:65px;
left:420px;
width:100px;
font-family: myriad roman, arial, sans serif;
font-size: 16px;
cursor:pointer;
cursor:hand;
color:#3CB538;

}
#step1action{
position:absolute;
left:450px;
top:400px;
}

#undo{
position:absolute;
left:300px;
top:65px;
font-family: myriad roman, arial, sans serif;
font-size: 16px;
cursor:pointer;
cursor:hand;
color:#3CB538;

}

#cancel{
background-image:URL(./images/BlankButton.gif);
position:absolute;
text-align: center;
position:absolute;
left:370px;
top:400px;
width:76px;
height: 34px;
cursor:pointer;
cursor:hand;
}

#approve{
background-image:URL(./images/BlankButton.gif);
position:absolute;
text-align: center;
position:absolute;
left:460px;
top:400px;
width:76px;
height: 34px;
cursor:pointer;
cursor:hand;
}

#checkcontainer{
position:absolute;
left:200px;
top:65px;
font-family: myriad roman, arial, sans serif;
font-size: 16px;

color:#3CB538;
}

#authorLabel{
font-family: myriad roman, arial, sans serif;
font-size: 12px;
position:absolute;
display:block;
left:115px;
top:120px;
width:155px;
}

.contactus a{
position:absolute;
left:750px;
top:75px;
color: #6f7270;
font-size: 10px;
cursor:pointer;
cursor:hand;
}

.contactus :hover{
color:#3CB538;
cursor:pointer;
cursor:hand;
}



@media print {

#side_nav{display:none;}
#authorLabel{diplay:none;}
#authorlist{display:none;}
#header{display:none;}
#top_nav{display:none;}
#demoheader{display:none;}
#step1action{display:none;}
#checkcontainer{display:none;}
#print{display:none;}
#help{display:none;}
#undo{display:none;}
#step1{display:none;}
#cancel{display:none;}
#approve{display:none;}
#rakeit{display:none;}
#footer{display:none;}
.contactus{display:none;}

#entry_container{
margin:20 20 20 20;
width: 90%;
height: auto;
position: relative;
page-break-inside:auto;
top: 0px;
left:0px;
overflow:visible;
}

#diagrake{
margin:20px 20px 20px 20px;
width: 70%;
height: auto;
position: relative;
page-break-inside:auto;
top: 0px;
left:0px;
overflow:visible;
border:none;
}

#container{
margin:10 10 10 10;
width: 100%;
height: auto;
position: relative;
page-break-inside:auto;
top: 0px;
left:0px;
overflow:visible;
}


#rakeitContainer{
margin:20 20 20 20;

width: 70%;
height: auto;
position: relative;
page-break-inside:auto;
top: 0px;
left:0px;
overflow:visible;
}

#diag_data{
width: 100%;
height: auto;
position: relative;
page-break-inside:auto;
top: 0px;
left:0px;
overflow:visible;

}
	
#diag_results {
background-color:#FFFFFF;
height:100%;
left:0px;
overflow:visible;
position:absolute;
top:0px;
width:90%;
}

#stepContainer{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left:0px;
overflow:visible;

}


}

@media screen and (-webkit-min-device-pixel-ratio:0){
html{
position:relative;
margin:0 auto !important;
width:980px;
}
body, body#page_home{
width:980px;
height:100%;
margin:0 auto;
display:block;
background-position:top center;
}
#footer{
left: 78px;

}
#page_home #footer{
left:73px;
}
#side_nav{
left:-21px;
}
}