/* Original CSS */

	.primary {width:100%;}
	.primary li a {color:#605757;cursor:pointer;font-size:11px;font-weight:bold;float:left;line-height:20px;text-decoration:none;text-align:center;white-space:nowrap;}
	.primary li a:hover {text-decoration:none;}
	.primary li a:hover span {color: white;}
	.primary li a span {float:left;margin:0;padding:0 0 0 35px;width:65px;}
	.primary li.first a span {padding:0 0 0 20px;}
	.primary li.last  a span {margin:0 0 0 30px;padding:0 30px 0 10px;}
	.primary li span img {position:relative;top:3px;}
	.primary li a .new,.primary li.first a .new,.primary li.last a .new {margin:0 0 0 -8px;padding:0 27px 0 0;position:relative;top:3px;}

/* November 2009 Look & Feel Update */
		 	
	/* Clearfix */
	.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }
	div.clear { height: 0px; overflow: hidden; clear: both; }

	/*	Frame */
	body { background: #f0f0f0; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; }
	.layout { margin: 0 auto !important; margin-top: 8px !important; } /* adjust body padding */
	.layout-ADBASE { width: 1000px; }
	.layout-ADBASE-narrow { width: 650px; }
	.footer { padding: 9px 20px; margin: 0; }
	.footer * { font-size: 10px; line-height: 10px; }
	.footer p { float: left; color: #888888; }
	.footer ul { float: right; margin: 0; padding: 0; }
	.footer ul li { list-style-type: none; margin: 0 0 0 13px; float: left; }
	.footer ul li a { color: #888888; font-weight: normal; margin: 0; }
	.footer ul li a:hover { text-decoration: none; color: #236B8F; }

	/*	Wrapper */ 
	div.body { border: 1px solid #D6D6D6; border-top: none; background: #fff; clear: both; }
	div.body.noNav { border-top: 1px solid #D6D6D6; }
	div.body > div.t, div.body > div.t div, div.body > div.b, div.body > div.b div, div.body > div.l, div.body > div.l > div.r { background: none !important; } /* Remove Rounded Corners */
	div.body > div.b { display: none; }
	div.body > div.l > div.r { padding: 0; }
	div.body > div.t { font-size: 0px; height: 9px; }
	div.body > div.t div { height: 9px; width: 9px; }

	/* Message Area */
	div#messagearea div.t, div#messagearea div.t div, div#messagearea div.b, div#messagearea div.b div { background-image: none; } /* Remove Rounded Corners */
		
	/* Top Strip */
    #topStrip { margin-bottom: 10px; background: #2c2c2c; border-bottom: 1px solid #3f3f3f; padding: 7px 0 7px 0; }
    #topStrip div { width: 980px; margin: 0 auto; }
    #topStrip ul { margin: 0; padding: 0; }
    #topStrip ul li { list-style-type: none; margin: 0 0 0 7px; padding: 0 0 0 7px; text-shadow: 0 1px 0 #0e0e0e; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; color: #888888; }
    #topStrip ul li.last {  margin-left: 0; padding-left: 0; }
    #topStrip ul li a { color: #acc2c9; text-decoration: none; }
    #topStrip ul li a:hover, #topStrip ul li.current a { color: #fff; }
    #topStrip ul li.divider { background: url(../images/nav/200911/topStripDivider.png) no-repeat 100% 1px; padding-right: 15px; margin-right: 5px; }

    #topStrip ul.appToggle { float: left; }
    #topStrip ul.appToggle li { float: left; padding-left: 0; }
    #topStrip ul.appToggle li.first { margin-left: 0; }
    #topStrip ul.appToggle li a { position: relative; display: block; }
    #topStrip ul.appToggle li a span { display: none; position: absolute; top: 17px; left: 0; width: 12px; height: 8px; background: url(../images/nav/200911/spikeDown.png) no-repeat top left; }
    #topStrip ul.appToggle li.current a span { display: block; }
    #topStrip ul.usefulLinks { float: right; }
    #topStrip ul.usefulLinks li { float: right; }
    #topStrip ul.usefulLinks li.support { margin-left: 2px; }

	/*	Header */
	.headerShim { position: relative; height: 84px; }
	.headerShim ul.primary { position: absolute; bottom: 0; right: 0; }
	h1.logo { margin: 21px 0 8px 6px; background: url(../images/nav/200911/logoGray.gif) no-repeat top left; display:inline; float:left; height:36px; overflow:hidden; text-indent:-5000px; width:132px; }
	.navigation { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
	.navigation li { float: left; }

	/*	Search */
	div.search { }
	div.search form { float: left; }
	div.search form label { float: left; padding-top: 2px; padding-right: 8px; }
	div.search a { float: left; margin-top: 2px; padding-top: 2px; margin-right: 10px; padding-right: 10px; border-right: 1px solid #E4F2F8; font-size: 11px; }
	div.search a:hover { color: #5a5a5a; text-decoration: none; }
	div.search a.selected { font-weight: bold; }
	div.search select, div.search input { float:left; margin:0 0 0 3px; }
	div.search input.button { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; padding: 0 2px 0 2px; }

	/*	Tabs */
	.primary { width: 100%; background: url(../images/nav/200911/primaryNav.gif) repeat-x bottom left; }
	.primary li { position: relative; float: right; }
	.primary li a { border: 1px solid #d9d9d9; }
	.primary li a, .primary li a span { background-image: none !important; }
	.primary li a { background: #f6f6f6; padding: 3px 15px !important; margin-left: 3px !important; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
	.primary li a span { width: auto; padding: 0 !important; margin-left: 0 !important; font-family: Arial, Verdana, Helvetica, sans-serif; }
	.primary li a:hover { background: #fff; }
	.primary li a:hover span { color: #3F8BB7; }

	/*	Current States */
	.primary li.selected a, a#btnPrimaryMenuHome.home, a#btnPrimaryMenuMyAdbase.database, a#btnPrimaryMenuMyContacts.contacts, a#btnPrimaryMenuEmailer.emailer, a#btnPrimaryMenuVideo.video, a#btnPrimaryMenuPortfolio.portfolio, a#btnPrimaryMenuSupport.support  { background: #fff !important; border-bottom: 1px solid #fff !important; color: #3F8BB7 !important; }

	/*	Secondary Nav */
	.header { padding: 0 20px; background: url(../images/nav/200911/header.gif) repeat-x top left; height: 65px; position: relative; }
	.header h1 { color: #666666; font-size: 18px; font-weight: bold; line-height: 35px; height: 44px; margin: 0px; padding: 0px; }
	div.body.noNav .header { height: 38px; }
	div.body.noNav .header h1 { height: auto; }
	.header h1 span { font-family: Verdana, Arial, Helvetica, Sans-Serif; }
	.header div.search { position: absolute; right: 0; top: 6px; margin-right: 14px; }
	.header h1.Database { background: url(../images/myadbase/v4/databaseSmOnBlue.gif) no-repeat 0% 35%; padding-left: 30px; float: left; }
	.header h1.ListCenter { background: url(../images/myadbase/v4/listCenterSmOnBlue.gif) no-repeat 0% 35%; padding-left: 30px; float: left; }
	.header h1.ContactManager { background: url(../images/myadbase/v4/contactManagerSmOnBlue.gif) no-repeat 0% 35%; padding-left: 32px; float: left; }
	.header h1.Emailer { background: url(../images/myadbase/v4/emailerSmOnBlue.gif) no-repeat 0% 35%; padding-left: 32px; float: left; }
	.header h1.Video { background: url(../images/myadbase/v4/videoSmOnBlue.gif) no-repeat 0% 35%; padding-left: 32px; float: left; }
	.header h1.Portfolio { background: url(../images/myadbase/v4/portfolioSmOnBlue.gif) no-repeat 0% 35%; padding-left: 32px; float: left; }
	.header h1.Support { background: url(../images/myadbase/v4/supportSmOnBlue.gif) no-repeat 0% 35%; padding-left: 30px; float: left; }
	div#areaSecondaryMenu { clear: left; }
	div#areaSecondaryMenu ul.secondary li { border-left: 1px solid #bad7e2; margin: 0 10px 0 0; padding: 0 0 0 10px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; }
	div#areaSecondaryMenu ul.secondary li.first { border-left: 0 none; padding: 0; }
	div#areaSecondaryMenu ul.secondary li a { text-decoration: none; color: #3F8BB7; }
	div#areaSecondaryMenu ul.secondary li a:hover { color: #5a5a5a; text-decoration: none; }
	div#areaSecondaryMenu ul.secondary li.selected a { font-weight: bold; color: #5a5a5a; }
	div#areaSecondaryMenu ul.secondary li span.notbold { font-size: 10px; font-weight: normal; }
	div#areaSecondaryMenu ul.secondary li a.createList { background: url(../images/icons/v3/createListOnBlue.gif) no-repeat 0% 40%; padding-left: 20px; padding-top: 1px; padding-bottom: 1px; }
	div#areaSecondaryMenu ul.secondary li a.upgradeSubs { background: url(../images/icons/v3/creditCards.gif) no-repeat 0% 40%; padding-left: 22px; }
	div.updateControls { position: absolute; bottom: 6px; right: 0; width: 300px; padding-right: 20px; }

	/* Content */
	div.content { padding: 20px 20px 12px 20px; position: relative; }
	div.content.noPadding { padding: 0; margin-top: -9px; }
	
	/* Upsell */
	div#upsell { padding: 10px 10px 20px 10px; }
	div#upsell div.leftCol { float: left; width: 450px; }
	div#upsell div.rightCol { float: right; margin-right: -30px; }
	div#upsell h1 { letter-spacing: -1px; color: #5a5a5a; margin-bottom: 10px; font-size: 24px; }
	div#upsell h2 { font-size: 15px; font-weight: normal; color: #C75B14; }
	div#upsell h2.action { padding-bottom: 20px; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; } 
	div#upsell h2 a { background: #5298C1; color: #fff; text-shadow: 0 1px 0 #000; padding: 4px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	div#upsell h3 { font-size: 18px; font-weight: normal; color: #5a5a5a; }
	div#upsell p { margin-bottom: 20px; line-height: 18px; }
	div#upsell ul { padding: 0; margin: 0 0 30px 0; }
	div#upsell ul li { padding: 0; margin-bottom: 8px; list-style-position: inside; }

/* Breadcrumbs */

	#breadcrumb { position: relative; border-bottom: 1px solid #D3E0F1; padding-bottom: 7px; margin-bottom: 20px; }
	#breadcrumb h1 { float: left; margin: -5px 0 0 0; font-size: 18px; letter-spacing: -1px; color: #db3902; }
	#breadcrumb h2 { font-size: 10px; clear: both; padding-top: 3px; margin-bottom: 0; font-weight: normal; }
	#breadcrumb h2 a { color: #236B8F; text-decoration: none; }

	#breadcrumb ul { list-style-type: none; padding: 0; margin: 0;}
	#breadcrumb ul li { float: left; font-size: 12px; color: #5a5a5a; letter-spacing: normal; padding-left: 10px; padding-right: 2px; margin-left: 8px; border-left: 1px solid #efefef; }
	#breadcrumb ul li a { text-decoration: none; color: #236B8F; font-weight: normal; padding-left: 18px; height: 16px; display: block; }
	#breadcrumb ul li a:hover { color: #5a5a5a;}
	#breadcrumb ul li a.back b { font-weight: normal; }
	#breadcrumb ul li a.back:hover b { font-weight: bold; }
	#breadcrumb ul li span { float: left; padding-right: 7px; }

	#breadcrumb ul.titleLinks { float: left; margin-left: 2px; }
	#breadcrumb ul.titleLinks li { }
	#breadcrumb ul.titleLinks li a { float: left; }
	#breadcrumb ul.topLinks { position: absolute; bottom: 4px; right: 0; width: 500px; }
	#breadcrumb ul.topLinks li { float: right; }
	#breadcrumb ul.topLinks li.first { margin-left: 0; padding-left: 0; border-left: 0; }
	#breadcrumb ul.navlinks { position: absolute; bottom: 7px; right: 0; }
	#breadcrumb ul.navlinks li a { padding-left: 0; }

	#breadcrumb a.print { background: url(../images/icons/v3/print.gif) no-repeat 0% 40%; padding-left: 22px; }
	#breadcrumb a.back { background: url(../images/icons/v3/back.gif) no-repeat 0% 40%; padding-left: 18px; }
	#breadcrumb a.criteria { background: url(../images/icons/v3/searchCriteria.gif) no-repeat 0% 40%; padding-left: 20px; }
	#breadcrumb a.unlock { background: url(../images/icons/v3/unlocked.gif) no-repeat 0% 40%; padding-left: 22px; }
	#breadcrumb a.lock { background: url(../images/icons/v3/locked.gif) no-repeat 0% 40%; padding-left: 20px; }
	#breadcrumb a.rename { background: url(../images/icons/v3/rename.gif) no-repeat 0% 40%; padding-left: 22px; }
	#breadcrumb a.delete { background: url(../images/icons/v3/delete.gif) no-repeat 0% 40%; padding-left: 21px;  }
	#breadcrumb a.preview { background: url(../images/icons/v3/preview.gif) no-repeat 0% 40%; padding-left: 21px; }
	#breadcrumb a.output { background: url(../images/icons/v3/print.gif) no-repeat 0% 40%; padding-left: 22px; }
	#breadcrumb a.edit { background: url(../images/icons/v3/edit.gif) no-repeat 0% 40%; padding-left: 21px; }
	#breadcrumb a.refine { background: url(../images/icons/v3/edit.gif) no-repeat 0% 40%; padding-left: 21px; }
	#breadcrumb a.add { background: url(../images/icons/v3/add.gif) no-repeat 0% 40%; padding-left: 21px; }
	#breadcrumb a.addToList { background: url(../images/icons/v3/addToList.gif) no-repeat 0% 40%; padding-left: 21px; }
	#breadcrumb a.save { background: url(../images/icons/v3/save.gif) no-repeat 0% 40%; padding-left: 21px; }
	#breadcrumb a.revert { background: url(../images/icons/v3/revert.gif) no-repeat 0% 40%; padding-left: 21px; }
	#breadcrumb a.create { background: url(../images/icons/v3/save.gif) no-repeat 0% 40%; padding-left: 21px; }
	#breadcrumb a.createGroup { background: url(../images/icons/v3/createGroup.gif) no-repeat 0% 40%; padding-left: 21px; }
	#breadcrumb a.addOptOut { background: url(../images/icons/v3/addOptOut.gif) no-repeat 0% 40%; padding-left: 21px; }
	#breadcrumb a.addArtist { background: url(../images/icons/v3/addArtist.gif) no-repeat 0% 40%; padding-left: 21px; }

/* Insight Feed */

    #appFeed h2 { color: #5a5a5a; font-size: 15px; letter-spacing: -.5px; padding: 0 0 5px 0; margin: 0 0 15px 0; background: url(../images/myadbase/v4/horizontalDivider.gif) repeat-x bottom left; text-shadow: 0 1px 1px #fff; }
    #appFeed h2 a { color: #5a5a5a; }
    #appFeed h2 a:hover { text-decoration: none; }
    #appFeed h2.insight a { display: block; background: url(../images/myadbase/v4/feedGray.gif) no-repeat 100% 50%; }
    #appFeed h2.events a { display: block; background: url(../images/myadbase/v4/calendarGray.gif) no-repeat 100% 50%; }
    #appFeed ul { list-style-type: none; padding: 0; margin-bottom: 20px; }
    #appFeed ul li { text-shadow: 0 1px 1px #fff; padding-bottom: 10px; border-bottom: 1px solid #ebebeb; margin-bottom: 10px; }
    #appFeed ul li.last { padding: 0; margin: 0; border: 0; }
    #appFeed ul li h3 { font-size: 13px; margin: 0 0 2px 0; padding: 0; }
    #appFeed ul li h4 { margin: 0 0 10px 0; padding: 0; color: #5a5a5a; }
    #appFeed ul li p { color: #888; font-size: 12px; margin-bottom: 8px; }
    #appFeed ul li p a.contributer { float: right; display: block; margin-left: 20px; }
    #appFeed ul li p a.contributer img { background: #fff; padding: 3px; border: 1px solid #ebebeb; }
	#appFeed .recentItems { margin-bottom: 20px; }
	#appFeed .recentItems.events { margin-bottom: 0; }
	#appFeed .recentItems li { padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px solid #ebebeb; }
	#appFeed .recentItems li div { float: left; width: 250px; padding-right: 30px;}
	#appFeed .recentItems li div h3 { font-size: 12px; font-weight: normal; margin: 0 0 1px 0; padding: 0; }
	#appFeed .recentItems li div p { margin: 0; padding: 0; }
	#appFeed .recentItems li a.image { display: block; float: left; width: 33px; padding: 2px; background: #fff; border: 1px solid #ebebeb; }
	#appFeed .recentItems li a.image img { display: block; width: 33px; }

/* Tabs */

	/* Clear Klick Tabs */
	div.tabs { margin-left: 15px; }
	div.tabs ul li a, div.tabs ul li span { background: none; }
	div.tabs ul li a { font-weight: normal; }
	div.tabs ul li a { border-bottom: 0; padding-bottom: 5px; height: auto !important; }
	div.tabs ul li a span { height: auto !important; line-height: 14px; margin: 0; padding: 0; }
	div.tabs ul li.selected a { padding-bottom: 4px; }
	
	/* ADBASE Style Tabs */	
	div.ContentTabs { clear: both; }
	div.ContentTabs ul.roundedTabs { padding: 0; margin: 0; list-style-type: none; background: url(../images/tabs/tabNavBg.gif) repeat-x bottom left; display: block; }
	div.ContentTabs ul.roundedTabs li,                    div.tabs ul li         { float: left; margin-right: 3px; }
	div.ContentTabs ul.roundedTabs li a,                  div.tabs ul li a       { display: block; outline: none; padding: 4px 10px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border: 1px solid #D3E0F1; color: #3F8BB7; text-decoration: none; background: url(../images/tabs/tabNav.gif) repeat-x top left; }
	div.ContentTabs ul.roundedTabs li a:hover,            div.tabs ul li a:hover { color: #5a5a5a; text-decoration: none;}
	div.ContentTabs ul.roundedTabs li.ui-tabs-selected a, div.tabs li.selected a, div.ContentTabs ul.roundedTabs li.currentTab a { border-bottom: 1px solid #fff !important;} /* Current Tab */
	div.ContentTabs div.tabPanel { border: 1px solid #D3E0F1; border-top: 0; padding: 15px; margin-bottom: 10px; } /* Content Box */
	div.ContentTabs div.tabPanel.hidden, .ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; height: 1px; overflow: hidden; } /* Required to hide tab contents by default (using left instead of display none because this breaks Google Maps in a hidden tab) */
	
/* Grid */
		
	.x-grid3-hd { text-align: left; font-weight: bold !important; font: inherit !important; font-size: 12px !important; line-height: 14px !important; }
	.x-grid3-hd.sortable:hover span { text-decoration: none !important; }
	.x-grid3-row-alt { background: #f4f4f4; } 
	.x-grid3-row td { font: inherit !important; font-size: 11px !important; line-height: 13px !important; }
	.x-grid3-row td a { text-decoration: none; color: #236B8F; }
	.x-grid3-row td a:hover { color: #5a5a5a; }
