/*@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=1b15c70d-8abe-479a-837c-6711ad2b99c4");*/

/* -------------------------------------------------------------- 
-----------------------------------------------------------------

	DEFINITIONS: BRIGHTPEARL
	AUTHOR:	  BRIGHTPEARL
	VERSION:	 2011-12-01
	
	CONTENTS:
	0. FONT-FACE
	
	1. RESET
	
	2. DEFAULT ELEMENT STYLES
		2.1 BODY
		2.2 LINK STYLES
		2.3 HEADINGS
		2.4 OTHER ELEMENTS
		
	3. BASE
		3.1 HEADER STYLES
			3.1.1 Logo
			3.1.2 Toplinks
			3.1.3 Login controls
			
		3.2 NAV STYLES
			3.2.1 Main menu
			3.2.2 Main CTA
			
		3.3 MAIN STYLES
			3.3.1 (main wrapper styles)
			
		3.4 FOOTER STYLES
			3.4.1 Prefooter
			3.4.2 Footer
			3.4.3 Subfooter
			
	4. HOMEPAGE
		4.1 MASTHEAD
		4.2 ROW: WHO
		4.3 ROW: SOCIAL
		4.4 ROW: WEBINARS
		
-----------------------------------------------------------------
-------------------------------------------------------------- */



/* 0 FONT FACE
--------------------------------------------------------- */
/* Commented out until S3 fix in place
@font-face {
	font-family: "HelveticaNeueW01-55Roma";
	src: url("http://com.brightpearl.cdns-app.s3.amazonaws.com/font/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?iefix") format("eot");
}
@font-face {
	font-family: "HelveticaNeueW01-55Roma";
	src: url("http://com.brightpearl.cdns-app.s3.amazonaws.com/font/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?iefix");
	src: url("http://com.brightpearl.cdns-app.s3.amazonaws.com/font/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),
		url("http://com.brightpearl.cdns-app.s3.amazonaws.com/font/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),
		url("http://com.brightpearl.cdns-app.s3.amazonaws.com/font/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}

@font-face {
	font-family: "HelveticaNeueW01-75Bold";
	src: url("http://com.brightpearl.cdns-app.s3.amazonaws.com/font/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?iefix") format("eot");
}
@font-face {
	font-family: "HelveticaNeueW01-75Bold";
	src: url("http://com.brightpearl.cdns-app.s3.amazonaws.com/font/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?iefix");
	src: url("http://com.brightpearl.cdns-app.s3.amazonaws.com/font/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),
		url("http://com.brightpearl.cdns-app.s3.amazonaws.com/font/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),
		url("http://com.brightpearl.cdns-app.s3.amazonaws.com/font/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}
*/


/* 1. RESET
-----------------------------------------------------------------------------------------------
===============================================================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
  display:block;
}
nav ul{
  list-style:none;
}
table{
  border-collapse:collapse;
  border-spacing:0;
}
.clear {
	clear: both;
	width: 100%;
}


/* 2.1 BODY DEFAULTS
--------------------------------------------------------- */

html {}
body { 
	background: #FFFFFF url(/images/website/2011Q4/originals/bgxhatch.png) repeat-x scroll 0 52px;
	font-family: "HelveticaNeueW01-55Roma",Arial,sans-serif;
	font-size: 14px;
	letter-spacing: -0.1px;
	*letter-spacing: -0.05em;
	line-height: 1.5;
}

#container { position: relative; z-index: 500; top: 0; left: 0; }



/* 2.2 LINK STYLES
--------------------------------------------------------- */
a, a:visited {
	color: #ff9019;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
a:active, a:focus { text-decoration: underline; }
a:active { position: relative; top: 1px; }



/* 2.3 HEADINGS
--------------------------------------------------------- */
h1, h2, h3 {}
h1 { font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif;
	font-size: 30px;
	line-height: 1.2;
	margin-bottom: 50px;
	text-shadow: 0 1px 0 #FFFFFF;
	letter-spacing: -1.5px; }
h2 { font-size: 26px; font-family: "HelveticaNeueW01-55Roma",Arial,sans-serif; color: #6f6f6f; letter-spacing: -0.5px; *letter-spacing: -0.05em; line-height: 1.3; text-shadow: 0 1px 0 #ffffff; }
h3 { font-size: 16px; font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; letter-spacing: -0.4px; *letter-spacing: -0.05em; line-height: 1.3; text-shadow: 0 1px 0 #000000; }
h4 {}
h5, dt {}
h4, h5, h6, dt {}

h2 b { font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; color: #000000; letter-spacing: -1px; }

body#pearlCategoryID_637 #main h1 { display: none; }
body#pearlCategoryID_637 #main #masthead h1 { display: block; }

strong, b { font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; }



/* 2.4 OTHER ELEMENTS
--------------------------------------------------------- */
a img {
	border: none;
}

b { font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; }

.separator { height: 10px; background: #ff0000; margin: 50px 0; }
.separator.fullwidth { background: transparent url(/images/website/2011Q4/originals/sep_960.png) no-repeat scroll 0 0; }
.separator.thin { height: 1px; background: #ffffff; border-top: 1px solid #efefef; margin: 9px 0 10px; }
.separator.login { background: transparent url(/images/website/2011Q4/originals/sep_login.png) repeat-x scroll 0 0; margin: 9px 0 20px; height: 2px; }

.button, .button:link, .button:visited { text-decoration: none; }
.button span {
	color: #ffffff;
	font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif;
	font-size: 15px;
	letter-spacing: -0.2px;
	padding: 5px 0 8px;
	text-shadow: 0 1px 0 #000000;
	line-height: 2.3;
}
/*.button .btn_left, .button:link .btn_left, .button:visited .btn_left { padding-left: 20px; background: transparent url(/images/website/2011Q4/originals/btn_left.png) no-repeat scroll left 0; }
.button .btn_right, .button:link .btn_right, .button:visited .btn_right { padding-right: 42px; background: transparent url(/images/website/2011Q4/originals/btn_right.png) no-repeat scroll right 0; }
.button .btn_inner, .button:link .btn_inner, .button:visited .btn_inner { background: transparent url(/images/website/2011Q4/originals/btn_bg.png) repeat-x scroll 0 0; }*/

.button .btn_left, .button:link .btn_left, .button:visited .btn_left { padding-left: 16px; background: transparent url(/images/website/2011Q4/originals/btn_left.png) no-repeat scroll left 0; }
.button .btn_right, .button:link .btn_right, .button:visited .btn_right { padding-right: 38px; background: transparent url(/images/website/2011Q4/originals/btn_right.png) no-repeat scroll right 0; }
.button .btn_inner, .button:link .btn_inner, .button:visited .btn_inner { background: transparent url(/images/website/2011Q4/originals/btn_bg.png) repeat-x scroll 0 0; }

.button:hover { text-decoration: none; }
.button:hover span { text-shadow: none; }
.button:hover .btn_left { background: transparent url(/images/website/2011Q4/originals/btn_left.png) no-repeat scroll left -42px; }
.button:hover .btn_right { background: transparent url(/images/website/2011Q4/originals/btn_right.png) no-repeat scroll right -42px; }
.button:hover .btn_inner { background: transparent url(/images/website/2011Q4/originals/btn_bg.png) repeat-x scroll 0 -42px; }

.button:active { top: 0; text-decoration: none; }
.button:active span { text-shadow: none; color: #cccccc; }
.button:active .btn_left { background: transparent url(/images/website/2011Q4/originals/btn_left.png) no-repeat scroll left -84px; }
.button:active .btn_right { background: transparent url(/images/website/2011Q4/originals/btn_right.png) no-repeat scroll right -84px; }
.button:active .btn_inner { background: transparent url(/images/website/2011Q4/originals/btn_bg.png) repeat-x scroll 0 -84px; }

.button:focus { text-decoration: none; }

#modalOverlay { width: 100%; height: 100%; background: #000000; opacity: 0.85; position: absolute; top: 51px; left: 0; z-index: 1000; display: none; }


/* 3. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/
div.inner {
	width: 960px;
	margin: 0 auto;
}

/* 3.1 HEADER STYLES
--------------------------------------------------------- */
header {
	height: 52px;
	background: transparent url(/images/website/2011Q4/originals/headerbg.png) repeat-x scroll 0 0;
}
#header_inner { line-height: 1; }

/* 3.1.1 Logo */
#logo {
	float: left;
	position: relative;
	top: 8px;
}
#logo a:active { top: 0; }

/* 3.1.2 Toplinks */
#toplinks {
	float: right;
	position: relative;
	top: 15px;
	padding: 3px 0 7px 30px;
	margin-right: 2px;
	font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif;
	letter-spacing: -0.5px;
	font-size: 12px;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #ffffff;
	background: transparent url(/images/website/2011Q4/originals/icon_headset.png) no-repeat scroll 0 0;
}
#toplinks span { padding: 0 8px 0 0; }
#toplinks a {
	padding: 0 8px;
	border-left: 1px solid #d8d8d8;
}

/* 3.1.3 Login controls */
#logincontrol {
	float: right;
	position: relative;
	top: 16px;
	*top: 9px;
	*padding: 7px 0 10px;
	left: 0;
	z-index: 1500;
}
#logincontrol .button span { line-height: 1; }
#logincontrol .button .btn_right, #logincontrol .button:link .btn_right, #logincontrol .button:visited .btn_right { padding-right: 38px; background: transparent url(/images/website/2011Q4/originals/btn_account_right.png) no-repeat scroll right 0; }
#logincontrol .button:hover .btn_right { background: transparent url(/images/website/2011Q4/originals/btn_account_right.png) no-repeat scroll right -42px; }
#logincontrol .button:active .btn_right { background: transparent url(/images/website/2011Q4/originals/btn_account_right.png) no-repeat scroll right -84px; }

#loginoverlay { position: absolute; top: 24px; right: 0; z-index: 2000; visibility: hidden; }
#loginoverlay .top { background: transparent url(/images/website/2011Q4/originals/loginoverlay.png) no-repeat scroll 0 0; width: 340px; height: 48px; }
#loginoverlay .middle { background: transparent url(/images/website/2011Q4/originals/loginoverlay_yrep.png) repeat-y scroll 0 0; width: 290px; padding: 0 25px; text-align: right; }
#loginoverlay .bottom { background: transparent url(/images/website/2011Q4/originals/loginoverlay.png) no-repeat scroll 0 -48px; width: 340px; height: 20px; }
#loginoverlay h2 { text-align: left; }
#loginoverlay h2 b { color: #6f6f6f; }
#loginoverlay p { text-align: left; }
#loginoverlay .uname {
	background: none repeat scroll 0 0 #F2F2F2;
	border: 1px solid #FFFFFF;
	color: #000000;
	display: block;
	font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif;
	font-size: 18px;
	letter-spacing: -0.4px;
	margin: 15px 0 20px;
	padding: 10px;
	text-align: left;
	width: 268px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#loginoverlay .uname:focus { box-shadow: 0 0 5px #ddd inset; }
#loginoverlay .btn_signin { float: right; }
#loginoverlay .cancel { float: right; margin-right: 20px; padding-top: 8px; }
#loginoverlay .cancel a { color: #6f6f6f; }



/* 3.2 NAV STYLES
--------------------------------------------------------- */
nav {
	width: 960px;
	margin: 20px auto 0;
	position: relative;
	top: 0;
	left: 0;
	z-index: 600;
}

/* 3.2.1 Main menu */
/* Dynamic menu variants: */
nav li#id900 { margin: 0 0 0 6px; }
nav li#id640 {}
nav li#id900 a { padding: 6px 23px 0 20px; border-left: none; }
nav li#id900 li a { padding: 5px 26px 5px 20px; }
nav li#id640 a { padding: 6px 20px 0 23px; border-right: none; }
nav li#id640 li a { padding: 5px 20px; }

/*** DYNAMIC MENU ESSENTIALS ***/
.menu.topnav, .menu.topnav * { margin: 0; padding: 0; list-style:	none; }
.menu.topnav { line-height: 1.0; }
.menu.topnav ul { position: absolute; top: -999em; width: 15em; /* left offset of submenus need to match (see below) */ }
.menu.topnav ul li { width: 100%; }
.menu.topnav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.menu.topnav li { float: left; position: relative; }
.menu.topnav a { display: block; position: relative; }
.menu.topnav li:hover ul, .menu.topnav li.sfHover ul { left: -1px; top: 50px; /*2.5em;*/ /* match top ul list item height */ z-index: 999; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding-top: 12px; padding-bottom: 20px; background: #4e4e4e !important; -webkit-box-shadow: 0 0 2px #4e4e4e; -moz-box-shadow: 0 0 2px #4e4e4e; -o-box-shadow: 0 0 2px #4e4e4e; box-shadow: 0 0 2px #4e4e4e; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
ul.menu.topnav li:hover li ul, ul.menu.topnav li.sfHover li ul { top: -999em; }
ul.menu.topnav li li:hover ul, ul.menu.topnav li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.menu.topnav li li:hover li ul, ul.menu.topnav li li.sfHover li ul { top: -999em; }
ul.menu.topnav li li li:hover ul, ul.menu.topnav li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/*** DYNAMIC MENU SKIN ***/
nav #widget_menu { width: 750px; background: transparent url(/images/website/2011Q4/originals/nav_right.png) no-repeat scroll right 0; float: left; }
nav ul.menu { background: transparent url(/images/website/2011Q4/originals/nav_left.png) no-repeat scroll 0 0; }
.menu.topnav { float: left; }
.menu.topnav a { font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; padding: .75em 1em; text-decoration:none; font-size: 15px; border-left: 1px solid #4a4a4a; border-right: 1px solid #373737; padding: 6px 23px 0; height: 30px; margin: 7px 0 0; text-shadow: 0 1px 0 #221f1f; line-height: 21px; letter-spacing: -0.2px; -webkit-transition: color 0.1s linear, text-shadow 0.1s linear; -moz-transition: color 0.1s linear, text-shadow 0.1s linear; -o-transition: color 0.1s linear, text-shadow 0.1s linear; transition: color 0.1s linear, text-shadow 0.1s linear; }
.menu.topnav a, .menu.topnav a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color: #ffffff; }
.menu.topnav .menu a { font-family: "HelveticaNeueW01-55Roma",Arial,sans-serif; padding: 5px 26px 5px 24px; border-left: none; border-right: none; height: auto; margin: 0; text-align: left; line-height: 1; text-shadow: none !important; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.menu.topnav .menu li:hover, .menu.topnav .menu li.sfHover, .menu.topnav .menu a:focus, .menu.topnav .menu a:hover, .menu.topnav .menu a:active { background: #464646; }
.menu.topnav li { background: transparent url(/images/website/2011Q4/originals/navsprite.png) repeat-x scroll 0 0; height: 50px; }
.menu.topnav li li { background: #4e4e4e; height: auto; }
.menu.topnav li li li { background: #9AAEDB; }
.menu.topnav li:hover, .menu.topnav li.sfHover, .menu.topnav a:focus, .menu.topnav a:hover, .menu.topnav a:active { outline: 0; color: #ff9019; text-shadow: 0 1px 0 #000000; }
.menu.topnav li.sfHover { background: transparent url(/images/website/2011Q4/originals/navsprite.png) no-repeat scroll right -50px; }
.menu.topnav li#id1026.sfHover { background: transparent url(/images/website/2011Q4/originals/navsprite.png) repeat-x scroll 0 0; }
.menu.topnav li#id934.sfHover { background: transparent url(/images/website/2011Q4/originals/navsprite.png) repeat-x scroll 0 0; }
.menu.topnav li#id640.sfHover { background: transparent url(/images/website/2011Q4/originals/navsprite.png) repeat-x scroll 0 0; }
.menu.topnav li.sfHover a { color: #ff9019; }
.menu.topnav li.sfHover li a:link, .menu.topnav li.sfHover li a:visited { color: #ffffff; }
.menu.topnav li.sfHover li a:focus, .menu.topnav li.sfHover li a:hover, .menu.topnav li.sfHover li a:active { color: #ff9019; /*text-shadow: 1px 1px 1px #3f3f3f !important;*/ }
.menu.topnav li.sfHover li.sfHover { background: #4e4e4e; }
.menu.topnav a:focus, .menu.topnav a:hover, .menu.topnav a:active { /*background: #4e4e4e;*/ }

/*** arrows **/
.menu.topnav a.sf-with-ul { /*padding-right: 2.25em;*/ min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
.menu.topnav ul .sf-sub-indicator { background-position:  -10px 0; }
.menu.topnav ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */
.menu.topnav ul a:focus > .sf-sub-indicator, .menu.topnav ul a:hover > .sf-sub-indicator, .menu.topnav ul a:active > .sf-sub-indicator, .menu.topnav ul li:hover > a > .sf-sub-indicator, .menu.topnav ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*** shadows for all but IE6 ***/
.sf-shadow ul { background:	url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }

/* 3.2.2 Main CTA */
#mainCTA { float: right; z-index: 10; }
#mainCTA a { display: block; width: 202px; height: 50px; position: relative; }
#mainCTA a:link, #mainCTA a:visited { background: transparent url(/images/website/2011Q4/originals/mainCTA.png) no-repeat scroll 0 0; }
#mainCTA a:hover, #mainCTA a:focus { background: transparent url(/images/website/2011Q4/originals/mainCTA.png) no-repeat scroll 0 -50px; }
#mainCTA a:active { background: transparent url(/images/website/2011Q4/originals/mainCTA.png) no-repeat scroll 0 -100px; top: 0; }

/* GWO Variations */
#mainCTA.o_sun a { display: block; width: 202px; height: 50px; position: relative; }
#mainCTA.o_sun a:link, #mainCTA.o_sun a:visited { background: transparent url(/images/website/2011Q4/originals/mainCTA_o_sun.png) no-repeat scroll 0 0; }
#mainCTA.o_sun a:hover, #mainCTA.o_sun a:focus { background: transparent url(/images/website/2011Q4/originals/mainCTA_o_sun.png) no-repeat scroll 0 -50px; }
#mainCTA.o_sun a:active { background: transparent url(/images/website/2011Q4/originals/mainCTA_o_sun.png) no-repeat scroll 0 -100px; top: 0; }

#mainCTA.g_gft a { display: block; width: 202px; height: 50px; position: relative; }
#mainCTA.g_gft a:link, #mainCTA.g_gft a:visited { background: transparent url(/images/website/2011Q4/originals/mainCTA_g_gft.png) no-repeat scroll 0 0; }
#mainCTA.g_gft a:hover, #mainCTA.g_gft a:focus { background: transparent url(/images/website/2011Q4/originals/mainCTA_g_gft.png) no-repeat scroll 0 -50px; }
#mainCTA.g_gft a:active { background: transparent url(/images/website/2011Q4/originals/mainCTA_g_gft.png) no-repeat scroll 0 -100px; top: 0; }

#mainCTA.g_sun a { display: block; width: 202px; height: 50px; position: relative; }
#mainCTA.g_sun a:link, #mainCTA.g_sun a:visited { background: transparent url(/images/website/2011Q4/originals/mainCTA_g_sun.png) no-repeat scroll 0 0; }
#mainCTA.g_sun a:hover, #mainCTA.g_sun a:focus { background: transparent url(/images/website/2011Q4/originals/mainCTA_g_sun.png) no-repeat scroll 0 -50px; }
#mainCTA.g_sun a:active { background: transparent url(/images/website/2011Q4/originals/mainCTA_g_sun.png) no-repeat scroll 0 -100px; top: 0; }



/* 3.3 MAIN STYLES
--------------------------------------------------------- */
/* 3.3.1 Main wrapper */
#main {
	width: 960px;
	margin: 30px auto 50px;
	position: relative;
	top: 0;
	left: 0;
}

.templateWhat #main, .templateWhatUS #main, .templateWho #main, .templateOther #main, .templatePricing #main, .templateDefault #main, .templateSignup2011 #main, { margin-top: 25px; }
.templateWhat #leftCol, .templateWhatUS #leftCol, .templateWho #leftCol, .templateOther #leftCol, .templatePricing #leftCol, .templateDefault #leftCol, .templateSignup2011 #leftCol, .templateSupport4 #leftCol { float: left; position: relative; top:0; left: 0; width: 710px; padding-right: 50px; background: transparent url(/images/website/2011Q4/originals/rightcol.png) no-repeat scroll right top; }
.templateWhat #rightCol, .templateWhatUS #rightCol, .templateWho #rightCol, .templateOther #rightCol, .templatePricing #rightCol, .templateDefault #rightCol, .templateSignup2011 #rightCol, .templateSupport4 #rightCol { float: right; width: 200px; margin-top: 5px; background: transparent url("/images/website/2011Q4/originals/2pc_000000.png") repeat scroll 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.templateWhat #rightCol .title, .templateWhatUS #rightCol .title, .templateWho #rightCol .title, .templateOther #rightCol .title, .templatePricing #rightCol .title, .templateDefault #rightCol .title, .templateSignup2011 #rightCol .title, .templateSupport4 #rightCol .title { height: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding: 10px 20px 0; background: #e8e8e8; color: #6f6f6f; font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; font-size: 12px; letter-spacing: -0.5px; text-shadow: 0 1px 0 #FFFFFF; text-transform: uppercase; }
.templateWhat #rightCol .contents, .templateWhatUS #rightCol .contents, .templateWho #rightCol .contents, .templateOther #rightCol .contents, .templatePricing #rightCol .contents, .templateDefault #rightCol .contents, .templateSignup2011 #rightCol .contents, .templateSupport4 #rightCol .contents { padding: 15px 0 30px; width: 160px; margin: 0 auto; background: transparent url(/images/website/2011Q4/originals/rightcol_header.png) no-repeat scroll 0 0; border-bottom: 1px solid #efefef; }
.templateWhat #rightCol .contents ul, .templateWhatUS #rightCol .contents ul, .templateWho #rightCol .contents ul, .templateOther #rightCol .contents ul, .templatePricing #rightCol .contents ul, .templateDefault #rightCol .contents ul, .templateSignup2011 #rightCol .contents ul, .templateSupport4 #rightCol .contents ul { list-style-type: none; font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; line-height: 2; font-size: 15px; text-shadow: 0 1px 0 #ffffff; }
.templateWhat #rightCol .contents li, .templateWhatUS #rightCol .contents li, .templateWho #rightCol .contents li, .templateOther #rightCol .contents li, .templatePricing #rightCol .contents li, .templateDefault #rightCol .contents li, .templateSignup2011 #rightCol .contents li, .templateSupport4 #rightCol .contents li {}
.templateWhat #leftCol img, .templateWhatUS #leftcol img, .templateWho #leftCol img, .templateOther #leftCol img, .templatePricing #leftCol img, .templateDefault #leftCol img, .templateSignup2011 #leftCol img, .templateSupport4 #leftCol img { max-width: 710px; height: auto; }

.templateSupport4 #main { margin-top: 0; }
.templateSupport4 #leftCol { background: none; width: 690px; padding-right: 0; margin-top: 20px; }
.templateSupport4 #rightCol { background: none; margin-top: 20px; width: 240px; }
.templateSupport4 #rightCol .title {}
.templateSupport4 #rightCol .contents {}
.templateSupport4 #rightCol .contents ul {}
.templateSupport4 #rightCol .contents li {}
.templateSupport4 #leftCol img {}

body#pearlCategoryID_3435 #breadcrumb, body#pearlCategoryID_account #breadcrumb { display: none; }
body#pearlCategoryID_3463 .templateSignup2011 #leftCol { background: none; }
body#pearlCategoryID_3463 .templateSignup2011 #rightCol { margin-top: 0; }


/* 3.3.2 Breadcrumb */
#breadcrumb { position: absolute; }
#breadcrumb .breadCrumb { font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif;
	font-size: 12px;
	letter-spacing: -0.5px;
	text-shadow: 0 1px 0 #FFFFFF;
	text-transform: uppercase; 
	color: #6f6f6f; }
#breadcrumb .breadCrumb-sep { background: url("/images/website/2011Q4/originals/breadcrumbsep.png") no-repeat scroll 8px 0 transparent;
	display: inline-block;
	height: 8px;
	overflow: hidden;
	padding: 0 8px;
	text-indent: -9000px;
	width: 4px; }
.breadCrumb-sep:first-child { display: none; }
#breadcrumb .breadCrumb.first { display: none; }
#breadcrumb .breadCrumb.last { color: #ff9019; }


/* 3.3.3 Rightcol CTA */

.midCTA { border-top: 1px solid #ffffff; margin: 0 auto; padding: 30px 0; width: 160px; }
.midCTA p { font-size: 16px; text-shadow: 0 1px 0 #ffffff; line-height: 1.3; }
.midCTA p span { font-size: 13px; color: #6f6f6f; display: block; }
.midCTA #midCTA { margin-top: 11px; }
.midCTA #midCTA a { display: block; width: 160px; height: 50px; position: relative; }
.midCTA #midCTA a:link, .midCTA #midCTA a:visited { background: transparent url(/images/website/2011Q4/originals/midCTA.png) no-repeat scroll 0 0; }
.midCTA #midCTA a:hover, .midCTA #midCTA a:focus { background: transparent url(/images/website/2011Q4/originals/midCTA.png) no-repeat scroll 0 -50px; }
.midCTA #midCTA a:active { background: transparent url(/images/website/2011Q4/originals/midCTA.png) no-repeat scroll 0 -100px; top: 0; }

/* GWO Variations */
.midCTA #midCTA.g_sun a { display: block; width: 160px; height: 50px; position: relative; }
.midCTA #midCTA.g_sun a:link, .midCTA #midCTA.g_sun a:visited { background: transparent url(/images/website/2011Q4/originals/midCTA_g_sun.png) no-repeat scroll 0 0; }
.midCTA #midCTA.g_sun a:hover, .midCTA #midCTA.g_sun a:focus { background: transparent url(/images/website/2011Q4/originals/midCTA_g_sun.png) no-repeat scroll 0 -50px; }
.midCTA #midCTA.g_sun a:active { background: transparent url(/images/website/2011Q4/originals/midCTA_g_sun.png) no-repeat scroll 0 -100px; top: 0; }


/* 3.4 FOOTER STYLES
--------------------------------------------------------- */
/* 3.4.1 Prefooter */
#prefooter {
	background: #f8f8f8 url(/images/website/2011Q4/originals/1x1_ffffff.png) repeat-x scroll 0 1px;
}
#prefooter_inner { padding: 45px 0 49px; }
#prefooter h2 { margin: 0 0 17px; color: #424242; }
#prefooter ul { list-style-type: none; }
#prefooter li { display: inline; margin: 0 20px 0 0; }
#prefooter li a {}
#prefooter li a img {}

.diptych-first { width: 660px; float: left; }
.diptych-second { width: 220px; float: right; padding: 17px 20px 0; margin-top: 7px; min-height: 119px; border-bottom: 1px solid #ffffff; background: #e8e8e8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.diptych-second p { font-size: 16px; text-shadow: 0 1px 0 #ffffff; line-height: 1.2; }
.diptych-second p span { font-size: 13px; color: #6f6f6f; }
#footerCTA { margin-top: 11px; }
#footerCTA a { display: block; width: 220px; height: 50px; position: relative; }
#footerCTA a:link, #footerCTA a:visited { background: transparent url(/images/website/2011Q4/originals/footerCTA.png) no-repeat scroll 0 0; }
#footerCTA a:hover, #footerCTA a:focus { background: transparent url(/images/website/2011Q4/originals/footerCTA.png) no-repeat scroll 0 -50px; }
#footerCTA a:active { background: transparent url(/images/website/2011Q4/originals/footerCTA.png) no-repeat scroll 0 -100px; top: 0; }

/* GWO Variations */
#footerCTA.o_sun a { display: block; width: 220px; height: 50px; position: relative; }
#footerCTA.o_sun a:link, #footerCTA.o_sun a:visited { background: transparent url(/images/website/2011Q4/originals/footerCTA_o_sun.png) no-repeat scroll 0 0; }
#footerCTA.o_sun a:hover, #footerCTA.o_sun a:focus { background: transparent url(/images/website/2011Q4/originals/footerCTA_o_sun.png) no-repeat scroll 0 -50px; }
#footerCTA.o_sun a:active { background: transparent url(/images/website/2011Q4/originals/footerCTA_o_sun.png) no-repeat scroll 0 -100px; top: 0; }

#footerCTA.g_gft a { display: block; width: 220px; height: 50px; position: relative; }
#footerCTA.g_gft a:link, #footerCTA.g_gft a:visited { background: transparent url(/images/website/2011Q4/originals/footerCTA_g_gft.png) no-repeat scroll 0 0; }
#footerCTA.g_gft a:hover, #footerCTA.g_gft a:focus { background: transparent url(/images/website/2011Q4/originals/footerCTA_g_gft.png) no-repeat scroll 0 -50px; }
#footerCTA.g_gft a:active { background: transparent url(/images/website/2011Q4/originals/footerCTA_g_gft.png) no-repeat scroll 0 -100px; top: 0; }

#footerCTA.g_sun a { display: block; width: 220px; height: 50px; position: relative; }
#footerCTA.g_sun a:link, #footerCTA.g_sun a:visited { background: transparent url(/images/website/2011Q4/originals/footerCTA_g_sun.png) no-repeat scroll 0 0; }
#footerCTA.g_sun a:hover, #footerCTA.g_sun a:focus { background: transparent url(/images/website/2011Q4/originals/footerCTA_g_sun.png) no-repeat scroll 0 -50px; }
#footerCTA.g_sun a:active { background: transparent url(/images/website/2011Q4/originals/footerCTA_g_sun.png) no-repeat scroll 0 -100px; top: 0; }



/* 3.4.2 Footer */
#footer {
	background: #424242 url(/images/website/2011Q4/originals/1x1_565656.png) repeat-x scroll 0 0; 
	border-top: 10px solid #000000;
}
#footer_inner { padding: 50px 0 100px; }
.triptych { float: left; margin-right: 60px; }
.triptych h3 { color: #ffffff; font-size: 21px; }
.triptych ul { list-style-type: none; margin-top: 20px; }
.triptych li {}
.triptych li a, .triptych li a:link, .triptych li a:visited { color: #6f6f6f; }
.triptych li a:hover, .triptych li a:active { color: #ff9019; }
.triptych.last { float: right; margin-right: 0; }
.triptych.last ul { margin-top: 0; }
.triptych.last li { display: inline; }


/* 3.4.3 Subfooter */
#subfooter {
	background: #3a3a3a url(/images/website/2011Q4/originals/1x1_4e4e4e.png) repeat-x scroll 0 0;
	border-top: 1px solid #2a2a2a;
}
#subfooter_inner { padding: 12px 0 14px; }
#subfooter span {
	display: block;
	font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #212121;
	letter-spacing: -0.1px;
}
#subfooter .copyright { color: #bebebe; }
#subfooter .address { color: #5e5e5e; margin: 5px 0 0; }



/* 4 HOMEPAGE
--------------------------------------------------------- */
/* 4.1 MASTHEAD */
#masthead { background: transparent url(/images/website/2011Q4/originals/2pc_000000.png) repeat scroll 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#masthead .left { float: left; width: 560px; padding-top: 20px; }
#masthead .right { float: right; height: 267px; }
#masthead h1 { font-size: 72px; color: #252525; letter-spacing: -3.6px; line-height: 1; margin-left: 20px; margin-bottom: 0; }
#masthead h2 { font-size: 22px; color: #6f6f6f; letter-spacing: -0.5px; *letter-spacing: -0.05em; line-height: 1.2; font-family: "HelveticaNeueW01-55Roma",Arial,sans-serif; margin-top: 21px; margin-bottom: 17px; margin-left: 20px; }
#masthead h2 a { font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; }
#masthead .button { margin-left: 20px; }
#masthead .footer { clear: both; height: 13px; background: transparent url(/images/website/2011Q4/originals/masthead_footer.png) no-repeat scroll 0 0; }

#masthead.video .left { width: 540px !important; }
#masthead.video .right #stage { overflow: hidden; }

/* 4.2 ROW: WHO */
#row_who { margin: 30px 0 0; }
#row_who .boxout { background: #fafafa; padding: 17px 20px 21px; width: 425px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; }
#row_who p { text-shadow: 0 1px 0 #ffffff; margin-bottom: 12px; padding-bottom: 0; }
#row_who p a { font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; }
#retail-wholesale.boxout { margin-right: 30px; }
#services.boxout {}

/* 4.3 ROW: SOCIAL */
#row_social { position: relative; top: -7px; }
#row_social #logomarks { margin-top: 18px; }
.radialshadow { height: 10px; clear: both; }
.radialshadow.upper { background: transparent url(/images/website/2011Q4/originals/radial_shadow.png) no-repeat scroll 0 0; }
.radialshadow.lower { background: transparent url(/images/website/2011Q4/originals/radial_shadow.png) no-repeat scroll 0 -10px; }
#row_social #logomarks a { display: block; height: 89px; }
#row_social #casestudies { margin-top: 30px; }
#casestudies .casestudy.boxout { margin-right: 30px; float: left; width: 300px; height: 260px; background: #616161; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#casestudies .casestudy.boxout.last { margin-right: 0; }
#casestudies .casestudy.boxout p { color: #ffffff; text-shadow: 0 1px 0 #454545; padding: 4px 20px 0; }
#casestudies .casestudy.boxout b { font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; *letter-spacing: -0.05em; }
#casestudies .casestudy.boxout span { padding-top: 8px; display: block; }

/* 4.4 ROW: WEBINARS */
#row_webinars {}
#row_webinars .boxout { background: #fafafa; padding: 17px 20px 21px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#row_webinars p { text-shadow: 0 1px 0 #ffffff; margin-bottom: 12px; padding-bottom: 0; }
#row_webinars p a, #row_webinars p b { font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; }
#row_webinars ul { list-style-type: none; padding: 0; }
#row_webinars li { display: block; float: left; margin-right: 30px; font-size: 18px; text-shadow: 0 1px 0 #ffffff; font-family: "HelveticaNeueW01-55Roma",Arial,sans-serif; color: #6f6f6f; }
#row_webinars li a { font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; }



/* 5 BP LAUNCH FIXES - TO BE RELOCATED 
--------------------------------------------------------- */
.content p { padding-bottom: 20px; }

#featuresTable img {
	border: 10px solid #FAFAFA;
	box-shadow: 0 0 10px #999999;
}
.templateWhat table td, .templateWhatUS table td, .templateWho table td, .templateOther table td, .templatePricing table td, .templateDefault table td, .templateSignup2011 table td, .templateSupport4 table td {
	padding: 0 10px 10px 0;
}

.content h3 {
	margin-bottom: 16px;
	text-shadow: 0 1px 0 #ffffff;
}

.content ul, ol {
	margin-bottom: 12px;
	padding: 0 0 0 20px;
}

.content table, .content tbody, .content tr, .content td, .content th { vertical-align: top; }

.category-list {
list-style:none;
padding: 0 !important;
}

.category-list li {
margin-bottom:5px;
}

.category-list li a {
background-color:#e8e8e8;
color:#ff9019;
display:block;
font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif;
padding:4px 10px;
text-decoration:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow: inset 0 1px 1px #e4e4e4;
-webkit-box-shadow: inset 0 1px 1px #e4e4e4;
box-shadow: inset 0 1px 1px #e4e4e4;
}

.category-list li a:hover {
background-color:#4d4d4d;
color:#e8e8e8;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote {
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #666666;
	border-style: solid;
	border-width: 1px 0;
	color: #666666;
	font-family: "Times New Roman",Georgia,serif;
	font-size: 17px;
	font-style: italic;
	font-weight: 500;
	margin: 12px 0 20px;
	padding: 10px;
}

blockquote, q {
	quotes: "" "";
}



















/* new pricing page - JH - 15/09/11 */
#common { background: #f3f5ff; border: 1px solid #dbe0ff; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px #ebebeb; -webkit-box-shadow: 0 0 5px #ebebeb; box-shadow: 0 0 5px #ebebeb; }

#common h3 { font-size: 21px; margin-bottom: 16px; font-weight: normal; }
#common h3 b { font-weight: bold; }

#common ul { list-style-type: none; padding-left: 0; }
#common li { background: url("/images/website/11/pricing/originals/tick_green.png") no-repeat scroll 0 1px transparent; display: block; float: left; font-size: 16px; margin: 0 20px 7px 0; min-height: 24px; padding-left: 33px; width: 175px; }

.col.active { border: 1px solid #6d6d6d; -moz-box-shadow: 0 0 5px #BBBBBB; -webkit-box-shadow: 0 0 5px #BBBBBB; box-shadow: 0 0 5px #BBBBBB; }
.col.inactive { border: 1px solid #d4d4d4; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

#pricegrid { margin: 30px 0 50px; padding: 0 0 30px; }
#pricegrid ul { margin-left: 0; padding-left: 0; }
#pricegrid .col { position: relative; float: left; width: 278px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#pricegrid .product { width: 160px; }
#pricegrid .colsep { width: 8px; }
#pricegrid .super { color: #888; padding-left: 1px; position: relative; bottom: 2px; }
#pricegrid .super a:link, #pricegrid .super a:visited { text-decoration: none; color: #888; }
#pricegrid .super a:hover, #pricegrid .super a:active { text-decoration: none; color: #ff9019; }
#pricegrid .note { color: #898989; font-size: 10px; }
#pricegrid .note a:link, #pricegrid .note a:visited { text-decoration: none; color: #ff9019; }
#pricegrid .note a:hover, #pricegrid .note a:active { text-decoration: underline; color: #ff9019; }

#col0 {}
#col1 {}
#col2 { position: relative; }
#col3 {}
#col4 { margin-right: 0; }

.switch { background: #f5f5f5; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; padding: 2px 10px 4px 9px; margin: 8px 0 0; height: 29px; }
.switch a { margin: 5px 3px 0 0;  display: block; float: left; }
.switch span { display: block; float: right; font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; font-size: 18px; }

#col0 .tip { background: #f3f5ff; border: 1px solid #dbe0ff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #848484; margin: 0 11px 0 0; padding: 5px 0 6px 10px; position: absolute; right: 0; text-align: right; top: 53px; width: 255px; -webkit-box-shadow: 0 0 5px #EBEBEB; -moz-box-shadow: 0 0 5px #EBEBEB; box-shadow: 0 0 5px #EBEBEB; }
#col0 .tip a, #col0 .tip a:link, #col0 .tip a:visited { font-style: italic; cursor: pointer; text-decoration: none; }
#col0 .tip a:hover, #col0 .tip a:active { text-decoration: underline; }
#col0 .tip span { display: block; margin-right: 10px; color: #000000; font-size: 14px; font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; }
#col0 .tip #explanation { margin-top: 10px; font-size: 12px; color: #848484; font-weight: normal; }
#col0 .tip img { position: absolute; top: 10px; right: -11px; }
#col0 .grid.standard { margin-top: 147px; }
.col.product .expandtip { color: #ffffff; cursor: pointer; text-decoration: underline; }

.grid { list-style-type: none; font-size: 14px; margin-bottom: 10px; }
.grid li { padding: 4px 10px 5px; }
.grid .odd {}
.grid .even {}
.grid .first { -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; -moz-box-shadow: 0 1px 0 #EEE inset; -webkit-box-shadow: 0 1px 0 #EEE inset; box-shadow: 0 1px 0 #EEE inset; }
.grid .last { border-bottom: none; -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; }

.grid.standard { margin-top: 104px; }
.grid.standard li { border-bottom: 1px solid #ededed; }
.grid.standard .odd { background: #f2f2f2; }
.grid.standard .even { background: #fafafa; }

.grid.retail {}
.grid.retail li { border-bottom: 1px solid #ededed; }
.grid.retail .odd { background: #e5e5e5; }
.grid.retail .even { background: #ededed; }

.grid.gold {}
.grid.gold li { border-bottom: 1px solid #e0e4ff; }
.grid.gold .odd { background: #f0f2ff; }
.grid.gold .even { background: #f0f2ff; }
.grid.gold .first { border-top: 1px solid #ffffff; }
.grid.gold .title { background: #d9dcec; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; margin-bottom: -1px; padding: 3px 10px 2px; font-size: 12px; font-weight: bold; }

.product.active li { border-bottom: 1px solid #f9f9f9;}
.product.active .first { -moz-box-shadow: 0 1px 0 #F8F8F8 inset; -webkit-box-shadow: 0 1px 0 #F8F8F8 inset; box-shadow: 0 1px 0 #F8F8F8 inset; }
.product.active .standard .odd { background: #fafafa; }
.product.active .standard .even { background: #fdfdfd; }
.product.active .retail .odd { background: #f6f6f6; }
.product.active .retail .even { background: #f9f9f9; }
.product.active .gold .title { background: #f2f3f8; }
.product.active .gold .odd { background: #fafaff; }
.product.active .gold .even { background: #fafaff; }
.product.active .gold span {}
.product.active .bite { color: #000000; }
.product.active .grid .other { color: #000000; }

.product.inactive li { border-bottom: 1px solid #f3f3f3; }
.product.inactive .first { -moz-box-shadow: 0 1px 0 #F8F8F8 inset; -webkit-box-shadow: 0 1px 0 #F8F8F8 inset; box-shadow: 0 1px 0 #F8F8F8 inset; }
.product.inactive .standard .odd { background: #f7f7f7; }
.product.inactive .standard .even { background: #fcfcfc; }
.product.inactive .retail .odd { background: #eeeeee; }
.product.inactive .retail .even { background: #f3f3f3; }
.product.inactive .gold .odd { background: #f5f7ff; }
.product.inactive .gold .even { background: #f5f7ff; }

.product { padding-bottom: 5px; }
.product .tag { min-height: 90px; background: transparent url(/images/website/11/pricing/originals/tag.png) no-repeat scroll 1px 1px; padding: 1px 10px 0 14px; }
.product h4 { font-size: 28px; font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; letter-spacing: -1.5px; text-shadow: 1px 1px 0 #FFB96A; }
.product h4 span { font-size: 12px; letter-spacing: -0.35px; color: #ffffff; position: relative; left: 1px; top: -13px; }
.product .price { font-size: 30px; font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; letter-spacing: -1px; text-shadow: 1px 1px 0 #ffcb72; display: block; float: left; line-height: 30px; margin: 7px 3px 0 0; }
.product .pum { font-size: 11px; float: left; display: block; line-height: 12px; margin-top: 11px; width: 80px; position: relative; z-index: 200; }
#pageBody3437 #col1.col.product .pum { width: 65px; }

.product .bite { font-size: 12px; color: #696969; margin: 4px 10px 0; height: 70px; overflow: hidden; }

.product .grid { text-align: center; }
.product .grid li { min-height: 30px; }
.product .grid.standard { margin-top: 24px; }
.product .grid.gold { margin-top: 10px; }
.product .grid.gold .title { min-height: 18px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.product .grid.gold .yes { padding: 0 0 0 68px; }
.product .grid.gold .yes img { float: left; }
.product .grid.gold span { font-size: 11px; font-style: italic; float: left; padding-top: 6px; padding-left: 3px; color: #696969; }
.product .grid .first, .col.colsep .first { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.product .grid .last, .col.colsep .last { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.product .grid .yes { padding: 0; }
.product .grid .yes img { display: block; margin: 0 auto; padding: 3px 0 0; }
.product .grid .no { padding: 0; }
.product .grid .other { min-height: 0; }

.product .button_signup { margin: 0 0 3px 7px; display: block; height: 62px; overflow: hidden; text-indent: -9000px; width: 146px; }
.product .button_signup.var1:link, .product .button_signup.var1:visited { background: transparent url(/images/website/11/pricing/originals/button_signup.png) no-repeat scroll 0 0; }
.product .button_signup.var1:hover, .product .button_signup.var1:active { background: transparent url(/images/website/11/pricing/originals/button_signup.png) no-repeat scroll 0 -62px; }
.product .button_signup.var2:link, .product .button_signup.var2:visited { background: transparent url(/images/website/11/pricing/originals/button_signup_b.png) no-repeat scroll 0 0; }
.product .button_signup.var2:hover, .product .button_signup.var2:active { background: transparent url(/images/website/11/pricing/originals/button_signup_b.png) no-repeat scroll 0 -62px; }


#col2.product {}
#col2 .ribbon.topseller { position: absolute; top: -6px; right: -6px; z-index: 100; }
#col2 h4 { font-weight: normal; }
#col2 .bite {}
#col2 .other { color: #000000; }
.colshadow { position: absolute; bottom: -95px; }

.colsep { margin: 86px 0 0; }
.colsep .grid.gold .title { min-height: 23px; padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.colsep .grid .no { padding: 0; min-height: 30px; }

#pricegrid .colsep.last { width: 10px; }
.colsep.last .grid.gold .title, .colsep.last .first { -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; }
.colsep.last .last { -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; }

#pricegrid #footnotes { margin-top: 30px; position: relative; z-index: 100; }
#pricegrid .footnote { padding-bottom: 5px; font-size: 11px; color: #888888; }









/* CHUNK: DEFAULT SMARTFORMS */
#contact-message {}
#contact-form {  width:100%; }
 .contact-fieldset { padding:4px; margin:4px; background-color:#efefef; border-bottom: 1px solid #cccccc; }
 .contact-fieldtext { float:left; display:block; width:300px; margin:4px; text-align:right; }
 .contact-field { display:block; margin-left:310px; margin-right: 0px; margin-top:4px; display:block; padding-left:10px; }
 .contact-field .inputText {}
 .contact-foot { clear:both; margin-top:12px; padding-left:360px; padding-top:10px;}
 .contact-foot .button {}
 
 
 
 
 
 
 
 
 
/* signup 2011 */

#mainContent.signup {}
#mainContent.signup p { margin: 0; padding: 0; }

#confidence { position: relative; padding: 20px; font-size: 18px; background: #f3f5ff; border: 1px solid #d9dded; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 2px #dadada; -moz-box-shadow: 0 0 2px #dadada; -webkit-box-shadow: 0 0 2px #dadada; }
#confidence img { position: absolute; left: 334px; top: 67px; }
#confidence p { padding-bottom: 0; }

.setupblock { margin: 30px 0 0; }
.setupblock .header_row { background: #f3f5ff; border-bottom: 1px solid #ededed; min-height: 44px; margin-bottom: 1px; padding: 10px 10px 10px 100px; position: relative; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; box-shadow: 0 1px 0 #eeeeee inset; -moz-box-shadow: 0 1px 0 #eeeeee inset; -webkit-box-shadow: 0 1px 0 #eeeeee inset; }
.setupblock .header_row img { display: block; position: absolute; left: 20px; top: -10px; }
.setupblock .header_row h4 { font-size: 18px; font-weight: bold; line-height: 22px; }
.setupblock .header_row p { font-size: 14px; }
.setupblock .row { background: #fafafa; border-bottom: 1px solid #ededed; padding: 14px 10px 15px; clear: both; margin-bottom: 1px; }
.setupblock .row.last { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
.setupblock label { display: block; float: left; padding-right: 10px; padding-top: 6px; text-align: right; width: 210px; font-size: 15px; color: #666666; }
.setupblock input { border: 1px solid #c2c2c2; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 4px #dddddd inset; -moz-box-shadow: 0 1px 4px #dddddd inset; -webkit-box-shadow: 0 1px 4px #dddddd inset; color: #000000; font-size: 15px; padding: 6px; width: 440px; }
.setupblock input:focus { border: 1px solid #a2a2a2; box-shadow: 0 1px 4px #cccccc inset; -moz-box-shadow: 0 1px 4px #cccccc inset; -webkit-box-shadow: 0 1px 4px #cccccc inset; }

#setup_company.setupblock { margin: 40px 0 0; }
#setup_account.setupblock {}
#setup_extra.setupblock {}

.accountstatus { float: right; background: #d1ffcd; border: 1px solid #4bbf5b; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 6px 20px 6px 10px; position: relative; text-align: left; margin: 12px 6px 0 0; }
.accountstatus img { position: absolute; top: -10px; right: 20px; }
.accountstatus .statusicon { position: relative; right: 0; top: 2px; float: left; }
.accountstatus p { display: block; float: left; margin-left: 10px !important; font-size: 15px; font-weight: bold; color: #247830; }

.signupother { background: #fafafa; border: 1px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 2px #dadada; -webkit-box-shadow: 0 0 2px #dadada; box-shadow: 0 0 2px #dadada; padding: 20px; text-align: center; color: #666666; }
.signupother h2 { color: #000000; font-size: 21px; font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; }
.signupother h3 { color: #000000; font-size: 18px; margin-top: 20px; margin-bottom: 0 !important; text-shadow: 0 1px 0 #ffffff; }
.signupother p { font-size: 14px; }
.signupother .sep { clear: both; height: 1px; background: #ffffff; border-top: 1px solid #ededed; margin: 25px 0 0; }		  










/* support4 */

.support ul.category-list {
	/*float: left;*/
	padding: 0;
	/*width: 160px;*/
}

.support .catDescription {
	margin-top:0px;
	/*float: right;
	width: 765px;*/
}

.support td {
	padding:6px;
}

.support #searchwrap { background: #ff9019; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9019', endColorstr='#ffae00'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ff9019), to(#ffae00)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #ff9019,  #ffae00); /* for firefox 3.6+ */  border: 1px solid #ffffff; font-size: 14px; margin-bottom: 10px; padding: 10px 20px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 2px #999; -webkit-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; }
.support #searchwrap h1 { border-bottom: none; color: #fff; margin-bottom: 0; text-shadow: none; }
.support #searchwrap p { color: #fff; }
.support #searchwrap .form-text { font-size: 14px; width: 65%; border: 1px solid #c4c4c4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 3px 3px #dcdcdc inset; -webkit-box-shadow: 0 3px 3px #dcdcdc inset; box-shadow: 0 3px 3px #dcdcdc inset; padding: 10px; }
.support #searchwrap .form-submit { margin-left: 7px; background-color: #1db70d; border: none; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 2px 2px #5acb4e inset; -webkit-box-shadow: 0 2px 2px #5acb4e inset; box-shadow: 0 2px 2px #5acb4e inset; color: #fff; font-size: 16px; font-weight: bold; padding: 4px 8px; text-shadow: 1px 1px 1px #0e8f00; }
.support .helpdeskwrap {}
.support .helpdeskwrap a { width: 100%; display: block; text-align: center; background-color: #1db70d; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 2px 2px #5acb4e inset; -webkit-box-shadow: 0 2px 2px #5acb4e inset; box-shadow: 0 2px 2px #5acb4e inset; color: #fff !important; font-size: 16px; padding: 4px 0; text-shadow: 1px 1px 1px #0e8f00; }
.support .supportother { background-color:#e8e8e8; padding:15px 20px 20px; width:200px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin: 10px 0 0; }
.support .docversion_alert { margin-bottom: 10px; }
.support_hcb { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 2px #999; -webkit-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; float: left; margin: 0 10px 10px 0; padding: 10px 10px 10px; width: 320px; *background: #fafafa; }
.support_hcb h2 { font-size: 16px; font-weight: bold; margin: 0 5px 10px; }
.support_hcb ul { margin-bottom: 5px; }
.support_hcb li { color: #ff9019; }
.support_hcb li span { color: #000000; }
.support_hcb.searches { background: transparent url(/images/website/11/support/originals/zoom.png) no-repeat scroll 303px 10px; }
.support_hcb.documents { background: transparent url(/images/website/11/support/originals/doc_lines_stright.png) no-repeat scroll 306px 10px; margin-right: 0; }
.support_hcb.information { background: transparent url(/images/website/11/support/originals/info.png) no-repeat scroll 303px 10px; }
.support_hcb.videos { background: transparent url(/images/website/11/support/originals/movie.png) no-repeat scroll 304px 10px; margin-right: 0; }
.support_hcb.contact { background: #dddddd; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#fafafa'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fafafa)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #ddd,  #fafafa); /* for firefox 3.6+ */  border: 1px solid #ffffff; margin-bottom: 10px; margin-right: 0; padding: 10px 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 2px #999; -webkit-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; width: 670px; }
.support_hcb.contact h2 { margin: 0 0 10px; }
.support_hcb.contact p { padding-bottom: 0; font-size: 14px; }
.support_hcb.contact span { font-size: bold; }
.support_hcb.contact a { font-weight: bold; text-decoration: underline; }
.support #rightCol #searchwrap { margin-bottom: 0; margin-top: 10px; padding: 10px 20px 15px; }
.support #rightCol #searchwrap h2 { font-size: 16px; }
.support #rightCol #searchwrap .support_search { margin-top: 15px; width: 176px !important; }
.support #rightCol .supportother { background: #f8f8f8; }
.support #rightCol .supportother h2 { font-size: 16px; line-height: 1.25; margin-bottom: 10px; }
.support #rightCol .supportother p {}
.support #rightCol .supportother a { color: #ff9019; text-decoration: underline; }
.support #rightCol .supportother.launchzone { width: 200px; background: #e8e8e8; border: 1px solid #fff; -moz-box-shadow: 0 0 2px #999; -webkit-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; width: 198px; }
.support #rightCol .supportother.launchzone h2 {}
.support #rightCol .supportother.launchservices { width: 200px; background: #e8e8e8; border: 1px solid #fff; -moz-box-shadow: 0 0 2px #999; -webkit-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; width: 198px; }

body#pearlCategoryID_3435 .support #rightCol #searchwrap { display: none; }
.support #rightCol h2 { font-weight: normal; font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; color: #000000; }
.support #rightCol .links { list-style-type: none; }







#SM1.MM { background: #e8e8e8; border-radius: 5px; margin: 10px 0; padding: 10px 5px 11px; width: 950px; }
#SM1 .SM { background: none repeat scroll 0 0 #E8E8E8;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	box-shadow: 0 3px 2px #CCCCCC;
}
.MM li a, .MM li a:link {
	margin: 0 0 0 5px;
}









/* campaign styles */
.campaignvideo { width: 460px; float: left; -moz-box-shadow: 0 0 20px #222222; -webkit-box-shadow: 0 0 20px #222222; box-shadow: 0 0 20px #222222; }
.campaigntext { width: 470px; float: right; }
.templateCLP #partners { padding: 10px 0; text-align: left; margin-top: 40px; }
#partners .casestudy { float: left; width: 280px; margin: 10px 20px; }
#partners .cta { float: left; width: 280px; margin: 10px 20px; }

.templateCLP #smartformembed { padding: 10px 0; text-align: left; margin-top: 40px; background: #f0f0f0; clear: both; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 2px #dcdbdb inset; -webkit-box-shadow: 0 1px 2px #dcdbdb inset; box-shadow: 0 1px 2px #dcdbdb inset; }
#smartformembed .casestudy { float: left; width: 440px; margin: 10px 20px; }
#smartformembed .cta { float: left; width: 440px; margin: 10px 20px; }
#smartformembed #contact-page h1 { display: none; }
#smartformembed #contact-page #contact-message { margin-bottom: 10px; }
#smartformembed #contact-page #contact-message p { font-size: 18px; color: #ff9019; font-weight: bold; }
#smartformembed #contact-page .contact-fieldset { border-bottom: none; margin: 4px 0; padding: 4px 0; }
#smartformembed #contact-page .contact-fieldtext { float: none; clear: both; text-align: left; width: auto; }
#smartformembed #contact-page .contact-field { margin-left: 0; padding-bottom: 4px; padding-left: 0; }
#smartformembed #contact-page .contact-field .inputText { width: 75%; }
#smartformembed #contact-page .contact-foot { margin-top: 10px; padding-left: 0; padding-top: 0; }

.csimage { display: block; float: left; height: 140px; width: 140px; margin-right: 10px !important; }
.csimage img { background: #d1d1d1; display: block; height: 140px; width: 140px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; clip: auto; overflow: hidden; }
.cstext { display: block; }
.cstext h3 { margin-bottom: 4px !important; }
.cstext h3 a { margin-right: 0 !important; }
.cstext p { font-size: 12px; line-height: 14px; padding-bottom: 0; }
.ctatext {}
.ctatext h3 { margin-bottom: 4px !important; font-size: 18px; color: #ff9019; }
.ctatext p { font-size: 12px; line-height: 18px; padding-bottom: 0; }
.ctatext .signupButton { margin-top: 10px; }
.ctatext .eventslist { list-style-type: circle; padding: 0 0 0 14px; }
.ctatext .eventslist li { font-size: 14px; padding: 5px 0; }
.ctatext .eventsimage { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.campaigntext h3 { font-weight: lighter; color: #ffffff; font-size: 22px !important; margin: 0 !important; line-height: 24px; }
.campaigntext h4 { font-weight: bold; color: #ff9019; font-size: 16px; margin: 0 0 5px; }
.campaigntext p { color: #ffffff; font-size: 14px; font-weight: normal; line-height: 18px; margin: 8px 0 0; padding-bottom: 0; }
.templateCLP .pageHeading { margin-top: 30px !important; }
.templateCLP #mainContent { margin-bottom: 30px !important; }		









/* On screen messages, eg form errors */
.msgStack { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:5px; margin-bottom:10px; }
.msgMessage { background-color:#00cc00; color: #fff; }
.msgWarning { background-color:#ffcc00; color: #fff; }
.msgError { background-color:#cc0000; color: #fff; }
.msgStackMsgRow { margin: 3px; }




/* ---------------------------------------------------------------------- Shopping cart */
#widget_cart {}
#cart-contents { list-style-type: none; padding: 0; margin: 0 0 10px; }
#cart-contents li { font-size: 11px; color: #635e5e; margin: 0 0 10px; }
#cart-itemcount { font-weight: bold; color: #635e5e; display: block; }
#cart-total { color: #000000; font-size: 12px; font-weight: bold; margin: 0 0 10px; display: block; }
.cart-view { font-size: 12px; font-weight: bold; display: block; }
.cart-checkout { font-size: 12px; font-weight: bold; display: block; }
#cart-buttons { padding:10px; background-color: #efefef; overflow:hidden; }
#cart-buttons .button {}
.cartItem img { width:60px; height:60px; }





/* CHUNK: ONE PAGE CHECKOUT */
#one_page_checkout {}
.opc_framewrap { background: #f2f2f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; }
#one_page_checkout h2 { font-size: 14px; font-weight: bold; margin: 0 0 10px; }

#cart_frame_invoice { width: 45%; float: left; }
	#cart_frame_invoice .button { margin: 10px 0 0; }

#cart_frame_delivery { width: 45%; float: right; margin: 0 0 0 10px; }
	#cart_frame_delivery .button { margin: 10px 0 0; }

#cart_frame_shipping { clear: both; width: 45%; float: left; margin: 10px 0; }
	#opc_delivery_methods { list-style-type: none; padding: 0; }
	#opc_delivery_methods li { padding: 4px; }
	#opc_delivery_methods li label {}
	#opc_delivery_methods li label span {}
	#opc_delivery_methods li label span input { vertical-align: middle; }
		.opc_delivery_select {}
		.opc_delivery_name {}
		.opc_delivery_info { display: block; padding: 0 0 0 17px; }
		.opc_delivery_cost { display: block; padding: 0 0 0 17px; }

#cart_frame_payment { width: 45%; float: right; margin: 10px 0; }
	#opc_payment_methods { list-style-type: none; padding: 0; }
	#opc_payment_methods li { padding: 4px; }
	#opc_payment_methods li label {}
	#opc_payment_methods li label span {}
	#opc_payment_methods li label span input { vertical-align: middle; }
		.opc_payment_select {}
		.opc_payment_name {}
		.opc_payment_info { display: block; padding: 0 0 0 17px; }		
		.opc_payment_cost { display: block; padding: 0 0 0 17px; }

#cart_frame_submit { display: none !important; }

#cart_frame_coupon { clear: both; margin: 10px 0 0; }
	#discount_coupon_input {}
	.discount_coupon_validate {}

#cart_frame_review { clear: both; margin: 10px 0 0; }
	#order-review thead { border-bottom:1px solid #aaa; }
	#order-review-totals { text-align:right; border-top: 2px solid #333; }
	#order-review-tbl-totals { width:100%; }
	#order-review-tbl-totals td { padding:4px; font-size:14px; }
	#order-review-tbl-totals tr.ot_total td { font-size:23px; }
	.opc-options { font-size:10px; }
	.opc-options-name { padding-right:4px; font-weight:bold; }
	.opc-option-value {}

#cart_frame_comments { clear: both; margin: 10px 0 0; }

#cart_frame_place_order { clear: both; margin: 10px 0 0; }
	#cart-status { padding:10px; }
	.statusOK { background-color: #99ff33; }
	.statusFail { background-color: #cc0000; }
	#checkout_confirm_order {}



/* Row selectors */
.moduleRow { background-color:#efefef; }
.moduleRowOver { background-color:#CCCCCC; cursor:pointer; }
.moduleRowSelected { background-color:#5a5a5a; color:#ffffff; }
.moduleRowSelected a { color:#ffffff; }



/* Example fieldset */
fieldset { margin-top:10px; background-color:#f5f5f5; }
.form-legend { color:#333333; }
.form-fieldWrp { margin:4px; }
.form-fieldtext { display: block; width:140px; float:left; text-align:right; padding-right:10px; }
.form-field {}



/* CHUNK: LOGIN/REGISTER PAGE (index.php?p=login) */
#login-newuser { border: 1px solid #C4C1BC; display: none; }
#login-newuser .subHeading { background: #f1f1f1; border-bottom: 1px solid #dddddd; padding: 3px 5px; font-size: 14px; font-weight: bold; }
#login-newuser br { display: none; }
.login-newuser-intro { padding: 5px; }
.login-newuser-button { padding: 5px; }
.login-newuser-button .button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #f1ba1e url(/images/website/2010images/originals/loginbutton_bg.jpg) repeat-x scroll 0 0; border: 1px solid #da5a23; font-family: 'Museo-500', sans-serif; font-size: 15px; font-style: normal; font-weight: normal; height: 28px; line-height: normal; padding: 0 0 3px; width: 70px; }
#login-login { margin: 10px 0 0; }
#login-login div { padding: 5px; }
#login-login br { display: none; }
#login-login .subHeading { font-size: 14px; font-weight: bold; }
.login-login-intro {}
#login-login .inputText {}
.login-pass-remind {}
.login-pass-remind a {}
.login-login-button {}
.login-login-button .button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #f1ba1e url(/images/website/2010images/originals/loginbutton_bg.jpg) repeat-x scroll 0 0; border: 1px solid #da5a23; font-family: 'Museo-500', sans-serif; font-size: 15px; font-style: normal; font-weight: normal; height: 28px; line-height: normal; padding: 0 0 3px; width: 70px; }




/* CHUNK: PORTAL */
.portal-menu { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #f2f2f2; clear: both; margin: 10px 0; }
ul#portal-menu-list { clear: both; list-style-type: none; padding: 10px 0; }
ul#portal-menu-list li { display: inline; font-size: 14px; font-weight: bold; padding: 8px; *padding: 7px; }
ul#portal-menu-list li a { margin: 10px 2px; }




/* CHUNK: PORTAL (HELPDESK - index.php?p=helpdesk) */
#helpdesk {}
.helpdesk-ticket { border-color: black black #cccccc; border-style: dotted; border-width: 0 0 1px; margin: 0 0 2; padding: 2px 0; }
.helpdesk-ticket a {}
.ticket-details {}
.ticket-description { background-color: #ffcdcd; margin: 10px; padding: 10px; }
.helpdesk-note { border-color: black black #999999; border-style: dotted; border-width: 0 0 1px; margin: 0 0 6px; padding: 0 0 6px; }
.helpdesk-panel {}
.helpdesk-note-details { color: #cccccc; }
.helpdesk-note-text {}
.helpdesk-note-file {}
.helpdesk-note-file a {}
.helpdesk-add-form {}
#ticket_notes {}
.helpdesk-upload { background-color: #efefef; border: 1px solid #999999; margin: 14px 0 4px; padding: 4px; }
.helpdesk-upload #userfile {}
.helpdesk-billed-time { background-color: #4d4d4d; color: #ffffff; padding: 3px; }
.helpdesk-rating { background-color: #99ff99; border: 1px solid #cccccc; margin: 12px 0 0; padding: 10px; }
.helpdesk-rating .button {}
.helpdesk-rating-text { display: block; margin: 10px 0 0; }
.helpdesk-rating-select { display: block; margin: 10px 0 0; }


/* form buttons */
#form-buttons { overflow:hidden; padding:10px; }
#form-buttons .button-back { float:left }
#form-buttons .button-submit { float:right }
#form-buttons .button {}