/* GLOBAL STYLES */
body {
	font-family: verdana,tahoma,arial;
	margin: 0;
	padding: 0;
	background-color: #F8F8F8;
}

body, p, td {
	font-size: 8pt;
}

/* paragraphs and wiki text */
p, #hub div.content {line-height: 18px;}

input {font-size: 8pt;font-family: tahoma,verdana,arial;color: #000099;}

h1 {
	font-family: Arial;
	font-size: 23px;
	color: #444;
	font-weight: normal;	
}

h1 a, h1 a:link, h1 a:visited {
	color: #444;
	text-decoration: none;
}
h1 a:hover {
	text-decoration: none;
	color: red;
}

h2 {font-size: 17px;}

h3 {font-size: 14px;}

a, a:link, a:visited {
	color: #000099;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: red;
}

h2 a,h3 a {font-family:sans-serif;font-size:16px;font-weight: bold;text-decoration:none;}

ul, li, h1, h2, h3, p, form {
	margin: 0;
	padding: 0;
}

ul { list-style-position: outside;}

td {vertical-align: top;}

img {border: none;vertical-align: middle;}
hr {border: 0;height: 2px;color: #EEE;background-color: #EEE;clear:both;margin: 0px;padding: 0px;}

/* FIX CLEARING PROBLEMS */
.item:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.item {display: inline-block;}

/* Hides from IE-mac \*/
* html .item {height: 1%;}
.item {display: block;}
/* End hide from IE-mac */

/* errors */
.error {color: Red; font-weight: bold;margin: 5px 0 5px 0;}

#sub-header {
	width: 820px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFF;
	padding: 0;
	border: none;
	background: #fff url(/images/borderline.jpg) repeat-y 0 100%;
	}


#banner 
{
	background: #fff url(/images/green_banner.jpg) repeat-x top left;
	height: 20px;
	margin: 0px 14px 0px 14px;
	padding: 6px 16px 0px 16px;
	color: #007000;
}

#banner li
{
	display: inline;
	margin: 0;
	padding: 0;
	color: #888888;
}

#banner a {font-size: 11px; font-family: Arial; font-weight: bold;color: #007000;}

/* main sections */
#main,#header,#message,#tap_login {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFF;
	padding: 0px 30px 0px 30px;
	border: none;
}

#main {
	background: #fff url(/images/borderline.jpg) repeat-y 0 100%;
}

#header {
	background: #fff url(/images/banner5.jpg) no-repeat 0 100%;
	height: 55px;
}

#message {
	background: #fff url(/images/borderline.jpg) repeat-y 0 100%;
}

#logo,#account-search {
	float: left;
}

/* left */
#logo {
	text-align: left;
	padding-top: 13px;
	padding-left: 0px;
	width: 200px;
}

/* right */
#account-search {float:right;}

.search-text 
{
	width:200px;
	vertical-align:middle;
	height: 14px;padding: 2px;
	margin-right: 4px;
	font-family: Arial; 
	font-size: 8pt; 
	color: black; 
	margin-left: 0px;
}

#search {
	margin-top: 5px;
	width: 220px;
	float:left;
	padding-left: 70px;
	margin-top: 15px;
	text-align: left;
}

#search input {width: 145px;}

#search a,#search a:link,#search a:visited,
#advanced-search a,#advanced-search a:link,#advanced-search a:visited
{
	width: 50px;
	font-size: 8pt;
	font-family: Arial;
	vertical-align:middle;
	padding: 2px 4px 2px 4px;
	margin:0px;
	border: solid #BBBBBB 1px;
	background-color: #EEEEEE;
	color: #444444;
	text-decoration: none;
}
#search a:hover, #advanced-search a:hover {
	color: #00B200;
	border: solid #00B200 1px;
}

#advanced-search {margin-top:10px;}
#advanced-search select {font-size:8pt;width:100px}
#advanced-search div {margin-top:5px;}
#advanced-search div.option input {vertical-align:bottom;}

#search-list {margin-top:15px;}
#search-list h2 {font-family:Arial;font-weight:normal;padding-bottom:5px;background: url(/images/borderfade_h.gif) no-repeat bottom left;}

/* account */
img.openid_icon {border: solid #BBBBBB 1px;}

#account-search div.inout {margin-top: 18px;text-align: right;color: #DDDDDD;padding-right: 4px;}
#account-search div.inout span {margin-right: 10px; color: #FFFFFF;}
div.inout a,div.inout a:link,div.inout a:visited 
{
	color: #FFFFFF;
	text-decoration: underline;
}

div.inout a:hover {color: #444444;}


/* global banner */


/* path navigator */
#path {
	margin-bottom: 0px;
	clear: both;
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 1px;
	background: url(/images/borderfade_h.gif) no-repeat bottom left;
}

#parentview {float: left;}
#parentedit {float: left;}
#pnedit {float: left;}
#pageedit {float: right;}
#e_login {float: right;}

#path ul {
	display: inline;
}
#path ul li{
	display: inline;
	margin: 0;
	padding: 0;
	color: #888888;
}

#path ul.facets 
{
	margin-left: 10px;
	border-left: dotted #4D8DD5 1px;padding-left:5px;
	float: left;
}

#path ul.facets li {
	color: #444;
	margin-left: 5px;
	margin-right: 5px;
}
#path ul.facets li input {
	vertical-align: top;
	margin: 1px 0 0 3px;
	
}

#path ul.tabs {float: right;}

#path ul.tabs li {color: #888888;}
#path ul.tabs a,#path ul.tabs a:link,#path ul.tabs a:visited {
	text-decoration: none;	
	font-weight: bold;
}
#path ul.tabs a.active,#path ul.tabs a.active:link,#path ul.tabs a.active:visited {
	color: #00B200;
}

/* EDITING */
div.edit-marker {z-index: 98;}
div.edit-marker img {margin-right: 3px;}

div.edit-yellow {margin:  5px 0px 5px 0px;padding: 5px; text-align: center; border: solid #BBBBBB 1px; background-color: #FCFF73;}
div.edit-panel {margin:  5px 0px 5px 0px;padding: 5px; text-align: left; border: solid darkgreen 1px; background-color: #E5F8CE;z-index: 99;width: auto;}
div.edit-panel input.small {width: 95%;}
div.edit-panel input.big {font-size: 23px;font-family: Arial; width: 95%; margin-bottom: 5px;}
div.edit-panel p {font-family: tahoma; line-height: normal; font-size: 8pt; color: #444;}
div.edit-panel p,div.edit-panel div {margin-bottom: 5px;}


/* sidebar - product, content, user */

/* default image */
#default-image {
	text-align: center;
	padding-bottom: 10px;
	padding-top: 0px;
}

#content-sidebar, #sidebar, #product-sidebar, #user-info {
	float: left;
	width: 200px;
	padding-left: 20px;
	padding-top: 10px;
}

#sidebar h2, #content-sidebar h2
{
	font-family: Tahoma;
	font-size: 8pt;
	font-weight:bold;
	padding: 3px;
}

#sidebar h3, #content-sidebar h3
{
	font-family: Tahoma;
	font-size: 8pt;
	font-weight:bold;
	padding: 0;
	color: #555;
	margin-bottom: 5px;
}

#sidebar ul, #sidebar div.facet, #content-sidebar ul
{
	padding-left: 13px;
	padding-bottom: 3px;
	padding-top: 10px;
	padding-right: 5px;
	border: solid #ddd 1px;
}

#sidebar li, #content-sidebar li {
	list-style-type: none;
	padding-bottom:8px;
	clear: both;
}

#sidebar em, #content-sidebar em {
	font-style: normal;
	color: #888;
	font-size: 10px;
}

/* contribute */
#side-contribute li {margin-bottom: 5px;}
#side-contribute img {padding-right: 5px;}

/* Main */
#hub {margin-top: 15px;}

/* default article */
#wiki {margin-bottom: 10px;}
#wiki div.wiki {margin-bottom: 10px;}

/* comments */
#comments h2 {margin-bottom: 0px;}
#comments div.display-count {margin-bottom:10px;color:#8B8B8B;}
#comments div.item {padding: 10px 10px 0 10px;background: url(/images/post_speech.gif) no-repeat top left;}
#comments div.user {color: #888;margin-bottom: 10px;}
#comments div.top, #comments div.bottom {height: 10px;font-size: 1pt;margin-left: 17px; margin-right: 17px;}
#comments div.top { background: url(/images/post_top.gif) no-repeat bottom left;}
#comments div.bottom { background: url(/images/post_bottom.gif) no-repeat top left;}
#comments div.post{ line-height: 18px; margin-left: 17px; margin-right: 17px;background-color: #F6F6F6; padding-left: 10px; padding-right: 10px;width: 446px;}
#comments div.edit {text-align:right;margin-right:17px;color:#888;font-size:10px;}
#comments div.new {padding-left: 0px;margin-top: 10px;}
#comments textarea {width: 450px; font-family: Tahoma; font-size: 8pt; height: 65px; margin-bottom: 3px;}
#comments div.msg {font-weight: bold; margin-bottom: 3px;}

/* comments/quadrus/edit login */
#comments div.register, #q_login, div.login {border: solid #BBBBBB 1px; padding: 5px;background-color: #F1F8FF;}
#q_login {width:430px;margin-top:10px;position:absolute;z-index:99;}
#q_login a.close:link,#q_login a.close:visited,#q_login a.close:hover,#q_login a.close:active {color:red; text-decoration:none; background-color:White; border:solid 1px red; margin-left:15px; padding: 2px 5px 4px 5px; vertical-align:text-top;}
#q_login #c_quadrus_msg3 a.close {margin-left:215px;}
#comments div.register {width: 440px;margin-top:10px;}
#comments div.signin p, #q_login p {margin-bottom: 3px;}
#comments div.input, #q_login div.input {margin-bottom: 4px; font-weight: bold;color: #666;}
#comments div.instruction, #q_login div.instruction {font-size: 7pt; color: #666666;}

div.login {text-align: center; line-height: 18px; font-family: Arial; font-size: 14px; width: auto;}
div.login a {font-size:14px; font-family: Arial;}
div.login a:link { color:#000099; text-decoration:underline; }
div.login a:visited { color:#000099; text-decoration:underline; }
div.login a:hover { color:red; text-decoration:underline; }
div.login a:active { color:red; text-decoration:underline; }

/* main content */
#content {
	float: left;	
	width: 540px;
}


/* menu */
#menu {
	background: url(/images/grey_border_fade.gif) no-repeat bottom left;
	padding-top: 15px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	clear: both;
} 

#title 
{
	float: left;	
	text-align: left;
	margin-bottom: 3px
}

/* tabs */
#tabs
{
	float: right;
	margin-top: 0px;
	text-align: right;
}

#tabs div.tab {
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #888888;
	width: 80px;
	height: 16px;
	padding-top: 11px;
	padding-bottom: 3px;
	background: url(/images/tab.gif) no-repeat bottom left;
}

#tabs div.active {
	background: url(/images/tab_active.gif) no-repeat bottom left;
	color: #00B200;
}


/* tab links */
#tabs a,#tabs a:link,#tabs a:visited,#tabs div.tab
{
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;	
	font-weight: bold;
}

#tabs a.active,#tabs a.active:link,#tabs a.active:visited {
	color: #00B200;
}

#tabs a:hover {
	color: #FF6600;
}

/* tags */
div.tags ul {
	padding-bottom: 10px;
}
div.tags li {
	display: inline;
	margin: 0;
	padding: 0;
	white-space:nowrap;
	line-height:20px;
}

div.tags a,div.tags a:link,div.tags a:visited {
	white-space:nowrap;
	font-family: Arial;
	text-decoration:none;
}
div.tags a:hover {background-color:#EEEEEE;}

div.tags a.active,div.tags a.active:link,div.tags a.active:visited {background-color:#EEEEEE;}

div.tags a.b1 {font-size:7px;}
div.tags a.b2 {font-size:9px;}
div.tags a.b3 {font-size:11px;}
div.tags a.b4 {font-size:14px;}
div.tags a.b5 {font-size:18px;}

div.tags img {margin-bottom:5px;}

/* default image */
#default-image {margin-bottom: 0px;}
#default-image div.gallery {margin-top: 10px; text-align:left;}
#default-image div.gallery h3 {font-size: 8pt; color: #555; font-weight: normal; margin-bottom: 2px;border-bottom: solid #BBB 1px;padding-bottom: 2px;}
#default-image div.gallery img {margin-left: 0px;margin-bottom: 5px;padding: 0px;border: solid white 2px;cursor:hand;cursor:pointer;}
#default-image div.gallery img.img-on {border: solid #00B200 2px;}
#default-image div.gallery img.img-off {border: solid white 2px;}
#default-image div.help {font-weight: bold;text-align: right;}

#product-image div.zoom {color: #888888;font-size: 7pt;margin-top: 2px;}
#product-image div.zoom img, #image div.zoom img { vertical-align: text-bottom;}

/* login */
#tap_login 
{
	background: transparent url(/images/matte.png) repeat scroll 0%;
	margin:0pt auto;
	padding:0pt;
	text-align:left;
	padding: 50px 0 50px 0;
	width:820px;
	border-top: solid #BBBBBB 1px;
	border-bottom: solid #BBBBBB 1px; 
	position: absolute;
	z-index:999;
} * html #tap_login {background: transparent url(/images/matte.gif) repeat scroll 0%;}
#tap_login div.inner 
{
	border: solid #00B200 2px; padding: 10px;
	width: 500px;
	background-color: #F1F8FF;
	margin-left: 200px;
}

#tap_login div.register_message p.message {font-size:14px;line-height:24px;text-align:center;}
	#tap_login div.register_message p, #sign-in p.register_message, #register p.register_message {text-align:center;}
	#tap_login div.register_message a, #sign-in p.register_message a, #register p.register_message a {font-family:Arial;font-size:14px;font-weight:bold;}

#tap_login div,#tap_login p, #sign-in div, #sign-in p, #register div, #register p {margin-bottom: 4px;}
	#tap_login p {text-align:left;}
	
#tap_login div.inputs, #sign-in div.inputs, #register div.inputs {padding-left: 17px; margin-top: 15px;font-weight:bold;}
	#tap_login div.inputs {margin-left:73px;}
	#sign-in div.inputs {margin-left:20px;}
	#register div.inputs {margin-left:20px;}
	
	#tap_login div.inputs h3, #sign-in div.inputs h3, #register div.inputs h3 {margin-bottom:5px;color:#444;font-family:Arial;font-size:14px;}
	#tap_login div.inputs input, #signin_signin div.inputs input, #register div.inputs input {width:150px;font-weight:normal;}

#tap_login div.inputs input.openid, #signin_openid div.inputs input.openid
{
background: white url(/images/openid_login.gif) no-repeat;
background-position: 0 50%;  
padding:5px 5px 5px 17px;
width:200px;
border: solid 1px #7F9DB9;
}

#tap_login div.button, #sign-in div.button, #register div.button {margin-top: 10px;}
	#tap_login div.button input, #sign-in div.button input, #register div.button input {height: 30px;width: 100px;}
	#tap_login div.button {margin-left:90px;}
	#sign-in div.button,#signin_signin div.checkbox, #register div.button, #register div.checkbox {margin-left:37px;}
		#signin_signin div.checkbox, #register div.checkbox {margin-top:10px;}
		#signin_signin div.checkbox input, #register div.checkbox input {vertical-align:middle;}
		
#sign-in div.pwforget {margin-top:10px;font-weight:bold;text-align:center;}
	div.pwforget a, div.pwforget a:link, div.pwforget a:visited {text-decoration:underline;}
		
#tap_login div.instructions, #sign-in div.instructions {color:#888;margin-bottom:5px;font-size:7pt;font-weight:normal;}
	
a.close:link,a.close:visited,a.close:hover,a.close:active {color:red; text-decoration:none; background-color:White; border:solid 1px red;float: right;padding: 2px 5px 4px 5px; vertical-align:text-top;}

/* footer */
#footer {
	clear:both;
	text-align: center;
	border-top: solid #CCCCCC 1px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 50px;
}

#footer div {line-height: 18px;}

/* ALTERNATE STYLES */
#product-column-1 h2,#product-column-2 h2, #comments h2, h2.left, h2.right, #product-sidebar h2, #user-info #side-category h2 {
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	color: #444444;
	margin-bottom:10px;
	padding-bottom: 5px;
	clear: both;
}

#product-column-1 h2, #comments h2, h2.left, #user-info #side-category h2 {background: url(/images/borderfade_h.gif) no-repeat bottom left;}
#product-column-2 h2, h2.right, #product-sidebar h2 {background: url(/images/borderfade_h_sm.gif) no-repeat bottom left;}

/* content tagging */
/* TODO: clean this up, low priority */
div.tag {}
div.tag .tag_list {padding-top: 4px;padding-bottom:4px; white-space: normal;margin-bottom: 4px;line-height: 25px;}
div.tag .tag_item_n,div.tag .tag_item_e {padding: 3px;margin-right: 3px;cursor: pointer;cursor: hand;font-size: 8pt;font-family:tahoma;font-weight: normal;}
div.tag .tag_item_n {border: solid #009900 1px;background-color: #DCECD8;}
div.tag .tag_item_e {border: solid #FF6600 1px;background-color: #FFF3EB;}

div.tag .tag_new {padding: 0px;margin: 0px;text-align: left;}
div.tag .tag_input {width: 80px;margin: 0px;font-family:tahoma;border: solid #BBBBBB 1px;font-size: 8pt; padding:3px;height: 13px;scrollbar-3dlight-color:white;scrollbar-arrow-color:white;scrollbar-base-color:white;scrollbar-darkshadow-color:white;scrollbar-face-color:white;scrollbar-highlight-color:white;scrollbar-shadow-color:white;}
div.tag .tag_suggestion {width: 120px;position: absolute;background-color: White;border: solid #BBBBBB 1px;cursor: pointer;cursor: hand;font-size: 8pt;padding:0px;background-color: #F8F8F8;}
div.tag .tag_row,div.tag .tag_row_s {padding:1px;margin:0px;width:100%;}
div.tag .tag_row_s {background-color: #FFC7A1;}

div.tag .tag_ns {font-size: 8pt; color: #666666;}

/* faded */

/* comments */
/*#comments {width:520px;float:left;}*/

/* quadrus */
.qt0,.qt1,.qt2,.qt3,
.qt0_on,.qt1_on,.qt2_on,.qt3_on,
.qt0_over,.qt1_over,.qt2_over,.qt3_over
{
	width: 52px;
	text-align: left; 
	padding: 4px 0 0px 23px;
	height: 18px;cursor: hand;
	cursor: pointer;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}
.qt0 {color: #E85D5D;background: url(/images/love_back_off.gif) top left no-repeat;}
.qt1 {color: #64B264;background: url(/images/want_back_off.gif) top left no-repeat;}
.qt2 {color: #8080C1;background: url(/images/have_back_off.gif) top left no-repeat;}
.qt3 {color: #C49100;background: url(/images/tag_back_off.gif) top left no-repeat;}
#product-quadrus .qt0 {color: #EA0600;background: url(/images/love_back.gif) top left no-repeat;}
#product-quadrus .qt1 {color: darkgreen;background: url(/images/want_back.gif) top left no-repeat;}
#product-quadrus .qt2 {color: navy;background: url(/images/have_back.gif) top left no-repeat;}
#product-quadrus .qt3 {color: #C49100;background: url(/images/tag_back.gif) top left no-repeat;}
.qt0_on,.qt0_over {color: #EA0600;background: url(/images/love_back_on.gif) top left no-repeat;}
.qt1_on,.qt1_over {color: darkgreen;background: url(/images/want_back_on.gif) top left no-repeat;}
.qt2_on,.qt2_over {color: navy;background: url(/images/have_back_on.gif) top left no-repeat;}
.qt3_on,.qt3_over {color: #C49100;background: url(/images/tag_back_on.gif) top left no-repeat;}
.qt0_on,.qt1_on,.qt2_on,.qt3_on {text-decoration: none;color: #505050;}
.qt0_over,.qt1_over,.qt2_over,.qt3_over {text-decoration: underline;}


.ft0,.ft1,.ft2,.ft3,
.ft0_on,.ft1_on,.ft2_on,.ft3_on,
.ft0_over,.ft1_over,.ft2_over,.ft3_over
{
	cursor: hand;
	cursor: pointer;
	text-decoration: none;
	font-weight: normal;
	color: #000099;
	width: 47px;
}
.ft0_over,.ft0_on {color: Red;}
.ft1_over,.ft1_on {color: Darkgreen;}
.ft2_over,.ft2_on {color: Blue;}
.ft0_over,.ft1_over,.ft2_over {text-decoration: underline;}
.ft0_on,.ft1_on,.ft2_on {font-weight: bold;}


/* some wiki formatting */
table.spec {background-color: #BBBBBB;margin-bottom: 10px;border-width: 1px; border-spacing: 1px;}
table.spec td, table.spec th {background-color: white;padding: 5px;text-align: left;}
table.spec th {font-weight: bold;}

#pagination {
color:#145E91;
font-weight:bold;
text-align:center;
}

#pagination a {
border:1px solid #333333;
color:#145E91;
font-size:11px;
padding:4px;
vertical-align:middle;
}

.article {
		width:450px;
	}
	
	.articleTitle {
		font-weight:bold;
		font-size:13px;
	}
	
	.articleDate {
		font-size:11px;
		color:#999999;
	}
	
	.articleBy {
		font-size:11px;
		color:#999999;
	}
	
	.articleSummary {
		font-size:12px;
	}

.tabberlive .tabbertab {
		background-color: #FFFFFF;		
	}


	ul.tabbernav li a
	{
		background-color: #FFFFFF;
	}

	ul.tabbernav li.tabberactive a
	{
		background-color: #ccf;	
		color: #333333;
		border-bottom: 1px solid #fff;
	}

	ul.tabbernav li a:hover
	{
		background-color: #FFFFFF;	
		border-color: #227;
		text-decoration: underline;
	}

	ul.tabbernav li.tabberactive a:hover
	{
		background-color: #ccf;	
		color: #333333;
		border-bottom: 1px solid white;
		text-decoration: underline;
	}