p { margin: 5px 0px 15px 0px; } h1 { font-size: 14pt; color: #950900; } h2 { font-size: 12pt; font-family: arial, helvetica; font-weight: bold; color: #557db1; margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #97999a; padding-bottom:3px; } a { color: DarkSlateBlue; font-weight: normal; } a:hover { color: #d3d3d3; color:#9a0808; } blockquote { margin-top: 0; } #titleBar { margin-left: auto; margin-right: auto; text-align: center; padding: 10; } #siteLogo { float: left; margin: 0; } #poweredBy { float: right; } #pageTitle { font-weight: bold; font-size: 14pt; color: DarkSlateBlue; text-align: center; clear: both; } #menuBar { clear: both; text-align: center; margin-left: auto; margin-right: auto; background-image: url(https://mysmileguideu.com/images/mnu_bg.jpg); background-repeat: repeat-x; height: 29px; } #menuContent { height: 29px; padding-top: 7; } #userBar { clear: both; height: 42px; vertical-align: middle; margin-bottom: 5; } #userName { color: #444; float: left; font-weight: bold; font-size: 12pt; padding-left: 0px; padding-top: 10px; font-family:arial, helvetica; } #userAge { float: right; font-weight: bold; font-size: 11pt; color: #444; font-family:arial, helvetica; padding-top: 10px; } /* * LOGIN FORM */ #loginBar { margin-left: auto; margin-right: auto; clear: both; /*text-align: center; font-weight: bold; font-size: 11pt;*/ width:700px; } #loginSection { background-color: #f3f3f3; border: 1px solid #6699FF; height: 120px; width: 300px; margin: 5px; } #loginTitle { font-weight: bold; font-size: 10pt; text-align: center; padding: 5px; } #loginLabel { margin: 5px; float: left; } #loginInput { margin: 5px; float: left; } /* * PAGE CONTENT */ #pageContent { /*text-align: justify;*/ clear: both; padding-left: 15; padding-right: 15; padding-top: 5; } .singleColumn { float: left; clear: both; width: 95%; } .leftColumn { width: 66%; float: left; } .rightColumn { width: 30%; float: right; } .rowItem { border: 1px solid white; cursor: pointer; } .focus { background-color: #f3f3f3; border: 1px solid #d3d3d3; } .dimmed { color: #d3d3d3; } .answered { color: #606060; } .withHelp { color: DarkSlateBlue; text-decoration: underline; font-weight: bold; cursor: pointer;; } .question { padding: 5; } .question span { padding: 3px 0px 2px 0px; display:block; } .question span input{ margin-right:10px; } .question ul{ margin-bottom:10px; } .question li{ margin-left:20px; margin-bottom:3px; } .advice { background-color: white; border: 1px solid LightSteelBlue; background: url("https://mysmileguideu.com/images/help.gif") no-repeat 5px center; margin-left: 50px; margin-right: 50px; } .advice p { background-color: LightSteelBlue; margin: 0; margin-left: 34px; padding: 10px; } .inputExtraShort { width: 20%; } .inputShort { width: 50%; } .inputLong { width: 80%; } .inputWide { width: 90%; } /* Tabs classes */ .tabs { float: left; width: 100%; line-height: normal; background: url("https://mysmileguideu.com/images/tabs/tabs_bg.gif") bottom left repeat-x; } .leftColumn .tabs { height:25px; } .leftColumn .tabs, .rightColumn { margin-top:10px; } .rightColumn .tabs { float: left; width: 100%; line-height: normal; padding-top:4px; padding-bottom:2px; font-weight:bold; background: url("https://mysmileguideu.com/images/tabs/tabs_right_bg.gif") no-repeat; } .tabs ul { margin: 0; padding: 0 0 0; list-style: none; } .tabs li { float: left; background: url("https://mysmileguideu.com/images/tabs/tab_bg.gif") no-repeat left top; margin: 0; margin-left: 0; margin-right: 2px; padding: 0 0 0 10px; line-height: 18px; text-decoration: none; } .leftColumn .tabs li.current { background: url("https://mysmileguideu.com/images/tabs/tab_sel_bg.gif") no-repeat left top; margin-right: 2px; } .tabs li.onlyOne { /*background: url("https://mysmileguideu.com/images/tabs/tab_bg.gif") no-repeat left top;*/ background: none; margin-right: 0px; text-decoration: none; font-family: Arial; font-size:12px; color: #36403f; } .tabs span { float: left; display: block; background: url("https://mysmileguideu.com/images/tabs/tab_end.gif") no-repeat right top; padding: 0px 10px 0 0; } .leftColumn .tabs .current span { background: url("https://mysmileguideu.com/images/tabs/tab_sel_end.gif") no-repeat right top; } .tabs .onlyOne span { /*background: url("https://mysmileguideu.com/images/tabs/tab_end.gif") no-repeat right top;*/ background: none; width: 100%; } .tabs a { text-decoration: none; font-family: Arial; font-size:12px; color: #36403f; } .leftColumn .tabs a { line-height:210%; } .tabs a:hover { } .tabs .current { } .tabs .current a, .tabs .current a:link, .tabs .current a:visited { } .panel_wrapper div.panel { display: none; } .panel_wrapper div.current { display: block; width: 100%; /* height: 300px; */ overflow: visible; /* Should be auto but that breaks Safari */ } .panel_wrapper { border: 1px solid #919B9C; border-top: 0px; padding: 10px; padding-top: 5px; clear: both; background-color: white; } .panel_wrapper ul{ padding-top:5px; } .panel_wrapper li, .adminTable li{ list-style-position:outside; margin-left:40px; } .rowItem { padding: 5px 0px 5px 0px; }