/* @override 
	http://kb.worldsecuresystems.com/support-central.css
	http://beta.businesscatalyst.com/CatalystStyles/support-central.css
*/

/*==============================================================

	Support Central: support-central.css

	Description: Master CSS for Support Central

	Author:   Business Catalyst | http://businesscatalyst.com

	Version:  2010.02.02

==============================================================*/

/* @group Reset */

html {
	color: #444;
	background: #fff;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	line-height: 18px;
	margin: 0;
	padding: 0;
}

table {
	border-spacing: 0;
	*border-collapse: collapse;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

/* to preserve line-height and selector appearance */

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

/*to enable resizing for IE*/

input,textarea,select {
	*font-size: 100%;
}

/*because legend doesn't inherit in IE */

legend {
	color: #000;
}

del,ins {
	text-decoration: none;
}

/* @end */

/* @group Base */

h1 {
	font-size: 24px;
	line-height: 1.2em;
	color: #323232;
}

h2 {
	font-size: 21px;
	line-height: 1.3em;
	color: #323232;
}

h3 {
	font-size: 15px;
	line-height: 1.3em;
	color: #323232;
}

h4 {
	font-size: 12px;
	line-height: 1.3em;
	color: #323232;
}

h1 {
	margin: 0 0 21px;
}

h2,h3,h4,h5,h6 {
	margin: 36px 0 2px;
}

h1,h2,h3,h4,h5,h6,strong {
	font-weight: bold;
}

abbr,acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	margin: 21px;
}

ol,ul,dl {
	margin-left: 30px;
}

ol li {
	list-style: decimal outside;
	/*line-height: 1.5em;*/
	margin: 0 0 12px;
}

ul li {
	list-style: disc outside;
}

li {
	font-size: 12px;
}

dl dd {
	margin-left: 21px;
}

th,td {
	border: 1px solid #444;
	padding: 9px;
	font-size: 11px;
	line-height: 13px;
}

p,fieldset,table,pre {
	margin-bottom: 21px;
	overflow-x: auto;
}

/* Clearing floats without extra markup

   Based on How To Clear Floats Without Structural Markup by PiE

   [http://www.positioniseverything.net/easyclearing.html] */

.clear {
	display: inline-block;
}

.clear:after, .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clear {
	height: 1%;
}

.clear {
	display: block;
}

/* @end */

/* @group Typography */

body {
	color: #666;
	font: 12px/21px Helvetica, Arial, serif;
	margin: 0;
}

select, input, button, textarea {
	font-size: 99%;
}

table {
	font-size: inherit;
}

pre, code, kbd, samp, tt {
	font-family: monospace;
	line-height: 21px;
}

td.header {
	font-weight: bold;
}

/* @end */

/* @group Library */

a:link, a:visited {
	color: #1969bc;
	text-decoration: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: none;
}

.input-text {
	border: 1px solid #ccc;
	font-size: 14px;
	margin: 0 6px 0 0;
	padding: 5px;
}

.input-button,

.button-submit {
	background: #666;
	border: 1px solid #555;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 9px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.input-button {
	background: #0066bc;
	border: 1px solid #0066bc;
	font-size: 12px;
}

a.link-button {
	background: #fff;
	border: 1px solid #e7e7e7;
	color: #000;
	font-weight: bold;
	padding: 6px 9px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

a.link-button:hover {
	background: #e0f0fa;
	border: 1px solid #C9E3F3;
	color: #0066bc;
	text-decoration: none;
}

a.link-to-button {
	background: #fff;
	border: 1px solid #fff;
	color: #0066bc;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 6px;
}

a.link-to-button:hover {
	background: #0066bc;
	border: 1px solid #0066bc;
	color: #fff;
	font-size: bold;
	padding: 3px 6px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.search-tabs {
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 500px;
}

.search-tabs li.selected a {
	background: #a6d8f7;
	color: #000;
	cursor: default;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}

.search-tabs li {
	display: inline;
	list-style: none;
}

.search-tabs li a {
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 9px;
	text-decoration: none;
}

.search-input {
	background: #a6d8f7;
	padding: 9px;
	width: 470px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

.alt-list {
	margin: 0;
	padding: 0;
}

.alt-list li {
	list-style: none;
}

.two-col-grid {
	margin: 0 0 0 -21px;
	overflow: hidden;
}

.two-col-grid li {
	display: inline;
	float: left;
	margin: 0 0 24px 21px;
	width: 47%;
}

.two-col-grid li li {
	display: block;
	float: none;
	margin: 0;
	width: auto;
}

#page-actions {
	margin: 0 0 21px;
}

#page-actions a {
	background: url(/CatalystImages/support-central-sprite.png) repeat-x 0 -21px;
	border: 1px solid #e0e0e0;
	color: #000;
	padding: 6px 9px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* @group Nu Container */

.nu-container {
	border: 1px solid #dedede;
	margin: 0 0 21px;
}

.nc-header {
	background: #f0f0f0;
	color: #2A2A2A;
	font-size: 12px;
	margin: 1px;
	padding: 6px 12px;
}

.nc-header h1,

.nc-header h2,

.nc-header h3,

.nc-header h4,

.nc-header h5,

.nc-header h6 {
	display: inline;
	font-size: 12px;
	margin: 0 9px 0 0;
}

.nc-header h1 span {
	color: #666;
	font-weight: normal;
}

.nc-content {
	overflow: hidden;
	padding: 21px;
}

/* @end */

/* @end */

/* @group Layout */

p img {
	border: 1px solid #bcbcbc;
	padding: 3px;
	margin: 0 0 0 30px;
}

.breadcrumb {
	background: #eee;
	margin: 0 0 21px;
	padding: 3px 9px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#panel-main-toc {
	border: 1px solid #d7d7d7;
	margin: 0 0 21px;
	padding: 15px;
}

/* @end */

/* @group Container - Global Header */

#container-header {
	background: url(/CatalystImages/support-central-sprite.png) repeat-x 0 0;
	border-bottom: 1px solid #e0e0e0;
	height: 60px;
	min-width: 960px;
	_width: 960px;
	/* IE6 */

	

width: auto;
	position: relative;
}

#logo {
	margin: 0;
	position: absolute;
	top: 21px;
	left: 21px;
}

#logo a {
	background: url(/CatalystImages/support-central-sprite.png) no-repeat 0 -86px;
	_background: url(/CatalystImages/support-central-sprite-ie6.png) no-repeat 0 -86px;
	display: block;
	height: 22px;
	text-indent: -9999px;
	width: 133px;
}

#nav {
	left: 170px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 16px;
}

#nav li {
	display: inline;
	list-style: none;
}

#nav a {
	float: left;
	font-size: 11px;
	height: 24px;
	line-height: 24px;
	margin: 0 6px 0 0;
	padding: 0 9px;
}

body#sc-dashboard #sc-dashboard a,

body#sc-forums #sc-forums a,

body#sc-support-request #sc-support-request a {
	background: #000;
	border: 1px solid #000;
	color: #fff;
	cursor: default;
}

#whoslogged {
	color: #000;
	font-size: 11px;
	position: absolute;
	right: 22px;
	text-align: right;
	top: 22px;
}

#container-search {
	background: #E4EFF9;
	border-bottom: 1px solid #d3e7f4;
	min-width: 921px;
	/* due t

o 21px padding x 2 */

	_width: 921px;
	/* IE6 

*/

	width: auto;
	padding: 21px 21px;
}

#container-search .input-text {
	border: 1px solid #96CCEE;
	margin: 0;
	width: 372px;
}

/* @end */

/* @group Container - Content */

#container-content {
	_width: 956px;
	/*

IE6 */

	width: 956px;
	padding: 36px 0 0;
	clear: both;
}

#panel-main {
	float: left;
	_width: 614px;
	/* IE 6 */

	width: 614px;          /* CPS bugfix */
	margin: 0 20px 0 36px; /* CPS bugfix 2565715 */
	overflow: hidden;
}

#panel-main-breadcrumb {
	width: auto;
	font-size: 10px;
	line-height: 14px;
	margin: 0 0 6px;
}

#panel-main-toc p {
	margin: 0 0 6px;
}

#panel-links-box {
	_width: 265px;
	/*

IE6 */

	width: 265px;
	overflow: hidden;
}

#panel-links,#panel-support-links {
	width: auto;
	border-left: 1px solid #dbe9f7;
	border-right: 1px solid #dbe9f7;
	background: #ebf5ff;
	padding: 14px 12px 8px 12px;
	overflow: hidden;
}

#panel-links p,#panel-support-links p {
	color: #323232;
	margin: 0 0 6px;
}

#panel-sub {
	display: inline;
	float: left;
	margin: 0 0 0 21px;
	width: 28%;
}

#panel-nav {
	float: left;
	width: 210px;
}

#panel-content {
	margin: 0 0 0 231px;
}

#container-footer {
	_width: 956px;
	/*

IE6 */

	width: 956px;
	padding: 0;
	clear: both;
}

#footer-main {
	font-size: 11px;
	width: auto;
	margin: 0 26px 0 26px;
	padding: 0;
	border-top: 1px solid #bcbcbc;
}

pre {
	background: #eee;
	border: 1px dashed #bcbcbc;
	margin: 0 0 21px;
	padding: 15px;
}

div.footer-column {
	float: left;
	margin: 0 9px 0 0;
}

/* @end */

/* @group Content - Dashboard */

.latest-topics ol {
	border-top: 1px solid #eee;
}

.latest-topics ol a {
	display: block;
	font-size: 11px;
}

.latest-topics h3 {
	color: #000;
	font-size: 12px;
	line-height: 24px;
	margin: 0;
}

.latest-topics h3 a {
	color: #0066bc;
	font-size: 10px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
}

.latest-topics li li {
	border-bottom: 1px solid #eee;
	color: #bbb;
	font-size: 10px;
	height: 30px;
	line-height: 15px;
	overflow: hidden;
	padding: 3px 0;
}

.history {
	border-top: 1px solid #eee;
}

.history li {
	border-bottom: 1px solid #eee;
	font-size: 11px;
	padding: 3px 0;
}

.history span {
	color: #000;
	float: left;
	margin: 0 9px 0 0;
}

.side-list {
	background: #f7f7f7;
	border: 1px solid #dedede;
	margin: 0 0 21px;
}

.side-list li {
	border-top: 1px solid #eee;
	font-size: 11px;
	padding: 6px 9px;
}

.side-list .title,

.side-list .title h6 {
	background: #f0f0f0;
	border: none;
	color: #2A2A2A;
	font-size: 11px;
}

.side-list .date {
	color: #000;
}

.side-list img {
	margin: 0 0 0 6px;
	vertical-align: middle;
}

#whats-new .text {
	color: #666;
	font-size: 10px;
	margin: 0 0 9px;
}

/* @end */

/* @group Content - Forums */

.editor iframe {
	border: 1px solid #eee;
	margin: 21px;
	padding: 9px 21px 0;
	width: 89%;
}

#nav-forums .title h1 {
	font-size: 12px;
	margin: 0;
}

#nav-forums li {
	padding: 0;
}

#nav-forums li.title {
	padding: 6px 9px;
}

#nav-forums li a {
	background-image: url(/CatalystImages/support-central-sprite.png);
	_background-image: url(/CatalystImages/support-central-sprite-ie6.png);
	color: #0066bc;
	display: block;
	font-size: 11px;
	padding: 9px 9px 9px 33px;
	text-decoration: none;
}

#nav-forums li a:hover {
	background-color: #e0f0fa;
	color: #000;
	text-decoration: none;
}

#hlForumAdmin {
	background-position: 9px -135px;
}

#hlForumCMS {
	background-position: 11px -172px;
}

#hlForumECommerce {
	background-position: 9px -207px;
}

#hlForumCRM {
	background-position: 9px -242px;
}

#hlForumEMarketing {
	background-position: 9px -279px;
}

#hlForumWishlist {
	background-position: 9px -315px;
}

#hlForumBugs {
	background-position: 9px -350px;
}

.nc-forums {
	padding: 0;
}

.forum {
	border-collapse: collapse;
	margin: 0;
	width: 100%;
}

.forum h3 {
	margin: 0;
}

.forum-label {
	background: #f0f0f0;
	color: #2A2A2A;
	font-size: 11px;
	margin: 0;
	width: 100%;
}

.forum td,

.forum-label td {
	border: none;
	border-top: 1px solid #eee;
	font-size: 10px;
	vertical-align: middle;
}

.forum .name,

.forum-label .name {
	padding: 9px 9px 9px 21px;
	width: 45%;
}

.forum .topics,

.forum .posts,

.forum-label .topics,

.forum-label .posts {
	padding: 9px 0;
	text-align: center;
	width: 60px;
}

.forum .posts,

.forum-label .posts {
	width: 100px;
}

.cap-top,

.cap-bottom {
	margin: 0;
	overflow: hidden;
	padding: 21px;
}

.cap-bottom {
	border-top: 1px solid #eee;
	text-align: right;
}

.cap-bottom li {
	display: inline;
	margin: 0 0 0 9px;
}

.cap-top li,

.cap-bottom li {
	list-style: none;
}

li.breadcrumb {
	border-bottom: 1px solid #d7d7d7;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 9px;
}

li.actions {
	padding: 21px 0 0;
	text-align: right;
}

span.topic {
	color: #000;
}

.topic-list {
	margin: 0;
	width: 100%;
}

.topic-list td {
	border: none;
	padding: 0;
}

.topic {
	margin: 0;
	width: 100%;
}

.topic-list th {
	background: #f7f7f7;
	border: none;
	border-top: 1px solid #eee;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 9px 9px;
}

.topic td {
	border: none;
	border-bottom: 1px solid #eee;
	color: #888;
	font-size: 10px;
	padding: 9px 9px;
	vertical-align: top;
}

tbody .name {
	width: 50%;
}

.name a {
	font-size: 12px;
}

tbody .replies,

tbody .views {
	font-size: 10px;
	text-align: center;
	width: 50px;
}

th.date {
	font-size: 10px;
}

tbody .icon {
	float: left;
	margin: 0 6px 0 0;
}

.icon img {
	margin: 0 3px 0 0;
}

.forum-posts-container h2 {
	display: none;
}

.post-list {
	
}

.post h3 {
	background: #f7f7f7;
	border-top: 1px solid #eee;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 3px 9px;
}

table.box {
	margin: 0;
	width: 100%;
}

table.box td {
	border: 1px solid #eee;
	border-left: none;
	border-bottom: none;
	border-top: none;
	padding: 21px;
	vertical-align: top;
}

.content .author {
	width: 150px;
}

.author .name {
	margin: 0 0 21px;
}

.author .total-posts {
	color: #888;
	font-size: 11px;
	margin: 15px 0 0;
}

.content .post {
	border-right: none;
}

.sub .attribute {
	border-top: none;
}

tr.sub td {
	padding: 6px;
}

.sub .action {
	border-top: 1px solid #eee;
	text-align: right;
}

/* @end */

/* @group Content - Search Results */

.search-result {
	border: 1px dotted #ddd;
	font-size: 11px;
	line-height: 15px;
	margin: 0 0 9px;
}

.search-result p {
	margin: 0 0 9px;
}

.search-result h3 {
	margin: 0;
}

/* @end */

/* @group Content - Support Request */

.wide {
	margin: 0;
	padding: 0;
}

.wide li {
	list-style: none;
}

.wide label {
	display: block;
	font-weight: bold;
}

#PanelNewCaseSection1,

#PanelActions {
	background: #E5F3DF;
	border-bottom: 1px solid #D3E8C8;
	color: #000;
	padding: 12px 21px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}

#PanelNewCaseSection2 {
	background: #eee;
	border-top: 2px solid #ececec;
	color: #000;
	padding: 12px 21px;
}

#PanelExistingCase,

#PanelExistingThread {
	border: 1px solid #eee;
	border-top: 1px solid #fefefe;
	color: #000;
	padding: 12px 21px;
}

ul.case-content {
	margin: 0;
	padding: 0;
}

ul.case-content li {
	list-style: none;
	margin: 0 0 9px;
}

ul.case-content label {
	font-weight: bold;
}

#PanelNewCaseSection1 a {
	color: green;
}

#PanelNewCaseSection1 ul {
	margin-bottom: 0;
}

#PanelNewCaseSection2 li {
	margin: 0 0 9px;
}

#PanelNewCaseSection2 li input, 

#PanelNewCaseSection2 li select {
	width: 240px;
}

#PanelNewCaseSection2 li input#subject {
	width: 460px;
}

#PanelNewCaseSection2 label {
	font-size: 11px;
}

#panelContinueSubmit {
	margin-top: 21px;
}

#panelContinueSubmit a:link,

#panelContinueSubmit a:visited {
	background: #fff;
	border: 1px solid #D4E3F0;
	color: #0066bc;
	font-size: 11px;
	margin: 0 3px 0 0;
	padding: 6px 9px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#panelContinueSubmit a:hover,

#panelContinueSubmit a:active {
	background: #0066bc;
	border: 1px solid #0066bc;
	color: #fff;
}

.RadUpload {
	background: #eee;
	margin: 0 0 21px;
	padding: 9px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#PanelActions ul {
	margin: 0;
}

#PanelActions li {
	list-style: none;
}

#PanelActions .button-submit {
	background: #66A90A;
	border-color: #5D9909;
}

/* @group Speech Bubble */

.speebub {
	background: #fff;
	border: 2px solid #eee;
	font-size: 12px;
	margin: 0 0 36px;
	padding: 12px 21px;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.speebub img {
	width: 90%;
}

.by {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 21px;
}

.by span {
	color: #666;
	font-size: 10px;
	font-weight: normal;
}

.pointer {
	position: absolute;
	width: 0;
	height: 0;
	border-bottom-width: 0;
	background: none;
}

.bottom-right-border {
	border-left: 53px solid transparent;
	border-right: 0px solid transparent;
	border-top: 27px solid #f0f0f0;
	bottom: -27px;
	right: 42px;
	left: auto;
	margin-left: 0;
}

.bottom-right-content {
	border-left: 47px solid transparent;
	border-right: 0px solid transparent;
	border-top: 23px solid #fff;
	bottom: auto;
	right: 2px;
	top: -27px;
}

.bottom-left-border {
	border-left: 0px solid transparent;
	border-right: 53px solid transparent;
	border-top: 27px solid #000;
	bottom: -27px;
	left: 42px;
	right: auto;
	margin-left: 0;
}

.bottom-left-content {
	border-left: 0px solid transparent;
	border-right: 47px solid transparent;
	border-top: 23px solid #fff;
	bottom: auto;
	left: 2px;
	top: -27px;
}

.default {
	color: #444;
}

.customer {
	background: #f0f0f0;
	border: 2px solid #f0f0f0;
	color: #222;
}

.customer .bottom-left-border, .customer .bottom-left-content {
	border-top-color: #f0f0f0;
}

.internal {
	background: #fff;
	border: 2px solid #ffd0d0;
	color: #c10000;
}

.internal .bottom-right-border {
	border-top-color: #ffd0d0;
}

.internal .bottom-right-content {
	border-top-color: #fff;
}

* html .pointer {
	display: none;
}

* html .by {
	left: 21px;
	margin: 0;
	position: relative;
	text-align: left;
	top: 40px;
}

/* @end */

/* @end */

/* @group jQuery notice */

.notice-wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}

* html .notice-wrap {
	position: absolute;
}

.notice-item {
	color: #000;
	cursor: pointer;
	cursor: hand;
	height: 36px;
	padding: 21px 21px 0 21px;
	font-size: 11px;
	display: block;
	position: relative;
	text-indent: 27px;
}

.notice-item p {
	margin: 0;
	padding: 0;
}

.notice-wrap .ok {
	background: #D7F3BD url(/CatalystImages/a16/ok.png) no-repeat 21px 21px;
	border-top: 2px solid #9ABF85;
}

.notice-wrap .error {
	background: #FFD3D4 url(/CatalystImages/a16/delete.png) no-repeat 21px 14px;
	border-top: 2px solid #E59D9E;
}

/* @end */

/* @group System Message (temporary) */

div.sysok,

div.sysalert,

div.syserror {
	font-size: 11px;
	margin: 0 0 21px 0;
	padding: 21px 21px 21px 54px;
}

div.sysok {
	background: #D7F3BD url(../CatalystImages/a16/ok.png) no-repeat 21px 21px;
	border: 1px solid #9ABF85;
}

div.sysalert {
	background: #FDD8A6 url(../CatalystImages/a16/alert.png) no-repeat 21px 21px;
	border: 1px solid #E0A687;
}

div.syserror {
	background: #FFD3D4 url(../CatalystImages/a16/delete.png) no-repeat 21px 21px;
	border: 1px solid #E59D9E;
}

span.achtung {
	font-weight: bold;
	font-style: italic;
	color: #AA2222;
}

span.cps-highlight {
	background-color: #ccffff;
}

/* @end */




/* @CPS styles */

.branded {
	visibility: hidden;
}	

/* @end */

