/* Common */
.abs { position:absolute; }
.rel { position:relative; }
.fixed { position:fixed; }

.left { left:0px; }
.right { right:0px; }
.top { top:0px; }
.bottom { bottom:0px; }

.fillWidth { width:100%; }
.fillHeight { height:100%; }
.fillAll
{
	width:100%;
	height:100%;
}

.autoOverflow { overflow:auto; }

.noBorder { border:none; }
.noMargin { margin:0px 0px 0px 0px; }
.noOverflow { overflow:hidden; }
.noPadding { padding:0px 0px 0px 0px; }

.onTop { z-index:65535; }

.cursorHand { cursor:pointer; }
.cursorMove { cursor:move; }
.cursorResizeN { cursor:n-resize; }
.cursorResizeS { cursor:s-resize; }
.cursorResizeE { cursor:e-resize; }
.cursorResizeW { cursor:w-resize; }
.cursorResizeNE { cursor:ne-resize; }
.cursorResizeNW { cursor:nw-resize; }
.cursorResizeSE { cursor:se-resize; }
.cursorResizeSW { cursor:sw-resize; }


.textLeft { text-align:left; }
.textRight { text-align:right; }
.textCentre { text-align:center; }
.textJustify { text-align:justify; }

.textBold { font-weight:bold; }
.textPlain { text-decoration:none; }
.textUnderline { text-decoration:underline; }

.link
{
	color:#202020;
	text-decoration:none;
	cursor:pointer;
}

.list
{
	border:solid 1px #202020;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#202020;
}

input, select, textarea
{
	font-family:Lucida Sans Unicode, Lucida Sans, Microsoft Sans Serif, Calibri, Tahoma, Verdana, Arial;
	background:#f8f8f8;
	border:solid 1px #202020;
	margin:0px 0px 0px 0px;
	padding:1px 1px 1px 1px;
	color:#202020;
	font-size:12px;
}

input { height:16px; }
select { height:20px; }


/* Layout */
body
{
	background:#efefef;
	margin:0px 0px 0px 0px;
	font-family:Lucida Sans Unicode, Lucida Sans, Microsoft Sans Serif, Calibri, Tahoma, Verdana, Arial;
	font-size:12px;
	line-height:20px;
	color:#202020;
	background-image:url(../Images/background.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

h1
{
	font-size:16px;
	font-weight:bold;
}

h2
{
	font-size:14px;
	font-weight:bold;
}

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

a
{
	color:#7a3131;
}

#site
{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

#content, #windows, #dragDrop
{
	position:absolute;
	left:0px;
	top:40px;
}

#content
{
	width:100%;
	text-align:left;
	z-index:0;
}

#windows, #dragDrop
{
	width:1px;
	text-align:left;
	overflow:visible;
}

#windows { z-index:10; }
#dragDrop { z-index:20; }
#operaNoSelect { display:none; }

#topBar
{
	position:absolute;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	background-image:url(../Images/topbar.png);
	background-position:left top;
	background-repeat:repeat-x;
	color:#f8f8f8;
	z-index:30;
}

#logo
{
	position:absolute;
	left:2px;
	top:4px;
}

#contact
{
	position:absolute;
	right:5px;
	top:5px;
}

.topBarDivider
{
	position:absolute;
	top:0px;
	width:1px;
	height:20px;
	background-color:#8f8f8f;
}

a.topBarLink
{
	position:absolute;
	top:0px;
	height:100%;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#f8f8f8;
	background-image:none;
	cursor:pointer;
}

a.topBarLink:hover
{
	background-image:url(../Images/topbarhover.gif);
}

a.topBarClockLink
{
	position:absolute;
	right:4px;
	top:0px;
	height:20px;
	text-align:right;
	text-decoration:none;
	line-height:18px;
	color:#f8f8f8;
	background-image:none;
}

a.topBarClockLink:hover
{
	background-image:none;
}

.customCode
{
	font-family:Courier New, Courier, Lucida Console;
	color:#357303;
}

/* DropDowns */
.dropDownContent
{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image:url(../Images/dropdownbg.png);
	line-height:16px;
	overflow:hidden;
}

.dropDownL, .dropDownR, .dropDownB, .dropDownBL, .dropDownBR
{
	position:absolute;
}

.dropDownL { left:-22px; top:0px; width:22px; height:100%; }
.dropDownR { right:-22px; top:0px; width:22px; height:100%; }
.dropDownB { left:0px; bottom:-22px; width:100%; height:22px; }
.dropDownBL { left:-22px; bottom:-22px; width:22px; height:22px; }
.dropDownBR { right:-22px; bottom:-22px; width:22px; height:22px; }

.dropDownMenuItem
{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:60px;
}

.dropDownMenuItemInternal
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	border:none;
}

.dropDownMenuItemIcon
{
	position:absolute;
	left:5px;
	top:5px;
	width:50px;
	height:50px;
	background-image:url(../Images/trans.gif);
	border:none;
}

.dropDownMenuItemTitle
{
	position:absolute;
	left:60px;
	top:2px;
	width:235px;
	font-weight:bold;
}

.dropDownMenuItemDetails
{
	position:absolute;
	left:60px;
	top:22px;
	width:235px;
}

.dropDownDivider
{
	background-color:#8f8f8f;
}

/* Windows */
.windowShadow
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.windowTitleBarLabel
{
	position:absolute;
	left:0px;
	top:-20px;
	width:100%;
	height:20px;
	font-weight:bold;
	line-height:18px;
	color:#f8f8f8;
	overflow:hidden;
}

.windowTitleBarOverlay
{
	position:absolute;
	left:0px;
	top:-20px;
	width:100%;
	height:20px;
}

.windowContent
{
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#f8f8f8;
	line-height:16px;
	overflow:auto;
}

.windowL, .windowR, .windowB, .windowBL, .windowBR,
.windowStatusBar, .windowStatusBarDivider, .windowStatusLabel, .windowStatusDetails,
.windowTitleBar, .windowTitleBarL, .windowTitleBarR,
.windowTitleBarInactive, .windowTitleBarInactiveL, .windowTitleBarInactiveR,
.windowShadowL, .windowShadowR, .windowShadowB,
.windowShadowTL, .windowShadowTR, .windowShadowBL, .windowShadowBR,
.windowMoveGrip, .windowResizeGrip, .windowIcon, .windowGrip,
.windowCloseDisabled, .windowMaximiseDisabled, .windowMinimiseDisabled, .windowRestoreDisabled,
a.windowClose, a.windowMaximise, a.windowMinimise, a.windowRestore
{
	position:absolute;
}

.windowL { left:-6px; top:0px; width:7px; height:100%; }
.windowR { right:-6px; top:0px; width:7px; height:100%; }
.windowB { left:0px; bottom:-22px; width:100%; height:22px; }
.windowBL { left:-6px; bottom:-22px; width:6px; height:22px; }
.windowBR { right:-6px; bottom:-22px; width:6px; height:22px; }

.windowIcon { left:0px; top:-16px; }
.windowGrip { right:0px; bottom:-18px; }

.windowStatusBar
{
	left:0px;
	bottom:-22px;
	width:90%;
	height:20px;
	line-height:20px;
	overflow:hidden;
}

.windowStatusBarDivider
{
	left:0px;
	bottom:-4px;
	width:100%;
	height:1px;
	background-color:#dfdfdf;
}

.windowStatusLabel, .windowStatusDetails
{
	top:0px;
	height:100%;
}

.windowStatusLabel
{
	left:0px;
	width:50px;
}

.windowStatusDetails
{
	left:50px;
}

.windowTitleBar, .windowTitleBarInactive { left:0px; width:100%; height:20px; }
.windowTitleBarL, .windowTitleBarInactiveL { left:-6px; width:6px; height:20px; }
.windowTitleBarR, .windowTitleBarInactiveR { right:-6px; width:6px; height:20px; }

.windowTitleBar, .windowTitleBarL, .windowTitleBarR { top:-20px; }
.windowTitleBarInactive, .windowTitleBarInactiveL, .windowTitleBarInactiveR { top:0px; }

.windowShadowL { left:-22px; top:0px; width:22px; height:100%; }
.windowShadowR { right:-22px; top:0px; width:22px; height:100%; }
.windowShadowB { left:0px; bottom:-38px; width:100%; height:38px; }

.windowShadowTL { left:-22px; top:-20px; width:22px; height:20px; }
.windowShadowTR { right:-22px; top:-20px; width:22px; height:20px; }
.windowShadowBL { left:-22px; bottom:-38px; width:22px; height:38px; }
.windowShadowBR { right:-22px; bottom:-38px; width:22px; height:38px; }

.windowCloseDisabled, .windowMaximiseDisabled, .windowMinimiseDisabled, .windowRestoreDisabled,
a.windowClose, a.windowMaximise, a.windowMinimise, a.windowRestore
{
	top:-18px;
	width:14px;
	height:16px;
	text-decoration:none;
}

a.windowClose { right:0px; background-image:url(../Images/windowclose.png); }
a.windowMaximise { right:14px; background-image:url(../Images/windowmaximise.png); }
a.windowMinimise { right:28px; background-image:url(../Images/windowminimise.png); }
a.windowRestore { right:14px; background-image:url(../Images/windowrestore.png); }

a.windowClose:hover { background-image:url(../Images/windowclosehover.png); }
a.windowMaximise:hover { background-image:url(../Images/windowmaximisehover.png); }
a.windowMinimise:hover { background-image:url(../Images/windowminimisehover.png); }
a.windowRestore:hover { background-image:url(../Images/windowrestorehover.png); }

.windowCloseDisabled { right:0px; background-image:url(../Images/windowclosedisabled.png); }
.windowMaximiseDisabled { right:14px; background-image:url(../Images/windowmaximisedisabled.png); }
.windowMinimiseDisabled { right:28px; background-image:url(../Images/windowminimisedisabled.png); }
.windowRestoreDisabled { right:14px; background-image:url(../Images/windowrestoredisabled.png); }

.windowMoveGrip, .windowResizeGrip { background-image:url(../Images/trans.gif); }
.windowResizeGrip { width:20px; height:20px; }

.windowResizeGripTL { left:-6px; top:-20px; }
.windowResizeGripTR { right:-6px; top:-20px; }
.windowResizeGripBL { left:-6px; bottom:-18px; }
.windowResizeGripBR { right:-6px; bottom:-18px; }