﻿@font-face {
    font-family: 'Knowledge';
    src: url('/stylesheets/fonts/Knowledge-Regular.eot');
    src: url('/stylesheets/fonts/Knowledge-Regular.eot?#iefix') format('embedded-opentype'),
        url('/stylesheets/fonts/Knowledge-Regular.woff2') format('woff2'),
        url('/stylesheets/fonts/Knowledge-Regular.woff') format('woff'),
        url('/stylesheets/fonts/Knowledge-Regular.ttf') format('truetype'),
        url('/stylesheets/fonts/Knowledge-Regular.svg#Knowledge-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {margin:0; font-family:Arial, Helvetica, sans-serif;color:#333333;}
.hide { display: none;}
#outer-container {
    background: #fff;
    border-top: 5px solid #003366;
    width: 100%;
}
#container {margin: 0 auto;width: 1024px;padding: 0;color:#333;}
#header-container {
    background: #fff;
    margin: 0 auto;
    width: 1024px;
}
#header {
    height: 111px;
}
#header #findlawlogo {float:left;width:18%;margin-top:30px;padding-left:10px;}
#header #headerright {float:right;width:79%;height:90px;margin:10px 0 0 0;}
#header #trlogo {float:right;width:60%; text-align:right;margin-top:35px;padding-right:10px;}
#header #findlawadminlogo {float:right;width:40%; text-align:right;margin-top:25px;padding-right:10px;}

/*privacy policy */
.privacyPolicy {
    background-color: #555;
    border-color: #111;
    border-radius: 0;
    bottom: 0;
	color: #fff;
	display: none;
	left: 0;
    margin-bottom: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1200;
}
.card-block {
	padding: 1.25rem;
}
.card-blockquote {
	background: transparent;
    border-left: 0;
    margin: 0;
	padding: 0;
}
.privacyPolicy button {
    position: absolute;
    right: 10px;
    top: 10px;
	margin: 0;
    line-height: inherit;
    border-radius: 0;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    color: #eee;
    text-shadow: 0 1px 0 #fff;
    opacity: .4;
}
.privacyPolicy a:hover {
	color: #f6891f;
}
.close:hover {
	color: #fff;
	opacity: 1;
}
#navbar {
    background: #C7C2B1; /* Old browsers */
    background: -moz-linear-gradient(top, #C7C2B1 0%, #b9b5a7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #C7C2B1 0%,#b9b5a7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #C7C2B1 0%,#b9b5a7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C7C2B1', endColorstr='#b9b5a7',GradientType=0 ); /* IE6-9 */
    height: 30px;
    margin: 0 auto;
}

.jqmWindow3 {display:none;position:fixed;top:30%;left:50%;margin-left:-300px;width:600px;background-color:#fe9202;color: #fff;border: 1px solid #fff;padding:0px;}
#feedbackmodal h2 {color:#fff;font-size:1.6em;z-index:9999}

#feedbackmodal {background:#fe9202 url(/images/feedback-bg.gif) no-repeat 0 0px;padding:10px 30px 10px 30px;}
#feedbackmodal  .feedbackleft {float:left;margin-bottom:10px;text-align:right;padding-right:20px;width:220px}
#feedbackmodal  .feedbackright {float:left;margin-bottom:10px;width:300px;}
#feedbackmodal .modalerror {font-weight:bold;color:#fff !important}
#feedbackmodal A {color:#fff !important;}
#feedbackmodalouter #close {text-align:right;width:100%}
/* Feedback */
#feedbackbutton {position:fixed; bottom:0;right:0;text-align:right;z-index:10;}

/* A col */


#navbar #nav {margin:0 auto;width:960px}
#navbar #nav ul {margin:0;padding:0;float:left;}
#navbar #nav li {display:inline;float:left} 
#navbar #nav ul li a {display:block;height:30px;overflow:hidden;}
#navbar #nav ul li a {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9c9785+0,7c7561+100 */
    /*background-image:url(/images/nav-learn.gif)*/
    background: #9c9785; /* Old browsers */
    background: -moz-linear-gradient(top, #9c9785 0%, #7c7561 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #9c9785 0%,#7c7561 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #9c9785 0%,#7c7561 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-right: 1px solid #2d291c;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9785', endColorstr='#7c7561',GradientType=0 ); /* IE6-9 */
    line-height: 30px;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
#navbar #nav ul li a:active, #navbar #nav ul li a:hover, #navbar #nav ul li a.selected {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5b5540+0,2d291c+100 */
    background: #5b5540; /* Old browsers */
    background: -moz-linear-gradient(top, #5b5540 0%, #2d291c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5b5540 0%,#2d291c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5b5540 0%,#2d291c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-right: 1px solid #fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5540', endColorstr='#2d291c',GradientType=0 ); /* IE6-9 */
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    /*background-position:-168px 0;*/
}
   #navbar #nav ul li a#navforms {background-image:url(/images/nav-forms.gif);width:112px;}
#navbar #nav ul li a#navforms:active, #navbar #nav ul li a#navforms:hover, #navbar #nav ul li a#navforms.selected {background-position:-112px 0;}
#navbar #search {
    position: absolute;
    background: #FFBA33;
    padding: 0 20px 10px;
    right: 9%;
    margin-top: -8px;
    border: 1px solid #EB8F08;
}
#navbar #search {
    float: right;
}
#navbar #search .search-text, #navbar #search .search-button {
    float: left;
}
#navbar #search .search-button {
    position: relative;
}
    #navbar #search .search-button input {
        border-collapse: collapse;
        border: 1px solid #fff;
        background: #EA8C05;
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        margin-left: 5px;
        text-align: center;
        text-transform: uppercase;
        -webkit-appearance: none;
        -moz-appearance: none;
        position: relative;
        top: 14px;
    }
#navbar #search .searchinput {border:1px solid #EB8F08;font-size:1.2em;height:18px;margin:13px 0 0 15px;padding-left:4px;padding-top:1px;width:188px;}
#navbar #search .searchbutton {}
#underlayadmin {background: url(/images/body-mid-underlay-admin-bg.png) repeat-y 0 0;}
#outer-mainbody-admin {background: url(/images/body-mid-admin-bg.png) no-repeat 0 0;}
#mainbody { 
    margin-top: 18px;
}
#mainbodyadmin {background: url(/images/body-top-admin-bg.png) no-repeat 0 0;padding:0px 0 0px 20px;}
#mainbodyfooter {
    height: 30px;
    padding: 0px 0 0px 20px;    
} /* radius white*/
#mainbodyfooteradmin {height:30px;background: url(/images/body-bottom-admin-bg.png) no-repeat 0 0;padding:0px 0 0px 20px; }
#mainbodyadmin h2 {font-size:1.2em;}
#mainbodyadmin #breadcrumbadmin {margin-bottom:20px}
#homecontent, #subcontent {
    display: table;
    width: 100%;
}
#homemain, #subpage {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
    display: table-cell;
    height: 1130px;
    padding: 20px 10px 50px;
    position: relative;
    width: 70%;
    z-index: 10;
}
#subpage {
    border-right: none;
    height: auto;
    margin-top: 10px;
    padding-bottom: 20px;
    width: auto;
}
.invisible{display:none;}
#homemain #rotator .rotatorinstance {height:135px;width:340px;padding-left:280px;padding-right:20px}
#homemain #rotator .rotatorinstance h2 {margin:0px 0 0 0px;padding-top:10px;font-size:1.6em;margin-bottom:5px;}
#homemain #rotator .rotatorinstance p {margin:0px 0 0 0px;}

#homemain #homemainsplit {width: 100%}

#homemain #homemainsplit #homemainsplitleft {float:left;width:65%; padding-right: 10px;}
    #homemain #homemainsplit #homemainsplitright {
        float: left;
        width: 33%;
    }

    #homemain #homemainsplit #homemainsplitleft #findalawyer,
    #homemain #homemainsplit #homemainsplitleft #whatsnew {
        margin-top: 10px;
        width: 100%;
        /*background: url(/images/find-a-lawyer-bg.png) repeat-y 0 0;*/
    }
    #findlawyertabs, #whatsnewtabs {
        background: #fff;
        margin: 0;
        padding: 15px 0 7px;
        border: 1px solid #e5e5e5;
        border-top: none;
        border-radius: 0 0 5px 5px;
    }
    #learn {
        background: #fff;
        margin-top: 10px;
    }
    #learnWrapper {
        border: 1px solid #e5e5e5;
        border-top: none;
        border-radius: 0 0 5px 5px;
    }
/* blue header #003466 */
#homemain #homemainsplit #homemainsplitleft h2.find,
#homemain #homemainsplit #homemainsplitleft h2.whatsnew,
#homemain #homemainsplit #homemainsplitright #learn h2 {
    border-radius: 5px 5px 0 0;
    background-color: #003466;
    color: #fff;
    font-family: 'Knowledge Regular', Arial, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    margin-bottom: 0;
    padding: 5px 5px 5px 10px;
    text-transform: uppercase;
}
#homemain #homemainsplit #homemainsplitleft #findalawyer LABEL, .browse LABEL, #searchagain LABEL {color:#003366;font-weight:bold;font-size:0.9rem;}
	#findalawyer LABEL SPAN, .browse LABEL SPAN, #searchagain LABEL SPAN {color:#333;font-weight:normal;}
	#findalawyer .findalawyerinput {border:1px solid #CCCCCC;color:#666;font-size:1.3em;height:25px;margin:5px 0 0px;padding:2px 0 3px 6px;width:98%;}
	#findalawyer .findalawyerinputwide {border:1px solid #CCCCCC;color:#666;font-size:1.3em;height:25px;margin:5px 0 0px;padding:2px 0 3px 6px;width:98%;margin-bottom:10px}
	#findalawyer #findalawyerleft,
	#findalawyer #findalawyerright{float:left;width:48%;padding:0px 0px 10px 0;}
    #findalawyer #findalawyerleft { margin-right: 8px; }
    .browse .findalawyerinputwide { border: 1px solid #CCCCCC; color: #666; font-size: 1.3em; height: 25px; margin: 5px 0 0px; padding: 2px 0 3px 6px; width: 600px; margin-bottom: 10px; }

    .findalawyersubmit { width: 100%; height: 50px; margin: 0px 10px 0 0; padding-top: 10px; border-top: 1px dotted #ccc;}
	#searchagain .findalawyersubmit {width:280px; margin-left:0;}
	.findalawyersubmit .lawyerchoice {float:left;width:130px}
	.findalawyersubmit .lawyersubmit {float:right;text-align:right;width:150px;margin-top:15px;}
	.findalawyerwide {width:600px;margin-left:10px;}
	.findalawyersubmit .lawyersubmit input {padding:0 5px 3px 0;text-align:right;}

	#findalawyer #findlawyertabs .browse {float:left;width:49%}
	#findalawyer #findlawyertabs .browse h3 {font-size:1.0em;color:#003366}
	#findalawyer #findlawyertabs .browse UL {margin:0;padding:0}
	#findalawyer #findlawyertabs UL LI {margin:0;padding:0;height:25px;}
	#findalawyer #findlawyertabs #browsebylocationhome ul	{	list-style:none;margin:0;padding:0}
	#findalawyer #findlawyertabs #browsebylocationhome li {float:left;width:79%;margin:0;padding:0;line-height:1.8em;}
    #findalawyer #findlawyertabs #browsebylocationhome li:nth-child(even) {
        width: 19%;
    }


#homemain #homemainsplit #homemainsplitleft #whatsnewfooter,
#homemain #homemainsplit #homemainsplitleft #findalawyerfooter,
#homemain #homemainsplit #homemainsplitleft .lawswitchbody {
    padding: 0 10px;
}
#homemain #homemainsplit #homemainsplitleft .lawswitchbody > div {
    margin-bottom: 10px;
}
#homemain #homemainsplit #homemainsplitleft .lawswitchbody input[type=button], #findlawyertabs .tabs-container .findalawyersubmit input[type="submit"] {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f79d02+0,f79d02+50,ea8c05+51,ea8c05+100 */
        background: rgb(247,157,2); /* Old browsers */
        background: -moz-linear-gradient(-45deg, rgba(247,157,2,1) 0%, rgba(247,157,2,1) 50%, rgba(234,140,5,1) 51%, rgba(234,140,5,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, rgba(247,157,2,1) 0%,rgba(247,157,2,1) 50%,rgba(234,140,5,1) 51%,rgba(234,140,5,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, rgba(247,157,2,1) 0%,rgba(247,157,2,1) 50%,rgba(234,140,5,1) 51%,rgba(234,140,5,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79d02', endColorstr='#ea8c05',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        border-radius: 5px;
        border-collapse: collapse;
        border: none;
        font-size: 0.9rem;
        color: #fff;
        display: block;
        text-transform: uppercase;
        text-align: center;
        padding: 0 10px;
        height: 30px;
        margin-top: 10px;
    }
    #homemain #homemainsplit #homemainsplitleft .lawswitchbody input[type=button]:hover, #findlawyertabs .tabs-container .findalawyersubmit input[type="submit"]:hover {
        cursor: pointer;
    }
#homemain #homemainsplit #homemainsplitleft #whatsnew table {
        width: 100%;
        border: 0;
        padding: 0 10px
    }
#homemain #homemainsplit #homemainsplitleft #whatsnew TABLE TH {text-align:left;}

#homemain #homemainsplit #homemainsplitleft #whatsnew TABLE TR.altrow {background-color:#F5F5F5}
#homemain #homemainsplit #homemainsplitleft #whatsnew TABLE TD {padding:5px 10px 5px 0;font-size:0.9em;}

#homemain #homemainsplit #homemainsplitright #learnbody {
    margin: 0 10px 5px 10px;
}
#homemain #homemainsplit #homemainsplitright #learnbody UL {padding:0;margin:0;}
#homemain #homemainsplit #homemainsplitright #learnbody UL LI {list-style:none;margin:0;padding:0}
#homemain #homemainsplit #homemainsplitright #learnbody .moreabout {text-align:right;font-weight:bold;}
#homemain #homemainsplit #homemainsplitright #lifeevents h2 {font-size:1px;color:#036;font-weight:normal;background:url(/images/life-events-header.png) no-repeat 0 0; padding:5px 0 0 10px;height:30px}
#homemain #homemainsplit #homemainsplitright #lifeevents {
    margin-top: 10px;
    width: 210px; /*background:url(/images/learn-bg.png) repeat-y 0 0;*/
}
#homemain #homemainsplit #homemainsplitright #lifeevents p {margin-left:7px;font-weight:bold;}

#homemain #homemainsplit #homemainsplitright #lifeevents .lifeeventteaser {margin:10px 0 10px 0;width:200px;border:1px solid #999;}
#homemain #homemainsplit #homemainsplitright #lifeevents ul {margin:0 0 0px 4px;padding:0}
#homemain #homemainsplit #homemainsplitright #lifeevents ul li {margin:0 0 15px 0;list-style:none;border:1px solid grey; width:200px;height:133px}
#homemain #homemainsplit #homemainsplitright #lifeevents ul li a {	display:block; position:relative; color:#fff;text-decoration:none;}

#homemain #homemainsplit #homemainsplitright #lifeevents ul li a:hover{	text-decoration:none;	border-color:#0085cc;}
#homemain #homemainsplit #homemainsplitright #lifeevents ul li a:hover span{background:url(images/bg-title-hover.png);}
#homemain #homemainsplit #homemainsplitright #lifeevents ul li span{position:absolute;top:0;left:0;padding:2px 4px 4px;background:url(images/bg-title.png);}

#homemain #homemainsplit #homemainsplitright h3 {font-size:0.9em;color:#333;padding:10px 0 5px 0px;font-weight:bold; text-transform:uppercase;border-bottom:1px dotted #ccc}
#homemain #homemainsplit #homemainsplitright h3 a {color:#036;}
#homemain #homemainsplit #homemainsplitright h3 a:hover {color:#f6891f;}


#sidebar {
    border-radius: 0 5px 5px 0;
    display: table-cell;
    vertical-align: top;
    width: 30%;
}
    #sidebar > div {
        background: #FDFCF6;
        border-radius: 0 5px 5px 0;
        box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
        padding: 10px 10px 20px;
        position: relative;
        top: 20px;
        z-index: 1;
    }
#sidebar #welcome {margin:12px 12px 20px 12px;}
#sidebar h1 {font-size:1.2em;font-weight:bold;color:#003366; border-bottom:1px dotted #ccc}

#sidebar .shadebox {
    background-image: repeating-linear-gradient(-45deg,#efefef,#efefef 2px, transparent 2px, transparent 4px /* determines size */ );
    /*background:url(/images/sidebar-shade-bg.png) no-repeat 0 0;*/
    box-shadow: 8px 0 6px -6px black;
    min-height: 40px;
    border-bottom: 1px solid #E9E7D6;
    border-top: 1px solid #E9E7D6;
    margin: 0 0 10px 0;
    padding: 7px 0;
    box-shadow: -8px 0 8px -8px #ccc;
    border-left: 1px solid #E9E7D6;
    border-right: 1px solid #E9E7D6;
}
#sidebar .shadebox .shadeboxleft {float:left;width:41px;padding-left:10px;}
#sidebar .shadebox .shadeboxright {float:left;width:260px;}
#sidebar .shadebox .shadeboxright h2 {font-size:0.95em;margin-bottom:0px;text-transform:uppercase;}
#sidebar #mediarec h2 {font-size:1.2em; margin-bottom:13px;color:#003366;}
#sidebar #mediarec { width:302px; padding: 10px 0 15px 11px;margin:20px 0 0 0;border-top:1px solid #E9E7D6; margin: 0 auto;}

#sidebar .shadebox .shadeboxleft a.icon {display:block;height:31px;line-height:800%;margin:0 10px 0 0;overflow:hidden;width:30px;}
#sidebar .shadebox .shadeboxleft a.icon:hover {background-position:-31px 0;}

#searchicon a.icon {background:url(/images/icon_glass.gif) 0px 0px;}
#learnicon a.icon {background:url(/images/icon_bulb.gif) 0px 0px;}
#tickicon a.icon {background:url(/images/icon_tick.gif) 0px 0px;}
#newslettericon a.icon {background:url(/images/icon_newsletter.gif) 0px 0px;}

#sidebar #placement {margin-left:8px}

#footercontent a {
    color: #036;
}

#footercontent a:hover {
    color: #f6891f;
}

#footerbottom {
    height: 8px; /*background: url(/images/footer-bottom-bg.png) no-repeat 0 0;*/
    padding-bottom: 25px;
}
/* radius brown */
#footercontent #fdetails {
    border-bottom: 1px dotted #666;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: right;
    width: 100%;
}
#footercontent #fdetails a {color:#7E7863 !important;font-weight:bold; font-size:.9em}
#footercontent #fdetails a:hover {color:#F6891F !important;}
#footercontent #footercontentleft {
    background: #D1CCB8;
    border-radius: 4px;
    float: left;
    width: 550px;
    margin-left: 40px;
    padding: 20px;
    width: 550px;
}
#footercontent #footercontentright {float:right;width:350px;text-align:center;padding-top:0px;}

#footercontent #footercontentleft h4 {font-size:0.8em;float:left;width:20%;text-transform:uppercase;margin:5px 0 10px 0;padding:2px 0 5px 0;height:11px;}
#footercontent #footercontentleft ul {width:80%; margin:5px 0 10px 0;padding:1px 0 5px 0;float:left;}
#footercontent #footercontentleft ul li {color:#7E7863;display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
#footercontent #footercontentleft ul li a{font-size:0.85em;color:#7E7863;text-decoration:none;}
#footercontent #footercontentleft ul li a:hover{color:#7E7863;text-decoration:underline;}
#footercontent #copyright {
    clear: both;
    padding-top: 10px;
    padding-bottom: 5px;
    color #999;
    font-size: 0.85em;
    border-top: 1px dotted #666;
}

#footerlinks {float: left;min-height: 200px;}
#findalawyerright ul {margin:0;padding:0}

/* Autocomplete */
.autocomplete_completionListElement {z-index:9999;font-size:1.1em;font-weight:normal;	visibility : hidden;	margin : 0px !important;	background-color : transparent !important;	color : #666;	cursor : 'pointer' !important;text-align : left;   list-style-type : none;padding:0 !important}
.autocomplete_highlightedListItem {	background-color: #036;	color: #fff;	padding: 5px 5px 5px 15px  !important;cursor : 'pointer' !important;border-bottom:1px solid white;border-left:1px solid white;border-right:1px solid white;}
.autocomplete_listItem {	background-color : #f6891f;	color :white;	padding : 5px 5px 5px 15px !important; border-bottom:1px solid white;border-left:1px solid white;border-right:1px solid white;}
/* End Autocomplete */

/* jqmodal expando */
div.jqmNotice {display: none;	z-index:4;position: relative;	width: 100%;  background:#FFFFff url(/elemental/images/note_icon.png) 5px 5px no-repeat;  padding: 0;}
div.jqmNoticeInstance {	display: none;	position: relative;  padding: 0;}
/* End jqmodal expando */
#shortlist {width: 100%; }
 .pager ul {display:inline;margin:0;padding:0}
 .pager a {text-decoration:none;}
 .pager a.selected {color:#003366 !important}
 .pager li {display:inline-block; padding:0 4px;font-weight:bold;font-size:1.1em;} 
 .pager li span {color:#ed008c}

#shortlist h2 {margin:0;font-size:1.2em;color:#003366}
#shortlist h3 {font-size:1.0em;color:#999;font-weight:normal;margin:0;}
#shortlist h3 span {font-weight:bold;}
#shortlist h4, #subpage .enhancedlisting h4 {text-align:right;font-size:1.0em;color:#999;font-weight:normal;margin:0;padding:0}
#shortlist h4, #subpage .enhancedlisting h4 span {font-weight:bold;color:#003366}
#shortlist .normallisting {
    width: 100%;
}
#shortlist .normallisting .normallistingleft {
    float: left;
    width: 67%;
    padding-left: 10px
}
#shortlist .normallisting .normallistingright {float:right;text-align:right;width:28%;margin-top:10px;padding-right:10px;}

 .enhancedlisting { display:table;border:2px solid #969696;border-radius:8px}
 .enhancedlistingheader {display:table-row;vertical-align:middle;}
 .enhancedlistingdivider {border-left:2px solid #969696;min-height:140px;padding: 0 0 0 20px;}
 .enhancedlisting h2 { margin:0}
 .enhancedlisting h3 {margin:0}
 .enhancedlisting .enhanceddescription {min-height:110px}
 .enhancedlisting .enhancedlistingleft {display:table-cell;width:150px;min-height:120px;height:140px;padding:0 10px;text-align:center;vertical-align:middle;} 
 .enhancedlisting .enhancedlistingleft img {height: auto; width: 180px;}
 .enhancedlisting .enhancedlistingright {display:table-cell;width:440px;min-height:140px;padding:10px;} 
 .enhancedlisting .enhancedlistingright .enhancedlistingctas {float:left;width:200px;font-weight:bold;} 
 .enhancedlisting .enhancedlistingright .enhancedlistingcontact {float:right;width:200px;} 
 .divider {border-top:1px solid #003366; margin:10px 30px 0px 30px;height:10px;}
 .updateProgress {	position: absolute;	background-color: #fff;	filter: alpha(opacity=70);	MozOpacity: 0.7;	opacity: 0.7;	padding: 0px;	margin: 0px;}
 .updateProgress div{	background-color: white;	padding: 4px;	position: absolute;	top: 5%; left: 40%;}

#firmdetail {width:620px;margin-top:15px;}
#subpage #firmdetail h1 {border-bottom:0px ;padding-bottom:0px;margin-bottom:0;color:#003366;font-size:1.6em;}
#subpage #firmdetail h2 {border-bottom:2px solid #969696 ;padding-bottom:5px;color:#999}
.popupmsg {
  background: #363123;
  border: 1px #2f2b1e solid;
  display:none;
  position:absolute;
  z-index:10;   
  width:208px;
  height:50px;
  text-align:center;
  color:#ffffff;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
}
.popupmsg p {margin:4px 0 12px 0;padding:0;}
#firmdetail #contactdetails {border-bottom:2px solid #969696;padding-bottom:10px;margin-bottom:20px;position:relative;}
#subpage .contactlabel {float:left;text-align:left;width:120px;color:#666666;font-weight:bold;padding-left:10px;}
#subpage .contactinfo {float:left;width:230px;color:#003366;font-weight:bold;}
#firmdetail #contactdetails #contactdetailsleft {float:right;line-height:2.4em;width:430px;text-align:left;padding-right:0px;}
#firmdetail #contactdetails #contactdetailsright {float:left;width:180px;text-align:center;padding-right:0px;border-right:2px solid #969696}
#firmdetail #detailtabs .makeanenquiry  {text-align:center;width:100%;}
#firmdetail #detailtabs ul.twocol {list-style:disc;position:relative}
#firmdetail #detailtabs ul.twocol li {
    list-style: disc inside !important;
    float: left; 
    line-height: 1.7em;
    width:45%;
}

#firmdetail .contactleft {float:left;width:140px;text-align:right;font-weight:bold;padding-top:5px;}
#firmdetail .contactval {float:left;width:20px; text-align:center}
#firmdetail .contactval SPAN {color:#FF9100;font-weight:bold;}
#firmdetail .contactright {float:left;width:400px;text-align:left;padding-top:5px;}
#firmdetail .contactright input, #firmdetail .contactright textarea { width: 98%; }
#firmdetail .contactright input[type="image"] { width: auto; }
#subpage h1 {border-bottom:1px solid #E1E2E3;color:#003366;padding-bottom:5px;margin-bottom:15px;margin-right:20px;font-size:2em !important;width:100%;}
#subpage h2 {
    font-size: 1.0em;
    color: #003366;
}
#firmdetail #plcLawSwitch {
    position: relative;
}
#firmdetail .plcLawSwitch {
    width: 100%;
}
#firmdetail .btnChatNow {
    height: 31px;
}

#subpage .searchheader,  #subpage .searchheaderfaq {border-bottom:#e1e2e3 dotted 1px;height:30px;font-size:1.0em;padding:5px 0 2px; width:100%;}
#subpage .searchheaderarticle, #subpage .searchheadernews { clear: both; overflow: hidden; border-bottom: #e1e2e3 dotted 1px; margin-top: 10px;}
#subpage .searchheadernews h2, #subpage .searchheaderarticle h2 { clear: both; float: left; height: 25px; width: 75%; line-height: 25px; padding-left: 10px; }
#subpage .searchheader h2 {float:left;width:76%;font-style:normal;font-weight:bold;font-size:1.0em;;color:#003366;padding:5px 0 0 10px;}
#subpage .searchheaderfaq h2 {float:left;width:210px;font-style:normal;font-weight:bold;font-size:1.0em;;color:#003366;padding:5px 0 0 10px;}
#subpage .numberresults {
    float: left;
    width: 100px;
    padding: 5px 0 0 0;
    height: 25px;
}
#subpage .viewmore {
    float: right;
    height: 25px;
    text-align: right;
    width: 90px;
    padding: 5px 10px 0 0;
}
#subpage #searchresults h3 {font-size:1.0em; color:#003366;margin-bottom:0;}
#subpage #searchresults h4 {margin:0;padding:0;font-size:0.9em;font-weight:normal;}
#subpage #searchresults p {margin:0;padding:0;}
#subpage #searchresults #bodycopy p {margin-bottom:10px;}

#subpage #searchresults .resultinstance {margin-bottom:10px;}
#subpage #searchresults .resultinstance h4.address {color:#969696; font-weight:bold;}
#subpage .bannerNonLife, #subpage #searchresults { margin-top: 20px }

#subpage .browse {
    border-radius: 5px;
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
    margin: 10px 0 0;
    padding-bottom: 10px;
    width: 100%;
}
#subpage .browse h2, #searchagain h2, #lifeeventpage #topiccentre #lifeeventctabox h2, #subpage .find h2 {
    background: #003366;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    text-transform: uppercase;
}
#subpage .browse h3 {font-size:1.1em;color:#036; font-weight:bold;margin:0 0 2px; padding:8px 5px 5px 10px;}
#subpage .browse #browsesubheader {background:url(/images/browse-subheader.png) no-repeat 0 0;height:36px;}
#subpage .browse TD {width:310px;padding-bottom:10px;}
#subpage .browse  a.learnmore {margin-left:20px;font-weight:bold;}
#browsesubheader .profilebrowser {width: 630px;margin: 0 0 20px 10px; padding: 5px 0 0 0;}
#browsesubheader .profilebrowser li {margin: 0 0 0 0px;	padding: 7px;	list-style-type: none;display: inline;}
#browsesubheader .profilebrowser span {font-weight:bold;}
#browsesubheader .profilebrowser li a {	padding: 0 0px 0 0;color:#003366;}

#subpage .browse #browselist {margin-left:10px}
#subpage .browse .browsefirminstance .browsetop {height:60px}
#subpage .browse .browselawyerinstance .browsetop {height:60px}
#subpage .browse .browsefirminstance {float:left;width:210px;background:url(/images/browsebox-footer.png) no-repeat 0 100%;margin-bottom:20px;height:90px;}
#subpage .browse .browsefirminstance h4 {font-size:1.0em;color:#036;font-weight:bold;background:url(/images/browsebox-header.png) no-repeat 0 0;margin:0 0 0px; padding:8px 20px 0px 10px;}
#subpage .browse .browsefirminstance h5 {font-size:1.0em;color:#999;font-weight:normal;margin:0; padding:0 0 0 10px;}
#subpage .browse .browsefirminstance p {text-align:right;margin:0;padding:0 20px 0 0}

#subpage .browse .browselawyerinstance {float:left;width:210px;background:url(/images/browsebox-footer.png) no-repeat 0 100%;margin-bottom:20px;height:90px;}
#subpage .browse .browselawyerinstance h4 {font-size:1.0em;color:#036;font-weight:bold;background:url(/images/browsebox-header.png) no-repeat 0 0;margin:0 0 0 0px; padding:8px 20px 0px 10px;}
#subpage .browse .browselawyerinstance h5 {font-size:1.0em;color:#999;font-weight:normal;margin:0; padding:0 0 0 10px;}
#subpage .browse .browselawyerinstance p {text-align:right;margin:0;padding:0 20px 0 0}

.browse #findbycat LABEL {color:#003366;font-weight:bold;font-size:0.9em;}
.browse #findbycat LABEL SPAN {color:#333;font-weight:normal;}
.browse #findbycat .findalawyerinput {border:1px solid #CCCCCC;color:#666;font-size:1.3em;height:25px;margin:5px 0 0px;padding:2px 0 3px 6px;width:290px;}
	
.browse #findbycat #findalawyerleft,
.browse #findbycat #findalawyerright{float:left;width:310px;padding:0px 0px 10px 0;}
	
	.browse #findbycat {width:640px;margin:0px 0 0 10px;padding-top:10px}
	.browse  .lawyerchoice {float:left;width:230px}
	.browse  .lawyersubmit {float:right;text-align:right;width:150px;margin-top:15px;}
	.browse .findalawyersubmit {width:600px;height:50px;margin:0px 0 0 10px;padding-top:10px;border-top:1px dotted #ccc;}
	.browse .findalawyerwide ul {list-style:none;padding:0;margin:0;}
	.browse .findalawyerwide ul li {line-height:1.6em;float:left;width:33%}
#browsecats li {float:left;width:190px;padding-right:10px;margin-bottom:5px; list-style-type:disc;color:#036;}
#findalawyersubmitrefine {width:100%;margin-top:10px;}
#findalawyersubmitrefine .refinesubmit{float:left;width:49%}
#findalawyersubmitrefine .searchagain{float:right;text-align:right;width:49%;padding-top:7px;}

#searchagain {
    border-radius: 5px;
    margin-top: 0px;
    margin-right: 15px;
    width: 35%;
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
}
#sidebar #searchagain {
    padding-bottom: 10px;
    width: 100%;
}
#refinecategories DIV.correct {margin-left:10px;padding:0px 0 0 0px !important;background:url(/images/icon-tick.jpg) no-repeat 0px 6px;}
#refinecategories DIV.correct TABLE {margin-left:15px}
#searchagain #searchagainfooter{height:7px;background:url(/images/searchagain-footer.png) no-repeat 0 0;}
#searchagain #searchinputs {margin:10px 10px 0 10px;}
#searchagain #searchinputs .findalawyerinput {border:1px solid #CCCCCC;color:#666;font-size:1.3em;height:25px;margin:5px 0 0px;padding:2px 0 3px 6px;width:275px;}

#firmcontent {margin:10px 0 0 10px;}
#firmcontent li {margin-left:20px;}
#contentpage ol {list-style:lower-alpha}
#contentpage ol ol {list-style:lower-roman}

.wizarderror {color:#f6891f; font-weight:bold;margin-bottom:5px;}
.registerlabel, .registerinput.freesub, .registerinput.enhancedsub, .registerinput.lawswitch, .registerinput.topspot, .registerinput.subscription-error {
    float: left;
    width: 180px;
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
    margin-bottom: 10px;
}
.registerinput, .registerlabel.freesub, .registerlabel.enhancedsub, .registerlabel.lawswitch, .registerlabel.topspot, .registerlabel.subscription-error {
    float: left;
    width: 320px;
    text-align: left;
    margin-bottom: 10px;
}
.registerinput.lawswitch, .registerinput.topspot {
    margin-left: 30px;
}
.registerlabel.lawswitch, .registerlabel.topspot {
    font-weight: normal;
}
.registerinput .inputbox {width:320px;}
.registerinput #txtOrgTypeOther, .registerinput #txtOtherJob { width: 250px;}
.registerval {
    float: left;
    width: 20px;
    margin-bottom: 10px;
    color: #f6891f;
    font-weight: bold;
}
 .wizardbuttonleft {float:left;width:49%}
 .wizardbuttonright {float:right;width:49%;text-align:right}
 .registerlabel span {font-weight:normal;color:#999; font-style:italic}
 #lifeeventteaser p {text-align:left;}
 #lifeeventteaser img {text-align:left;padding:0 10px 10px 0}

.frm-register > div {
    clear: both;
}
.frm-register #divTrPrivacyButton {
   
}
#lifeeventpage #topiccentre {
    margin: 20px 0px;
    overflow: hidden;
}
 #lifeeventpage #topiccentre #lifeeventteaser{float:left;width:350px;}
 #lifeeventpage #topiccentre #lifeeventctabox{float:right;width:230px;}

#lifeeventpage #topiccentre #lifeeventctabox #searchagain {margin-top:0px;margin-bottom:10px;width:230px; }
#lifeeventpage #topiccentre #lifeeventctabox #searchagain .findalawyerinput {border:1px solid #CCCCCC;color:#666;font-size:1.3em;height:25px;margin:5px 0 0px;padding:2px 0 3px 6px;width:200px;}
#lifeeventpage #topiccentre #lifeeventctabox #searchagain	.findalawyersubmit {width:200px;height:50px;margin:0px 0 0 10px;padding-top:10px;border-top:1px dotted #ccc;}
#lifeeventpage #topiccentre #lifeeventctabox #searchagain #searchagainfooter{height:7px; }
#lifeeventpage #topiccentre #lifeeventctabox #searchagain #searchinputs {margin:10px 10px 0 10px;}
#lifeeventpage #topiccentre #lifeeventctabox #searchagain #searchinputs .findalawyerinput {border:1px solid #CCCCCC;color:#666;font-size:1.3em;height:25px;margin:5px 0 0px;padding:2px 0 3px 6px;width:200px;}
 
 #lifeeventpage #maincolumnadvert1 {margin-top:20px;}
 #mpuadvert {margin-left:7px;height:250px;}
 #lifeeventpage #maincolumnadvert2 {margin-top:20px;}
 #lifeeventpage #maincolumnadvert3  {margin-top:20px;}
#mpuadvert { margin: 11px 0 0 7px;}
 
 #buttonads {margin-top:30px;width:100%;}
 #buttonads #buttonadleft{ float:left;width:46%;margin-right:15px;}
 #buttonads #buttonadright{ float:right;width:46%;text-align:right;}

 #lifeeventpage #bodycopy1 {border-top:1px solid #999;border-bottom:1px solid #999;padding:0 0 20px 0px;}
 #lifeeventpage #lowerbodycopy {margin-top:20px; margin-bottom:20px}
 #lifeeventpage #lowerbodycopy #bodycopy3 {float:left;width:290px;}
 #lifeeventpage #lowerbodycopy #bodycopy4 {float:right; width:290px;}
 
 #welcome #secondarycategorylist {}
 #welcome #secondarycategorylist ul {margin:0 0 20px 0;padding:0;}
 #welcome #secondarycategorylist ul li {list-style:none;margin:0;padding:0; line-height:1.4em;}
 #welcome #secondarycategorylist ul li span {font-weight:bold}
 #htmlwidget {margin-top:20px;}
#browsebylocation UL {margin:0 0 0 10px;padding:0; }
#browsebylocation UL LI {float:left;width:30%;list-style:none;padding:0;margin:0;line-height:1.6em;}

#browsebycategory UL {margin:0 0 0 20px;padding:0px;display: block;}
#browsebycategory UL LI  {font-weight:bold;list-style:none;margin:0;padding:0}
#browsebycategory UL LI UL  {margin:0px 0 20px 20px;}

#relatedarticles {}

#browsebycategory UL LI UL LI  {float:left;width:45%;font-weight:normal;}

input.glow
{
	border:1px solid #ccc;
}

input.glow:focus
{
	box-shadow: 0 0 10px rgba(246, 137,31, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(246, 137,31, 0.5) !important;
	-o-box-shadow: 0 0 10px rgba(246, 137,31, 0.5);	
	-ie-box-shadow: 0 0 10px rgba(246, 137,31, 0.5);
	-moz-box-shadow: 0 0 10px rgba(246, 137,31, 0.5);
	border-color:rgba(246, 137,31,0.75) !important
}

.glowwhite:focus
{
	box-shadow: 0 0 10px rgba(255, 255,255, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(255, 255,255, 0.5);
	-o-box-shadow: 0 0 10px rgba(255, 255,255, 0.5);
	-ie-box-shadow: 0 0 10px rgba(255, 255,255, 0.5);
	-moz-box-shadow: 0 0 10px rgba(255, 255,255, 0.5);
	border-color:rgba(255, 255, 255 , 0.5) !important
}
#confirm {border:2px dashed #999; padding:10px;margin-bottom:30px; }
#confirm p {color:#003366; font-weight:bold;}
#ctabuttons {width:100%; text-align:center}

/*Glossary */

A.glossaryterm {text-decoration:none !important;border-bottom:1px dashed #036 !important;color:#036 !important;} 

.article UL {margin:0;padding:0;}
.article  LI {margin:0 0 0 30px;}

/*  Google Maps */
#map {
	min-height: 500px;
	width: 95%;
}

@-ms-viewport {
    width: device-width;
}
img.imgProgress  { 
    display: none;
}
.progressbar-container {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
.progressbar {
    counter-reset: step;
    list-style: none;
}
.progressbar li {
    float: left;
    position: relative;
    text-align: center;
    width: 20%;
}
.progressbar li:before {
    background: #fff;
    border: 2px solid #bebebe;
    border-radius: 50%;
    color: #bebebe;
    content: counter(step);
    counter-increment: step;
    display: block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0 auto  10px;
    position: relative;
    width: 30px;
    z-index: 1;
}
.progressbar li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #979797;
    top: 15px;
    left: -50%;
}
.progressbar li:first-child:after {
    content: none;
}
.progressbar li.active:before {
    background: #f6891f;
    border-color: #f6891f;
    color: #fff;
}
.progressbar li.active {
    color: #f6891f;
    font-weight: bold;
}
/* media queries for mobiles */
@media only screen and (max-width: 768px) {
    #container, #header-container, #homecontent, #homemain,
    #sidebar, #homemain #homemainsplit #homemainsplitright,
    #homemain #homemainsplit #homemainsplitleft,
    #navbar #nav, #footercontent #footercontentleft, #footercontent #footercontentright,
    #findalawyer #findalawyerleft, #findalawyer #findalawyerright, #header #findlawlogo,
    #subcontent, #subpage, #lifeeventpage #topiccentre #lifeeventteaser, #lifeeventpage #topiccentre #lifeeventctabox {
        display: block;
        height: auto;
        position: static;
        width: 98%;
        z-index: auto;
    }
    #subpage {
        padding: 20px 8px 50px;
    }
    #navbar {
        height: auto;
    }
    #navbar #nav ul {
        float: none;
    }
    #navbar #nav ul li a {
        font-size: 1em;
        padding: 0;
    }
    #navbar #nav ul li.navhome {
        display: none;
    }
    #navbar #nav ul li.navlearn {
        width: 29%;
    }
    #navbar #nav ul li.navfind {
        width: 33%;
    }
    #navbar #nav ul li.navregister {
        width: 38%;
    }
    #navbar #search {
        clear: both;
        float: right;
        overflow: hidden;
        padding-bottom: 10px;
        position: relative;
        margin: 0;
        right: unset;
    }
    #homemain, #subpage {
        margin-top: 90px;
        width: 95%;
    }
    #findalawyer .findalawyerinput {
        display: block;
    }
    #footercontent #footercontentleft, #footercontent #footercontentright {
        padding: 20px 10px;
        width: 95%;
    }
    #footercontent #footercontentleft h4 {
        font-size: 0.8em;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #footercontent #footercontentleft ul {
        width: 100%;
    }
    #header #headerright, #leaderboard > div, #leaderboard > div iframe,
    #maincolumnadvert1 {
        display: none;
    }
    #sidebar {
        margin: 0 auto;
        width: 100%;
    }
    .tabs-nav a {
        padding: 0 8px 0 0 !important;
    }
    #footercontent #footercontentleft {
        margin-left: 0;
    } 
    #rotator, #homemain #rotator .rotatorinstance {
        background: none !important;
        padding: 0;
        width: 100% !important;
    }
    #mpuadvert {
        margin-left: 0;
    }
    #mpuadvert > div {
        height: auto;
        margin: 0 auto;
        width: 100%;
    }
    #buttonads #buttonadleft > div {
        float: right;
    }
    #sidebar .shadebox .shadeboxright {
        width: 80%;
    }
    #subpage .searchheader, #subpage .searchheaderfaq {
        height: auto;
    }
    #lifeeventpage #topiccentre #lifeeventctabox #searchagain,
    #lifeeventpage #topiccentre #lifeeventctabox #searchagain .findalawyersubmit {
        width: 100%;
        margin: 10px 0 10px 10px;
        padding-bottom: 10px;
    }
    #lifeeventpage #topiccentre #lifeeventctabox #searchagain .findalawyersubmit {
        margin:20px 0 0;
    }        
    #subpage .searchheader h2 {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #shortlist .normallisting .normallistingleft,
    #shortlist .normallisting .normallistingright {
        float: left;
        text-align: left;
        padding: 0 0 0 10px;
        width: 98%;
    }
    #shortlist .normallisting .normallistingright h4 {
        text-align: left;
    }
    #firmdetail, #firmdetail #contactdetails {
        width: 100%;
    }
    #firmdetail #contactdetails #contactdetailsleft {
        line-height: normal;
        width: 50%;
    }
    #firmdetail .contactright {
        width: 100%;
    }
    #firmdetail .contactleft {
        padding-right: 0;
        width: auto;
    }
    #firmdetail #detailtabs {
        overflow: hidden;
    } 
    #subpage .contactinfo,
    #subpage .contactlabel {
        padding: 0;
        width: 100%;
    }
    #subpage .contactinfo {
        margin-bottom: 10px;
    }
    #subpage .contactinfo.website {
        word-break: break-all;
    }
    #subpage h1 {
        clear: both;
    }
    #subpage .browse #findbycat #findalawyerright {
        float: none;
    }
   .browse .findalawyerinputwide {
        width: 97%;
    }
    .browse #findbycat, .browse .findalawyersubmit, #subpage .browse .findalawyerwide {
       width:96%;
   }
    .browse .lawyerchoice, .browse .lawyersubmit{
        float: left;
        width: 50%;
    }
    .browse .findalawyerwide ul li {
        width: 50%;
    }
    #browsebycategory UL {
        margin: 0;
    }
    #browsebycategory UL LI UL LI {
        margin-right: 5px;
        width: 48%;
    } 
    #firmdetail #detailtabs ul.twocol {
        margin: 0;
        padding: 0 0 0 10px;
    }
    #firmdetail #detailtabs ul.twocol li {
        float: none;
        margin: 0 10px 0 0;
        width: 100%;
    }
    .enhancedlisting .enhancedlistingleft,
    .enhancedlisting .enhancedlistingleft img, 
    .enhancedlisting .enhancedlistingright,
    .enhancedlisting .enhancedlistingright .enhancedlistingcontact,
    .enhancedlisting .enhancedlistingright .enhancedlistingctas {
        width: 100%;
    }
    .frm-register .registerlabel {
        float: left;
        text-align: left;
        width: auto;
    }
    .frm-register .registerinput {
        width: 100%;
    }
    .frm-register .registerlabel.marketing {
        float: right;
        width: 90%;
    }
    .frm-register .registerinput.marketing {
        width: 20px;
    }
    .frm-register .registerval {
        display: none;
    }
    .registerinput.lawswitch, .registerinput.topspot {
        margin-left: 0;
    }
@media only screen and (max-width: 320px) {
    #navbar #nav ul li a {
        padding: 0 5px 0 4px;
    }
}
