/*------------------------------------------------------------------------------
	PAGE BODY
------------------------------------------------------------------------------*/
html { height: 100%; }
body {
	margin: 0 auto;
	padding: 0;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.5;
	color: #111;
	background: #fefefe /*url(/img/bg.gif) repeat-x scroll 0 40px*/;
	min-height: 100%;
}



/*------------------------------------------------------------------------------
	GLOBALS & GENERAL CASES
------------------------------------------------------------------------------*/
img { border: 0; }

a:link { color: #006fbb; text-decoration: none; }
a:visited { color: #006fbb; text-decoration: none; }
a:hover, a.selected { color:#002e4e; }

a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
	margin: 0;
}

a.tag { background: transparent url(/img/tag-icon.gif) no-repeat 0 50%; margin-right: 30px; padding-left: 17px; }

a.admin:link, a.admin:visited { color: #f00; font: normal 11px Verdana; }
a.admin:hover { color: #fff; background: #f00; }

.option { font: 11px verdana;}
a.option:link, a.option:visited { font: normal 11px Verdana; }
a.option:focus, a.option:active { outline: none; }

a.black:link, a.black:visited { color: #000; }
a.black:hover { color: #fff; background: #000; }

a.white:link, a.white:visited { color: #fff; }
a.white:hover { color: #000; background: #fff; }

a.button, button.button {
	background: transparent url(/img/btn-l.png) no-repeat scroll 0 0;
	color: #445;
	cursor: pointer;
	display: block;
	font: 11px "Lucida Grande",Arial,Verdana,sans-serif;
	height: 26px;
	border: 0;
	float: left;
	overflow: hidden;
	padding: 0;
	text-decoration: none;
}
a.button:focus, button.button:focus { outline: none; }
a.button:hover, button.button:hover { background-position: 0 -26px; }
a.button:active, button.button:active, .button.selected, .button.selected:hover { background-position: 0 -52px; }
a.button span, button.button span {
	background: transparent url(/img/btn-r.png) no-repeat scroll 100% 0;
	height: 26px;
	margin-left: 12px;
	padding: 6px 12px 6px 0;
	float: left;
}
a.button:hover span, button.button:hover span { background-position: 100% -26px; }
a.button:active span, button.button:active span, .button.selected span, .button.selected:hover span { background-position: 100% -52px; }
button.button { margin-top: -5px; }
button.button span { margin: 0 0 0 10px;}
html>/**/body button.button span, x:-moz-any-link, x:default { margin-top: -1px; } /* Only FireFox 3 */

a.plus-button { display: block; float: left; margin-left: 2px; outline: none; background: transparent url(/img/button-controls.png) no-repeat scroll -23px 50%; height: 20px; width: 20px; text-indent: -9999px; }
a.minus-button { display: block; float: left; margin-left:2px; outline: none; background: transparent url(/img/button-controls.png) no-repeat scroll -1px 50%; height: 20px; width: 20px; text-indent: -9999px; }


h1 { font: 28px "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1.2em; color: #222; }
h2 { font: 22px "Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom: 1.2em; line-height: 1.2em; color: #222; }
h3 { font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 50px 0 1em; line-height: 1.2em; color: #000; text-transform: uppercase; }
h4 { font: bold 1.2em "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 1em 0; line-height: 1.2em; color: #222; letter-spacing: -1px; }
h5 { font: bold 1.1em "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 1em 0; line-height: 1.2em; color: #000; }
p { font: 1em "Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom: 1.2em; line-height: 1.45em; padding-bottom: 1px; color: #222; }

label { display: block; margin-bottom: 2px; color: #666; font-weight: bold; }
input:focus { outline: none; }
input.text, input.title, textarea, div.textarea-autogrow { border: 1px solid #bbb; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 1px 0 0.5em; background: #fff url(/img/textinputbg.gif) repeat-x scroll 0 0; width: 80%; }
input.text:focus, input.title:focus, textarea:focus, div.textarea-autogrow:focus { border-color: #56a0f0; outline: none; }
input.text, input.title, textarea, div.textarea-autogrow { padding: 5px; }
textarea { min-height: 100px; }
textarea, div.textarea-autogrow { line-height: 14px; }
input.title { font-size: 1.5em; }
input[type="checkbox"] { margin-right: 5px; }
input[type="radio"] { margin-right: 5px; margin-top: 3px; }

del, .del { text-decoration: line-through; }
ins, .ins {  }

ul, ol { font: 1.3em "Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom: 1.2em; padding-bottom: 1px; padding-left: 15px; }
ul { list-style: disc outside; font-size: 1em; margin-left: 20px; }
ol { list-style: decimal outside; font-size: 1em; margin-left: 20px; }
li { list-style: inherit; }

form dl {  }
form dt { clear:both; float: left; padding: 10px 10px 10px 0; text-align: right; width: 104px; }
form dt label { font-size: 14px; margin-top: 3px; }
form dd { float: right; padding: 10px 0px; width: 440px; }
form dd input.title, form dd input.text, form dd textarea { width: 420px; }
form dt.section, form dd.section { border-top: 3px solid #eee; margin-top: 25px; padding-top: 40px; }

hr { border: 0; border-top: 1px solid #ddd; }
hr.dashed { border: 0; border-top: 1px dashed #ccc; }

cite { border-bottom: 1px dotted #000; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin-left: auto; margin-right: auto; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

.half-width { width: 50%; }
.third-width { width: 33%; }
.two-third-width { width: 66%; }

.quarter-width { width: 25%; }
.three-quarter-width { width: 75%; }

.fifth-width { width: 20%; }
.two-fifth-width { width: 40%; }
.three-fifth-width { width: 60%; }
.four-fifth-width { width: 80%; }

.small-indent { margin-left: 5px; }
.indent { margin-left: 10px; }

.light { color: #666; }
.very-light { color: #aaa; }
.semi-light { color: #212121; }

.highlight { background-color: #ffc; padding: 1px 3px; }

.notice, .success, .error { margin: 0 0 20px; font-size: 11px; padding: 3px 6px; color: #fff; border: 1px solid transparent; }
.notice { background-color: #fff6bf; color: #514721; border-color: #ffd324; }
.notice a { color: #514721; text-decoration: underline; }
.success { background-color: #e6efc2; color: #264409; border-color: #c6d880; }
.success a { color: #264490; text-decoration: underline; }
.error { background-color: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.error a { color: #8a1f11; text-decoration: underline; }
.notice a:hover, .success a:hover, .error a:hover { background: transparent; text-decoration: none; }

.rounded-notice { background: #fff6bf; border: 1px solid #ffd68f; padding: 1em 1.5em; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #514721; }
.rounded-notice h3, .rounded-notice p, .rounded-notice a { color: #514721; }
.rounded-notice a { text-decoration: underline; }
.rounded-notice *:last-child { margin-bottom: 0; }

.small { font-size: 0.9em; }
.very-small { font-size: 0.8em; }

.large { font-size: 1.1em; }
.v-large { font-size: 1.2em; }
p.big-margin { margin-bottom: 2em; }

.bold, strong { font-weight: bold; }
.light-weight { font-weight: lighter; }
.normal { font-weight: normal; }
.underline { text-decoration: underline; }
.italic, em { font-style: italic; }

code, pre, .code {
	font: 1em Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New;
	background-color: inherit;
	color: #333;
}
pre code { margin-bottom: 1.2em; display: block; line-height: 1.6em; font-size: 12px; }
code {  }

div.blue-dialog { background: #eaf2f5; border: 20px solid #ddd; padding: 2em 2em 1em; margin-top: 3em; margin-bottom: 2.5em; }
div.blue-dialog div.buttons { padding: 1em 0; }

div.blue-box, div.yellow-box, div.red-box, div.white-box, div.grey-box, div.green-box, div.black-box, div.clear-box { background: transparent; border: 1px solid transparent; padding: 1em 1.5em; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div.blue-box { background: #d2e4f8; border-color: #cfd7da; }
div.yellow-box { background: #fdf1ce; border-color: #ffd68f; }
div.red-box { background: #f6c0c0; border-color: #fbc2c4; }
div.grey-box { background: #eee; border-color: #ddd; }
div.green-box { background: #dfefce; border-color: #bfcfae; }
div.white-box { background: #fff; border-color: #ccc; }
div.black-box { background: #21272c /*url(/img/transparent-grey-stripe.png)*/; border-color: #000; color: #fff; }
div.black-box * { color: #fff; }
div.blue-box input[type="text"], div.yellow-box input[type="text"], div.red-box input[type="text"], div.white-box input[type="text"], div.grey-box input[type="text"], div.green-box input[type="text"], div.clear-box input[type="text"],
 	div.blue-box textarea, div.yellow-box textarea, div.red-box textarea, div.white-box textarea, div.grey-box textarea, div.green-box textarea, div.clear-box textarea { width: 97.8%; }
div.blue-box a, div.yellow-box a, div.red-box a, div.white-box a, div.grey-box a, div.green-box a { color: #195190; }


.tabs { margin-bottom: 5px; font-size: 11px; }
.blue-tab, .yellow-tab, .red-tab, .white-tab, .grey-tab, .green-tab, .clear-tab { background: transparent; border: 0; padding: 2px 5px; width: 50px; font-weight: bold; text-align: center; color: #333; outline: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.blue-tab { background: #d2e4f8; border-color: #cfd7da; }
.yellow-tab { background: #fdf1ce; border-color: #ffd68f; }
.red-tab { background: #f6c0c0; border-color: #fbc2c4; }
.grey-tab { background: #eee; border-color: #ddd; }
.green-tab { background: #dfefce; border-color: #bfcfae; }
.white-tab { background: #fff; border-color: #ccc; }
.tabs .deselected { background: transparent; border-color: transparent; color: #006fbb; }


.error, .notice, .success, .box { border: 1px solid #ddd; margin-bottom: 1em; padding: 0.8em; font-size: 1em; font-weight: bold; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.error { background: #fbe3e4; border-color: #fbc2c4; color: #8a1f11; }
.error * { color: #8a1f11; }
.notice { background: #fff9bd; border-color: #ffde98; color: #514721; }
.notice * { color: #514721; }
.success { background: #e6efc2; border-color: #c6d880; color: #264409; }
.success * { color: #264409; }


.red-text { color: #c33700; }


.title, #title { letter-spacing: -1px; }

.psuedo-link { cursor: pointer; }



table {  }
table thead { font-size: 0.95em; font-weight: bold; }
table tbody {  }
table.alternate-rows td { padding: 5px 7px; }
table.alternate-rows thead td { padding: 2px 7px; }
table.alternate-rows thead { background: #e2f4f8; }
table.alternate-rows td { border-right: 2px solid #fff; }
table.alternate-rows tbody tr td { border-bottom: 1px solid #e2f4f8; }

.alternating-rows { background: #fff; }
.alternating-rows div { padding: 5px 5px 5px 10px; }
.alternating-rows div:nth-child(2n) { background: #edf3fe; }
.alternating-rows div div { padding: 0; }

.kb table { width: 100%; border-top: 2px solid #ddd; margin-bottom: 20px; }
.kb table thead { border-bottom: 1px solid #ddd; text-transform: uppercase; }
.kb table thead td { color: #000; font-size: 11px; padding: 2px 4px; }
.kb table tr { border-bottom: 1px solid #eee; }
.kb table tr td { color: #444; font-size: 11.5px; padding: 4px; }


.three-dee-box { border: 1px solid #ccc; border-top-color: #eee; border-left-color: #eee; background: #fafafa; padding: 10px 10px 5px 10px; }
.inverse-three-dee-box { border: 1px solid #ccc; border-bottom-color: #eee; border-right-color: #eee; background: #fafafa; padding: 10px 10px 5px 10px; }

/*------------------------------------------------------------------------------
	STRUCTURE
------------------------------------------------------------------------------*/
.container {
	margin: 0 auto;
	width: 900px;
	padding: 20px 0;
	/*overflow: hidden;*/
}

#header {
	clear: both;
	float: left;
	width: 100%;
	text-align: left;
	background: #212121 /*url(/img/transparent-grey-stripe.png)*/ url(/img/header-bg.gif);
	color: #f0f0f0;
	border-bottom: 2px solid #ccc;
/*	box-shadow: -2px 1px 2px #888;
	-moz-box-shadow: -2px 1px 2px #888;*/
}
#header .container { padding: 5px 0; }
#header a { color: #f3f3f3; }
#header a:hover { color: #f3f3f3; background: transparent; }
#header .tabs { font-size: 0.95em; margin: 0; padding: 0; }
#header .tabs a, div#header div.tabs .text {
	display: block;
	float: left;
	margin-left: 15px;
	text-decoration: none;
	font-size: 1em;
	position: relative;
	color: #cacaca;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 6px 5px;
	margin-top: 5px;
}
#header .tabs a:hover { color: #fff; }
#header .tabs a.active { padding: 6px 10px; background: #fff; color: #000; font-weight: bold; border-color: transparent; }
#header .tabs a:focus { outline: none; }
#header .tabs a:first-child { margin-left: 0; }
#header .tabs a:first-child.active { margin-left: 0; }
#header .tabs a.indent { margin-left: 30px; }
#header .tabs a.no-style { display: inline; float: none; margin: 0; text-decoration: underline; padding: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
#header h1 { color: #fff; border-right: 1px solid #444; float: left; font-size: 20px; font-weight: bold; letter-spacing: -1px; }
#header .tabs h1 a { color: #fff; padding: 7px 20px 9px 0; margin-top: 0; }
#header .tabs h1+a.active { margin-left: 20px; } 


#subheader { display: none; border-bottom: 1px solid #eee; float: right; margin-bottom: 23px; padding-bottom: 20px; }


#subheader .search-bar { float: right; z-index: 100; position: relative; background: #ccc; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#subheader .search-bar input { color: #aaa; width: 215px; padding: 4px 5px 2px 18px; font-size: 12px; border: 1px solid #bbb; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #fff url(/img/searchfield.png) repeat-x scroll 0 0; }
#subheader .search-bar input:focus { color: #222; }

#search-autocomplete-container { position: absolute; z-index: 10000; left: 2px; top: 35px; height: 100px; width: 225px; padding: 5px; background: transparent url(/img/tip-north.gif) no-repeat scroll 50% 0; }
#search-autocomplete { background: #000; color: #fff; min-height: 10px; width: 100%; padding: 5px; -moz-border-radius: 5px;/* -webkit-border-radius: 5px; box-shadow: 10px 10px 20px #888; -moz-box-shadow: 10px 10px 20px #888;*/ } 
#search-autocomplete .item { display: block; cursor: pointer; font-size: 11px; padding: 5px 9px; border-top: 1px solid #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; text-decoration: none;  }
#search-autocomplete .item:first-child { border-top: 0; }
#search-autocomplete .item:last-child {  }
#search-autocomplete .item:hover { background: #1553aa url(/img/autocomplete.png) repeat-x 0 0; text-shadow: #05439a -1px -1px 1px; }
#search-autocomplete .item .featured { float: right; margin-right: -5px; width: 16px; height: 16px; background: url(/img/star.png) no-repeat scroll 50% 50%; }
#search-autocomplete .item:hover .featured { background: url(/img/star-hover.png) no-repeat scroll 50% 50%; }


#company-logo-container { padding: 10px 0; }


#page { float: left; margin-top: 2px; width: 600px; }
#sidebar { float: right; margin-top: 2px; position: relative; width: 250px; z-index: 0; }


p.tabs { margin: 0 5px 3px; }
p.tabs span { margin: 0 10px; }
p.tabs span:first-child { margin-left: 5px; }



ul.articles { list-style: none inside url(/img/page-icon.gif); font-size: 0.95em; padding-left: 0; margin-left: 0; }
ul.articles li { border-bottom: 1px solid #e5e5e5; padding: 3px 0; }
ul.articles li:first-child { border-top: 1px solid #e5e5e5; }



ul.checklist { margin: 0; padding: 0; list-style: none/* inside url(/img/checklist-li-bg.png)*/; }
ul.checklist li { background: transparent url(/img/checklist-li-bg.png) no-repeat scroll 0 50%; padding: 3px 20px; font-weight: bold; }



div.articles {  }
div.articles div.article { border-bottom: 1px solid #e5e5e5; padding: 10px 0; }
div.articles div.article:first-child { border-top: 1px solid #e5e5e5; }
div.articles div.article p { margin-bottom: 0; }
div.articles div.article p:first-child { background:url(/img/page-icon.gif) no-repeat scroll 0 3px; padding-left: 15px; }
div.articles div.article p:last-child { padding-left: 15px; }


.article-table { border-top: 1px solid #eee; }
.article-table .article-cell { border-bottom: 1px solid #eee; padding: 10px 0; }
.article-table .article-cell td { padding: 10px 0; }
.article-table .article-cell p { margin-bottom: 0; }
.article-table .article-cell p:first-child { background:url(/img/page-icon.gif) no-repeat scroll 0 3px; padding-left: 15px; }
.article-table .article-cell p:last-child { padding-left: 15px; }


#article-index { background: #fafafa; border: 1px solid #ccc; border-right-color: #eee; border-bottom-color: #eee; display: block; float: right; list-style-type: none; padding: 10px 10px 5px 10px; margin: 0; width: 228px; }


#article { float: left; font-size: 13px; width: 590px; }
#article h3 { font-size: 20px; font-weight: bold; letter-spacing: -1px; text-transform: none; padding: 10px 0; margin-bottom: 0; border-top: 1px solid #ddd; }
#article h4 { font-size: 18px; border-top: 1px dashed #ccc; padding: 10px 0;  margin-top: 50px; }
#article h3 + * { margin-top: 20px; }
#article h3 + h4 { margin-top: 0; }
#article ul, div#article ol { font-size: 13px; margin-left: 10px; }
#article strong { font-weight: bold; }
#article em { font-style: italic; }
#article pre code { background: #f8f8ff; border: 1px solid #dedede; padding: 0px 2px; }
#article pre code { padding: 10px; overflow: auto; }



.product-selector-container { position: relative; width: 250px; margin-bottom: 15px; margin-top: -5px; }
.product-selector-container .current-product { position: relative; padding: 0px; z-index: 1001; background: #006fbb url(/img/chevron-down.png) scroll no-repeat 96% 50%; border-color: #006fbb; color: #f0f0f0; }
.product-selector-container .current-product a { display: block; padding: 7px; }
.product-selector-container img { display: block; float: left; width: 30px; height: 30px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.product-selector-container h4 { float: left; margin: 0px 10px; letter-spacing: 0; font-size: 12px; }
.product-selector-container h4 span { font-weight: normal; color: #666; font-size: 0.9em; }
.product-selector-container .current-product h4 { color: #f0f0f0; }
.product-selector-container .current-product h4 span { color: #f5f5f5; }
.product-selector-container .product-dropdown { position: absolute; display: none; z-index: 1000; margin-top: -3px; margin-left: 2px; background: #ddd; border: 1px solid #ccc; border-top: 0; padding-top: 3px; color: #fff; width: 244px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.product-selector-container:hover .product-dropdown { display: block; }
.product-selector-container .product-dropdown a { padding: 5px; display: block; }
.product-selector-container .product-dropdown a:hover { background: #ccc; }
.product-selector-container .product-dropdown .separator { display: block; height: 1px; background: #fff; padding: 0; }
.product-selector-container .no-chevron { background-image: none; }



.link-sidebar { width: 220px; }
.link-sidebar .link, .link-sidebar a { float: left; display: block; width: 216px; padding: 5px 0; margin-left: 2px; border-bottom: 1px solid #ddd; font-weight: bold; }
.link-sidebar .link .num, .link-sidebar a .num, .line-sidebar .link span, .link-sidebar a span { float: right; display: block; text-align: center; background: #999; padding: 2px 7px; margin-top: 1px; margin-right: 2px; font-size: 11px; line-height: 11px; color: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.link-sidebar .link:hover .num, .link-sidebar a:hover .num, .link-sidebar .link:hover span, .link-sidebar a:hover span { background: #666; }
.link-sidebar .tag { background: transparent url(/img/tag-icon.gif) no-repeat 0 50%; padding-left: 20px; width: 196px; }
.link-sidebar .page { background: transparent url(/img/page-icon.gif) no-repeat scroll 0 50%; padding-left: 20px; width: 196px; }
.link-sidebar .locked { background: transparent url(/img/padlock.png) no-repeat scroll 97% 50%; }
.link-sidebar .selected .num, .link-sidebar .selected span { background: #002e4e; }
.link-sidebar .num.high-priority, .link-sidebar span.high-priority, .link-sidebar :hover .num.high-priority, .link-sidebar :hover span.high-priority { background: #d54e21; }
.link-sidebar .num.low-priority, .link-sidebar span.low-priority, .link-sidebar :hover .num.low-priority, .link-sidebar :hover span.low-priority { background: transparent; color: #999; }



table.community-topics { width: 100%; }
table.community-topics tr {  }
table.community-topics td.avatar { padding: 12px 10px 18px 0; }
table.community-topics td.details { border-bottom: 1px solid #ddd; padding: 15px 10px 15px 0; }
table.community-topics td.topic-type { border-bottom: 1px solid #ddd; }
table.community-topics tr:first-child td.details,
 	table.community-topics tr:first-child td.topic-type { border-top: 1px solid #ddd; }


.topic-container { background: #fafafa; padding: 10px 10px 0; }
.topic-container .content { font-size: 1.1em; }
.topic-container .content :last-child { margin-bottom: 0; padding-bottom: 0; }
.topic-container .tags { border-top: 1px solid #eee; background: #fff; margin: 10px -10px 0; padding: 15px 10px 10px; }

.comment-container {  }
.comment-container h4 { margin-top: 40px; }
.comment { margin: 0 0 40px; padding-top: 5px; border-top: 1px solid #888; }
.comment .avatar { width: 36px; }
.comment .details { width: 555px; }
.subcomment-container { width: 555px; }
.subcomment { border-top: 1px dotted #888; padding: 10px 0; color: #444; }
.subcomment:first-child { border-color: #444; }

.new-comment-container { width: 100%; }
.new-comment-container h4 { margin: 0 0 14px; font-size: 1.4em; letter-spacing: -1px; color: #333; }



#footer {
	margin:38px auto 0 auto;
	padding:5px 0;
	height:50px;
	font-size:11px;
	color:#777;
	border-top:1px solid #ddd;
}


div.paginator { margin: 30px 0; text-align: center; }
div.paginator .prev, div.paginator .prev-disabled { margin-right: 30px; padding: 2px 6px; border: 1px solid #eee; }
div.paginator .prev {  }
div.paginator .prev-disabled { color: #aaa; text-decoration: none; border-color: transparent; }
div.paginator .next, div.paginator .next-disabled { margin-left: 30px; padding: 2px 6px; border: 1px solid #eee; }
div.paginator .next {  }
div.paginator .next-disabled { color: #aaa; text-decoration: none; border-color: transparent; }
div.paginator .link { border: 1px solid #eee; padding: 2px 6px; margin: 0 2px; }
div.paginator .current-link { border: 1px solid transparent; padding: 2px 6px; margin: 0 2px; font-weight: bold; /*color: #ff0084;*/ color: #222; }
div.paginator .items { color: #aaa; font-size: 0.9em; margin-top: 5px; }
div.paginator a:hover { border-color: #ddd; }


div#index { position: fixed; right: 0; width: 25%; min-width: 200px; background: #fff; }
div#index h5 { background: yellow url(/img/transparent-grey-stripe.png); color: #000; padding: 2px 5px 2px 15px; margin-top: 0; font-size: 11px; text-transform: uppercase; }
div#index ul { margin: 0 10px 0 15px; padding-left: 0; }
div#index li:last-child { list-style-image: none; padding-left: 18px; border: 0; margin-top: 5px; }


img.user-picture { max-width: 55px; max-height: 55px; border: 2px solid #e8e8e8; padding:1px }


div.tip { padding: 5px; font: bold 11px 'Lucida Grande',sans-serif; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; line-height: 12px; }
div.tip-inner { padding: 8px; background-color: #000; color: #fff; max-width: 200px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
div.tip-north { background-image: url(/img/tip-north.gif); background-position: top center; }
div.tip-south { background-image: url(/img/tip-south.gif); background-position: bottom center; }
div.tip-east { background-image: url(/img/tip-east.gif); background-position: right center; }
div.tip-west { background-image: url(/img/tip-west.gif); background-position: left center; }
div.tip-east div.tip-inner { padding: 4px 8px; }
div.tip-west div.tip-inner { padding: 4px 8px;}


.hud-content { display: none; }
div.hud-container { position: absolute; top: 50%; left: 50%; height: 100px; width: 550px; margin-top: -150px; margin-left: -275px; z-index: 100000; }
div.hud-container a#close-hud-trigger { display: block; position: absolute; width: 28px; height: 28px; left: -15px; top: -12px; background: url(/img/widget_close.png) no-repeat; }
div.hud-comtainer a#close-hud-trigger:active, div.hud-container a#close-hud-trigger:focus { outline: none; }
table.hud { width: 100%; height: 100%; font-size: 1em; max-height: 100px; }
table.hud input.title, table.hud input.text, table.hud textarea { width: 480px; }
table.hud label { color: #222; }
table.hud td :last-child { margin-bottom: 0; }
table.hud tr td { background: #fafafa; overflow: auto; }
table.hud tr td:first-child { background: url(/img/hud/b.png); padding: 0; overflow: hidden; }
table.hud tr td:last-child { background: url(/img/hud/b.png); padding: 0; overflow: hidden; }
table.hud tr:first-child td { background: url(/img/hud/b.png); height: 10px; padding: 0; overflow: hidden; }
table.hud tr:first-child td:first-child { background: url(/img/hud/tl.png) no-repeat scroll 100% 100%; width: 10px; }
table.hud tr:first-child td:last-child { background: url(/img/hud/tr.png) no-repeat scroll 0 100%; width: 10px; }
table.hud tr:last-child td { background: url(/img/hud/b.png); height: 10px; padding: 0; overflow: hidden; }
table.hud tr:last-child td:first-child { background: url(/img/hud/bl.png) no-repeat scroll 100% 0; width: 10px; }
table.hud tr:last-child td:last-child { background: url(/img/hud/br.png) no-repeat scroll 0 0; width: 10px; }
table.hud h4 { margin-top: 0; font-size: 1.5em; border-bottom: 1px solid #ddd; padding-bottom: 5px; color: #222; }