/*=== Setup ===*/
* {
   border: 0;
   margin: 0;
   padding: 0;
}

html,body {
   height: 100%;
}

body {
   color: #000000;
   background: url(/images/common/patient/bkgnd_gradient.png) repeat-x;
   font: 12px Arial, Helvetica, Sans-Serif;
}

#sideShadow {
   background: url(/images/common/patient/shadow_side.png) repeat-y;
   width: 984px;
   margin-right: auto;
   margin-left: auto;
}

#bottomShadow {
   background: url(/images/common/patient/shadow_btm.png) no-repeat;
   height: 20px;
   width: 984px;
   margin-left: auto;
   margin-right: auto;
}

td {
   font-size: 12px;
   background-color: inherit;
}

th {
   background-color: #285a99;
   color: #FFFFFF;
   font-size: 12px;
   font-weight: bold;
   text-transform: capitalize;
}

tfoot {
   background: #eee;
}

p {
   margin: 0 0 1em;
}

p.center {
   margin-left: auto;
   margin-right: auto;
}

a {
   color: #003399;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

input,select,textarea {
   border: #999999 1px solid;
   font-size: 11px;
   padding: 2px;
}

input:focus,select:focus,textarea:focus {
   background-color: #ffffd2;
}

li {
   list-style: disc;
   margin-left: 10px;
}

ul {
   margin: 0 0 15px;
}

fieldset {
   padding: 0 1.4em 1.4em 1.4em;
   border: 1px solid #285a99;
}

legend {
   font-weight: bold;
   color: #285a99;
   padding-left: 0.5em;
   padding-right: 0.5em;
}

/*=== Layout ===*/
#bg {
   
}

* html #bg {
   
}

#page {
   background: #ffffff;
   margin: 0 auto;
   min-height: 640px;
}

#page.showgrid {
   background: url(grid.png);
}

#popup {
   background: #ffffff;
   margin: 0 auto;
   padding: 12px;
}

#errorpage {
   background: #ffffff;
   margin: 0 auto;
   width: auto;
}

#mainTab {
   min-height: 380px;
   border-width: 0 2px 0 2px;
   border-style: solid;
   border-color: #c0d9ea;
   border-style: solid;
}

#mainTabContent {
   padding: 1.5em;
   margin-bottom: 1.5em;
}

#mainTabContent td {
   background-color: inherit;
}

#mainTabContent h1 {
   font: bold 18px/32px "Century Gothic", Tahoma, Arial, Helvetica, Sans-Serif;
   color: #c20000;
   margin: 0.5em 0 0 0;
}

#mainTabTop {
   background: url(/images/common/patient/tab-H39W914.png) no-repeat top;
   height: 39px;
   width: 914px;
}

#mainTabTop h1 {
   font: bold 18px/39px "Century Gothic", Tahoma, Arial, Helvetica, Sans-Serif;
   color: #ffffff;
   text-transform: capitalize;
   padding-left: 20px;
}

#mainTabBottom {
   background: url(/images/common/patient/rect-H39W914.png) no-repeat top;
   height: 39px;
   width: 914px;
}

#clearBottomBorder {
   border-bottom-color: #FFFFFF;
}

/*=== Header ===*/
#header {
   background: url(/images/common/patient/topnav-bgr.png) no-repeat top;
   height: 175px;
}

#header .spacer {
   float: left;
   padding: 8px 0 0 0;
   height: 106px;
   width: 690px;
}

/*- Logo -*/
#logo {
   float: left;
   width: 200px;
}

#logo h1 a {
   display: block;
   width: 200px;
   height: 95px;
   text-decoration: none;
}

#logo h1 a:hover {
   text-decoration: none;
}

/*=== Footer ===*/
#footer {
   font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
   font-size: 12px;
   padding-top: 15px;
   color: #FFFFFF;
}

#footerBox {
   background: url(/images/common/patient/footer-bgr.png) repeat-x top;
   height: 155px;
}

#footerLogo {
   padding-top: 12px;
}

#footerCopyright {
   font-size: 9px;
}

#footer a {
   color: #FFFFFF;
   text-decoration: none;
}

#footer a:hover {
   text-decoration: underline;
}

/*=== Navigation ===*/ /*- TopNav -*/
#topnav {
   height: 59px;
}

#topnav ul {
   margin: 20px 0 0 0;
}

#topnav li {
   float: left;
   width: 114px;
   height: 59px;
   line-height: 59px;
   padding: 0 2px 0 0;
   margin: 0;
   text-indent: -9999px;
}

#topnav li a {
   color: #000066;
   display: block;
   width: 114px;
   height: 59px;
   float: left;
   text-decoration: none;
}

#topnav li a:hover,#topnav li.active a {
   text-decoration: none;
}

#topnav li#home a {
   background: url(/images/common/patient/topnav-btn-home.png) no-repeat right;
}

#topnav li#home a:hover,#topnav li#home.active a {
   background: url(/images/common/patient/topnav-btn-home-over.png) no-repeat right;
}

#topnav li#about a {
   background: url(/images/common/patient/topnav-btn-aboutus.png) no-repeat right;
}

#topnav li#about a:hover,#topnav li#about.active a {
   background: url(/images/common/patient/topnav-btn-aboutus-over.png) no-repeat right;
}

#topnav li#dentist a {
   background: url(/images/common/patient/topnav-btn-fordentists.png) no-repeat right;
}

#topnav li#dentist a:hover,#topnav li#dentist.active a {
   background: url(/images/common/patient/topnav-btn-fordentists-over.png) no-repeat right;
}

#topnav li#patientconnect a {
   background: url(/images/common/patient/topnav-btn-forpatients.png) no-repeat right;
}

#topnav li#patientconnect a:hover,#topnav li#patientconnect.active a {
   background: url(/images/common/patient/topnav-btn-forpatients-over.png) no-repeat right;
}

#topnav li#dentistusa a {
   background: url(/images/common/patient/topnav-btn-dentistusa.png) no-repeat right;
}

#topnav li#dentistusa a:hover,#topnav li#dentistusa.active a {
   background: url(/images/common/patient/topnav-btn-dentistusa-over.png) no-repeat right;
}

#topnav div#preloader {
   background: url(/images/common/patient/topnav-btn-home-over.png) no-repeat;
   background: url(/images/common/patient/topnav-btn-aboutus-over.png) no-repeat;
   background: url(/images/common/patient/topnav-btn-fordentists-over.png) no-repeat;
   background: url(/images/common/patient/topnav-btn-forpatients-over.png) no-repeat;
   background-position: -9999px -9999px;
}

.topnav li {
   list-style: none;
   margin: 0;
}

#topnavContent {
   margin-top: 50px;
   float: right;
   height: 100px;
}

/*- TopNav Sub -*/
#topnavSub {
   margin-top: 20px;
   overflow: hidden;
}

#topnavSub a {
   color: #ffffff;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}

#topnavSub a:hover,#topnavSub a:active {
   color: #8eaddf;
}

#topnavSub ul {
   float: right;
}

#topnavSub li {
   list-style: none;
   padding: 8px 8px 0 0;
   text-align: right;
}

/*- TopNav Search -*/
#topnavSearch {
   margin-top: 15px;
}

.topnavSearch {
   color: #99ccff;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   line-height: 12px;
}

label.topnavSearch {
   font-size: 12px;
}

input.topnavSearch,select.topnavSearch,textarea.topnavSearch {
   color: #262262;
   font-size: 10px;
   max-width: 140px;
   min-width: 130px;
   margin-right: 10px;
}

label.topnavSearch.title {
   color: #ff9933;
   font-size: 16px;
   font-weight: bold;
   vertical-align: middle;
   float: right;
   line-height: 18px;
   padding-left: 17px;
}

img.topnavSearch {
   padding: 4px 10px 0 0;
}

/*=== Misc. ===*/
.hl {
   border-top: 1px solid #999999;
   height: 1px;
   margin: 10px 0 15px;
   overflow: hidden;
}

.fixed {
   font-size: 11px;
   font-family: "Courier New", Fixedsys, Courier;
}

.centered {
   display: block;
   margin-left: auto;
   margin-right: auto
}

.fl {
   float: left;
}

.fr {
   float: right;
}

.ar {
   text-align: right;
}

.al {
   text-align: left;
}

.ac {
   text-align: center;
}

.larger {
   font-size: larger;
}

.smaller {
   font-size: smaller;
}

.fineprint {
   font-size: 10px;
}

.small {
   font-size: 11px;
}

.enlarge {
   font-size: 14px;
}

.bold {
   font-weight: bold;
}

.header {
   font-size: 18px;
   font-weight: bold;
}

.label {
   font-weight: bold;
   text-align: right;
}

.label:after {
   content: ":"
}

/*=== Coloring ===*/
.bgLightBlue {
   background-color: #f0ffff;
}

.bgLightRed {
   background-color: #f8f3f3;
}

.bgLightPurple {
   background-color: #eaeaf7;
}

.bgMediumBlue {
   background-color: #d3f0ff;
}

.blue {
   color: #0066cc;
}

.red {
   color: #ab1918;
}

/*=== Layout ===*/
#columns {
   min-height: 640px;
}

.leftpad-half {
   padding-left: 0.7em;
}

.leftpad-1 {
   padding-left: 1.5em;
}

.rightpad-half {
   padding-right: 0.7em;
}

.rightpad-1 {
   padding-right: 1.7em;
}

.rightpad-3 {
   padding-right: 3.2em;
}

.leftpad-2 {
   padding-left: 2em;
}

.leftpad-3 {
   padding-left: 2.5em;
}

#aboutUs {
   min-height: 40px;
   font-size: 12px;
}

#aboutUs li {
   margin-left: 0;
}

#messageArea a {
   padding-right: 11px;
}

.contentBox {
   border-width: 0.1em;
   border-style: solid;
   border-color: #285a99;
   background-color: #FFFFFF;
   margin-bottom: 0px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
}

.contentBox table {
   background-color: #FFFFFF;
   height: 100%;
}

.tfooter {
   font-style: italic;
   margin-top: 5px;
}

/*=== Tables ===*/
table.center {
   margin: 0 auto 0 auto;
}

/*=== Auto-complete Text field style ===*/
div.wicket-aa {
   font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
   font-size: 12px;
   background-color: white;
   border-width: 1px;
   border-color: #cccccc;
   border-style: solid;
   padding: 5px 0 5px 0;
   text-align: left;
   cursor: pointer;
}

div.wicket-aa ul {
   list-style: none;
   padding: 2px;
   margin: 0;
}

div.wicket-aa ul li {
   list-style: none;
   padding: 5px 0 0 0;
   margin: 0;
}

div.wicket-aa ul li.selected {
   background-color: #FFFF00;
   padding: 5px 0 0 0;
   margin: 0;
}

/*== Form Feedback ==*/
.feedbacklabel {
   font-size: 11px;
}

.feedbacklabel.INFO {
   font-size: 11px;
   color: #414e93;
}

.feedbacklabel.ERROR {
   font-size: 11px;
   color: #A90800;
}

.feedbackPanelERROR{
   font-size: 11px;
   color: #A90800;
}
.errorb {
   color: #A90800;
   font-weight: bold;
}

.error {
   color: #A90800;
}

/*=== Additional  Blueprint type styles ===*/
.append-half {
   padding-right: 20px;
}

.prepend-half {
   padding-left: 20px;
}

.prepend-top-half {
   margin-top: 0.5em;
}

.prepend-top-1 {
   margin-top: 1.0em;
}

.prepend-top-2 {
   margin-top: 2.0em;
}

.prepend-top-3 {
   margin-top: 2.8em;
}

.append-bottom-half {
   margin-bottom: 0.5em;
}

.submitBtn:link, .submitBtn:visited {
   background-color: #0066cc;
   color: white;
   padding: 8px 20px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   border-radius: 3px;
}

.submitBtn:hover, .submitBtn:active {
   background-color: #285a99;
}