body{margin:0; padding:0; background:#4B4946}
form, td, p, textarea, ul {margin:0; padding:0;}
img {border:0;}

input, textarea, select{font:11px Arial, Arial, Geneva, sans-serif; color:#55595E; border:2px solid #A3A3A3; vertical-align:middle;}
.input_4{ width:213px; height:19px; font:11px Arial, Arial, Geneva, sans-serif; color:#363636; padding:0 0 0 8px;}
.input_1{ width:187px; height:19px;}
.input_2{ width:187px; height:19px;}
.input_3{ width:87px; height:17px;}
.input_5{width:213px; height:69px; overflow:auto; font:11px Arial, Arial, Geneva, sans-serif; color:#363636; padding:0 0 0 8px;}
.inp_h{ height:22px; margin:0 0 3px 0;}
td, tr {vertical-align:top;}

td{font:12px Arial, arial, helvetica, sans-serif;}
a{ text-decoration:underline;} 
.header{height:337px;}
.header .indent{margin:17px 0 16px 343px;}

/*.cont{background:url(../images/bg_1.gif) top no-repeat #FFFFFF; padding:16px 12px 10px 24px;} EMRevilla*/
.cont {background:url(../images/bg_1.gif) top no-repeat #FFFFFF; padding:10px 10px 10px 13px;}  /*EMRevilla */
.contAdMenu {background:#D8E3F3; padding:10px 10px 10px 10px;}  /*EMRevilla */
.content .bg_h{background:url(../images/bg_h.gif) top repeat-x; margin:5px 0 0 0;}
.content .indent{width:454px; padding:21px 18px 0 0;}
.content .indent_1{width:447px; padding:21px 25px 0 0;}
.content .indent_2{width:397px; padding:21px 18px 0 0;}
.content .right_col{height:100%; background:url(../images/bg_3.gif) left bottom no-repeat #E5E6DF; padding:21px 17px 10px 19px;}
.content{
	color:#363636;
	line-height:17px;
}
.article a 
{
	font-size: 11px;
	text-decoration:underline;
	color:#C02F00;
}
.content .txt{color:#636363; font-weight:bold;}
.content a{
	text-decoration:underline;
	color:#C02F00;
}
.content a:hover, .article a:hover{
	text-decoration:none;
}
.content .link, .article .link{ color:#679821;}
.content .link_1, .article .link_1{ font-size:10px; background:url(../images/pic_2.gif) 0 2px no-repeat; padding:0 0 3px 18px; color:#A3A3A3;}
.content .link_2, .article .link_2{ color:#363636; font-weight:bold;}

.content ul {list-style:none;}
.content li {
	background:url(../images/pic_2.gif) 0 3px no-repeat;
	padding:0 0 0 19px;
}
.content li a { 
	line-height:18px;
	color:#C02F00;
	text-decoration:underline;
}
.content li a:hover { 
	text-decoration:none;
}
.div1 { background-color: #B4553D; }

.footer{
    color:#545454;
    height:50px; 
    padding:15px 0 0 0;
    background-color: #C5C0B9;
    text-align:center;
    font-size:11px;
}
.footer a{
	color:#000000;
	text-decoration:none;
}
.footer a:hover{
	color:#E40E0E;
}
.footer .link{ text-decoration:underline; color:#E40E0E;}
.footer .link:hover{ text-decoration:none;}
.footerlinks { width: 550px; text-align: auto; margin: auto; }
.bg{ background:url(../images/bg_2.gif) right 5px no-repeat; padding:0 5px 0 5px;}
.bg_1{padding:0 0 0 5px;}

.bglightgray { background-color: #F1EFE8; }


.sectionTitle { font: bold 16px bold Arial, Arial, Geneva, sans-serif; color:#53840B; }
.sectionSubTitle {font: 14px bold Arial, Arial, Geneva, sans-serif; color:#53840B; margin: 10px 0px 10px 0px; }


.articlesTitle, .testimonialsTitl { font: bold 16px bold Arial, Arial, Geneva, sans-serif; color:#3C1B13; }

.articleSummary { font-size: 11px; }
.testimonialItem { font-size: 12px; font-style: normal;  }
.newsTitle { font-size: 12px;}

.articleQuote img.openQuote { vertical-align: top; }
.articleQuote img.closeQuote { vertical-align: bottom; }

/* EMRevilla added CSS for two column page (left col is main content and right col is for ads) used in article_body.php */
.content .two_col{width:527px;}
.content .right_twocol{width:150px; height:100%; background-color:#E5E6DF; }

/* Alliver added CSS for <td> element as messagebox used in contact_us.php */
.messageBox {
    background-color: yellow;
    color: red;
    font-size: 11px;
    font-weight: bold; 
    padding: 5px 10px 5px 10px;
    text-align: center;
}

/* EMRevilla - show help box on mouse over */
.helpBox {
    color: #9F141A;
    cursor: help;
    text-decoration: none;
}

.searchLabel { padding:0 10px 0 3px; }

/* dara - change background color of input text fields - used by the validate() function in jsForms.js */
.errFld 
  {
  border: 2px solid #F00;
  background: #EEDDCC;
  }
  
.errBox 
  {
  background-color: #00FF00;
  }
  
.errMsg 
  { color: #C33;} 
  
form {
  padding: 1px;
  margin: 0;
}

.practiceArea
{
    width: 650px;
    border: 0px solid black;
    margin: 0 auto;
    text-align: center;
}
.practiceArea ul
{
    font-size: 14px;
    line-height: 22px;
    float: left;
    margin-left: 7px;
}

.practiceArea li
{
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}
.getLegalAdvice {
    color: #0000FF;
    font-size: 16px;
    margin-top: 0px;
}
.blueBoldUnderline {
    color: #0000FF;
    font-size: 16px;
    text-align: center;
    text-decoration: underline;
}
.bluefont {
    color: #0000FF;
}
.boldUnderline {
    text-decoration: underline;
}
.reqStar {
    color: #FF0000;
}
.disclaimerText {
    font-size: 10px;
}
.iframe
{
    color: #000;
}

.iframe a:link 
{
    color: #000;
}

.noFieldValue
{
    font-style: italic;
    color: #aaa;
}

td.highlight
{
    background-color: #ccc;
}

div.attorneyLoginInfo
{  
    padding: 5px;
    background-color: #ccc;
    border: 1px solid #aaa;
    margin-bottom:  10px;
}

ul.attorneyMenu {
    list-style-image: url( /images/arrow_10.gif );  
    margin-left: 15px; 
}


/* QDataGrid */
table.datagrid { border: 1px solid #ccc; }
table.datagrid caption, table.datagrid tfoot { padding-bottom: 4px; overflow: auto; }
    table.datagrid span.left { float: left; font-size: 10px; display: block; }
    table.datagrid span.right { float: right; font-size: 10px; display: block; }
table.datagrid tr { background-color: #fff; }
    table.datagrid tr.alternate { background-color: #eef; }
table.datagrid th { background-color: #ddd; padding: 3px 5px 3px 5px; text-align: left; }
    table.datagrid th a { color: #000; text-decoration: none; }
    table.datagrid th a:hover { color: #000; text-decoration: underline;}
table.datagrid td { padding: 5px; }
    table.datagrid td a { color: #000; }
    table.datagrid td a:hover { color: #000; text-decoration: none; }
table.datagrid tfoot { border-top: 1px solid #aaf;} 

/* Standard HTML Form Controls */
    input.button { border: 1px solid #aaf; font: 11px 'Arial', 'Helvetica'; font-weight: bold; background-color: #eef;}
    input.button:hover { background-color: #fff; }

    input.textbox, textarea.textbox { font: 10px 'Arial', 'Helvetica'; width: 200px; background-color: #eef; border: 1px solid #ccc; padding: 2px 3px 2px 3px;}
    textarea.textbox { height: 120px; }
        input.textbox:focus, textarea.textbox:focus {background-color: #fff; border-color: #aaf;}

    select.listbox { font: 10px 'Arial', 'Helvetica'; width: 208px; background-color: #eef; border: 1px solid #ccc; }
        select.listbox:focus { background-color: #fff; border-color: #ccc;}
        a.listboxReset { font-family: verdana, arial, helvetica; font-size: 8pt; text-decoration: none; color: #337; }
        a.listboxReset:hover { text-decoration: underline; }
        
div#formControls { padding: 0 0 0 20px; }

    div#formActions { background-color: #ddd; padding: 10px; height: 20px; margin-top: 18px; }
        div#formActions div#save { float: left; }
        div#formActions div#cancel { margin-left: 10px; float: left; }
        div#formActions div#delete { float: right; }

    div#dashboard { }
        div#dashboard div#left { float: left; width: 200px; height: 100px; font-size: 10px; background-color: #eef; border: 1px solid #000; padding: 5px; }
        div#dashboard div#right { float: left; margin-left: 10px; width: 760px;}
        div#dashboard div#right div#pnlList { margin-bottom: 10px; border: 1px solid #000; padding: 5px; height: 300px; overflow: auto; }
        div#dashboard div#right div#pnlEdit { border: 1px solid #000; padding: 5px; background-color: #eef; height: 240px; overflow: auto; }
        
    a.boxlink { color: #fff; text-decoration: none; }
    a.boxlink:hover {  text-decoration: underline; color: #fff; }
    
    
    div.renderWithName { padding: 4px 0 4px 0; overflow: auto; height: 100%; }
        div.renderWithName div.left { float: left; width: 200px; margin-right: 25px; }
        div.renderWithName div.required { font-weight: bold; text-transform: uppercase; }
        div.renderWithName div.left span.instructions { font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #999; font-style: italic; text-transform: none;}

        div.renderWithName div.right { }
        div.renderWithName div.right span.error { margin-left: 15px; font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #600;}