﻿@charset "utf-8";
/* CSS Document */

img {
	border:0px;
	}

body, p, div, input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px;
	padding: 0px;
	}

p {
	margin: 0px;
	padding: 5px 0px;
}

a:link {
	color:#004D5E;
	text-decoration:none;
	}

a:visited {
	color:#004D5E;
	text-decoration:none;
	}

a:hover {
	color:#004D5E;
	text-decoration:underline;
	}

a:active {
	color:#004D5E;
	text-decoration:none;
	}

h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #004D5E;
}

input, textarea, select {
	border: 1px solid #004D5E;
}

span.required {
	color: red;
}

fieldset {
	margin: 10px 0px;
	padding: 10px;
	border: 1px solid #002774;
}

legend {
	font-weight: bold;
}

/*========custom text styles==========*/

.title {
	font-weight:bold;
	font-size:12px;
	}

.boldblue {
	font-weight:bold;
	color:#004990;
	}

a.boldblue:link {
	color:#004990;
	font-weight:bold;
	text-decoration:none;
	}

a.boldblue:visited {
	color:#004990;
	font-weight:bold;
	text-decoration:none;
	}

a.boldblue:hover {
	color:#004990;
	font-weight:bold;
	text-decoration:underline;
	}

a.boldblue:active {
	color:#004990;
	font-weight:bold;
	text-decoration:none;
	}


/*======layout box styles=======*/

#main {
	width:758px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	position:relative;
	}

#top-right {
	width:533px;
	height:64px;
	float:right;
	position:relative;
	background-image: url(/images/structure/applyinglaw_banner.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	}
	
#new-top {
	width:760px;
	height:90px;
	float:right;
	position:relative;
	background-image: url(/images/structure/header_background.gif);
	background-repeat:no-repeat;
	background-position: right top;
	margin-bottom: 5px;
	}
#new-logo {
	background-image: url(/images/structure/logo.gif);
	background-repeat:no-repeat;
	width:165px;
	height: 73px;
	display: block;
	float:left;
	position:relative;
	margin: 10px 10px 10px 0px;
	}
#new-tel {
	background-image: url(/images/structure/header_phone.gif);
	background-repeat:no-repeat;
	width: 187px;
	height: 46px;
	display: block;
	float:right;
	position:relative;
	margin: 3px 10px;
	}

#logo {
	width:156px;
	height: 64px;
	float:left;
	position:relative;
	margin-top:2px;
	margin-bottom:10px;
	}

ul.navigation_level_1 {
	width: auto;
	height: 19px;
	clear: both;
	position: relative;
	margin: 0px;
	padding: 0px;
}

ul.navigation_level_1 li {
	float: left;
	list-style-type: none;
	text-align: center;
	height: 19px;
	background-image: none;
	padding: 0px;
	margin: 0px;
}

ul.navigation_level_1 li a {
	padding: 2px 0px;
	height: 15px;
	display: block;
	text-align: center;
}

ul.navigation_level_1 li a.smaller {
	width: 43px;
}

ul.navigation_level_1 li a.small {
	width: 64px;
}

ul.navigation_level_1 li a.medium {
	width: 90px;
}

ul.navigation_level_1 li a.large {
	width: 90px;
}

ul.navigation_level_1 li a.larger {
	width: 100px;
}

ul.navigation_level_1 li a.selected {
	background-image: url(/images/structure/nav_button_BG.jpg);
	background-repeat: repeat-x;
	border-top: 1px solid #B9BABC;
	border-left: 1px solid #B9BABC;
	border-right: 1px solid #B9BABC;
}

div#lower_navbar {
	width:756px;
	height:13px;
	background-image:url(/images/structure/BG_SilverBar.jpg);
	background-repeat:repeat-x;
	border: 1px solid #BBBDBF;
	border-top:0px;
	font-size: 2px;
	}

div#home_content {
	width: 528px;
	float: left;
	padding: 10px;
	margin: 0px;
	position: relative;
	height: auto;
}

div#right_column {
	width: 210px;
	float: left;
	height: auto;
}



div#home_content_new {
	width: 425px;
	float: left;
	padding: 10px;
	margin: 0px;
	position: relative;
	height: auto;
}

div#left_column_new {
	width: 150px;
	float: left;
	height: auto;
}

div#left_column_new h3 {
	color:#004D5E;
	font-size:12px;
	font-weight:bold;
	margin-top: 10px;
	padding-bottom: 3px;
	border-bottom: 1px solid #cccccc;
}
ul.latest_news {
	padding-left: 0px;
        margin-left: 0px;
}
ul.latest_news li {
	list-style: none;
	margin-bottom: 10px;
}
.latest_news_date {
	font-size: 11px;
	color: #666666;
}

div#right_column_new {
	width: 150px;
	float: right;
	height: auto;
	text-align: right;
	margin-top: 10px;
}
div#right_column_new img {
	margin-bottom: 5px;
}


div#search_box {
	text-align: right;
	width: 200px;
	z-index: 250;
	float: right;
	position: relative;
	top: -6px;
}
div#search_box_home {
	text-align: right;
	width: 150px;
	height: 50px;
	z-index: 250;
	float: right;
	position: relative;
	top: -6px;
}

div#search_box form {
	margin: 0px;
	padding: 0px;
}

div#search_box input#search_terms {
	margin: 0px;
	border: 1px solid #B9BABC;
	height: 16px;
	vertical-align: top;
	display: block;
	float: right;
}

div#search_box {
	padding: 0px;
	float: right;
	clear: right;
	margin: 16px 10px 10px 10px;
}

span.search_match {
	font-size: 11px;
}

input#search_terms {
	padding: 0px 3px;
	width: 124px;
}

div#left_nav {
	width: 160px;
	height: auto;
	float: left;
	display: block;
	position: relative;
		top: -5px;
	text-align: center;
}

div#page_content {
	width: 598px;
	float: left;
	height: auto;
	min-height: 200px;
	position: relative;
}

div#page_content_with_padding {
	padding: 10px;
	background-image: url(/images/structure/searchbox_horizontal_line.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
}

div#page_head_image {
	background-image: url(/images/structure/internal_banner.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 100px;
}

ul.navigation_level_2 {
	border-right: 1px solid #B9BABC;
	border-left: 1px solid #B9BABC;
	border-top: 1px solid #B9BABC;
	text-align: left;
	margin: 0px;
	background-color: #FFFFFF;
	padding: 5px 3px;
}

ul.navigation_level_2 li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

ul.navigation_level_2 ul {
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

ul.navigation_level_2 li a {
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	width: auto;
	display: block;
  background-image: url(/images/structure/bullet_large_blue.gif);
	background-position: 3px 4px;
}

ul.navigation_level_2 li a.selected, ul.navigation_level_3 li a.selected {
  background-color: #E3E5E4;
}

ul.navigation_level_3 li a {
  background-image: url(/images/structure/bullet_small_blue.jpg);
  background-position: 5px 6px;
}

/*

ul.navigation_level_2 li a#sub_selected, ul.navigation_level_2 li a#nav_selected {
	background-color: #E3E5E4;
}

ul.navigation_level_2 li.large_blue a {
	background-image: url(/images/structure/bullet_large_blue.gif);
	background-position: 3px 4px;
}

ul.navigation_level_2 li.small_blue a {
	background-image: url(/images/structure/bullet_small_blue.jpg);
	background-position: 5px 6px;
}

ul.navigation_level_2 li.small_grey a {
	background-image: url(/images/structure/bullet_small_grey.jpg);
	background-position: 5px 6px;
}

*/

div#left_phone_number {
	height: 21px;
	width: 158px;
	border-top: 1px solid #B9BABC;
	border-right: 1px solid #B9BABC;
	border-left: 1px solid #B9BABC;
	border-bottom: 1px solid #B9BABC;
	font-size:20px;
}

#text_area {
	width:478px;
	height:100%;
	position:relative;
	float:left;
	padding:10px;
	margin-right:10px;
	}

#right_column {
	width:250px;
	float:left;
	position:relative;
	}

#right_column img {
	float:right;
	margin-bottom:10px;
	clear:both;
	}

#right_panel {
	float:right;
	width:600px;
	}

#right_panel img {
	float:right;
	}


#rightpanel_title {
	width:100%;
	clear:both;
	border-top:2px solid #BABCBE;
	position:relative;
	margin-bottom:10px;
	}


#rightpanel_title img {
	float:right;
	margin-top:35px;
	}

#maincontent {
	width:600px;
	position:relative;
	clear:both;
	}

#maincontent img {
	float:right;
	}

#maincontent li {
	list-style:url(/images/structure/bullet_small_blue.jpg);
	}






#imgbox img {
	float:right;
	margin:10px 0px 10px 10px;
	clear:both;
	}

#footer {
	width:756px;
	height:45px;
	border-top: 2px solid #BABCBE;
	clear:both;
	margin-top:10px;
	}

#footer p {
	clear:both;
	margin-left:10px;
	font-size:10px;
	}


#footlinks {
	position:relative;
	float:left;
	padding:10px 0px 0px 0px;
	width: 440px;
        font-size:9px;
	}

#credits {
	position:relative;
	float: right;
	width:307px;
	padding: 10px 0px 10px 0px;
	text-align:right;
        font-size:9px;
	}

#navbox {
	position:absolute;
	width:147px;
	height:auto;
	border: 1px solid #BABCBE;
	top: 105px;
	left:0px;
	background-color:#fff;
	background-image:url(/images/structure/navbottom_phone.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:30px;
	}

#navbox ul {
	float:left;
	width:100%;
	margin-left:20px;
	padding:0px;

	}

#navbox li {
	list-style:url(/images/structure/bullet_large_blue.gif);
	}

div.errors {
	position:relative;
	border: solid 1px red;
	margin: 10px 0px;
	padding: 5px 0px;
	background: url(http://images.harperjames.com/control_panel/icons/ordererror.gif) #FFE1E1 no-repeat 6px 7px;
}

div.errors p {
	margin: 0px 30px;
	padding-bottom: 5px;
	text-align: justify;
}

div.errors ul {
	color: #F00;
	list-style-type: disc;
	list-style-position:inside;
	font-weight:bold;
	margin:0px 0px 0px 30px;
	padding:0px;
}

div.errors ul li {
	margin-bottom:3px;
}

div.confirmation {
	border: solid 1px #00F;
	margin: 10px 0px;
	padding: 5px 0px;
	background: url(http://images.harperjames.com/control_panel/icons/blue_info_graphic.gif) #E1E1FF no-repeat 6px 7px;
}

div.confirmation p {
	margin: 0px 30px;
	padding-bottom: 5px;
	padding-left:0px;
	text-align: justify;
}

div.confirmation ul {
	color: #F00;
	list-style-type: disc;
	list-style-position: inside;
	font-weight: bold;
	margin: 0px 0px 0px 30px;
	padding: 0px;
}

div.confirmation ul li {
	margin-bottom: 3px;
}

div.faq_questions {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 2px solid #B9BABC;
}

div.faq_questions ul {
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

div.faq_answers ul {
	margin: 0px;
	padding: 0px 0px 20px 5px;
}

div.faq_questions ul li, div.faq_answers ul li {
	background-image: url(/images/structure/bullet_large_blue.gif);
	background-position: 2px 5px;
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0px;
}

div.faq_questions ul li {
	padding: 2px 0px 2px 15px;
}

div.faq_answers ul li {
	padding: 2px 0px;
}

div.faq_answers ul li div.answer_question {
	padding: 0px 0px 0px 15px;
	font-weight: bold;
}

div.news_feature {
	min-height: 10px;
	padding: 10px 0px;
	margin: 0px;
	border-bottom: 2px solid #B9BABC;
	clear: both;
}

div.news_article {
	height: auto;
	padding: 10px 0px;
	margin: 0px;
}

div.news_feature img, div.news_article img {
	float: right;
	padding: 5px;
	margin: 0px 0px 5px 5px;
	border: 1px solid #B9BABC;
}

div.news_feature h3, div.news_article h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #004D5E;
}

div.news_feature span.title_date, div.news_article span.title_date {
	font-size: 10px;
	font-weight: normal;
}

div.news_article img.back_button, div#people_profile img.back_button {
	padding: 0px 5px 0px 0px;
	margin: 0px;
	float: none;
	border: none;
	position: relative;
		top: 2px;
	clear: right;
}

div.news_youtube {
 margin: 10px 0px 10px 0px;	
}

div.search_tools {
	border: 1px solid #B9BABC;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	display: block;
	width: 390px;
	background-image: url(/images/structure/searchbox_background.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #F0F5F6;
	height: auto;
}

div.search_tools_title {
	text-align: center;
}

div.search_tools_options {
	text-align: center;
}

span.highlighted, div#alphabet span#alphabet_selected {
	background-color: #B3C9EF;
}

div#page_content_with_padding ul {
	margin: 5px 0px 5px 10px;
	padding: 0px;
}

div#page_content_with_padding li {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background-image: url(/images/structure/bullet_large_blue.gif);
	background-position: 2px 3px;
	background-repeat: no-repeat;
	list-style-type: none;
}

div#alphabet {
	font-size: 16px;
	font-weight: bold;
	clear: both;
}

div#page_content_with_padding ul.people_list {
	margin: 10px 0px;
	padding: 0px;
}

div#page_content_with_padding ul.people_list li {
	float: left;
	width: 50%;
	display: block;
	background-image: none;
	padding: 2px 0px;
	margin: 0px;
}

div#page_content_with_padding ul.people_list li.letter_title {
	width: 520px;
	font-size: 16px;
	margin: 10px 0px 0px 0px;
	font-weight: bold;
}

img.float_right {
	float: right;
  clear: both;
	margin: 10px 10px 0px 0px;
	position: relative;
	left: 10px;
}

div#people_profile h3 {
	padding: 0px;
	margin: 0px;
}

div#people_profile img#profile_image {
	float: left;
	margin: 0px 10px 10px 0px;
}

div#popup_window {
	width: 500px;
	height: auto;
	margin: 0px;
	padding: 0px;
	position: absolute;
		left: 130px;
	z-index: 500;
	display: none;
}

div#popup_window div#popup_top_left {
	width: 23px;
	height: 23px;
	float: left;
	background-image: url(/images/structure/shadow_top_left.png);
	background-repeat: no-repeat;
}

div#popup_window div#popup_top_middle {
	width: 454px;
	height: 23px;
	float: left;
	background-image: url(/images/structure/shadow_top_middle.png);
	background-repeat: repeat-x;
}

div#popup_window div#popup_top_right {
	width: 23px;
	height: 23px;
	float: left;
	background-image: url(/images/structure/shadow_top_right.png);
	background-repeat: no-repeat;
}

div#popup_window div#popup_bottom_left {
	width: 23px;
	height: 23px;
	float: left;
	background-image: url(/images/structure/shadow_bottom_left.png);
	background-repeat: no-repeat;
}

div#popup_window div#popup_bottom_middle {
	width: 454px;
	height: 23px;
	float: left;
	background-image: url(/images/structure/shadow_bottom_middle.png);
	background-repeat: repeat-x;
}

div#popup_window div#popup_bottom_right {
	width: 23px;
	height: 23px;
	float: left;
	background-image: url(/images/structure/shadow_bottom_right.png);
	background-repeat: no-repeat;
}

div#popup_window div#popup_middle {
	width: 500px;
	height: auto;
	float: left;
	background-image: url(/images/structure/shadow_middle.png);
	background-repeat: repeat-y;
}

div#popup_window div#popup_content {
	border: 1px solid #002773;
	width: 432px;
	height: auto;
	padding: 10px;
	margin-left: 23px;
	background-color: #FFFFFF;
}

a.false_link {
	cursor: pointer;
}
.no_display {
display:none !important;
}

ul.news_feeds {
	margin: 0px;
	padding: 0px;
}

div#main div#page_content div#page_content_with_padding ul.news_feeds li {
	list-style-type: none;
	background-image: url(http://images.harperjames.com/rss_logo_square_shadow.png);
	background-repeat: no-repeat;
	min-height: 40px;
	padding: 5px 0px 0px 40px;
}


/* training application form */

form#training_application fieldset {
  margin: 10px 0px;
  padding: 5px;
  border: 1px solid #babcbe;
}

form#training_application legend {
  font-weight: bold;
}
form#training_application label {
  
}
form#training_application input[type=text] {
  border: 1px solid #babcbe;
}
form#training_application input[type=password] {
  border: 1px solid #babcbe;
}
form#training_application input[type=checkbox] {
  border: none;
	margin: 0px 5px;
}
form#training_application input[type=radio] {
  
}
form#training_application select {
  border: 1px solid #babcbe;
}
form#training_application textarea {
  border: 1px solid #babcbe;
}
form#training_application input[type=submit] {
  border: 1px solid #babcbe;
}

/*=====Comments section styling======*/
div#comments_section {
 border-top: 1px solid #cccccc;
 margin-top: 10px;
 padding-bottom: 10px;
}

div.comment {
 padding: 5px 0px 5px 0px;
 margin: 5px 0px 5px 0px;
 border-bottom: 1px solid #cccccc;
}

div.comment span.comment_name {
 font-weight: bold;	
}

a#twitter_left_col {
display:block;
width:142px; height:43px;
float:left;
background:url(/images/structure/twitter_button.gif) no-repeat;
}
a#blog_left_col {
display:block;
width:142px; height:29px;
float:left; clear:left;
background:url(/images/structure/blog_button.gif) no-repeat;
margin-bottom:5px;
}
