/* General */
html, body {
padding: 0;
margin: 0;
font-size: 100%;
}
body {
text-align: center;
background: url(/appointments/images/common/bg.png) #fff;
font: 0.7em/1.5em Verdana, sans-serif;
color: #333;
}
abbr, acronym {
border-bottom: 1px dotted;
cursor: help;
font-style: normal;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
a:link {
color: #40659B;
text-decoration: none;
border-bottom: 1px dotted #bbb;
}
a:visited {
color: #8EA4C2;
text-decoration: none;
border-bottom: 1px dotted #bbb;
}
a:hover {
color: #036;
border-bottom-style: solid;
}
table {
font-size: 100%;
border: 1px solid #999999;
width: 100%;
margin: 1em 0 1em 0;
}
thead tr { background: #eee; }
thead tr th {
color: #000;
font-weight: bold;
font-size: 100%;
border-left: 1px solid #9FD5ED;
border-bottom: 1px solid #999999;
padding: 3px 8px;
}
tbody tr td {
padding: 3px 8px;
border-left: 1px solid #D9D9D9;
width: auto;
}
tbody tr td { border-bottom: 1px solid #D9D9D9;}
tbody tr.selected td {
background-color: #73A218;
color: #000;
font-weight: bold;
font-size: 100%;
border-left: 1px solid #9FD5ED;
border-bottom: 1px solid #999999;
}
h1 {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-size: 170%;
font-weight: normal;
padding: 0;
margin: 0;
color: #990066;
line-height: 1.em;
}
h1 a {
display: block;
text-decoration: none;
}
h2 {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-size: 130%;
font-weight: normal;
padding: 0;
margin: 0.5em 0 0.5em 0;
border-bottom: 1px solid #EFEFEF;
padding-bottom: 2px;
color: #690;
}
h2 a, h2 a:hover {
color: #333;
text-decoration: none;
}
h3 {
margin: 0.5em 0 0 0;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-size: 120%;
font-weight: normal;
color: #c63;
}
h4, h5, h6 {
margin: 1.5em 0 0 0;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-size: 110%;
font-weight: normal;
color: #369;
}
blockquote {
background: url(/appointments/images/common/quotestart.gif) no-repeat top left;
line-height: 1.5em;
padding: 0 0 0 20px;
margin: 0 0 10px 0;
color: #1563af;
font-size: 120%;
}
blockquote p {
padding: 0;
margin: 0;
background: url(/appointments/images/common/quotestop.gif) no-repeat bottom right;
}
/* Container */
#container {
width: 780px;
padding: 0;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
margin: 0 auto;
text-align: left;
}
/* Side bar */
#sidebar {
float: left;
width: 220px;
padding: 0;
margin: 0;
}
/* Header */
#header {
height: 146px;
padding: 0;
background: #C4829D url(/appointments/images/common/jemappointments-header.jpg) no-repeat center center;
margin: 0;
position: relative;
}
#header a {
text-decoration: none;
}
#header img {
margin: 0 0 0 0;
padding: 0;
display: inline;
border-top: 0px #000000;
border-bottom: 1px #000000;
border-right: 1px #000000;
border-left: 0px #000000;
}
#topnavigation {
position: absolute;
right: 0;
top: 15px;
font: 100% "Lucida Grande", Verdana, sans-serif;
background: #fff;
color: #fff;
list-style: none;
padding: 0.6em;
}
#topnavigation li { display: inline; padding: 0 0.5em; margin: 0; }
#topnavigation a { color: #40659B; }
#topnavigation a:hover { color: #036; }
/* Search */
#searchform label {
display: none !important;
}
#searchform fieldset {
margin: 0 0 5px 0;
background: #F0F2F7;
}
#searchform input#query {
border: 1px solid #ccc;
padding: 3px;
background: #fff;
height: 15px;
width: 129px;
font-size: 1em;
font-weight: bold;
font-family: Verdana, sans-serif;
float: left;
}
#searchform input#submit {
border: 1px solid #ccc;
background: #EBEBEB;
height: 23px;
margin: 0 0 0 5px;
font-family: Verdana, sans-serif;
float: left;
width: 35px;
}
/* Skipper */
#skipper {
position: absolute;
top: 0; left: 0;
overflow: hidden;
text-indent: -600em;
color: #000;
width: 0;
height: 0;
margin: 0;
padding: 0;
background: transparent;
}
/* Breadcrumb */
#breadcrumb {
color: #333;
border-bottom: 10px solid #fff;
background: #FFF;
margin: 0;
padding: 0;
clear: both;
font-family: Verdana, sans-serif;
}
#breadcrumb p {
margin: 0;
padding: 5px 15px;
}
#breadcrumb a {
color: #333;
border-bottom: 1px dotted;
}
#breadcrumb a:hover {
color: #000;
border-bottom: 1px solid;
}
/* Navigation */
#navigation {
padding: 14px;
margin: 0;
background: url(/appointments/images/common/bg.png) #FFFFFF;
}
#navigation ul {
display: block;
list-style: none !important;
padding: 0;
margin: 0;
}
#navigation ul li {
font: 1.2em "Trebuchet MS", Verdana, sans-serif;
display: block;
padding: 0;
margin: 0 0 3px 0;
}
#navigation ul li a {
display: block;
width: 100%;
color: #6C0044;
border-bottom: none;
}
#navigation ul li a:hover {
color: #990066;
text-decoration: none;
font-weight: bold;
}
#navigation ul li a:visited {
color: #000;
text-decoration: none;
}
#navigation ul li ul li {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 90%;
display: block;
padding: 0;
margin: 0 0 3px 15px;
}
#navigation ul li ul li a {
display: block;
width: 100%;
color: #6C0044;
}
#navigation ul li ul li a:hover {
color: #000;
text-decoration: none;
}
#navigation ul li ul li a:visited {
color: #000;
text-decoration: none;
}
.line {
border-bottom: 1px solid #BCBCC6;
}
#navigation li.line {
padding: 0 0 3px 0;
}
/* Main content */
#content {
text-align: left;
width: 520px;
margin: 0;
padding: 15px;
float: right;
border-left: 1px #999999 dotted;
background: #FFF ;
}
#content ul {
list-style: none;
margin: 1em 0 1em 0;
padding-left: 24px;
}
#content ul li {
padding: 0 0 4px 12px;
line-height: 1.4em;
background: url(/appointments/images/common/bullet.gif) no-repeat 0 5px;
}
#content p {
margin: 1em 0 1em 1em;
padding: 0;
}
/* Footer */
br.clear { clear: both; height: 0; }
#footer {
background: #FFF;
margin: 0;
padding: 1em;
border-top: 2px solid #C4829D;
clear: both;
font-size: 90%;
color: #005B00;
font-family: "Lucida Grande", Verdana, sans-serif;
text-align: center;
}
#footer p {
margin: 0;
padding: 0;
}
#footer a {
color: #40659B;
border-bottom: 1px dotted;
}
#footer a:hover {
color: #036;
border-bottom-style: solid;
}
#coursesidebar {
float: right;
width: 30%;
padding: 0 1em 1em 1em;
margin: 1em 0 1em 1.5em;
line-height: 1.4em;
background: ;
clear: both;
border-left: 1px #999999 dotted;
}
#content img {
border: 1px #ccc solid;
padding: 1em;
margin: 0 0 1em 1.5em;
float: right;
background: #fff;
clear: both;
}