/*----------------------------------------------------------------------------------------------------------
[Layout Stylesheet of all website pages]
Project:	Best Assisted Living
Version:	1.0
Created: Interberry Solutions
----------------------------------------------------------------------------------------------------------*/
/*------------------Layout,Table of Contents----------------------------------------------------------------- 
1. GLOBAL RESET
2. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
3. COMMON CSS CLASSES
4. GLOBAL LAYOUT
-----------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
1. GLOBAL RESET
---------------------------------------------------------------------------------*/
/*{
margin:0px;
padding:0px;
}*/
body, div, dl, dt, dd, h1, h2, h3, f, h4, h5, h6, pre, form, label, fieldset, input, textarea, p, blockquote, th {
margin:0;
padding:0;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}
fieldset, img {
border:0;
padding:0px;
margin:0px;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-family:Georgia, "Times New Roman", Times, serif, Helvetica, sans-serif;
font-weight:normal;
}
a {
outline:none;
padding:0;
margin:0;
border:0;
color:#287799;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
input {
outline:none;
font-family:"Trebuchet MS",Arial;
color:#888888;
border:1px solid #b2b2b2;
padding:3px 1px 1px 1px;
}
select {
outline:none;
font-family:"Trebuchet MS",Arial;
color:#888888;
border:1px solid #b2b2b2;
padding:2px;
}
textarea {
outline:none;
font-family:"Trebuchet MS",Arial;
color:#888888;
border:1px solid #b2b2b2;
padding:2px;
}
img {
outline:none;
border:none;
}
/*---------------------------------------------------------------------------------
2. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/
h1 {
padding:0px;
margin:0px;
font-size:19px;
font-weight:bold;
}
h2 {
font-size:18px;
}
h3 {
font-size:16px;
font-weight:bold;
}
h4 {
font-size:14px;
font-family:"Trebuchet MS",Arial;
font-weight:bold;
}
p {
line-height:18px;
font-size:14px;
padding:2px 0px;
}
/*---------------------------------------------------------------------------------
3. COMMON CSS CLASSES
---------------------------------------------------------------------------------*/
body {
font-family:"Trebuchet MS",Arial;
font-size:13px;
color:#414141;
padding:0px;
margin:20px 0px 0px 0px;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.clear {
clear:both;
}
.jusify {
text-align:justify;
}
.commondiv{
width:auto;
overflow:hidden;
}
.normaltext {
font-family:"Trebuchet MS",Arial;
font-size:13px;
color:#414141;
text-decoration:none;
}
/*---------------------------------------------------------------------------------
4. GLOBAL LAYOUT
---------------------------------------------------------------------------------*/
#page_outer
{
width:1020px;
overflow:hidden;
clear:both;
margin:0 auto;
}
#header
{
width:1000px;
overflow:hidden;
clear:both;
margin:0 auto 12px auto;
}
#middle
{
width:1000px;
overflow:hidden;
margin:0 auto 12px auto;
clear:both;
}
#footer
{
width:1000px;
overflow:hidden;
margin:0 auto 12px auto;
clear:both;
border-top:1px dotted #666666;
text-align:center;
padding-top:10px;
font-family:"Trebuchet MS",Arial;
}
#footer p
{
font-size:14px;
padding:3px;
font-family:"Trebuchet MS",Arial;
}
#footer a
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
/*---------------------------------------------------------------------------------
5. COMMON LAYOUT
---------------------------------------------------------------------------------*/
.greentext
{
color:#99cc33;
font-weight:bold;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
.greentextlucida
{
color:#99cc33;
font-weight:bold;
font-size:11px;
font-family:"Lucida Grande",Arial, Helvetica, sans-serif;
}
.lucida
{
font-family:"Lucida Grande",Arial, Helvetica, sans-serif;
}
.lucida11
{
font-family:"Lucida Grande",Arial, Helvetica, sans-serif;
font-size:11px;
}
.marginright5
{
margin-right:5px;
}
.topsearchbox
{
padding:1 0px 2px 0px;
width:84px;
height:14px;
font-size:11px;
font-family:"Lucida Grande",Arial, Helvetica, sans-serif;
}
.topselectbox
{
padding:0px;
font-size:11px;
font-family:"Lucida Grande",Arial, Helvetica, sans-serif;
}
.toplinks
{
width:1000px;
height:30px;
border-top:1px dotted #666666;
border-bottom:1px dotted #666666;
clear:both;
}
.toplinks ul
{
padding:0px;
margin:0px;
}
.toplinks ul li
{
padding:0px;
margin:0px;
float:left;
list-style:none;
}
.toplinks ul li a
{
color:#666666;
font-size:16px;
font-weight:bold;
display:block;
padding:5px 10px 3px 10px;
font-family:"Lucida Grande",Arial, Helvetica, sans-serif;
}
.toplinks ul li a:hover
{
text-decoration:none;
color:#99cc33;
}
.toplinks ul li a.selected
{
color:#99cc33;
}
.toplinks ul li a.spselected
{
color:#037acc;
}
#middleleft
{
width:671px;
overflow:hidden;
float:left;
margin-right:25px;
}
#middleright
{
width:301px;
overflow:hidden;
float:right;
}
/*.homebannerouter
{
width:669px;
overflow:hidden;
border:1px solid #99cc33;
margin-bottom:15px;
}
.homebannerouter .contentsection
{
border-right:1px solid #99cc33;
overflow:hidden;
float:left;
width:134px;
padding:12px;
height:179px;
}
html>body .homebannerouter .contentsection
{
border-right:1px solid #99cc33;
overflow:hidden;
float:left;
width:134px;
padding:12px;
min-height:179px;
}
.homebannerouter .imgsection
{
width:510px;
float:right;
}
*/
.homebannerouter
{
width:669px;
height:202px;
overflow:hidden;
border:1px solid #99cc33;
margin-bottom:15px;
}
.homebannerouter .contentsection
{
border-right:1px solid #99cc33;
overflow:hidden;
float:left;
width:128px;
padding:12px;
height:179px;
}
html>body .homebannerouter .contentsection
{
border-right:1px solid #99cc33;
overflow:hidden;
float:left;
width:134px;
padding:12px;
min-height:179px;
}
.homebannerouter .imgsection
{
width:510px;
float:right;
position:relative;
}
.font11
{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
.font12
{
font-size:12px;
}
.font12arialb
{
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.bordertop
{
border-top:1px dotted #666666;
}
.mlinnerleft
{
float:left;
width:161px;
overflow:hidden;
margin-right:24px;
}
.mlinnerright
{
float:right;
width:478px;
overflow:hidden;
}
.margintop10
{
margin-top:10px;
}
.margintop15
{
margin-top:15px;
}
.margintop17
{
margin-top:17px;
}
.smltableborder
{
border:1px solid #949494;
}
.showcaselisting
{
background:#236986;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.pad10
{
padding:10px;
}
.bluebgborder
{
background:#e9f0f3;
border-bottom:1px dotted #5f6669;
padding:15px;
width:auto;
}
.linkdivouter
{
width:auto;
margin:2px;
overflow:hidden;
}
.linkdivouter a
{
display:block;
}
.contdiv
{
width:auto;
overflow:hidden;
margin-top:25px;
clear:both;
}
.imgborder
{
border:1px solid #4f4f4f;
}
.marginbottom16
{
margin-bottom:16px;
}
.borderlrb
{
border-left:1px solid #b2b2b2;
border-right:1px solid #b2b2b2;
border-bottom:1px solid #b2b2b2;
}
.greenbg
{
background:#99cc33;
color:#FFFFFF;
}
.pad5
{
padding:5px;
}
.greenbtn
{
background:#99cc33;
border:none;
font-size:14px;
font-weight:bold;
padding:2px 10px;
color:#FFFFFF;
}
.rightlistlinkoutr
{
border-top:1px dotted #666666;
margin-bottom:16px;
padding-top:12px;
}
.rightlistlinkoutr ul
{
padding:0px;
margin:0px;
}
.rightlistlinkoutr ul li
{
padding:3px 0px;
margin:0px;
}
.enewsbg
{
background:#99cc33;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#FFFFFF;
}
.breadcrubsouter
{
margin:0px 0px 20px 0px;
width:auto;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
.breadcrubsouter a
{
color:#656565;
text-decoration:none;
}
.breadcrubsouter a:hover
{
color:#656565;
text-decoration:underline;
}
.breadcrubsouter .selected
{
color:#99cc33
}
.font30
{
font-size:29px;
}
.font12italic
{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
}
.font14italic
{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
}
.font13arial
{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}
.font12arial
{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.arial
{
font-family:Arial, Helvetica, sans-serif;
}
.marginl25
{
margin-left:25px;
}
.black
{
color:#666666;
}
.arial18
{
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
.commonlist
{
width:auto;
overflow:hidden;
}
.commonlist ul
{
margin:0px;
padding:0px 0px 0px 5px;
}
.commonlist ul li
{
font-size:16px;
color:#333333;
line-height:23px;
list-style:inside;
padding:0px 0px 0px 0px;
margin:0px;
background:url(../images/img_li.gif) no-repeat top left;
list-style:none;
}
html>body .commonlist ul li
{
font-size:16px;
color:#333333;
line-height:23px;
list-style:inside;
padding:0px 0px 0px 15px;
margin:0px;
background:url(../images/img_li.gif) no-repeat top left;
list-style:none;
}
.commonlist ul li a
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:underline;
}
html>body .commonlist ul li a
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:underline;
}
.commonlist ul li a:hover
{
text-decoration:none;
}
.commonlist12
{
width:auto;
overflow:hidden;
}
.commonlist12 ul
{
margin:0px;
padding:0px 0px 0px 5px;
}
.commonlist12 ul li
{
font-size:12px;
color:#333333;
line-height:23px;
list-style:inside;
padding:0px 0px 0px 0px;
margin:0px;
background:url(../images/img_li.gif) no-repeat top left;
list-style:none;
}
html>body .commonlist12 ul li
{
font-size:12px;
color:#333333;
line-height:23px;
list-style:inside;
padding:0px 0px 0px 15px;
margin:0px;
background:url(../images/img_li.gif) no-repeat top left;
list-style:none;
}
.commonlist12 ul li a
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
}
html>body .commonlist12 ul li a
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
}
.commonlist12 ul li a:hover
{
text-decoration:none;
}
.green16
{
color:#99cc33;
font-size:16px;
}
.green16
{
color:#99cc33;
font-size:16px;
}
.greenborder
{
border:1px solid #99cc33;
}
.hint
{
font-size:10px;
}
.greeendiv
{
width:auto;
padding:10px;
background:#99cc33;
color:#FFFFFF;
margin-bottom:26px;
}
.greeendiv h1
{
font-size:18px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
.greeendiv p
{
font-size:16px;
}
.ariallink18
{
font-size:18px;
text-decoration:underline;
}
.ariallink18:hover
{
font-size:18px;
text-decoration:none;
}
/*---- FORUM ----*/
.forumdiv
{
width:auto;
overflow:hidden;
font-family:"Trebuchet MS",Arial;
font-size:15px;
font-weight:bold;
}
.forumdiv a
{
font-size:15px;
font-weight:bold;
text-decoration:underline;
color:#236988;
font-family:Arial, Helvetica, sans-serif;
}
.forumdiv a:hover
{
text-decoration:none;
}
.lgrayborder
{
border:1px solid #f0f0f0;
padding:2px;
}
.graybg
{
background:url(../images/graybg.gif) repeat-x top left #FFFFFF;
}
.orangeborder
{
border-top:1px solid #fef6eb;
}
.dotborder
{
border-right:1px dotted #cccccc;
}
.bottomdotborder
{
border-bottom:1px dotted #cccccc;
}
.loginouterleft
{
width:323px;
overflow:hidden;
margin-right:40px;
float:left;
}
.loginouterright
{
width:620px;
overflow:hidden;
float:right;
}
.loginborder
{
border:1px solid #99cc33;
width:auto;
overflow:hidden;
padding:5px;
}
.loginborder h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
}
.ullinkarial12
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
}
.ullinkarial12:hover
{
text-decoration:none;
}
.font16
{
font-size:16px;
}
.h1arial18
{
font-size:18px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
.h1arial17
{
font-size:17px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.whitelink
{
color:#FFFFFF;
text-decoration:underline;
}
.whitelink:hover
{
text-decoration:none;
}


/*------------- New---------------*/
.tableborder
{
border:1px solid #e8e8e8;
padding:2px;
}
.arial14bold
{
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.white
{
color:#FFFFFF;
}
.pagination
{
width:280px;
height:30px;
margin:0px auto;
}
.pagination a
{
display:block;
padding:2px 5px;
margin:1px;
border:1px solid #BBE294;
float:left;
background:#EFEFEF;
}
.pagination a:hover
{
background:#BBE294;
border:1px solid #EFEFEF;
text-decoration:none;
}
.pagination span
{
display:block;
padding:2px 5px;
margin:1px;
border:1px solid #EBEBEB;
float:left;
}
r:1px solid #EBEBEB;
float:left;
}