/*
 * Style sheet for RentLinx.com
 * Created 6/15/2005 by RentLinx, LLC
 * Copyright 2005 RentLinx, LLC. All Rights Reserved 
 */
@import "hoverhelp.css";

/* Standard tag definitions */
body 
{ 
	border: 0px;
	padding: 0px;
	margin: 0px;
	color: #000000; 
	background-color: #FFFFFF;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size:12px; 
}

form {padding: 0px; margin: 0px; }
table { border: 0px; padding:0px; margin: 0px; }
td,th { vertical-align: top; text-align: left; font-size: 12px; font-family: Verdana,Arial,Helvetica,Sans-Serif;}
img { border: 0px; }
select { margin: 2px; }

h1
{
	width: 100%;
	font-weight: normal;
	font-size: 24px;
	border-bottom: solid 2px;
	color: #02099D;
    font-family:Helvetica, Geneva, Tahoma, Verdana, Arial, sans-serif;
}

h2
{
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid 2px;
	color: #02099D;
    font-family:Helvetica, Geneva, Tahoma, Verdana, Arial, sans-serif;
}

h3
{
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	border-bottom: solid 2px;
	color: #02099D;
    font-family:Helvetica, Geneva, Tahoma, Verdana, Arial, sans-serif;
}

h3 a
{
	color: #02099D;
	text-decoration: none;
}

h3 a:hover
{
	color: #02099D;
}

a {  }
a:visited { }
a:hover { color: Green;}
a:active { color: red;}

li { }

/*** Plus Changes ***/

#maindiv
{
	text-align: center;
}

#header
{
	height: 56px;
	background-color: #b9d5f9;
	background-image: url(/images/headback.gif);
	background-repeat: repeat-x;
}

#hbody
{
	width: 960px;
	text-align: left;
	margin: 0 auto;
	height: 56px;	
}

#logohome
{
	margin: 9px 0px 0px 12px;
	float: left;
}

#loginsection
{
	float: right;
	margin-top: 14px;
}

#loginsection input
{
	margin-left: 4px;
}

#loginsection .LoginBox
{

	font-size: 11px;
	padding: 4px;
	width: 100px;
    border: solid 1px #356cb3;
    background-color: #fefeff;
    background-image: url(/images/loginback.gif);
    background-repeat: repeat-x;
    background-position: bottom;	
    height: 14px;
}

#loginsection .LoginSubmit
{
	border: solid 1px #444;
	background-color: #f1f1f1;
	width: 50px;
	height: 24px;
}

#loginmessage
{
	float: right;
	width: 384px;
	color: #d00;
	font-size: 10px;
	font-weight: bold;
	margin: 2px 0px 0px 0px;
}


#loginlinks
{
	margin-top: 12px;
	float: right;
	margin-left: 8px;
}
#loginlinks a, #loginauthenticated a
{
	font-size: 10px;
	color: Blue;
	text-decoration: none;
}
#loginlinks a:hover, #loginauthenticated a:hover
{
	text-decoration: underline;
	color: #C00;
}

#loginauthenticated
{
	float: right;
	margin-top: 35px;
}

#loginauthenticated a { font-size: 14px; }

.LoginError
{
	width: 300px; 
	border: solid 2px red; 
	background-color: #FFFFCC; 
	float: right; 
	padding: 6px; 
	margin: 6px;
}

#loginlabels
{
	float: right;
	width: 384px;
}

#loginlabels div
{
	float: left;
	margin-left: 2px;
	width: 112px;
	font-size: 9px;
	font-weight: bold;
	color: #0C0FAF;
}

#menubar
{
	height: 36px;
	background-color: #e0e0e0;
	background-image: url(/images/menuback.gif);
	background-repeat: repeat-x;	
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}

#topmenu
{
	width: 960px;
	margin: 0 auto;
	height: 36px;
	text-align: center;
	border-left: solid 1px #7b7b7b;
	border-right: solid 1px #7b7b7b;
}

#topmenu td
{
	text-align: center;
	vertical-align: middle;
	border-left: solid 1px #7b7b7b;
	padding: 0px 15px;
}

#topmenu a, #footer a
{	
	color: #1817c8;
	text-decoration: none;
}

#topmenu a:hover, #footer a:hover
{
	color: #C00;
}

#topmenu a, #topmenu span
{
	text-align: center;
	font-size: 15px;
	line-height: 36px;
	font-family: Verdana, Arial, sans-serif;
	height: 36px;
}

#topmenu span
{
	color: #CC0000;
	font-weight: bold;
	padding-right: 12px;
	padding-left: 12px;	
}

#mainbody
{
	width: 960px;
	margin: 0 auto;	
	text-align: left;
	padding: 0px;
}

#footerbar
{
	margin-top: 10px;
	clear: both;
	height: 55px;
	background-color: #e0e0e0;
	background-image: url(/images/footerback.gif);
	background-repeat: repeat-x;	
	border-top: solid 1px black;
	border-bottom: solid 1px black;	
}

#footer
{
	width: 960px;
	margin: 0 auto;
	height: 55px;
	text-align: center;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	text-align: left;
}

#footercontent
{
	padding: 8px 12px;

}


.FooterSelected
{
	color: #CC0000;
	font-weight: bold;
}

#diagram
{
	position: relative;
	background-color: #fff;
	height: 317px;
	background-image: url(/images/diagramback.gif);
	background-repeat: repeat-x;
	border: solid 1px #ddd;
	border-top: 0px
}

#diagram *
{
	position: absolute;
}

#diagramtitle
{
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 24px;
	top: 20px;
	left: 20px;
}

#diagramlogo { top: 162px; left: 50px; }
#diagramarrow { top: 157px; left: 209px; }
#diagramcloud { top: 55px; left: 279px; width: 405px; height: 242px; background-image: url(/images/diagramcloud.png); }
#diagrambutton 
{
	width: 186px;
	height: 88px;
	background-image: url(/images/diagrambutton.gif);
	top: 111px; left: 748px; 
}
#diagrambutton:hover
{
	background-image: url(/images/diagrambuttonh.gif);
}
#diagramfreetext { top: 202px; left: 752px; font-size: 10px; color: Black; text-decoration: none; }
#diagramfreetext:hover { text-decoration: underline; color: #c00; }

#testimonial
{
	position: relative;
	height: 36px;
	width: 100%;
	background-image: url(/images/tback.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #3371fc;
	margin-top: 6px;
	color: White;
	font-size: 16px;
}


/********************/

.HiddenPic { display: none; }

.AdminMainTable
{
	background-color: White;
	padding: 0px;
	margin: 0px;	
}

/* Standard info box style */

.TitleBox { width: 100%; }

.TitleBoxHead
{
	width: 100%;
	background-color: #02099D;
	background-image: url(/images/titlebox_fill.gif);
	color: White;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	padding: 0px; 
	margin: 0px;
}

.InfoBox 
{
	width: 100%;
}

.InfoBoxHead	
{
	width: 100%;
	background-color: #02099D;
	background-image: url(/images/box_fill.gif);
	color: White;
	font-size: 11px;
	padding-left: 5px;
	vertical-align: middle;
}

.InfoBoxHead a, .InfoBoxHead a:hover, .InfoBoxHead a:visited, .InfoBoxHead a:active { color: White; text-decoration: none; }


.InfoBoxBody
{
	width: 100%;
	border: solid 1px #02099D;
	padding: 5px;
}

.LinkBox 
{
	border: solid 1px #02099D;
	padding: 0px 0px 5px 0px;
}

.LinkBox h3
{
	font-size: 12px;
	font-weight: bold;
	padding: 8px 10px 0px 5px;
	color: #CC0000;
	border: 0px;
	margin: 0px;
	 background-position: left center; background-repeat: no-repeat;
}

.LinkBox hr 
{
	border: 0;
	color: #043;
	background-color: #043;
	height: 1px;
	width: 100%;
	text-align: left;
	margin-bottom: 0px;
}

.LinkBox a
{
	color: Blue;
	display: block;
	padding: 2px 0px 2px 20px;
	margin: 0px 0px 0px 0px;
	background-image: url(/images/bullet.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.SelectedLinkBox
{
	display: block;
	padding: 2px 0px 2px 20px;
	margin: 0px;
	font-weight: bold;
	background-color: #EEEEEE;
	background-image: url(/images/bullet_on.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
	

/*  A button that takes up the entire width of its area */
.fullwidthbutton
{
	width: 100%;
	background-color: #b5b5b5;
	border: solid 1px Black;
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
}

/* Text classes */
.bigblue { font-size: 14px; font-weight: bold; color: Blue; }
.BoldRed { color: Red; font-weight: bold; }
.BoldBlue { color: Blue; font-weight: bold; }
.BoldGreen { color: Green; font-weight: bold; }
.BoldYellow { color: Yellow; font-weight: bold; }

/* Standard DataGrid */
.DataGrid { width: 100%; border-collapse:collapse; }
.DataGrid td, th { padding: 3px; }
.DataHead { background-color: #1e1bd4; color: White; font-weight: bold;}
.DataHead a { color: White; font-weight: bold; }
.DataHead a:visited { color: White; }
.DataHead a:hover { color: #CCCCFF; }
.DataHead a:active { color: White; }
.DataRow { background-color: #EAF3FE; }
.DataAlt {}

/* Specialized Grids */
.ResultsDataGrid { width: 100%; }
.ResultsDataGrid td { padding: 2px; font-size: 11px;}
.StatsDataGrid { width: 100%; }
.StatsDataGrid td { padding: 2px; font-size: 11px;}
.TournamentResultsGrid { width: 100%; }
.TournamentResultsGrid td { height: 20px; vertical-align: middle; }
.SkinnyDataGrid td { padding: 3px; }

/* Helper classes */
.CenterAlign { text-align: center; vertical-align: middle; }
.RightAlign { text-align: right; }
.LeftColumn { width: 205px; }
.ContactColumn { width: 215px; }
.PageTitle { font-size: 20px; font-weight: bold; color: Blue; }
.Question { font-weight: bold; }
.SubHead { font-weight: bold; }
.PadLeft { padding-left: 20px; }

.BoldHead
{
	font-weight: bold;
	font-size: 14px;
}

.Gallery td
{
	padding: 7px;
	text-align: center;
}

.Gallery img
{
	border: solid 1px #666666;
}

.BigPhoto
{
	border: solid 1px #666666;
	margin-bottom: 10px;
}

.BigLinks
{
	font-size: 16px;
}

.DataLabel
{
	font-weight: bold;
	padding-right: 10px;
	text-align: right;
	color: #02099D;
}

.HeaderLabel
{
	font-weight: bold;
	color: #02099D;
}

.UpdateForm td
{
	vertical-align: Top; 
}
.UpdateForm
{
	text-align: left;
}

.UpdateForm .DataLabel
{
	padding-top: 4px;
}



.SmallText td { font-size: 10px; }

.AdminMenuCell
{
	width: 180px;
	background-color: #DDDDDD;
	border-right: solid 2px #02099D;
}

.AdminMainCell
{
	padding: 10px;
}

.SelectedPhoto
{
	border: solid 2px #FF0000;
}

.SelectedPhotoBlue
{
	border: solid 2px #0000FF;
}

.NormalPhoto
{
	border: solid 1px Black;
}

.CalendarDay
{
	height: 100px;
	width: 75px;
	padding: 2px;
	font-size: 11px;
}

.CalendarDayOfWeek
{
	padding: 2px;
	font-size: 14px;
	font-weight: bold;
}

.CalendarTitle td
{
	text-align: center;
	font-size: 16px;
	background-color: #02099D;
	color: White;
}

.CalendarTitle a
{
	color: Blue;
}

.SpaceTable td
{
	padding-bottom: 20px;
}

.BigLinks a { font-size: 14px; }

.Bold
{
	font-weight: bold;
}

.Disabled
{
	background-color: #e5e5e5;
}

.RightSide
{
	width: 100%;
	text-align: right;
}

.PadRightTable td
{
	padding: 0px 15px 0px 0px;
}

.BigInstructions
{
	font-size: 16px;
}

.PropertyStepInstructions
{
	font-size: 16px;
	color: #CC0000;
}

.BigTitle
{
	font-size: 16px; 
	font-weight: bold;
	color: #02099D;
}

.NoPadTable td
{
	padding: 0px; 
	margin: 0px;
}

.HomeLinks a, .HomeLinks a:visited
{
	color: Blue;
	font-size: 18px;
	text-decoration: none;
	padding: 0px 40px 0px 40px;
}

.HomeLinks a:hover
{
	color: Red;
}

.MainButtons a
{
	display: block;
	width: 224px;
	height: 29px;
	background-image: url(/images/MainButton_01.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	color: White;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	line-height: 24px;
	margin-bottom: 6px;
}

.MainButtons a:hover
{
	display: block;
	width: 224px;
	height: 29px;
	background-image: url(/images/MainButton_01-over.gif);
	color: blue;
}

.QaAnswer
{
	padding: 8px 0px 0px 8px;
}

.PadRightBottom
{
	padding: 0px 15px 8px 0px;	
}

.Stats { margin-top: 12px; }

.craigslist
{
	font-family: Serif;
	text-decoration: none;
	color: Blue;
}
.craigslist:hover
{
	text-decoration: underline;
	color: Blue;
}

a.RL_ToolTip
{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration: none;
}

a.RL_ToolTip:hover
{
	z-index:25;
	cursor: default;
	text-decoration: none;
}
a.RL_ToolTip img{border: 0px;}
a.RL_ToolTip span{display: none; text-decoration: none;}

a.RL_ToolTip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 12px; 
    left: 12px; 
	font-size: 12px;
	padding: 8px;
	z-index: 100;
	background-color: #FFFFD4;
	color: black;
	border: solid 1px #888;
	text-decoration: none;
	-moz-border-radius: 10px;
    }

.DisabledLink, .DisabledLink:hover, .DisabledLink:active { color: #999; }

.BuyButton
{
	display: block;
	text-align: center;
	width: 109px;
	height: 21px;
	background-image: url(/images/buybutton.gif);
	background-repeat: no-repeat;	
	color: White;
	text-decoration: none;
	font-size: 12px;	
	padding-top: 3px;
}

.BuyButton:Hover
{
	color: #6EF;
}

.BreadCrumb
{
	margin-bottom: 8px;
}

.PageBar a
{
	padding: 3px 8px; 
	border: solid 1px #CCC; 
	background: #FFF; 
	text-decoration: none;
	margin: 2px;
	color: blue;
}

.PageBar a:Hover
{
	background: #00F; 
	color: #FFF;
}

.CurrentPage 
{
	padding: 3px 8px; 
	margin: 2px;
	font-weight: bold;
}

.TCaption
{
	font-size: 15px; 
	font-style: italic;
}

.PloTag
{
	font-size: 9px;
	color: #070;
}

/* Dialog box styles... should we customize? */
#mbox{background-color:#fff; padding:8px; border:2px outset #666; vertical-align: middle;}
#mbm{font-family:sans-serif;font-weight:bold;float:right;padding-bottom:5px;}
#ol{background-image: url(/images/overlay.png);}
.dialog {display:none;}

* html #ol{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");}

.Plus { font-weight: bold; font-style: italic; }

.AlertBox { border: solid 2px red; padding: 8px; margin: 8px; }
.HighAlertBox { background-color: #c00; border: solid 2px #777; color: #fff; font-size: 130%; padding: 10px; margin: 10px; }


.ClassyButton {
    display: block;
    text-align: center;
    background-color:#f5f5f5;
    border: 2px solid #ccc;
    border-top: 2px solid #eee;
    border-left: 2px solid #eee;

    font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    /*padding:5px 10px 6px 7px; /* Links */
    padding: 3px;
}

.ClassyButton:hover {
    background-color:#dff4ff;
    border:2px solid #c2e1ef;
    color:#336699;
}

.mainbox {background: url(/images/777.gif) 0 0 repeat-x; height: 100%;}
.mainbox .b {background: url(/images/777.gif) 0 100% repeat-x; height: 100%;}
.mainbox .l {background: url(/images/777.gif) 0 0 repeat-y; height: 100%;}
.mainbox .r {background: url(/images/777.gif) 100% 0 repeat-y; height: 100%;}
.mainbox .bl {background: url(/images/white_bl.gif) 0 100% no-repeat; height: 100%;}
.mainbox .br {background: url(/images/white_br.gif) 100% 100% no-repeat; height: 100%;}
.mainbox .tl {background: url(/images/white_tl.gif) 0 0 no-repeat; height: 100%;}
.mainbox .tr {background: url(/images/white_tr.gif) 100% 0 no-repeat; padding:10px 10px 10px 10px; height: 100%;}

.HomeBox { float: left; width: 234px; height: 234px; margin: 6px 8px 10px 0px; }
.HomeBox h1 
{ 
	font-family: Tahoma, Verdana, Sans-Serif; 
	font-size: 20px; 
	border: 0px; 
	color: Black; 
	margin: 0px;
	border-bottom: solid 1px black;
}
.HomeBox p { margin: 10px 0px 0px 0px; padding: 0px; font-size: 12px; }

.LocalDbTag
{
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: Red;
	color: black;
	padding: 4px;
	font-size: 11px;
	border: solid 1px black;
	font-family: "Courier New", Courier, Monospace;
	opacity:0.5;
	filter:alpha(opacity=5);
}

/*** Choose Versions ***/
#BenefitColumn { width: 228px;  }
#BasicColumn { width: 166px; }
#PlusColumn { width: 230px; }
#BenefitColumnH { width: 532px;  }
#BasicColumnH { width: 166px; }
#PlusColumnH { width: 230px; }
#CompareTable 
{ 
	width: 624px;
	background-image: url(/images/cvtablefill.gif);
	background-repeat: no-repeat;
 }

#CompareTableH
{ 
	width: 928px;
	background-image: url(/images/cvtablefillh.gif);
	background-repeat: no-repeat;
}
 
 
#CompareTable td, #CompareTableH td
{ 
	text-align: center;
	padding: 8px 0px 8px 0px;
}
#CompareHeader td { 
	font-size: 150%; 
	padding: 0px 0px 10px 0px;		
	vertical-align: bottom;
 }
#CompareTable .RowSeparator, #CompareTableH .RowSeparator
{
	height: 1px;
	background-image: url(/images/cvrowsep.gif);
	background-repeat: repeat-y;
	padding: 0px;
}
#CompareTableH .RowSeparator
{
	background-image: url(/images/cvrowseph.gif);
}
#CompareTable .Benefit, #CompareTableH .Benefit
{
	text-align: left;
	padding-left: 8px;
	vertical-align: middle;
}
#CompareTable .Benefit ul, #CompareTableH .Benefit ul
{
	padding-left: 20px;
}


#GoPlusButton
{
	display: block;
	width: 112px;
	height: 39px;background-image: url(/images/goplusbig.gif);
	text-decoration: none;
	margin: auto;
}
#GoPlusButton:hover
{
	background-image: url(/images/goplusbigh.gif);
}
#ChooseBasicButton
{
	display: block;
	width: 113px;
	height: 29px;
	background-image: url(/images/choosebasic.gif);
	text-decoration: none;
	margin: auto;
}
#ChooseBasicButton:hover
{
	background-image: url(/images/choosebasich.gif);
}


.AdminImpersonateTag
{
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: red;
	color: White;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	padding: 10px;
	opacity:0.7;
}

#CompareTableH .SiteList, #CompareTable .SiteList
{
	margin-left: 20px;
	display: none;
}

#CompareTableH .SiteList td, #CompareTable .SiteList td
{
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	padding: 5px 5px 0px 0px;
	font-weight: bold;
	height: 40px;
}

.PoIcon
{
	vertical-align: middle;
	width: 41px;
	height: 25px;
	margin: 2px;
}

.Details { font-size: 80%; }
.Money { font-weight: bold; color: Green; }

.RentLinxDogOrgLink
{
	color: #06D606;
	font-weight: bold;
}

#footer .RentLinxDogOrgLink
{
	color: #06D606;
	font-weight: bold;
}

.CopyValue
{
	font-family: "Courier New", Courier, Monospace;
	font-size: 16px;
}

.Deleted
{
	text-decoration: line-through; 
	color: #888;
}

.PlusAdLeft
{
	float: left; 
	margin: 8px 10px 0px 0px;
}

.PlusAdImg
{
	float: left;
}

.PlusAdTxt
{
	float: left; 
	margin: 14px 0px 0px 10px; 
	font-size: 9px;
}

.PlusAdBigTxt { font-weight: bold; font-size: 14px; line-height: 9px; }

#ShareLink
{
	display: inline-block;
	margin: 8px; 
	padding: 10px; 
	border: solid 1px #ddd; 
	background-color: #f7f7f7;
}

#ShareLink a { font-size: 14px; }

#ShareLink input 
{
	font-size: 12px;
	padding: 4px;
    border: solid 1px #356cb3;
}