div		  { font-size: 10pt }
table	  { margin: 0; empty-cells: show; float: left }
img		  { border: 0 }
form	  { margin: 0; padding: 0; height: 100% }
input	  { margin: 0; padding: 0 }
select	  { margin: 0; padding: 0 }
label	  { cursor: pointer }
a		  { text-decoration: none }
a:hover	  { text-decoration: underline }

.vlecontentHeadTop	 { height: 30px; width: 100%; background-color: #ffffff }
.vlecontentHeadTitle { height: 30px; padding-left:  3px; float: left;  font-size: 10pt; line-height: 30px; font-family: Times New Roman ; font-size: 16pt }
.vlecontentHeadItem	 { height: 30px; padding-right: 3px; float: right; font-size: 8pt;  line-height: 30px }

.mapBackdrop		{ position: relative; width: 769px; height: 769px; background-image: url(../images/custom/backgrounds/mapbackgrid.jpg); background-position: center center; background-repeat: no-repeat }

.blogHead			 		{ font-family: Times New Roman; font-size: 16pt; color: #990000; border-bottom: 2px solid #f6ca1a; margin: 0 10px }

.blogContainer				{ width: 65%; float: left }
.gadgetContainer			{ width: 35%; float: right }
         
.blogEntryContainer			{ padding: 5px 5px 0 10px }
.gadgetEntryContainer		{ margin: 5px 10px 0 5px; background-color: #F0F0F0 }

.blogPostHead				{ font-size: 8pt; color: #808080; margin: 5px 0; font-weight: bold }
.blogPostTitle				{ font-family: Times New Roman; font-size: 12pt; color: #990000; text-decoration: none }
.blogPostTitle.Link:hover	{ text-decoration: underline }
.blogPost					{ margin-top: 5px }
.blogPost.Unauthorised		{ color: #808080 }
.blogPostFoot				{ clear: left; padding: 10px 0 5px 0; font-size: 8pt; color: #808080; border-bottom: 1px solid #C0C0C0  }
.blogEmpty					{ font-size: 8pt; color: #808080; padding: 10px 0; border-bottom: 1px solid #C0C0C0  }
.blogLink					{ font-size: 8pt; color: #808080; text-decoration: none }
.blogLink.Indent			{ padding-left: 20px }
.blogLink:hover				{ text-decoration: underline }

.gadgetHead					{ font-size: 12pt; background-color: #990000; color: #fcf1c4; font-family: Times New Roman; text-indent: 5px }
.gadgetBody					{ padding: 5px; font-size: 8pt; color: #808080 }

.gadgetImage				{ float: left; padding-right: 3px }
.gadgetSeparator			{ border-top: 1px solid #C0C0C0; padding: 3px }

.archiveItem				{ padding-left: 12px; background-position: left; background-repeat: no-repeat }
.archiveItem.YearExpand		{ margin: 5px 0; background-image: url(../images/theme/arrows/barrowr.gif) }
.archiveItem.YearCollapse	{ margin: 5px 0; background-image: url(../images/theme/arrows/barrowd.gif) }
.archiveItem.MonthExpand	{ margin: 5px 10px 5px 10px; background-image: url(../images/theme/arrows/barrowr.gif) }
.archiveItem.MonthCollapse	{ margin: 5px 10px 5px 10px; background-image: url(../images/theme/arrows/barrowd.gif) }
.archiveItem.Post			{ margin: 5px 10px 5px 20px; background-image: url(../images/theme/arrows/barrowr.gif) }

.pageHeadTop		{ width: 100%; height: 19px; background-color: #990000; color: #fcf1c4 }
.pageHeadName		{ padding-left:  3px; float: left;  font-size: 8pt; font-weight: bold; line-height: 19px }
.pageHeadItem		{ padding-right: 3px; float: right; font-size: 8pt;  line-height: 19px }
.pageHeadBottom		{ height: 17px; width: 100%; background-color: #fcf1c4; border-bottom: 1px solid #f6ca1a }
.pageHeadInfo		{ padding-left:  3px; float: left;  font-size: 8pt;  line-height: 17px } 
.pageHeadHelp		{ padding-right: 3px; float: right; font-size: 8pt;  line-height: 17px }
.pageHeadError		{ width:  100%; background-color: #FF0000; margin-top: 1px; text-align: left; font-size: 8pt; color: #FFFFFF; height: 40px }
.pageHeadMessage	{ width:  100%; background-color: #00FF00; margin-top: 1px; text-align: left; font-size: 8pt; color: #000000; height: 40px }

.pageContainer		{ width:  100%; background-color: #ffffff; height: 100%; position: relative; overflow: hidden }

#tabstripMain			{ width: 100%; height: 18px; border-bottom: 1px solid #990000; margin-top: 4px; margin-bottom: 4px; clear: both }

.tabstripItemL			{ width: 1px;  height: 17px; background-color: #ffffff; margin-top: 1px; float: left }
.tabstripItemR			{ display: none }
.tabstripItem			{ float: left; height: 17px; background-color: #990000;	margin-top: 1px; color: #fcf1c4; line-height: 17px; font-size: 8pt; text-align: center; cursor: pointer }

.tabstripItem:hover		{ background-color: #efbebe; color: #000000 }

.tabstripItemActiveL	{ width: 1px;  height: 17px; background-color: #ffffff;  border-bottom: 1px solid #fcf1c4; float: left }
.tabstripItemActiveR	{ display: none }
.tabstripItemActive		{ float: left; height: 17px; background-color: #fcf1c4; border-bottom: 1px solid #fcf1c4; border-left: 1px solid #990000; border-top: 1px solid #990000; border-right: 1px solid #990000; line-height: 17px; color: #000000; font-size: 8pt; text-align: center; cursor: pointer }

.tabstripItemDisableL	{ width: 1px;  height: 17px; background-color: #ffffff; float: left }
.tabstripItemDisableR	{ display: none; }
.tabstripItemDisable	{ float: left; height: 17px; height: 17px; line-height: 17px; background-color: #990000; margin-top: 1px; color: #A0A0A0; font-size: 8pt; text-align: center; cursor: url(../images/theme/cursors/notallowed.cur), help }

table caption		{ text-align: left; font-weight: bold; padding: 2px; background-color: #990000; color: #fcf1c4; border-top: 1px solid #ffffff }
tfoot tr			{ height: 26px }

table.tableMain		{ border-left: 1px solid #990000; border-top: 1px solid #990000; font-size: 8pt }

thead.tableMain tr			{ height: 18px; background-color: #fcf1c4 }
thead.tableMain th			{ border-bottom: 1px solid #990000; border-right: 1px solid #990000; text-align: center; font-weight: bold; cursor: pointer }
thead.tableMain td			{ border-bottom: 1px solid #990000; border-right: 1px solid #990000; text-align: center; font-weight: bold }
thead.tableMain th:hover	{ background-color: #efbebe }

tbody.tableMain tr.rowOdd				{ height: 18px; background-color: #ffffff }
tbody.tableMain tr.rowEven				{ height: 18px; background-color: #fcf1c4 }
tbody.tableMain tr.rowBold				{ height: 18px; background-color: #f6ca1a; font-weight: bold }
tbody.tableMain tr.rowCaption			{ height: 18px; background-color: #990000;  font-weight: bold; padding: 2px; color: #fcf1c4 }
tbody.tableMain tr.Attention			{ color: #ff0000 }
tbody.tableMain tr.Hilite:hover			{ background-color: #efbebe }
tbody.tableMain td						{ border-bottom: 1px solid #990000; border-right: 1px solid #990000 }

tfoot.tableMain td	{ border-bottom: 1px solid #990000; border-right: 1px solid #990000; padding-left: 4px; padding-right: 4px }

table.tableSub 			{ font-size: 8pt }
table.tableSub.Border 	{ border: 1px solid #990000 }

thead.tableSub tr			{ height: 18px; background-color: #fcf1c4 }
thead.tableSub th			{ border-right: 1px solid #A0A0A0; text-align: center; font-weight: normal; cursor: pointer }
thead.tableSub td			{ border-right: 1px solid #A0A0A0; text-align: center; font-weight: normal }
thead.tableSub th:hover		{ background-color: #efbebe }
thead.tableSub th.cellAsc	{ background-image: url(../images/theme/arrows/barrowu.gif); background-position: right; background-repeat: no-repeat }
thead.tableSub th.cellDesc	{ background-image: url(../images/theme/arrows/barrowd.gif); background-position: right; background-repeat: no-repeat }

tbody.tableSub tr.rowOdd				{ height: 18px; background-color: #ffffff }
tbody.tableSub tr.rowEven				{ height: 18px; background-color: #E0E0E0 }
tbody.tableSub tr.rowBold				{ height: 18px; background-color: #f6ca1a; font-weight: bold }
tbody.tableSub tr.rowCaption			{ height: 18px; background-color: #990000;  font-weight: bold; padding: 2px; color: #fcf1c4 }
tbody.tableSub tr.rowCollapse	        { height: 18px; text-indent: 15px; background-color: #f6ca1a; font-weight: bold; cursor: pointer; background-position: left center; background-repeat: no-repeat }
tbody.tableSub tr.rowCollapse.Expanded	{ background-image: url(../images/theme/arrows/barrowu.gif) }
tbody.tableSub tr.rowCollapse.Collapsed	{ background-image: url(../images/theme/arrows/barrowd.gif) }
tbody.tableSub tr.Attention				{ color: #ff0000 }
tbody.tableSub tr.Hilite:hover			{ background-color: #efbebe }
tbody.tableSub td						{ border-top: 1px solid #A0A0A0; border-right: 1px solid #A0A0A0 }

tfoot.tableSub td	{ border-top: 1px solid #990000; padding-left: 4px; padding-right: 4px }

table.tableForm 	    { font-size: 8pt }
table.tableForm.Border 	{ border: 1px solid #990000 }

tbody.tableForm tr	            { height: 24px }
tbody.tableForm tr.rowSubHead	{ height: 18px; font-weight: bold; background-color: #f6ca1a; border-top: 1px solid #ffffff }
tbody.tableForm tr.rowBold		{ height: 18px; background-color: #f6ca1a; font-weight: bold }
tbody.tableForm tr.rowCaption	{ height: 18px; background-color: #990000;  font-weight: bold; padding: 2px; color: #fcf1c4 }
tbody.tableForm td				{ border-top: 1px solid #ffffff; padding-left: 2px }
tbody.tableForm td.formLabel	{ background-color: #efbebe;  border-right: 1px solid #ffffff }
tbody.tableForm td.formInput	{ background-color: #fcf1c4;  border-right: 1px solid #ffffff }

tfoot.tableForm td	{ border-top: 1px solid #990000; padding-left: 4px; padding-right: 4px  }

table.tableCalendar 		{ font-size: 8pt; border: 1px solid #990000; float: left }

thead.tableCalendar tr		{ height: 18px; background-color: #fcf1c4 }
thead.tableCalendar th		{ text-align: center; font-weight: normal; cursor: pointer }
thead.tableCalendar td		{ text-align: center; font-weight: normal }

tbody.tableCalendar tr.rowOdd	{ height: 30px; background-color: #ffffff }
tbody.tableCalendar tr.rowEven	{ height: 30px; background-color: #E0E0E0 }
tbody.tableCalendar td		{ border-top: 1px solid #A0A0A0; border-right: 1px solid #A0A0A0; text-align: center }

tfoot.tableCalendar td	{ border-top: 1px solid #990000; padding-left: 4px; padding-right: 4px }

.collapseOdd	{ height: 16px; padding: 2px 0px 0px 2px; font-size: 8pt; background-color: #ffffff; border-bottom: 1px solid #A0A0A0 }
.collapseEven	{ height: 16px; padding: 2px 0px 0px 2px; font-size: 8pt; background-color: #E0E0E0; border-bottom: 1px solid #A0A0A0 }

.cellLeft	{ text-align: left;  padding-left:  2px }
.cellRight	{ text-align: right; padding-right: 2px }
.cellCenter	{ text-align: center }

.gridCell	{ float: left }
.gridClear	{ clear: both }

.imageShadow				{ background-color: #AAAAAA; display: inline-block; position: relative  }
.imageDisplay				{ position: relative }
.imageDisplay.Border		{ background-color: #FFFFFF; border: 1px solid #000000 }

.imageContainer				{ font-size: 8pt; overflow: hidden; padding: 2px }
.imageContainerHilite		{ font-size: 8pt; overflow: hidden; border: 2px solid #FFFFFF; padding: 2px; cursor: pointer }
.imageContainerHilite:hover	{ border: 2px solid #E0E0E0; background-color: #F0F0F0 }
.imageContainerSelected		{ font-size: 8pt; overflow: hidden; border: 2px solid #0000FF; padding: 2px; background-color: #EEEEFF; cursor: pointer }

.arrowButton			{ padding: 1px 4px 2px 18px; border: 2px outset #efbebe; font-size: 8pt; background-repeat: no-repeat; background-position: left; text-align: center; text-decoration: none; background-color: #990000; color: #ffffff; position: relative }
.arrowButton:hover		{ padding: 2px 3px 1px 19px; border: 2px inset #efbebe; top: 1px }

.arrowButton.Rb			{ background-image: url(../images/theme/arrows/carrowr.gif); cursor: pointer }
.arrowButton.RbDisable	{ background-image: url(../images/theme/arrows/carrowr.gif); cursor: url(../images/theme/cursors/notallowed.cur), help }

.arrowButton.Lb			{ background-image: url(../images/theme/arrows/carrowl.gif); cursor: pointer }
.arrowButton.LbDisable	{ background-image: url(../images/theme/arrows/carrowl.gif); cursor: url(../images/theme/cursors/notallowed.cur), help }

.arrowButton.Ub			{ background-image: url(../images/theme/arrows/carrowu.gif); cursor: pointer }
.arrowButton.UbDisable	{ background-image: url(../images/theme/arrows/carrowu.gif); cursor: url(../images/theme/cursors/notallowed.cur), help }

.arrowButton.Db			{ background-image: url(../images/theme/arrows/carrowd.gif); cursor: pointer }
.arrowButton.DbDisable	{ background-image: url(../images/theme/arrows/carrowd.gif); cursor: url(../images/theme/cursors/notallowed.cur), help }

.arrowButtonShow		{ border: 1px solid #efbebe; font-size: 8pt; background-repeat: no-repeat; background-position: left; background-image: url("../images/theme/arrows/warrowr.gif"); text-decoration: none; margin-top: -1px; padding: 0px 0px 1px 9px; background-color: #990000; color: #ffffff; cursor: pointer; }
.arrowButtonShow:hover	{ border: 1px inset #efbebe }

.arrowButtonHide		{ border: 1px solid #efbebe; font-size: 8pt; background-repeat: no-repeat; background-position: left; background-image: url("../images/theme/arrows/warrowl.gif"); text-decoration: none; margin-top: -1px; padding: 0px 0px 1px 9px; background-color: #990000; color: #ffffff; cursor: pointer; }
.arrowButtonHide:hover	{ border: 1px inset #efbebe }

.pageBar				{ font-size: 8pt }

.pageBarLink			{ text-decoration: none; color: #000000; cursor: pointer }
.pageBarLink:hover		{ text-decoration: underline }

.filterBarLink			{ text-decoration: none; cursor: pointer }
.filterBarLink:hover	{ text-decoration: underline }

.sidebarLink			{ text-decoration: none; color: #000000; cursor: pointer }
.sidebarLink:hover		{ text-decoration: underline }

.tableLink				{ text-decoration: none; color: #000000; cursor: pointer }
.tableLink:hover		{ text-decoration: underline }

.tableItemLink			{ text-decoration: none; color: #000000; cursor: pointer }
.tableItemLink:hover	{ font-weight: bold }
.tableItemDisable		{ text-decoration: none; color: #808080; font-weight: normal  }

.frame				{ background-color: #ffffff }
.frame.Border		{ border: 1px solid #000000 }

.frameBackgroundLabel	{ background-color: #efbebe;  width: 100%; height: 100% }
.frameBackgroundInput	{ background-color: #fcf1c4; width: 100%; height: 100%; padding: 4px }

.forumHeadLink			{ font-weight: bold; color: #990000; text-decoration: none }
.forumHeadLink:hover	{ text-decoration: underline }
.forumLink				{ color: #990000; text-decoration: none }
.forumLink:hover		{ text-decoration: underline }

.editorBackdrop		{ background-color: #F0F0F0; width: 100%; vertical-align: top; clear: both }
.editor				{ overflow: auto; margin: 0 }
.editor.Grid		{ background-image: url(../images/editor/gridbg.gif) }

.toolBar							{ background-image: url(../images/editor/tbbg.gif); padding-top: 3px; height: 22px; float: left }
.toolBarItem						{ float: left; background-repeat:no-repeat; position: relative; top: -2px; font-size: 8pt }
.toolBarItem.Button					{ background-color: transparent; border: 1px outset transparent; background-position: 2px 2px; text-indent: 16px; height: 16px; padding: 3px 0 1px 0; cursor: pointer }
.toolBarItem.Button:hover			{ background-color: #B2BBD0; border: 1px solid #0A246A;  }
.toolBarItem.Button:active			{ background-color: #B2BBD0; border: 1px inset #FFFFFF; background-position: 3px 3px; text-indent: 17px; height: 16px; padding: 4px 0 0 0 }

.toolBarItem.ButtonChecked			{ background-color: transparent; border: 1px inset #FFFFFF; background-position: 3px 3px; text-indent: 17px; height: 16px; padding: 4px 0 0 0; cursor: pointer }
.toolBarItem.ButtonChecked:hover	{ background-color: #B2BBD0 }
.toolBarItem.ButtonDisable			{ border: none; padding: 0px; vertical-align: top; margin-top: 1px }

.toolBarItem.Bar					{ height: 20px; width: 8px; background-image: url(../images/editor/tbsep.gif) }
.toolBarItem.Start					{ height: 20px; width: 8px; background-image: url(../images/editor/tbstart.gif) }
.toolBarItem.Space					{ height: 20px; width: 8px }

.formSearchText			{ font-family: Verdana, Arial, Sans-Serif; font-size: 8pt; padding: 1px; border: 1px solid #000000; color: #000000 }
.formFile				{ font-family: Verdana, Arial, Sans-Serif; border: 1px solid #000000; background-color: #ffffff; color: #000000; font-size: 8pt; height: 20px; cursor: pointer }
.formFileButton			{ font-family: Verdana, Arial, Sans-Serif; border: 1px solid #000000; padding: 2px 4px 0 4px; font-size: 8pt; height: 20px; cursor: pointer }
.formButton				{ font-family: Verdana, Arial, Sans-Serif; border: 1px solid #000000; padding: 2px 4px 0 4px; font-size: 8pt; height: 18px; cursor: pointer }
.formReadText			{ font-family: Verdana, Arial, Sans-Serif; border: 1px solid #000000; background-color: #ffffff; color: #000000; font-size: 10pt; padding: 1px }
.formDisplayText		{ font-family: Verdana, Arial, Sans-Serif; display: inline-block; color: #000000; font-size: 10pt; padding: 1px; overflow: hidden; height: 16px; float: left }
.formDisplayText.Border	{ border: 1px solid #000000; background-color: #ffffff }
.formText				{ font-family: Verdana, Arial, Sans-Serif; border: 1px solid #000000; background-color: #ffffff; color: #000000; font-size: 10pt; padding: 1px }
.formSmallText			{ font-family: Verdana, Arial, Sans-Serif; border: 1px solid #000000; background-color: #ffffff; color: #000000; font-size: 8pt;  padding: 1px }
.formTextDisable		{ font-family: Verdana, Arial, Sans-Serif; border: 1px solid #000000; background-color: #ffffff; color: #808080; font-size: 10pt; padding: 1px }
.formSmallTextDisable	{ font-family: Verdana, Arial, Sans-Serif; border: 1px solid #000000; background-color: #ffffff; color: #808080; font-size: 8pt;  padding: 1px }
.formTextArea			{ font-family: Verdana, Arial, Sans-Serif; border: 1px solid #000000; background-color: #ffffff; color: #000000; font-size: 10pt; padding: 1px }
.formSelect				{ font-family: Verdana, Arial, Sans-Serif; color: #000000; background-color: #ffffff; height: 19px; cursor: pointer; font-size: 8pt }
.formSelectDisable		{ font-family: Verdana, Arial, Sans-Serif; color: #808080; background-color: #ffffff; height: 18px; cursor: pointer; font-size: 8pt }
.formTable				{ width: 100%; height: 100%; font-size: 8pt }
.formRadio,.formCheck	{ cursor: pointer }