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{margin:0;padding:0;}
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;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve laine-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, h2, h3, h4, h5, h6 {
	font-family: helvetica,arial,sans-serif;
	font-weight: normal;
	color: #222222;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	line-height: 1;
}
h1 {
	font-size: 22px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	color: #222;
}

.spacer { height: 20px }

abbr,acronym { border-bottom:1px dotted #000; cursor:help; } 
em { font-style:italic; }
del { text-decoration:line-through; }
blockquote,ul,ol,dl { margin: 18px; }
ol,ul,dl { margin-left: 42px; }
ol li { list-style: decimal outside; }
ul li { list-style: disc outside; }
dl dd { margin-left: 18px; }
th,td { border-bottom: 1px solid #dedede; padding: 9px; }
p,fieldset,table,pre { margin-bottom: 18px; }

/* 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 { font: 12px/18px "Lucida Grande", 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: 1em; }


/* @end */

/* @group Library */

a {
  text-decoration: none;
}
a:link, a:active {
  color: #0088CC;
}
a:visited {
  color: #406e8d;
}
a:link:hover, a:active:hover, a:visited:hover {
  background-color: #e0f2c2;
  color: #518300;
  border-color: #999;
}

.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: 5px;
	-webkit-border-radius: 5px;
}

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 -18px;
	overflow: hidden;
}

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

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

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

#page-actions a {
	background: url(/CatalystImages/support-central-sprite.png) repeat-x 0 -18px;
	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 18px;
}

.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: 18px;
}

div.contact {
	background: white url("../images/icons/mail_pencil.png") 80% 50% no-repeat;
}

/* @end */

/* @end */

/* @group Container - Global Header */

#container-header {
	background-color: #333;
	border-bottom: 1px solid #222;
	height: 60px;
	width: auto;
	position: relative;
	padding: 0 21px;
}

#logo {
	margin: 20px 30px 0 0;
	float: left;
}

#logo a {
	background: url(../images/logo.png) no-repeat 0 0;
	_background: url(../images/logo.png) no-repeat 0 -86px;
	display: block;
	height: 25px;
	text-indent: -9999px;
	width: 164px;
}

#nav {
	float: left;
	margin: 19px 0 0 0;
	padding: 0;
}

#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;
}

.wrapper { 
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

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: #FFF;
	font-size: 16px;
	font-weight: bold;
	float: right;
	text-align: left;
	margin: 14px 0 0 0;
	width: 21%;
}

#container-search {
	background: #E4EFF9;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FEFEFE;
	width: auto;
	padding: 18px 21px 14px 21px;
	size: 22px !important;
	font-weight: bold;
	color: #333;
}

.banner {
	padding: 8px 0 0 0;
}

#social {
	float: right;
	width: 21%;
	text-align: left;
}

#social a:hover {
	background-color: #DDD !important;
}

/* @end */

/* @group Container - Content */

#container-content {
	border-top: 1px solid #d3e7f4;
	padding: 21px;
}

#panel-main {
	float: left;
	width: 77%;
}

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

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

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

/* @end */

span.small {
	font-size: 13px !important;
	display: block;
	font-weight: normal;
	color: #DDD;
}

span.small a {
	color: #999;
	text-decoration: underline;
}

/* @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: #FFF;
	border: 1px solid #dedede;
	margin: 0 0 0 18px;
}

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

.side-list .title,
.side-list .title h6 {
	background: #FFF;
	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;
}

.categories h2 a:link, .categories h2 a:visited, .categories h2 a:active {
	color: #4da400;
	font-family: helvetica,arial,sans-serif;
	font-size: 13px;
	line-height: 1.9em;
}

/* @end */

/* @group Content - Forums */

.editor iframe {
	border: 1px solid #eee;
	margin: 18px;
	padding: 9px 18px 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 18px;
	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: 18px;
}

.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: 18px 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: 18px;
	vertical-align: top;
}

.content .author {
	width: 150px;
}

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

.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 18px;
	-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 18px;
}

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

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: 18px;
}

#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 18px;
	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 18px;
	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 18px;
}

.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 18px 0;
	padding: 18px 18px 18px 54px;
}

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

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

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

/* @end */