/*

colors I like!

#7D6B70

#C2CAB6	//	Gallery Systems

*/


/*************************
	list_edit
*************************/
#scratch_list
	{
	position:fixed;
	top:150px;
	right:200px;
	
	width:40%;
	min-height:200px;
	max-height:300px;
	zzoverflow: auto;
	background-color:blue;
	border: 1px dashed red;
	}

#trash_list
	{
	position:fixed;
	top:150px;
	right:250px;
	
	width:100px;
	height:100px;
	background-color:beige;
	border: 1px dashed blue;
	}

#sorted_list
	{
	zzoverflow:scroll;
	zzoverflow-x:hidden;
	zzoverflow-y:auto;
	zzheight:700px;
	zzmin-height:200px;
	zzmax-height:700px;

	float:left;
	width:50%;
	background-color: beige;
	}

#list_edit_image_container
	{
	float:left;
	margin: 5 5 5 5;
	height:auto;
	zzwidth:150px;
	width:auto;
	zzbackground-color: tan;
	border: 0px dotted yellow;
	}

#list_edit_synopsis_container
	{
	float:left;
	margin: 0 5 5 5;
	height:auto;
	width:auto;
	border: 0px dotted red;
	}

.list_container
	{
	clear:left;
	list-style-type:none;
	margin:10 10 10 0;
	padding:0 0 0 0;
	height:75px;
	zzwidth:80%;
	background-color: #c0c2a7;
	border: 0px dotted aqua;
	}

.list_edit_div_main {
	float: left;
	clear: left;
	}

/*************************
	list_ops
*************************/
#list_ops_body
	{
	height:60%;
	}

#list_ops_block
	{
	width: 440px;
	margin-top: 50px;
	margin-left: 50px;
	padding: 10 10 10 10;
	background-color: tan;
	background-color: #ccccaa;
	}

.list_ops_container
	{
	padding: 10 10 10 10;
	margin: 10 10 10 10;
	width: 400px;
	background-color: beige;
	}

.list_ops_select
	{
	}

#list_ops_list_1
	{
	text-align: center;
	}

#list_ops_list_2
	{
	text-align: center;
	}

#list_ops_list_3
	{
	text-align: center;
	}

#list_ops_radio_buttons
	{
	text-align: left;
	}


#list_ops_buttons_container
	{
	float: left;
	margin-top: 20;
	margin-left: 20;
	}

#save_list_input_container
	{
	float: left;
	margin-top: 20;
	margin-left: 20;
	}

.list_ops_button
	{
	float: left;
	margin: 5 5 5 5;
	}

#list_ops_save_list_name
	{
	}

#list_ops_save_results_container
	{
	clear:left;
	margin-left:100px;
	font-size: 12px;
	}

#list_ops_button_submit
	{
	}

#list_ops_button_reset
	{
	}

#list_ops_button_cancel
	{
	}


/*************************
	html tags
*************************/
.body_tag {
	background-color: #c0c2a7;
	zzborder: 0px dashed orange;
	}


/*************************
	style for Navbar DIV
*************************/
.navbar_container {
	position: relative;
	z-index: 4;
	float: left;
	clear: left;
	top: 0px;
	margin-top: 0;
	height: 2em;
	width: 800px;
	margin-bottom: 10px;
	border: 0px dotted green;
	}

.navbar_cell {
	position:relative;
	z-index: 5;
	float: left;
	text-align: left;
	width: 110px;
	margin-top: 5px;
	margin-left: 20px;
	border: 0px dashed red;
	}

#navbar_cell__ajax_busy {
	width:20px;
	}


.display_block_container {
	position: relative;
	z-index: 3;
	float: left;
	clear: left;
	top: 0px;
	margin-top: 0;
	height: 90%;
	border: 0px dotted blue;
	}




/*************************
	pages (header, footer, body, sidebars)
*************************/
div.header {
	height: 10px;
	text-align: center;
	}

div.footer {
	clear: both;
	color: black;
	font-size: 100%;
	text-align: center;
	line-height: 1.25em;
	zzmargin: 0 10.0em 0 10.0em;
	zzpadding: 1em 4mm 1em 4mm;
	}

div.body {
	position: relative;
	color: black;
	text-align: justify;
	line-height: 1.0em;
	margin: 0 1.0em 0 10.0em;
	padding: 0.5ex 1em 1em 1em;
	border-left: 0px solid rgb(216,210,195);
	height: 90%;
	border: 0px dashed yellow;
	}

div#image_body {
	position: relative;
	color: black;
	text-align: left;
	line-height: 1.0em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	zzborder-left: 0px solid rgb(216,210,195);
	height: 100%;
	border: 0px dashed yellow;
	}

div.sidebar_left {
	float: left;
	clear: left;
	width: 0.0em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

div.sidebar_right {
	float: right;
	clear: right;
	width: 0.0em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}


/*************************
	style for Menubar TABLE tag
*************************/
.menubar_table {
	border-style: solid;
	border-width: 2px;
	padding: 5px;
	width: 100%;
	}


/*************************
	style for Menubar
*************************/

/* IDs */
#menubar_all {
	float:left; 
	border: 2px dashed green; 
	height: 40px;
	width: 100%;
	}

#menubar_cell_display {
	padding: 3 15 0 5;
	}

#menubar_cell_format {
	text-align: right;
	padding: 0 5 0 15;
	}

#menubar_select_format {
	}

#menubar_option_format {
	}

#menubar_select_rows_cols {
	}

#menubar_option_rows_cols {
	}

#menubar_cell_rows_cols {
	text-align: left;
	padding: 0 15 0 5;
	}

#menubar_cell_first {text-align:right; width:20px; padding-right:0px;}
#menubar_cell_first a {text-decoration:none; padding:3px 3px 3px 3px;}
#menubar_cell_first a:hover {text-decoration:underline; background:beige;}

#menubar_cell_prev {text-align:right; width:20px; padding-right:5px;}
#menubar_cell_prev a {text-decoration:none; padding:3px 3px 3px 3px;}
#menubar_cell_prev a:hover {text-decoration:underline; background:beige;}

#menubar_cell_next {text-align:left; width:20px; padding-left:5px;}
#menubar_cell_next a {text-decoration:none; padding:3px 3px 3px 3px;}
#menubar_cell_next a:hover {text-decoration:underline; background:beige;}

#menubar_cell_last {text-align:left; width:20px; padding-left:0px;}
#menubar_cell_last a {text-decoration:none; padding:3px 3px 3px 3px;}
#menubar_cell_last a:hover {text-decoration:underline; background:beige;}

.menubar_link_enabled {color:black; font-size:18px;}
.menubar_link_disabled {color:gray; font-size:18px;}

#menubar_link_disabled:hover {background:beige;}

#menubar_cell_jump {padding:0 0 0 0;}

#menubar_jump {
	z-index: 3;
	font-size: 0.7em;
	text-align: right;
	width: 40px;
	padding-right: 2px;
	margin:0 4px 0 5px;
	background-color: white;
	}

#menubar_goto_button {
	}


/* classes */
#menubar_container_id { }
.menubar_container_class {
	position: relative;
	z-index: 3;
	clear: left;
	top: 0px;
	height: 2em;
	width: 900px;
	border: 0px dotted yellow;
	}

.menubar_cell {float:left; z-index:3; text-align:left; height:2.0em; border: 0px dashed purple;}

.menubar_text {
	z-index: 3;
	font-size: 0.7em;
	background-color: white;
	}

.menubar_select {
	z-index: 3;
	font-size: 0.9em;
	margin-left: 2px;
	background-color: white;
	}

.menubar_select_option {
	z-index: 3;
	font-size: 0.9em;
	background-color: white;
	}



.bgcolours {
	background-color: #660000;	/*	magenta	*/
	background-color: #ffffff;	/*	white	*/
	background-color: #eeccaa;
	background-color: #aaccff;
	background-color: #eeccbb;
	}

.main_table {
	border-style: none;
	border-width: 0px;
	padding: 0px;
	width: 100%;
	}

.main_header_cell { 
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	}

.main_footer_cell { 
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	}

.main_margin_left_cell { 
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	width: 15%;
	}

.main_body_cell { 
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	width: 85%;
	height: 650px;
	}


.main_body_cell_table {
	border-style: groove;
	border-width: 5px;
	padding: 10px;
	}

.main_body_cell_row { 
	}

.main_body_cell_cell { 
	padding: 0px;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	width: 85%;
	height: 400px;
	}


/*************************
	buttons
*************************/
.form_button_text_label {
	font-family: sans-serif;
	font-size: 12px;
	}

.button_class {
	font-family: sans-serif;
	font-size: 12px;
	background-color: white;	
	}


/*************************
	dialog_lookup page
*************************/

.dialog_select {
	font-family: sans-serif;
	font-size: 10px;
	}

.dialog_option {
	font-family: sans-serif;
	font-size: 10px;
	}

.dialog_input {
	font-family: sans-serif;
	font-size: 10px;
	}


/*************************
	search pages (list, browse, basic, advanced)
*************************/

.search_div_main {
	float: left;
	clear: left;
	}

#search_table_list {
	}
#search_table_basic {
	}
#search_table_list {
	margin-left: 50px;
	margin-top: 50px;
	}

.search_table { 
	border-style: groove;
	border-width: 5px;
	padding: 30px;
	margin-left: 10px;
background-color: beige;	
	}

.search_table_row {
	background-color: beige;	
	}

.search_table_row_button {
	/*background-color: white;*/
background-color: beige;	
	}

#search_table_cell_advanced {
	text-align: right;
	}
#search_table_cell_basic {
	}
#search_table_cell_list {
	text-align: left;
	}

.search_table_cell {
	font-family: sans-serif;
	font-weight: normal;
	font-size: 10pt;
	vertical-align: top;
	padding: 5px;
	padding-bottom: 5px;
	}

.search_table_cell_field_name_select {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: right;
	vertical-align: top;
	padding: 5px;
	padding-bottom: 5px;
	}

.search_table_cell_boolean_select {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: right;
	vertical-align: top;
	padding: 5px;
	padding-bottom: 5px;
	}

.search_table_cell_field_name {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: right;
	vertical-align: top;
	padding: 5px;
	padding-bottom: 5px;
	}

.search_table_cell_field_data {
	text-align: left;
	vertical-align: bottom;
	padding: 5px;
	padding-bottom: 10px;
	}

.search_table_cell_button_lookup {
	background-color: beige;
	}

.search_table_cell_button {
	padding-top: 15px;
	padding-bottom: 15px;
	}

.search_form {
	}

.search_form_select {
	width: 250px;
	}

.search_form_select_boolean {
	width: 50px;
	}

.search_form_select_comparison {
	width: 100px;
	}

.search_form_select_option {
	width: 250px;
	}

.search_form_select_option_boolean {
	width: 50px;
	}

.search_form_select_option_comparison {
	width: 100px;
	}

.search_form_input {
	width: 250px;
	}

.search_form_input_date {
	width: 60px;
	text-align: right;
	}

.search_form_div_objectid {
	}

.search_form_radio_objectid {
	}

.search_form_button {
	margin-left: 20px;
	}



/*************************
	text snippets
*************************/
.text_snippet {
	text-align: left;	
	}



/*************************
	detail page
*************************/

 .detail_menubar_container {
	position: relative;
	z-index: 3;
	clear: left;
	text-align: left;
	top: 0px;
	height: 2em;
	width: 900px;
	border: 0px dotted yellow;
	}


#detail_table {
float: left;
clear: left;
	align: left;	
	text-align: left;
	margin-top: 10px;
	padding: 10px;
	margin: 10px;
	width: 70%;
	border: 1px solid black;
	}

.detail_table_cell_field_name { 
	width: 150px;
	background-color: beige;
	text-align: left;
	vertical-align: bottom;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	/*	white-space: nowrap;	*/
	}

.detail_table_cell_field_data { 
	width: 80%;
	background-color: beige;
	text-align: left;
	vertical-align: top;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 12px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

.detail_table_row {
	}

.detail_thumbnails {
	float: left;
	}

#detail_thumbnails {
	text-align: left;	
	margin: 10px;
	}

.text_data {font-family:sans-serif; font-weight:normal; font-size:12px; text-decoration:none;}

.detail_links {cursor:pointer; padding:3px 5px 3px 5px;}
.detail_links:hover {text-decoration:underline; background:#c0c2a7;}

.detail_no_links {padding:3px 5px 3px 5px;}


/*************************
	display page grid
*************************/
.display_table_grid {
	padding: 1px;
	border: 0px red dashed;
}

.display_row_grid {
	}

.display_cell_grid_thumb {
	text-align: center;
	vertical-align: bottom;
	height: 150px;
	background-color: beige;
	background-color: #ccccaa;
	border: 0px orange dashed;
	}

.display_cell_grid_synopsis {
	font-family: sans-serif;
	font-size: 10px;
	text-align: center;
	vertical-align: top;
	/*	height: 60px;	*/
	background-color: beige;
	background-color: #ccccaa;
	}

.display_cell_grid_buttons {
	text-align: center;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 9px;
	vertical-align: top;
	height: 20px;
	background-color: beige;
	background-color: #ccccaa;
	}

 
.display_cell_grid_synopsis_anchor {
	text-align: center;
color: black;
	width: 200px;
	vertical-align: baseline;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 10px;
	}

.display_cell_grid_spacer {
	text-align: center;
	width: 200px;
	height: 20px;
	vertical-align: baseline;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}

.display_cell_list_spacer_horizontal {
	width: 20px;
	height: 0px;
	vertical-align: baseline;
	text-align: center;
	}


/*************************
	display page list
*************************/
.display_list_row {
	clear: left;
	border: 0px dashed gray;
	border-top: 1px solid black;
	height: 170px;
	vertical-align: bottom; 
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	/*
	background-color: #7890ab;
	*/
	}

.display_list_thumb {
	float: left;
	text-align: right;
	vertical-align: baseline;
	width: 150px;
	height: 150px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border: 0px dashed blue;
	}

.display_links_synopsis_container {
	float: left;
	border: 0px dashed yellow;
	width:400px;
	text-align:left;
	vertical-align:bottom;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:10px;
	margin-top:20px;
	}

.display_list_synopsis {
	clear: left;
	border: 0px dashed green;
	text-align: left;
	vertical-align: top;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 10px;
	}

.display_link_button {
	float:left;
	cursor: pointer; 
	border: 0px dashed green;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 9px;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:5px;
	margin-top:5px;
	}

.display_link_view_add_rem_edit {
	text-decoration:none;
	padding:5px 5px 5px 5px;
	}
.display_link_view_add_rem_edit:hover {text-decoration:underline; background:beige;}

/*
.display_object_links span:hover {background:beige;}
.display_object_links a:hover {background:beige;}
*/

/*
.display_cell_list_synopsis {
	text-align: left;
	width: 200px;
	vertical-align: top;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 10px;
	}
*/

/*
.display_cell_list_synopsis_anchor {
	text-align: left;
	width: 200px;
	vertical-align: top;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 16px;
	}
*/

.display_table_list {
	padding: 10px;
	}


/*************************
	image page
*************************/

#imageCaptionDiv {
	padding: 5px 5px 5px 5px;
	margin-left:40%;
	margin-right:40%;
	text-align: center;
	background-color: #d4d4bf;
	border: 1px solid #a3a375;
	}

#imageSliderDiv {
	padding: 0px 3px 0px 3px;
	font-weight: bold;
	font-size: 12px;
	background-color: #d4d4bf;
	border: 1px solid #a3a375;
	}


/*************************
	thumbnail IMG tags
*************************/

.thumbnail_image {
	border-style: solid;
	border-width: thin;
	border: 0px orange dashed;
	}

.thumbnail_table {
	border-style: none;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border: 0px green dashed;
	}

.thumbnail_table_row_image {
	}

.thumbnail_table_cell_image {
	}

.thumbnail_table_row_caption {
	font-family: sans-serif;
	font-weight: normal;
	font-size: 10px;
	}

.thumbnail_table_cell_caption {
	font-weight: bold;
	font-size: 9px;
	}


/*************************
	style for win_object DIV
*************************/
#win_object_div_all {
	float: left;
	}

.win_object_div_cell {
	float: left;
	text-align: center;
	width: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}

.win_object_div_cell_input {
	float: left;
	text-align: center;
	width: 120px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}


/*************************
	win_object page
*************************/

.win_object_fieldset { 
 	padding: 5px;
	background-color:white;
	border: 2px solid #7890ab;
	}

.win_object_legend { 
	font-family: san-serif;
	font-weight: bold;
	}

.win_object_table { 
	border-style: none;
	padding: 0px;
	padding-top: 10px;
	background-color:beige;
	}

.win_object_field_name { 
	width: 150px;
	text-align: right;
	vertical-align: bottom;
	white-space: nowrap;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	zzbackground-color: #7890ab;
	background-color: beige;
	}

.win_object_field_data { 
	text-align: left;
	vertical-align: bottom;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 12px;
	padding: 5px;
	}





/*
dropdown
*/
.navbar_dropdown_body {
	position: absolute;
	z-index: 666;
	clear: left;
	float: left;
	top: 70px;
	left: -20px;
	text-align: left;
	width: 220px;
	zzheight:auto;
	margin-left: 0px;
	padding: 1em 1.5em 1em 2em;
	background-color: beige;
	border: 1px solid black;
	}

.navbar_dropdown_body_select_tag {
	list-style: none;
	padding: 2 2 2 2;
	margin: 0 0 0 10px;
	}

/*
#navbar_dropdown_body_search_select_tag {
	list-style: none;
	padding: 2 2 2 2;
	margin: 0 0 0 10px;
	}
*/

#navbar_dropdown_body_logon {
	}

#navbar_dropdown_body_search {
	}

#navbar_dropdown_body_lists {
	}

.navbar_dropdown_body_li_tag {width:150px; padding:3px 3px 3px 3px;}
.navbar_dropdown_body_li_tag a {width:80%; text-decoration:none; padding:3px 3px 3px 3px;}
li.navbar_dropdown_body_li_tag a:hover {text-decoration:underline; background:#ccccaa;}

/*
li.navbar_dropdown_body_li_tag a:visited {color:black;}
li.navbar_dropdown_body_li_tag a:active {color:black;}
li.navbar_dropdown_body_li_tag a:link {color:black;}
*/
li.navbar_dropdown_body_li_tag a:visited a:link a:visited {color:black;}

.navbar_dropdown_body_close_icon:hover {cursor:pointer;}

.navbar_dropdown_body_choice_listname {
	position: absolute;
	height: 60px;
	width: 300px;
	top: 100px;
	right: 120px;
	text-align: center;
	}

#choice_save_search {
	height: 80px;
	}

.navbar_dropdown_body_choice_yes_no {
	position: absolute;
	padding: 1em 1.5em 2em 2em;
	height: 60px;
	width: 300px;
	top: 100px;
	right: 120px;
	text-align: center;
	}

#display_list_choices_close {
	text-align: right;
	}

#ajax_busy_image {
	}


/*************************
	navbar buttons
*************************/

#navbar_button_ajax_busy {
	width:20px;
	}
#navbar_button_home {
	}
#navbar_button_search {
	}
#navbar_button_logon {
	}
#navbar_button_logoff {
	}
#navbar_button_lists {
	}
#navbar_button_cart_count {
	}
.navbar_button {
	z-index:666;
	clear:left;
	float:left;
	width:120px;
	color:black;
	text-align:left;
	padding:0 0 0 0px;
	border: 0px dashed yellow;
	}

#navbar_label_home {
	}
#navbar_label_search {
	}
#navbar_label_logon {
	}
#navbar_label_logoff {
	}
#navbar_label_lists {
	}
#navbar_label_cart_count {
	cursor:auto;
	}
.navbar_label {
	text-decoration: none;
	color:black;
	cursor:pointer;
	padding:0 10 0 10;
	background-color:#ccccaa;
	border: 0px solid red;
	}

.navbar_label a:link { text-decoration: none; }
.navbar_label a:visited { text-decoration: none; }
.navbar_label a:active { text-decoration: none; }
.navbar_label a:active { text-decoration: none; }

.mouseover_label {
	border: 2px solid green;
	}
.mouseout_label {
	border: 2px solid yellow;
	}

#cell_logon_ajax_busy{ text-align:center; }
#cell_logon_username_label{ text-align:right; }
#cell_logon_username_input{ text-align:left; }
#cell_logon_password_label{ text-align:right; }
#cell_logon_password_input{ text-align:left; }
#cell_logon_message{ color:red; }
#row_logon_message{ }

.button_logon_link a:link { text-decoration: none; }
.button_logon_link a:visited { text-decoration: none; }
.button_logon_link a:active { text-decoration: none; }
.button_logon_link a:active { text-decoration: none; }

#logon_username {
	}
#logon_password {
	}
#button_logon {
	vertical-align: bottom;
	}
#button_cancel {
	}