/*Globals*/
body {background: #000000; margin: 0; font-family: sans-serif;}
a {color: #855F16; text-decoration: underline;}
a:hover {text-decoration: none; color: #CC9900;}
div.content_width {width: 980px; margin: 0 auto;}
a, img {
    border:none;
    outline:none
}


/*Error Handling*/
.form_message {margin: 15px 0; font-size: 14px; text-align: center; color: red;}
.error { font-weight: bold;}
	
/*Header*/
div.header_container {float: left; width: 100%;}
div.header_container div.header {position: relative; float: left; width: 100%; height: 92px; background: #000000; margin-top: 53px;}
div.header_container div.header img.logo {float: left; border: 0; padding: 0px 0px 0px 2px}
div.header_container div.header div.header_right {float: right; height: 90px; width: 164px; margin: -50px 0px 50px 0px}
div.header_container div.header div.header_right p {float: left; color: #ffffff; font-weight: bold; text-align: right; margin: 30px 0 13px 0; line-height: 19px; font-size: 19px;}
div.header_container div.header div.header_right p span {color: #c7b899;}
div.header_container div.header div.header_right a {float: right; display: block; height: 32px; width: 32px; margin: 0 10px 0 0; color: #ffffff;}
div.header_container div.header img.corner {position: absolute; top: 83px; left: -21px;}
div.header_container div.header h1.rolling_bar {float: left; width: 99.6875%; background: #414141; height: 42px; color: #ffffff; margin: 0; padding: 0 0 0 0.3125%; font-size: 24px; font-weight: normal; line-height: 42px; vertical-align: middle;}

	/*Navigation*/
	div.header_container div.header ul.navigation {float: left; list-style: none; margin: -15px 0 0 0; padding: 0; width: 980px; background: #855F16; background: -moz-linear-gradient(top, #987d46 0%, #865f16 100%); background: -webkit-linear-gradient(top, #987d46 0%,#865f16 100%); background: -ms-linear-gradient(top, #987d46 0%,#865f16 100%); background: linear-gradient(to bottom, #987d46 0%,#865f16 100%);}
	div.header_container div.header ul.navigation li {float: left;}
	div.header_container div.header ul.navigation li a {float: left; display:block; margin: 0 1px 0 0; font-weight: normal; padding: 5px 20px; border-right: 1px solid #000000; color: #ffffff; text-decoration: none; font-size: 19px;}
	div.header_container div.header ul.navigation li a:hover {background: #BEA881; color: #000000;}
	div.header_container div.header ul.navigation li a.active {background: #BEA881; color: #000000;}

/*Main Content*/
div.main_container {float: left; width: 100%; background: #ECE8DE; padding: 30px 0px 38px 0px; min-height: 100px}
div.main_container div.main_content {position: relative; float: left; width: 100%; }
	
	/*Secure Board Content*/
	a.board_logout {position: absolute; top: 160px; right: 20px;}
	
	/*Facebox*/
	.facebox_content {width: 790px; margin-top: -15px;}

/*Footer*/
div.footer_container {float: left; width: 100%; background: #000000;}
div.footer_container div.footer {float: left; width: 100%; height: 52px;}
div.footer_container div.footer p {text-align: center; color: #ffffff;}



/*Forms*/
form.LoginForm input {color: black;}
form.LoginForm input.button {color: black; }
div.LoginForm fieldset {border: 1px solid #000000; margin: 30px auto 10px auto; width: 380px; padding: 0px; }
div.LoginForm fieldset input.LoginTextField { width: 258px; }
div.LoginForm label {width: 84px; float: left; font-weight: bold; padding-left: 10px; padding-top: 2px; font-size: 14px;}
div.LoginForm fieldset ol {clear: both; float: left; width: 944px; padding: 0 10px;}
div.LoginForm fieldset li {width: 375px; float: left; padding: 4px 0px 4px 5px; list-style: none}
div.LoginForm fieldset ol {margin: 20px 0;}
div.LoginForm fieldset li {margin: 0;}
div.LoginForm .SubmitButton {text-align: center; margin-top: 5px;}

form.ResetForm input {color: black;}
form.ResetForm input.button {color: black; }
div.ResetForm fieldset {border: 1px solid #000000; margin: 30px auto 10px auto; width: 440px; padding: 0px; }
div.ResetForm fieldset input.LoginTextField { width: 258px; }
div.ResetForm label {width: 140px; float: left; font-weight: bold; padding: 2px 0 0 10px; font-size: 14px;}

/*Search Terms Form*/
form#SearchTermsForm div {background: #b4b4b4; width: 95%; margin: 5px 2.5%; padding: 2px 0 5px 0; float: left;}
form#SearchTermsForm div div.search_level {float: left; width: 12.5%;}
form#SearchTermsForm div div.search_entry {float: left; width: 38%;}
form#SearchTermsForm div div.search_state {float: left; width: 20%; padding-bottom: 4px;}
form#SearchTermsForm div div.search_status {float: left; width: 20%; padding-bottom: 4px;}
form#SearchTermsForm div div.search_rep {float: left; width: 20%; padding-bottom: 4px;}
form#SearchTermsForm div div.search_client {float: left; width: 20%; padding-bottom: 4px;}
#search_state, #search_rep {width: 195px;}
form#SearchTermsForm div label {width: auto; padding: 0; display: block;}
form#SearchTermsForm div input {float: left;}
form#SearchTermsForm div select {float: left; margin: 0 10px 0 0;}
/*form#SearchTermsForm div input[type=text] {width: 380px;}*/
form#SearchTermsForm div div.search_entry input[type=text] {width: 380px;}
form#SearchTermsForm div input[type=button] {float: left; margin: 23px 0 0 35px;}
.view_all {float: left; margin: 28px 0 0 15px;}
form#SearchTermsForm div div.order_search_dates {float: left; width: 60%; margin-top: 20px;}
form#SearchTermsForm div div.order_search_dates label {text-align: right; padding: 5px 4px 0px 0px;  width: 50px; font: bold 14px sans-serif;}
form#SearchTermsForm .client_list_date_picker {width: 200px;}

div.ListingForm {width: 100%; padding: 0px; font-size: 14px;}
div.ListingForm fieldset, form.DataEntryForm fieldset {border: 1px solid #000000; margin: 20px auto 15px auto; padding: 0px; width: 978px; }
.FormName {left: 5px; font-size: 18px; margin-top: -14px; background-color: #ECE8DE; position: relative; padding: 0px 10px 2px 10px; float: left; color: #000000; font-weight: bold; }
.SubNavigation {right: 5px; margin-top: -11px; background-color: #ECE8DE; float: right; position: relative; padding: 0px 10px 2px 10px; font-size: 14px; font-weight: bold;}
.SubNavigation a { text-decoration: none; color: #000000; }
.SubNavigation a:hover { text-decoration: underline; }
div.ListingForm fieldset ol {clear: both; float: left; width: 944px; padding: 0 10px; }
div.ListingForm fieldset li {width: 955px; float: left; padding: 4px 0px 4px 5px; list-style: none; }
div.ListingForm fieldset ol {margin: 20px 0;}
div.ListingForm fieldset li {margin: 0;}
form.DataEntryForm fieldset ol {clear: both; float: left; padding: 0 10px; }
form.DataEntryForm fieldset li {float: left; list-style: none; padding: 4px 0px 4px 5px}
form.DataEntryForm fieldset ol {margin: 20px 0;}
form.DataEntryForm fieldset li {margin: 0;}
.ColumnHeader {float: left; vertical-align: top; font-weight: bold; font-style: italic; border-bottom: solid black 1px;}
.no_results {float: left; vertical-align: top; font-weight: bold; font-style: italic; text-align: center;}
.SectionHeader {width: 100%; float: left; vertical-align: top; text-transform: uppercase; background-color: #dac69d; padding: 3px 0px 3px 5px; color: black}
div.FormOptions, div.Value {vertical-align: top;  padding-top: 3px; float: left; font-size: 12px;}
li.FormRow {line-height: 18px; background-color: #ECE8DE;}
li.FormRow:nth-of-type(odd){background-color: #d5d5d5; }
div.DataEntryForm {width: 100%; padding: 0px; font-size: 14px;}

div.DataEntryForm textarea.TestimonialText {height: 130px;}

hr {float: left; width: 96%; margin: 0 2%;}

ol.member_select {margin-top: 20px;}

div.ListingForm label, form.DataEntryForm label {width: 16%; float: left; font-weight: bold; padding-left: 10px; padding-top: 2px;}
div.ListingForm div.FormField, form.DataEntryForm div.FormField {width: 82%; float: right}
em {color: red}
div.ListingForm .SubmitButton, form.DataEntryForm .SubmitButton {padding-bottom: 10px; text-align: center}
div.SubmitButton {float: left; width: 100%; padding-bottom: 10px; text-align: center}
div.FieldNote {font-size: 8pt}
.status {color: #606060;}

.SourceIDTextField { width: 75px; }
.ZipTextField { width: 50px; }
.PhoneTextField { width: 100px; }
.LoginTextField { width: 500px; }
.LongTextField { width: 775px; }
.MediumTextField { width: 350px; }
.LongTextarea { width: 775px; height: 130px; }
.ClientTextField { width: 480px; }
.FileUploadAccessMultipleSelect { width: 350px; }

.full_width {width: 944px}
.full_width li label {width: 153px;}
.full_width li .FormField {width: 776px !important;}

.medium_width {width: 530px}
.medium_width li {width: 100%;}
.medium_width li label {width: 153px;}
.medium_width li .FormField {width: 360px !important;}

.client_width {width: 650px;}
.client_width li {width: 100%;}
.client_width li label {width: 153px;}
.client_width li .FormField {width: 480px !important;}

/*Inset Box*/
table.inset_box {float: left; width: 390px; background: #b4b4b4; margin: 30px 0 20px 20px; font-size: 12px; padding: 0 0 5px 0;}
table.inset_box label {width: 100%;}
table.inset_box input[type=text] {width: 50px; height: 18px; font-size: 12px;}
table.inset_box th {font-size: 14px; background: #000000; color: #ffffff; padding: 2px 0 5px 0;}
.inset_box input[type="text"] {border: 0; padding: 1px;}
.inset_box input[type="text"]:disabled {background: #e5e5e5;}

table.client_inset_box {float: left; width: 250px; background: #b4b4b4; margin: 30px 0 0 30px; font-size: 12px; padding: 0 0 5px 0;}
table.client_inset_box label {width: 100%;}
table.client_inset_box input[type=text] {width: 100px; height: 18px; font-size: 12px; margin-left: 7px;}
table.client_inset_box th {font-size: 14px; background: #000000; color: #ffffff; padding: 2px 0 5px 0;}


#CompanySelectArea, #UserSelectArea {display: none;}

div.filters {float: left; width: 906px; margin: 10px 15px; padding: 10px 10px; background: #C8B885;}
div.filters span.label {font-size: 14px; font-weight: bold; padding: 0; margin-right: 5px;}
div.filters div.first_level {float: left; width: 250px;}
div.filters div.second_level {float: left; width: 400px;}

.DeleteDisplay {line-height: 21px;}
.delete_file_link {margin-left: 10px; cursor: pointer;}
.delete_red {color: red;}

/*Search Terms Section*/
.search_terms {width: 96%; margin: 0 2% 20px 2%; float: left; font-size: 12px;}
.search_terms div {float: left; margin: 4px 30px 0 0; width: 100%;}
.search_terms div label {padding: 0; float: left; margin-right: 5px; width: 90px;}
.search_terms ul {margin: -2px 0 0 0; padding: 0; float: left; width: auto;}
.search_terms ul li {float: left; width: auto; height: 15px; padding: 2px 0; margin: 0 5px 0 0;}
.search_terms ul li span {font-weight: bold; font-style: italic;}
.search_terms form {float: right; margin: -4px 0 10px 0;}
div.search_dates { float: left; margin: 20px 10px 10px 100px !important;}
div.search_dates label {width: 122px; font: bold 14px sans-serif;}
.client_list_date_picker {width: 200px;  }
#MemberID, #MembershipLevelID {width: 155px;}

/*Tags in Form*/
li.tags {}
li.tags div.FormField label {float: left; font-weight: normal; width: 360px; padding-top: 0; margin: 0 0 8px 0;}
li.tags div.FormField input {float: left; margin-bottom: 8px;}

/*Note Section*/
.note_list li {height: 18px; overflow: hidden; padding: 0px 0 3px 0;}
.note_list li div.FormOptions {border: none; }
.note_list_item {border-top: 1px solid #000000; margin: 2px 0;}
.NoteTextarea { width: 760px; height: 150px;}
.expandable {cursor: pointer;}
.expandable:hover {background: #C2CED3;}
.indication {font-size: 16px; font-weight: bold;}
.indication_left {background: url('../images/gr_LeftArrow.png') no-repeat;}
.indication_down {background: url('../images/gr_DownArrow.png') no-repeat;}

.center {text-align: center;}
.inactive {color: #7C7C7C;}

/*Export Section*/
.date_picker {width: 205px !important; margin-right: 20px;}
.search_dates {width: auto !important; margin: 20px 0 0 100px !important;}
.search_dates label {margin: 2px 10px 0 0;}

.docket_numbers {width: auto !important; clear:both; margin: 0 2% 20px 2%; float: left; display: none;}
.docket_numbers input[type="text"] {width: 160px !important;}
.docket_numbers label {padding: 0; float: left; margin: 2px 5px 0 0; width: 90px;}

.results_line {margin: 5px 0 20px 0 !important; font-weight: bold;}
.results_line #DownloadResults {float: right;}
.results_line input{float: right; margin-top: -5px;}
.export_title {text-align: center; font-weight: bold; font-size: 16px;}


.export_list {margin-top: 20px;}
.select_box {height: 100px; width: 250px;}
.export_results {width: 94%; padding: 10px 1%; margin: 2% 2% 0 2%; background: #b4b4b4; font-weight: bold; text-align: center;}
.clear_data {position: absolute; bottom: 26px; left: 460px;}
.export_submit {text-align: center; margin-left: -75px; padding: 20px 5px 10px 5px;}

.clear_links {position: absolute; top: 502px; left: 310px; font-size: 12px;}
.clear_links a {float: left; width: 100%; margin-bottom: 13px; cursor: pointer;}

/*Dashboard*/
.dashboard_header {background: #BEA881; background: -moz-linear-gradient(top, #BEA881 0%, #865f16 100%); background: -webkit-linear-gradient(top, #BEA881 0%,#865f16 100%); background: -ms-linear-gradient(top, #BEA881 0%,#865f16 100%); background: linear-gradient(to bottom, #BEA881 0%,#865f16 100%); color: #ffffff; padding: 7px; margin-top: 10px; font:  bold 16px sans-serif ; }

/*Tabs*/
ul.tabs {float: left; list-style: none; margin: 10px 1% 0 1%; padding: 0; width: 98%; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}
ul.tabs li {float: left; width: 48% !important; padding: 0 !important; margin-bottom: -1px !important; border-right: 1px solid #000000;}
ul.tabs li:nth-child(2) {float: right; border-left: 1px solid #000000; border-right: 0;}
ul.tabs li a {float: left; display:block; margin: 0 1px 0 0; font-weight: normal; padding: 5px 0; text-align: center;  color: #ffffff; text-decoration: none; font-size: 19px; width: 100%; background: #855F16; border-top: 1px solid #000000; border-bottom: 1px solid #000000; cursor: pointer;}
ul.tabs li a:hover {background: #BEA881; color: #ffffff;}
ul.tabs li a.active {background: #D5D5D5; color: #855F16; border-bottom: 1px solid #D5D5D5;}

#boc_list, #certificate_list {margin-top: 0; padding: 10px 0; margin: 0 1% 20px 1%; width: 98%; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; background: #D5D5D5;}
#boc_list li, #certificate_list li {width: 100%; padding: 4px 0;}
#certificate_list {display: none;}

/*Datepicker Specific*/
div.ui-datepicker{font-size: 14px;}