/*
//public_file
*/
/* ------------- _wsa_admin_sidebar.php & _site_sidebar.php ------------ */
div.admin_sidebar {
	position: absolute;
	left: 15px;
	top: 10px;
	z-index: 10000;
	border: 1px solid black;
	border-bottom: 0px;
	background-color:#CCCCCC;
	width: 100px;
	font-size: 10px;
}

div.asb_section {
	position:relative;
	border-bottom: 1px solid black;
}

div.asb_section_title {
/*	text-decoration: underline;*/
	font-weight:bold;
	text-align: center;
	padding: 5px 0px;
}

div.asb_link {
	margin: 0px 5px 3px 5px;
}

div.asb_link a {
	color:#880088;
	background-color:none;
	font-size:10px;
}
/* ----- end of _wsa_admin_sidebar.php & _site_sidebar.php ------------ */

/* MISCELLANEOUS ----------------------------------------------------*/
p {
	padding:0px;
	margin:0px;
}

/* Images will get borders, if we don't set them to zero. */
img {
	border: 0px;
	margin: 0px;
}

form {
	margin: 0;
	padding: 0;
}

dt {
	font-weight:bold;
	font-size: 12px;
}

dd {
	margin-bottom:10px;
}

select {
	padding:0px;
	margin:0px;
}

/* The div.edit style is used to wrap editable boxes with a dotted line
   and to display the "E", "P", "L" and "D" icons */
div.edit {
	position: absolute;
	border: 1px dotted #FF33FF;
}

div.icon_e {
	position:absolute; 
	top:0px; 
	left:0px;
	z-index:100;
	height:15px;
	width:15px;
	color:#ffffff; 
	background-color:#FF33FF;
	text-align:center;
}

div.icon_e_sub {
	position:absolute; 
	top:0px; 
	left:0px;
	z-index:100;
	height:15px;
	width:15px;
	color:#666666; 
	background-color:#33FFFF;
	text-align:center;
}

div.icon_e_sub_ice {
	position:absolute; 
	bottom:0px; 
	left:0px;
	z-index:100;
	height:15px;
	width:15px;
	color:#666666; 
	background-color:#33FFFF;
	text-align:center;
}

div.icon_p {
	cursor:move;
	position:absolute; 
	top:0px; 
	left:17px;
	z-index:99;
	height:15px;
	width:15px;
	background-color:#FF33FF;
	color:#ffffff; 
	font-size:14px; 
	font-family:Geneva,sans-serif; 
	font-weight:bold;
	text-align:center;
}

div.icon_p_sub {
	cursor:move;
	position:absolute; 
	top:0px; 
	left:17px;
	z-index:99;
	height:15px;
	width:15px;
	background-color:#33FFFF;
	color:#666666; 
	font-size:14px; 
	font-family:Geneva,sans-serif; 
	font-weight:bold;
	text-align:center;
}

div.icon_p2 {
	cursor:move;
	position:absolute; 
	bottom:0px;
	right:17px;
	z-index:99;
	height:15px;
	width:15px;
	background-color:#FF33FF;
	color:#ffffff; 
	font-size:14px; 
	font-family:Geneva,sans-serif; 
	font-weight:bold;
	text-align:center;
}

div.icon_p2_sub {
	cursor:move;
	position:absolute; 
	bottom:0px;
	right:17px;
	z-index:99;
	height:15px;
	width:15px;
	background-color:#33FFFF;
	color:#666666; 
	font-size:14px; 
	font-family:Geneva,sans-serif; 
	font-weight:bold;
	text-align:center;
}

div.icon_c {
	position:absolute; 
	top:0px; 
	left:51px;
	z-index:99;
	height:15px;
	width:15px;
	text-align:center;
}

div.icon_d {
	position:absolute; 
	top:0px; 
	right:0px;
	z-index:99;
	height:15px;
	width:15px;
	background-color:#FF33FF;
	color:#ffffff; 
	font-size:14px; 
	font-family:Geneva,sans-serif; 
	font-weight:bold;
	text-align:center;
}

div.icon_d_sub {
	position:absolute; 
	top:0px; 
	right:0px;
	z-index:99;
	height:15px;
	width:15px;
	background-color:#33FFFF;
	color:#666666; 
	font-size:14px; 
	font-family:Geneva,sans-serif; 
	font-weight:bold;
	text-align:center;
}

div.is_type {
	position:absolute; 
	bottom:34px; 
	left:0px;
	z-index:99;
	height:15px;
	width:40px;
	text-align:center;
	padding-left:2px;
	background-color:#FF33FF;
	color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

div.icon_w {
	position:absolute; 
	bottom:0px; 
	left:44px;
	z-index:99;
	height:15px;
	width:15px;
	background-color:#FF33FF;
	color:#ffffff; 
	font-size:14px; 
	font-family:Geneva,sans-serif; 
	font-weight:bold;
	text-align:center;
}

div.w_info {
	position:absolute; 
	bottom:0px; 
	left:59px;
	z-index:99;
	height:15px;
	width:25px;
	padding-left:2px;
	background-color:#FF33FF;
	color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}

div.icon_s {
	cursor:se-resize;
	position:absolute; 
	bottom:0px; 
	right:0px;
	z-index:99;
	height:15px;
	width:15px;
	background-color:#FF33FF;
	color:#ffffff; 
	font-size:14px; 
	font-family:Geneva,sans-serif; 
	font-weight:bold;
	text-align:center;
}

div.icon_s_sub {
	cursor:se-resize;
	position:absolute; 
	bottom:0px; 
	right:0px;
	z-index:99;
	height:15px;
	width:15px;
	background-color:#33FFFF;
	color:#666666; 
	font-size:14px; 
	font-family:Geneva,sans-serif; 
	font-weight:bold;
	text-align:center;
}

div.icon_t {
	position:absolute; 
	top:0px; 
	left:51px;
	z-index:99;
	height:15px;
	width:15px;
	text-align:center;
}

div.icon_z {
	position:absolute; 
	bottom:0px; 
	left:0px;
	z-index:99;
	height:15px;
	width:15px;
	background-color:#FF33FF;
	color:#ffffff; 
	font-size:14px; 
	font-family:Geneva,sans-serif; 
	font-weight:bold;
	text-align:center;
}

div.z_index {
	position:absolute; 
	bottom:0px; 
	left:15px;
	z-index:99;
	height:15px;
	width:25px;
	padding-left:2px;
	background-color:#FF33FF;
	color:#ffffff; 
	font-family:Geneva,sans-serif; 
	font-size:10px;
	text-align:center;
}



/* ---------------- MISCELLANEOUS ----------------------- */

div.todo_links {
	text-align: center;
	padding-bottom: 5px;
	font-size: 9px;
	margin: 0px auto;
}

div.todo_links a {
	color: #FF66FF;
	padding: 0px 5px;
	background-color:black;
}

div.error_message {
	width: 600px;
	text-align: center;
	margin: 10px auto;
	border: 2px solid red;
	font-size: 12px;
}

/* table formatting ---------------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0px 0px;
	margin: 0px;
	width: 100%;
}

td {
	vertical-align: top;
	padding: 0px;
	border: 0px;
}

td.hdr {
	text-align: center;
	font-weight: bold;
	padding: 5px 0;
}

/* Data input styles --------------------------------------- */

table.form {
	margin: 0px auto 0px auto;
	background-color:#CCCCCC;
	color: black;
	width: 650px;
	border:1px solid black;
}

table.form_narrow {
	margin: 0px auto 0px auto;
	background-color:#CCCCCC;
	color: black;
	width: 350px;
	border:1px solid black;
}

/* This holds a brief explanation of what the form is for. */
td.form_brief {
	width:70%;
	text-align:center;
}

td.input_label {
	vertical-align: top;
	text-align: right;
	width: 20%;
	padding: 2px 5px 0px 0px;
}

td.input_data {
	vertical-align: top;
	text-align: left;
	width: 80%;
	padding: 2px 0px 0px 0px;
}

/* the td containing a form's submit and reset buttons -----------*/
td.buttons {
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

/* ----- Generic td's for spacer rows ------------------------*/
td.spacer_05 {
	padding: 5px 0px 0px 0px;
}

td.spacer_10 {
	padding: 10px 0px 0px 0px;
}

td.spacer_15 {
	padding: 15px 0px 0px 0px;
}


/* A header format ----------------------------------------------------
   h = header, 12 = font-size, b = bold, c = center, l = left*/
.h10bl {
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding: 3px 0;
}

.h12bl {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 3px 0;
}

.h14bl {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 3px 0;
}

.h10bc {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding: 3px 0;
}

.h12bc {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 3px 0;
}

.h14bc {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 3px 0;
}
/* ------ end of header format -------------------------------------- */

