/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
ul{
margin-bottom: 40px;
}
.right {float: right;}
.left {float: left;}
.header {
	background-color: #F3F3F3;
	padding: 10px 0;
	margin-bottom: 40px;
	border-bottom: 1px solid #E2E2E2;	
	}
	.header h3
	{
		margin: 0;
		font-family: 'Oxygen', sans-serif;
		}
		.header p {
			margin: 0;
			}
			
		.header a {
			font-weight: bold;
			text-decoration: none;
			}
		
		.header a.gbutton {color: #ffffff !important; font-size:14px;}

.gravatar {
	margin: 0 20px;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	}

.content {
	
	}
	.left-menu {}
	.left-menu a {
		cursor: pointer;
		display:block;
		height:40px;
		line-height: 40px;
		text-indent: 10px;                   
		text-decoration:none;
		width:100%;
		}
		.left-menu a:hover {
			background-color: #f2f2f2;
			}
		.left-menu a:active,
		.left-menu a.active {
			color: #ffffff;
			font-weight: bold;			
			background: rgb(122,188,255); /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYmNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzYwYWJmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDk2ZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-8 */
			}
		.left-menu ul {}
		.left-menu ul li {
			margin: 0;
			border-bottom: 1px solid #eaeaea;
			}	
		
		ul.standard li,
		ul.creditCard li {
			overflow: hidden;
			padding: 15px 0 15px 10px;
			margin: 0;
			border-bottom: 1px solid #eaeaea;	
			}			
			ul.standard li a.email {
				font-size: 16px;
				font-weight: bold;
				text-decoration:none;
				margin-right: 10px;
				float: left;
				}
			ul.standard li.add-email {
				/*margin-top: -1px;*/
				margin-bottom: 30px;
				border: 1px solid rgba(224,224,224,1);
				background-color: rgba(238,238,238,1);
				}
			ul.standard .gbutton.right {
				margin: -5px 10px 0 0;
				}
			ul.standard.save-button li:last-child{
				border: none;
				}
			 
	ul li.listhead {
		overflow: hidden;
		font-weight: bold;		
		padding: 10px 0 10px 10px;
		border-top: 1px solid #e1e1e1;
		border-bottom: 1px solid #CCC;
		margin-bottom: 1px;
		background: rgb(238,238,238); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-8 */
		}
		ul li.listhead h5 {
			margin: 0;
			font-family: 'Oxygen', sans-serif;
			font-size: 24px;
			}
		ul li.listhead p {
			margin: 2px 10px 0;
			}
			ul li.listhead p span {
				font-weight: bold;
				font-size: 1.5em;
				}
		ul li.listhead.delete {
			background-position: 0% 0%;
            background-color: #D74040;
	        background-image: linear-gradient(#D74040, #AD2323);
	        background-repeat: repeat;
            background-attachment: scroll;
        }	
			
			ul li.listhead.delete h5
			{
				color: #fff;
				text-shadow: 0 -1px 0 #900;		
				}
	ul li.subheader 
	{
	    text-shadow:none;
	    font-size:12px;
	    font-weight:bold;	    
		overflow: hidden;		
		padding: 5px 0px 0px 11px;		
		border-bottom: none;		
		}		
		ul li.subheader div 
		{
		    float: left;
		    margin-right:10px;		    
		}	
    ul li span.left-checkbox input[type="checkbox"] {
	    margin-right: 56px;
	    margin-left: 25px;
	}
	ul li span.right-checkbox input[type="checkbox"] {
	    margin-right: 32px;
	}
		
/*--- New design for emails ---*/	
.primary{
	margin-top: -7px;
	margin-right: 5px;
  	float: left;
	background: url('/img/sprite.png') no-repeat -71px -39px;
	width: 14px;
	height: 28px;
	}

.enabled{
	margin-top: -7px;
	margin-right: 5px;
  	float: left;
	background: url('/img/sprite.png') no-repeat -248px -6px;
	width: 25px;
	height: 24px;
	}

.nt-verify,
.mk-primary {
	position: relative;
	margin: 0 0 0 20px;
	padding-left: 25px;
	display: none;
	}
ul.standard li:hover .nt-verify,
ul.standard li:hover .mk-primary {display: block;}

.mk-primary a {text-decoration:none;}
.mk-primary a:hover {text-decoration: underline;}
.mk-primary span {
	position: absolute;
	background: url('/img/sprite.png') no-repeat -55px -3px;
	width: 20px;
	height: 28px;
	top: -5px;
	left: 0;
	}

.nt-verify a {text-decoration:none;}
.nt-verify a:hover {text-decoration: underline;}
.nt-verify span {
	position: absolute;
	background: url('/img/sprite.png') no-repeat -171px -45px;
	width: 25px;
	height: 21px;
	top: 0px;
	left: -3px;
	}
/*--- End Of New design for emails ---*/	
		
.add-email {
	margin-bottom: 0;
	}
.add-email input[type="text"]{
		padding: 14px;
		font-size: 15px;
		float: left;
		margin: 1px 10px 0 0;
		width: 500px;
	}	

.creditCard .ccNumber a {
	font-size: 1.5em;
	}
.ccNumber .masterCard {
	background: url('/img/images.jpg') no-repeat -71px 0;
	width: 63px;
	height: 48px;
	margin: -13px 20px 0 0;
}
.ccNumber .visa {
	background: url('/img/images.jpg') no-repeat 0 0;
	width: 63px;
	height: 48px;
	margin: -13px 20px 0 0;
}

.ccNumber .discover {
	background: url('/img/images.jpg') no-repeat -72px -49px;
	width: 63px;
	height: 48px;
	margin: -13px 20px 0 0;
}

.ccNumber .amex {
	background: url('/img/images.jpg') no-repeat 0px -49px;
	width: 63px;
	height: 48px;
	margin: -13px 20px 0 0;
}

input[type="checkbox"] {
	float: left;
	margin: 2px 10px 0 0;
	padding: 3px;
	}	

label {font-size: 1.2em;}

span.add-price {
	font-size: 1.0em;
	}

span.add-price strong{
	font-size: 1.3em;
	}

span.subscription-month{
	font-size: 0.6em;
	}
	
/**********************************************************************  Website CSS  *************************************************/
body.site {
	 background: #F4F4F4;
	}
.siteheader {
	background-color: #036;
	padding: 10px 0;	
	}
	.siteheader h3
	{
		margin: 0;
		font-family: Arial, sans-serif;
		color: #ffffff;
		}
			
		.siteheader p {
			margin: 0;
			}
			
		.siteheader h3 a
	    {
	        font-weight: normal;
		    margin: 0;
		    font-family: Arial, sans-serif;
		    color: #ffffff;
		    text-decoration: none;
	    }		
		ul.top-menu {
			float: right;
			margin-top: 5px;
			margin-bottom: 0;
			}	
		ul.top-menu li {
			display: inline-block;
			margin-left: 20px;
			}			
		ul.top-menu li a {
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
		}
		ul.top-menu li a.gbutton {font-size:14px;}

.div-txbanner {
    text-align: center;
    margin-bottom: 60px;
}
.div-txbanner a {
    font-weight: normal;
    margin: 0;
    font-family: Arial, sans-serif;
    color: #ffffff;
    text-decoration: none;
    font-size:28px;
}

.billboard {
	/*margin-top: -40px;*/
	min-height: 75px;
	color: #fff !important;
	margin-bottom: 150px;
	background-color: #036;
	}
	
	.billboard h1 {
		margin-top: 30px;
		color: #fff;
		font-size: 66px; 
		line-height: 64px;
		font-family: 'Didact Gothic', sans-serif;
		text-shadow: 0px -2px 0px #002952;
		}
	.billboard h2 {
		margin-top: 13px;
		color: #fff;
		font-size: 42px; 
		line-height: 46px;
		text-shadow: 0px -2px 0px #002952;
		}	
	.billboard p.buttonTextSpan {
		font-family: Arial, sans-serif;
		font-weight: normal;
		font-size: 22px;
		padding-top: 8px;
		float:right;
		margin: 0;
		text-shadow: none;
		color: #85C9C6;
		}
	.billboard p {
		font-size: 36px;
		line-height: 34px;
		margin: 20px 0 60px 0;
		text-shadow: 0px -2px 0px #002952;
		color: #4587c8;
		}		
	.billboard .gbutton {font-weight: bold;}	
.auction-lists,
.email-alerts {
	padding: 30px;
	margin-bottom: -110px;
	overflow: hidden;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.1);
	box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.1);	
	}
.auction-lists {background-color: #4587c8;}
.email-alerts {
	float: right !important;
	background-color: #1960a6;
	}
	.email-alerts h3 span a{
		float: right;
		text-decoration: none;
		font-size: 14px;
		color: #4587c8;
		}
		.email-alerts h3 span a:hover {
	color: #09F;
			}
.sign-up {
	padding: 0;
	margin-bottom: 30px;
	position:relative;
	}
		
    .sign-up h3 {
		font-size: 24px;
		padding: 0; 
		margin: 7px 20px 0 0;
		line-height: 22px;
		color: #fff;
		}
		.sign-up h3 span {
		padding: 0;
		font-size: 18px;
		}
.sign-up form input[type="text"],
.sign-up form select
{
		border-radius: 4px;
		padding: 12px;
		font-size: 24px;
		float: left;
		margin: 10px 0 10px 0;
		width: 100%;
		box-sizing: border-box;
	}
	.sign-up form input[type="button"].gbutton.giant.positive {
		line-height: 18px;
		padding: 15px;	
		float: left;
		}
	input[type="button"].gbutton.giant.positive span {
		font-size: 12px;
		padding: 0;
		margin:-5px 0 0 0;
		}
		
.home-left-top {margin-top: 0px;}

ul.attorneys li {
	width: 21.4%;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	font-size: 18px;
	margin: 0 0 20px 0;
	padding: 0 15px 0 15px;
	}
	
ul.county li {
	width: 16%;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	font-size: 18px;
	margin: 0 0 20px 0;
	padding: 0 15px 0 15px;
	}

.divider-header {
	position: relative;
	text-align: center;
	margin-bottom: 20px;
	}
	h2.divider-header  {
		font-size: 26px !important;
		color: #036;
		}
	
.divider-header::before {
	background: #DADADA;
	border-bottom: 1px solid white;
	content: " ";
	height: 1px;
	position: absolute;
	top: 46%;
	width: 32%;
	left: 0;}

.divider-header::after {
	background: #DADADA;
	border-bottom: 1px solid white;
	content: " ";
	height: 1px;
	position: absolute;
	top: 46%;
	width: 32%;
	right: 0;}

.center {
float: none !important;
margin: 0 auto;
}
.h2 {
line-height: 1.2;
}
.divider-header.h2 {
font-size: 36px;
}

.footer {
	background-color: #036;
	width: 100%;
	padding: 20px 0;
	color: white;
	}
	.footer h3, .footer h3 {
		color: #ffffff;
		}
    .footer h3 a, .footer h2 a
	    {
	        font-weight: normal;
		    margin: 0;
		    font-family: Arial, sans-serif;
		    color: #ffffff;
		    text-decoration: none;
		}
			
/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.sign-up h3 {
		padding: 0; 
		margin: 7px 20px 10px 0;
		width: 100%;
		float: left;
		}
		.sign-up h3 span {
			
		}

		.sign-up form input[type="text"]
		{
			border-radius: 4px;
			padding: 17px;
			font-size: 17px;
			float: left;
			margin: 0 10px 0 0;
			width: 64%;
			}
	
		input[type="button"].gbutton.giant.positive,
		button.gbutton.giant.positive {
			line-height: 18px;
			padding: 7px 15px;
			width: 28%;	
			}
		input[type="button"].gbutton.giant.positive span,
		button.gbutton.giant.positive span {
			font-size: 12px;
			padding: 0;
			margin:-5px 0 0 0;
			}
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.sign-up h3 {
		padding: 0; 
		margin: 7px 20px 10px 0;
		width: 100%;
		text-align:center;
		}
		.sign-up h3 span {
			
		}

		.sign-up form input[type="text"]
		{
			margin: 20px 0 0 0;
			width: 100%;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box;    
			box-sizing: border-box; 
			}
	
		input[type="button"].gbutton.giant.positive,
		button.gbutton.giant.positive {
			margin-top: 20px;
			width: 100%;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box;    
			box-sizing: border-box; 	
			}
		input[type="button"].gbutton.giant.positive span,
		button.gbutton.giant.positive span {
			}
		
		.seven.columns.auction-lists,
		.seven.columns.email-alerts
		{
		    width: 300px;
		    }
		ul.top-menu li 
		{
		    margin-left: 10px;
		    }	
			
		}

	
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.sign-up h3 {
		padding: 0; 
		margin: 7px 20px 10px 0;
		width: 100%;
		text-align:center;
		}
		.sign-up h3 span {
			
		}

		.sign-up form input[type="text"]
		{
			margin: 20px 0 0 0;
			width: 100%;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box;    
			box-sizing: border-box; 
			}
	
		input[type="button"].gbutton.giant.positive,
		button.gbutton.giant.positive {
			margin-top: 20px;
			width: 100%;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box;    
			box-sizing: border-box; 
			}
		input[type="button"].gbutton.giant.positive span,
		button.gbutton.giant.positive span {
			}
		
		.seven.columns.auction-lists,
		.seven.columns.email-alerts
		{
		    width: 100% !important;
		    margin: 0 auto 30px !important;
		    clear: both;
		    -webkit-box-sizing: border-box;
	        -moz-box-sizing: border-box;
	        box-sizing: border-box;
		    }
		
		.billboard 
		{
		    margin-bottom: 20px;
		    }
		.billboard h1,
		.footer h2 
		{
		    margin-top: 0;
		    font-size: 32px;
            line-height: 32px;
		    }
		.billboard p 
		{
		    font-size: 22px;
            line-height: 22px;
            margin: 20px 0 20px 0;
		    }
		
		ul.top-menu 
		{
		    width: 100%;
		    -webkit-box-sizing: border-box;
	        -moz-box-sizing: border-box;
	        box-sizing: border-box;
		    }
		ul.top-menu li
		{
		    padding: 0;
		    margin: 10px 0;
		    text-align: center;
		    }
		    ul.top-menu li a 
		    {
		        padding: 15px 1px;
		        }
		ul.top-menu li:last-child 
		{
		    width: 100%;
		    -webkit-box-sizing: border-box;
	        -moz-box-sizing: border-box;
	        box-sizing: border-box;
		    }
		    ul.top-menu li:last-child a 
		    {
		        width: 100%;
		        padding: 10px 0;
		        margin: 10px 0;
		        }
		.sign-up h3 
		{
		    font-size: 22px;
		    }
		.sign-up form input[type="text"] {
            margin: 10px 0 0 0;
            }
        .divider-header,
        .divider-header::before,
        .divider-header::after 
        {
            border: none;
            background: transparent;
            }
        .footer ul.top-menu
        {
            width: 100%;
            }
            .footer ul.top-menu li 
            {
                float: left !important;
                margin-right: 20px;
                width: auto;
                }
            ul.attorneys li,
            ul.county li 
            {
                font-size: 15px;
                }
        .content img 
        {
            width: 100%;
            clear: both;
            }
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/