/* /////////////////
interactive map styles

You can use background images or colors for the main tabs, the page sub tabs, the toolbars, and alert boxes to achieve gradients or textures.  
Host the images on your server and supply a full url path for the backgrouund image. ie background: #D6D6DE url(http://YOURSITE.COM/PATH/TO/image.jpg) top left repeat-x;

This file should be named mls.css and placed in a folder named 'inc' on the root of your server.  ie http://YOURSITE.com/inc/mls.css
///////////////////*/

/*main overlay panels*/
.infobox	{font-size: 11px;color:#000000;border: 1px solid #000000;background-color:#eee;font-family:Verdana, Helvetica, sans-serif;}
.alertbox	{font-size: 11px;color:#000000;border: 1px solid #FF0000;background-color:#fff;font-family:Verdana, Helvetica, sans-serif;}

/*main page tabs (MAP, PROPERTY DETAILS, MY FAVORITES, HELP)*/
.maintabs{font-size:13px;color:#000;font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif;}

.maintabs li a {
	text-decoration: none;
	border: 1px solid #A69A9C; background-image:none; background-color:#cc3333;
}	
.maintabs li a:visited {
	color: #fff;
	background-color: #cc3333; }

.maintabs li a:hover{
	color: #fff; 
	background-image:none; background-color:#000099;
}	
 .maintabs li.selected a{
 	color: #fff; 
 	background-image:none; background-color:#000099;
 }	
.maintabs li.selected a:hover{
	text-decoration: none;}

/*toolbars*/
.focusbar{font-size:11px;color:#000000;border-bottom:solid 1px #A69A9C; background-color:#F5F3ED;}
.focusbar_head{color:#000000;font-size:12px; font-weight:bold;}
/**/
.focusfields{font-size:11px;color:#000000;}
/**/
.refinebar{color:#000;border-bottom:solid 1px #A69A9C;background-color:#EDEAE2;}
.refinebar_head{color:#000;font-size:12px;font-weight:bold;}

/*main border around content section*/
.content_style{border: 1px solid #A69A9C;} 

/*page sub tabs */
a.tab{font-size: 11px;font-weight:bold;color:#000000; text-decoration: none;background-color:#EDEAE2;  border: 1px solid #A69A9C;}/*non-selected tab*/
a.tab:hover{color:#000033;font-weight:bold;text-decoration: none;border:1px solid #000;}/*non-selected tab rollover*/
a.stab{font-size: 11px;font-weight:bold;color:#000033;text-decoration: none;background-color:#ffffff;border: 1px solid #A69A9C; } /*selected tab*/
a.stab:hover{color:#000033;font-weight:bold;text-decoration: none;border:1px solid #000;} /*selected tab rollover*/