/*-------------------------------------------------
baseline
-------------------------------------------------*/
body {
	margin: 0 0 0 0;
	font: normal 11px/1.5em "Trebuchet MS", Lucida Grande, Verdana, sans-serif;
/* See "body background" at custom CSS */
}


img {
    border: none;
}

img.smallicon {
    padding-right: 5px;
    vertical-align: middle;
}

img { behavior: url(/javascripts/iepngfix.htc) }

.clear {
	clear: both;
	line-height: 0;
}

#big_wrapper {
	margin: 0 auto;
	width: 950px;
	padding: 0;
}

#big_wrapper_content {
	margin: 0 auto;
	width: 950px;
	padding: 0;
}

#wrapper_left {
	width: 765px;
	float: left;
}

#wrapper_right {
	width: 180px;
	float: left;
	background: url(/images/sidebar.gif) no-repeat left top;
	min-height: 600px;
	margin-top: 35px;

}

/*-------------------------------------------------------------
Edit Account information boxes
-------------------------------------------------------------*/
#account_userinfo fieldset {
	width: 355px;
}

#account_userinfo .information_box {
	float: left;
	width: 306px;
	padding: 8px 14px;
	margin-top: 16px;
	border-top: 1px solid #c0e2ff;
	border-bottom: 1px solid #c0e2ff;
	margin-left: 15px;
	background: #dcecf7;
}

#account_userinfo .information_box h3 {
	margin: 5px 0;
}

#account_userinfo .information_box p {
	margin-top: 0;
}

#account_userinfo hr {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #fbd17b;
}

#account_userinfo th {
	text-align: right;
}

/*-------------------------------------------------------------
forms (legend and fieldset are on their respectives styles)
-------------------------------------------------------------*/
#search_div form {
	margin: 0;
	padding: 0;
	text-align: right;
}

#login_member form {
	border: 1px solid #fdd764;
	padding: 12px;
	background: #fdd764 url(/images/login-back.gif) repeat-x left top;
}

#container form {
	margin-top: 0px;
}

fieldset {
	border: 1px solid #fbc945;
	border-bottom: 2px solid #d8ae3c;
	padding: 14px;
	background: #fdf0c7;
	margin-bottom: 15px;
	color: #333;
}

fieldset p {
	margin: 0;
}

fieldset.gray p {
	margin: 0 0 8px 0;
}

fieldset.gray #matter_description {
	font-size: 16px;
	font-weight: bold;
}

fieldset.gray label, #reminder label {
	font-weight: bold;
	color: #000;
}

fieldset.gray {
	margin-top: 15px;
	background: #fff;
	border-top: 1px solid #d3e2fa;
	border-bottom: 1px solid #d3e2fa;
	border-right: none;
	border-left: none;
}

fieldset.highlighted {
	background: #fdebb5;
	border-top: 1px solid #fbd971;
	border-bottom: 1px solid #fbd971;
}

fieldset.highlighted .label {
	background: none;
	color: #000;
	font-weight: normal;
}

fieldset.highlighted #new_client table {
	margin: 0;
	padding: 0;
}

fieldset.highlighted .data, fieldset.highlighted .label {
	border: none;
}

fieldset.gray caption {
	text-align: left;
	font-size: 1.3em;
}

fieldset.gray td {
	vertical-align: top;
}

legend {
	font-size: 14px;
	border: 1px solid #fbc945;
	border-bottom: 2px solid #d5aa3c;
	background: #fff;
	color: #333;
	padding: 7px;
}



/*-------------------------------------------------
header
-------------------------------------------------*/
#header {
	margin: 0 0 0 0;
	padding-top: 1px;
    font-family: "Trebuchet MS", sans-serif;
}

#search_div {
	float: right;
	margin-top: 12px;
	height: 20px;
}


#submenu_wrapper {
	border-top: 2px solid #fbdc7f; 
	width: 100%;
}

#query {
	vertical-align: top;
	margin-top: 5px;
}

#logo {
	float: left;
}

/* MAIN NAVIGATION */
#nav {
	width: 600px;
	margin: 51px auto 0 0px;
    line-height: normal;
}

#nav ul {
    margin: 0;
    padding: 0;
    list-style:none;
}

#nav li {
    float:left;
    margin: 0;
    padding: 0 0 0 10px;
}

#nav a {  
    float:left;
/* See "#nav a" at custom CSS */
    margin: 0 5px 0 0;
    font-size: 1.3em;
    color: #766d52;
    padding: 7px 10px 2px 0;
    text-decoration: none;
    display:block;
}

#nav a:hover {
    color: #000;
}

/* See "#nav #current" at custom CSS */


/* SUBMENU */
#submenu {
	width: 950px;
	margin: 0 auto;
}

#submenu ul {
	margin: 0;
	position: absolute;
	padding: 8px 0 0 0;
	list-style: none;
}

#submenu li {
	display: inline;
	margin: 0;
	font-size: 1.3em;
	padding: 8px 0;
	background: url(/images/gold/submenu_line.gif) no-repeat left bottom;
}

#submenu a {
	margin: 0;
	color: #625634;
	padding: 11px 20px 20px 20px;
	text-decoration: none;
	font-family: "Trebuchet MS", sans-serif;
}


a:active {
  outline: none;
}

:focus {
  -moz-outline-style: none;
}



.btn {
	border-top: 1px solid #ff0033;
	border-left: 1px solid #ff0033;
	background: #ff0033;
	padding: 5px;
	border-right: 1px solid #c30028;
	border-bottom: 1px solid #c30028;
	color: #fff;
}

/* Login credentials is the "hello" box */  
#logincredentials p {
	margin: 0;
	padding: 0;
	text-align: right;
}

#logincredentials {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: normal;
}


/*-------------------------------------------------
content
-------------------------------------------------*/

/* LOGIN SCREEN */
/*****************/

/* Problems? contact us (at the login) */
#problems_login {
	text-align: center;
	color: #999999;
	width: 100%;
	margin: 0;
}

#problems_login p {
	margin: 0;
	padding: 0;
}

#problems_login p a {
	color: #999999;
}

#login_member #notice p {
	margin: 0;
	padding: 0;
}

#login_member input#email {
  width: 260px;
}


#login_member label {
  float: left;
  font-weight: normal;
  display: block;
  width: 80px;
}

#login_member p label {
  font-size: 13px;
  padding-top: 5px;
}


#login_member p {
	margin: 8px 0;
}

#login_member p img {
	margin-left: 120px;
	margin-top: 45px;
}

#login_member {
	width: 500px;
	margin: 0 auto;
}

#login_box {
	padding: 8px 15px 7px 22px;
	border: 1px solid #fff;
	background: #fff url(/images/login-box.gif) repeat-x left top;
}

#login_box .btn {
	margin-left: 81px;
}

/**/


/* REGISTRATION */
/***************/
body#registration {
	background: #ffde7b url(/images/register-back.gif) repeat-x;
}

#registration #submenu {
	display: none;
}

#registration .header-title {
	font-size: 2em !important;
	margin: 0 !important;
}

#registernow {
	font-size: 1.8em;
	color: #6b654e;
	line-height: 29px;
	margin: 15px 0;
	}

#registernow span {
	background: #fcffc0;
	padding: 0 2px;
}

#registration #container {
	margin: 0;
	padding: 0;
}

#registration #big_wrapper_content, #registration #content, #registration #container {
	width: 425px;
}

#registration th {
	border: none;
	text-align: right;
	padding-right: 10px;
	width: 80px;
}

#registration td, #registration th {
	padding-bottom: 8px;
}

#registration table {
	padding: 0 22px 2px 15px;
	width: 420px;
}

#registration fieldset p {
	padding: 0 18px;
	margin: 0 0 8px 0;
}

#registration fieldset {
	width: 420px;
	border: 2px solid #ffc613;
	border-bottom: 3px solid #e7b941;
	background: #fff1b9;
	margin-bottom: 15px;
	color: #332c13;
	padding: 10px 0;
}

#registration hr {
	border-left: 0;
	border-bottom: 0;
	border-right: 0;
	border-top: 1px solid #c7bb92;
}

#registration #payment {
	color: #000;
	margin: 0;
}

#iagree {
	border-top: 1px solid #c7bb92;
	padding: 11px !important;
	font-size: 14px;
	color: #000;
}

#registration .information_box {
	display: none;
}

#registration legend {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #000;
}




/* LAYOUT */
/**********/
.floatleft {
	float: left;
	margin-right: 30px;
}

.floatright {
	float: right;
}

#container {
	width: 100%;
	float: left;
	padding-top: 3px;
}

#content {
	float: left; 
	width: 99%;
	margin: 40px 0 40px 0;
	font-size: 1.1em;
}

#content_wide {
	width: 100%;
	margin-bottom: 40px;
}

#register {
	margin: 10px;
	background: #e4edf4;
    border:1px solid #BCD2E6;
	padding: 1px;
}

input {
	padding: 3px;
	font-size: 13px;
	color: #333;
}

.button {
	background: #ff2549;
	color: #fff;
	border-top: 1px solid #ff2549;
	border-left: 1px solid #ff2549;
	border-bottom: 1px solid #e31637;
	border-right: 1px solid #e31637;
}


#application_error {
	background: #e4edf4;
	padding: 1px;
	width: 400px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	padding: 20px;
}

a.create, a:hover.create   {
	background: #e8f1ff !important;
	text-decoration: underline !important;
	font-size: 14px !important;
	font-weight: normal !important;
}

.ajax-scaffold-header .actions {
	margin-top: 2px;
}

.dividing img {
	vertical-align: middle;
	height: 10px;
}

#notice {
	text-align: center;
	margin-top: 20px;
}

#notice p {
	padding: 6px 0;
}

#notice p span {
    padding: 6px 8px;
    font-size: 1.1em;
    margin-top: 20px;
    margin-bottom: 0;
    background: url(/images/notice.gif) repeat-x left top;
    border-bottom: 1px solid #b8e65c;
    font-weight: bold;
    color: #000;
    text-align: center;
}

h1.header-title {
	font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
	margin-bottom: 2px;
	padding: 0;
	margin-top: 18px;
	letter-spacing: -2px;
	font-size: 2.5em;
	color: #404044;
}

#content h2 {
	color: #f45500;
	margin: 0;
	padding: 8px 0 0 0;
}

#content h2.floatleft {
	float: left;
	margin-right: 10px;
}

.today .today-title {
	background: #ffc200;
	padding: 4px;
	color: #fff;
	font-size: 17px;
	display: block;
}

#fivedays .floatleft {
	background: #fff;
	float: left;
	margin-right: 8px;
	width: 130px;
	height: 120px;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	font-weight: Normal;
}

#all-upcoming h3 span {
	background: #ffc252;
	color: #333;
	padding: 2px 3px;
}

#all-upcoming h3 {
	margin: 18px 0 8px 0;
}

#all-upcoming p {
	font-weight: normal;
	font-size: 12px;
	color: #333;
	margin: 0 0 5px 0;
}

.sectionheader {
    width: 100%;
    background: #e1ecfe;
    height: 28px;
}

.sectionheader h1 {
    float:left;
    font-size: 14px;
    margin: 2px 2px 2px 26px;
    padding: 2px 0px 0px 0px;
}

.sectionheader .icon {
    float: left;
    margin: 5px;
}

.sectionheader p.controls {
    float: right;
}

element.style {
padding-bottom:0pt;
padding-top:0pt;
}

#file-details-header-wrapper {
	background: #e4edf4;
      	border:1px solid #BCD2E6;
	padding: 1px;
    margin: 5px 0px 5px 0px;
}

#file-details-header .icon {
    margin-left:5px;
}

#client-header-wrapper {
	background: #e4edf4;
      	border:1px solid #BCD2E6;
	padding: 1px;
    margin: 5px 0px 5px 0px;
}

#client-header .icon {
    margin-left:5px;
}

#retainer-header-wrapper {
	background: #e4edf4;
      	border:1px solid #BCD2E6;
	padding: 1px;
    margin: 5px 0px 5px 0px;
}

#retainer-header .icon {
    margin-left:5px;
}

#activities-header-wrapper {
	background: #e4edf4;
      	border:1px solid #BCD2E6;
	padding: 1px;
    margin: 5px 0px 5px 0px;
}

#activities-header .icon {
    margin-left:5px;
}

#client-header-wrapper {
	background: #e4edf4;
      	border:1px solid #BCD2E6;
	padding: 1px;
    margin: 5px 0px 5px 0px;
}

#client-header .icon {
    margin-left:5px;
}
#file-header-wrapper {
	background: #e4edf4;
      	border:1px solid #BCD2E6;
	padding: 1px;
    margin: 5px 0px 5px 0px;
}

#file-header .icon {
    margin-left:5px;
}


#all-upcoming table .late-th span {
	background: #8c8c8c;
}

h3.search_separator {
	margin: 15px 0 0 0;
	background: #777;
	float: left;
	padding: 4px;
	font-weight: bold;
	color: #fff;
}

.black_title {
	margin: 18px 0 0 0;
	padding: 0;
	color: #000;
	font-size: 2.2em;
	letter-spacing: -1px;
}

#due_late h3.due {
	color: #ff0000;
	font-weight: bold;
	font-size: 1.3em;
	margin-top: 15px;
	padding-bottom: 0;
}

#due_late .due span {
	background: #ffe1e1 url(/images/late-left.gif) no-repeat left top ;
	padding: 4px 3px 5px 8px;
}

#due_late .due-right {
	background: url(/images/late-right.gif) no-repeat right top !important;
}

#due_late p {
	border-bottom: 1px dotted #ccc;
	background: url(/images/red_bullet.gif) no-repeat left 6px;
	padding-bottom: 4px;
	font-size: 1.2em;
	padding-left: 14px;
	margin: 11px 0 8px 10px;
}


#content h3.title {
	font-size: 15px;
	margin: 10px 0 7px 0;
	padding: 0;
}

/*-------------------------------------------------
Clients
-------------------------------------------------*/
#clients table {
	margin: 0;
}

/*-------------------------------------------------
Files
-------------------------------------------------*/
.dividing {
	background: #eff3fe;
	padding: 12px 8px;
	margin-top: 20px;
	margin-bottom: 0;
	color: #000;
	border-bottom: 1px solid #b0b0b0;
}

.dividing h3 {
	margin: 0;
	padding: 0;
}

.dividing a {
	font-weight: normal;
	font-size: 13px;
	color: #333 !important;
}

#file table, #file, #client table, #client, #retainer table, #retainer, #documents table, #documents, #reminders table, #reminders, #notes, #notes table {
	padding: 0;
	margin: 0;
}

#notes p, #documents p {
	margin-left: 8px;
}

#notes {
	background: #fff9cf;
}

#notes textarea {
	margin: 0;
	padding: 4px;
	width: 75%;
	font-weight: normal;
	font-size: 14px;
	color: #333;
}


/*-------------------------------------------------
Events view
-------------------------------------------------*/
#events-view {

}

#events-view ul li {
	display: inline;
	list-style: none;
}

#events-view ul a {
	color: #000;
	background: #6197f6;
	padding: 6px 6px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin-right: 4px;
}

#events-view ul {
	margin: 0;
	padding: 0;
}


/*-------------------------------------------------
sidebar
-------------------------------------------------*/
#sidebar {
	margin-top: 5px;
	padding: 0 0 0 11px;
	float: left;
}

#sidebar a {
	font-weight: normal;
	line-height: 20px;
}

#sidebar img {
	vertical-align: middle;
}

#nav_account {
	padding: 20px 80px 20px 20px;
	height: 180px;
	background: url(/images/accounts_back.gif) no-repeat left top;
}

#nav_account ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	line-height: 26px;
}

#nav_account .icon_edit {
	background: url(/images/accounts_edit.gif) no-repeat left center;
	padding-left: 24px;
}

#nav_account .icon_invite {
	background: url(/images/accounts_invite.gif) no-repeat left center;
	padding-left: 24px;
}

#nav_account a {
	font-weight: normal;
	color: #0052ff;
	font-size: 15px;
}

#sidebar h2 {
	font-family: "Trebuchet MS", sans-serif;
	color: #fff;
	font-size: 1.2em;
	background: #000 url(/images/h2_dark_back.gif) repeat-x left top;
	padding: 4px 0 4px 10px;
	margin: 0;
}

#accordion {
	background: #fff;
}

#accordion p {
	margin: 0;
	padding: 8px 14px 14px 14px;
	font-size: 12px;
	line-height: 14px;
}

h3.toggler {
	margin: 0;
	padding: 4px 0 4px 20px;
	background: #eff3fe url(/images/green_bullet.gif) no-repeat 10px center;
	font-size: 12px;
	color: #000;
	border-top: 2px solid #fff;
	cursor: pointer;
}


/*-----------------------------------------------------------------
tables (.late, .first, .list, .zebra, #all-upcoming, label, .data
------------------------------------------------------------------*/

#content .button {
	border: 0;
	margin: 10px 0 5px 0;
}

table { /* Entire table, separation at the top from titles */
    margin-top: 15px;
}

#content table th a { /* Links on the table titles (TH) */
	color: #333;
	text-decoration: none;
}

#content table th a:hover {
	text-decoration: underline;
}

table .zebra {
	background: #fad3c8; 
	width: 60px;
	text-align: center;
}

.list tbody tr.selected td {
	background-color: #3d80df;
	color: #ffffff;
	font-weight: bold;
	border-bottom: 1px solid #7DAAEA;
}
	
table tr.even-line {
    background-color: #edf3fe;
}

table tr.odd-line {
    background-color: #fff;
}

.list tr.overdue {
    background-color: #ffeae3;
}

td.label {
    width: 20px;
    background: #eee;
    text-align: right;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    padding: 6px 4px 2px 2px;
}

label {
	font-weight: normal;
}

td.data {
    font-weight: normal;
    width: 32%;
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding: 6px 2px 2px 10px;
    vertical-align: top;
    color: #333;
}

table#agenda {
	margin:10px 0 0 0;
	padding: 0;
}

table#agenda th, table.list th {
background: #d0e0fe;
color: #333;
font-size: 13px;

padding: 6px 4px;
text-align: left;
border-left: 1px solid #e4e9ff;
border-right: 1px solid #b3c3e3;
}

table#agenda .first {
width: 85px;
}

table#agenda td, table.list td {
padding: 5px;
border-bottom: 1px solid #ccc;
}

table#reminder {
border-top: 1px solid #fbd971;
border-bottom: 1px solid #fbd971;
margin: 20px 0;
padding: 15px 0 15px 10px;
background: #fdebb5;
}

table#reminder #reminder_name {
	font-weight: bold;
	font-size: 16px;
	color: #000;
}

/*-------------------------------------------------
errors
-------------------------------------------------*/

.fieldWithErrors {
  padding: 1px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 1px solid red;
  padding: 7px;
  padding-bottom: 12px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/*-------------------------------------------------
calendar
-------------------------------------------------*/
#cover {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: gray;
    opacity: .7;
	filter: alpha(opacity=70);
    z-index: 5;
}


#editbox {
    position: absolute;
    left: 25%;
    float: center;
    background-color: white;
    top: 100px;
    width: 50%;
    text-align: left;
    z-index: 1000;
    padding: 20px;
}

#allday {
	padding: 0 0 8px 0;
	width: 100%;
}

.allWeek {
	width: 100%;
	position:relative;
	height: 80px !important; 
}
	
#calendar h2.weekday {
	font-size: 14px !important;
	margin-left: 40px !important; 
	margin-top: 14px;
	background: #fff;
	padding: 2px 6px;
}

#calendar h2 {
	font-size: 21px;
	background: none;
	font-weight: normal;
	float: left;
	margin-right: 10px;
	display: block;
}

.allAppt {
	background: #6197f6;
	height: 15px;
	margin-bottom: 2px;
	color: #FFFFFF;
}

	.singleAllDay {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 10px;
	}

	.fiveAllDay1 {
	position: absolute;
	left: 0px;
	width: 14.285%;
	height: 10px;
	}
	.fiveAllDay2 {
	position: absolute;
	left: 14.285%;
	width: 14.285%;
	height: 10px;
	}
	.fiveAllDay3 {
	position: absolute;
	left: 28.57%;
	width: 14.285%;
	height: 10px;
	}
	.fiveAllDay4 {
	position: absolute;
	left: 42.855%;
	width: 14.285%;
	height: 10px;
	}
	.fiveAllDay5 {
	position: absolute;
	left: 57.14%;
	width: 14.285%;
	height: 10px;
	}
	.fiveAllDay6 {
	position: absolute;
	left: 71.425%;
	width: 14.285%;
	height: 10px;
	}
	.fiveAllDay7 {
	position: absolute;
	left: 85.71%;
	width: 14.285%;
	height: 10px;
	}
	
/* Use this style to show the current sub-category */
#submenu .current a {
	color: #000;
	padding: 10px 20px 24px 20px !important;
	background: url(/images/gold/submenu_current.gif) no-repeat center bottom;
}


/* THIS IS A SAFARI BUG; this style should NEVER be removed from the end of this file */
#submenu .current a {
	color: #000;
	padding: 10px 20px 21px 20px !important #;
	background: url(/images/gold/submenu_current.gif) no-repeat center bottom;
}