html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 120px; /* Height of footer + 20px */
}

a {
	color: #0000FF;
}

h2 {
	font-weight: bold;
}

/* Main Structural Styles */

/* Header Styles */
#header {
	background-color: #231384;
	padding: 10px;
	height: 100px;
}

/* Top Menu Styles */
#topmenu {
	background-color: #231384;
	width: 260px;
	float: right;
	clear: none;
	text-align: right;
}

#topmenu ul li {
	display: inline;
	padding: 4px;
	color: #FFFFFF;
	font-size: 1em;
}

#topmenu ul li a {text-decoration: none;}
#topmenu ul li a:link {color: white;}
#topmenu ul li a:visited {color: white;}
#topmenu ul li a:hover {color: #CCCCFF;}
#topmenu ul li a:active {color: white;}
/* End of Top Menu Styles */

#caption {
	position: relative;
	top: 0px;
	left: 34px;
	float: left;
	font-size: 1.4em;
}

#SiteName {
	font-size: 1.8em;
	font-weight: bold;
	color: #FFFFFF;
}

#slogan {
	float: right;
	margin-top: -20px;
	/* margin-right: -220px; /* Width of #topmenu */
	color: white;
	clear: none;
}
/* End of Header Styles */

/* Footer Styles */


#footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 120px;
	background-color: #231384;
	text-align: center;
	margin-top: 48px;
}

#languages {
	margin: 16px;	
}

#copy {
	color: white;
}

#credit, #credit a {
    margin: 15px 0 0 0;
    color: #b8b8ff !important;
    font-size: 12px;
}

#footer a:link {
	color: white;
}

#footer a:visited {
	color: white;
}

#footer a:hover {
	color: #CCCCFF;
}

#footer a:active {
	color: white;
}

/* End of Footer Styles */

/* End of Main Structural Styles */

/* Styles specific to home page */

 #first {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

/* Styles for State Resources */
p.state {
	background-color: #ccccff;
	font-weight: bold;
	margin-top: 4px;
	padding: 4px;
}

p.state_url {
	padding-bottom: 8px;
	padding-left: 16px;
}
/* End of Styles for State Resources */

/* Link Map Styles */
#map {
	/* width: 650px; */
	border: 1px solid gray;
	padding: 4px 8px 8px 8px;
	margin: 8px 0px 24px 0px;
	background-color: #CCCCFF;
}

#map p {
	font-weight: bold;
}

/* End of Link Map Styles */

/* Stats */
div#stats {
	/* width: 600px;
	margin: 40px 0px 0px 0px;
	font-size: 1em; */
}

div#stats h2 {
	margin: 36px 0px 16px 0px;
}

div#stats table {
	width: 100%;
	border-collapse: separate;
	margin-left: 0px;
	margin-bottom: 20px;
}

div#stats th {
	text-align: center;
	color: silver;
	background-color: black;
	padding: 2px;
	border-left: 1px solid white;
}

div#stats td {
	padding: 4px;
	border: 1px solid #ffffff;
}

div#stats td.blank {
	border: none;
}

div#stats th.stathead {
	text-align: center;
}

div#stats th.divide {
	border-right: 1px solid white;
}

div#stats td.owner {
	width: 200px;
}

div#stats td.count {
	width: 100px;
	text-align: right;
	margin: 4px;
	background-color: #CCCCFF;
}

div#stats td.area {
	width: 300px;
	background-color: #CCCCFF;
}

div#stats td.owner {
	width: 300px;
	background-color: #CCCCFF;
}
/* End of Stats */

/* End of Styles specific to home page */

/* Search Box Styles */
.search {
	background-color: #CCCCCC;
	position: relative;
	top: -2px;
	left: -12px;
	margin: 0px 0px 0px 0px;
	padding: 10px 12px 4px 12px;
	border: 1px solid Black;
}

.buffer {
	margin-bottom:72px !important;
}

.group {
	border: 1px solid #B0B0B0;
	margin: 2px 0px 8px 0px;
	padding: 8px;
}

/* Search Form */
form.searchForm label {
	float: left;
	text-align: right;
	margin: 1px black solid;
}

.searchBox {
	margin: 0px 0px 14px 0px;
}
#lawyerForm input.button {
	width: 200px;
	/* margin: 0px 0px 0px 160px; */
}

#lawyerForm input#insBut {
	width: 200px;
}

#lawyerForm label {
	margin-bottom: 4px;
}

#lawyerForm table {
	/* width: 610px; */
}

#lawyerInstructions {
	position: relative;
	top: -2px;
	left: -3px;
	/* width: 625px; */
	margin: 0px;
	padding: 10px 12px 4px 12px;
	display: none;
}

.innerIns {
	margin: 4px;
	padding: 12px;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}

#lawyerInstructions li {
	list-style: none;
}

/* End of Search Form Styles */

/* Tabular Results Styles */
table {
	width: 100%;
	margin: 8px 0px 0px 0px;
	border-collapse: separate;
}

th {
	text-align: left;
	background-color: black;
	color: silver;
	padding: 8px;
	vertical-align: top;
	width: 150px;
	border: 1px solid white;
}

/* Need different link colours for table headers */
th a {text-decoration: none;}
th a:link {color: #feff62;	background-color:black;}
th a:visited {color: #feff62;	background-color:black;}
th a:hover {color: white; background-color: black;}
th a:active {color: #feff62; background-color: black;}
/* End of table header links */

td {
	padding: 4px;
}

.tblleft {
	vertical-align: top;
	background-color: #CCCCFF;
	border: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	/* table-layout: fixed; */
	/* width: 40%; */
}

.tblright {
	vertical-align: top;
	background-color: #CCCCFF;
	border: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	padding: 8px;
}

td.ads {
	border-left: 1px solid white;
}

td > h2 {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 0;
}
/* End of Tabular Results Styles */

/* Autocomplete Stuff */
div.autocomplete {
   /* position:absolute; */
   position: static;
   /* min-width:250px;
	max-width: 500px; */
	max-height: 200px;
	overflow: scroll;
   background-color:white;
   border:1px solid #888;
   margin: 0px 20px 0px 1px;
   padding:0px;
}
div.autocomplete ul {
   list-style-type:none;
   margin:0px;
   padding:0px;
}

div.autocomplete ul li.selected { background-color: #ffb;}

div.autocomplete ul li {
   list-style-type:none;
   display:block;
   margin:0;
   padding:2px;
   /* height:32px; */
   cursor:pointer;
}
/* End of Autocomplete Stuff */

.mark {
	background-color: #FFFFFF;
}

/* Brand Page styles */
/* Styles for instructions box */
#bTemplate {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 4px;
}

/* Category Page Styles */
.pageNav {
	width: 100%;
	border: 1px solid gray;
	padding: 4px 12px;
	margin: 8px 0px 0px 0px;
	clear: both;
}

.navHead {
	font-weight: bold;
}

.navHead > a {
	line-height: 1.2em;
}

.current {
	font-size: 1.2em;
	font-weight: bold;
}
/* End of Category Page Styles */

/* Brand FAQ Styles */
.question {
	font-weight: bold;
}

.answer + ol>li{
	margin: 0px 0px 10px 20px;
}

.note {
	margin: 20px 15px;
	border: 1px solid gray;
	padding: 10px;
	background-color: #CCCCFF;
}

.note > p {
	color: black;
	font-weight: bold;
}

.note ol > li {
	margin-bottom: 10px;
}

/* End of Brand FAQ Styles */

/* "Items You May Like" */
#like {
	margin-top: 24px;
	/* border: 1px solid black; */
}

#like table {
	/* width: 800px; */
	/* margin-left: 24px; */
}

#like td {
	border: 1px solid gray;
	font-size: 0.8em;
	background-color:#e3e3e3;
}
/* End of "Brands You May Like" */

/* Main body styles */
#bodycontent h1 {
	margin: 20px 0px;
}

#bodycontent h2 {
	margin: 12px 0px;
}

#bodycontent p {
	margin: 8px 0px;
}

#bodycontent ol {
	margin-left: 20px;
}

.alert {
	color: black;
	background-color: #ff9999;
	border: 1px solid #ff3e3e;
	padding: 4px;
	text-align: center;
	width: 600px;
	margin: auto;
}

.reverse {
	unicode-bidi: bidi-override;
	direction: rtl;
}

.link {
	clear: both;
	width: 600px;
	padding-top: 10px;
}

.marker {
	clear: both;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
/* End of "Items You May Like" */

/* Social networking link styles */

#social {
	/* position: relative; */
	margin: 16px 0px 82px 0px;
}

#twitter {
	display: inline;
	float: left;
}

#plusone {
		display: inline;
		float: left;
		margin-left: 12px;
}

#fbook {
	display: inline;
	float: left;
	margin-left: 12px;
}

#post {
	display: inline;
	float: right;
	margin-left: 12px;
}

div.clear {
	clear: both;
}
/* End of Social networking link styles */

/* Extra text */
.abstract {
	border: 1px solid #CCCCCC;
	margin: 12px 0px 8px 0px;
	padding: 2px 16px 8px 8px;
	font-size: 10px;
	background-color: #CCCCFF;
	float: left;
}

.smallAbstract {
	border: 1px solid #CCCCCC;
	margin: 12px 22px 8px 16px;
	padding: 2px 16px 8px 4px;
	background-color: #CCCCFF;
	font-size: 0.7em;
	font-weight: bold;
	float: left;
}

div.smallAbstract p {
	font-size: 4px;	
}

.tech {
	padding: 6px 0px 0px 0px;
}
/* End of Extra Text */

/* Testimonial Styles */
.testimonial {
	margin-bottom: 10px;
	padding: 8px;
}

p.tHeader {
	font-weight: bold;
	background-color: #DDDDDD;
	padding: 8px;
	border: 1px solid gray;
}

.testimonial .tEmail {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	line-height: 0.5em;
}

.tRequest {
	border: 1px solid gray;
	margin-bottom: 10px;
	padding: 4px;
	background-color: #f0e68c;
}

.tAnswer {
	border: 1px solid gray;
	margin-bottom: 10px;
	padding: 4px;
	background-color: #CCCCFF;
}

.quoting {
	font-weight: bold;
}
/* End of Testimonial Styles */

form .button {
	margin: 12px 0px 12px 0px;
}

/* RSS styles */
#rss-vert {
	margin: 8px 0px 0px 0px;
	width: 172px;
	border: 1px solid #808080;
	overflow-x: auto;
}

.rss-horiz {
	background-color: #f3f3f3;
	margin: 24px 0px 24px 0px;
	border: 1px solid #808080;
	overflow-x: auto;
}

.rss-head {
	background-color: #ccccff;
   border-bottom: 1px solid #808080;
   padding: 4px;
   color: #333333;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 110%;
}

.rss-item {
	background-color: #f3f3f3;
   border-bottom: 1px solid #808080;
   padding: 4px;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 12px;
   line-height: 110%;
   color: #000;
}

.rss-item-horiz {
   border-top: 1px solid #808080;
   padding: 4px;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 12px;
   line-height: 110%;
   color: #000;
}

.rss-title-link {
	margin: 0px;
}

.rss-link {
	text-decoration: underline;
	color: #000;
	font-weight: bold;
}

.rss-summary {
	color: #333333;
	font-size: 10px;
	line-height: 100%;
	margin: 4px 0px;
}

.enter-text {
	text-align: center;
	font-weight: bold;
	margin: 24px !important;
}

.subtitle {
	margin: 0px !important;
	font-weight: bold;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
 #loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #000;
   z-index: 99;
   text-align: center;
}

#loading-image {
  position: absolute;
  top: 50%;
  left: 45%;
  z-index: 100;
	display:inline-block;
}
@media only screen 
  and (max-width: 768px) {
		#loading {
   max-width:768px;
	 left:0px;
		}
	
	#loading-image {
		left: 35%;
			display:inline-block;
		}
}
@media only screen 
  and (max-width: 480px) {
		#loading-image {
		left: 25%;
		}
}