* {padding: 0; margin: 0}
html {background-color: White;   width: auto}
img {border: 0}
body {behavior: url('cssselectors2.htc'); color: #717274; font-family: verdana; font-size: 11px; width: 1000px; margin: auto;  overflow: visible; height: 100%}

.homeleft h2 {font-size: 14px}

header { background-image: url(img/header_back.png); background-color: #262626; height: 75px;  display: block; }
header img {float: left; margin-left: 50px; margin-top: 0px; display: none}
header ul {margin-left: -100px; float: right; position: relative; height: 25px; list-style-type: none; margin-top: 51px; margin-right: 0px}
header ul li {display: inline; background-color: #6289B0; padding: 5px; color: white; font-weight: bold; }
header h1 {display: block; float: left; color: white; font-size: 24px; margin-left: 10px; margin-top: 20px; font-family: verdana; font-weight: normal}
header .topright {width: 22px; height: 22px; background-image: url(img/header_top_right.png); float: right;}

nav {width: 275px; display: block; margin-top: 20px; float: left;}
nav ul {list-style-type: none}
nav > ul > .toplink {padding: 5px; margin-bottom: 2px; color: white; font-weight: bold}
nav > ul > .toplink a:link, nav > ul > .toplink a:visited, nav > ul > .toplink a:active  {color: white; text-decoration: none}
nav .about {background-color: #0EA6BB}
nav .instructions {background-color: #FF7D03}
nav .faqs {background-color: #8FA713}
nav > h2 {padding: 10px;  background-image: url(img/search_wizard.png); font-size: 16px}

.expand {display: none}

a:link, a:visited, a:active, a:hover {color: #3094E9; text-decoration: none}

h1 {font-size: 16px}

.sidebar {background-color: #000; }
.wizard > ul > li {overflow: auto; background-repeat: no-repeat; background-position: 0px 8px; padding-left: 20px; margin-bottom: 10px; padding-top: 10px; border-top: 1px solid white}
.wizard > ul li li {padding: 0 !important; margin: 0 !important;  border: 0 !important}
.wizard > ul > li > ul,  .wizard > ul > li > div {list-style-type: none; display: none;  background-color: #EEF2F3;padding-top: 5px; padding-bottom: 5px; overflow: hidden}
.wizard > ul  > div {padding-left: 20px}
.wizard > ul > li > .tooltipi {float: right; display: block; width: 11px; height: 13px; background-image: url(img/i.gif); margin-top: 0px;  margin-right: 4px; padding: 0}
.wizard > ul > li > .tooltipi .tooltip {display: none; margin-left: 11px; position: absolute; background-color: #4C4C4C; color: white; padding: 10px;  width: 250px}
.tooltipi .tooltip:hover {display: block}
.wizard > ul > li > .tooltipi:hover .tooltip {display: block}


.wizard h3 {margin-bottom: 10px}
.qtext {float: left}
.wizard {height: 500px; overflow: auto; display: block}

.sidebar {background-color: #EEF2F3; display: block}
ul .plus {background-image: url('img/plus.gif');}
ul .minus {background-image: url('img/minus.gif'); color: black}

h1 {font-size: 14px}
h3 {font-size: 14px}
h2 {font-size: 14px}

.topbutton {background-image: url(img/top_back.png); padding: 0; margin: 0; margin-left: 6px}
.topbutton .middle {background-image: url(img/top_back.png); height: 19px; padding-top: 5px}
.topbutton div {float: left}
.topbutton .left {background-image: url(img/top_left.png); height: 24px; padding-left: 8px; margin-left: 6px}
.topbutton .right {background-image: url(img/top_right.png); height: 24px; padding-left: 8px}


.expandbutton {height: 21px;}
.expandbutton div {height: 21px}
.expandbutton img {margin-right: 4px; margin-top: 0px; float: left}
.expandbutton .middle {background-image: url(img/exp_back.png); height: 17px; float: left; font-size: 10px; font-weight: bold; padding-top: 0px; padding-top: 4px}
.expandbutton .left {background-image: url(img/exp_left.png); float: left; padding-left: 4px}
.expandbutton .right {background-image: url(img/exp_right.png); float: left; padding-left: 6px}
.expandbutton .middle a, .expandbutton .middle a:active, .expandbutton .middle a:visited {float: left; text-decoration: none; display: block; width: auto; text-decoration: inherit; color: #717274}

.warning {color: white; margin-top: 5px}

.stats {padding: 5px; font-size: 9px; clear: both; float: none; padding-left: 100px}
.stats .found {background-color: #6F8181; color: #DAE4E6; padding: 5px; font-weight: bold; font-size: 12px; clear: both; float: none;}
.stats .total {font-weight: bold; font-size: 12px}



.button {height: 27px;}
.button div {height: 27px}
.button .left {background-image: url(img/exp_left.png); float: left; padding-left: 6px}
.button img {margin-right: 0px; margin-top: 0px; float: left}
/*.button .middle {background-image: url(img/exp_back.png); height: 17px; float: left; font-size: 10px; font-weight: bold; padding-top: 0px; padding-top: 4px}*/
.button .middle {font-weight: bold; padding-top: 5px; height: 22px; float: left}


.button .right {background-image: url(img/exp_right.png); float: right; padding-left: 6px}
.button .right1 {background-image: url(img/exp_right.png); float: left; padding-left: 6px}
.button .middle a, .button .middle a:active, .button .middle a:visited {text-decoration: none; display: block; width: 100px; text-decoration: inherit; color: #717274}

input {margin-right: 4px}
/*
.button {height: 27px; float: left;}
.button div {height: 27px; }
.button .left {padding-left: 6px; float: left;}
.button .right {padding-left: 6px; float: right;}
.button .middle {font-weight: bold; padding-top: 5px; height: 22px; float: left}
.button a {display: inline; float: left}
*/

#chartarea {margin-bottom: 5px}
.blue {background-image: url(img/blue_back.png);}
.blue .left {background-image: url(img/blue_left.png);}
.blue .middle {background-image: url(img/blue_back.png);}
.blue .right {background-image: url(img/blue_right.png);}

.white {background-image: url(img/g_mid.png);}
.white .left {background-image: url(img/g_left.png);}
.white .middle {background-image: url(img/g_mid.png);}
.white .right, .white .right1 {background-image: url(img/g_right.png);}

.disabled {opacity: 0.5; filter: alpha(opacity=50);}

.button .middle a, .button .middle a:active, .button .middle a:visited {padding-left: 5px; display: inline; width: auto; text-decoration: inherit; color: inherit}

.red {background-image: url(img/orange_back.png);}
.red .left {background-image: url(img/orange_left.png);}
.red .middle {background-image: url(img/orange_back.png);}
.red .right, .red .right1 {background-image: url(img/orange_right.png);}
#content {float: left; display: block; width: 725px; }




.expand, .expand li, .expand td {font-weight: normal; font-size: 10px; padding-top: 3px; clear: both; color: #717274}

#content ul {float: left; list-style-type: none; margin-left: 20px }
#content li {border-top: 4px solid #ddd; margin-top: 20px; line-height: 1.5em }
#content h1 {margin-top: 20px; margin-left: 20px}
#content li h3 {margin-bottom: 0px; margin-top: 15px}
#content li h2 {color: orange; font-size: 16px; margin-bottom: 10px}

#content .details {clear: both; margin: 15px; border: 1px dashed black; display: block; float: none; padding: 10px}
#content .details li {border: 0; margin: 0; padding: 0}

.tick {background-image: url(img/tick.png); background-repeat: no-repeat; padding-right:  14px; background-position: top right }

.homeright {float: right; width:268px; text-align: right}
.homeleft {float: left; padding: 20px; width: 400px}
.homeleft {line-height: 1.5em; font-size: 12px}
.homeleft p {margin-top: 20px; }
#content .homeleft ul, #content .about ul {list-style-type: disc; display: block; margin-bottom: 5px;}
#content .homeleft ul, #content .about ol {display: block; margin-bottom: 5px; margin-left: 30px}
#content .homeleft ul li, #content .about ul li, #content .homeleft ul li, #content .about ol li {border: 0; margin: 0; padding: 0; line-height: 1.5em; padding-top: 5px}

#content .about {padding: 20px}
#content .about h1 {margin-left: 0; padding-left: 0}
#content .about h2 {display: block; clear: both; float: none; margin-top: 20px}
#content .about {line-height: 1.5em; font-size: 12px}
#content .about p {margin-top: 20px; clear: both; float: none}

footer {display: block; clear: both; border-top: 1px solid #ddd; text-align: center; padding-top: 20px}
footer ul li {display: inline; padding-left: 20px}
footer ul {margin-bottom: 5px}

.wizard > ul li .clear {color: red !important; cursor: pointer; padding-top: 5px !important;}

.topbutton a, .topbutton a:active, .topbutton a:visited, .topbutton a:link {color: white; text-decoration: none}

.buy {display: block; float: right; clear: left; background-color: red}