﻿.panel
{
	width:		880px;
	/*min-height: 500px;*/
	color:		#fff;
	margin:		20px auto;
	padding-top: 10px;
}

.panel .head{
	width:100%;
	margin:30px 0 0;
}
.panel .head:after{
	content:"";
	display:block;
	clear:both;
}

.debug-exception { color: Red; line-height: 1.8em; font-size: 1.1em; }


/* image map and modal popup */

.simplemodal-data h3
{
     font-size:1.8em;
     color:#FFFFFF;
     padding-bottom:15px;
}

#basic-modal
{	
	margin: 0 0 20px 0;
}

#basic-modal-content 
{
    display:none;
}

.agency-panel { display: none };

/* Overlay */
#simplemodal-overlay 
{
    background-color:	#000; 
    cursor:				wait;
}

area,
img.us-map,
img.canada-map
{ cursor: pointer; }

/* Container */
#simplemodal-container 
{
    height:				370px; 
    width:				475px; 
    color:				#bbb; 
    background-color:	#333; 
    border:				3px solid #515151;
    padding:			20px;
    margin-top:			-100px;
   	        
    -moz-border-radius:		10px;
	-webkit-border-radius:	10px;
}

#simplemodal-container code 
{
    background:			#141414; 
    border-left:		1px solid #65B43D; 
    color:				#bbb; 
    display:			block; 
    margin-bottom:		12px; 
    padding:			4px 6px 6px;
}

#simplemodal-container a 
{
    font-size:			1.3em;
    font:				Arial, Helvetica, sans-serif;
    text-decoration:	none;
    line-height:		22px;   
}

#simplemodal-container hr 
{    
    margin-top:30px;
}

#simplemodal-container a.join 
{
    color:				#FFFFFF;
    text-decoration:	underline;
    background-color:	Transparent;
    padding:			0;
    font-size:			1em;
    line-height:		14px;    
}

#simplemodal-container a:hover.join 
{
    color:				#ddd;
    text-decoration:	none;
    background-color:	Transparent;
    padding:			0;
    font-size:			1em;
    line-height:		14px;
}

#simplemodal-container a.modalCloseImg 
{
    background:		url(../images/modal-close-icon.png) no-repeat; 
    width:			36px; 
    height:			36px; 
    display:		inline; 
    z-index:		9999; 
    position:		absolute; 
    top:			-25px; 
    right:			-22px; 
    cursor:			pointer;
}

#simplemodal-container #basic-modal-content 
{
    padding:8px;
}



#sign-up-plug { display: none; }

.agency-list
{
	background:		#242424;
	height:			331px;
	overflow:		auto;
	overflow-x:		hidden;
	border-top:		2px solid #787878;
}

.agency-list li a
{
	display:			block;
	width:				100%;
	padding:			4px 0 4px 8px;
	text-decoration:	none;
	color:				#e7e7e7;
}

.agency-list li a span.map-it
{ 
	display:		none;
	height:			16px;
	width:			16px;
	margin:			3px 15px 0 0;
	float:			right;
	background:		url(../images/map/drag-zoom.png) no-repeat 0 0;
}	

.agency-list li a:hover 
{
	color:				#fff;
	background:			#00a5d5 url(../images/report-row-hover-bg.gif) repeat-x 0 0;
	cursor:				pointer;
	text-decoration:	none;
}
.agency-list li a:hover span.map-it { display: block; }


.agency-list li.alt
{ 
	background: #2a2a2a;
}


#sign-up-plug h3
{
	margin: 0;
	padding: 0;
}

#sign-up-plug p
{	
	margin:			15px 0 10px 0;
	padding:		0;
	font-size:		1.2em;
	line-height:	1.8em;
}

/* join us button */ 
#join-us  
{	
	display:		block;
	margin:			0 auto;
	height:			60px;
	width:			140px;
    overflow:		hidden;
	cursor:			pointer;
    background:		transparent url(../images/join-us-button.png) no-repeat scroll 0 0; 
    text-indent:	-999em;
} 
 
#join-us:hover { background-position:	0 -60px; } 
#join-us:active { background-position:	0 -120px; } 


/* social media plugs */
.social-media-plug
{
	
	width:			800px;
	height:			30px;

	margin:			0 auto 30px auto;
	padding:		0;
	color:			#d1d3d4;
	font-family:	"Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:		1.2em;
}

.social-media-plug .block
{
	float:		left;
	width:		380px;
	height:		30px;
	padding:	0;
}

.block div.logo
{
	margin: 0;
	padding: 0;
}

.block div.logo a
{
	background: none;
}

.block p 
{
	height:			30px;
	line-height:	30px;
	text-align:		left;
}

.block p a 
{
	color:			#448ce5;
	text-decoration: none;
}

.block p a:hover { text-decoration: underline; }

.facebook div.logo
{
	width:			30px;
	height:			30px;
	margin:			0 10px 0 120px;
	text-indent:	-9999px;
	background:		url(../images/facebook-logo.png) no-repeat 0 0;
}

.twitter div.logo
{
	width:			30px;
	height:			30px;
	margin:			0 10px 0 130px;
	text-indent:	-9999px;
	background:		url(../images/twitter-logo.png) no-repeat 0 0;
}

/* country links */
.country-links
{
	height: 30px;
}

.country-links ul
{
	float:		right;
	list-style: none;
	margin:		5px 0 0 0;	
}

.country-links ul li { float: right; }

.country-links ul li a
{
	display:			block;
	height:				21px;
	width:				45px;
	padding:			0 0 0 0;
	text-decoration:	none;
	cursor:				pointer;
}

.country-links ul li a span { display: block; 	height:	21px; width: 45px; text-indent: -9999px; }
.country-links ul li a#us-button span { background: url(../images/countries/us-flag.png) no-repeat 22px 5px; }
.country-links ul li a#canada-button span { background: url(../images/countries/ca-flag.png) no-repeat 22px 5px; }

.country-links ul li a:hover
{
	background: url(../images/country-link-bg.png) no-repeat 0 0;
}

.country-links ul li a img
{ 
	position: relative; 
	padding: 5px 0 0 20px; 
}