@charset "UTF-8";

/***************************************************
Ordize Style Sheet
***************************************************/

html,body {
    margin: 0px;
    padding: 0px;
    background: #FFF;
}

body {
    color: #666666;
    font-size: 75%;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
    line-height: 160%;
    text-align: center;
}

a img {
    border: none;
}

ul, li {
    margin: 0px;
    padding: 0px;
}

.clear {
    clear: both;
}


/***************************************************
TEXT STYLES
***************************************************/

h1 {
    margin-top: 20px;
    margin-left: 20px;
    padding: 6px 0px 5px 10px;
    color: #333333;
    font-size: 140%;
    background: url(../Images/h1-background2.png) no-repeat left top;
}

h2 {
    margin-top: 25px;
    margin-bottom: 0px;
    color: #333333;
    font-size: 120%;
}

.h1BlueText {
    margin-top: 0px;
    margin-left: 0px;
    padding: 6px 0px 5px 0px;
    color: #213E97;
    font-size: 120%;
}

.blackText {
    color: #000000;
}

.center {
    text-align: center;
}

.error {
    color: red;
}

.dc, .rate {
    font-size: 90%;
}

h2 a,
ht a:visited {
    color: #333333;
    text-decoration: none;
}

h2 a:hover {
    text-decoration: underline;
}

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

div#contentLeft h1 {
    margin-left: 0px;
}

div#contentLeft p {
    font-size: 100%;
}

div#contentLeft a,
div#contentCenter3 a {
    padding: 0px 1px;
    color: #0000FF;
    text-decoration: none;
    border-bottom: 1px dotted #333;
}

div#contentLeft a:hover,
div#contentCenter3 a:hover {
    color: #FFFFFF;
    background: #0066FF;
    border-bottom: none;
}

div#contentLeft ol {
    margin-right: 40px;
    line-height: 1.4em;
    font-size: 90%;
    color: #3B3B3B;
}

div#contentLeft li {
    margin-bottom: 10px;
}

div#contentRight h1 {
    color: #213E97;
    margin-left: 0px;
}

div#contentRight p {
    padding: 0px 10px;
    line-height: 1.2em;
    font-size: 80%;
}

.homepageCol ul {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 20px;
    font-size: 110%;
}

.infoPageText {
    float: left;
    clear: left;
}

.note {
    padding: 0px 100px 20px 100px;
    line-height: 1.3em;
    font-size: 80%;
}

.note2 {
    line-height: 1.3em;
    font-size: 80%;
}

ul.checklist {
    padding: 0px;
    margin-left: 10px;
    list-style: none;
}

div#contentRight ul.checklist p,
div.homepageIntro ul.checklist p {
    margin: 10px 0px 12px 0px;
    padding: 4px 0px 2px 30px;
    color: #333333;
    font-size: 110%;
    font-weight: bold;
    background: url(../Images/checkmark.gif) no-repeat;
}

div.package ul.packageList {
    width: 617px;
    padding: 10px 0px 10px 0px;
    margin: 0px;
    list-style: none;
    background: #FFFFFF;
}

div.package ul.packageList li {
    margin: 10px 0px 10px 10px;
    padding: 0px 0px 4px 30px;
    color: #333333;
    font-size: 110%;
    font-weight: bold;
    background: url(../Images/checkmark.gif) no-repeat;
}

#surveyResults {
    clear: both;
}

ol#surveyResults {
    margin-top: 30px;
    padding-left: 0px;
    list-style-position: inside;
}

ol#surveyResults li {
    padding: 10px 0px 0px 20px;
    background: url(../Images/details-background2.png) no-repeat top center;
}

#surveyResults ul {
    margin: 1em 0em;
    padding-bottom: 30px;
    list-style: none;
    vertical-align: middle;
}

#surveyResults ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    vertical-align: middle;
}

#surveyResults li {
    clear: left;
}

#surveyResults .label {
    width: 10em;
}

#surveyResults .label,
#surveyResults .bar,
#surveyResults .value {
    float: left;
}

#surveyResults .bar {
    margin-right: 5px;
    background: url(../Images/bargraph.png) repeat-x center;
}

#back {
    margin-left: 15px;
}

a.newcomment {
    display: none;
}

.comment {
    padding: 5px 20px 5px 20px;
    border-top: 1px solid #BCBCBC;
    background-color: #FFFFE1;
}

.comment p {
    margin-bottom: 0px;
}

q:before {
    content: "“";
}

q:after {
    content: "”";
}

.overall * {
    line-height: 16px;
    vertical-align: middle;
}

div.pager {
    text-align: center;
}

.reviewed {
    font-size: 140%;
    color: #009900;
    text-align: center;
}

#directions {
    text-align: center;
    margin-top: 5px;
}

#directions a {
    font-size: 120%;
}

div.alt {
    background-color: #FDFDEC;
}

.blueText {
    color: #213E97;
}

div#footer p {
    margin: 10px 0px 0px 0px;
    font-size: 80%;
}

div#footer p a {
    padding: 0px 1px;
    color: #0000CC;
    text-decoration: none;
    border-bottom: 1px dotted #333;
}

div#footer a:hover {
    color: #FFFFFF;
    background: #0066FF;
    border-bottom: none;
}


/***************************************************
NAVIGATION STYLES
***************************************************/

#mainnav {
    margin: 30px 20px 0px 0px;
    padding: 0px;
    float: right;
    font-family: arial, sans-serif;
    height: 39px;
    list-style: none;
}

#mainnav li {
    padding: 9px 0px 14px 0px;
    margin: 0px;
    list-style: none;
    display: inline;
    line-height: 2.4em;
    font-size: 125%;
    background: url(../Images/nav-background.png) repeat-x left center;
}

#mainnav li.cap.left
{
    padding-left: 10px;
    padding-right: 10px;
    background: url(../Images/navcap-left.png) right center no-repeat;
}

#mainnav li.cap.right
{
    padding-left: 10px;
    padding-right: 10px;
    background: url(../Images/navcap-right.png) left center no-repeat;
}

#mainnav li a {
    padding: 7px 10px 11px 10px;
    color: #484849;
    text-decoration: none;
    border-right: 1px solid #B0AFAF;
}

#mainnav li a:hover {
    color: #00F;
    background: url(../Images/nav-background2.png) left center repeat-x;
}

#mainnav li a.noborder {
    border-right: none;
}

#subnav {
    width: 758px;
    margin-left: 1px;
    text-align: center;
    background: #EEEDED;
}

#subnav p {
    margin: 0px;
    padding: 10px;
}



/***************************************************
LAYOUT STYLES
***************************************************/

div#container {
    text-align: left;
    width: 760px;
    height: 400px;
    margin: 0 auto;
    background: #EEEDED url(../Images/background.png) no-repeat center top;
}

div#header {
    height: 115px;
    width: 758px;
    margin: 0px;
    border-left: 1px solid #BCBCBC;
    border-right: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
    background: #EEEDED url(../Images/ordize-header2.png) no-repeat center top;
}

div#content {
    float: left;
    width: 758px;
    margin-left: 1px;
    background: #EEEDED;
}

div#contentCenter {
    width: 600px;
    margin: 0px auto;
    text-align: left;
}

div#contentCenter2 {
    width: 680px;
    margin: 0px auto;
    margin-left: 16px;
    text-align: left;
}

div#contentCenter3 {
    width: 680px;
    margin: 0px 0px 0px 25px;
    text-align: left;
}

div#contentLeft {
    float: left;
    width: 400px;
    margin-left: 25px;
    text-align: left;
}

div#contentLeft2 {
    float: left;
    width: 330px;
    margin-left: 15px;
    text-align: left;
}

div#contentRight {
    float: right;
    width: 260px;
    margin: 0px 0px 0px 10px;
}

div#contentRight2 {
    float: right;
    width: 370px;
    margin: 0px 0px 30px 10px;
}

.infoPage,
.homepageIntro {
    float: left;
    width: 718px;
    margin: 0px 0px 0px 20px;
}

.homepageCol {
    float: left;
    width: 226px;
    margin: 0px 0px 0px 20px;
}

div#signup {
    width: 680px;
    padding: 20px 0px 20px 0px;
    text-align: center;
    border-top: 1px solid #BCBCBC;
    clear: both;
}

div.package {
    width: 650px;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 73px;
    border-top: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
}

div#basic {
    background: #FFFFFF url(/img/basic.png) no-repeat left top;
}

div#silver {
    background: #FFFFFF url(/img/silver.png) no-repeat left top;
}

div#gold {
    background: #FFFFFF url(/img/gold.png) no-repeat left top;
}

div#custom {
    background: #FFFFFF url(/img/custom.png) no-repeat left top;
}

#map
{
    width: 350px;
    height: 350px;
    border-left: 1px solid #A6A6A6;
    border-top: 1px solid #A6A6A6;
    border-right: 2px solid #7D7D7D;;
    border-bottom: 2px solid #7D7D7D;;
}

div#footer {
    float: left;
    width: 758px;
    height: 62px;
    margin: 0px 0px 0px 1px;
    padding: 4px 0px 0px 0px;
    text-align: center;
    border-top: 1px solid #BCBCBC;
}


/***************************************************
IMAGE STYLES
***************************************************/

#logo {
    float: left;
    width: 250px;
    height: 70px;
    margin: 20px 0px 0px 25px;
    /*background: url(../Images/ordize-logo.png) no-repeat center top;*/
}

#logo a {
    border: none;
}

div#contentLeft img {
    margin-right: 10px;
    border: none;
}

div#contentRight img {
    float: left;
}

div#contentRight2 img {
    border: 1px solid #BCBCBC;
}

.infoPageGraphic {
    float: left;
    margin: 0px 20px 10px 0px;
}



/***************************************************
FORM AND TABLE STYLES
***************************************************/

form#Login table {
    margin: 0px auto;
}

.contact table {
    margin-top: 20px;
}

.contact tr td {
    text-align: left;
}

.signupButton {
    margin-left: 50px;
    margin-top: 25px;
}

form#Users table {
    margin: 0px auto;
    padding: 20px;
    border: 1px solid #A8A8A9;
}

#Surveys table {
    width: 600px;
    margin: 0px auto;
    padding-top: 20px;
    border-collapse: collapse;
}

#Surveys table tr td {
    padding: 20px 20px 20px 0px;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid #BCBCBC;
}

#Surveys select {
    min-width: 180px;
}

#Form_Daycares_Find {
    background: url(../Images/search-background-IE.gif) no-repeat top center;
}

#Form_Daycares_Find table {
    padding: 0px 20px 10px 20px;
    margin: 0px 0px 0px 20px;
}

#Form_Daycares_Find table tr td {
    padding: 10px 0px 5px 0px;
    text-align: left;
    vertical-align: middle;
}

#Form_Daycares_Find input, #Form_Daycares_Find select {
    margin-left: 20px;
    width: 180px;
}

form#Form_Daycares_Find input.submit {
    width: 100px;
}

#Users table, #Users input, #Users select {
    margin-left: 10px;
}

#Users table tr td {
    text-align: left;
    vertical-align: middle;
    padding: 5px 0px 5px 0px;
}

table.results {
    width: 100%;
    border-collapse: collapse;
}

table.results td,
table.results th {
    padding: 0px 15px;
    text-align: left;
}

table.results th {
    color: white;
    background: #375bbd;
}

table.results td.dc a {
    font-weight: bold;
}

table.results tr.alt {
    background-color: #e4e4e4;
}

table th {
    text-align: left;
}

#rt_notify {
    color: red;
    font-weight: bold;
    font-size: 80%;
}

#ratings img {
    vertical-align: middle;
}

#notify {
    color: white;
    width: 250px;
    background: black;
    border: 8px solid #e1e1e1;
    font-weight: bold;
    font-size: 120%;
    opacity: 0.85;
    filter: alpha(opacity=85);
    padding: 0px 12px;
    position: absolute;
    /*left: 25%;*/
    /*top: 200px;*/
    margin-top: 120px;
    margin-left: 14px;
}

#notify {
    height: 150px;
    text-align: center;
}

#notify_controls {
    height: 30px;
    border-bottom: 0px;
    margin-bottom: 12px;
}

#notify_controls a {
    float: left;
    height: 20px;
    background: #e1e1e1;
    color: black;
    text-decoration: none;
    padding: 2px 6px;
    margin-right: 8px;
    margin-top: 2px;
}

#notify_controls a:hover {
    background: white;
}

ul.stateSearch li {
    list-style: none;
}

div.dc_controls {
    width: auto;
    float: right;
    padding-right: 12px;
}

div#map2 {
    width: 98%;
    height: 400px;
    margin: 0px auto;
    border-left: 1px solid #A6A6A6;
    border-top: 1px solid #A6A6A6;
    border-right: 2px solid #7D7D7D;;
    border-bottom: 2px solid #7D7D7D;;
}

img.check {
    display: block;
    width: auto;
    margin: 0px auto;
}

.dc_img {
    text-align: left;
}

.dc_img img {
    width: 360px;
}

div#dcPageCenter {
    width: 96%;
    margin: 0px auto;
    text-align: left;
}