﻿/* NOTE TO SELF - DOUBLE CHECK ALL UL PROPERTIES */

/*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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th {
	margin:0;
	padding:0;
	border:0;
	font-family:inherit;
	vertical-align:top;
}
a img, :link img, :visited img {
	border: 0;
}
table, td {
	border:0;
	font-family:inherit;
	vertical-align:top;
}
table {
	border-spacing: 0;
}
ul {
	list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	 content: "";
}

/* border-collapse: collapse;*/

/* DEFUALT HTML TAGS ############################################################################################################ text-align:left;
	*/
/* VAROLII COLORS: 004960 5090cd eeab3a*/

html {
	overflow-y:scroll;
}

body {
	background:#fff;
	margin:0px;
	padding:0px;
	font-family:arial,helvetica,clean,sans-serif;
	color:#333;
	text-align:center;
}
div {
	text-align:left;
}
a {
	color:#5090cd;
	text-decoration:none;
}
a:hover {
	color:#eeab3a;
	text-decoration:none;
} 
h1 {
	color:#474747;
	font-size:18px;
	font-weight:bold;
	padding:0 0 10px 0;
}
h1.page {
	font-family:Arial, Helvetica, sans-serif;
	color:#474747;
	font-size:18px;
	font-weight:bold;
	padding:0px 0 12px 0;
}
h1.page-applications {
	color:#e99519;
	font-family:arial, sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:0px 0 12px 0;
} 
h2 {
	color:#e99519;
	font-size:15px;
	font-weight:bold;
	padding:0 0 10px 0;
}
h2.benefits {
	padding-top:18px;
}
h2.dynamicRegionH3 {
	margin-bottom:0;
}
h2.customers {
	margin-bottom:0;
	background:none!important;
}
h3 {
	color:#333;
	font-size:13px;
	text-transform:uppercase;
	font-weight:700;
	line-height:16px;
	background:url('/shared/images/backgrounds/divider-dotted.gif') repeat-x bottom;
	margin-bottom:10px;
	padding:0 0 1px 0;
}
h4 {
	font-size:12px;
	padding:0 0 0 0;
}
h5 {
	font-size:12px;
	padding:0 0 0 0;
}
h6 {
	font-size:12px;
	padding:0 0 0 0;
}

p {
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	padding:0 0 12px 0;
}
ol {
	padding-left:20px;
}
ol li {
	font-size:12px;
	line-height:16px;
	padding:0 0 8px 10px;
	margin:0;
}
label {
	font-size:12px;
}
td {
	font-size:12px;
}
strong, b {
	font-weight:700;
	line-height:inherit;
	color:inherit;
}
strong.orange, b.orange {
	color:#e99519;
}
strong.orangeCaps, b.orangeCaps {
	color:#e99519;
	text-transform:uppercase;
}
em,i {
	font-style:italic;
	line-height:inherit;
}

/* Note: Defined in bodyContainer that way it doesn't impact the header css */
#bodyContainer ul {
	padding:0 0 12px 0;
}
#bodyContainer ul li {
	font-size:12px;
	line-height:16px;
	background:url('/shared/images/backgrounds/arrow_bold.gif') no-repeat 4px 5px;
	padding:0 0 8px 20px;
	margin:0;
}

hr {
	border:0 none;
	background:url('/shared/images/backgrounds/divider-dotted.gif') repeat-x;
	height:1em;
	*display:block;
	*height:0;
	*border-top:1px dotted #666;
	_border-top:1px solid #ccc;
	margin:0;
	padding:0;
	*margin-bottom:12px;
	*padding:0px;
}
div.divider, div.divide {
	border:0 none;
	background:url('/shared/images/backgrounds/divider-dotted.gif') repeat-x;
	height:10px;
}
.formText {
	font-size:12px;
	font-weight:normal;
	line-height:16px;
}
span.required {
	color:#c73318!important;
}
span.required_field, span.required_field p {
    font-weight:bold;
    font-size:12px;
}
														
/* RIGHT ALIGN CLASSES */
td.right, li.right, p.right, div.right {
	text-align:right !important;
}

/* CENTER ALIGN CLASSES */
td.center, li.center, p.center, div.center {
	text-align:center !important;
}
										
div.thumb {
	float:left;
	padding:0 12px 0 0;
	display:inline;
}
div.blurb {
	float:left;
	padding:0 12px 0 0;
	display:inline;
}

/* GLOBAL CONTIANER TAGS ############################################################################################################ */
div#container {
	position:relative;
	width:936px;
	padding:10px 0 0 0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	border:1px solid #fff;
}
/*div#page{
	border:1px solid #fff;padding-top:10px;
	border:1px solid green;
} */
#varoliiLogo {
	float:left;
	width:140px;
	padding:5px 0 0 0;
}
div#nav1Bar	{
	float:right;
	width:784px;
}
#header {
	*height:40px;
	border:1px solid #fff;
}
/* div#header {
	*zoom:1;
} */


/*BEGIN NAV1 ######################################################################################################################## */
div.nav1 {
	font-size:12px;
	padding:0 0 0 0px;
	height:38px;
	border:1px solid #fff;
	border-bottom:1px solid #b0b0b0;
}
div.nav1 {
	*zoom:1;
}
#header > div.nav1:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
}
div.nav1 a {
	color:#606060;
}
.nav1, .nav1 ul {
	list-style: none;	line-height: 1;
}
div.nav1 ul {
	padding:15px 0px 0px 0px;
}
div.nav1 ul.parent {
	*zoom:1;
}
#header > div.nav1 ul.parent:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	line-height:0;
}
div.nav1 ul li {
	float:left;
	padding:0px;
	border:1px solid #fff;
	border-bottom:0px none;
}
div.nav1 ul li.active {
	border:1px solid #b0b0b0;
	border-bottom:0px none;
}
div.nav1 ul li:hover {
	border:1px solid #f5c98c;
	border-bottom:0px none;
}
div.nav1 ul li a {
	display:block;
	color:#606060;
	padding:5px 10px 5px 10px;
	_padding:5px 6px 5px 6px;
} 
div.nav1 ul li a:hover {
	display:block;
	color:#fff;
	background:#eeab3a;
	padding:5px 10px 5px 10px;
	_padding:5px 6px 5px 6px;
} 

/*NAV 1 DROP DOWN --------------------------------------------------------------------------- */ 
div.nav1 ul li ul {
	display:inline-block;
	position:absolute;
	margin:0 0 0 -1px;
	z-index:100;
	background:#eeab3a url('/shared/images/backgrounds/nav1-top.gif') repeat-x top;
	padding:1px 0 0 0;
	left:-999em;
}
div.nav1 ul li ul {
	background:#fff;
	border:1px solid #f3ca8c;
}
div.nav1 ul li ul li {
	float:none;
	border:1px none;
	padding:0;
	width:175px;
}
div.nav1 ul li ul li:hover {
	float:none;
	border:1px none;
	padding:0;
}
div.nav1 ul li ul li a {
	display:block;
	height:12px;
	padding:6px 10px 6px 10px;
	background:#FFF;
}
div.nav1 ul li ul li a:hover {
	background:#eeab3a;
	color:#fff;
	padding:6px 10px 6px 10px;
} 
div.nav1 ul li ul li.more a {
	background:#fff url('/shared/images/backgrounds/nav1-divide.gif') repeat-x top;
	padding:6px 10px 6px 10px;
} 
div.nav1 ul li ul li.more a:hover {
	background:#eeab3a url('/shared/images/backgrounds/nav1-divide.gif') repeat-x top;
	color:#fff;
	padding:6px 10px 6px 10px;
} 
div.nav1 ul li ul li a.end {
	background-image:none;
} 
div.nav1 ul li ul li a.end:hover {
	background-image:none;
}
div.nav1 li:hover ul {
	left: auto;
}
.nav1 li.over div ul {
	left: auto;
}
.nav1 li.over a.nav1ItemA {
	background:#eeab3a;
	color:#FFF;
}
div.nav1 ul li.active a.nav1ItemA {
	background:#eeab3a url('/shared/images/backgrounds/nav1-active.gif') repeat-x;
	_color:#606060;
}
 
/* SEARCH ----------------------------------------------------------------------------------- */ 
div.nav1 ul#searchList {
	float:right;
	margin:-1px 0 0 0;
}
div.nav1 ul#searchList li:hover {
	border:1px solid #fff;
	border-bottom:1px none;
}
div.nav1 ul#searchList li.searchLabel {
	padding:6px 6px 0 0;
	color:#606060;
} 
div.nav1 ul#searchList li.searchBox input {
	color:#606060;
	*border:1px solid #95adc4;
	_width:140px;
}
div.nav1 ul#searchList li.searchButton {
	padding:2px 0 0 0;
	*margin-top:-1px;
} 
		
/* MAIN BODY ########################################################################################################################### */	
div#bodyContainer0, div#bodyContainer {
	clear:both;
	padding:20px 0 0 0;
	margin:0 0 0 0;
	border:1px solid #fff;
}

div#page > div#bodyContainer:after {
	content:".";
	display:block;
	clear:both;
	clear:both;
	visibility:hidden;
	height:0;
	line-height:0;
}
div#bodyContainer {
	*zoom:1;
}
div.page1 {
	background:url('/shared/images/backgrounds/column1-divider.gif') repeat-y;
	border:1px solid #fff;
}
div#bodyContainer > div.page1:after {
	content:".";
	display:block;
	clear:both;
	clear:both;
	visibility:hidden;
	height:0;
	line-height:0;
}
div.page1 {
	*zoom:1;
}

/* BODY CONFIGURATIONS ------------------------------------------------------------------------------------------------------

Note: column 2 & 3 are contianed in the div#column2 container this way we can have content span the 2 columns if needed. 
Example: banners, utility navigation (email this page, print, help, contect)

3 COLUMN: ---------------------------------------------------------------------------------------------
Classes need to define this configuration: 
- div#column1 
- div#column2 - main container for column 2 & 3 
- bodyRegion2 - creates background line to span both columns
- div.column2A-2 - creates the float relationship between both regions

-------
|| ||
-------


2 COLUMN LEFT: -----------------------------------------------------------------------------------------
Classes need to define this configuration: 
- div#column1 
- div#column2 - main container for column 2 & 3 
- bodyRegion1 - creates background line to span both columns
- div.column2A-1 - creates the float relationship between both regions

-------
|| 
-------


2 COLUMN RIGHT: -----------------------------------------------------------------------------------------
Classes need to define this configuration: 
- div#column0 - main container for column 2 & 3 
- div.column2A-2 - creates background line to span both columns
-------
 ||
-------


0 COLUMN: -----------------------------------------------------------------------------------------
Classes need to define this configuration: 
- div#column0 - main container for column 2 & 3 
- div.column2A-2 - contanier for the nav3

-------
| |
-------

------------------------------------------------------------------------------------------------------------------*/

div#column2 {
	float:right;
	width:782px;
	padding:0 0 0 1px;
	border:1px solid #fff;
}
div.column2A-1 {
	clear:both;
	padding:8px;
}
div#column2 div.column2A-1 {
	float:none;
} /* 2 COLUMN LEFT: span 100% width */
div#column2 div.column2A-2 {
	float:left;
	width:505px;
} /* 3 COLUMN: 505px short body */

div#column0 div.column2A-2 {
	float:left;
	width:685px;
	padding-left:8px;
} /* 2 COLUMN RIGHT: 505px short body */

div#column2 div.column2A-1, div#column2 div.column2A-2 {
	padding:2px 18px 0 18px;
} /* Global padding */

div#column0 div.column2B, div#column2 div.column2B {
	float:right;
	width:211px;
	padding:0 0 0 7px;
	vertical-align:top;
	border:1px solid #fff;
} /* Global propertys for column2B */

/* Defines gray divider for column 0 layout */
div#column0 div.bodyRegion {
	padding:0;
	background:url('/shared/images/backgrounds/page-default0.gif') repeat-y!important;
	*zoom:1;
	border:1px solid #fff;
} 

/* Defines gray divider for column 0 right layout */
div#column0 div.bodyRegion2 {
	padding:0;
	background:url('/shared/images/backgrounds/page-default0.gif') repeat-y;
	*zoom:1;
	border:1px solid #fff;
}

/* Defines gray divider for column 2 left layout */
div#column2 div.bodyRegion {
	padding:0;
	background:url('/shared/images/backgrounds/page-default.gif') repeat-y;
	*zoom:1;
	border:1px solid #fff;
}

/* Defines gray divider for column 3 layout */
div#column2 div.bodyRegion2 {
	padding:0;
	background:url('/shared/images/backgrounds/page-default.gif') repeat-y;
	*zoom:1;
	border:1px solid #fff;
}

/* clear fix - wc3 - wierd evolution of floats now requires wierdness in code */
div#column0 > div.bodyRegion:after, div#column2 > div.bodyRegion:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	line-height:0;
}
div#column0 > div.bodyRegion2:after, div#column2 > div.bodyRegion2:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	line-height:0;
}

/* COLUMN 1 ########################################################################################################################### */	
/* NOTE: line-height & border on the li & a are important becuase they create a consitency in behavior cross OS & browser. 
 _background-position:0 2px;
	*background-position:0 2px;
	are used for ie6 & 7 there is a 1px difference in the way the bullet was positioning with the text */
div#column1 {
	float:left;
	width:130px;
	padding:2px 0 0 9px;
}
div#column1 ul li {
	background:url('/shared/images/backgrounds/arrow.gif') no-repeat 0 4px;
	line-height:8px!important;
	padding:0px 0px 12px 15px;
	font-size:11px;
}
div#column1 ul li a {
	color:#666;
	line-height:12px;
	padding:0px!important;
	_font-size:11px;
}
div#column1 ul li ul {
	display:none;
}
div#column1 ul li.active {
	background-image:url('/shared/images/backgrounds/arrow-bold.gif') no-repeat 0 2px;
}
div#column1 ul li.active a {
	font-weight:bold;
	color:#525252;
}
div#column1 ul li.active ul {
	display:block;
	padding: 6px 0 0 0;
}
div#column1 ul li.active ul li {
	padding: 0 0 8px 6px;
	background:none;font-size:10px;
}
div#column1 ul li.active ul li a {
	font-weight:normal;
	color:#666;
}
div#column1 ul li.active ul li.active a {
	font-weight:bold;
}
div#column1 ul li a:hover {
	color:#e99519;
}
div#column1 ul li.active ul li a:hover {
	color:#e99519;
}

/* COLUMN 2 & 0 ########################################################################################################################### */	

div#column2 div.column2A-2 ul.zoneList li {
	font-size:12px;
	padding-bottom:6px;
	line-height:16px;
	background-position:0px 5px;
	_border:1px solid #fff;
	_background-position:0px 6px;
}
div#column2 ul.benefits li {
	font-size:12px;
}
div#column2 table tr td {
	font-size:12px;
	vertical-align:top;
}

/* BREAD CRUMB -------------------------------------------------------------------------------------------------------------- */
/* NOTE: I USE IMPORTANT BECUASE THE BREAD IN THE DOM DOES HAVE A DEEP ARCHITECTURE AND I WANT DON"T WANT ANY OTHER 
 ELEMENT TO IMPACT IT */

div#teaser div.bread, div#column0 div.bread, div#column2 div.bread {
	*zoom:1;
	height:12px;
	oveflow:hidden;
}

div#teaser > div.bread:after, div#column0 > div.bread:after, div#column2 > div.bread:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	line-height:0;
}

/* Each template requires slightly different positioning of the breadcrumb */
div#teaser div.bread {
	padding:4px 0 10px 0!important;
} 
div#column0 div.bread {
	padding:0 0 10px 8px!important;
}
div#column2 div.bread {
	padding:0 0 10px 18px!important;
}
div.bread ul {
	padding:0 0 0 0!important;
}
div.bread ul li a {
	color:#666!important;
	text-transform:lowercase;
}
div.bread ul li a:hover {
	color:#e99519!important;
} 
div.bread ul li {
	float:left!important;
	font-size:10px!important;
	padding:0 10px 0 8px!important;
	background:url('/shared/images/backgrounds/arrow-sm.gif') no-repeat right!important;
}
div.bread ul li.begin {
	padding:0 10px 0 0px!important;
}
div.bread ul li.end {
	background:none!important;
}
div.bread ul li.end a {
	color:#e99519!important;
	text-transform:lowercase;
}

/* Zone Banner #############################################################################################################################################*/
div.banner {
	clear:both;
	padding:0;
}
div#banner {
	clear:both;
	padding:0;
	margin:0 0 10px 0;
	border-top: 1px solid #ccc;
}
div#bannerJpg {
	clear:both;
	padding:0;
	margin:0 0 10px 0;
	border-top: 1px solid #ccc;
}
div#homeContainer div#banner {
	margin-bottom:0!important;
}

/* Column 2B / Column 3 / Right Bar ########################################################################################################################*/

div.column2B div {
	padding:0 0 15px 0;
} 
div.column2B div div {
	padding:0 0 0 0;
}

div.column2B ul {
	padding:0 0 0 0;
} /* reset ul padding */

div.column2B ul li {
	padding:0 0 0 0;
} /* reset li padding */

div.column2B div.quoteRegion {
	padding:0 8px 15px 8px;
} 

/* Applications Subnav -----------------------------------------------------------------------------*/
div#bodyContainer, div.page1, div.nav2_1, div#column1, div#column2, div.bodyRegion2, div.column2A-2 {
	position:relative;
}
#bodyContainer ul.subnav_applications {
	display:block;
	position:absolute;
	top:4px;
	right:0px;
	padding:0;
	list-style-type:none;
	list-style:none;
	list-style-image:none;
}
#bodyContainer ul.subnav_applications li {
	margin:0;
	line-height:0;
	float:left;
	background:0;
	padding:0 0 0 2px;
}
#bodyContainer ul.subnav_applications li a {
	background:none;
	list-style-type:none;
	list-style:none;
	list-style-image:none;
	width:24px;
	height:24px;
	float:left;
	margin:0;
	padding:0;
	text-indent:-9999px;
	font-size:0px;
	line-height:0;
	display:block;
	background-position:top left;
	background-repeat:no-repeat;
}
#bodyContainer ul.subnav_applications li.customer_initiation a {
	background-image:url('/shared/images/icons/customer-initiation-sm-off.gif');
}
#bodyContainer ul.subnav_applications li.customer_service a {
	background-image:url('/shared/images/icons/customer-services-sm-off.gif');
}
#bodyContainer ul.subnav_applications li.customer_retention a {
	background-image:url('/shared/images/icons/customer-retention-sm-off.gif');
}
#bodyContainer ul.subnav_applications li.collections a {
	background-image:url('/shared/images/icons/collections-sm-off.gif');
}
#bodyContainer ul.subnav_applications li.business_continuity a {
	background-image:url('/shared/images/icons/business-continuity-sm-off.gif');
}
#bodyContainer ul.subnav_applications li.business_continuity a {
	width:27px;
	height:26px;
	background-image:url('/shared/images/icons/business-continuity-sm-on.gif');
}

/* Quotes ----------------------------------------------------------------------------------------- */
div#bodyContainer div.quoteRegion {
    margin-left:5px;
	margin-bottom:10px;
	background:url('/shared/images/backgrounds/divider-dotted.gif') repeat-x bottom;
}
div#bodyContainer div.quoteRegion div.quote {
	font-style: italic;
	font-size:13px;
	padding:0 0 10px 0;
	font-weight:bold;
	line-height:16px;
}
div#bodyContainer div.quoteRegion div.quote strong {
	line-height:16px;
}
div#bodyContainer div.quoteRegion div.quoter {
	font-size:10px;
	line-height:12px;
	text-align:right;
}
div#bodyContainer .offerContent div.quoteRegion {
	padding:0 25px 0 25px;
}

/* Sidebar Tiles ----------------------------------------------------------------------------------*/
div.column2B div.sidebarTile {
	background:url('/shared/images/backgrounds/divider-dotted.gif') repeat-x bottom;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-left:5px;
}

/* Contact Us Button ------------------------------------------------------------------------------*/
div.column2B div.contactus {
	padding:0 0 10px 5px;
	background:url('/shared/images/backgrounds/divider-dotted.gif') repeat-x bottom;
}

/* Promo ------------------------------------------------------------------------------------------ */

div.column2B div.promo {
	padding:0;
}
div.column2B div.promo2 {
	background:#fff;
	padding:0 0 0 6px;
}
div.column2B div.promo2 table {
	padding:0 0 10px 0;
	margin:0;
	background:url('/shared/images/backgrounds/divider-dotted.gif') repeat-x bottom;
}
div.column2B div.promo2 table tr td.promoHeader {
	font-size:13px;
	text-transform:uppercase;
	padding-bottom:2px;
	font-weight:700;
}
div.column2B div.promo2 table tr td.promoHeader a {
	color:#666666;
	font-size:13px;
}
div.column2B div.promo2 table tr td.promoHeader a span.bc {
	color:#811e0c;
}
div.column2B div.promo2 table tr td.promoIcon {
	vertical-align:top;
	padding:0 10px 0 0;
}
div.column2B div.promo2 table tr td.promoBody {
	padding:0;
	font-size:10px;
	line-height:12px;
	margin:0;
}
div.column2B div.promo2 table tr td.promoBody p {
	padding:0;
	font-size:10px;
	line-height:12px;
	margin:0;
}
div.column2B div.promo2 table tr td.promoBody strong {
	font-size:11px;
}
div.column2B div.promo2 table tr td.promoBody p.calltoaction {
	text-align:right;
	margin:0;
	padding:0;
	line-height:10px;
}
div#hp-column4 div.promo2 {
	border:1px solid #b0b0b0;
	background:#fff;
	padding:4px 6px 4px 6px;
}
div#hp-column4 div.promo2 table {
	padding:0;
	margin:0;
}
div#hp-column4 div.promo2 table tr td.promoHeader {
	font-size:13px;
	text-transform:uppercase;
	padding-bottom:2px;
	font-weight:700;
}
div#hp-column4 div.promo2 table tr td.promoHeader a {
	color:#666666;
}
div#hp-column4 div.promo2 table tr td.promoHeader a span.bc	{
	color:#811e0c;
}
div#hp-column4 div.promo2 table tr td.promoIcon {
	vertical-align:top;
	padding:0 10px 0 0;
}
div#hp-column4 div.promo2 table tr td.promoBody {
	padding:0;
	font-size:10px;
	line-height:12px;
	margin:0;
}
div#hp-column4 div.promo2 table tr td.promoBody p {
	padding:0;
	font-size:10px;
	line-height:12px;
	margin:0;
}
div#hp-column4 div.promo2 table tr td.promoBody strong {
	font-size:11px;
}
div#hp-column4 div.promo2 table tr td.promoBody p.calltoaction {
	text-align:right;
	margin:0;
	padding:0;
	line-height:10px;
}

/* Accordian -------------------------------------------------------------------------------------- */
div#nav3 {
	padding:10px 4px 0 0;
	font-size:11px;
}
div.column2B h4.handle {
	color:#666;
	display:block;
	padding:0 0 0 6px;
	text-transform:uppercase;
}
div.column2B h4.handle a {
	color:#666;
	display:block;
	padding:3px 6px 0 24px;
	background:url('/shared/images/backgrounds/arrow-bold-blue.gif') no-repeat center left;
}
div.column2B h4.handle a#get-more-accordian {
	background:url('/shared/images/icons/doc-tiny.gif') no-repeat center left;
}
div.column2B h4.handle a#industry-accordian {
	background:url('/shared/images/icons/industry-tiny.gif') no-repeat center left;
}
div.column2B h4.handle a#demo-accordian {
	background:url('/shared/images/icons/demo-tiny.gif') no-repeat center left;
}
div.column2B h4.handle a#contact-accordian {
	background:url('/shared/images/icons/contact-tiny.gif') no-repeat center left;
}
div.column2B div#accordion ul.open {
	display:block;
}
div.column2B div#accordion ul.close {
	display:none;
}
div.column2B ul.drawer {
	padding:0 0 10px 9px!important;
	margin:0 0 10px 0!important;
	background:url('/shared/images/backgrounds/divider-dotted.gif') repeat-x bottom;
}
div.column2B ul.drawer li {
	background:none!important;
	padding:4px 0 0 0!important;
	margin:0!important;
	_padding-top:0!important;
	_padding-bottom:0!important;
    *padding-top:4px!important;
	*padding-bottom:3px!important;
	_border:1px solid #fff!important;
	line-height:12px!important;
	font-size:10px!important;
}
div.column2B ul.drawer li a {
	background:none;
	padding:0!important;
	margin:0!important;
} 
div.column2B ul#contact-list li {
	padding-bottom:2px;
	padding-top:2px;
}
div.column2B div#resourcesRegion ul {
	background:url('/shared/images/backgrounds/divider-dotted.gif') repeat-x top;
}
div.column2B div#resourcesRegion ul li {
	padding:0 0 0 0;
	background:url('/shared/images/backgrounds/divider-dotted.gif') repeat-x bottom;}
div.column2B div#resourcesRegion ul li a {
	color:#666;
	text-transform:uppercase;
	background:url('/shared/images/backgrounds/arrow.gif') no-repeat 0 1em;
	font-weight:bold;
	padding:8px 0 8px 12px;
	display:block;
}
 
 /* TABLE TYPES ######################################################################################################################## */
 
 /*
 div#column2 div.column2A-2 table tr td, 
 div#column2 div.column2A-1 table tr td {
	font-size:75%;
}
 */
 
/* wireFrameTable - This table is invisible to define page structure, columns, etc. ----- */
table.wireFrameTable {
	border-collapse:collapse;
	width:100%;
	border:0px none ;
}
table.wireFrameTable tr td {
	vertical-align:top;
	padding:0 20px 0 0;
	border:0px none;
}

/* Data Grid ---------------------------------------------------------------------------------------------- */
/* DATAGRID - ADD .datagrid for datagrid treatment ----- */
table.datagrid {
	border-collapse:collapse;
	width:100%;
	margin-bottom:10px;
}
table.datagrid tr th {
	color:#606060;
	vertical-align: middle;
	background:#d3d3d3 url('/shared/images/backgrounds/th-1.gif') repeat-x;
	border-bottom:1px solid #9e9e9e;
	border-left:1px solid #c9c9c9;
	border-right:1px solid #ccc;
	border-top:1px solid #c9c9c9;
	padding:4px;
	font-size:11px;
} 
table.datagrid tr th.mainheader {
	font-size:11px;
} 
table.datagrid tr.th2 th {
	background:#f0f0f0 url('/shared/images/backgrounds/th-2.gif') repeat-x;
	border:1px solid #cbcbcb;
	padding:4px;
} 
table.datagrid tr.alternate, table.datagrid tr.row0 {
	background-color:#fff;
	border:1px solid #cbcbcb;
	cursor:pointer;
}
table.datagrid tr.primary, table.datagrid tr.row1 {
	background-color:#e3edf7;
	border:1px solid #cbcbcb;
	cursor:pointer;
}
table.datagrid tr td {
	padding:4px 6px 4px 6px;
	border:1px solid #cbcbcb;
	vertical-align:baseline;
	font-size:11px!important;
	line-height:13px;
}
table.datagrid tr td a {
	 display:inline;
	padding:0 0 0 0;
}
table.datagrid tr td div.pages {
	float:left;
}
table.datagrid tr td div.currentPage {
	float:right;
}
 
/* List Grid ---------------------------------------------------------------------------------------------- */
table.list {
	border-collapse:collapse;
	width:100%;
}
table.list tr td {
	vertical-align:top;
	padding:0 20px 0 0;
	border:none;
}
table.list tr td p {
	font-size:12px;
	padding:0 0 10px 0;
}
table.awards {
	 border-collapse:collapse;
	width:100%;
	border:0 none;
}
table.awards tr td {
	font-size:11px!important;
	vertical-align:top;
	padding:10px 0 10px 0;
	border:none;
	background:url('/shared/images/backgrounds/divider-dotted.gif') repeat-x top;
}
table.awards tr td.description {
	padding:10px 0 10px 0;
}
table.awards tr td.logo {
	width:150px;
	padding:10px 0 10px 10px;
	text-align:center;
} 
table.awards tr td p {
	font-size:11px;
	padding:0 0 0 0;
}
table.awards tr td strong {
	font-size:11px;
	padding:0 0 0 0;
}
table.awards tr td em {
	font-size:11px;
	padding:0 0 0 0;
}
 
/* Vertical Tab Grid: (rollovers used in app suite section) ----------------------------------------------- */
table.verticalTabs {
	border-collapse:collapse;
}
table.verticalTabs tr td {
	border:none;
}
table.verticalTabs tr td.verticalTabButtonRegion {
	background:#fff url('/shared/images/backgrounds/vTab-bg.gif') repeat-y;
	vertical-align:top;
	width:180px;
	padding:0 5px 0 0;
}
table.verticalTabs tr td table.verticalTabButtons {
	border-collapse:separate;
}
table.verticalTabs tr td table.verticalTabButtons tr td {
	border-right:1px solid #ccc;
	font-size:12px!important;
	padding:5px 8px 5px 8px;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
} /* I want this at a flat level so I can use it in different templates... so I used important for scalability*/

table.verticalTabs tr td table.verticalTabButtons tr td.off {
	background-color:#f1f1f1;
}
table.verticalTabs tr td table.verticalTabButtons tr td.active {
	border-right:1px solid #fff;
} /* border-right overwrites background line to create active gap */

table.verticalTabs tr td table.verticalTabButtons tr td.over {
	border-right:1px solid #fff;
}
table.verticalTabs td.verticalTabRegion {
	padding:7px 0px 10px 15px;
	vertical-align:top;
}
table.verticalTabs td.verticalTabRegion h4 {
	padding:0 0 6px 0;
	color:#4a4a4a;
	text-transform:uppercase;
	font-size:12px;
}
table.verticalTabs td.verticalTabRegion strong {
	color:#4a4a4a;
}
table.verticalTabs td.verticalTabRegion p {
	padding:0 0 10px 0;
} 
table.verticalTabs td.verticalTabRegion ul li {
	padding-bottom:5px;
	background-position:left 2px;
} /*line-height:110%;*/

table.verticalTabs td.verticalTabRegion div.active {
	display:block;
	padding:0 0 0 0;
}
table.verticalTabs td.verticalTabRegion div.off {
	display:none;
} 
table.verticalTabs td.verticalTabRegion ul li {
	font-size:12px;
}
table.sitemap tr td ul li a {
	 font-size:12px;
}
table.sitemap tr td h3 {
	 font-size:12px;
}

/* Vertical Tab History ------------------------------------------------------------------------------------ */
table.companyHistory {
	border-collapse:collapse;
} 
table.companyHistory tr td.buttonRegion {
	background:#fff url('/shared/images/backgrounds/vTab-bg.gif') repeat-y right;
	width:260px;
} 
table.companyHistory tr td.buttonRegion table.tabButtons tr td {
	cursor:pointer;
	font-size:11px;
	padding:15px 0 0 0;
	border-right:1px solid #ccc;
	width:260px;
	background:url('/shared/images/backgrounds/divider-dotted.gif') repeat-x;
} 
table.companyHistory tr td.buttonRegion table.tabButtons tr td#Origin-Button {
	background-image:none;
}
table.companyHistory tr td.buttonRegion table.tabButtons tr td div {
	font-size:11px;
	border:1px solid #fff;
} 
table.companyHistory tr td.buttonRegion table.tabButtons tr td div.blurb {
	width:180px;
	padding-top:5px;
} 
table.companyHistory tr td.buttonRegion table.tabButtons tr td.active {
	border-right:1px solid #fff;
} /* border-right overwrites background line to create active gap */

table.companyHistory tr td.buttonRegion table.tabButtons tr td.over {
	border-right:1px solid #fff;
}
table.companyHistory tr td.buttonRegion table.tabButtons tr td.off {
	border-right:1px solid #ccc;
}
table.companyHistory tr td.tabRegion {
	padding:0 20px 0 20px;
}
table.companyHistory tr td.tabRegion div.active {
	display:block;
	padding:0 0 0 0;
}
table.companyHistory tr td.tabRegion div.off {
	display:none;
}
table.companyHistory tr td.tabRegion div h4 {
	font-size:14px;
	padding-bottom:6px;
}
table.companyManagment tr td.tabRegion div h4 span.subH {
	font-weight:100!important;
	font-style:italic;
	font-size:11px;
}
table.companyManagment {
	border-collapse:collapse;
} 
table.companyManagment tr td.buttonRegion {
	background:#fff url('/shared/images/backgrounds/vTab-bg.gif') repeat-y right;
	width:260px;
} 
table.companyManagment tr td.buttonRegion table.tabButtons tr td {
	cursor:pointer;
	font-size:14px;
	padding:10px 0 10px 0;
	border-right:1px solid #ccc;
	width:260px;
	background:url('/shared/images/backgrounds/divider-dotted.gif') repeat-x;
} 
table.companyManagment tr td.buttonRegion table.tabButtons tr td#manager1-Button {
	background-image:none;
}
table.companyManagment tr td.buttonRegion table.tabButtons tr td div {
	font-size:11px;
	border:1px solid #fff;
} 
table.companyManagment tr td.buttonRegion table.tabButtons tr td div.blurb {
	width:180px;
} 
table.companyManagment tr td.buttonRegion table.tabButtons tr td.active {
	border-right:1px solid #fff;
} /* border-right overwrites background line to create active gap */

table.companyManagment tr td.buttonRegion table.tabButtons tr td.over {
	border-right:1px solid #fff;
} 
table.companyManagment tr td.tabRegion {
	padding:0 20px 0 20px;
}
table.companyManagment tr td.tabRegion div.active {
	display:block;
	padding:0 0 0 0;
}
table.companyManagment tr td.tabRegion div.off {
	display:none;
}
table.companyManagment tr td.tabRegion div h4 {
	font-size:14px;
	padding-bottom:6px;
}
table#partners tr td div.logo {
	padding:10px;
}

/* UI ELEMENTS ############################################################################################################################################# */
div.filters {
	font-size:11px;
}
div.filtersRight {
	font-size:11px;
	text-align:right!important;
}
div#column2 > div.filtersRight:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	line-height:0;
}
div.filtersRight table.filters tr td {
	padding:0 10px 0 0!important;
	vertical-align:middle!important;
} 
div.filtersRight div.field {
	padding:0px 10px 0 2px;
	float:right;
	vertical-align:middle;
}
div.filtersRight div.field strong {
	padding:3px 0px 0 0px;
}
div.filtersRight div.button {
	padding:1px 10px 0 10px;
	float:right;
}
div.filter {
	font-size:10px;
	text-align:right;
}

/* Dynamic Region ---------------------------------------------------------------------------------------------- */ 
div#column2 div.dynamicRegionList {
	float:left;
	width:180px;
}
div#column2 div.dynamicRegionList ul li, div#column2 div.dynamicRegionList ul li, div#column2 div.dynamicRegionList ul li {
	padding:0 0 0 5px;
	background:url('/shared/images/backgrounds/gradiant-gray.gif') no-repeat bottom;
	_border:1px solid #fff;
	_border-bottom:1px solid #ccc;
}
div#column2 div.dynamicRegionList ul li a, div#column2 div.dynamicRegionList ul li a, div#column2 div.dynamicRegionList ul li a {
	background:url('/shared/images/backgrounds/arrow-bold.gif') no-repeat left;
	padding:8px 8px 8px 20px;
	display: block;
}
div#column2 div.dynamicRegionHidden, div#column2 div.dynamicRegionShow {
	float:left;
	width:300px;
	border:0 none;
	border-left:1px solid #ccc;
	margin:0 0 0 -1px;
	padding:8px 0px 20px 20px;
	height:175px;
}
div#column2 div.dynamicRegionHidden, div#column2 div.dynamicRegionHidden, div#column2 div.dynamicRegionHidden {
	display:none;
}
div#column2 div#managers div.dynamicRegionList {
	float:left;
	width:250px;
}
div#column2 div#managers div.dynamicRegionHidden, div#column2 div#managers div.dynamicRegionShow {
	float:left;
	width:400px;
	border:0 none;
	border-left:1px dotted #ccc;
	margin:0 0 0 -1px;
	padding:8px 0px 20px 20px;
	height: 300px;
}
div#column2 div.dynamicRegionHidden h4, div#column2 div.dynamicRegionShow h4 {
	font-size:11px;
	padding-bottom:8px;
}
div#column2 div.dynamicRegionHidden ul, div#column2 div.dynamicRegionShow ul {
	padding:0 0 0 0;
}
div#column2 div.dynamicRegionHidden ul li, div#column2 div.dynamicRegionShow ul li {
	font-size:11px;
	padding-bottom:5px;
}
div#column2 #managers {
	border-top:1px solid #ccc;
}

/* Accordion Body---------------------------------------------------------------------------------------------- */
.accordionMain {
	*zoom:1;
}
#header > .accordionMain:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
}
.accordionMain div.header {
	color:#333333;
	cursor:pointer;
	padding:10px 0 10px 0;
	border-top:1px dotted #606060;
	line-height:12px;
	font-size:11px;
	font-weight:700;
} 
/*.accordionMain div.header:hover {
	color:#eeab3a;
	cursor:pointer;
	padding:14px 200px 14px 0;
	border-top:1px dotted #606060;
	font-size:11px;
	font-weight:700;
} */
.accordionMain div.header span.subH {
	color:#606060;
	font-style:italic;
	padding-top:3px;
	display:block;
	font-weight:600;
	line-height:12px;
} 
.accordionMain div.header span.more {
	font-size:11px;
	color:#5090cd;
	vertical-align:baseline;
	font-weight:100;
} 
.accordionMain div.header span.more:hover {
	font-size:11px;
	color:#eeab3a;
	vertical-align:baseline;
	font-weight:100;
} 
#accordion2ColumnMain {
	visibility:hidden;
} 
.accordion2Column {
	width:50%;
	padding:0 35px 0 0;
}
.accordion2Column div.header {
	color:#5090cd;
	cursor:pointer;
	padding:8px 0 8px 0;
	line-height:14px;
	font-size:12px;
	font-weight:700;
} 

/* Too Tip ---------------------------------------------------------------------------------------------- */

.tool-tip {
	color: #fff;	width: 275px;	z-index: 13000;
}
.tool-title {
	font-weight: bold;	font-size: 12px;	margin: 0;	color: #9FD4FF;	padding: 15px 15px 0px;	background: url('/shared/images/backgrounds/bubble.png') top left;
	_background: url('/shared/images/backgrounds/bubble-low.png') top left;
}
.tool-text {
	font-size: 11px;
	line-height:16px;	padding: 0px 15px 15px;	background: url('/shared/images/backgrounds/bubble.png') bottom right;
	_background: url('/shared/images/backgrounds/bubble-low.png') bottom right;
}
.custom-tip {
		color: #000;	width: 130px;	z-index: 13000;
}
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;	color: #3E4F14;	padding: 8px 8px 4px;	background: #C3DF7D;	border-bottom: 1px solid #B5CF74;
}
.custom-text {
	font-size: 11px;	padding: 4px 8px 8px;	background: #CFDFA7;
}
 
 /**/
div.offerTemplate {
	clear:both;
	padding:8px;
	height:400px;
}
div.offerTeaserContainer {
	width:860px;
	float:none;
	margin-bottom:40px;
} 
div.offerTeaser {
	height:315px;
	width:860px;
	overflow:auto;
	border:1px solid #ccc;
	padding:8px 30px 8px 30px;
	*zoom:1;
	float:none;
}
div.offerContent {
	height:307px;
	width:820px;
	float:none;
}
div#bodyContainer > div.offerContent:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	line-height:0;
}
div#bodyRegion div.offerContent H1 {
	color:#e99519;
	font-family:arial, sans-serif;
	font-size:100%;
	font-weight:normal;
	padding-bottom:20px;
	padding-top:20px;
}
div#teaser {
	padding:15px 0px 0px 10px;
	clear:both;
	_padding-top:8px;
	*padding-top:8px;
}
div#teaser div.teaserPane {
	 background:url('/shared/images/backgrounds/teaser-background.jpg') repeat-x;
	clear:both;
	border:1px solid #333;
	padding:14px 10px 10px 146px;
}
div#teaser div.teaserPane {
	*zoom:1;
}
div#teaser > div.teaserPane:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
}
div#teaser div.teaserPane div.documentContainer {
	float:left;
}
div#teaser div.teaserPane div.documentWP {
	background:url('/shared/images/backgrounds/teaser-page.gif') no-repeat;
	width:395px;
	clear:both;
	float:left;
	height:455px;
	color:#000;
	padding:75px 34px 34px 34px;
}
div#teaser div.teaserPane div.documentCS {
	background:url('/shared/images/backgrounds/teaser-pageCS.gif') no-repeat;
	width:395px;
	clear:both;
	float:left;
	height:455px;
	color:#000;
	padding:95px 34px 34px 34px;
}
div#teaser div.teaserPane div.documentIA {
	background:url('/shared/images/backgrounds/teaser-page.gif') no-repeat;
	width:395px;
	clear:both;
	float:left;
	height:455px;
	color:#000;
	padding:75px 34px 34px 34px;
}
div#teaser {
	border:1px solid fff!important;
}
div#teaser div.offerNavigation {
	float:right;
	padding-bottom:5px;
	border:1px solid fff;
	margin:0 0 0 0!important;
} 
div#teaser div.bread {
	border:1px solid #fff!important;
	float:left;
	margin:0 0 0 0!important;
	padding-bottom:0!important}
div#teaser div.calltoaction {
	float:right;
	padding-top:535px;
}
div#teaser div.teaserPane {
	border:1px solid fff!important;
	margin-top:0!important;
}
div#teaser div.teaserPane h1 {
	font-size:14px;
}
div#teaser div.teaserPane h2 {
	font-size:12px;
	background:none;
	padding:0 0 5px 0;
	margin:0 0 0 0;
}
div#teaser div.teaserPane p {
	font-size:11px;
	background:none;
	padding:0 0 15px 0;
	margin:0 0 0 0;
	border:1px solid #fff;
}
div#teaser div.teaserPane div.quote {
	padding:2px 0 5px 0;
	border:1px solid #fff;
	margin-bottom:8px;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}
div#teaser div.teaserPane div.quote p {
	font-size:12px;
	font-weight:600;
	padding:0 0 8px 0;
}
div#teaser div.teaserPane div.quote div.quoter {
	font-style:italic;
	font-size:11px;
	padding:0 0 1px 0;
	font-weight:100;
	text-align:right;
}

/*background:url('/shared/images/backgrounds/divider-dotted.gif') repeat-x bottom;
	border:1px solid red;*/

/* IN ####################################################################################################################################### */
table.dataTable {
	border-collapse:collapse;
	width:100%;
	margin-bottom:10px;
}
table.dataTable caption, table.dataTable tr th {
	vertical-align: middle;
	text-align:left;
	font-weight:600;
	color:#606060;
	background:#d3d3d3 url('/shared/images/backgrounds/th-1.gif') repeat-x;
	border-bottom:1px solid #9e9e9e;
	border-left:1px solid #c9c9c9;
	border-right:1px solid #ccc;
	border-top:1px solid #c9c9c9;
	padding:4px;
	font-size:11px;
} 
table.dataTable tr th.mainheader {
	font-size:12px;
} 
table.dataTable tr.th2 th {
	background:#f0f0f0 url('/shared/images/backgrounds/th-2.gif') repeat-x;
	border:1px solid #cbcbcb;
	padding:4px;
} 
table.dataTable tr.alternate, table.dataTable tr.row0 {
	background-color:#e3edf7;
	border:1px solid #cbcbcb;
	cursor:pointer;
}
table.dataTable tr.primary, table.dataTable tr.row1 {
	background-color:#fff;
	border:1px solid #cbcbcb;
	cursor:pointer;
}
table.dataTable tr td {
	padding:4px 6px 4px 6px;
	border:1px solid #cbcbcb;
	vertical-align:baseline;
	font-size:11px!important;
	line-height:14px;
}
table.dataTable tr td p {
	font-size:12px!important;
}
table.dataTable tr td a {
	 display:inline;
	padding:0 0 0 0;
}
table.dataTable tr td div.pages {
	float:left;
}
table.dataTable tr td div.currentPage {
	float:right;
} 
table.dataTable tr td table tr td {
	border:none;
} 
table.dataTable tr td.dataTableBottom {
	padding: 0 0 0 0;
} 
table.dataTable tr td.dataTableBottom table tr td {
	font-size:10px!important;
}
div.menuselect {
	 padding:0 0 10px 0;
	font-size:75%;
}
div.menuselect label {
	position:relative;
	top:4px;
	margin-right:10px;
	font-weight:600;
}
div.briefcaseLegend {
	text-align:right;
	font-size:75%;
}
table.form label {
	position:relative;
	top:2px;
	margin-right:10px;
}
table.form span.disclaimer {
	font-size:12px;
	width:230px;
	display:block;
}
table.form tr td.submitButton {
	padding:18px 0 0 0;
	text-align:center;
}
div.tcker h4 {
	padding:0 0 5px 0!important;
} 
div.column2B div.tcker {
	background:url('/shared/images/backgrounds/divider-dotted.gif') repeat-x bottom!important;
	margin-left:5px!important;
}
div.column2B div.tcker table {
	width:185px!important;
	border:1px solid #cbcbcb!important;
	margin-bottom:3px!important;
}
div.tcker table tr td {
	font-size:10px!important;
	background:#f1f1f1!important;
	padding:6px!important;
}
div.tcker div.disclaimer {
	font-size:10px!important;
}
div.column2B div#toolbar {
	background:url('/shared/images/backgrounds/divider-dotted.gif') repeat-x bottom!important;
	margin-left:5px!important;
	padding:10px 0 0 0 !important;
}
div.column2B div#toolbar h4 {
	padding:0 0 5px 0!important;
} 
div.column2B div#toolbar ul {
	padding:0 0 8px 0!important;
	margin:0 0 0 0!important;
}
div.column2B div#toolbar ul li {
	padding:0 0 5px 0!important;
	margin:0 0 0 0!important;
}
#chart {
	text-align:center;
}

/* FAQ? */
dl {
	margin: 0px;
	border-top: 1px solid #ccc;
	font-size:85%;
}
dt {
	padding: 3px;
	background-color: #f0f0f0;
	font-size:85%;
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
dt a {
	text-decoration:none;
}
dd {
	margin: 0px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	font-size:85%;
	line-height:140%;
}
div#pressFilter {
	border:1px solid #fff;
	height:21px;
	border-bottom: 1px solid #999e94;
	margin-bottom:10px;
}
div#pressFilter > ul:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
}
div#pressFilter ul {
	margin:0;
	padding:0;
	*zoom:1;
}
div#pressFilter ul li {
	text-align:left;
	padding:3px 12px 3px 11px;
	display:block;
	float:left;
	background:url('/shared/images/backgrounds/press-off.gif') no-repeat;
}
div#pressFilter ul li.pressLiActive {
	text-align:left;
	display:block;
	float:left;
	background:url('/shared/images/backgrounds/press-on.gif') no-repeat;
}
div#pressFilter ul li a {
	float:none;
	padding:0 0 0 0;
	color:#666;
}
div#pressFilter ul li a.pressactive {
	 color:#663300;
}
table#pressGrid {
	 border:1px solid #999e94;
}

/* FOOTER ------------------------------------------------------------------------------------------ */	
div#footer {
	clear:both;
	padding:20px 0 0 0;
} 		
div#footer {
	*zoom:1;
}
div > div#footer ul:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	line-height:0;
}
div#footer ul {
	border-top:1px solid #b0b0b0;
	padding:10px 0 0 0;
}
div#footer ul li a {
	color:#666;
}
div#footer ul li {
	float:left;
	font-size:11px;
	padding:0 10px 0 8px;
	background-image:none;
}

