@import url(/Templates/Common/Content/styles/DocumentExplorer.css);

html, body{
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #4f5656;
left: 0; right: 0; top: 0;
margin: 0; padding: 0;
height: 100%; width: 100%;
}

body {
background: #efedde;
}

img, p, ul, ol, li, h1, h2, h3, h4 {
border: 0;
margin: 0;
padding: 0;
}


a{
color: #4f5656;
font-weight: bold;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

hr {
margin: 15px 0 15px -15px;
border: none;
border-top: 1px solid #989897;
}

div.clear {
clear: both;
}

div.cr {
clear: right;
}

.al {
text-align: left;
}

.fl {
float: left;
}

.fr {
float: right;
}

#blank_page { /* for error pages */
display: table-cell;
width: 470px;
height: 400px;
text-align: center;
vertical-align: middle;
}

/* Structure */
#wrapper {
width: 970px;
margin: 0 auto;
padding: 36px 5px 5px 5px;
background: #fff;
}

#header {
width: 970px;
}

#logo {
float: left;
margin-left: 15px;
color:#9b3205;
font-size:36px;
}

#number {
float: right;
margin-right: 15px;
font-family: Garmond, "Times New Roman", Times, serif;
text-align: right;
color: #666446;
}

#number span {
font-size: 24px;
color: #9b3205;
}

#menu_top {
height: 51px;
margin-top: 43px;
padding: 0 0 5px 5px;
list-style-type: none;
background: url(/Templates/Template-8/content/images/menu.png) repeat-x;
}

#menu_top li {
float: left;
height: 51px;
width: 120px;
}

#menu_top li a{
display: block;
height: 51px;
text-decoration: none;
cursor: pointer;
color: #fff;
}

#menu_top li a span {
display: block;
height: 32px;
padding: 15px 0 0 0;
font-family: Garmond, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: normal;
text-align: center;
color: #fff;
background: url(/Templates/Template-8/content/images/dots.gif) left no-repeat;
}

#menu_top li:first-child a span{
background: none;
}

#menu_top li a:hover {
background: url(/Templates/Template-8/content/images/menuitem.png) repeat-x;
}

#image {
float: left;
}

#list {
float: right;
width: 330px;
height: 241px;
padding: 32px 0 0 75px;
background: url(/Templates/Template-8/content/images/list.jpg) no-repeat;
}

#list h3 {
font-size: 24px;
font-weight: normal;
color: #fff;
}

#list ul {
padding: 12px 0 0 40px;
list-style-type: none;
}

#list li {
width: 200px;
height: 23px;
padding: 7px 0 0 20px;
background: url(/Templates/Template-8/content/images/list_bck.png) bottom no-repeat;
}

#list a {
color: #cadddd;
}

#column_wrapper {
margin: 5px 0 0 0;
background: url(/Templates/Template-8/content/images/column.jpg) right bottom no-repeat;
}

#navbar {
float: left;
width: 670px;
height: 39px;
line-height: 39px;
color: #666446;
background: #f4f4f1;
}

#navbar span {
display: block;
float: left;
width: 95px;
height: 39px;
margin-right: 10px;
line-height: 39px;
text-align: center;
font-weight: bold;
color: #fff;
background: #6c6a4a;
}

#navbar a {
font-weight: normal;
color: #666446;
text-decoration: underline;
}

#navbar a:hover {
text-decoration: none;
}

#column {
float: right;
width: 290px;
}

.col_top {
width: 290px;
height: 19px;
background: url(/Templates/Template-8/content/images/column_top.png) no-repeat;
}

.col_cont {
width: 240px;
padding: 0 25px 0 25px;
background: url(/Templates/Template-8/content/images/column_bck.png) repeat-y;
}

.col_cont h3 {
padding: 15px 0 15px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #ab1800;
}

.col_cont form {
line-height: 24px;
color: #666446;
}

.col_cont input, #col_cont textarea {
color: #4f5656;
border: 1px solid #cecece;
}

.col_cont textarea {
width: 238px;
height: 98px;
}

#send {
float: right;
margin: 7px 0 0 0;
border: none;
width: 87px;
height:30px;
}

.col_bottom {
width: 240px;
padding: 25px 25px 0 25px;
background: url(/Templates/Template-8/content/images/column_bottom.png) top no-repeat;
color: #FFFFFF;
font-weight: bold;
}

#col_bottom p {
padding: 20px 0 25px 0;
line-height: 16px;
font-weight: bold;
color: #fff;
}

#content {
float: left;
width: 470px;
padding: 36px 95px 0 105px;
}

#content h3 {
/*padding-bottom: 25px;*/
margin: 1em 0;
}

#content p {
padding: 0 0 10px 0;
line-height: 18px;
}

#footer {
width: 970px;
margin: 0 auto;
padding: 25px 0 50px 0;
text-align: center;
font-size: 10px;
}

#footer ul {
display: block;
list-style-type: none;
}

#footer li {
display: inline;
border-right: 1px solid #666446;
}

#footer li:first-child {
border-left: 1px solid #666446;
}

#footer li a {
padding: 0 3px;
font-weight: normal;
font-size: 11px;
text-decoration: underline;
color: $666446;
}

#footer li a:hover {
text-decoration: none;
}

#footer p{
padding: 5px 0 0 0;
color: #8c8b82;
}

/* Attorneys */
#content .name {
float: left;
padding: 45px 0 35px 18px;
margin: 0;
}

/*
h4 {
padding: 0 0 15px 0;
padding-top: 10px;
font-size: 14px;
}*/

.attourney_list {
width: 376px;
padding: 0 0 15px 10px;
list-style-type: none;
}

.attourney_list li {
height: 25px;
padding: 0 0 0 25px;
line-height: 25px;
border-bottom: 1px solid #e4e4e1;
background: url(/Templates/Template-8/content/images/arrow.gif) 10px center no-repeat;
}

.attourney_list li:first-child {
border-top: 1px solid #e4e4e1;
}

.social 
{
    float: left;
    margin: 5px 0 0 0;
}

.social .text
{
    float: left;
    margin: 6px 5px 0 0;
    color:#FFFFFF;
    font-weight:bold;
}
.social .icon
{
    float: left;
    padding-left: 5px;
   
}

/* Account Box */

#account{ float: right; margin: 20px 15px 0 10px; font-weight: bold; color: #9B3205; }

#account a { font-weight: bold; text-decoration: none; color: #9B3205; }

#account a:hover { font-weight: bold; color: #9B3205; text-decoration: underline; }

/* Login screen */

#loginarea { width: 550px; }
#loginarea #message { background-color:#FBF9EE; border:1px solid; color:#555555; float:left; margin:10px 0 15px 0; padding:5px; width:310px; font-weight: bold; }
#loginarea #newuser { margin-left: 350px; font-size: large; font-weight: bold; }
#loginarea #loginform label {  }
#loginarea #loginform input { width: 250px; }
#loginarea #loginform #username { margin: 0 0 0 30px; }
#loginarea #loginform #password { margin: 10px 0 0 5px; }
#loginarea #loginform #action { margin: 15px 0 0 155px; float: left; width: 200px; }
#loginarea #loginform #action #login { font-weight: bold; float: left; }
#loginarea #loginform #action #forgetpassword {  }

/* Document Explorer*/

#documentarea #documentarea_location {
    background-color: #9B3205; 
    color: White;
    width: 98%;
}

#documentarea #commandbar {
    width: 98%;
}

#documentarea #documentlist .folder_item .button_delete {
    padding: 0px 5px 0 0;   
}