/*************************************************************** 
*
*   Intranet Style for SiteBuilder.
*   Created by Matthew Holmes. | Date Friday, 30th July 2004.
*   Copyright 2004 By Internet Vision Technologies.
*   http://www.ivt.com.au
*   General Note: Stylesheets rule and should be used all the time,
*   instead of tables cause they suck.
*
***************************************************************/

/***************************************************************
*
*   General Layout
*
***************************************************************/

body {
margin: 0 0 0 0;
background-color: #004269;
}

#container {
position: relative;
width: 100%;
text-align: left;
background-image: url('images/bg-content.jpg');
background-repeat: repeat-y;
background-position: left;
background-color: #fff;
}

#header {
width: 100%;
height: 70px;
background: url('images/bg-header.jpg') repeat;
}

#footer {
position: relative;
width: 100%;
height: 40px;
text-align: right;
background: #004269;
border-top: 1px solid #fff;
font: 9px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #fff;
}

#topmenu {
position: absolute;
top: 34px;
left: 1px;
height: 26px;
}

#loginbar {
height: 31px;
background: url('images/bg-login-bar.jpg') repeat;
}

#login {
position: absolute;
top: 80px;
right: 10px;
text-align: right;
border: 0px solid #000;
}

#sidemenu {
position: absolute;
left: 0px;
top: 69px;
width: 156px;
}

#contentarea {
width: auto;
height: auto;
margin-left: 160px;
margin-top: 0;
padding: 10px;
}

.show, .hide {
overflow: hidden;
position: absolute;
}

.show {
visibility: true;
}

.hide {
visibility: hidden;
}

/***************************************************************
*
*   Text Formatting
*
***************************************************************/

#logintext {
font: 10px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000;
text-align: left;
}

#logintext b {
font-weight: bold;
color: #004369;
}


/***************************************************************
*
*   Button Formatting
*
***************************************************************/

.submit { 
font: 10px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: bold;
width: 100px;
border-style: 1px;
color: #000000;
background-color: #FF9500;
}

.helpbutton {
   width:15px;
   background-color: #eeeeee;
   border-top: 2px solid #cccccc; 
   border-left: 2px solid #cccccc;
   border-bottom: 2px solid #eaeaea;
   border-right: 2px solid #eaeaea;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-weight: bold;
  }



.help_show, .help_hide {
	overflow:hidden;
	position:absolute
}

.help_show {
	visibility:true;
	width: 220px;
	border: 1px #AAAAAA solid;
	padding: 2px;
	background-color: #FFFFFF;	
}

.help_hide {
	visibility:hidden;
}

.select_menu {
	font-size: 12px;
	cursor: pointer;
	padding: 4px;	
	padding-right: 20px;	
}

.select_menu_sub, .select_menu_sub_on {
	font-size: 10px;
	cursor: pointer;
	padding: 4px;	
	padding-right: 10px;
	width: 120px;
}

.select_menu_sub_on {
	font-weight: bold;
}

.select_menu:first-letter, .select_menu_sub:first-letter, .select_menu_sub_on:first-letter {
	text-decoration: underline;
}

.cpYearNavigation,.cpMonthNavigation { background-color:#C0C0C0; text-align:center; vertical-align:center; text-decoration:none; color:#000000; font-weight:bold; }
.cpDayColumnHeader, .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText { font-family:verdana, arial, tahoma; font-size:10px; }
TD.cpDayColumnHeader { text-align:right; border:solid thin #C0C0C0;border-width:0 0 1 0; }
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate  { text-align:right; text-decoration:none; }
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }
.cpCurrentMonthDate, .cpCurrentDate { color:#000000; }
.cpOtherMonthDate { color:#808080; }
TD.cpCurrentDate { color:white; background-color: #C0C0C0; border-width:1; border:solid thin #800000; }
TD.cpCurrentDateDisabled { border-width:1; border:solid thin #FFAAAA; }
TD.cpTodayText, TD.cpTodayTextDisabled { border:solid thin #C0C0C0; border-width:1 0 0 0;}
A.cpTodayText, SPAN.cpTodayTextDisabled { height:20px; }
A.cpTodayText { color:black; }
.cpTodayTextDisabled { color:#D0D0D0; }
.cpBorder { border:solid thin #808080; }

th {
    font:           11px verdana, arial, helvetica, sans-serif;
    font-weight:    bold;
    color:          #000000;
}

.outer_box {
	height: 450px;
	width: 650px; 
	overflow: auto; 
}

.inner_box {
	height: 400px;
	width: 260px; 
	overflow: auto;
}

.clear_box {
	height: 420px;
	width: 270px; 
	overflow: auto; 
}

.inner_box, .outer_box {
	border: 2px #DDDDDD solid;
}

.hide_box { 
	border: 0px #FFFFFF solid;
	height: 1px;
	width: 1px;
}

.note_year {
	width: 120px;
}

.note_month {
	width: 140px;
}

.note_list {
	width: 400px;
}

.text_hide {
height: 17px; display: block;
}

.show, .hide {
	overflow:hidden;
	position:absolute
}

.show {
	visibility:true;
}

.hide {
	visibility:hidden;
}

.hide_list {
	display:none;
}

.show_list {
	display:block;
}

.tab_sub_on {
	background-image: url(/sb/styles/default/images/tab_blue_on.gif);
}

.tab_sub_off {
	background-image: url(/sb/styles/default/images/tab_blue_off.gif);
}

a { 
	font-family: verdana, arial, tahoma; 
	font-size: 10px; 
	font-weight: bold;
	color: #006699; 
	text-decoration: none;
}

a:hover { 
	font-family: verdana, arial, tahoma; 
	font-size: 10px; 
	font-weight: bold;
	color: #006699; 
	text-decoration: underline;
}

P, BODY, TD { 
	font-family: verdana, arial, tahoma; 
	font-size: 10px; 
	font-weight: normal;
	color: #000000; 
}

.text1 {
    font:                   14px verdana, arial, helvetica, sans-serif;
    font-weight:            normal;
    color:                  #FFFFFF;
}

.title1 {
    font:                   16px verdana, arial, helvetica, sans-serif;
    font-weight:            bold;
    color:                  #006699;
}

.title2 {
    font:                   14px verdana, arial, helvetica, sans-serif;
    font-weight:            bold;
    color:                  #006699;
}

.title3 {
    font:                   12px verdana, arial, helvetica, sans-serif;
    font-weight:            bold;
    color:                  #006699;
}

.legend { 
	font-family: verdana, arial, tahoma; 
	font-size: 10px; 
	font-weight: bold;
	color: #000000; 
}

.submit { 
	font-family: verdana, arial, tahoma;
	font-size: 10px; 
	font-weight: bold; 
	width: 100px;
	border-style: 1px; 
	color: #000000;
	background-color: #FF9500;
}

.search, .reset { 
	font-family: verdana, arial, tahoma;
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF;
	width: 100px;
	background-color: #006699; 
	border-style: 1px; 
}

.page_on, .page_off, .button, a.page_on:hover { 
	font-family: VERDANA, ARIAL, TIMES; 
	font-size: 10px; 
	font-weight: BOLD;
	color: #000000; 
	text-decoration: NONE;
	padding: 3px;
}
.page_off { 
	color: #ff0000; 
}
.page_numbers_box
{
    border-bottom: 1px dashed #ccc;
    background-color: #ddd;
    padding-top: 4px;
    height: 25px;
}

.page_showing {
    font: 10px Arial, Verdana, Helvetica;
    font-weight: normal;
    color: #000;
    border-bottom: 1px solid #ccc;
    padding: 4px;
    height: 15px;
}

.border, .category_border {
	line-height: 1; 
	font-family: Verdana, Tahoma, Arial;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	clip: rect( );
}

.border {
	border: 2px #DDDDDD solid;
}

.border2 {
	border: 2px #006699 solid;
}

.category_border {
	border: 2px #006699 solid;
}

.category_title { 
	font-family: verdana, arial, tahoma; 
	font-size: 13px; 
	font-weight: bold;
	color: #006699;
}

.categoryorder { 
	background-color: #F2F2F2; 
	border: 0px #FFFFFF solid; 
	padding-top: 0px; 
	padding-right: 3px; 
	padding-bottom: 0px; 
	padding-left: 3px;
}

.tab_on {
	background-color: transparent; 
	text-decoration: none; 
    font-family: verdana, arial, tahoma;
	font-size: 10px;
    font-weight: normal;
    color: #006699;
    width: 80px;
    height: 20px;
	border-style: none;
	clip: rect( );
}

.tab_off {
	background-color: transparent; 
	text-decoration: none; 
    font-family: verdana, arial, tahoma;
	font-size: 10px;
    font-weight: normal;
    color: #006699;
    width: 80px;
    height: 20px;
	border-style: none;
	clip: rect( );
}

.box {
    height:             20px;
    width:              100px;
    border:             1px solid #003366;
}

.fieldset {
    border:                     1px solid #003366;
    line-height:                1;
}

.fieldset_title, .fieldset_title_off { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #666666; 
	font-weight: bold; 
	line-height: 1; 
	text-decoration: none; 
	text-align: center; 
	border: 1px #999999 solid; 
	padding-top: 4px; 
	padding-right: 4px; 
	padding-bottom: 3px; 
	padding-left: 3px; 
	clip: rect( )
}

.fieldset_title { 
	background-color: #CCCCCC; 
}

.fieldset_title_off { 
	background-color: #FFFFFF; 
}

.alphabet_title, .alphabet_title_off { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #666666; 
	font-weight: bold; 
	line-height: 1; 
	text-decoration: none; 
	text-align: center; 
	border: 1px #999999 solid; 
	padding-top: 4px; 
	padding-right: 2px; 
	padding-bottom: 4px; 
	padding-left: 2px; 
	clip: rect( )
}

.alphabet_title { 
	background-color: #CCCCCC; 
}

.alphabet_title_off { 
	background-color: #FFFFFF; 
}

.input_large_off, .input_medium_off, .input_small_off, .input_large_on, .input_medium_on, .input_small_on, .input_off, .input_on, .textarea_exlarge_off, .textarea_large_off, .textarea_editor_off, .textarea_medium_off, .textarea_small_off, .textarea_small2_off, .textarea_exlarge_on, .textarea_large_on, .textarea_editor_on, .textarea_medium_on, .textarea_small_on, .textarea_small2_on, .textarea_on, .textarea_off, .select_large_off, .select_medium_off, .select_small_off, .select_on, .select_off, .select_large_on, .select_medium_on, .select_small_on, .select_on, .select_off {
   font-family:       verdana, arial, tahoma;  
	font-size:         10pt; 
	font-weight:       normal; 
	text-decoration:   none; 
	background-color:  #FFFFFF;
}

.input_large_off, .input_medium_off, .input_small_off, .input_off, .textarea_exlarge_off, .textarea_large_off, .textarea_editor_off, .textarea_medium_off, .textarea_small_off, .textarea_small2_off {
    border:             1px #DDDDDD solid;
}

.input_large_on, .input_medium_on, .input_small_on, .input_on, .textarea_exlarge_on, .textarea_large_on, .textarea_editor_on, .textarea_medium_on, .textarea_small_on, .textarea_small2_on {
    border:             1px #006699 solid;
}

.input_large_off, .input_large_on {
    height:             20px;
    width:              400px;
}

.input_medium_off, .input_medium_on {
    height:             20px;
    width:              250px;
}

.input_small_off, .input_small_on {
    height:             20px;
    width:              40px;
}

.input_off, .input_on {
    height:             20px;
}

.textarea_exlarge_off, .textarea_exlarge_on {
	 height:					450px;								
	 width:					100%;
}

.textarea_large_off, .textarea_large_on {
    height:             400px;
    width:              400px;
}

.textarea_editor_off, .textarea_editor_on {
   height:             600px;
   width:              700px;
}

.textarea_medium_off, .textarea_medium_on {
    height:             250px;
    width:              400px;
}

.textarea_small_off, .textarea_small_on {
    height:             100px;
    width:              400px;
}

.textarea_small2_off, .textarea_small2_on {
    height:             100px;
    width:              250px;
}

.select_large_off, .select_large_on {
    width:              400px;
}

.select_medium_off, .select_medium_on {
    width:              250px;
}

.select_small_off, .select_small_on {
    width:              100px;
}

/* New style classes start here */

/* START FORM SUPERCLASS */
.form {
	font-size: 10px; 
	font-weight: normal;
	//border: 1px solid #DDDDDD;
	padding: 2px;
}

.form td {
	text-align: left;	
	padding: 0px;
	height: 25px;
	padding-left: 2px;
	padding-right: 2px;
}

.form th {
	font-size: 10px; 
	color: #006699; 
	background-color: #DDDDDD;
	text-align: left;
	padding: 2px;
	height: 25px;
	padding-left: 4px;
	padding-right: 4px;
}

.form thead {
	font-size: 14px; 
	background-color: #DDDDDD;
	text-align: center;
}


.form_textinput_on { 
	border: 1px #006699 solid; 
}

.form_textinput_off {
	border: 1px #DDDDDD solid;
}

.form hr {
	border: 1px #DDDDDD solid;
}

/* END FORM SUPERCLASS */

/* START LIST SUPERCLASS */
.list {
	font-size: 10px; 
	font-weight: normal;
}

.list td {
	border: 1px solid #DDDDDD;
	padding: 2px;
	height: 26px;
}

.list th {
	font-size: 10px; 
	color: #006699; 
	background-color: #DDDDDD;
	text-align: center;
	text-transform: uppercase;
	padding: 2px; 
	height: 26px;
}
/* END LIST SUPERCLASS */

/* START PLAIN SUPERCLASS */
.plain {
	font-size: 14px; 
	font-weight: normal;
}

.plain td {
	border: 0px solid #FFFFFF;
	padding: 2px;
	height: 26px;
	background-color: #FFFFFF;
}

.plain th {
	border: 0px;
	padding: 2px;
	height: 26px;
	background-color: #FFFFFF;
}
/* END PLAIN SUPERCLASS */

/* START GALLERY SUPERCLASS */

/* Do not remove any the following attributes. */
/* If you need to such between them, comment out the attributes you don't need. */

<?php
// settings for the thumbnail styles
$border_colour 			= "gray";
$border_line_width 		= "1";
$border_corner_length 	= "15";
$border_padding 		= "0";

// output column styles
?>
div.iconediton
{
	background-image: 	url(/gallery/images/icon_background.png);
	width: 				105px;
	height: 			75px;
	padding: 			10px;
}

div.iconeditoff
{
	width: 			105px;
	height: 		75px;
	padding: 		10px;
}

div.iconediton
{
	width: 		150px;
	height: 	150px;
	border: 	dotted 1px black;
	text-align: center;
}

div.thumb_top_left, div.thumb_top_right, div.thumb_bottom_left, div.thumb_bottom_right
{
	border: 	solid <?=$border_colour?>;
	width: 		<?=$border_corner_length?>px;
	height: 	<?=$border_corner_length?>px;
	position: 	absolute;
	z-index: 	199;
}

div.thumb_top_left
{
	border-width: 	<?=$border_line_width?>px 0px 0px <?=$border_line_width?>px;
	float: 			left;
	clear: 			both;
	margin: 		-<?=$border_padding?>px 0px 0px -<?=$border_padding?>px;
}

div.thumb_top_right
{
	border-width: 	<?=$border_line_width?>px <?=$border_line_width?>px 0px 0px;
	float: 			right;
	clear: 			right;
	margin: 		-<?=$border_padding?>px -0px 0px -<?=($border_corner_length - $border_padding + 1)?>px;
}

div.thumb_bottom_left
{
	border-width: 	0px 0px <?=$border_line_width?>px <?=$border_line_width?>px;
	float: 			left;
	clear: 			both;
	margin: 		-<?=($border_corner_length - $border_padding + 1)?>px 0px 0px -<?=$border_padding?>px;
}

div.thumb_bottom_right
{
	border-width: 	0px <?=$border_line_width?> <?=$border_line_width?> 0px;
	float: 			right;
	clear: 			right;
	margin: 		-<?=($border_corner_length - $border_padding + 1)?>px -<?=($border_corner_length - $border_padding + 1)?>px 0px -<?=($border_corner_length - $border_padding + 1)?>px;
}

.thumb_image
{
	z-index: 	400;
}

/* END GALLERY SUPERCLASS */

/* Style sheet for the silver calendar (default) */

.eventborder	{ background-image: url(/sb/styles/default/images/day_title.gif); border: 1px #006699 solid; }
.eventbg	 	{ background-color: #6699CC; }

.eventbg_1	 		{ background-color: #6699CC; }
.eventbg_2	 		{ background-color: #666699; }
.eventbg_3	 		{ background-color: #999999; }
.eventbg_4	 		{ background-color: #6B84C7; }
.eventbg_5	 		{ background-color: #9999CC; }
.eventbg_6	 		{ background-color: #6876E7; }
.eventbg_7	 		{ background-color: #73738C; }

.eventbg2 	 	{ background-color: #6699CC; border-right: 1px solid #FFFFFF; }

.eventbg2_1	 		{ background-color: #6699CC; border-right: 1px solid #FFFFFF; }
.eventbg2_2	 		{ background-color: #666699; border-right: 1px solid #FFFFFF; }
.eventbg2_3	 		{ background-color: #999999; border-right: 1px solid #FFFFFF; }
.eventbg2_4	 		{ background-color: #6B84C7; border-right: 1px solid #FFFFFF; }
.eventbg2_5	 		{ background-color: #9999CC; border-right: 1px solid #FFFFFF; }
.eventbg2_6	 		{ background-color: #6876E7; border-right: 1px solid #FFFFFF; }
.eventbg2_7	 		{ background-color: #73738C; border-right: 1px solid #FFFFFF; }

.eventbg2week 	{ background-color: #6699CC; border-right: 1px solid #A1A5A9; }

.eventbg2week_1	 	{ background-color: #6699CC; border-right: 1px solid #A1A5A9; }
.eventbg2week_2	 	{ background-color: #666699; border-right: 1px solid #A1A5A9; }
.eventbg2week_3	 	{ background-color: #999999; border-right: 1px solid #A1A5A9; }
.eventbg2week_4	 	{ background-color: #6B84C7; border-right: 1px solid #A1A5A9; }
.eventbg2week_5	 	{ background-color: #9999CC; border-right: 1px solid #A1A5A9; }
.eventbg2week_6	 	{ background-color: #6876E7; border-right: 1px solid #A1A5A9; }
.eventbg2week_7	 	{ background-color: #73738C; border-right: 1px solid #A1A5A9; }

.calborder 		{ background-color: #FFFFFF; border: 1px #A1A5A9 solid; }
.dateback		{ background-color: #EEEEEE; }
.dayborder 		{ border-top: 1px solid #A1A5A9; }
.dayborder2 	{ border-top: 1px dashed #CCCCCC; }
.weekborder 	{ border-top: 1px dashed #A1A5A9; border-right: 1px solid #A1A5A9; }
.weekborder2 	{ border-right: 1px solid #A1A5A9; }
.timeborder 	{ border-right: 2px solid #A1A5A9; border-top: 1px dashed #A1A5A9; background-image: url(/sb/styles/default/images/time_bg.gif); }
.timeborder2 	{ border-right: 2px solid #A1A5A9; border-top: 1px solid #A1A5A9; background-image: url(/sb/styles/default/images/time_bg.gif); }
.navback 		{ background-image: url(/sb/styles/default/images/time_bg.gif); }
.sideback 		{ background-image: url(/sb/styles/default/images/side_bg.gif); }
.monthback		{ background-color: #A1A5A9; }
.monthreg		{ background-color: #FFFFFF; }
.monthoff		{ background-color: #F2F2F2; }
.monthon		{ background-color: #F2F9FF; }
.montheventtop	{ background-image: url(side_bg.gif); border-top: 1px solid #A1A5A9; }
.montheventline	{ border-right: 1px dotted #A1A5A9; }
.yearmonth		{ background: #CCCCCC; }

/* Link colors and attributes */
/* This is the main link style */
a.psf			{ text-decoration:	none; }
a.psf:link		{ color: #0066FF; background-color: transparent; }
a.psf:visited	{ color: #0066FF; background-color: transparent; }
a.psf:active	{ color: #3366CC; background-color: transparent; }
a.psf:hover		{ color: #000099; background-color: transparent; }

/* This is the link style for the mini-cals */	
a.ps2			{ text-decoration:	underline; }
a.ps2:link		{ color: #0066FF; background-color: transparent; }
a.ps2:visited	{ color: #0066FF; background-color: transparent; }
a.ps2:active	{ color: #3366CC; background-color: transparent; }
a.ps2:hover		{ color: #000099; background-color: transparent; }

/* This is the link style for year months */	
a.ps3			{ text-decoration:	none; }
a.ps3:link		{ color: #000000; background-color: transparent; }
a.ps3:visited	{ color: #000000; background-color: transparent; }
a.ps3:active	{ color: #000000; background-color: transparent; }
a.ps3:hover		{ color: #000000; background-color: transparent; text-decoration:	underline;}
	
/* CSS definitions for fonts */

.V9 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; }
.V10W 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }
.V10WB 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: 900; }
.V9G 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; }
.V10 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.V9BOLD 		{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 900; }
.G10 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0066FF; }
.G10B 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.G10BOLD 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 900; }
.G10G 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #A1A5A9; }
.V12 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  color: #000000; }
.H20 			{ font-family: Helvetica, sans-serif; font-size: 18px; color: #000000; }
.eventfont 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }


/* Length of the form drop downs */

.query_style 	{ font-size: 11px; font-family: verdana, geneva, arial, sans-serif; width: 156px; margin-bottom: 0; }
.search_style 	{ font-size: 12px; font-family: verdana, geneva, arial, sans-serif; width: 134px; margin-bottom: 0; }
.login_style	{ font-size: 11px; font-family: verdana, geneva, arial, sans-serif; width: 80px; margin-bottom: 0; }


/* New style classes end here */

.htmlarea { background: #fff; }

.htmlarea .toolbar {
  cursor: default;
  background: ButtonFace;
  padding: 1px 1px 2px 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.htmlarea .toolbar table { font-family: tahoma,verdana,sans-serif; font-size: 11px; }
.htmlarea .toolbar img { border: none; }
.htmlarea .toolbar .label { padding: 0px 3px; }

.htmlarea .toolbar .button {
  background: ButtonFace;
  color: ButtonText;
  border: 1px solid ButtonFace;
  padding: 1px;
  margin: 0px;
}
.htmlarea .toolbar .buttonHover {
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.htmlarea .toolbar .buttonActive, .htmlarea .toolbar .buttonPressed {
  padding: 2px 0px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
.htmlarea .toolbar .buttonPressed {
  background: ButtonHighlight;
}
.htmlarea .toolbar .indicator {
  padding: 0px 3px;
  overflow: hidden;
  width: 20px;
  text-align: center;
  cursor: default;
  border: 1px solid ButtonShadow;
}

.htmlarea .toolbar .buttonDisabled { background-color: #aaa; }

.htmlarea .toolbar .buttonDisabled img {
  filter: alpha(opacity = 25);
  -moz-opacity: 25%;
}

.htmlarea .toolbar .separator {
  position: relative;
  margin: 3px;
  border-left: 1px solid ButtonShadow;
  border-right: 1px solid ButtonHighlight;
  width: 0px;
  height: 16px;
  padding: 0px;
}

.htmlarea .toolbar .space { width: 5px; }

.htmlarea .toolbar select { font: 11px Tahoma,Verdana,sans-serif; }

.htmlarea .toolbar select,
.htmlarea .toolbar select:hover,
.htmlarea .toolbar select:active { background: FieldFace; color: ButtonText; }

.htmlarea .statusBar {
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 4px;
  background-color: ButtonFace;
  color: ButtonText;
  font: 11px Tahoma,Verdana,sans-serif;
}

.htmlarea .statusBar .statusBarTree a {
  padding: 2px 5px;
  color: #00f;
}

.htmlarea .statusBar .statusBarTree a:visited { color: #00f; }
.htmlarea .statusBar .statusBarTree a:hover {
  background-color: Highlight;
  color: HighlightText;
  padding: 1px 4px;
  border: 1px solid HighlightText;
}


/* Hidden DIV popup dialogs (PopupDiv) */

.dialog {
  color: ButtonText;
  background: ButtonFace;
}

.dialog .content { padding: 2px; }

.dialog, .dialog button, .dialog input, .dialog select, .dialog textarea, .dialog table {
  font: 11px Tahoma,Verdana,sans-serif;
}

.dialog table { border-collapse: collapse; }

.dialog .title {
  background: #008;
  color: #ff8;
  border-bottom: 1px solid #000;
  padding: 1px 0px 2px 5px;
  font-size: 12px;
  font-weight: bold;
  cursor: default;
}

.dialog .title .button {
  float: right;
  border: 1px solid #66a;
  padding: 0px 1px 0px 2px;
  margin-right: 1px;
  color: #fff;
  text-align: center;
}

.dialog .title .button-hilite { border-color: #88f; background: #44c; }

.dialog button {
  width: 5em;
  padding: 0px;
}

.dialog .buttonColor {
  padding: 1px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.dialog .buttonColor-hilite {
  border-color: #000;
}

.dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
  height: 0.6em;
  border: 1px solid;
  padding: 0px 1em;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.dialog .buttonColor .nocolor { padding: 0px; }
.dialog .buttonColor .nocolor-hilite { background-color: #fff; color: #f00; }

.dialog .label { text-align: right; width: 6em; }
.dialog .value input { width: 100%; }
.dialog .buttons { text-align: right; padding: 2px 4px 0px 4px; }

.dialog legend { font-weight: bold; }
.dialog fieldset table { margin: 2px 0px; }

.popupdiv {
  border: 2px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.popupwin {
  padding: 0px;
  margin: 0px;
}

.popupwin .title {
  background: #fff;
  color: #000;
  font-weight: bold;
  font-size: 120%;
  padding: 3px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid black;
  letter-spacing: 2px;
}


/* Styles for Lists */

table.adminlist {
    background-color: #ffffff;
}

table.adminlist th {
    background-color: #DDDDDD;
    border-bottom: 1px dashed #CCCCCC;
    color: #333333;
    font-family : Arial, Helvetica, sans-serif;
    word-wrap: none;
    font-size: 11px;
    height: 25px;
}

table.adminlist th.title {
    background-color: #ffae;
    color: #333333;
    font-family : Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
}

table.adminlist tr.row0 {
    background-color: #f5f5f5;
}

table.adminlist tr.row1 {
    background-color: #ffffff;
    font-family : Arial, Helvetica, sans-serif;
    font-size: 11px;
}

table.adminlist td {
    border-bottom: 1px solid #e5e5e5;
    font-family : Arial, Helvetica, sans-serif;
    font-size: 11px;
}

table.adminlist tr.row0:hover {
    background-color: #f1f1f1;
}

table.adminlist tr.row1:hover {
    background-color: #f1f1f1;
}

table.adminlist td.options {
    background-color: #ffffff;
    font-family : Arial, Helvetica, sans-serif;
    font-size: 8px;
}

td {
font-family : Arial, Helvetica, sans-serif;
font-size: 11px;
}

div.green {
width: 10px;
height: 10px;
background: green;
}

div.orange {
width: 10px;
height: 10px;
background: orange;
}

div.grey {
width: 10px;
height: 10px;
background: #999;
}

div.red {
width: 10px;
height: 10px;
background: red;
}

div.black {
width: 10px;
height: 10px;
background: black;
}   

#tooltiptext {
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 9px;
    color: #000000;
    text-align: center;
    padding: 3px 5px;
}

#tooltip{
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    z-index: 2;
    visibility: hidden;
    background: #fff;
    border: 1px solid #000;
}