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;
}