/*
	Salle Law Website, Date: March 31, 2006

	Table of Contents:
	1.layout (Controls main content divs and navigation.)
	2.design (Controls visual elements such as headers and images. Also contains custom classes.)
	3.forms (Controls visual elements for forms such as buttons, inputs and textareas.)
	4.print (Controls what divs are printed and print formatting.)
*/

/* layout
----------------------------------------------- */

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 height:100%;
 background: #FFF url(https://www.sallelaw.com/images/bg2.jpg) repeat-x;
 /*background: #FFF url(/images/bg_bluepinstripe.gif) repeat;*/
 /*background: #115566;*/
 
} 
 
#pagewidth{ 
 width:800px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height: 16px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 height:100%;
 /*background-color:#156;  */
} 
 
#header{
 background: url(https://www.sallelaw.com/images/header.gif) no-repeat;
 position:relative; 
 height:150px; 
 background-color:transparent; 
 width:100%;
 
}

#print{
 display:none;
}

#logo{
 width:237px;
 height:90px;
 margin:29px 0 0 19px; 
 padding:0;
 display:inline;
 float:left;
 position:relative;
}

#logo img{
 border:none;
}

#mainnav {
 width: 525px;
 height:28;
 margin:0 9px 0 0;
 padding: 0;
 float: right;
 list-style-type: none;
 display: inline;
 overflow: hidden;
 clear:right;
}

#mainnav li {
 margin: 0; 
 padding: 0;
 list-style: none;
 display: inline;
}

#mainnav a {
 float: left;
 padding: 28px 4px 0 0;
 overflow: hidden;
 height: 0px !important; 	
 height /**/:28px; /* for IE5/Win only */
 display: inline;
 outline:none;
}

#mainnav a:hover {
 background-position: 0 -28px;
}

#overview a {width: 92px; background: url("https://www.sallelaw.com/images/btn_overview.gif") top left no-repeat;}
#attorneys a {width: 65px; background: url("https://www.sallelaw.com/images/btn_attorneys.gif") top left no-repeat;}
#real a {width: 131px; background: url("https://www.sallelaw.com/images/btn_real_estate_guidance.gif") top left no-repeat;}
#closing a {width: 108px; background: url("https://www.sallelaw.com/images/btn_closing_manager.gif") top left no-repeat;}
#contact a {width: 66px; background: url("https://www.sallelaw.com/images/btn_contact.gif") top left no-repeat;}

.overview #mainnav #overview a{
 background-position: 0 -28px;
}

.attorneys #mainnav #attorneys a{
 background-position: 0 -28px;
}

.real #mainnav #real a{
 background-position: 0 -28px;
}

.closing #mainnav #closing a{
 background-position: 0 -28px;
}

.contact #mainnav #contact a{
 background-position: 0 -28px;
}

#welcomeuser{
 color:#0AC;
 width: 450px;
 height:45px;
 margin:15px 15px 0 0;
 padding:0;
 float:right;
 text-align:right;
 display:inline;
 vertical-align:top;
} 

#wrapper {
 background:#FFF;
 margin:10px 0 0 0;
}

#leftcol{
 width:255px; 
 float:left; 
 position:relative; 
 padding:10px 10px 10px 10px;
 margin:0; 
}
 
#maincol{
 background-color: #FFF;  
 float: right; 
 display:inline; 
 position:relative; 
 width:505px;
 padding:10px;
 margin:0; 
}

.home #leftcol{
 width:482px; 
 float:left; 
 position:relative; 
 padding:10px 0 10px 0px;
 margin:0;
 /*background: url("images/home_image.jpg") no-repeat;*/
}

.home #maincol{
 background-color: #FFF;  
 float: right; 
 display:inline; 
 position:relative; 
 width:288px;
 padding:10px;
 margin:0; 
}
 
#footer{
 height:30px;
 font-size:10px;
 color:#DEE;
 padding:5px 2px 15px 0px;
 text-align: right;
 clear:both; 
}
#footer-left
{
   float: left; 
   display:inline;   
}
#footer-right
{
   float: right; 
   display:inline;   
}

#footer a
{
 font-size:10px;   
 color: #FFF;
 text-decoration: underline;
}

 
 /*Added by Bradley*/
#fullwidth{
 background-color: #FFF;  
 float: left; 
 display:inline; 
 position:relative; 
 width:780px;
 padding:10px;
 margin:0; 
}

#fullwidth-inner{
 background-color: #FFF;  
 float: left; 
 display:inline; 
 position:relative; 
 width:770px;
 padding:0px;
 margin:0; 
}

#adminnav, #privatenav{
    padding-bottom:15px;
    padding-top:3px;
}
#adminleftcol{
 width:320px; 
 float:left; 
 position:relative; 
 padding:10px 0px 0px 0px;
 margin: 0px 0px 10px 0px;
}
 
#adminrightcol, #ctl00_hldrMain_divAdminRightCol{
 background-color: #FFF;  
 float: right; 
 display:inline; 
 position:relative; 
 width:450px;
 padding: 10px 0px 0px 0px;
 margin:0;  
}

#signinleftcol {
 width:320px; 
 float:left; 
 position:relative; 
 padding:10px 0px 0px 0px;
 margin: 0px 0px 10px 0px;
 
}
#signinrightcol {
 background-color: #FFF;  
 float: right; 
 display:inline; 
 position:relative; 
 width:450px;
 padding: 10px 0px 0px 0px;
 margin:0;  
}

#registerleftcol {
 width:390px; 
 float:left; 
 position:relative; 
 padding:10px 0px 0px 0px;
 margin: 0px 0px 10px 0px;
}
#registerrightcol {  
 background-color: #FFF;  
 float: right; 
 display:inline; 
 position:relative; 
 width:340px;
 padding: 10px 0px 0px 0px;
 margin:0;
}

#myaccountleftcol, #myclosingleftcol{
 width:300px; 
 float:left; 
 position:relative; 
 padding:10px 0px 0px 0px;
 margin: 10px 0px 30px 0px;
}
#myaccountrightcol, #myclosingrightcol{  
 float: right; 
 display:inline; 
 position:relative; 
 width:430px;
 padding:10px 10px 10px 10px;
 margin:0;  
 border: 1px solid #CCC;
 margin:10px 0px 0px 0px;
 background-color:#FFF;
 background: url("/images/bg_box.gif") top left repeat-x;
}

#closingmanleftcol {
 width:430px; 
 float:left; 
 position:relative; 
 padding:10px 0px 0px 0px;
 margin: 10px 0px 30px 0px;
}
#closingmanrightcol {  
 float: right; 
 display:inline; 
 position:relative; 
 width:300px;
 padding:10px 10px 10px 10px;
 margin:0;  
 margin:10px 0px 0px 0px;
 background-color:#FFF;
}


#scheduleleftcol{
 width:450px; 
 float:left; 
 position:relative; 
 padding:10px 0 10px 10px;
 margin:0; 
}
 
#schedulerightcol{
 background-color: #FFF;  
 float: right; 
 display:inline; 
 position:relative; 
 width:220px;
 padding:10px;
 margin:0; 
}


.footer {
	background-color: #EEE;
	border-top: 3px double #DDD;
	border-bottom: 3px double #DDD;
	padding:2px;
}

h3{
 margin:0;
 padding:0 0 3px 0;
 color:#00AACC;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:13px;
 font-weight:bold;
 font-variant:small-caps;
}

.odd2 {
 background-color: #FFF;
}

.even2 {
 background-color: #EEE;
}

#emailpagewidth{
     width: 400px;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size:12px;
     line-height: 16px;
     text-align:left;  
     margin-left:auto; 
     margin-right:auto;
     height:100%;
     background-color:#FFF;  
} 

.fulljustify{
    text-align: justify;
}

/* End Added by Bradley */
 
/* Float containers fix: */
/* =CLEARFIX
   by Tony Aslett
   http://www.positioniseverything.net/easyclearing.html
   IE7 fix found here
   http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
-------------------------------------------------- */

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
 
.clearfix{
 display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* design
----------------------------------------------- */

h1{
 margin: 0;
 padding: 15px 0 15px 10px;
 background-color:#0AC;
 border-left: 10px solid #156;
 color:#FFF;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:16px;
}

h2{
 margin:0;
 padding:0 0 3px 0;
 border-bottom: 1px solid #156;
 color:#156;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:16px;
 font-weight:bold;
}

.real h1{
 margin: 0;
 padding: 15px 0 15px 10px;
 /*background-color:#9B8;*/
 /*border-left: 10px solid #342;*/
 background-color:#0AC;
 border-left: 10px solid #156;
 color:#FFF;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:16px;
}

.closing h1{
 margin: 0;
 padding: 15px 0 15px 10px;
 /*background-color:#C75;*/
 /*border-left: 10px solid #532;*/
 background-color:#0AC;
 border-left: 10px solid #156;
 color:#FFF;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:16px;
}

.home .real h1{
 margin: 0;
 padding: 10px 0 10px 8px;
 background-color:#9B8;
 border-left: 10px solid #342;
 color:#FFF;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
}

.home .closing h1{
 margin: 0;
 padding: 10px 0 10px 8px;
 background-color:#C75;
 border-left: 10px solid #532;
 color:#FFF;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
}

.attorneys h1{
 margin: 0;
 padding: 15px 0 15px 10px;
 /*background-color:#6F4C91;*/
 /*border-left: 10px solid #3C294E;*/
 background-color:#0AC;
 border-left: 10px solid #156;
 color:#FFF;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:16px;
}


#wrapper ul {
	margin: 1em 0;
	padding: 0;
}
#wrapper li {
	background: url(/Images/bullet_blue.gif) 0 60% no-repeat;
	list-style: none;
	margin: 0 0 0 1.5em;
	padding: 0 0 0 15px;
}

.box{
 border: 1px solid #CCC;
 padding: 10px;
 margin:0;
 background-color:#FFF;
 background: url("/images/bg_box.gif") top left repeat-x;
}
.box-smalltext{
 border: 1px solid #CCC;
 padding: 10px;
 margin:0;
 background-color:#FFF;
 background: url("/images/bg_box.gif") top left repeat-x;
 font-size:10px;
}
.box-smalltext2{
 border: 1px solid #CCC;
 padding: 10px;
 margin:0;
 background-color:#FFF;
 background: url("/images/bg_box.gif") top left repeat-x;
 font-size:10px;
}
.box-smalltext p
{
    margin:0px;
}

table {
 padding: 0;
 border: 0;
}

table th, table th a {
 background-color: #156;
 color: #FFF;
 text-decoration: none;
}

th a:link {
	color: #FFF;
	text-decoration: none;
}
th a:visited {
	color: #FFF;
	text-decoration: none;
}
th a:hover {
	color: #FFF;
	text-decoration: none;
}
th a:active {
	color: #FFF;
	text-decoration: none;
}

.odd {
 background-color: #FFF;
}

.even {
 background-color: #DEE;
}

.noimg img {
 padding:0px;
 border:none;
}


a:link {
 color: #0AC;
 text-decoration: underline;
}

a:hover {
 color: #156;
 text-decoration:none;
}

a:visited {
 color: #156;
 text-decoration: underline;
}

hr {
 clear: both;
 color: #156;
 height: 1px;
 background-color: #156;
 border: 0; /* for Mozilla only */
}

img{ 
    padding:2px;
    border: 0px;
}

.float-left {
	margin: 0 20px 20px 0;
	float: left;
}

.float-right {
	margin: 0 0 20px 20px;
	float: right;
}

img.float-left, img.float-right {
	background-color: #EEE;
	border: 1px solid #BBB;
	border-top: none;
	border-left: none;
	padding: 3px;
}

.footnote {
 font-size: .9em;
 font-style: italic;
}

.icon-document {
 padding: 0 0 0 15px;
 background: url(/images/icons/icon_paper.gif) 0 50% no-repeat;
}

.icon-link {
 padding: 0 0 0 15px;
 background: url(/images/icons/icon_link.gif) 0 50% no-repeat;
}

.icon-pdf {
 padding: 0 0 0 22px;
 background: url(/images/icons/icon_acrobat.gif) 0 50% no-repeat;
}

.icon-excel {
 padding: 0 0 0 22px;
 background: url(/images/icons/icon_excel.gif) 0 50% no-repeat;
}

.icon-arrow-right {
 padding: 0 0 0 18px;
 background: url(/images/icons/icon_arrow_right.gif) 0 50% no-repeat;
}

.icon-arrow-left {
 padding: 0 0 0 18px;
 background: url(/images/icons/icon_arrow_left.gif) 0 50% no-repeat;
}

.icon-arrow-up {
 padding: 0 0 0 18px;
 background: url(/images/icons/icon_arrow_up.gif) 0 50% no-repeat;
}

.icon-arrow-down {
 padding: 0 0 0 18px;
 background: url(/images/icons/icon_arrow_down.gif) 0 50% no-repeat;
}

.important {
 color: #F00;
 font-weight: bold;
}

.indent {
 padding: 0 39px;
}

.space {
 padding: 0 5px 0 0;
}

.small {
 font-size: .9em;
}


/* forms
----------------------------------------------- */

input, textarea {
 /*border: 1px solid #DEE;*/
 margin: 0px;
 padding: 2px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
}
#search #search-box {
 height: 14px;
 width: 125px;
 border: 1px solid #DEE;
 background: #FFF;
 font: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
}
#search #search-button {
	border: none;
	background: none;
}


/* Disappearing List-Background Bug
http://www.positioniseverything.net/explorer/ie-listbug.html
----------------------------------------------- */

ul, ol, dl {
	position: relative;
}

 
/* print
----------------------------------------------- */

@media print { 
/*hide the left column when printing*/ 
#header {
	height: 80px;
}
.noprint
{
    display:none;
}
#header-fullscreen
{
    display:none;
}
#print {
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	text-align: right;
}
#logo, #logo img {
	width: 158px;
	height: 60px;
	margin: 0;
}
#leftcol, .home #leftcol, #search, #mainnav, #footer-left, #privatenav  {
	display: none;
}
.contact #leftcol {
	display: block;
}
#twocols, #maincol, .home #maincol {
	clear: left;
	display: block;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.5em;
	float: none;
}
table {
	width: auto !important;
}
th {
	border-bottom: 3px solid #156;
}
tr.odd, tr.even {
	border-bottom: 1px solid #DEE;
}
h1{
	border-bottom: 2px solid #156;
}
}


/*Full Width Addition 11-16-2007 */
#fullscreen{ 
 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height: 16px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 height:100%;

} 
#fullscreen-inner
{
    background-color:#FFF;
    margin-left:20px;
    margin-right:20px;
    padding:10px;
}

#header-fullscreen{
    background-color: #F5F5F5;
    position:relative; 
    height:150px; 
    margin-left:20px;
    margin-right:20px;
}
.report-even
{
    background-color:#EEE;
    
}
.report-odd
{
}

.report-even:hover
{
    background-color: #ADEAFF;
}
.report-odd:hover
{
    background-color: #ADEAFF;
}