/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)

   Normalize tags then adjust to HTML5
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* 
 *  Reset display-role to HTML5 for older browsers
 *
 *  HTML unit type info: 1.'relative'/'unitless' (e.g. 1.2); 2.'fixed' (e.g. 14px); 3.'fixed-relative' (e.g. 1.2em)
 *  Browser default settings:
 *      font-size: 16px = 1em = 100% = 12pt
 *      <font size=".."> tag size: 1 = 0.63em; 2 = 0.82em; 3 = 1.0em; 4 = 1.13em; 5 = 1.5em; 6 = 2em; 7 = 3em; above 7 = 3em
 *      line-height: 1.2 (number) = 1.2em (length) = 120% (percentage) = 12pt (length)
 * ----------------------------------------------------------------------------
 */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	margin: 0 0 1.5em 1.25em;
}
ol, ol.lowerRoman, ol.upperAlpha {
	list-style: decimal;
}
ol.lowerRoman {
	list-style: lower-roman
}
ol.upperAlpha {
	list-style: upper-alpha
}
ul {
	list-style: disc;
}
ol li, ul li {
    margin:0 0 0.25em 0.5em
}
blockquote, q {
	font-style: italic;
	font-weight: 300;
	line-height: 1.3;
	margin-bottom: 1.5em;
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1,h2,h3,h4,h5,h6 {
	clear: both;
	display:block;
	font: 1.9em/1.5em Verdana, Arial, Helvetica, Helvetica, Sans-serif; /* shorthand for font properties: font size/line height font-family */
	font-weight: bold;
    margin: 18px 0 12px; /* 36px 0 12px;  3 values = top right bottom; 2 values = top-bottom right-left */
}
h1 {
    font-size: 1.75em; /*2em;*/
    margin: .67em 0;
    line-height: 1.3846153846;
}
h2 {
    font-size: 1.4em; /*1.5em;*/
    margin-before: 0.83em;
    margin-after: 0.83em;
    line-height: 1.25;
}
h3 {
    font-size: 1.17em;
    margin: .9em 0; /* 5px */
    line-height: 1.33;
}
h4 {
	font-size: 1em;
	margin-before: 1.33em;
    margin-after: 1.33em;
    line-height: 1.2;
}
h5 {
	font-size: .83em;
    margin-before: 1.67em;
    margin-after: 1.67em;
	line-height: 1.3333333333;
}
h6 {
	font-size: .67em;
	margin-before: 2.33em;
    margin-after: 2.33em;
	line-height: 1.5;
}
b,
strong {
	font-weight: 700;
}
i,
em {
	font-style: italic;
}
p {
	margin: 0 0 1.5em /* 0 0 24px (24px=1.5 times of 16px base font) */
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
hr {
	clear:both;
	background-color: #e7e7e7;/*rgba(0, 0, 0, 0.1);*/
	border: 0;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 15px;
	width:95%
}
img { 
	border-right: medium none; border-top: medium none; border-left: medium none; border-bottom: medium none 
}
/*--------------
    End reset 
--------------*/

/**
 *  Begin HOL's customized style sheet section 1: HTML Elements - KS 05/27/2015
 * ----------------------------------------------------------------------------
 */ 
html {
    background: #f1f1f1;  padding: 0px; font-size:16px; 
}
body {
    background-color:#ffffff; width: 980px; margin: 0 auto; position: relative; border: none;
	
	box-shadow: -1px -1px 20px 4px #ccc; /* [Inset/Outset], OffsetX, OffsetY, BlurRadius, SpreadRadius and Color */ 
    -moz-box-shadow:-1px -1px 20px 4px #ccc; 
	-webkit-box-shadow:-1px -1px 20px 4px #ccc;
    
    /* font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif; color: rgb(51, 51, 51); /*#2E2E2E; #343434 #7a7b7d #2E2E2E;*/
    font:75%/1.5 Verdana, Arial, Helvetica, Helvetica, Sans-serif; color: #2E2E2E; /* shorthand for font properties: font size/line height font-family */
}
input[type="text"],input[type="password"] {
    width:99%;
    font-family: Verdana, Helvetica;
}
select {
	width:99.5%;
	font-family: Verdana, Helvetica;
}
textarea {
	width:99%;
	font-family: Verdana, Helvetica;
	line-height:180%;
}
/*  hyperlink style order: link, visited, hover, active */
a { 
	color: rgb(51, 102, 204); text-decoration: none; /* #3366cc; #0d4fc1; #1468b1;/*#0D50C1; */
}
a:visited {
	color: rgb(101, 28, 126);/*#72aaE2;*/
}
a:hover {
	color: rgb(0, 0, 255); text-decoration: underline;/* #0D58D7 */
}
a:focus {
	outline: 1px dotted; /*outline: 0px; color: rgb(0, 0, 255); text-decoration: underline;*/
}
a:active { /* must come after hover to be effective */
	color: #f26932; outline: none; text-decoration: none;
}
/* Custom font classes for hyperlinks. i.e. <a class="a_home_column_header"/> */
a.a_home_column_header {
    color:#343434; font-size:0.9em; font-weight:bold; text-decoration: none; text-transform:uppercase  
}
a.a_home_column_header:hover {
    color: #636466; font-size:0.9em; font-weight:bold; text-decoration: none;
}
a.a_home_column_headline {
    color:#343434; font-size:0.8em; line-height:1.8; text-decoration: none; text-transform:capitalize   
}
a.a_home_column_headline:hover {
    color: #636466; text-decoration: none;
}
a.a_article_header_listing {
    color:#454546; font-weight:bold; text-decoration: none; text-transform:capitalize
}
a.a_article_header_listing:hover {
    color: #636466; font-weight:bold; text-decoration: none;
}
a.a_footer {
    color:#343434; font-size:0.97em; text-decoration: none;
}
a.a_footer:hover {
    color:#343434; text-decoration: underline
}
a.a_footer_menu {
    color:#9D9D9D
}
a.a_footer_menu:hover {
    color:#343434;
}
a.a_footer_shortcuts { /* smaller than footer menu */
    line-height: 1.2em; color: #9D9D9D; font-size:0.85em; text-decoration: none	
}
a.a_footer_shortcuts:hover {
    color: #9D9D9D; text-decoration: underline
}
ul.ul_nav_header { /* <ul> list without bullet - homepage menu */
    list-style-type:none; margin:0; padding: 4px 2px 4px 2px; text-align:center;
}
ul.ul_nav_header li {
    color:#ffffff; display: inline; margin: 0px 5px
}
ul.ul_nav_header li a {
    color:#ffffff; padding: 5px 3px 5px 3px; font-weight:bold;
}
ul.ul_nav { /* <ul> list without bullet - other pages */
    list-style-type:none; margin:0; padding: 4px 2px 4px 2px; text-align:center;
}
ul.ul_nav li {
    display: inline; margin: 0px;
}
ul.ul_nav li a {
    padding: 5px 2px 5px 2px; font-weight:bold;
}
ul.ul_nav_footer { /* <ul> list without bullet - footer */
    color:#9D9D9D; list-style-type:none; margin:0; text-align:center;
}
ul.ul_nav_footer li {
    display: inline; margin: 5px 0px 2px 0px; line-height:120%;
}
ul.ul_nav_footer li a 
{
    font-size:0.9em;
}
img.img_centered 
{
    border:0px;
    display: block;
    margin-left: auto;
    margin-right: auto 
}
/**
 *  Custom style sheet section 2: Classes
 *
 *  Replace obsolete html properties with these classes in CSS3.
 *  
 *  No uppercase tags allowed in newer HTML validator.
 *  i.e <TD VALIGN="middle"></TD> should become <td style="vertical-align:middle"></td>
 *  with an exception of .net controls which has its own properties such as <asp:TextBox Width="100%" />
 * ----------------------------------------------------------------------------
 */
.u  { /* replace <u> tag*/
    text-decoration: underline;
}
.i { /* replace <i> tag*/
    font-style: italic;
}
.center { /* replace align="center" */
    text-align:center
}
.right { /* replace align="right" */
    text-align:right
}
.middle {/* replace valign="middle" */
    vertical-align:middle
}
.bottom {/* replace valign="bottom" */
    vertical-align:bottom
}
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*
Custom classes for content background
*/
.bg_circle {
	width: 100px;
	height: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}
.bg_blue {
    background:#eaf0fd
}
.bg_blueGradient /*lawyer profile header bg*/
{
 /* solid border style & background as a backup */
   border: 0px solid;
   border-color: #0e3c99 #3068c2 #3068c2 #0e3c99;
   background: #3068c2;
   
   /* gradient background in multiple browsers */
   background: -webkit-gradient(linear, left top, left bottom, from(#0e3c99), to(#3068c2)); /* webkit-based */
   
   /*  CSS3 - define how the gradient move: straight line(linear) or circle(radial) */
   background: -webkit-linear-gradient(top, #0e3c99, #3068c2);
   background: -moz-linear-gradient(top, #0e3c99, #3068c2); /* mozilla */
   background: -ms-linear-gradient(top, #0e3c99, #3068c2); /* microsoft */
   background: -o-linear-gradient(top, #0e3c99, #3068c2); /* opera */
}

.bg_blue_round {
    background-color:#eaf0fd;
    border:1px solid #f1f1f1;
}
.bg_orangeGradient { /* for top nav hihglighting */
    background: #f86b26;
   
    background: -webkit-gradient(linear, left top, left bottom, from(#fc9b66), to(#f46523));
   
    background: -webkit-linear-gradient(top, #fc9b66, #f46523);
    background: -moz-linear-gradient(top, #fc9b66, #f46523);
    background: -ms-linear-gradient(top, #fc9b66, #f46523);
    background: -o-linear-gradient(top, #fc9b66, #f46523);
}
.bg_gray {
    background:#F1F1F1
}
.bg_gray_gradient {
    background:#ddddde; /*#efefef*/
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ddddde));
   
    background: -webkit-linear-gradient(top, #ffffff, #ddddde);
    background: -moz-linear-gradient(top, #ffffff, #ddddde);
    background: -ms-linear-gradient(top, #ffffff, #ddddde);
    background: -o-linear-gradient(top, #ffffff, #ddddde);
}
.bg_gray_gradientRound {
    background:#ddddde; /*#efefef*/
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ddddde));
   
    background: -webkit-linear-gradient(top, #ffffff, #ddddde);
    background: -moz-linear-gradient(top, #ffffff, #ddddde);
    background: -ms-linear-gradient(top, #ffffff, #ddddde);
    background: -o-linear-gradient(top, #ffffff, #ddddde);
    
    border:1px solid #f1f1f1;
}
.bg_white_round {
    background-color:#ffffff;
    border:1px solid #f1f1f1;
}
.bg_blue_round, .bg_gray_gradientRound, .bg_white_round { /* round 4 corners */
    border-radius:10px;
    -moz-border-radius:10px; /* Firefox */
    -webkit-border-radius:10px; /* Safari and Chrome */
    
    padding:5px;
}
.bg_white_round_control { /* round 2 corners: bottom left & right */
    background-color:#ffffff;
    padding:5px;
    
    border:1px solid #f1f1f1;    
    border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	
	-moz-border-radius-bottomright: 10px; /* Firefox */
	-moz-border-radius-bottomleft: 10px;
	
	-webkit-border-bottom-right-radius:10px; /* Safari and Chrome */
	-webkit-border-bottom-left-radius:10px;
}
.bg_TabContent {
    background-color:#f1f1f1;
    padding:10px;
    
    border:1px solid #f1f1f1;   
    border-radius: 0 10px 10px 10px;
    -moz-border-radius: 0 10px 10px 10px;
    -webkit-border-radius: 0 10px 10px 10px
}
.bg_TabContent_White {
    background-color:#ffffff;
    padding:10px;
    
    border:1px solid #f1f1f1;   
    border-radius: 0 10px 10px 10px;
    -moz-border-radius: 0 10px 10px 10px;
    -webkit-border-radius: 0 10px 10px 10px;
}
/*
Custom classes for section headers i.e. <td class="header_blue">Contact Info</td>
*/
.header_column_headline {
    color:#343434; font-size:0.9em; font-weight:normal; text-decoration: none; text-transform:capitalize; line-height:1.8
}
.header_contentlist_control {
    margin:7px 0; color: rgb(51, 51, 51); font-size:0.9em; font-style:italic; font-weight:bold; line-height:1.4
}
.header1_tab {
    margin:0px;
    color: #ffffff;
    font-size:1em;
    font-weight: bold;
    text-decoration:none;
}
.header_gradient {
    width:100%;

    /* Light Gray to Dark */
    background: #6e6f73;
    background: -webkit-gradient(linear, left top, left bottom, from(#999a9e), to(#6e6f73));
   
    background: -webkit-linear-gradient(top, #999a9e, #6e6f73);
    background: -moz-linear-gradient(top, #999a9e, #6e6f73);
    background: -ms-linear-gradient(top, #999a9e, #6e6f73);
    background: -o-linear-gradient(top, #999a9e, #6e6f73);
    
	color: #ffffff;
	font-size:1.5em; /* 100% equals to "Medium", which is the default size */
	font-weight:bold;
	text-decoration: none;
	text-align:center;
	vertical-align:middle;
	padding:1px 2px 1px 2px;
}
.header_tab_gradient {
	/* Light Gray to Dark */
    background: #6e6f73;
    background: -webkit-gradient(linear, left top, left bottom, from(#999a9e), to(#6e6f73));
   
    background: -webkit-linear-gradient(top, #999a9e, #6e6f73);
    background: -moz-linear-gradient(top, #999a9e, #6e6f73);
    background: -ms-linear-gradient(top, #999a9e, #6e6f73);
    background: -o-linear-gradient(top, #999a9e, #6e6f73);
}
.header_tab_red { /* Lawyer Sign Up */
    /* Light to Dark */
    background: #6e6f73;
    background: -webkit-gradient(linear, left top, left bottom, from(#fa2b30), to(#9b1b1e));
   
    background: -webkit-linear-gradient(top, #fa2b30, #9b1b1e);
    background: -moz-linear-gradient(top, #fa2b30, #9b1b1e);
    background: -ms-linear-gradient(top, #fa2b30, #9b1b1e);
    background: -o-linear-gradient(top, #fa2b30, #9b1b1e);
}
.header_tab_orange {
    /* Light to Dark */
    background: #6e6f73;
    background: -webkit-gradient(linear, left top, left bottom, from(#fc9b66), to(#f46523));
   
    background: -webkit-linear-gradient(top, #fc9b66, #f46523);
    background: -moz-linear-gradient(top, #fc9b66, #f46523);
    background: -ms-linear-gradient(top, #fc9b66, #f46523);
    background: -o-linear-gradient(top, #fc9b66, #f46523);
}
.header_tab_blue { /* Blog */
    /* Light to Dark */
    background: #0368b1;
    background: -webkit-gradient(linear, left top, left bottom, from(#3186d6), to(#0368b1));
   
    background: -webkit-linear-gradient(top, #3186d6, #0368b1);
    background: -moz-linear-gradient(top, #3186d6, #0368b1);
    background: -ms-linear-gradient(top, #3186d6, #0368b1);
    background: -o-linear-gradient(top, #3186d6, #0368b1);
}
.header_tab_gradient, .header_tab_green, .header_tab_red, .header_tab_orange, .header_tab_blue {
    width:100%;
    
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	
	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	
	color: #ffffff;
	font-size:1.5em;
	font-weight:bold;
	text-decoration: none;
	text-align:center;
	vertical-align:middle;
	padding:3px 0px;
}
/*  
    Custom classes for content i.e. <span class="header2">Title2</span>
*/
.footer {
	color: #636466;
    font-size:0.9em;
}
.footnote {
    color: #636466; /* #9D9D9D - lighter gray i.e. blog date */
    font-size:0.8em;
}
.more {
	text-decoration: underline !important;
}
.quote {
    font-style: italic;
}
.disclaimer { /* disclaimer text */
    font-size:0.9em;
}
.form_validation_green {
    color: #6C9E30;
    font-size:0.9em;
    font-weight:bold
}
.form_validation_red {
    color: red;
    font-size:0.9em;
    font-weight:bold;
    text-align:center;
}
.form_validation_red ul {
    color: red;
}
.form_validation_red ul li {
    text-align:left;
}
/* 
    Custom classes for gradient buttons
    i.e. <a href class="btnBlue">Register</a> -OR- <asp:Button CssClass="btnBlue"/>
*/
/* Gradient Push Buttons */
input.OrangeButton
{
    /* solid border style & background as a backup */
   border: 0px solid;
   background: #f86b26;
   
   /*  CSS3 - define how the gradient move: straight line(linear) or circle(radial) */
   background: -webkit-gradient(linear, left top, left bottom, from(#fc9b66), to(#f86b26)); /* Webkit-based browser */
   
   background: -webkit-linear-gradient(top, #fc9b66, #f86b26); 
   background: -moz-linear-gradient(top, #fc9b66, #f86b26); /* Mozilla */
   background: -ms-linear-gradient(top, #fc9b66, #f86b26); /* Microsoft */
   background: -o-linear-gradient(top, #fc9b66, #f86b26); /* Opera */
   
   padding: 5px 10px 5px 10px;
   
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;

   /* shadow
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   
   color: white;

   text-decoration: none;
   vertical-align: middle;
}
input.OrangeButton:hover {
   background: #fc9b66;
   
   /* Reverse gradient on hover */
   background: -webkit-gradient(linear, left top, left bottom, from(#f86b26), to(#fc9b66)); /* Webkit-based browser */
   
   background: -webkit-linear-gradient(top, #f86b26, #fc9b66); 
   background: -moz-linear-gradient(top, #f86b26, #fc9b66); /* Mozilla */
   background: -ms-linear-gradient(top, #f86b26, #fc9b66); /* Microsoft */
   background: -o-linear-gradient(top, #f86b26, #fc9b66); /* Opera */
   
   color: #cccccc;
   text-decoration: none;
}
input.OrangeButton:active {
   background: #fc9b66;
   text-decoration: none;
}
/*  Push Buttons */
.btnBlue, .btnBlueSmall {
   background: #3068c2;
   
   /* gradient background in multiple browsers */
   background: -webkit-gradient(linear, left top, left bottom, from(#0e3c99), to(#3068c2)); /* webkit-based */
   
   /*  CSS3 - define how the gradient move: straight line(linear) or circle(radial) */
   background: -webkit-linear-gradient(top, #0e3c99, #3068c2);
   background: -moz-linear-gradient(top, #0e3c99, #3068c2); /* mozilla */
   background: -ms-linear-gradient(top, #0e3c99, #3068c2); /* microsoft */
   background: -o-linear-gradient(top, #0e3c99, #3068c2); /* opera */
}
.btnBlue:hover, .btnBlueSmall:hover {
   background: #0c47ad;
   
   /* reverse gradient on hover */
   background: -webkit-gradient(linear, left top, left bottom, from(#3068c2), to(#0e3c99));
   
   background: -webkit-linear-gradient(top, #3068c2, #0e3c99);
   background: -moz-linear-gradient(top, #3068c2, #0e3c99);
   background: -ms-linear-gradient(top, #3068c2, #0e3c99);
   background: -o-linear-gradient(top, #3068c2, #0e3c99);
}
.btnGray {
   background: #646567;
   
   background: -webkit-gradient(linear, left top, left bottom, from(#95969a), to(#646567));
   
   background: -webkit-linear-gradient(top, #95969a, #646567);
   background: -moz-linear-gradient(top, #95969a, #646567);
   background: -ms-linear-gradient(top, #95969a, #646567);
   background: -o-linear-gradient(top, #95969a, #646567);
}
/* Lawyer Profile & DataGrid Small Button */
.btnGreen, .btnGreenSmall {
    background: #00cc00;
   
    background: -webkit-gradient(linear, left top, left bottom, from(#006600), to(#00cc00));
   
    background: -webkit-linear-gradient(top, #006600, #00cc00);
    background: -moz-linear-gradient(top, #006600, #00cc00);
    background: -ms-linear-gradient(top, #006600, #00cc00);
    background: -o-linear-gradient(top, #006600, #00cc00);
}
.btnGreen:hover, .btnGreenSmall:hover {
   background: #006600;
   
   background: -webkit-gradient(linear, left top, left bottom, from(#00cc00), to(#006600));
   
   background: -webkit-linear-gradient(top, #00cc00, #006600);
   background: -moz-linear-gradient(top, #00cc00, #006600);
   background: -ms-linear-gradient(top, #00cc00, #006600);
   background: -o-linear-gradient(top, #00cc00, #006600);
}
/* Delete Button */
.btnRed, .btnRedSmall {
    background: #de0c08;
   
    background: -webkit-gradient(linear, left top, left bottom, from(#8c0808), to(#de0c08));
   
    background: -webkit-linear-gradient(top, #8c0808, #de0c08);
    background: -moz-linear-gradient(top, #8c0808, #de0c08);
    background: -ms-linear-gradient(top, #8c0808, #de0c08);
    background: -o-linear-gradient(top, #8c0808, #de0c08);
}
.btnRed:hover, .btnRedSmall:hover {
   background: #8c0808;
   
   background: -webkit-gradient(linear, left top, left bottom, from(#de0c08), to(#8c0808));
   
   background: -webkit-linear-gradient(top, #de0c08, #8c0808);
   background: -moz-linear-gradient(top, #de0c08, #8c0808);
   background: -ms-linear-gradient(top, #de0c08, #8c0808);
   background: -o-linear-gradient(top, #de0c08, #8c0808);
}
.btnRedBright {
    background: #9b1b1e;
   
    background: -webkit-gradient(linear, left top, left bottom, from(#fa2b30), to(#9b1b1e));
   
    background: -webkit-linear-gradient(top, #fa2b30, #9b1b1e);
    background: -moz-linear-gradient(top, #fa2b30, #9b1b1e);
    background: -ms-linear-gradient(top, #fa2b30, #9b1b1e);
    background: -o-linear-gradient(top, #fa2b30, #9b1b1e);
}
.btnRedBright:hover {
   background: #fa2b30;
   
   background: -webkit-gradient(linear, left top, left bottom, from(#9b1b1e), to(#fa2b30));
   
   background: -webkit-linear-gradient(top, #9b1b1e, #fa2b30);
   background: -moz-linear-gradient(top, #9b1b1e, #fa2b30);
   background: -ms-linear-gradient(top, #9b1b1e, #fa2b30);
   background: -o-linear-gradient(top, #9b1b1e, #fa2b30);
}
/* Submit Button */
.btnOrange {
    background: #ff8a00;
   
    background: -webkit-gradient(linear, left top, left bottom, from(#ff6800), to(#ff8a00));
   
    background: -webkit-linear-gradient(top, #ff6800, #ff8a00); 
    background: -moz-linear-gradient(top, #ff6800, #ff8a00);
    background: -ms-linear-gradient(top, #ff6800, #ff8a00);
    background: -o-linear-gradient(top, #ff6800, #ff8a00);
}
.btnOrange:hover {
   background: #ff6800;
   
   background: -webkit-gradient(linear, left top, left bottom, from(#ff8a00), to(#ff6800));
   
   background: -webkit-linear-gradient(top, #ff8a00, #ff6800); 
   background: -moz-linear-gradient(top, #ff8a00, #ff6800);
   background: -ms-linear-gradient(top, #ff8a00, #ff6800);
   background: -o-linear-gradient(top, #ff8a00, #ff6800);
}
/* Common Attibute */
.btnBlue, .btnGreen, .btnGray, .btnRed, .btnRedBright, .btnOrange
,.btnBlueSmall, .btnGreenSmall, .btnRedSmall, .btnRedBrightSmall, .btnOrangeSmall {
    cursor: pointer;
    
	border: 0px solid #f1f1f1;
    
	/* text padding */
    padding: 5px 10px 5px 10px;
   
    /* round border in multiple browsers */
    -webkit-border-radius: 6px; /* webkit */
    -moz-border-radius: 6px; /* mozilla */
    border-radius: 6px; /* W3C */
   
    /* font */
    color: #fff;
    font-size: 1.1em;
    text-decoration: none;
    vertical-align: middle;
}
.btnBlue:hover, .btnGreen:hover, .btnRed:hover, .btnRedBright:hover, .btnOrange:hover
,.btnBlueSmall:hover, .btnGreenSmall:hover, .btnRedSmall:hover, .btnRedBrightSmall:hover, .btnOrangeSmall:hover {
	color: #ccc;
    text-decoration: none;
}
.btnBlue:active, .btnGreen:active, .btnRed:active, .btnRedBright:active, .btnOrange:active
,.btnBlueSmall:active, .btnGreenSmall:active, .btnRedSmall:active, .btnRedBrightSmall:active, .btnOrangeSmall:active {
	color: #0e3c99;
    text-decoration: none;
}
.btnBlue:visited, .btnGreen:visited, .btnRed:visited, .btnRedBright:visited, .btnOrange:visited
,.btnBlueSmall:visited, .btnGreenSmall:visited, .btnRedSmall:visited, .btnRedBrightSmall:visited, .btnOrangeSmall:visited {
	color: #fff;
    text-decoration: none;
}
/* Override small datagrid button AFTER normal button's attribute above */
.btnBlueSmall, .btnGreenSmall, .btnRedSmall, .btnRedBrightSmall, .btnOrangeSmall{
    font-size: 0.9em;
}
input[type="submit"] {
    margin:0px 0.75em 0px 0.75em;
}
/* datagrid */
.dg {
    border:0px /* solid 0px #c0c0c0 */
}
.dg td { /* datagrid column */
    border: solid 1px #c0c0c0;
    margin: 3px 3px 3px 3px;
    padding: 5px 5px 5px 5px;
    /*text-align: center;*/
}
.dg_Header {
    color: #ffffff;
	
    /*Light to Dark*/
    background: #0268b2;
    background: -webkit-gradient(linear, left top, left bottom, from(#0487e2), to(#0367b2));
   
    background: -webkit-linear-gradient(top, #0487e2, #0367b2);
    background: -moz-linear-gradient(top, #0487e2, #0367b2);
    background: -ms-linear-gradient(top, #0487e2, #0367b2);
    background: -o-linear-gradient(top, #0487e2, #0367b2);
   
    width:100%;
   	vertical-align:middle;
	font-weight:bold;
	text-decoration: none;
	text-align:center;
	line-height:1.5em
}
.dg_Header a { /* hyperlink in datagrid */
    color:#ffffff;
}
.dg_Header a:hover {
    color:#ffffff;
    text-decoration:underline;
}
.dg_ItemBg {
    background-color: #ffffff; /*#eaf0fd*/
}
.dg_AltBg {
    background-color:#eaf0fd
}
.dg_LawItemBg {
    background-color:#ffffff;
}
.dg_LawAltBg {
    /*background-color:#f1f1f1*/
    background: #f1f1f1;
}
.dg_Image {
    float:left; width:19%; margin:1% 1% 1% 0; text-align:center;
}
.dg_Content {
    float:right; width:78%; padding:1%; text-align:left;
}
.lawyer_results_Item {
    border-top: 1px solid #ccc;
}
.lawyer_results_AltItem {
    border-top: 1px solid #ccc;
}
.lawyer_results_tagline {
    color:#343434;
	background-color:#fbf8d9;
	/*background-image: url('../images/header_tab_bg_gray.gif');
	background-repeat: repeat-x;*/
	font-size:small;
	font-weight:bold;
	text-decoration: none;
	border:1px solid #C0C0C0;
	padding:5px
}
.lawyer_results_footer {
    color: #ffffff;
    background-color: #ccc;
    background-image: url('../images/header_tab_bg_gray.gif');/*#0067b2*/
	background-repeat: repeat-x;
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	height:100%;
	font-size: small;
	font-weight:bold;
	vertical-align:middle;
	text-align:right;
	text-decoration: none
}

/*----------------------------------------------------------------------
    Style Sheet section 3. Element IDs

    Limit the style to one element id
------------------------------------------------------------------------*/
#headerTop {
    background-color:#ffffff;
    background-image:url('../images/home/home_header_bg.jpg');
    background-repeat:repeat-x;
    background-position:bottom;
}
#headerNav {
    /* Light to Dark */
    background: #0368b1;
    background: -webkit-gradient(linear, left top, left bottom, from(#3186d6), to(#0368b1));
   
    background: -webkit-linear-gradient(top, #3186d6, #0368b1);
    background: -moz-linear-gradient(top, #3186d6, #0368b1);
    background: -ms-linear-gradient(top, #3186d6, #0368b1);
    background: -o-linear-gradient(top, #3186d6, #0368b1);
}
#container { /* header - content - footer */
    background-color:#ffffff;
    margin:0px auto;
    width: 95%;
    /* padding:10px; de-comment if we want to see white padding on the side of header and footer */
    vertical-align:top;
}
#home_columns {
    padding-top:10px; 
    width:100%
}
#home_columnLeft {
     float:left;
     padding:15px;
     width:20%
}
#content_columns { /* content left & right columns */
    background-color:#ffffff;
    margin:0px auto;
    width:100%;    
    height:auto;
    padding:20px 5px 10px 5px;
    vertical-align:top;
    clear: both; 
}
#content_detailNoAd { /* content detail */
    margin:0px auto;
    border:5px solid #f1f1f1;
    width: 95%;
    padding:0px;
    vertical-align:top;
    text-align:left;
    /*margin:0px; /* equal to use within page instead */
}
#content_detail { /* content detail */
    background-color:#ffffff;
    float:left;
    border:10px solid #f1f1f1;
    width: 70%;
    padding:10px;
    vertical-align:top;
    text-align:left;
    /*margin:0px; /* equal to use within page instead */
}
#content_ad {
    float:right;
    width: 25%;
    display: inline;
    padding:0px;
    vertical-align:top;
    text-align:center
    /*margin:0px; /* equal to use within page instead */
}
/* style this table id(#content)'s element */
table#content td {
    margin:0px auto;
    padding:10px;
    vertical-align:top
}
/* if the page already have table id="content" */
table#content_edit td {
    margin:0px auto;
    padding:10px;
    vertical-align:top;    
    line-height:16px
}
table#content td#leftCol { /* form field labels */
    width:25%;
    padding:10px;
    vertical-align:top
}
table#content input[type="submit"] {
    width:9em;
}
/* table with alternate rows highlighted **/
table#contentGrid {
    margin:0px auto;
    width: 100%
}
table#contentGrid td {
    padding:8px;
    vertical-align:top
}
table#contentGrid tr { /* back up color for IE8 and below */
    background: #ffffff; /* #b8d1f3;*/
}
table#contentGrid tr:nth-child(odd) { /* define the background color for all the ODD background rows */
    background: #eaf0fd;
}
table#contentGrid tr:nth-child(even) { /* define the background color for all the EVEN background rows */
    background: #ffffff; /*#dae5f4;*/
}
table#contentGrid input[type="submit"] {
    width:9em;
}
#listViewType {
    float:right; margin:5px 5px 2px 15px;
}
#icon_share {
    float:right; padding:10px 10px 3px 0px; text-align:right;/* width:23%; */
}
/* search form and its button */
#searchForm {
    background-color:#ffffff;
    background: transparent;   
    margin:0px;   
}   
.searchFormInput {
    float:left;
    height:1.2em;
    border:1px solid #f5f5f5;
    border-right:0px;
    vertical-align:bottom;
    padding-left:2px;
}
.searchFormIcon {
    float:left;
    cursor: pointer;
    height:0.9em;
    color: white;
    vertical-align:top;
    background-color:#999a9e;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#f79023), to(#f17223)); /* Webkit-based browser */
   
    background: -webkit-linear-gradient(top, #999a9e, #6e6f73); 
    background: -moz-linear-gradient(top, #999a9e, #6e6f73); /* Mozilla */
    background: -ms-linear-gradient(top, #999a9e, #6e6f73); /* Microsoft */
    background: -o-linear-gradient(top, #999a9e, #6e6f73); /* Opera */
   
    border:0px solid #f0f8ff;   
    border-radius: 0 5px 5px 0px;
    -moz-border-radius: 0 5px 5px 0px;
    -webkit-border-radius: 0 5px 5px 0px;
     
    padding: 4px 5px 4px 4px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}