@charset "utf-8";
/* CSS Document */

html
{
	height:100%;
}

body
{
	height:100%;
	margin:0;
	font-family:Calibri, Tahoma;
	font-size:12px;
	line-height:150%;
	color:#000;
	min-width: 1240px;
}

table
{
	border-collapse:collapse;
}

td
{
	vertical-align:top;
}

#taskbar td
{
	padding:0;
	margin:0;
	vertical-align:top;
}

img
{
	vertical-align:middle;
	border:0;
}

legend
{
	padding:0 5px 0 0;
}
/*
table.ubb br
{
	display:none;
}

table.ubb td br
{
	display:inline;
}

table.ubb td
{
	padding:inherit;
}
*/
ol, ul
{
    margin-top:0px;
    margin-bottom:0px;
}

h1, h2, h3, h4, h5, h6
{
	color:#003399;
	font-weight:normal;
	margin:0;
	font-family:"Segoe UI", Calibri, Tahoma;
}

h1
{
	font-size:20px;
}

h2
{
	font-size:17px;
}

h3
{
	font-size:15px;
}

h4
{
	font-size:14px;
}

h5
{
	font-size:12px;
}

h6
{
	font-size:10px;
}

a:link, a:visited
{
	color:#0066cc;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
	color: #3399ff;
}

fieldset
{
	padding:8px 10px 10px 10px;
}

#background
{
	background:url(/html/img/layout/sidebar-background.png) center top;
	min-height:100%;
	min-width: 1240px;
}

#container
{
	width:1240px;
	margin:0 auto;
}

#desktop
{
	width:960px;
	margin:0 140px;
	overflow:auto;
}

/**
 * Header
 */

div.header
{
	height:90px;
	width:922px;
	margin:30px 19px 0 19px;
}

div.header a:link, div.header a:visited
{
	width:70px;
	height:70px;
	display:block;
	float:right;
}

div.header a:hover
{
	background:url(/html/img/layout/buttons/desktop-icon.png);
}

/**
 * Sidebar
 */

 #buttons-gadget
 {
 	width: 130px;
 	clear: both;
 	overflow:auto;
 }

#sidebar-left
{
	width:130px;
	padding:10px 0 0 0;
	text-align:left;
	z-index:1;
	position:absolute;
	top:0px;
}

#sidebar-left a.menu:link, #sidebar-right a.menu:link, #sidebar-left a.menu:visited, #sidebar-right a.menu:visited
{
	width:120px;
	height:25px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-size:15px;
	padding:5px 0 0 10px;
}

#sidebar-left a.menu:hover, #sidebar-right a.menu:hover
{
	background:url(/html/img/layout/buttons/menu-hover.png);
}

.sidebar-right-back
{
	height:100%;
	padding:0;
	background:url(/html/img/layout/sidebar-right.png) top left repeat-y;
}

#sidebar-right
{
	width:130px;
	padding:10px 0 0 0;
	margin:0 0 0 1110px;
	z-index:1;
	text-align:left;
	position:absolute;
	top:0px;
}

/**
 * Sort menu
 */

table.sort-menu
{
	background:url(/html/img/layout/sort-menu-back.gif);
	width:100%;
	border-collapse:collapse;
}

table.sort-menu td
{
	padding:0;
}

a.sort-menu-active img, a.sort-menu img
{
	position:absolute;
}

a.sort-menu:link, a.sort-menu:visited
{
	border-color:#d5d5d5;
	border-width:0 1px 1px 0;
	border-style:solid;
	border-right:1px solid #eaeaea;
	background:url(/html/img/layout/sort-menu-back.gif);
	height:21px;
	display:block;
	color:#000000;
	padding:1px 0 0 5px;
	overflow:hidden;
}

a.sort-menu-active:link, a.sort-menu-active:visited
{
	border-color:#96d9f9;
	border-width:0 1px 1px 0;
	border-style:solid;
	background:url(/html/img/layout/sort-menu-active.gif);
	height:21px;
	display:block;
	color:#000000;
	padding:1px 0 0 5px;
}

a.sort-menu:hover, a.sort-menu-active:hover
{
	background:url(/html/img/layout/sort-menu-hover.gif);
	border-color:#96d9f9;
	text-decoration:none;
}

/**
 * Options menu
 */

div.options-menu
{
	background:url(/html/img/layout/option-menu-back.gif);
	width:902px;
	height:31px;
}

div.options-menu a:link, div.options-menu a:visited
{
	margin:3px 0 0 3px;
	padding:2px 0 0 0;
	display:block;
	float:left;
	width:102px;
	height:22px;
	color:#ffffff;
	text-decoration:none;
}

div.options-menu a:hover, div.options-menu a.active
{
	background:url(/html/img/layout/buttons/options-hover.png);
}

div.options-menu img
{
	margin:0 5px 0 5px;
}

div.options-menu span a:link, div.options-menu span a:visited
{
	margin:3px 2px 0 0;
	padding:2px 0 0 0;
	display:block;
	text-align:center;
	float:right;
	width:24px;
	height:22px;
	color:#ffffff;
	text-decoration:none;
}

div.options-menu span a:hover, div.options-menu span a.active
{
	background:url(/html/img/layout/buttons/page-hover.png);
}

div.options-menu span div
{
	padding:6px 5px 0 0;
	color:#FFFFFF;
	float:right;
}

/**
 * Search box
 */

div.search
{
	width:236px;
	float:right;
	margin:43px 20px 0 0;
	text-align:left;
}

div.search img.search
{
	width:27px;
	height:20px;
	background:url(/html/img/layout/form/search.gif);
	margin:-1px 0 0 0;
	cursor:pointer;
}

div.search img.search:hover
{
	background:url(/html/img/layout/form/search-hover.gif);
}

div.search img.options
{
	width:15px;
	height:20px;
	background:url(/html/img/layout/form/search.gif) right;
	margin:-1px 0 0 0;
	cursor:pointer;
}

div.search img.options:hover
{
	background:url(/html/img/layout/form/search-hover.gif) right;
}

div.input-search
{
	width:236px;
	height:20px;
	text-align:left;
	float:right;
}

div.input-search:hover
{
	background:#ffffff;
}

input.search
{
	width:189px;
	height:17px;
	background:none;
	border:none;
	margin:0;
	padding:3px 0 0 5px;
	font-size:11px;
	float:left;
	color:#666666;
	font-style:italic;
}

/**
 * Dropdown menu
 */

div.context
{
	position:absolute;
	width:250px;
	background:url(/html/img/layout/context-back.gif);
	border:1px solid #979797;
	display:none;
	z-index:+50;
}

div.context a:link, div.context a:visited
{
	width:205px;
	height:18px;
	display:block;
	padding:5px 10px 5px 35px;
	text-decoration:none;
	color:#333333;
	margin:0;
}

div.context a img
{
	position:absolute;
	margin:-5px 0 0 -33px;
}

div.context .split
{
	height:2px;
	width:250px;
	background:url(/html/img/layout/context-splitter.gif);
	float:left;
}

div.context a:hover
{
	background:url(/html/img/layout/buttons/context-hover.gif);
}

/**
 * Form
 */

form
{
	margin:0;
}

form div.fields
{
	padding:15px 35px;
	border-bottom:1px solid #dde0e2;
	overflow:auto;
}

form div.buttons
{
	padding:10px;
	background:#f0f0f0;
	border-top:1px solid #FFFFFF;
	text-align:right;
}

input[type="text"], input[type="password"]
{
	vertical-align:middle;
	border:0;
}

input.empty
{
	color: #666666;
}

label
{
	display:block;
	padding:5px;
	clear:both;
	overflow:auto;
}

div.input-text, div.input-file
{
	width:230px;
	height:20px;
	background:url(/html/img/layout/form/input-text.gif) center center no-repeat;
	padding:5px;
}

div.input-text input, div.input-file input
{
	background:none;
	width:220px;
	height:19px;
	font-size:12px;
	padding:1px 5px 0 5px;
}

div.input-file
{
	background:url(/html/img/layout/form/input-file.gif) center center no-repeat;
}
/*
input.text
{
	background:none;
	width:220px;
	height:19px;
	font-size:12px;
	padding:1px 5px 0 5px;
}
*/
div.textarea
{
	background:url(/html/img/layout/form/textarea.gif) center center no-repeat;
	width:400px;
	height:100px;
	padding:5px;
}

div.textarea textarea
{
	width:390px;
	height:100px;
	border:none;
	background:none;
	font-size:12px;
	font-family:Calibri;
	overflow:auto;
	line-height:150%;
	padding:0 5px 0 5px;
}

input.button
{
	width:90px;
	height:22px;
	background:url(/html/img/layout/form/input-button.gif);
	border:0;
	font-size:11px;
}

input.button:hover
{
	background:url(/html/img/layout/form/input-button-hover.gif);
}

div.input-select
{
	height:22px;
	float:left;
	background:url(/html/img/layout/form/dropdown-background.gif) left top;
	margin:0 5px 0 0;
}

div.select
{
	padding:0 22px 0 5px;
	background:url(/html/img/layout/form/dropdown-arrow.gif) right top no-repeat;
	height:22px;
	float:left;
}

div.select:hover
{
	background:url(/html/img/layout/form/dropdown-arrow-hover.gif) right top no-repeat;
	cursor:pointer;
}

div.select-context
{
	border:1px solid #828790;
	position:absolute;
	display:none;
	background:#FFFFFF;
	width:150px;
	max-height:200px;
	overflow:auto;
	overflow-x:hidden;
	z-index:100;
}

div.select-context a:link, div.select-context a:visited
{
	display:block;
	color:#000000;
	text-decoration:none;
	padding:0 2px 0 2px;
	border:1px dotted #ffffff;
}

div.select-context a:hover
{
	background:#3399ff;
	color:#FFFFFF;
	border:1px dotted #666666;
}

.listbox
{
	height:100px;
	overflow:auto;
	border:1px solid #cccccc;
	margin:5px;
	padding:5px;
}

.listbox label
{
	padding:0;
}

/**
 * Addressbar
 */
 
.addressbar
{
	float:left;
	width:626px;
	height:20px;
	margin:43px 0 0 8px;
	overflow:hidden;
	padding:0 0 0 3px;
}
 
.addressbar:hover
{
	background:#ffffff;
}

.addressbar a:link, .addressbar a:visited
{
	display:block;
	float:left;
	padding:0 3px 0 3px;
	margin:0 1px;
	height: 20px;
}

.addressbar a:hover
{
	background: url(/html/img/layout/address-item.gif);
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #3c7fb1;
	margin:0;
	text-decoration:none;
}

.addressbar img
{
	float:left;
	margin:3px 0 0 0;
}

/**
 * Info
 */

.page-info
{
	width:902px;
	height:70px;
	background:url(/html/img/layout/info-back.jpg);
	overflow:hidden;
}

.page-info .info-title
{
	clear:both;
	font-size:16px;
}

.page-info .info-item
{
	float:left;
	padding:0 10px 0 0;
}

.page-info .info-container
{
	padding:8px;
	line-height:150%;
	overflow:auto;
}

.page-info .info-container span
{
	color:#999999;
}

.page-info img.thumbnail, .page-info img.icon
{
	margin:11px;
	float:left;
	max-width:64px;
	max-height:48px;
}

.page-info .buttons
{
	float:right;
	padding:10px;
}

.page-info .buttons a:link, .page-info .buttons a:visited, div.buttons a:link, div.buttons a:visited
{
	display:block;
	float:left;
	width:24px;
	height:24px;
}

.page-info .buttons a:hover, div.buttons a:hover
{
	background:url(/html/img/layout/buttons/page-hover.png);
}

.page-info .buttons img, div.buttons img
{
	margin:4px;
}

/**
 * UBB
 */

.quote
{
	padding:10px;
	border:1px solid #cccccc;
}

/**
 * Focus
 */

.focus
{
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(/html/img/layout/focus-background.png);
	position:fixed;
	display:none;
	z-index:15;
}

.focus-window
{
	width:416px;
	margin:-200px -208px;
	left:50%;
	top:50%;
	position:absolute;
}

.focus-window div.top
{
	background:url(/html/img/layout/focus/top.gif);
	width:416px;
	height:28px;
}

.focus-window div.mid
{
	background:url(/html/img/layout/focus/mid.gif);
	padding:0 8px 0 8px;
}

	.focus-window div.mid div.text
	{
		padding:15px 22px 15px 22px;
		border-bottom:1px solid #dde0e2;
		overflow:auto;
	}

	.focus-window div.mid div.buttons
	{
		padding:10px;
		background:#f0f0f0;
		border-top:1px solid #FFFFFF;
		text-align:right;
	}


.focus-window div.bottom
{
	background:url(/html/img/layout/focus/bot.gif);
	height:8px;
}

/**
 * Tabs
 */

div.tabs
{
	background:#f0f0f0;
	border-bottom:1px solid #898c95;
	height:20px;
	padding:7px 0 0 5px;
}

a.tab-high:link, a.tab-high:visited
{
	width:140px;
	height:21px;
	background:url(/html/img/layout/buttons/tab-high.gif);
	display:block;
	float:left;
	color:#333333;
	text-decoration:none;
	text-align:center;
}

a.tab-low:link, a.tab-low:visited
{
	width:140px;
	height:18px;
	background:url(/html/img/layout/buttons/tab-low.gif);
	display:block;
	float:left;
	color:#333333;
	text-decoration:none;
	text-align:center;
	padding:2px 0 0 0;
}

a.tab-low:hover
{
	background:url(/html/img/layout/buttons/tab-over.gif);
}

/**
 * Text editor
 */

#text-editor
{
    width:168px;
    height:48px;
    position:absolute;
    background:url(/html/img/layout/form/editor-back.gif);
    padding:2px;
    display:none;
}

#text-editor a:link, #text-editor a:visited
{
	display:block;
	float:left;
	width:24px;
	height:24px;
}

#text-editor a:hover
{
	background:url(/html/img/layout/buttons/page-hover.png);
}

/**
 * other
 */

.separator
{
	height:20px;
	background:url(/html/img/layout/separator-back.gif) left center repeat-x;
	color:#003399;
	clear:both;
}

.separator span
{
	background: white;
	padding:0 5px 0 0;
}
 
#top-menu
{
	height:42px;
	width:922px;
	background:url(/html/img/layout/top-menu.png);
	text-align:left;
	color:#FFFFFF;
	font-size:16px;
	margin:0 auto;
}

#error, .error
{
	background:#ffffe1;
	padding:5px;
	border-bottom:1px solid #a0a0a0;
}

#reply-preview, #topic-preview
{
	padding:10px;
	border-bottom:1px solid #cccccc;
	display:none;
}

.rating
{
	width:131px;
	height:11px;
	padding:1px;
	background:url(/html/img/layout/user-rating-back.gif);
	position:absolute;
}

.rating-back
{
	width:131px;
	height:11px;
}

.rating img
{
	height:11px;
	margin:0;
	vertical-align:top;
}

.rating .ghost
{
	background:#ccc;
	height:11px;
	overflow: visible;
}

.gadget-handle
{
	background:url(/html/img/layout/sidebar/handle.gif);
	position:absolute;
	z-index:300;
	filter:Alpha(Opacity=0);
	opacity:0;
	width:15px;
	height:57px;
}

.gadget-handle a.close:link, .gadget-handle a.close:visited
{
	width:15px;
	height:18px;
	display:block;
}

.gadget-handle a.close:hover
{
	background:url(/html/img/layout/sidebar/handle-close.gif);
}

.gadget-handle a.options:link, .gadget-handle a.options:visited
{
	width:15px;
	height:16px;
	display:block;
	margin:1px 0 0 0;
}

.gadget-handle a.options:hover
{
	background:url(/html/img/layout/sidebar/handle-options.gif);
}

#item-container
{
	overflow:auto;
}

.inactive img
{
	filter:Alpha(Opacity=25);
	opacity:0.25;
}

.user-pm
{
	color:#000000;
	font-size:11px;
}

div.tooltip
{
	width:213px;
	height:48px;
	position:absolute;
	background:url(/html/img/layout/balloon.gif);
	margin:-73px 0 0 -198px;
	padding:25px 0 0 10px;
}

/**
 * Download bar
 */

.download
{
	height:30px;
	background:url(/html/img/layout/download-back.gif);
}

div.download a:link, div.download a:visited
{
	margin:3px 0 0 3px;
	padding:2px 0 0 0;
	display:block;
	float:left;
	width:102px;
	height:22px;
	color:#000;
	text-decoration:none;
}

div.download a:hover, div.download a.active
{
	background:url(/html/img/layout/buttons/options-hover.png);
}

div.download img
{
	margin:0 5px;
}

/**
 * Welcome
 */
 
div.welcome
{
	height:196px;
	background:url(/html/img/layout/home-header.jpg);
	overflow:auto;
}

div.welcome h1
{
	color:white;
	margin:20px 0 0 0;
}
 
div.welcome a:link, div.welcome a:visited
{
	color: white;
}



/**
 * Other
 */

.highlight0{
background-color:#FFFF66; font-weight:bold;
}
.highlight1{
background-color:#A0FFFF; font-weight:bold;
}
.highlight2{
background-color:#99FF99; font-weight:bold;
}
.highlight3{
background-color:#FF9999; font-weight:bold;
}
.highlight4{
background-color:#FF66FF; font-weight:bold;
}
.highlight5{
background-color:#880000; font-weight:bold;
color:#FFFFFF;
}
.highlight6{
background-color:#00AA00; font-weight:bold;
color:#FFFFFF;
}
.highlight7{
background-color:#886800; font-weight:bold;
color:#FFFFFF;
}