/* CSS DOCUMENT DENTAL SYMPHONY */

body { padding: 0; margin: 0; font-size: medium; font-family: Calibri, arial, verdana, sans-serif; background-image: url(img/background_tos.gif); background-repeat: no-repeat; background-position: center 0; }
#wrapper { padding: 10px 0 0; margin-left: auto; width: 610px; margin-right: auto; }
#header {padding: 0; margin: 0; width: 610px; height: 80px; position: relative;}
#left_col {float: left; margin: 0; padding: 0; width: 610px}
#right_col {float: right; margin: 0px; padding: 0px; width: 610px}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------
BODY CONTENT AND PHOTO
--------------------------------------------------------------------------------------------------------------------------------------------------- */
#container {position:relative; width:600px; height:600px; background:#d1c8c3; border:1px solid #a49188; margin:0px; z-index: 0}
#container ul {margin: 0; padding: 0; float: left; width: 610px; list-style-type: none; display: block;}
#container ul li {margin: 0; padding: 0; float: left; display: block;}
.body { overflow: auto; top: 4px; left: 4px; width: 590px; height: 590px; background-color: #ffffff; position: relative; float: left; z-index: 200; border-color: #eee #000 #000 #eee; border-style: solid; border-width: 1px; }
.body div.copy {float: left; margin: 10px; display: block; padding: 10px 0}
.body div.copy h2 {font-size: 100%; padding: 0 0 5px 0; margin: 0; color: #cf8857}
.body div.copy p {font-size:75%; padding: 0 0 8px 0; margin: 0; line-height: 1.5em;}
.body div.copy ol {padding-left: 15px; margin: 0; line-height: 1.3em; list-style-type: disc}
.body div.copy ol li {font-size: 75%; padding-left: 0 0 0 30px}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------
BUSINESS HEADER
--------------------------------------------------------------------------------------------------------------------------------------------------- */
.business_header {height: 100px; background-color: #eee;}
.business_header ul {left: 45px; top: 30px; position: relative}
a.business_gallery {display:block; display:inline; color:#0073bf; text-decoration:none; float:left; margin:10px 0 0 8px; padding: 0; font-weight: bold; font-size: 80%}
a.business_gallery1 {display:block; display:inline; color:#0073BF; text-decoration:none; float:left; margin:10px 0px 0px 8px; padding: 0px; font-weight: bold; font-size: 80%}
a.business_gallery:hover {display:block; display:inline; color:#0073BF; text-decoration:underline; float:left; margin:10px 0px 0px 8px; padding: 0px; font-weight: bold; font-size: 80%}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------
BUSINESS BODY
--------------------------------------------------------------------------------------------------------------------------------------------------- */
.business_body { position: relative; top: 4px; left: 4px; width: 590px; height: 590px; background-color: #ffffff; float: left; z-index: 200; border-color: #eee #000 #000 #eee; border-style: solid; border-width: 1px; }
.business_body div.business_copy {float: left; margin: 10px; width: 570px; height: 460px; display: block; overflow: auto}
.business_body div.business_copy h2 {font-size: 100%; padding: 0 0 5px 0; margin: 0; color: #cf8857}
.business_body div.business_copy h3 {font-size: 80%; padding: 15px 0 5px 0; margin: 0; color: #000; font-weight: bold}
.business_body div.business_copy h4 {font-size: 75%; padding: 0 0 5px 0; margin: 0; color: #000; font-style: italic}
.business_body div.business_copy p {font-size:75%; padding: 0 0 8px 0; margin: 0; line-height: 1.5em;}
.business_body div.business_copy ol {padding-left: 15px; margin: 0; line-height: 1.3em; list-style-type: disc}
.business_body div.business_copy ol li {font-size: 75%; padding-left: 0 0 0 30px}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------
TABLE OF CONTENTS
--------------------------------------------------------------------------------------------------------------------------------------------------- */
.body #toc p {font-size: 100%; font-weight: bold; padding-top: 30px}
.body #toc a {font-size: 80%; font-weight: normal; text-decoration: none; color: #0677bf}
.body #toc a:hover {text-decoration: underline}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------
LOGIN PAGE
--------------------------------------------------------------------------------------------------------------------------------------------------- */
#container4 {position:relative; width:600px; height:410px; background:#d1c8c3; border:1px solid #a49188; margin:0px; z-index: 0}
#container ul {margin: 0; padding: 0; float: left; width: 610px; list-style-type: none; display: block;}
#container ul li {margin: 0; padding: 0; float: left; display: block;}
.body4 {position: relative; top: 4px; left: 4px; _left: 5px; width: 589px; height: 400px; background-color: #ffffff; float: left; z-index: 200; border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #eee; border-top: 1px solid #eee}
.body4 img {position: relative; float: left; padding-left: 90px; top: 160px}
.body4 div.copy {position: absolute; left: 350px; top: 100px}
.body4 div.copy h2 {font-size: 100%; padding: 0 0 5px 0; margin: 0; color: #cf8857}
.body4 div.copy p {font-size:75%; padding: 0 0 8px 0; margin: 0; line-height: 1.5em;}
.body4 div.copy b {font-size: 100%; padding-top: 10px}
.body4 div.copy i {font-size: 75%; line-height: 2em; font-weight: bold; padding-bottom: 10px}
.body4 div.copy ol {padding-left: 15px; margin: 0; line-height: 1.3em; list-style-type: disc}
.body4 div.copy ol li {font-size: 75%; padding-left: 0 0 0 30px}
.body4 div.copy h4 {margin: 0; padding: 10px 0 10px 0; font-weight: none; font-size: 85%; color: #7FA5BF; clear: left;}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------
FREE TRIAL PAGE
--------------------------------------------------------------------------------------------------------------------------------------------------- */
#container5 {position:relative; width:600px; background:#d1c8c3; border:solid 1px #a49188; margin:0; z-index: 0; height: 410px; overflow-y: scroll; overflow-x: hidden;}
#container ul {margin: 0; padding: 0; float: left; width: 610px; list-style-type: none; display: block;}
#container ul li {margin: 0; padding: 0; float: left; display: block;}
.body5 {position: relative; top: 4px; left: 4px; margin-bottom: 7px; width: 574px; height: 400px; height: auto !important; min-height: 400px; background-color: #ffffff; z-index: 200; border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #eee; border-top: 1px solid #eee;}
.body5 img {position: relative; float: left; padding-left: 90px; top: 160px}
.body5 div.copy {position: relative; padding-left: 20px; top: 15px; min-height: 400px; height: auto !important; height: 400px;}
.body5 div.copy h2 {font-size: 100%; padding: 0 0 5px 0; margin: 0; color: #cf8857}
.body5 div.copy h4 {margin: 0; padding: 0px 0px 10px 0px; font-weight: normal; font-size: 12px; color: #7FA5BF;}
.body5 div.copy p {font-size:75%; padding: 0 0 8px 0; margin: 0; line-height: 1.5em;}
.body5 div.copy form {padding-top: 7px}
.body5 div.copy .licenses_agreement {width: 500px; height: 150px; overflow-y: scroll; overflow-x: auto; border: 1px solid #000; padding: 10px}
.body5 div.copy b {font-size: 100%; margin-top: 20px}
.body5 div.copy i {font-size: 75%; line-height: 2em; font-weight: bold; padding-bottom: 10px}
.body5 div.copy ol {padding-left: 15px; margin: 0; line-height: 1.3em; list-style-type: disc}
.body5 div.copy ol li {font-size: 75%; padding-left: 0 0 0 30px}
.body5 div.copy ul {margin: 0 0 10px 160px; line-height: 1.3em; list-style-type: disc}
.body5 div.copy ul li {font-size: 75%; padding-left: 0 0 0 30px}
.body5 div.copy div.buttons { margin: 20px 20px 30px 0px; text-align: right; clear: both; }
.body5 div.copy div.agree { margin: 0px; margin-bottom: 15px; text-align: left; font-weight: normal; font-size: 12px; color: #7FA5BF;}
.body5 div.copy div.printing { margin: 10px 0px; text-align: center;}
.body5 div.copy div.printing a { font-weight: normal; font-size: 10px; color: #7FA5BF; }
.body5 div.copy div.formrow { margin: 6px 0px; text-align: left;}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------
CONTACT US PAGE
--------------------------------------------------------------------------------------------------------------------------------------------------- */
#container6 {position:relative; width:600px; height:500px; background:#d1c8c3; border:1px solid #a49188; margin:0px; z-index: 0}
.body6 {position: relative; top: 4px; left: 4px; _left: 5px; width: 589px; height: 490px; background-color: #fff; float: left; z-index: 200; border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #eee; border-top: 1px solid #eee}
.body6 h4 {margin: 20px 10px; color: #0677bf}
.body6 #left_col {float: left; width: 48%; margin: 0 0 0 8px; _width: 47%; ; }
.body6 #left_col .form {display: block; position: relative; width: 288px; _width: 250px;}
.body6 #left_col .form label {text-align: left; margin: 10px 0 3px 0; width: 288px; _width: 240px; cursor: arrow; }
.body6 #left_col .form input {height: 20px; width: 250px; margin: 0; _margin-top: 0px; cursor: text; font-size: 100%; }
.body6 #left_col .form input span.red {color: red;}
.body6 #left_col input.phone1 {width: 50px; margin-right: 10px}
.body6 #left_col input.phone2 {width: 75px; margin-right: 10px}
.body6 #left_col input span {display: inline;}
.body6 #right_col {float: right; width: 49%; margin-right: 5px;}
.body6 #right_col textarea {width: 280px; height: 280px; margin: 0; cursor: text; font-size: 100%; overflow: hidden;}
.body6 #right_col input.button {width: 70px; height: 25px; margin-top: 25px; cursor: pointer; font-size: 80%}
.body6 #right_col label {text-align: left; margin: 10px 0 3px 0; width: 288px; _width: 250px}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------
FORMS
--------------------------------------------------------------------------------------------------------------------------------------------------- */

input, 
label {font-size: 75%; display: block; width: 150px; margin-bottom: 13px; float: left; padding: 0px; cursor: pointer}*/
.body5 div.copy input, .body5 div.copy label { display: inline-block; float: none; margin: 0px; }
.step2 { width: 20px; }
.step3 { width: 230px; }
label.step3 { width: 180px; }
.step4 { width: 230px; }
label.step4 { width: 200px; }
.step5 { width: 230px; }
label.step5 { width: 200px; }
input.contactInput {display:inline; float:none; margin-bottom: 0px;}
input.submit { display: inline; float: none; background: url('img/icons/button_background.gif'); margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px; width: 80px; color: #FFFFFF; border-left: 1px solid #CCCCCC; border-right: 1px solid #000000; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #000000;}
input.contactSubmit {background: url('img/icons/button_background.gif'); float: none; display:inline; margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px; width: 80px; color: #FFFFFF; border-left: 1px solid #CCCCCC; border-right: 1px solid #000000; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #000000;}
.loginLabel {padding: 0 0 0 0; margin: 0 0 0 0; font-weight: bold; font-size: 100%; color: #7FA5BF; text-align:left; width: 150px    }
#failure { line-height: 18px; color: Red; padding-bottom: 10px; }
label {text-align: left; width: 125px; padding-right: 20px;}
br {clear: left}
input.textbox { font-size: 80%; font-weight: bold; font-family: sans-serif; cursor: auto; }
select.ddl {font-size: 80%; font-weight: bold; font-family: sans-serif}
input.checkbox {float: none; display: inline; margin: 0px 5px; padding: 0px; height: 17px;}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------
ALL PAGES
--------------------------------------------------------------------------------------------------------------------------------------------------- */
.redstar, red {color: red; font-size: 100%}