@CHARSET "ISO-8859-1";

@IMPORT url("text_css.css");
@IMPORT url("main_css.css");

form {
	margin: 0;
	border: 0;
	padding: 0;
}

.mat_body {
	margin: 0;
	background-image: url(../images/bg.gif);
}

.mat_body A:ACTIVE { color: #d5d5d5; }

.mat_body A:VISITED { color: #d5d5d5; }

.hidden {
	display: none;
}

.delete_row_icon {
	font-weight: bold;
	text-decoration: none;
	color: black;
}

table.flow_pumps, table.monitoring_equipment, table.lighting {
	border-collapse: collapse;
}

table.flow_pumps th, table.monitoring_equipment th, table.lighting th {
	padding-bottom: .5em;
	text-align: center;
}

table.flow_pumps td, table.monitoring_equipment td, table.lighting td {
	border-top: 3px double black;
	padding-top: .5em;
	padding-bottom: .5em;
}

table.monitoring_equipment th {
	padding-left: 4em; 
	text-align: left;
}

.sub_row, tr.sub_row td {
	border-top: 1px dashed #0000CC;
}

div.sub_row {
	margin-left: .5em;
	margin-right: .5em; 
}

/*input[disabled="disabled"] {
	background-color: #CCCCCC;
}*/

td.label {
	text-align: right;
	padding-right: 0.5em;
}

.hint {
	color: #888;
}

td.error {
	border: 1px solid red;
	padding: 5px;
	background-color: #DDDDDD;
	color: red;
}

#mat_footer {
	width: 1000px;
	text-align: center;
}

#fancy_zoom_overlay + div > img {
	border-style: ridge;
}

.search_results_title {
	text-align: center;
	font-size: larger;
}

.fancyTitle {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight: bold;
}

#mat_tank_friends_mini {
	border: 1px solid #636363;
	width: 178px;
	background-color: #0a3048;
}

#all_friends {
	color: #FFFFFF;
}

#all_friends a, #all_friends a:visited { 
	color:#D5D5D5
}

#all_friends LI, #all_friends UL {
	list-style: none;
	padding: 0;
	margin: 0;
}

#all_friends .memberinfo_small table {
	background-color: #304b5c;
	margin: .25em;
	padding: 1em;
}

#all_friends .memberinfo_small td {
	padding-left: .5em;
}

#all_friends .friend_im_list LI {
	display: inline;
}

#all_friends .bigusername {
	font-size: larger;
}

#all_friends .edit_friends_link {
	display: block;
	float: right;
}

/* jQuery Dialog box *
 *
 *
 *
 */
/* This file skins dialog */

.flora .ui-dialog,
.flora.ui-dialog {
	/*background-color: #e6f7d4;*/
	border: 1px solid #636363;
	background-color: #0a3048;
}

.flora .ui-dialog .ui-dialog-titlebar,
.flora.ui-dialog .ui-dialog-titlebar {
	/*border-bottom: 1px solid #d8d2aa;
	background: #ff9900 url(../images/jQuery/dialog-title.gif) repeat-x;*/
	border-bottom: 1px solid #636363;
	background: #ff9900 url(../images/title_bar_bg.gif) repeat-x;
	padding: 0px;
	height: 28px;
	_height: 29px;
}

.flora .ui-dialog.ui-draggable .ui-dialog-titlebar,
.flora.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.flora .ui-dialog .ui-dialog-titlebar-close,
.flora.ui-dialog .ui-dialog-titlebar-close {
	width: 16px;
	height: 16px;
	background: url(../images/jQuery/dialog-titlebar-close.png) no-repeat;
	position:absolute;
	top: 6px;
	right: 7px;
	cursor: default;
}

.flora .ui-dialog .ui-dialog-titlebar-close span,
.flora.ui-dialog .ui-dialog-titlebar-close span {
	display: none;
}

.flora .ui-dialog .ui-dialog-titlebar-close-hover,
.flora.ui-dialog .ui-dialog-titlebar-close-hover {
	background: url(../images/jQuery/dialog-titlebar-close-hover.png) no-repeat;
}

.flora .ui-dialog .ui-dialog-title,
.flora.ui-dialog .ui-dialog-title {
	margin-left: 5px;
	color: white;
	font-weight: bold;
	position: relative;
	top: 7px;
	left: 4px;
}

.flora .ui-dialog .ui-dialog-content,
.flora.ui-dialog .ui-dialog-content {
	margin: 1.2em;
}

.flora .ui-dialog .ui-dialog-buttonpane,
.flora.ui-dialog .ui-dialog-buttonpane {
	position: absolute;
	bottom: 8px;
	right: 12px;
	width: 100%;
	text-align: right;
}

.flora .ui-dialog .ui-dialog-buttonpane button,
.flora.ui-dialog .ui-dialog-buttonpane button {
	margin: 6px;
}

/* Dialog handle styles */
.flora .ui-dialog .ui-resizable-n,
.flora.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(../images/jQuery/dialog-n.gif) repeat scroll center top; }

.flora .ui-dialog .ui-resizable-s,
.flora.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: transparent url(../images/jQuery/dialog-s.gif) repeat scroll center top; }

.flora .ui-dialog .ui-resizable-e,
.flora.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: transparent url(../images/jQuery/dialog-e.gif) repeat scroll right center; }

.flora .ui-dialog .ui-resizable-w,
.flora.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: transparent url(../images/jQuery/dialog-w.gif) repeat scroll right center; }

.flora .ui-dialog .ui-resizable-se,
.flora.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(../images/jQuery/dialog-se.gif); }

.flora .ui-dialog .ui-resizable-sw,
.flora.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(../images/jQuery/dialog-sw.gif); }

.flora .ui-dialog .ui-resizable-nw,
.flora.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: transparent url(../images/jQuery/dialog-nw.gif); }

.flora .ui-dialog .ui-resizable-ne,
.flora.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: transparent url(../images/jQuery/dialog-ne.gif); }


/* This file skins resizables */

.ui-resizable { position: relative; }

/* Global handle styles */
.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; }
.ui-resizable .ui-resizable-handle { display: block; }
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */

.ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(../images/jQuery/resizable-n.gif) repeat scroll center top; }
.ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url(../images/jQuery/resizable-s.gif) repeat scroll center top; }

.ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url(../images/jQuery/resizable-e.gif) repeat scroll right center; }
.ui-resizable-w { cursor: w-resize; width: 6px; left: 0px; top: 0px; height: 100%; background: transparent url(../images/jQuery/resizable-w.gif) repeat scroll right center; }

.ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(../images/jQuery/resizable-se.gif); }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(../images/jQuery/resizable-sw.gif); }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; background: transparent url(../images/jQuery/resizable-nw.gif); }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; background: transparent url(../images/jQuery/resizable-ne.gif); }