/*
-----------------------------------------
CSS Master Page for Rehab Design Concepts
-----------------------------------------
*/
*, body {
color: #333333;
margin: 0;
padding: 0;
border: 0;
font-family:verdana, arial, helvetica, sans-serif;
}
body {
color:#333333;
background: #9aff9a url(../images/background-2.jpg) repeat-x top left;
text-align: center;
}
/* -------- Div Tags -------*/
#Wrapper {
width: 900px;
background: transparent;
margin: 15px auto 15px auto;
text-align: left;
}
#Header {
height: 120px;
background: transparent url(../images/head-bg3-trans.png) no-repeat top left;
}
.Menu {
color: #ffffff;
background: #00acee url(../images/menu-bg2-trans.png) no-repeat top left; /* Remove Color if using head-bg-trans.png or bg2 */
height: 30px;
padding: 0 10px 0 10px;
}
.Menu .menuLink {
padding: 1px 5px 0 5px;
font-size: 13px;
line-height: 29px;
vertical-align: middle;
display: block;
}
.Menu a, .Menu a:link, .Menu a:active {
color: #a9ffa9; text-decoration: none; /* color: #ffff00; */
}
.Menu a:visited {
color: #ffffff; text-decoration: none;
}
.Menu a:hover {
text-decoration: underline;
}
.linkBreak {
background: url(../images/link-break.jpg) no-repeat bottom right;
height: 29px;
padding: 0 10px 0 10px;
float: left;
}
.linkBreak2 {
background: none;
height: 29px;
padding: 0 10px 0 10px;
float: left;
}
/* ---- Main Content ---- */
#Content {
min-height: 350px;
padding: 10px;
margin: 0;
width: 900px;
background: #ffffff;
}
#Content p {
text-align: justify;
}
/* ---- Footer Content ---- */
#Footer {
min-height: 90px;
background: transparent; /* #9aff9a; */
text-align: center;
vertical-align: middle;
padding-top: 5px;
}
#Footer p { font-size: 11px; line-height: 14px; }
#Footer a, #menuLink a:link, #menuLink a:active {
color: #0000ff;
font-weight: bold;
text-decoration: none;
}
#Footer a:visited {
color: #0000ff;
font-weight: bold;
text-decoration: none;
}
#Footer a:hover {
font-weight: bold;
text-decoration: underline;
}
/* -------- Generic HTML Tags -------- */
h1 { font-size: 28px; line-height: 28px; }
h2 { font-size: 20px; line-height: 28px; }
h3 { font-size: 18px; line-height: 28px; }
h4 { font-size: 15px; line-height: 20px; }
h5 { font-size: 13px; line-height: 20px; }
p, th, td, dd, li { font-size: 13px; line-height: 20px; }
ul, ol { }
img { border: 0; }
table { padding: 5px; }
tr { margin: 5px 8px 5px 8px; }
th { margin: 5px; padding: 2px; vertical-align: top; }
td { margin: 5px; padding: 2px; vertical-align: top; }
/* -------- Class Tags ---------*/
.displayed { margin: 5px 15px; border: 0; }
.container { width: 900px; }
.container2 { width: 100%; overflow: hidden; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.clear { clear: both; }
.line-hor { border-bottom: solid 1px #dddddd; padding: 5px 0; }
.centerAll { text-align: center; margin-left: auto; margin-right: auto; }
.noborder { border: 0; text-decoration: none; }
.box { width: 900px; overflow: hidden; }
/* .box .top-row {background: #ffffff; padding-top: 20px; border-top: 1px solid #999999;} */
.box .corner-top-left {background: url(../images/corner-tl-trans.png) top left no-repeat; width: 10px; height: 11px; margin-right: -10px; position: relative; float: left;}
.box .top-tail {width: 100%; float: left; font-size: 1px;}
.box .top-tail .indent {margin: 0 10px 0 10px; background: #999999; height: 11px; padding: 0;}
.box .corner-top-right {background: url(../images/corner-tr-trans.png) top left no-repeat; width: 10px; height: 11px; margin-left: -10px; position: relative; float: left;}
.box .corner-bottom-left {background: url(../images/corner-bl-trans.png) top left no-repeat; width: 10px; height: 11px; margin-right: -11px; position: relative; float: left;}
.box .bot-tail {width: 100%; float: left; font-size: 1px;}
.box .bot-tail .indent {margin: 0 10px 0 10px; background: #ffffff; height: 11px; padding: 0;}
.box .corner-bottom-right {background: url(../images/corner-br-trans.png) top left no-repeat; width: 10px; height: 11px; margin-left: -11px; position: relative; float: left;}
.box .top-tail-full { background: url(../images/top-tail-trans.png) no-repeat top left; width: 900px; height: 11px; padding: 0; float: left; position: relative; }
.box .bot-tail-full { background: url(../images/bot-tail-trans.png) no-repeat top left; width: 900px; height: 11px; padding: 0; float: left; position: relative; }
.box .line {background:url(../images/box-line.gif) repeat-y 449px 0;}
.box .col-1 { width: 435px; min-height: 300px; float: left; padding-right: 10px; }
.box .col-2 { width: 410px; min-height: 300px; float: left; padding-left: 20px; }
.box .leftCol { width: 110px; float: left; }
.box .rightCol { width: 745px; padding: 5px 15px 5px 5px; float: left; }
.leftCol p { margin-top: 5px; }
.leftCol p.vaBottom { text-align: center; font-weight: bold; font-size: 11px; line-height: 14px; vertical-align: bottom; }
.leftCol span {
margin: 5px auto 5px auto; text-align: center; font-weight: bold; font-size: 11px;
vertical-align: bottom; }
.leftCol img { margin: 0 auto 5px auto; text-align: center; }
#Content a, #Content a:link, #Content a:active {
color: #000099; text-decoration: none; }
#Content a:visited { color: #cc0066; text-decoration: none; }
#Content a:hover { text-decoration: none; }
.rightCol p { margin-top: 5px; text-align: justify; }
table.items { margin-top: 2px; margin-left: 5px; }
td.itemno { border: solid 1px #bbb; font-size: 90%; font-weight: bold; font-variant: small-caps; text-align: left; width: 80px; }
td.itemdesc { border: solid 1px #bbb; font-size: 90%; font-weight: normal; font-variant: normal; text-align: left; width: 280px }
td.itemamt { border: solid 1px #bbb; font-size: 90%; font-weight: normal; font-variant: normal; text-align: right; width: 80px; }
/* ------ Form Information ------ */
.Form {
color: #000066;
background-color: #ffffff;
border: solid 1px #999999;
}
.Form1 {
font-size: 12px;
line-height: 16px;
color: #666666;
background-color: #ffffff;
border: solid 1px #999999;
padding: 2px;
}
.Form2 {
font-size: 12px;
line-height: 16px;
font-weight: bold;
color: #666666;
background-color: #ffffff;
border: solid 1px #999999;
padding: 2px;
}
.Form3 {
font-size: 12px;
line-height: 16px;
color: #666666;
background-color: #ffffff;
border: solid 1px #999999;
font-family: Arial, Helvetica, Sans-Serif;
padding: 2px;
}
/* BEGIN CLEARFIX (http://www.positioniseverything.net/easyclearing.html)
=====================================
ClearFix is for floated elements instead of below it.
When ClearFix is used, Clear div should not be needed.
USE THIS:
NOT THIS:
content
content
*/
.ClearFix:after, .cmspage:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ClearFix, .cmspage {
display: inline-block;
}
/* Holly Hack Targets IE Win only \*/
* html .ClearFix, * html .cmspage {
height: 1%;
}
.ClearFix, .cmspage {
display: block;
}
/* End Holly Hack */
/* END CLEARFIX
===================================== */