img { vertical-align: bottom; }

/* Nice lists */
.pagecontent ul li, .sidebar ul li, .tip li { list-style-image: url(icons/bullet_arrow_right.png); }
.pagecontent form ul li, .sidebar form ul li { list-style-image: none; }

/* jQuery tabs */
#tabs { clear: both; }
.ui-tabs ul li { list-style-image: none; } /* fix */
.ui-tabs ul li.loader { float: right; padding-top: 2px; padding-right: 5px; }

/* breadcrumb above content */
div#breadcrumb { font-size: 0.8em; word-spacing: -2px; color: #c6c6c6; text-align: left; margin-bottom: 15px; }
div#breadcrumb a { margin-left: 4px; margin-right: 4px; color: #c6c6c6; }
div#breadcrumb a.last { font-size: 1.4em; font-weight: bold; color: #757575; }

/* Forum-style messages */
div.message { width: 99%; background-color: #e1ebf2; -webkit-border-radius: 15px; -moz-border-radius: 15px; padding: 5px; overflow: hidden; }
div.message h3 { color: #105289; margin: 2px 0 0 10px; }

div.message div.contentcontainer { margin-right: 160px; }
div.message div.postinfocontainer { width: 160px; float: right; }

div.message div.postinfo { text-align: right; border-left: 1px solid white; padding: 10px; }
div.message div.postinfo div { clear: both; }
div.message img.avatar { float: right; max-width: 80px; max-height: 80px; }
div.message div.content { padding: 5px 15px; overflow: auto; }
div.message div.postinfo div.extra { border-top: 1px solid white; margin-top: 8px; padding-top: 8px; font-size: 0.9em; }
div.message div.postinfo div.postdate i { color: #666666; }

/* half content roundies */
div.halfcontent { display: block; padding: 10px 5px; *clear: both; }
div.halfcontent .one, div.halfcontent .two { width: 49%; *float: left; clear: none; display: inline-block; vertical-align: top; margin: 0 auto; }
div.halfcontent .extra { width: 45%; margin: 0 3%; }
div.halfcontent .one { margin-left: 0; }
div.halfcontent .two { margin-right: 0; }

/* etc */
#smile-toolbar .smile { cursor: pointer; }
img.avatar { margin-bottom: 5px; border: 1px solid black; }
div.avatar { clear: left; }
.right { text-align: right; }
.important { color: red; }
.action { margin-left: 6px; margin-right: 6px; }
.glow { opacity: 0.7; }
img.largeicon { float: left; margin-right: 25px; margin-bottom: 10px; }

/* jQuery UI */
.ui-datepicker-trigger { margin-left: 5px; margin-right: 5px; margin-bottom: 3px; }

.rightinfo { float: right; max-width: 120px; }
.bold { font-weight: bold; }
.rightinfo .poster { margin-bottom: 5px; }
a.deleteX { margin-left: 2px; font-size: 0.8em; color: red; }
.datesmall { font-size: 0.7em; color: #222222; }
.alreadyseen { color: #666666; }

a.noline, a.noline img, a.noline:hover img { text-decoration: none; }

/* images at the right of the content */
div.imgRight { background-color: #eeeeee; text-align: center; float: right; margin: 0 0 15px 15px; width: 175px; padding: 10px; }
div.imgRight img { border: 1px solid black; margin-right: auto; margin-bottom: 10px; }
div.imgRight p { font-size: 0.9em; clear: both; font-style: italic; }

/* <img> tags suck! */
ul li.image { *padding-left: 6px; margin-left: 0; } /* Asterisk = IE6/7 hack */
ul li.computer { list-style-image: url(icons/computer.png); }
ul li.package { list-style-image: url(icons/package.png); }
ul li.comment { list-style-image: url(icons/comment.png); }
ul li.computerError { list-style-image: url(icons/computer_delete.png); }
ul li.computerWarning { list-style-image: url(icons/computer_error.png); }
ul li.achievement { list-style-image: url(icons/trophy.png); }
ul li.user { list-style-image: url(icons/user.png); }
div.image { display: inline; background-repeat: no-repeat; padding-left: 20px; height: 18px; }
div.user { background-image: url(icons/user_red.png); }

/* forms */
option { padding: 1px 3px 1px 3px; }
select { border: 1px solid #DFDFDF; }
form ul { margin: 0; padding: 0; }
form ul li { list-style: none; padding: 4px 0 4px 0; margin: 0; }
form ul li ol li { list-style: decimal; padding: 0; margin: 0; }
label { min-width: 12em; float: left; font-weight: bold; margin-right: 25px; }
.form_fieldError { border: 1px solid #aa4242; padding: 1px; background-color: #fff9f9; }
.formRequired { font-weight: bold; color: #FF0000; }
#formError { margin-top: 5px; margin-bottom: 15px; background-color: #d27f62; padding: 15px; color: white; width: 95%; }
input[type=radio] { vertical-align: middle; }
textarea { font-size: 1em; width: auto; min-width: 400px; }

/* sidebar loginform */
form ul.loginform { margin-top: 5px; }
form ul.loginform li { padding: 0; }

/*pagenav*/
div.pageNav { float: right; margin-bottom: 15px; }
div.pageNav a.page { margin-left: 2px; margin-right: 2px; }
div.pageNav a.next, div.pageNav a.prev { margin-left: 6px; margin-right: 6px; }
div.pageNav a:hover { text-decoration: none; }

/* CSS bars */
.containerBar { width: 150px; }
.bar { margin: 3px -1px 3px -1px; overflow: hidden; height: 4px; border: 1px solid #599500; background: #8ad500 url(bar.gif) repeat-x }

/* quotes */
blockquote {
	width: auto;
	background: url(close-quote.gif) left top no-repeat;
	display: inline-block;
}

blockquote div {
	font: 1.2em/1.3em Georgia, "Times New Roman", Times, serif;
	padding: 0 28px;
	background: transparent url(open-quote.gif) right bottom no-repeat;
}

blockquote.large div { font: 1.3em/1.3em Georgia, "Times New Roman", Times, serif; }

/* link icons */
a.external {
	display:inline-block;
	padding-right:16px;
	line-height:18px;
	background:transparent url(link-icons/external.png) center right no-repeat;
}

.message a[href$='.pdf'] {
	display:inline-block;
	padding-left:20px;
	line-height:18px;
	background:transparent url(link-icons/pdf.png) center left no-repeat;
}

.message a[href$='.gif'], .message a[href$='.jpg'], .message a[href$='.jpeg'], .message a[href$='.png'] {
	display:inline-block;
	padding-left:20px;
	line-height:18px;
	background:transparent url(link-icons/picture.png) center left no-repeat;
}

.message a[href^="mailto:"] {
	display:inline-block;
	padding-left:20px;
	line-height:18px;
	background:transparent url(link-icons/email.png) center left no-repeat;
}

.message a[href$='.doc'], .message a[href$='.rtf'], .message a[href$='.txt'], .message a[href$='.wps'] {
	display:inline-block;
	padding-left:20px;
	line-height:18px;
	background:transparent url(link-icons/text.png) center left no-repeat;
}

.message a[href$='.zip'], .message a[href$='.gzip'], .message a[href$='.rar'], .message a[href$='.7z'] {
	display:inline-block;
	padding-left:20px;
	line-height:18px;
	background:transparent url(link-icons/zipped.png) center left no-repeat;
}

/* Computer page overview */
#computerinfo
{
	height: 100px;
	width: auto;
	margin-bottom: 5px;
}

#computerinfo img.icon {
	float: left;
	height: 100px;
	width: 100px;
}

#computerinfo div
{
	float: left;
	margin-left: 15px;
	width: 420px;
}

#computerinfo div label
{
	margin-right: 10px;
}

#computerhardware
{
	clear: both;
}

#computerhardware div
{
	*float: left;
	display: inline-block;
	width: 310px;
	height: 69px; /* IE wants more space then 64px */
	position: relative;
	vertical-align: top;
	overflow: auto;
	margin-bottom: 5px;
}

#computerhardware div span, #computerhardware div img
{
	vertical-align: top;
}


#computerhardware div img
{
	width: 64px;
	height: 64px;
}

#computerhardware div span
{
	display: inline-block;
	margin-left: 10px;
	padding-top: 6px;
	width: 210px;
}

/* Progress bar */
.progressbar
{
	margin-top: 5px;
	margin-bottom: 5px;
	height: 0.8em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #EEEEEE;
	border: 1px solid #AAAAAA;
}

.progressbar .inner
{
	height: 100%;
	background: #CCCCCC url(jquery-ui-theme/images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll 50% 50%;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-radius-topleft: 4px;
	-webkit-border-radius-bottomleft: 4px;
}

/* Graphs */
.piegraph
{
	display: block;
	clear: both;
	margin-bottom: 15px;
}

.piegraph div, .piegraph .legend
{
	display: inline-block;
	margin: 0;
	vertical-align: top;
}

.piegraph .graph
{
	overflow: hidden;
}

.piegraph .legend
{
	margin-left: 10px;
	margin-top: 10px;
	line-height: 1.1em;
}

.piegraph .legend li {
	list-style-type: none;
	list-style-image: none;
}

.piegraph .legend li .square
{
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin-right: 10px;
}

/* jQuery tips */
.tip {
	width: 212px;
	padding-top: 20px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(tooltip/images/tipTop.png) no-repeat top;
	font-size: 0.9em;
}
.tooltiptext { display: none; }
.tipMid {background: transparent url(tooltip/images/tipMid.png) repeat-y; padding: 0 20px 5px 20px;}
.tipBtm {background: transparent url(tooltip/images/tipBtm.png) no-repeat bottom; height: 30px;}

.tip ul { padding-left: 15px; }
.tip img.avatar { max-width: 60px; max-height: 60px; margin-bottom: 5px; margin-right: 10px; text-align: center; margin-left: 55px; clear: both; }