/* ---------------------------------------------------------------
The following CSS helps standardize look acrosse multiple browsers
----------------------------------------------------------------*/

body, h1, h2, h3, h4, h5, h6, p, ul, form, blockquote {
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}

body {
	background: #F5F6F7;
	color: #242424;
	font-size: 14px;
}

h1, h2, h3, h4, h5, h6, pre, code {
	/*font-size: 1em;*/
}

a {
	text-decoration: none;
}

	a img {
		border: none;
	}

*:focus {
	outline: 0;
}

/*------------------------------------------------------
                      Standard Tags                    
-------------------------------------------------------*/

a {
	/*font-weight: bold;*/
	color: #D97A25;
}

	a.blue {
		font-weight: normal;
		color: #0869A0;
	}

	a:hover {
		color: #695D54;
	}

h1 {
	border: solid 1px #c2b6ad;
	overflow: hidden;
	padding: .25em;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: .5em;
	margin-bottom: .5em;
	background-color: #dcd4cd;
}

h2 {
	border: solid 1px #c2b6ad;
	overflow: hidden;
	padding: .25em;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: .5em;
	margin-bottom: .5em;
	background-color: #dcd4cd;
}

p {
	margin-top: .5em;
	margin-bottom: .5em;
}


/*------------------------------------------------------
                    Standard Classes                    
-------------------------------------------------------*/
.pagingLinks {
	margin: .1em;
}

.solidLine {
	border-bottom: solid 1px #999;
	height: 1px;
}

.dashedline {
	background: white url(../graphics/dashedline.jpg) repeat-x;
	height: 1px;
	margin-top: 1em;
	margin-bottom: 1em;
}

.dashedlineSmallMargin {
	background: white url(../graphics/dashedline.jpg) repeat-x;
	height: 1px;
	margin-top: .5em;
	margin-bottom: .5em;
}

.dashedlineTinyMargin {
	background: white url(../graphics/dashedline.jpg) repeat-x;
	height: 1px;
	margin-top: .25em;
	margin-bottom: .25em;
}

.dashedlineNoMargin {
	background: white url(../graphics/dashedline.jpg) repeat-x;
	height: 1px;
}

.instanceTitle {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: .5em;
}

#standardColumn {
	float: left;
	width: 230px;
}

#standardContent {
	margin-left: 245px;
}

.hide {
	height: 0px;
	overflow: hidden;
}

.noscrollbars {
	overflow: hidden;
}

.smallgray {
	font-size: .8em;
	color: Gray;
}

.standardFormTable {
	border-collapse: collapse;
}

	.standardFormTable tr td {
		font-weight: bold;
		text-align: right;
		padding: 5px;
		border: solid 1px #999;
	}

		.standardFormTable tr td + td {
			font-weight: normal;
			text-align: left;
			padding: 10px;
			border: solid 1px #999;
		}

.photoBorder {
	border: solid 1px #999;
}

.photoBorder2px {
	border: solid 1px #999;
	padding: 2px;
}

.photoBorder3px {
	border: solid 1px #999;
	padding: 3px;
}

.photoBorder5px {
	border: solid 1px #999;
	padding: 5px;
}

.spacer {
	height: 1.5em;
}

.thinBorder {
	border: solid 1px #999;
}

.pointer {
	cursor: pointer;
}

.wide {
	width: 100%;
}

.fixed {
	table-layout: fixed;
}

.clear {
	clear: both;
}

.collapse {
	border-collapse: collapse;
}

.widetable {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.centerobject {
	margin-left: auto;
	margin-right: auto;
}

.bold {
	font-weight: bold;
}

.message {
	font-size: 0.9em;
	font-weight: bold;
	color: Red;
}

.watermark {
	color: #999;
}

.boldPlus {
	font-size: 1.2em;
	font-weight: bold;
}

.boldPlusPlus {
	font-size: 1.4em;
	font-weight: bold;
}

.basicBorder {
	border: solid 1px #CCCCCC;
}

.supportBox {
	border: solid 1px #CCC;
	background: #F1F1F1;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

.supportHeader {
	font-size: 18px;
	font-weight: bold;
	color: White;
	background: #5d7b9d;
	padding: 5px;
	border: solid 1px #CCC;
}

.collapsedPanel {
	height: 0px;
	overflow: hidden;
}

.containFloats {
	overflow: auto;
}

.italic {
	font-style: italic;
}

.black {
	color: #000;
}

.charcoal {
	color: #333;
}

.gray {
	color: #666;
}

.orange {
	color: #DD7722;
}

.brightorange {
	color: #FF7700;
}

.small {
	font-size: 12px;
}

.regular {
	font-size: 15px;
}

.large {
	font-size: 16px;
}

.notbold {
	font-weight: normal;
}

.top {
	vertical-align: top;
}

.dividerDotted {
	background: white url(../graphics/3.0/divider_dotted.png) repeat-x;
	height: 1px;
}

.dividerDotted5px {
	background: white url(../graphics/3.0/divider_dotted.png) repeat-x;
	height: 1px;
	margin: 5px 0px 5px 0px;
}

.dividerDotted10px {
	background: white url(../graphics/3.0/divider_dotted.png) repeat-x;
	height: 1px;
	margin: 10px 0px 10px 0px;
}

.left {
	text-align: left;
}

.leftobject {
	margin-left: 0px;
	margin-right: auto;
}

.right {
	text-align: right;
}

.rightobject {
	margin-right: 0px;
	margin-left: auto;
}

.warnBox2 {
	margin: 10px 0px 10px 0px;
	padding: 2px 5px 2px 5px;
	border: solid 3px #F00;
	background: #F66;
	color: #FFF;
}

.warnBox3 {
	background: #dd4b39;
	color: #FFF;
	margin-bottom: 10px;
	padding: 10px;
	display: block;
}

	.warnBox3 a {
		color: #FFF;
	}

		.warnBox3 a:hover {
			color: #EEE;
		}

.okBox {
	margin: 10px 0px 10px 0px;
	padding: 2px 5px 2px 5px;
	border: solid 3px #00AA00;
	background: #00CC00;
	color: #FFF;
}

	.okBox a {
		color: White;
	}

.warnValidator {
	margin: 10px 0px 10px 0px;
	padding: 2px 5px 2px 5px;
	border: solid 3px #F00;
	background: #F66;
	color: #FFF;
	font-weight: bold;
	display: block;
}

.messageBox {
	margin: 10px 0px 10px 0px;
	padding: 2px 5px 2px 5px;
	border: solid 3px #DDEE00;
	background-color: Yellow;
	color: #000;
}

.messageBoxGray {
	margin: 10px 0px 10px 0px;
	padding: 2px 5px 2px 5px;
	border: solid 3px #CCCCCC;
	background-color: #EEEEEE;
	color: #000;
}

.ptitletop {
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #000;
	font-size: 18px;
}

.ptitle {
	margin: 25px 0px 0px 0px;
	font-weight: bold;
	color: #000;
	font-size: 18px;
}

.valSummaryHideList ul {
	display: none;
	visibility: hidden;
}

.inline {
	display: inline;
}


.propTable {
	border-collapse: collapse;
}

	.propTable td {
		padding: 0px 10px 15px 0px;
		vertical-align: top;
	}

	.propTable tr td:nth-child(1) {
		font-weight: bold;
		padding-right: 15px;
	}

.propTable, .ajax__calendar_container table tr td {
	padding-bottom: 2px;
}

.ulBetter {
	margin-top: 5px;
	margin-left: 20px;
}

	.ulBetter li {
		margin-bottom: 5px;
	}

.nowrap {
	white-space: nowrap;
}

#wait-image {
	position: fixed;
	top: 300px;
	z-index: 9999;
	text-align: center;
	margin-left: 40%;
	margin-right: 40%;
	width: 20%;
}

	#wait-image img {
		vertical-align: middle;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	}

#wait-bg {
	width: 100%;
	height: 1000%;
	text-align: center;
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	z-index: 99;
}

/*------------------------------------------------------
                      Master Page
------------------------------------------------------*/


#page {
}

#header {
	min-width: 980px;
	background: rgb(36,36,36);
	background: -moz-linear-gradient(top, rgba(36,36,36,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,36,36,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(36,36,36,1) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(36,36,36,1) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(36,36,36,1) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(top, rgba(36,36,36,1) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#000000',GradientType=0 );
	border-bottom: solid 1px #666;
}

	#header .new-header {
		width: 980px;
		margin: auto;
		list-style-type: none;
		overflow: auto;
		color: #FFF;
	}

	#header ul ul {
		list-style-type: none;
	}

	#header .new-header a {
		color: #ccc;
		display: block;
		padding: 3px 20px;
	}

		#header .new-header a:hover {
			color: #fff;
			background: #494949;
		}

	#header .new-header > li {
		float: left;
		line-height: 40px;
		border-left: solid 1px #333;
	}


		/* 
	This is for IE & FF to format the actual search box. According to the 
	Ajax control toolkit you should be able to apply a css class to the 
	auto complete list and list items, but I couldn't get that to work.
*/
		#header .new-header > li.search li {
			line-height: 20px;
			margin: 0;
			border: 0;
		}



		#header .new-header > li img {
			vertical-align: middle;
		}

		#header .new-header > li.right {
			float: right;
			text-align: left;
		}

		#header .new-header > li ul {
			display: none;
			position: absolute;
			background: #000;
		}

		#header .new-header > li:hover ul {
			display: block;
			z-index: 9999;
		}

.searchbox {
	border: 0;
	padding: 2px 3px;
	margin: 10px 0;
}

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	padding: 10px;
	border-left: solid 1px #D9D9D9;
	border-right: solid 1px #D9D9D9;
}

.container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	padding: 10px;
	border-left: solid 1px #D9D9D9;
	border-right: solid 1px #D9D9D9;
}

#content {
	min-height: 500px;
}

#footer {
	min-width: 980px;
	clear: both;
	background: rgb(36,36,36);
	background: -moz-linear-gradient(top, rgba(36,36,36,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,36,36,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(36,36,36,1) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(36,36,36,1) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(36,36,36,1) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(top, rgba(36,36,36,1) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#000000',GradientType=0 );
	border-top: solid 1px #666;
	padding: 20px 0;
	color: #FFF;
}

	#footer .footer-contain {
		width: 980px;
		margin: auto;
		overflow: auto;
	}

	#footer .left-column {
		width: 680px;
		float: left;
	}

	#footer .right-column {
		float: right;
		width: 280px;
	}

	#footer a {
		color: #FFF;
		display: block;
	}

		#footer a:hover {
			background: #333;
			background: rgba(255,255,255,0.1);
		}

	#footer ul {
		list-style-type: none;
	}

	#footer .header {
		background: #333;
		background: rgba(255,255,255,0.1);
		padding: 5px 10px;
		font-size: 16px;
	}

	#footer blockquote {
		position: relative;
		font-style: italic;
		font-size: 20px;
		padding: 25px 35px;
		margin: 0 0 20px 0;
		background: #333;
		background: rgba(255,255,255,0.1);
		color: #FFF;
		line-height: 1.75em;
	}

		#footer blockquote:after {
			content: "";
			display: block; /* reduce the damage in FF3.0 */
			position: absolute;
			bottom: -15px;
			left: 50px;
			width: 0;
			border-width: 15px 15px 0;
			border-style: solid;
			border-color: rgba(255,255,255,0.1) transparent;
		}

	#footer .author {
		font-style: italic;
		padding-left: 25px;
	}

	#footer .social-links {
		overflow: auto;
	}

		#footer .social-links li {
			width: 25%;
			float: left;
			text-align: center;
		}

			#footer .social-links li a {
				border-radius: 10px;
				padding: 5px;
			}

	#footer .more li a {
		padding: 3px 10px;
		font-weight: normal;
	}

	#footer .legal {
		line-height: 50px;
		clear: both;
	}

		#footer .legal a:hover {
			background: transparent;
			text-decoration: underline;
		}

.searchtextbox {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

.watermarksearch {
	color: #bbb;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

.watermarkredeem {
	color: #999;
	text-align: center;
	font-size: 12px;
}


/* ---------------------------------------------------------------
                           Home Page
----------------------------------------------------------------*/
#homeMainColumn {
	width: 650px;
	padding: 10px;
	vertical-align: top;
}

#homeSecondaryColumn {
	padding: 10px;
	vertical-align: top;
	border-left: solid 1px #D9D9D9;
	background: #F9F9F9 url(../graphics/3.0/stdSecondaryColumn_bg_grad.png) repeat-x;
}

.userCTASearchText {
	color: #666666;
}

.fanFeedZero img:hover {
	background: #EEE;
}

/* ---------------------------------------------------------------
                           General Search Page
----------------------------------------------------------------*/

#searchResultsLeftColumn {
	width: 190px;
	float: left;
	padding-right: 10px;
}

#searchResultsCenter {
	width: 540px;
	padding: 0px 10px 0px 10px;
	float: left;
}

#searchResultsRightColumn {
	width: 190px;
	float: left;
	padding-left: 10px;
}


/* ---------------------------------------------------------------
                      What is InstantEncore?
----------------------------------------------------------------*/

.userTypeLink {
	font-weight: bold;
	color: #333;
	white-space: nowrap;
	display: block;
	text-align: center;
	padding: 5px;
}

.userTypePanel {
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	background: #CCC url(/graphics/radio/Fade_to_White_B2T_50.png);
}

.userTypePanelSelected {
	width: 69px;
	border-right: solid 1px #FFF;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
}


/* ---------------------------------------------------------------
                          Search Pages
----------------------------------------------------------------*/
#searchLeftColumn {
	width: 190px;
	float: left;
}

#searchMain {
	margin-left: 210px;
}

.searchResultsTableRightColumn {
	width: 190px;
	padding-left: 20px;
}

#searchColumn {
	float: left;
	width: 180px;
}

#searchResults {
	margin-left: 205px;
}

.searchBox {
	border: solid 1px #D97A25;
}

.searchTitleBar {
	background-color: #D97A25;
	background-image: url(../graphics/radio/Fade_to_White_B2T_100.png);
	background-position: bottom;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px;
	padding-left: 5px;
}


/* ---------------------------------------------------------------
                          Details Pages
----------------------------------------------------------------*/
#detailsMenu {
	width: 125px;
	padding: 10px;
	vertical-align: top;
}

#detailsContent {
}

.detailsMainColumn {
	width: 525px;
	padding: 10px;
	vertical-align: top;
}

.detailsMainSecondaryColumn {
	padding: 10px;
	vertical-align: top;
	border-left: solid 1px #D9D9D9;
	background: #F9F9F9 url(../graphics/3.0/stdSecondaryColumn_bg_grad.png) repeat-x;
}

.detailsSubColumn {
	width: 615px;
	padding: 10px;
	vertical-align: top;
}

.detailsSubSecondaryColumn {
	padding: 10px;
	vertical-align: top;
	border-left: solid 1px #D9D9D9;
	background: #F9F9F9 url(../graphics/3.0/stdSecondaryColumn_bg_grad.png) repeat-x;
}

.detailsSubNoColumn {
	padding: 10px;
	vertical-align: top;
}

.detailsSubSecondaryNoColumn {
	display: none;
}


/* ---------------------------------------------------------------
                            User Pages
----------------------------------------------------------------*/

#userMainColumn {
	float: left;
	width: 280px;
}

#userMainContent {
	margin-left: 305px;
}

#userColumn {
	float: left;
	width: 180px;
}

#userContent {
	margin-left: 205px;
}

.userObjectSublink {
	font-weight: normal;
	color: #333;
	white-space: nowrap;
	display: block;
	padding: 7px;
	padding-left: 10px;
}

.userObjectSublinkPanel {
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	background: #CCC url(/graphics/radio/Fade_to_White_B2T_50.png);
}

.userObjectSublinkPanelSelected {
	width: 149px;
	border-right: solid 1px #FFF;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
}

.invertedHeader {
	padding-left: 5px;
	padding-right: 5px;
	background: #333;
	color: #fff;
}

.userNavigationLink {
	display: block;
	border: solid 1px #999;
	border-top: none;
	background: #DDD url(/graphics/radio/Fade_to_White_B2T_50.png);
	padding: 3px;
	padding-left: 7px;
}

.unreadMessage {
	color: #333;
}

.readMessage {
	color: #333;
	font-weight: normal;
}

.userCalendarDay {
}

	.userCalendarDay .dayHeader a {
		color: #666;
	}

.userCalendarDayOtherMonth {
}

	.userCalendarDayOtherMonth .dayHeader a {
		color: #BBB;
	}

.attendanceMenu a {
	display: block;
	padding: 2px 5px 2px 5px;
}

	.attendanceMenu a:hover {
		background: #FF7800;
		color: #FFF;
	}

/* ---------------------------------------------------------------
                User Concert Calendar Item Control
----------------------------------------------------------------*/
.calendaroverlaycolorsfriendsfanofs {
	max-height: 125px;
	overflow: auto;
	overflow-x: hidden;
}

.ie .calendaroverlaycolorsfriendsfanofs {
	padding-right: 15px;
}


/* ---------------------------------------------------------------
                            Feed Pages
----------------------------------------------------------------*/
#feedLeftColumn {
	width: 190px;
	float: left;
	padding-right: 10px;
}

#feedCenter {
	width: 540px;
	padding: 0px 10px 0px 10px;
	float: left;
}

#feedRightColumn {
	width: 190px;
	float: left;
	padding-left: 10px;
}

#feedMain {
	margin-left: 210px;
}

#feedDetailsMain {
	width: 660px;
	float: left;
}

#feedDetailsRightColumn {
	width: 280px;
	margin-left: 680px;
}

#feedTaggerMain {
	width: 730px;
	float: left;
}

#feedTaggerRightColumn {
	margin-left: 750px;
}

.feedBreadCrumbs {
	padding-bottom: 10px;
}

.pipedMenuSelected {
	font-weight: bold;
	font-size: 18px;
}

.pipedMenuNotSelected {
	font-weight: normal;
}


/* ---------------------------------------------------------------
                            Core Pages
----------------------------------------------------------------*/

#coreColumn {
	float: left;
	width: 275px;
}

#coreContent {
	margin-left: 300px;
}


/* ---------------------------------------------------------------
                           Photos Pages
----------------------------------------------------------------*/

#photoColumn {
	width: 230px;
	float: left;
}

#photoContent {
	margin-left: 245px;
}

.photoTaggerSmall {
	max-height: 300px;
	max-width: 300px;
}

.photoTaggerLarge {
	max-height: 650px;
	max-width: 650px;
}

.photoNextLink table {
	margin-left: auto;
	margin-right: 0px;
}


/*------------------------------------------------------
                Concerts & Concert Year
------------------------------------------------------*/

.calendarYearMonths {
	font-size: 1.2em;
}

.calYearViewMonth {
	text-align: center;
	font-size: .75em;
	padding-left: .5em;
}

.centerCalenderColumn {
	padding: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
}


/* ---------------------------------------------------------------
                      Music Details Page
----------------------------------------------------------------*/

.musicPlayQueue {
	width: 90px;
	color: #999999;
	text-align: right;
	font-weight: bold;
}

.musicMP3 {
	width: 90px;
	color: #999999;
	text-align: center;
	font-weight: bold;
	padding-left: 15px;
}


/* ---------------------------------------------------------------
                    About Us & Meet Our Partners
----------------------------------------------------------------*/

.aboutUs .boldPlus {
	margin-top: 1.5em;
}

.aboutUs ol li {
	margin-top: .5em;
	font-weight: bold;
}

.aboutUsNormal {
	font-weight: normal;
}

.aboutUsNewPerson {
	font-weight: bold;
	margin-top: 1em;
}

.aboutUsMenu {
	text-align: center;
}

	.aboutUsMenu a {
		float: left;
		width: 150px;
		background-color: #D97A25;
		border-left: solid 1px #FFFFFF;
		border-bottom: solid 1px #FFFFFF;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		padding: 0.5em;
	}

		.aboutUsMenu a:hover {
			color: #FFF;
			background-color: #695D54;
		}

	.aboutUsMenu .activeNavState {
		background-color: #695D54;
	}

	.aboutUsMenu #partnerInstrumentsMenu a {
		float: left;
		width: 150px;
		background-color: #e69d5b;
		border-left: solid 1px #FFFFFF;
		border-bottom: solid 1px #FFFFFF;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		padding: 0.25em;
		padding-left: 0em;
		padding-right: 0em;
		margin-left: 1em;
	}

		.aboutUsMenu #partnerInstrumentsMenu a:hover {
			color: #FFF;
			background-color: #948579;
		}


/*------------------------------------------------------
                Obout Text Editor Classes
------------------------------------------------------*/

/* Big & Bold */
.bigandbold {
	color: #333;
	font-size: 1.4em;
	font-weight: bold;
}

/* InstantEncore Orange */
.ieorange {
	color: #D97A25;
	font-weight: bold;
}

/* Hot */
.hot {
	color: Red;
	font-weight: bold;
}

/* Cool */
.cool {
	color: Blue;
	font-weight: bold;
}

/* Dark */
.dark {
	color: Black;
	font-weight: bold;
}


/* ---------------------------------------------------------------
                      file upload progress bar
----------------------------------------------------------------*/

.FileUploadProgress_MainDiv {
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	background-color: #F0F0F0;
	padding: 3px;
	padding-top: 5px;
	width: 500px;
}

.FileUploadProgress_Primary {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	margin: 2px;
}

.FileUploadProgress_Secondary {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	margin: 2px;
}

.FileUploadProgress_Status {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	margin: 2px;
}

.FileUploadProgress_Current {
	font-family: verdana;
	font-size: 12px;
	color: #0000ff;
	margin: 2px;
}

.FileUploadProgress_Bar {
	width: 100%;
	background-image: url(../graphics/remainder.gif);
	margin: 0px;
	margin-left: 2px;
	margin-right: 2px;
	background-color: #F0F0F0;
	background-repeat: repeat-x;
}

.FileUploadProgress_ProgressBar {
	background-image: url(../graphics/progress.gif);
	height: 21px;
	background-repeat: repeat-x;
}

.FileUploadProgress_UploadedListFileName {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #009999;
}

.FileUploadProgress_UploadedListFileText {
	font-family: verdana;
	font-size: 12px;
	color: #FF0000;
}

.FileUploadProgress_UploadedListTable {
	margin: 2px;
}

.FileUploadProgress_UploadedListRow {
}


/*------------------------------------------------------
						Modal Popup                    
-------------------------------------------------------*/
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup {
	background-color: #ffffdd;
	border-width: 1px;
	border-style: solid;
	border-color: #333;
	overflow: auto;
}

.modalTitleBar {
	border-bottom: solid 1px #333;
	padding: .25em;
	padding-top: .15em;
	padding-bottom: .15em;
	background: url(../graphics/modal_popup_bar_background.jpg);
}

.modalBackground2 {
	background-color: Black;
	filter: alpha(opacity=70);
	opacity: 0.5;
}

.modalPopup2 {
	background-color: #fff;
	border: solid 5px #CCC;
	overflow: auto;
}


/*------------------------------------------------------
						RatingControl                    
-------------------------------------------------------*/

.ratingStar {
	font-size: 0pt;
	width: 19px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}

.filledRatingStar {
	background-image: url(../graphics/rating/filled_star.png);
}

.emptyRatingStar {
	background-image: url(../graphics/rating/empty_star.png);
}

.savedRatingStar {
	background-image: url(../graphics/rating/filled_star.png);
}

.ratingStarReadOnly {
	font-size: 0pt;
	width: 19px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	cursor: default;
	display: block;
	background-repeat: no-repeat;
}


/*------------------------------------------------------
						Evan                    
-------------------------------------------------------*/

.alternatingrow, .odd {
	background-color: #F6F6F6;
	background-color: rgba(0,0,0,0.035);
}

.nonalternatingrow, .even {
	background-color: #F2F2F2;
	background-color: rgba(0,0,0,0.05);
}

.headerRowBackground {
	background-color: #EBEBEB;
	background-color: rgba(0, 0, 0, 0.075);
}

.subheader {
	font-size: 1.3em;
	font-weight: bold; /*text-decoration: underline;*/
}

.eh2 {
	/*border: solid 1px #c2b6ad; /*overflow: hidden;*/
	padding-left: 5px;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #dcd4cd;
}

.tcDescription {
	font-weight: bold;
	padding-right: 10px;
	vertical-align: top;
}

#outlinedTable td {
	border: solid 1px black;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
}

#emenu {
	background: #000 url(../graphics/grad_nav_bar.jpg) repeat-x; /*padding: 0.25em 1.0em 0.25em 1.0em;*/
	padding: 1px 5px 1px 5px;
	margin-bottom: 2px;
}

	#emenu a {
		color: #fff;
		text-decoration: none;
	}

		#emenu a:hover {
			color: #695D54;
		}

	#emenu .activeNavState {
		color: #333;
	}

.menupipe {
	color: White;
	font-weight: bold;
}

#progressBackgroundFilter {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: #AAAAAA; /*#000; */
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 1000;
}

#processMessage {
	position: fixed;
	top: 30%;
	left: 43%;
	padding: 10px;
	width: 14%;
	z-index: 1001;
	background-color: #fff;
	border: solid 1px #000;
}

.disabledHyperLinkMenuItem {
	color: #333;
}

.liEvan {
	margin: .2em;
}

.marginChildLI li {
	margin: .2em 0em .2em 20px;
}

.hint {
	font-size: 0.85em;
	color: #888888;
}

.hintDark {
	font-size: 12px;
	color: #666;
}

.hintSize {
	font-size: 0.85em;
}

.warnBox {
	border: solid 1px #CCCCCC;
	background: #FFFFCC;
}

.subtext {
	font-size: 0.85em;
}


/*---------------------------------------------------------------
                           Features Pages
----------------------------------------------------------------*/

.ribbon {
	background: url(/graphics/bg_ribbon.png);
	border: solid 1px #D9D9D9;
	display: block;
	height: 80px;
	width: 1002px;
	position: absolute;
	top: 15px;
	left: -12px;
}

.ribbon-left {
	border-color: transparent #999 transparent transparent;
	border-style: solid;
	border-width: 0px 10px 15px 0px;
	width: 0px;
	height: 0px;
	display: block;
	position: absolute;
	top: 81px;
	left: 0px;
}

.ribbon-right {
	border-color: transparent transparent transparent #999;
	border-style: solid;
	border-width: 0px 10px 15px 10px;
	width: 0px;
	height: 0px;
	display: block;
	position: absolute;
	top: 81px;
	right: -10px;
}

.ribbon-title {
	font-size: 32px;
	color: #242424;
	font-weight: bold;
	line-height: 80px;
	margin-left: 40px;
}

.ribbon a {
	display: block;
	position: absolute;
	top: 10px;
	border-radius: 30px;
	padding: 12px 40px;
	text-align: center;
}

	.ribbon a span {
		display: block;
	}

	.ribbon a:hover {
		background: rgba(255, 255, 255, 0.4);
	}

	.ribbon a.selected {
		background: rgba(0, 0, 0, 0.1);
	}

.ie .ribbon a.selected {
	background: #d7d7d7;
}

.ie .ribbon a:hover {
	background: #FAFAFA;
}

.menu5 {
	list-style-type: none;
	line-height: 40px;
	margin: -1px -1px 300px -1px;
}

	.menu5 ul {
		list-style-type: none;
	}

	.menu5 li ul li {
		height: 40px;
	}

	.menu5 img {
		vertical-align: middle;
		margin: 0 5px 0 10px;
	}

	.menu5 a {
		color: #242424;
		font-size: 13px;
		font-weight: normal;
		display: block;
	}

		.menu5 a:hover {
			background: url(/graphics/menu5_hover.png) no-repeat right center;
		}

	.menu5 h2 {
		background: url(/graphics/bg_ribbon.png);
		border: 0;
		padding: 0 10px;
		color: #242424;
		font-size: 18px;
		margin: 0;
	}

	.menu5 a.selected {
		position: absolute;
		width: 176px;
		border-width: 0 18px 0 1px;
		border-image: url(/graphics/menu5_selected.png) 0 18 0 1 repeat;
		-moz-border-image: url(/graphics/menu5_selected.png) 0 18 0 1 repeat;
		-webkit-border-image: url(/graphics/menu5_selected.png) 0 18 0 1 repeat;
		color: #FFF;
		font-weight: bold;
		font-size: 14px;
	}

.ie .menu5 a.selected {
	background: url(/graphics/menu5_hover.png) no-repeat right center;
	color: #242424;
	font-weight: normal;
}

.menu6 {
	border-top: solid 1px #D9D9D9;
	border-bottom: solid 1px #D9D9D9;
	width: 100%;
	overflow: auto;
	list-style-type: none;
	line-height: 32px;
	padding: 12px 0;
	margin: 40px 0;
}

	.menu6 a {
		display: block;
		float: left;
		color: #0869a0;
		font-weight: normal;
		font-size: 16px;
		border-radius: 15px;
		padding: 0 15px;
		margin: 0 10px 0 0;
	}

		.menu6 a:hover, .menu6 .selected {
			background-color: #f5f5f5;
			background-color: rgba(0, 0, 0, 0.05);
		}

	.menu6 .buy a {
		line-height: 25px;
		color: #FFF;
		border: 1px solid #F70;
		background-color: #F70;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#FFB276), to(#F70));
		background-image: -moz-linear-gradient(top, #FFB276, #F70);
		position: relative;
		top: 4px;
		left: 10px;
	}

		.menu6 .buy a:hover {
			background-color: #FFB276;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#F70), to(#FFB276));
			background-image: -moz-linear-gradient(top, #F70, #FFB276);
		}

.menu7 {
	list-style-type: none;
	width: 100%;
	overflow: auto;
	margin: 20px 0;
}

	.menu7 li {
		width: 20%;
		float: left;
	}

	.menu7 a {
		display: block;
		padding: 10px;
		border-radius: 20px;
		text-align: center;
		color: #0869a0;
		font-size: 18px;
		font-weight: normal;
	}

	.menu7 img {
		display: block;
		max-width: 75px;
		margin: 10px auto;
	}

	.menu7 a:hover {
		background-color: #F5F5F5;
		background-color: rgba(0, 0, 0, 0.05);
	}

.menu8 {
	list-style-type: none;
	line-height: 35px;
	width: 145px;
	float: left;
	overflow: visible;
}

	.menu8 li {
		height: 35px;
		overflow: visible;
		margin-bottom: 5px;
	}

	.menu8 img {
		vertical-align: middle;
		opacity: 0.5;
		margin: 0 5px;
	}

	.menu8 a {
		display: block;
		font-weight: normal;
		color: #242424;
	}

		.menu8 a:hover img, .menu8 a.selected img {
			opacity: 1;
		}

		.menu8 a.selected, .menu8 a:hover {
			color: #242424;
			background: #FCFCFC;
		}

.menu9 {
	float: left;
	width: 100%;
	background: #fff;
	overflow: hidden;
	position: relative;
	margin: 40px 0;
	border-top: solid 1px #D9D9D9;
	border-bottom: solid 1px #D9D9D9;
	padding: 12px 0;
}

	.menu9 ul {
		clear: left;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		left: 50%;
		text-align: center;
	}

		.menu9 ul li {
			display: block;
			float: left;
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
			right: 50%;
		}

			.menu9 ul li a {
				cursor: pointer;
				display: block;
				color: #0869a0;
				font-weight: normal;
				font-size: 20px;
				border-radius: 2px;
				padding: 0 15px;
				line-height: 30px;
				margin: 0 10px 0 0;
			}

				.menu9 ul li a.selected, .menu9 ul li a:hover {
					background-color: #f5f5f5;
					background-color: rgba(0, 0, 0, 0.05);
				}

	.menu9 .buy a {
		line-height: 25px;
		color: #FFF;
		border: 1px solid #F70;
		background-color: #F70;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#FFB276), to(#F70));
		background-image: -moz-linear-gradient(top, #FFB276, #F70);
		position: relative;
		top: 1px;
		left: 10px;
	}

		.menu9 .buy a:hover {
			background-color: #FFB276;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#F70), to(#FFB276));
			background-image: -moz-linear-gradient(top, #F70, #FFB276);
		}

.tour-content {
	min-height: 1000px;
	margin-left: 150px;
	padding: 20px;
	background-color: #FFF;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #FCFCFC), to(#FFF));
	background-image: -moz-linear-gradient(top, #FCFCFC 50%, #FFF);
}

	.tour-content h3 {
		font-size: 28px;
	}

	.tour-content h4 {
		font-size: 22px;
		font-weight: normal;
		color: #666;
	}

	.tour-content h5 {
		font-size: 22px;
		line-height: 30px;
	}

	.tour-content ul {
		list-style-type: none;
		overflow: auto;
	}

	.tour-content li {
		overflow: auto;
		margin: 50px 0;
	}

	.tour-content p {
		line-height: 26px;
		font-size: 18px;
		color: #242424;
	}

		.tour-content p img {
			float: left;
			margin-right: 10px;
			position: relative;
			top: 5px;
		}

	.tour-content .right p, .tour-content .right h5 {
		text-align: left;
	}

	.tour-content .right > img {
		float: right;
		margin-left: 20px;
	}

	.tour-content .left > img {
		float: left;
		margin-right: 20px;
	}

	.tour-content .center p {
		text-align: left;
	}

	.tour-content .center h5 {
		text-align: left;
	}

.feature-compare {
	width: 100%;
	border-collapse: collapse;
	font-size: 18px;
}

	.feature-compare tr:nth-child(even) {
		background: #f6f6f6;
		background: rgba(0,0,0,0.035);
	}

	.feature-compare tr:nth-child(odd) {
		background: #f2f2f2;
		background: rgba(0,0,0,0.05);
	}

	.feature-compare td {
		width: 33%;
		padding: 10px;
	}

	.feature-compare .true {
		background-image: url(/graphics/3.0/true.png);
		background-position: center center;
		background-repeat: no-repeat;
	}

	.feature-compare .false {
		background-image: url(/graphics/3.0/false.png);
		background-position: center center;
		background-repeat: no-repeat;
	}

	.feature-compare td:first-child, .feature-compare td:last-child {
		color: #333;
		padding-left: 20px;
	}

	.feature-compare .section {
		font-weight: bold;
		font-size: 22px;
		border: none;
	}

		.feature-compare .section td:first-child {
			color: #000;
		}

		.feature-compare .section td {
			background-color: #ebebeb;
			background-color: rgba(0,0,0,0.075);
		}

.examples {
	margin: 20px 0;
	list-style-type: none;
}

	.examples li {
		margin: 40px 0;
		overflow: auto;
	}

	.examples img {
		float: left;
		margin: 0 40px;
	}

	.examples h3 {
		font-size: 28px;
		line-height: 40px;
		margin: 0 40px 0 280px;
	}

	.examples h4 {
		font-size: 18px;
		line-height: 24px;
		color: #555;
		font-weight: normal;
		margin: 0 40px 0 280px;
	}

	.examples a {
		display: block;
		font-size: 18px;
		line-height: 24px;
		color: #0869a0;
		font-weight: normal;
		margin: 10px 40px 0 280px;
	}

	.examples .mobile-platforms li {
		display: inline;
	}

		.examples .mobile-platforms li img {
			margin: 5px 15px 0 0;
			padding: 0;
		}

.price {
	list-style-type: none;
	overflow: auto;
}

	.price ul {
		list-style-type: none;
	}

	.price .header {
		overflow: auto;
		padding: 0px 20px;
	}

		.price .header h5, .price .header h6 {
			font-weight: bold;
		}

	.price > li + li {
		margin-top: 10px;
		padding: 10px;
		border-radius: 15px;
		background-image: url(/graphics/bg_ribbon.png);
		overflow: auto;
	}

	.price > li > h4 {
		margin: 0 0 10px 5px;
	}

	.price li ul {
		background-color: #FFF;
		background-color: rgba(255,255,255, 0.9);
		overflow: auto;
		border-radius: 10px;
		padding: 6px 10px;
	}

		.price li ul li {
			overflow: auto;
			line-height: 22px;
		}

	.price ul li h4 {
		float: left;
		font-weight: normal;
	}

	.price h5, .price h6 {
		float: right;
		width: 125px;
		text-align: center;
		font-weight: normal;
	}

	.price .standard {
		color: #666;
		margin: 5px 0;
	}

	.price .save {
		color: #006401;
		background-color: #e8efe8;
		background-color: rgba(0, 100, 1, 0.075);
		border-radius: 5px;
		margin: 0 -5px -1px -5px;
	}

	.price .premium {
		color: #414;
		background-color: #e8efe8;
		background-color: rgba(68, 17, 68, 0.1);
		border-radius: 5px;
		margin: 0 -5px -1px -5px;
	}

		.price .save h4, .price .premium h4 {
			margin-left: 5px;
		}

		.price .save h6, .price .premium h6 {
			margin-right: 5px;
		}

.featureLayoutTable {
	border-collapse: collapse;
	width: 980px;
	margin: 87px -10px -10px -10px;
}

.featureMenuColumn {
	width: 175px;
	vertical-align: top;
}

.featureContentColumn {
	vertical-align: top;
	padding: 30px 40px;
	border-left: solid 1px #D9D9D9;
}

	.featureContentColumn h1 {
		font-size: 36px;
		font-weight: bold;
		color: #242424;
		margin: 0px;
		padding: 0px;
		background: none;
		border: none;
	}

	.featureContentColumn h2 {
		font-size: 22px;
		font-weight: normal;
		color: #666;
		margin: 0px 0px 30px 0px;
		padding: 0px;
		background: none;
		border: none;
	}

	.featureContentColumn h3 {
		font-size: 24px;
	}

	.featureContentColumn p {
		font-size: 18px;
		color: #666;
		line-height: 26px;
		margin-bottom: 30px;
	}

	.featureContentColumn .list5 {
		margin: 15px 40px;
		font-size: 18px;
		color: #666;
		line-height: 26px;
	}

	.featureContentColumn .signupButton {
		margin: 40px;
		text-align: center;
	}

	.featureContentColumn ol li {
		color: #666;
		font-style: italic;
		margin: 5px 0px 5px -10px;
	}

.marketing_action_button {
	padding: 20px 0px 40px 0px;
	text-align: center;
	clear: both;
}

.hook {
	margin: 40px 0;
	text-align: center;
}

	.hook .hook-text {
		font-size: 18px;
		line-height: 24px;
		color: #666;
		font-weight: normal;
		text-align: left;
	}

.selling-points {
	border-top: solid 1px #D9D9D9;
	padding: 40px 0;
	list-style-type: none;
}

	.selling-points li {
		margin: 20px 0 60px 0;
		overflow: auto;
	}

	.selling-points img.left {
		float: left;
		margin: 0 60px 0 40px;
	}

	.selling-points img.right {
		float: right;
		margin: 0 40px 0 60px;
	}

	.selling-points h3 {
		font-size: 24px;
		margin: 0 40px 15px 40px;
	}

	.selling-points h4 {
		font-size: 18px;
		line-height: 24px;
		color: #666;
		font-weight: normal;
		margin: 0 40px;
	}

.features ul {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px #D9D9D9;
}

	.features ul li {
		margin: 0px;
		padding: 7px;
		cursor: pointer;
	}

.feature {
	width: 85px;
	border: solid 1px #D9D9D9;
	border-right: none;
	border-bottom: none;
	background: #F9F9F9;
}

.feature_selected {
	border: solid 1px #D9D9D9;
	border-right: none;
	border-bottom: none;
	width: 86px;
	background: #FFF;
}

.feature_window {
	border: solid 1px #D9D9D9;
	margin-left: 100px;
	padding: 10px;
}

.feature_text, .referral_text {
	margin-top: 10px;
	color: #666;
	text-align: justify;
}

.pricing_header, .feature_header, .selling_points_header, .referral_program_header {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
}

.pricing td {
	border: solid 1px #D9D9D9;
	padding: 5px;
}

.pricing_table_header_row {
	font-size: 18px;
	font-weight: bold;
	background: #F9F9F9;
}

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

.pricing td + td {
	text-align: center;
	width: 150px;
}

.pricing.thin td + td {
	width: 90px;
}

.referral_links {
	padding: 10px;
	margin-top: 10px;
	background: #F9F9F9;
	text-align: center;
}

	.referral_links a + a {
		margin-left: 6px;
		cursor: pointer;
	}

.referral_share_link {
	width: 302px;
	margin: 0px auto;
	text-align: center;
}

#examples {
	margin-left: 10px;
	margin-top: -20px;
	background: url(/graphics/3.0/features/partner/webbuilder/example_bg.png) repeat-x top left;
	text-align: center;
}

	#examples .large {
		padding-top: 15px;
	}

.example_item {
	margin-top: 20px;
}


/*---------------------------------------------------------------
                         New 2/12/2009
----------------------------------------------------------------*/


.taggerField {
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	background: #888 url(/graphics/radio/Fade_to_White_B2T_50.png);
}

.taggerFieldSelected {
	width: 99px;
	border-right: solid 1px #FFF;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	background-color: #FFF;
}

.taggerFieldLink {
	font-weight: normal;
	color: #333;
	white-space: nowrap;
	display: block;
	padding: 2px 2px 2px 2px;
	text-align: center;
}

.tagHeaderBar {
	font-size: 12px;
	font-weight: bold;
	color: White;
	background-color: #999;
	padding: 2px 2px 2px 2px;
	margin-bottom: 2px;
}

.tagInstructions {
	font-size: 12px;
	font-weight: bold;
}

.taggerCompletionListItem {
	font-size: 12px;
	list-style-type: none;
	background-color: #FFF;
}

.taggerCompletionListItemSelected {
	font-size: 12px;
	background-color: #BBB;
	list-style-type: none;
}

.boxheadTagger {
	background: url(../../graphics/2.0/rnd/titlebar/topright.png) no-repeat top right;
	border-bottom: solid 1px #6c7b94;
}

.boxheadrightTagger {
	background: url(../../graphics/2.0/rnd/titlebar/topleft.png) no-repeat top left;
	color: white;
}

	.boxheadrightTagger a {
		color: #FFF;
	}

		.boxheadrightTagger a:hover {
			color: #EEE;
		}

.pcpChecklistCol1 {
	padding: 5px 0px 5px 10px;
	text-align: left;
}

.pcpChecklistCol2 {
	padding: 5px 10px 5px 10px;
	white-space: nowrap;
}

.pcpChecklistCol3 {
	padding: 5px 0px 5px 0px;
	text-align: left;
	white-space: nowrap;
}

.cpChecklistDescription {
	font-size: 12px;
	font-weight: normal;
}

.nonBoldHeading {
	font-size: 20px;
}


/*---------------------------------------------------------------
                    Added when working on dev-cards
----------------------------------------------------------------*/

.boldRow td {
	font-weight: bold;
}

.boldUnderlineRow td {
	font-weight: bold;
	padding-right: 10px;
	border-bottom: solid 1px #333333;
}

.paddingRightRow td {
	padding-right: 10px;
}

.paddingRightRow20 td {
	padding-right: 20px;
}

.textColor {
	color: #333333;
}

.unstyledLink {
	color: #333333;
	font-weight: normal;
	cursor: pointer;
}

.padul {
	padding-left: 20px;
}


/*---------------------------------------------------------------
                               3.0
----------------------------------------------------------------*/

.divider {
	height: 1px;
	background-color: #D9D9D9;
}

.divider5px {
	height: 1px;
	background-color: #D9D9D9;
	margin-top: 5px;
	margin-bottom: 5px;
}

.divider10px {
	height: 1px;
	background-color: #D9D9D9;
	margin-top: 10px;
	margin-bottom: 10px;
}

.shade {
	background: #F9F9F9;
	background-color: rgba(0,0,0,0.035);
}

.shadeDark {
	background: #EEEEEE;
}

.stdBorder {
	border: solid 1px #D9D9D9;
}

.lightBorder {
	border: solid 1px #E5E5E5;
}

.F9Border {
	border: solid 1px #F9F9F9;
}

.thumb50 {
	max-height: 50px;
	max-width: 50px;
}

.thumb75 {
	max-height: 75px;
	max-width: 75px;
}

.thumb100 {
	max-height: 100px;
	max-width: 100px;
}

.thumb150 {
	max-height: 150px;
	max-width: 150px;
}

#stdMenuColumn {
	width: 125px;
	padding: 10px;
	vertical-align: top;
}

#stdMainColumn {
	width: 525px;
	padding: 10px;
	vertical-align: top;
}

#stdMainColumnWide {
	width: 615px;
	padding: 10px;
	vertical-align: top;
}

#stdMainColumnFull {
	padding: 10px;
	vertical-align: top;
}

#stdSecondaryColumn {
	padding: 10px;
	vertical-align: top;
	border-left: solid 1px #D9D9D9;
	background: #F9F9F9 url(../graphics/3.0/stdSecondaryColumn_bg_grad.png) repeat-x;
}

.actionMessage {
	background-color: #0d6693;
	color: #FFFFFF;
	padding: 10px;
	margin-bottom: 10px;
}

	.actionMessage a {
		color: #ffbf87;
	}

/*---------------------------------------------------------------
						SearchTextBox
----------------------------------------------------------------*/

.completionListElementHeader {
	visibility: hidden;
	margin: 0px !important;
	background-color: white;
	color: black;
	border: solid 1px gray;
	cursor: pointer;
	text-align: left;
	list-style-type: none;
	padding: 2px;
	z-index: 600;
}

.listItemHeader {
	background-color: white;
	margin: 3px 0px 3px 0px;
}

.highlightedListItemHeader {
	background-color: #DDD;
	margin: 3px 0px 3px 0px;
}

.completionListElementHome {
	visibility: hidden;
	margin: 0px !important;
	background-color: white;
	color: black;
	border: solid 1px gray;
	cursor: pointer;
	text-align: left;
	list-style-type: none;
	padding: 2px;
	z-index: 600;
	font-size: 16px;
}

.listItemHome {
	background-color: white;
	margin: 3px 0px 3px 0px;
	font-size: 16px;
}

.highlightedListItemHome {
	background-color: #DDD;
	margin: 3px 0px 3px 0px;
	font-size: 16px;
}

/*---------------------------------------------------------------
                         API
----------------------------------------------------------------*/

.docHeading {
	padding-top: 20px;
	font-size: 17px;
	font-weight: bold;
}

.codeExample {
	font-family: Courier New;
	font-size: 12px;
	font-weight: normal;
	background-color: #EEEEEE;
	padding: 10px;
}

.codeBox {
	font-family: Courier New;
	font-size: 12px;
	font-weight: normal;
	background-color: #EEEEEE;
	padding: 0px;
	max-height: 400px;
	overflow: auto;
	border: solid 1px #333333;
}

.codeFont {
	font-family: Courier New;
	font-size: 12px;
	font-weight: normal;
}

.argumentTable {
	border-collapse: collapse;
}

	.argumentTable tr td {
		font-weight: normal;
		text-align: left;
		padding: 5px;
		vertical-align: top;
	}

	.argumentTable th {
		font-weight: bold;
		text-align: left;
		padding: 5px;
		vertical-align: top;
		white-space: nowrap;
	}


/*---------------------------------------------------------------
                         Tables
----------------------------------------------------------------*/

.tableWithHeaderRow tr th {
	font-weight: bold;
	border-bottom: solid 1px #999;
	padding: 5px 15px 5px 0px;
	font-size: 14px;
}

	.tableWithHeaderRow tr th:first-child {
		padding-left: 5px;
	}

.tableWithHeaderRow tr td {
	border-bottom: solid 1px #DDD;
	padding: 5px 15px 5px 0px;
	vertical-align: top;
}

	.tableWithHeaderRow tr td.middle {
		vertical-align: middle;
	}

.tableWithHeaderRow tr.middle td {
	vertical-align: middle;
}

.tableWithHeaderRow tr td.action-cell {
	vertical-align: middle;
}

.tableWithHeaderRow tr td:first-child {
	padding-left: 5px;
}

.tableWithHeaderRow {
	border-collapse: collapse;
}

.tableRowBGWhite {
	background-color: #FFFFFF;
}

.tableRowBGGray {
	background-color: #F9F9F9;
}

.tableWithHeaderRow tr.allowHighlight:hover {
	background-color: #DDDDDD;
}

.formTable {
	border-collapse: collapse;
}

	.formTable tr td {
		font-weight: bold;
		text-align: left;
		padding: 2px 10px 2px 0px;
	}

		.formTable tr td + td {
			font-weight: normal;
		}

.productsTable {
	border-collapse: collapse;
}

	.productsTable th {
		border: solid 1px #D9D9D9;
		background-color: #F9F9F9;
		font-size: 17px;
		padding: 10px;
		text-align: left;
	}

		.productsTable th + th {
			text-align: center;
		}

	.productsTable td {
		border: solid 1px #CCC;
		text-align: center;
	}

	.productsTable .tierName {
	}

	.productsTable .tierDesc {
		font-weight: normal;
		font-size: 12px;
	}


/*---------------------------------------------------------------
                         FAQ
----------------------------------------------------------------*/


.faq_summary ul {
	padding-left: 10px;
	list-style: none;
}

	.faq_summary ul li {
		padding-bottom: 10px;
	}

		.faq_summary ul li a {
			font-size: 17px;
			color: #333;
			font-weight: normal;
		}

		.faq_summary ul li ul {
			padding-left: 20px;
			list-style: none;
		}

			.faq_summary ul li ul li {
				padding-bottom: 0px;
			}

				.faq_summary ul li ul li a {
					font-size: 15px;
					color: #dd7722;
					font-weight: bold;
				}

.faq_section_header {
	font-size: 20px;
	background-color: #9AA0B4;
	padding: 3px;
	margin-top: 5px;
	color: White;
}

.faq_items {
	list-style: none;
}

	.faq_items li {
		border-top: solid 1px #CCC;
	}

		.faq_items li:first-child {
			border-top: none;
		}

		.faq_items li li {
			border-top: none;
		}

.faq_item_title {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
}

.faq_item_text {
	padding-bottom: 10px;
}



/*---------------------------------------------------------------
                         Help
----------------------------------------------------------------*/

#help {
	padding: 0 0 25px 0;
}

	#help .title {
		margin: 25px 0 0 0;
		font-weight: bold;
		color: #000;
		font-size: 18px;
	}

	#help li {
		margin-top: 5px;
	}

	#help ul {
		padding-left: 30px;
		margin-top: 10px;
	}

#related ul {
	padding-left: 20px;
}


/*---------------------------------------------------------------
                         Marketing 4.0
----------------------------------------------------------------*/

.action-button {
	cursor: pointer;
	display: block;
	width: 175px;
	line-height: 30px;
	color: #FFF;
	border: 1px solid #F70;
	background-color: #F70;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFB276), to(#F70));
	background-image: -moz-linear-gradient(top, #FFB276, #F70);
	border-radius: 2px;
	text-align: center;
	font-weight: normal;
	font-size: 20px;
}

	.action-button:hover {
		color: #fff;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#F70), to(#FFB276));
		background-image: -moz-linear-gradient(top, #F70, #FFB276);
	}

.action-button-inline {
	cursor: pointer;
	width: 175px;
	line-height: 30px;
	color: #FFF;
	border: 1px solid #F70;
	background-color: #F70;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFB276), to(#F70));
	background-image: -moz-linear-gradient(top, #FFB276, #F70);
	border-radius: 2px;
	text-align: center;
	font-weight: normal;
	font-size: 20px;
}

	.action-button-inline:hover {
		color: #fff;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#F70), to(#FFB276));
		background-image: -moz-linear-gradient(top, #F70, #FFB276);
	}

.title {
	font-size: 60px;
	font-weight: bold;
}

.subtitle {
	font-size: 28px;
	color: #666;
}

.cta {
	list-style-type: none;
}

	.cta li {
		overflow: auto;
	}

	.cta .title {
		font-size: 27px;
		font-weight: bold;
	}

	.cta .subtitle {
		font-size: 18px;
		margin: 5px 0 10px 0;
	}

	.cta .image {
		width: 120px;
		text-align: center;
		float: right;
		margin-top: 25px;
	}

.benefits {
	float: left;
	width: 100%;
	list-style-type: none;
	margin-bottom: 40px;
}

	.benefits li {
		width: 292px;
		float: left;
		background: #f5f5f5;
		background: rgba(0,0,0,0.05);
		padding: 10px 15px;
		min-height: 200px;
	}

	.benefits .image {
		float: left;
		margin-right: 5px;
	}

	.benefits img {
		width: 65px;
	}

	.benefits .title {
		font-size: 28px;
		font-weight: bold;
		line-height: 65px;
	}

	.benefits .text {
		font-size: 18px;
		color: #444;
		line-height: 24px;
	}

	.benefits .round-left {
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.benefits .round-right {
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}

.price-table {
	width: 100%;
	border-collapse: collapse;
}

	.price-table td {
		padding: 15px 20px;
		border-bottom: solid 10px #FFF;
	}

	.price-table .price {
		text-align: center;
		font-size: 24px;
	}

	.price-table .tier {
		font-size: 24px;
		font-weight: bold;
	}

	.price-table .definition {
		font-size: 18px;
		color: #444;
		line-height: 24px;
	}

	.price-table tr:nth-child(odd) {
		background: #f6f6f6;
		background: rgba(0,0,0,0.035);
	}

	.price-table tr:nth-child(even) {
		background: #f2f2f2;
		background: rgba(0,0,0,0.05);
	}

.form {
	background: #F5F5F5;
	background: rgba(0,0,0,0.035);
	padding: 15px 20px 20px 20px;
	font-size: 18px;
}

	.form .title {
		font-size: 28px;
	}

	.form .label {
		margin: 15px 0 5px 0;
	}

	.form .field {
		padding-right: 10px;
	}

		.form .field input[type="password"], .form .field input[type="text"] {
			width: 100%;
			height: 26px;
			line-height: 26px;
			font-size: 18px;
			padding: 0 5px;
		}

		.form .field select {
			height: 26px;
			line-height: 26px;
			font-size: 18px;
		}

		.form .field .hint a {
			display: block;
			text-align: right;
			margin: 2px -10px 0 0;
		}

	.form input[type="checkbox"] {
		margin-right: 10px;
	}

	.form .terms {
		margin: 20px 0;
	}

	.form .submit a {
		margin: 0 0 0 auto;
	}

.ui-widget-overlay {
	background: #000;
	opacity: 0.5;
}

.ui-dialog {
	padding: 0;
	border: none;
	border-radius: 0;
}

	.ui-dialog .ui-dialog-titlebar {
		margin: 0;
		border: none;
		border-radius: 0;
		background: #EEE;
		background: rgba(0,0,0,0.1);
		padding: 10px 15px;
	}

	.ui-dialog .ui-dialog-title {
		font-size: 24px;
	}

.ui-widget-content a {
	color: #0869A0;
	font-weight: normal;
}

	.ui-widget-content a:hover {
		text-decoration: underline;
	}

.ui-widget-content .action-button {
	color: #FFF;
}

	.ui-widget-content .action-button:hover {
		text-decoration: none;
		color: #FFF;
	}

.ui-widget-content .action-button-inline {
	color: #FFF;
}

	.ui-widget-content .action-button-inline:hover {
		text-decoration: none;
		color: #FFF;
	}

.list6 {
	list-style-type: none;
}

	.list6 li {
		overflow: auto;
		margin-bottom: 40px;
	}

	.list6 .image {
		width: 50px;
		text-align: center;
		float: left;
	}

	.list6 img {
		height: 50px;
	}

	.list6 .title {
		margin-left: 70px;
		font-size: 24px;
	}

	.list6 .text {
		font-size: 18px;
		line-height: 26px;
		color: #666;
		margin-left: 70px;
	}


/*---------------------------------------------------------------
                                NML
----------------------------------------------------------------*/


.nml-bullets {
	list-style-type: none;
	font-size: 24px;
	font-weight: bold;
	margin: 20px 0;
}

	.nml-bullets li {
		margin-bottom: 10px;
		padding-left: 45px;
		background-image: url(/graphics/check.png);
		background-position: left top;
		background-repeat: no-repeat;
	}

.nml-sub-bullet {
	color: #666;
	font-weight: normal;
	font-size: 18px;
}

.ie-account .title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}

.ie-account .subtitle {
	color: #666;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 5px;
}

.ie-account-bullets {
	list-style-type: none;
	overflow: auto;
}

	.ie-account-bullets li {
		float: left;
		width: 181px;
		min-height: 200px;
		padding: 10px;
		margin-right: 12px;
	}

		.ie-account-bullets li img {
			vertical-align: middle;
		}

		.ie-account-bullets li .title {
			line-height: 50px;
		}


/*---------------------------------------------------------------
                         Conditional CSS
----------------------------------------------------------------*/


.gecko .firefoxCommentReplyImage {
	position: relative;
	top: 2px;
}


/*---------------------------------------------------------------
                             Jquery Validation
----------------------------------------------------------------*/

.field-validation-error {
	color: Red;
}

.validation-summary-errors {
	color: Red;
	padding: 10px 0px 10px 20px;
}

/*---------------------------------------------------------------
                    New Classes
----------------------------------------------------------------*/

div.ui-tooltip {
	max-width: 200px;
	padding: 10px;
	font-size: 15px;
}

.help-icon {
	margin-left: 5px;
}

	.help-icon.help-icon-new-line {
		margin-left: 0px;
		display: block;
		margin-top: 5px;
	}

.boxheadRCTB .help-icon img {
	margin-bottom: -2px;
}

.new-label::after {
	content: 'NEW';
	background-color: #d97a25;
	background-color: #9CBB00;
	color: white;
	border-radius: 3px;
	margin-left: 5px;
	padding: 0 3px;
	font-size: 10px;
}

.boxheadRCTB .new-label::after {
	font-size: 12px;
	padding: 2px 5px;
}

input[type=text].gm_style, textarea.gm_style, select.gm_style {
	padding: 1%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.imageSelector.imageSelectorMvc ul li img {
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
}

	.imageSelector.imageSelectorMvc ul li img:hover {
		background: rgba(255,255,255,0.1);
	}