/************************************************************************************

	Page Structure
	
	These are the styles used to layout the page structure from within the kiosk
	interface. 

************************************************************************************/
	
	body.main,
	body.mainarabic {
		background-color: #FFFFFF ;
		background-image: url("../../images/global/body_background_orange_black.gif") ;
		background-position: center top ;
		background-repeat: no-repeat ;
		margin: 0px 0px 25px 0px ;
		}
		
	body.pop {
		margin: 10px 10px 10px 10px ;
		}
		
	#sitecenter { }
		
	div.pagewidth {
		background-color: #FFFFFF ;
		text-align: left ;
		width: 770px ;
		}
		
/************************************************************************************

	Banner
	
	These are the styles used within banner and logo area.

************************************************************************************/
		
	#banner {}
	
	#banner img {
		display: block ;
		float: left ;
		margin: 0px 0px 0px 0px ;
		}
		
/************************************************************************************

	Primary Navigation
	
	These are the styles used within the primary navigation area.

************************************************************************************/
	
	#primarynavigation {
		background-color: #000000 ;
		height: 26px ;
		line-height: 26px ;
		margin-bottom: 1px ;
		padding-left: 21px ;
		}
	
	#primarynavigation img {
		display: block ;
		float: left ;
		margin: 0px 0px 0px 0px ;
		}
		
	#primarynavigation img.bottomofcircle { }
	
/************************************************************************************

	Email / Print Navigation
	
	These are the styles used within the email and print area.

************************************************************************************/
	
	#emailprintnavigation {
		clear: both ;
		height: 35px ;
		line-height: 35px ;
		margin-bottom: 1px ;
		}
	
	#emailprintnavigation div.curve {
		background-color: #D37038 ;
		background-image: url("../../images/global/page_title_curve.gif") ;
		background-position: right ;
		float: left ;
		/* padding-left: 26px ; */
		width: 465px ;
		}
		
	#emailprintnavigation div.curve #pagetitle {
		color: #FFFFFF ;
		font-size: 16px ;
		font-weight: bold ;
		margin: 0px 0px 0px 26px ;
		padding: 0px 0px 0px 0px ;
		}
		
	#emailprintnavigation div.curve img {
		display: block ;
		margin: 0px 0px 0px 0px ;
		}
	
	#emailprintnavigation div.icons {
		float: right ;
		width: 200px ;
		}
	
	#emailprintnavigation div.buffer {
		padding: 7px 17px 0px 0px ;
		}
	
	#emailprintnavigation div.icons img {
		display: block ;
		float: right ;
		margin: 0px 0px 0px 17px ;
		}
	
/************************************************************************************

	Secondary Navigation
	
	These are the styles used within the secondary navigation area.

************************************************************************************/
	
	#secondarynavigationcolumn {
		background-color: #F3F4F4 ;
		background-image: url("../../images/global/secondary_nav_column_fade.jpg") ;
		background-position: bottom ;
		background-repeat: no-repeat ;
		color: #313131 ;
		font-size: 11px;
		float: left ;
		overflow: hidden ;
		padding-bottom: 100px ;
		width: 210px ;
		}
	
	#secondarynavigationcolumn div.buffer {
		padding: 49px 10px 0px 16px ;
		}
	
	#secondarynavigation {}
	
	body.mainarabic #secondarynavigation {
		direction: rtl ;
		text-align: right ;
		}
		
	#secondarynavigation a {
		color: #313131 ;
		display: block ;
		padding: 5px 0px 5px 0px ;
		text-decoration: none ;
		}
		
	#secondarynavigation a img {
		margin: 0px 7px 0px 0px ;
		}
		
	#secondarynavigation a:off {}
	
	#secondarynavigation a.on {}
	
	#secondarynavigation div.subnavigation a {
		color: #313131 ;
		display: block ;
		padding: 5px 0px 5px 8px ;
		text-decoration: none ;
		}
		
/************************************************************************************

	Tertiary Navigation
	
	These are the styles used within the tertiary navigation area.

************************************************************************************/
		
	#tertiarynavigation {
		margin-bottom: 12px ;
		font-size: 11px ;
		}
		
	#tertiarynavigation a {}
	
	#tertiarynavigation a.off {}
	
	#tertiarynavigation a.on {
		color: #EE7131 ;
		}
		
/************************************************************************************

	Footer Navigation
	
	These are the styles used within the footer navigation area.

************************************************************************************/
		
	#footernavigation {
		clear: both ;
		color: #999999 ;
		font-size: 9px ;
		line-height: 16px ;
		padding-top: 5px ;
		text-align: center ;
		}
		
	#footernavigation a {	
		color: #999999 ;
		text-decoration: none ;
		}
		
	#footernavigation span.copyright,
	#footernavigation span.copyright a {
		/* color: #6070A1 ; */
		color: #999999 ;
		}
		
/************************************************************************************

	Content Areas
	
	These are the styles used within the content area.

************************************************************************************/
	
	#content,
	#content-full {
		float: left ;
		}
		
	#content {
		width: 556px ;
		overflow: hidden ;
		}
		
	#content div.buffer,
	#content-full div.buffer {
		padding: 48px 20px 0px 12px ;
		}
		
	body.mainarabic #content {
		direction: rtl ;
		text-align: right ;
		}
		
/************************************************************************************

	Attorney Bio Column
	
	These are the styles used for the attorney bio column on the attorney detail
	pages.

************************************************************************************/
			
	#biocolumn {}
	
	#biocolumn p {
		color: #1D1D1D ;
		line-height: 15px ;
		margin: 7px 10px 7px 20px ;
		}
	
	#biocolumn p.sectionheader {
		background-color: #C3C4C4 ;
		border: 1px solid #FFFFFF ;
		border-width: 1px 0px 1px 0px ;
		color: #1D1D1D ;
		font-weight: bold ;
		margin: 0px 0px 0px 0px ;
		padding: 5px 5px 5px 20px ;
		}
		
/************************************************************************************

	Practice Area
	
	These are the styles used for the practices and industries pages.

************************************************************************************/
			
	div.practicelist {
		float: left ;
		width: 48% ;		
		}
	
	div.practicelist td.toggle {
		padding: 2px 0px 0px 0px ;
		vertical-align: top ;
		width: 15px ;
		}
		
	div.practicelist td.area {
		line-height: 1.4em ;
		padding: 0px 0px 3px 0px ;
		}
		
		
	div.practicelist td.area p.toplevel {
		margin-bottom: 8px ;
		}
		
	div.practicelist td.area div.sublevel {
		display: none ;
		line-height: 1.4em ;
		margin: 3px 0px 8px 20px ;
		}
		
	div.practicelist td.area div.sublevel p {
		margin-bottom: 5px ;
		}
		
	#navcolumncontact {
		line-height: 1.4em ;
		}
		
	#navcolumncontact a {
		display: inline ; 
		margin: 0px 0px 0px 0px ;
		padding: 0px 0px 0px 0px ;
		text-decoration: underline ;
		}

/************************************************************************************

	Global Financial
	
	These are the styles used for the practices and industries pages.

************************************************************************************/

	div.global_financial {
		float: left ;
		width: 100% ;		
		}
	
	div.global_financial td.toggle {
		padding: 2px 0px 0px 0px ;
		vertical-align: top ;
		width: 15px ;
		}
		
	div.global_financial td.area {
		line-height: 1.4em ;
		padding: 0px 0px 3px 0px ;
		}
		
	div.global_financial td.area p.toplevel {
		margin-bottom: 8px ;
		}
		
	div.global_financial td.area div.sublevel {
		display: none ;
		line-height: 1.4em ;
		margin: 3px 0px 20px 20px ;
		}
		
	div.global_financial td.area div.sublevel p {
		margin-bottom: 10px ;
		}

	div.global_financial a.more {
		margin-top: 10px ;
		margin-bottom: 10px ;
		}

/************************************************************************************

	Interview List
	
	These are the styles used for the on-campus interviews list page.

************************************************************************************/
			
	#interviews {}
	
	#interviews td {
		line-height: 1.4em ;
		padding: 0px 5px 3px 0px ;
		vertical-align: top ;
		}
		
	#interviews tr.header td {
		font-weight: bold ;
		}
		
	#interviews tr.row td {}
	
/************************************************************************************

	Drop Down Menus
	
	These are the styles used for the drop down menus.

************************************************************************************/
					
	div.dropdownmenu {
		display: none ;
		position: absolute ;
		width: 150px ;
		z-index: 100 ;
		}
		
	div.dropdownmenu div.menu {
		background-color: #000000 ;
		border: 1px solid #FFFFFF ;
		padding: 3px 0px 3px 0px ;
		}
		
	div.dropdownmenu div.menu a {
		color: #D37038 ;
		display: block ;
		padding: 3px 10px 3px 10px ;
		text-decoration: none ;
		}
		
	div.dropdownmenu div.menu a:hover {
		background-color: #7A7A7A ;
		color: #FFFFFF ;
		}
		
/************************************************************************************

	Attorney Search
	
	These are the styles used for attorney search results pages.

************************************************************************************/

	#attorneysearch {}
	
	#attorneysearch td {
		line-height: 1.4em ;
		padding: 3px 5px 3px 5px ;
		vertical-align: top ;
		font-size:11px;
		}
		
	#attorneysearch tr.position td {
		font-weight: bold ;
		}
		
	#attorneysearch tr.position td hr {
		width: 100% ;
		}
		
	#attorneysearch tr.header td {
		font-weight: bold ;
		}
		
	#attorneysearch tr.header td.first {
		border-left: solid 12px #FFFFFF ;
		}
		
	#attorneysearch tr.row {}
	
	#attorneysearch tr.row-alt {
		background-color: #F3F4F4 ;
		}
		
	#attorneysearch tr.row td.first,
	#attorneysearch tr.row-alt td.first {
		border-left: solid 12px #FFFFFF ;
		}
		
/************************************************************************************

	Print Format
	
	These are the styles used for print versio of the pages.

************************************************************************************/
		
	div.printlogo {
		margin: 0px 0px 20px 0px ;
		}
		
/************************************************************************************

	Global Search
	
	These are the styles used for global search form and pages.

************************************************************************************/		
		
	#globalsearch {}
	
	#globalsearch input.criteria {	
		border: 1px solid #333333 ;
		width: 140px ;
		}
		
	#globalsearch p.label {	
		font-weight: bold ;
		margin: 0px 0px 0px 0px ;
		padding: 7px 0px 0px 0px ;
		}
		
/************************************************************************************

	Pop Format
	
	These are the styles used for pop-up pages.

************************************************************************************/		
		
	div.poplogo {
		margin-bottom: 20px ;
		}
		
	div.poplogo img {
		display: block ;
		}
		
/************************************************************************************

	Search Table
	
	These are the styles used for search results and listing-type pages.

************************************************************************************/

	table.search-tools {
		background-color: #DDDDDD ;
		border: 1px solid #B6B494 ;
		}
	
	table.search-tools td.tools {
		padding: 3px 4px 3px 4px ;
		}
		
	table.search-tools td.links {
		padding: 2px 4px 2px 4px ;
		}
		
	table.search-tools td.title {
		font-weight: bold ;
		padding: 4px 4px 4px 4px ;
		}
		
	table.search-tools td.display-status {
		color: #333333 ;
		font-weight: bold ;
		padding: 4px 5px 4px 5px ;
		text-align: right ;
		}
		
	table.search-tools td.display-status span.active {
		color: #006600 ;
		}
		
	table.search-tools td.display-status span.inactive {
		color: #CC0000 ;
		}
		
	table.search-tools td.wizard-note {
		color: #CC0000 ;
		font-weight: bold ;
		padding: 4px 5px 4px 5px ;
		text-align: right ;
		}
		
	/* -- Results List -- */
	
	table.search-results {
		border: 1px solid #B6B494 ;
		border-width: 1px 0px 0px 1px ;
		}
		
	table.search-results tr.header {}
	
	table.search-results tr.header td {
		background-color: #FFFFFF ;
		border: 1px solid #B6B494 ;
		border-width: 0px 1px 2px 0px ;
		font-weight: bold ;
		padding: 5px 5px 5px 5px ;
		white-space: nowrap ;
		}
		
	table.search-results tr.header td a {
		color: #333333 ;
		}
		
	table.search-results tr.row,
	table.search-results tr.row-alt {}
	
	table.search-results tr.row td,
	table.search-results tr.row-alt td {
		background-color: #DAD9C9 ;
		border: 1px solid #B6B494 ;
		border-width: 0px 1px 1px 0px ;
		padding: 5px 5px 5px 5px ;
		}
		
	table.search-results tr.row td.item,
	table.search-results tr.row-alt td.item {}
	
	table.search-results tr.row td.item-indented,
	table.search-results tr.row-alt td.item-indented {
		padding-left: 25px ;
		}
		
	table.search-results tr.row td.small,
	table.search-results tr.row-alt td.small {
		font-size: 9px ;
		}
	
	table.search-results tr.row td.actions,
	table.search-results tr.row-alt td.actions {
		white-space: nowrap ;
		}
	
	table.search-results tr.row td.nowrap,
	table.search-results tr.row-alt td.nowrap {
		white-space: nowrap ;
		}
		
	table.search-results tr.row td.no-data {
		padding: 15px 15px 15px 15px ;
		}
		
	table.search-results tr.row-alt td {
		background-color: #FFFFFF ;
		}
		
	/* -- Search Tools Bottom -- */
	
	table.search-tools-bottom {
		background-color: #DDDDDD ;
		border: 1px solid #B6B494 ;
		
		}
	
	table.search-tools-bottom td.tools {
		padding: 3px 4px 3px 4px ;
		}
		
	table.search-tools-bottom td.links {
		padding: 6px 4px 6px 4px ;
		}
		
/************************************************************************************

	Data Form Table
	
	These are the styles used for the data form tables.

************************************************************************************/
				
	table.data-form-title {
		background-color: #DDDDDD ;
		border: 1px solid #B6B494 ;
		border-bottom-width: 0px ;
		}
		
	table.data-form-title td.title {
		font-weight: bold ;
		padding: 4px 5px 4px 5px ;
		}
		
	table.data-form-title td.display-status {
		color: #333333 ;
		font-weight: bold ;
		padding: 4px 5px 4px 5px ;
		text-align: right ;
		}
		
	table.data-form-title td.display-status span.active {
		color: #006600 ;
		}
		
	table.data-form-title td.display-status span.inactive {
		color: #CC0000 ;
		}
		
	table.data-form-title td.wizard-note {
		color: #CC0000 ;
		font-weight: bold ;
		padding: 4px 5px 4px 5px ;
		text-align: right ;
		}
		
	/* -- Data Form -- */
				
	table.data-form {
		margin-bottom: 12px ;
		}
				
	table.data-form td.left,
	table.data-form td.left-error {
		font-weight: bold ;
		padding: 6px 7px 9px 0px ;
		vertical-align: top;
		font-size: 11px; 
		}
		
	table.data-form td.left div.left-width {
		font-size: 1px ;
		line-height: 1px ;
		width: 110px ;
		}
		
	table.data-form td.right,
	table.data-form td.right-no-input {
		font-size: 10px ;
		padding: 5px 0px 5px 10px ;
		vertical-align: top ;
		}
		
	table.data-form td.right td.field-note, 
	table.data-form td.right div.field-note {
		color: #666666 ;
		font-size: 10px ;
		padding: 0px 5px 0px 2px ;
		line-height: 11px ;
		}
		
	table.data-form td.right td.field-note a, 
	table.data-form td.right div.field-note a { }
		
	table.data-form td.right div.field-note {
		margin-left: 2px ;
		padding: 0px 0px 0px 0px ;
		}
		
	table.data-form td.right div.field-spacer {
		font-size: 1px ;
		line-height: 10px ;
		}
		
	table.data-form td.right label {
		color: #333333 ;
		font-size: 11px ;
		}
		
	table.data-form td.right div.field-header {
		color: #4A4A4A ;
		font-size: 11px ;
		margin-bottom: 7px ;
		margin-top: 2px ;
		}		
		
		
	table.data-form tr.error td.right {
		background-color: #D0DEC3 ;
		}
	
	table.data-form td.right-no-input {
		color: #333333 ;
		line-height: 1.4em ;
		padding: 5px 10px 6px 10px ;
		}
	
	table.data-form td.form-rule {
		background-color: #DAD9C9 ;
		border: 1px solid #B6B494 ;
		border-width: 0px 1px 1px 0px ;
		color: #4A4A4A ;
		font-weight: bold ;
		padding: 1px 7px 2px 7px ;
		text-align: center ;
		vertical-align: top ;
		}
		
	table.data-form td.toggle-section {
		background-color: #DDDDDD ;
		border: 1px solid #B6B494 ;
		border-width: 0px 1px 1px 0px ;
		font-size: 10px ;
		padding: 2px 5px 2px 5px ;
		text-align: right ;
		}
		
	table.data-form tr.hidden {
		display: none ;
		}
		
	table.data-form td.right-no-input table.mini-data-grid {
		margin-bottom: 2px ;
		}
	
	table.data-form td.right-no-input table.mini-data-grid tr.header td {
		border-bottom: 1px solid #F0F0F0 ;
		color: #333333 ;
		font-weight: bold ;
		padding: 0px 10px 4px 0px ;
		white-space: nowrap ;
		}
	
	table.data-form td.right-no-input table.mini-data-grid tr.row:hover {
		background-color: #F5F5F5 ;
		}
	
	table.data-form td.right-no-input table.mini-data-grid tr.row td {
		border-top: 1px solid #F0F0F0 ;
		padding: 3px 10px 3px 0px ;
		}
		
	table.data-form td.right-no-input table.mini-data-grid tr.row td.indented {
		padding-left: 20px ;
		}
	
		
	table.data-form td.delete-confirmation,
	table.data-form td.generic-confirmation {
		background-color: #FAFAFA ;
		border: 1px solid #B6B494 ;
		border-width: 0px 1px 1px 0px ;
		padding: 15px 15px 15px 15px ;
		}
		
	table.data-form td.delete-confirmation div.delete-item,
	table.data-form td.generic-confirmation div.confirmation-item {
		color: #CC0000 ;
		font-weight: bold ;
		margin: 15px 0px 15px 20px ;
		}
		
	input.xsmall,
	input.small, 
	input.medium, 
	input.medium-large, 
	input.large, 
	input.xlarge {
		padding-left: 2px ;
		}
		
	textarea.small, 
	textarea.medium, 
	textarea.large, 
	textarea.large-short, 
	textarea.xlarge,
	textarea.email {
		padding: 2px 2px 2px 2px ;
		}
		
	input.xsmall {
		width: 56px ;
		}
		
	input.small,
	select.small {
		width: 70px ;
		}
		
	input.small-medium,
	select.small-medium {
		width: 100px ;
		}
		
	input.medium,
	select.medium,
	textarea.medium {
		width: 125px ;
		}
		
	input.medium-large,
	select.medium-large {
		width: 195px ;
		}
		
	input.large, 
	select.large,
	textarea.large,
	textarea.large-short {
		width: 262px ;
		}
		
	input.xlarge,
	select.xlarge,
	textarea.xlarge,
	textarea.email {
		width: 400px ;
		}
		
	textarea.large,
	textarea.xlarge {
		height: 75px ;
		}
		
	textarea.email {
		height: 250px ;
		}
	
	input.button {}
		
	input.delete-button,
	input.confirmation-button {
		background-color: #990000 ;
		border-color: #990000 ;
		color: #FFFFFF ;
		float: right ;
		}
		
	input.save-and-continue {
		float: right ;
		margin-bottom: 7px ;
		}
		
	input.save-and-add-new {
		float: right ;
		}
		
	input.button-disabled {}
	
/************************************************************************************

	Sort Form
	
	These are the styles used to display the sort select box and its buttons.

************************************************************************************/
		
	table.sort-form {
		margin-bottom: 3px ;
		}
	
	table.sort-form td.select {
		padding: 0px 10px 0px 0px ;
		}
		
	table.sort-form td.select select {}
	
	table.sort-form td.buttons {}
	
	table.sort-form td.buttons button {
		font-size: 3px ;
		padding: 3px 0px 3px 0px ;
		width: 125px ;
		}
	
	table.sort-form td.buttons input {
		margin-bottom: 5px ;
		margin-top: 5px ;
		padding-bottom: 1px ;
		padding-top: 1px ;
		width: 125px ;
		}
		
	table.sort-form td.buttons input.alpha-sort {
		padding-bottom: 1px ;
		padding-top: 1px ;
		}
		
/************************************************************************************

	Double Select Form
	
	These are the styles used to display the double select form and its buttons.

************************************************************************************/
		
	table.double-select-form {
		font-size: 10px ;
		margin-bottom: 3px ;
		}
	
	table.double-select-form td.sort-buttons {
		padding: 13px 5px 0px 0px ;
		}
		
	table.double-select-form td.sort-buttons input {
		font-size: 9px ;
		margin-bottom: 3px ;
		margin-top: 3px ;
		padding: 0px 0px 0px 0px ;
		}
	
	table.double-select-form td.select,
	table.double-select-form td.select-large {}
	
	table.double-select-form td.select div.label, 
	table.double-select-form td.select-large div.label {
		margin-bottom: 3px ;
		}
	
	table.double-select-form td.select select {
		font-size: 10px ;
		width: 174px ;
		}
		
	table.double-select-form td.select-large select {
		font-size: 10px ;
		width: 170px ;
		}
		
	table.double-select-form td.buttons {
		padding: 13px 5px 0px 5px ;
		}
		
	table.double-select-form td.buttons input {
		font-size: 10px ;
		margin-bottom: 3px ;
		margin-top: 3px ;
		padding: 0px 0px 0px 0px ;
		width: 20px ;
		}
		
	div.double-select-form-preview {
		margin-bottom: 5px ;
		text-align: center ;
		}
		
	div.double-select-form-preview span.move-left {
		color: #000000 ;
		}
		
	div.double-select-form-preview span.move-right {
		color: #000000 ;
		}
		
	div.double-select-form-preview span.no-selections {
		font-style: italic ;
		}
		
/************************************************************************************

	Form Errors
	
	These are the styles used to display the form errors.

************************************************************************************/

	div.form-errors {}
		
	div.form-errors {
		color: #990000 ;
		}
	
	div.form-errors h4.header {
		color: #AA0000 ;
		font-weight: bold ;
		margin-bottom: 5px ;
		}
	
	div.form-errors ul.list {}
	
/************************************************************************************

	Page Messages
	
	These are the styles used to display the page messages.

************************************************************************************/
		
	table.page-messages {
		background-color: #F8F8F8 ;
		border: 1px solid #CCCCCC ;
		margin-bottom: 12px ;
		}
		
	table.page-messages td.message {
		border: 1px solid #E8E8E8 ;
		border-left-color: #FFFFFF ;
		border-top-color: #FFFFFF ;
		color: #CC0000 ;
		padding: 5px 10px 5px 10px ;
		}
		
	table.page-messages td.message a {
		color: #CC0000 ;
		}
		
	table.page-messages td.message img {
		margin-right: 10px ;
		vertical-align: middle ;
		}
		
/************************************************************************************

	Rich Text Editor
	
	These are the styles used to display the rich text editor.

************************************************************************************/

	div.rich-edit-preview {
		border: 2px outset #999999 ;
		color: #666666 ;
		font-size: 10px ;
		height: 85px ;
		overflow: hidden ;
		padding: 5px 5px 5px 5px ;
		}
		
	div.email {
		border: 2px outset #999999 ;
		color: #333333 ;
		font-size: 11px ;
		height: 250px ;
		overflow: hidden ;
		padding: 5px 5px 5px 5px ;
		}
		
	#richeditportal {
		background-image: url("../../images/xstandard/portal_background.gif") ;
		border: 1px solid #000000 ;
		height: 200px ;
		left: 0px ;
		overflow: hidden ;
		position: absolute ;
		text-align: center ;
		top: 58px ;
		visibility: hidden ;
		width: 100% ;
		}
		
/************************************************************************************

	List Pager
	
	These are the styles used to display the list pager output.

************************************************************************************/

	div.list-pager {
		text-align: right ;
		}
		
	div.list-pager span.pages-label {}
	
	div.list-pager a.on {
		font-weight: bold ;
		text-decoration: none ;
		}
	
	div.list-pager a.off {}
	
	
	/******* Hanging Indent Styles *********/
	
	.hang_indent {
		text-indent: -18px;
		padding-left: 18px;
		
	}
	
	p.hang_indent_no_marg {
		text-indent: -18px;
		padding-left: 18px;
		margin-bottom: 0px;
		margin-top: 0px;
	}