*
{
	margin:					0px;
	padding:				0px;
}

a:focus, input:focus,
input[type=button]:focus, input:active
{
	outline:				none;
}

body
{
	font-size:				12px;
	/*font-family:			"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;	*/
	font-family:            arial, helvetica, verdana, sans-serif;
	/* background:				#fff url(/analytics/images/bg/header-background.gif) repeat-x; */
    word-spacing:0.1em;
}

a img
{
	border:					none;
}

a:hover
{
    cursor:                 pointer;
}

/* ================================ h tags ===================================== */

h1
{
	color:                  #000;
	font-size:				24px;
	/*margin:                 12px 0;*/
	font-family:            arial, sans-serif;
	letter-spacing:         .09em;
	font-weight:            normal;
	/*background:             #e1ecf1;*/
	padding:                12px;
}

h1.pill
{
    color:                  #000;
	font-size:				24px;
	font-family:            arial, sans-serif;
	letter-spacing:         .09em;
	font-weight:            normal;
	background:             #e1ecf1;
	padding:                12px;
}

.gap h1
{
    color:                  #000;
	font-size:				28px;
	/*margin:                 12px 0;*/
	font-family:            arial, sans-serif;
	letter-spacing:         .09em;
	font-weight:            normal;
	/*background:             #e1ecf1;*/
	padding:                12px;
	font-variant:           small-caps;
	line-height:            75px;
}

h1 em
{
	color:					#aaa;
	font-style:				normal;
	font-size:				20px;
	font-variant:			small-caps;
}

h1 em.black
{
	color:					#000;
	font-style:				normal;
}

h1 em.red
{
	color:					#BF0721;
}

/* ------------------- system message -------------------- */
.info-message
{
	padding:				10px 0px;
	text-align:				left;
	font-family:			helvetica, verdana, arial, sans-serif;
	font-size:				14px;
	color:					#666;
	border:					1px solid #999999;
	background:				#eee;
	margin:					10px auto 20px;
	position:               relative;
}

.system-message
{
	padding:				25px;
	text-align:				center;
	font-family:			helvetica, verdana, arial, sans-serif;
	font-size:				14px;
	color:					#555;
	margin:					10px auto 20px;
	border:					1px solid #d99966;
	background:				#ffffdd;
	width:                  80%;
	position:               relative;
}

a.close-button
{
    position:               absolute;
    top:                    5px;
    right:                  5px;
    color:                  #888;
    font-size:              14px;
    text-decoration:        none;
}

a:hover.close-button
{
    cursor:                 pointer;
    color:                  #333;
}

/* ============================== defaults =============================== */

.left
{
	float:					left;
}

.right
{
	float:					right;
}

.clearfix, .clear, .clearfloats, .clear-floats
{
	clear:					both;
}

.hidden
{
    display:                none;
}

.white-bg
{
    background:             #fff !important;
}

.separator
{
	border-top:				2px solid #ddd;
	clear:					both;
	margin-bottom:			20px;
}

ul
{
	list-style-type:		none;
}

.logo
{
	padding:                20px 0 0;
}

.page-container
{
	margin:					0px auto;	
	z-index:                8;
}

.page-header
{
    position:               relative;
    z-index:                9;
}

.page-body
{
	position:				relative;
	background:             #F3F7F9;
	background:             #f3f8f9;
	background:             #fff;
	background:             transparent;
}

.page-footer
{
	
}

.top-nav
{
	margin:					12px 0px 0px;
}

.top-nav ul li
{
	float:					left;
	display:				inline;
	height:					35px;
	margin:					0px 8px 0 0;
}

.top-nav ul li a.selected
{
	color:					#fff;
	background:				#d1242c url(/analytics/images/buttons/bg/red-half.gif) repeat-x scroll left top;
}

.top-nav ul li a
{
	line-height:			34px;
	color:					#333;
	font-size:				14px;
	font-weight:			bold;
	padding:				10px 30px;
	text-decoration:		none;
	background:				#eee;
}

.top-nav ul li a:hover
{
	cursor:					pointer;
	color:					#fff;
	background:				#d9252e url(/analytics/images/buttons/bg/red-hover-half.gif) repeat-x scroll left top;
}


/* ============================== tiers and columns =============================== */

.col-x1
{
	width:					325px;
}

.col-rail
{
	width:					160px;
	margin-right:			50px;
	margin-top:				30px;
}

.col-x3
{
	width:					790px;
}

.col-x4
{
	width:					984px;
}

.column
{
	
}

/* ------------------------- tiers ----------------------------- */

.tier
{
	margin:					0;
}

.no-margin
{
    margin:                 0px;
}

.tier a.big-button img
{
	margin-top:				12px;
}

.tier .header
{
	background:				transparent url(/analytics/images/bg/gray-gradient.gif) repeat-x scroll top left;
	line-height:			40px;
	height:					40px;
	padding:				0 0 0 0px;
	margin:					0 0 18px 0;
}

.tier h1.margin-align
{
	color:					#bf0721;
}

.tier h1.margin-align
{
	color:					#bf0721;
	margin:					65px 0px 57px;
}

.tier .header h1 em
{
	color:					#fff;
	font-weight:			normal;
	font-style:				normal;
}

/* ================================ tier containers =============================== */

.info-container
{
	padding:				30px;
	border-bottom:			2px solid #bf0721;
}

.doc-container
{
	
}

.doc-container h1
{
	color:					#000;
	padding:				12px;
	margin:					0px;
	border-top:				2px solid #777;
	border-bottom:			2px solid #777;
}

.faq-container h4
{
    font-size:              14px;
    font-weight:            bold;
    line-height:            22px;
    margin:                 20px 0 0 0;
    padding:                12px;
    letter-spacing:         .02em;
}

.faq-container h5
{
    font-size:              14px;
    margin:                 12px 0 0 12px;
    padding:                0 0 6px;
    border-bottom:          1px solid #ddd;
}

.faq-container .faq-question
{
    background:             transparent url(/analytics/images/icons/expand-collapse.png) no-repeat;
    background-position:    0px 10px;
    padding-left:           40px;
}


.faq-answer
{
    margin-left:			30px;
}

.faq-answer ul
{
    padding-left:			15px;
}

.faq-container .active
{
    background-position:    0px -49px;    
}

.faq-container h4:hover.faq-question
{
    cursor:                 pointer;
}

.faq-container p
{
    margin:                 0px !important;
}

.doc-container p
{
	padding:				12px;
	font-size:				14px;
	margin:					20px 0px;
	line-height:			22px;
}

.doc-container .code-block
{
	border:					1px solid #bedce7;
	background:				#eaf2f5;
	font-family:			'Bitstream Vera Sans Mono','Courier',monospace;
	padding:				30px;
	margin:					30px;
	font-size:				14px;
	line-height:			18px;
}

.doc-container table
{
	line-height:			25px;
	margin:					0 0 0 10px;	
}

.doc-container table td
{
	padding-right:			10px;
}

/* ================================ player embed / demo ================================ */

.player
{
	margin-top:				60px;
}

.controls
{

}

.tips
{
	margin-left:			12px;
	width:					170px;
	font-size:				14px;
	font-weight:			bold;
	text-indent:			12px;
}

.tips .header
{
	background:				#dbf1ff;
	margin:					0px;
	color:					#555;
}

.tips .body
{
	
}

.tips .body ul li
{
	padding:				16px 12px;
	border-bottom:			1px solid #ccc;
	text-indent:			0px;
	font-weight:			normal;
	font-size:				12px;
	line-height:			16px;
}

.tips .body ul li em
{
	font-style:				normal;
	font-weight:			bold;
}

.tips .body ul li:hover
{
	background:				#fffad6;
	cursor:					pointer;
}

.controls .block
{
	margin:					0px 0px 20px;
	padding:				12px;
	border:					2px solid #ddd;
	background:				#f5f5f5;
	width:					640px;
}

.controls .hover
{
	background:				#fffad6;
	border:					2px solid #888;
}

/* ================================ block API buttons =================================== */

.api .button-wrapper
{
	border:					1px solid #ccc;
	background:				#fff;
	margin-right:			10px;
}

.api .form-row
{
	margin:					0px 0px 12px;
}

.block input[type=button]
{
	border-collapse:		collapse;
	border:					none;
	background:				#fff;
	height:					40px;
	padding:				0 30px 3px 40px;
	font-size:				14px;
	font-weight:			bold;
	color:					#444;
	width:					130px;
}

.block input[type=button]:hover
{
	cursor:					pointer;
}

.block .last
{
	margin-left:			36px;
}

input.playbutton
{
	background:				#fff url(/analytics/images/buttons/play-small.gif) no-repeat scroll 15% 50% !important;
}

input.pausebutton
{
	background:				#fff url(/analytics/images/buttons/pause-small.gif) no-repeat scroll 15% 50% !important;
}

input.volumebutton
{
	background:				#fff url(/analytics/images/buttons/volume-small.gif) no-repeat scroll 15% 50% !important;
}

input.loadbutton
{
	background:				#fff url(/analytics/images/buttons/load-small.gif) no-repeat scroll 9% 50% !important;
}

/* ==================== big analytics button ===================== */

.analytics-button-big
{
	border:					1px solid #ccc;
}

.analytics-button-big a
{
	display:				block;
	height:					70px;
	background:				#D1242C;
	color:					#fff;
	text-decoration:		none;
	line-height:			70px;
	font-size:				16px;
	font-weight:			bold;
	text-align:				center;
	width:					200px;
}

.analytics-button-big a:hover
{
	text-decoration:		none;
}

/* ================================ product info section ================================ */

.mr-play-button
{
	position:				absolute;
	right:					-15px;
	top:					25%;
}

.lr-button
{
	position:				absolute;
	right:					0px;
	bottom:					3px;
}

.lr-button a.more
{
	background:				#0099ff url(/analytics/images/icons/right-arrow-white.gif) scroll 92% 55% no-repeat;
	padding:				3px 14px;
	color:					#fff;
	text-decoration:		none;
}

.feature-button
{
	position:				absolute;
	right:					10px;
	top:					50px;
}

.button-wrapper
{
	margin-bottom:			20px;
	background:				#f5f5f5;
}

.button-wrapper-large
{
	margin-bottom:			20px;
	background:				#f5f5f5;
	padding:				11px;	
}

.demo-button-wrapper
{
	margin-bottom:			20px;
	border:					1px solid #ddd;
	background:				transparent url(/analytics/images/buttons/bg/dl-gradient.gif) repeat-x;
	width:					220px;
}

input[type=submit].download-button
{
	background:				transparent url(/analytics/images/icons/download.gif) no-repeat scroll 10% 30%;
	border:					none;
	border-collapse:		collapse;
	line-height:			60px;
	width:					100%;
	text-indent:			25px;
	height:					70px;
	font-size:				18px;
	color:					#555;
	font-weight:			bold;
}

input[type=submit].demo-button
{
	background:				transparent url(/analytics/images/icons/demo.gif) no-repeat scroll 10% 50%;
	border:					none;
	border-collapse:		collapse;
	line-height:			60px;
	width:					100%;
	text-indent:			10px;
	height:					70px;
	font-size:				18px;
	color:					#555;
	font-weight:			bold;
}


input[type=button]:hover.download-button,
input[type=button]:hover.demo-button
{
	cursor:					pointer;
}

.product-info
{
	/*margin-left:			70px;*/
	/*width:					220px;*/
	margin:                 20px 0 20px 70px;
}

.product-info .download-module
{
	background:				#ddd url(/analytics/images/icons/download.gif) scroll 5% 50% no-repeat;
	padding:				20px;
	margin-bottom:			20px;
}

.product-info .download-module a
{
	padding-left:			35px;
	font-size:				18px;
	color:					#555;
}

.product-info .download-module a:hover
{
	text-decoration:		underline;
}

.product-info .text-module
{
	background:				#f6f3de;
	padding:				12px 20px 30px 12px;
	/*margin-bottom:			20px;*/
	position:				relative;
	width:                  168px;
	margin:                 0 16px 0 0;
	float:                  left;
}

.product-info .text-module h2
{
	margin-bottom:			3px;
}

.product-info .text-module p
{
}

.product-info ul
{
	
}

.block ul
{
	margin-top:				12px;
}

.block ul li
{
	float:					left;
	display:				inline;
	margin-right:			12px;
}

ul li .button-wrapper
{
	background:				#000;
}

ul li input[type=submit]
{
	padding:				8px 20px 10px;
	background:				#d1242c url(/analytics/images/buttons/bg/red-half.gif) repeat-x scroll left top;
	color:					#fff;
	height:					40px;
	text-decoration:		none;
	width:					100px;
	border:					none;
	border-collapse:		collapse;
}

ul li input:hover[type=submit]
{
	background:				#d9252e url(/analytics/images/buttons/bg/red-hover-half.gif) repeat-x scroll left top;
	cursor:					pointer;
}

ul li input[type=submit].external,
ul li .external
{
	background:				#4882e0 url(/analytics/images/buttons/bg/blue-half.gif) repeat-x scroll left top;
}

ul li input:hover[type=submit].external,
ul li div:hover.external
{
	background:				#5c90e5 url(/analytics/images/buttons/bg/blue-hover-half.gif) repeat-x scroll left top;
	cursor:					pointer;	
}

ul li input[type=submit].good,
ul li .good
{
	background:				#000 url(/analytics/images/buttons/bg/black-half.gif) repeat-x scroll left top;
}

ul li input:hover[type=submit].good,
ul li div:hover.good
{
	background:				#0099ff url(/analytics/images/buttons/bg/light-blue-half.gif) repeat-x scroll left top;
	cursor:					pointer;	
}

.product-nav
{
	height:					40px;
	font-size:				14px;
	background:				#eee;
	margin-top:				60px;
}

.product-nav h1
{
	padding-left:			8px;
	margin:					7px 0px 0px;
}

.product-nav li
{
	float:					left;
	display:				inline;
	height:					30px;
	margin:					6px 8px 0 0;
}

.product-nav li a
{
	line-height:			36px;
	color:					#333;
	font-size:				12px;
	font-weight:			bold;
	padding:				8px 30px;
	text-decoration:		none;
}

.product-nav li a:hover.selected,
.product-nav li a.selected
{
	background:				#fff;
	border-bottom:			2px solid #fff;
	color:					#000;
}

.product-nav li a:hover
{
	background:				#dfdfdf;
	cursor:					pointer;
}

.tag
{
	border:					1px solid #ccc;
	padding:				20px;
	font-size:				22px;
}

.menu
{
}

.menu .header
{
/*	background:				transparent url(/analytics/images/bg/module-header-gradient.gif) repeat-x scroll left top;*/
    background:             #eee;
    border:                 1px solid #ccc;
    border-bottom:          none;
	color:					#515151;
	line-height:			36px;
	margin:					0;
	height:					auto;
	text-align:				center;
}

.menu .nav
{
/*	padding:				20px; */
    padding:                5px;
	border:					1px solid #949494;
}

.menu .nav li
{
	border-top:				1px dotted #ccc;
}

.menu .nav li.first
{
    border-top:             none;
}

.menu .nav li.last
{
	border-bottom:			1px dotted #ccc;
}

.menu .nav li:hover
{
	background:				#f8f8f8;
}

.menu .nav li a
{
	text-decoration:		none;
	padding:				8px 20px;
	line-height:			30px;
	height:					30px;
	color:					#444;
}

.menu .nav li a:hover,
.menu .nav li a.selected
{
	border-left:			3px solid #d1242c;
	padding-left:			17px;
}

.menu .nav li.no-hover
{
	border-top:				none;
}

.menu .nav li:hover.no-hover
{
	background:				none;
}

.menu .nav li li
{
	padding-left:			20px;
}

.menu .nav li li a
{
	padding:				8px 20px 8px 30px;
	background:				url(/analytics/images/icons/white-gray-arrow.gif) scroll left 50% no-repeat;
}

.menu .nav li li a:hover
{
	border-left:			none;
	padding:				8px 20px 8px 30px;
}



/* ============================================= downloads section ==================================================== */

.question-block
{
	margin:					30px auto 40px;
	width:					850px;
}

.question-block h1
{
	font-size:				22px;
	color:					#000;
}

.question-block h1 em
{
	font-size:				24px;
	color:					#BF0721;
}

.question-block h1 span
{
	color:					#999;
}

.question-block p
{
	color:					#333333;
	font-size:				13px;
	line-height:			20px;
	padding:				15px;		   
	width:					700px; 
}

.question-block .next-button
{
	margin-top:				10px;	
}

.yes-block
{
	position:				absolute;
	border:					2px solid #a6bfcf;
	padding:				12px 50px;
	font-size:				24px;
	font-weight:			bold;
	background:				#dbf1ff;
	left:					-70px;
	top:					-20px;
	z-index:				100;
}

.no-block
{
	position:				absolute;
	border:					2px solid #d74f62;
	padding:				12px 50px;
	font-size:				24px;
	font-weight:			bold;
	background:				#ffe7ea;
	left:					-70px;
	top:					-20px;
	z-index:				100;
}

.button-block
{
	border:					2px solid #a6bfcf;
	padding:				12px 50px;
	font-size:				24px;
	font-weight:			bold;
	background:				#dbf1ff;
	z-index:				100;
}

.module
{
	width:					580px;
	position:				relative;
	margin:					0px auto 20px;
	padding:				1px;
}

.module .no
{
	background:				#ffe7ea;
	border:					2px solid #d74f62;
}

.module label.error
{
	color:					red;
	font-size:				14px;
	margin:					10px 0px;
}

div.error
{
	border:					2px solid red;
}

div:hover.check-block, div:hover.togglebox
{
	cursor:					pointer;
}

.yes-block .checkbox,
.no-block .checkbox,
.button-block .checkbox
{
	background:				transparent url(/analytics/images/icons/dotbox.gif) no-repeat;
	background-position:	0px -34px;
	height:					35px;
	width:					40px;
	position:				absolute;
	top:					10px;
	left:					10px;
}

.yes-block .checked,
.no-block .checked,
.button-block .checked
{
	background-position:	0px 0px;
}

.yes-block .text,
.no-block .text,
.button-block .text
{
	padding:				0px 0px 0px 16px;
	font-size:				22px;
}

.yes-block .text em,
.no-block .text em,
.button-block .text em
{
	font-style:				normal;
	font-weight:			normal;
	font-size:				18px;
}

.expanded-module
{
	background:				#f2f2f2;
	margin:					0px;
}

.expanded-module .form
{
	padding:				20px 0px 20px 50px;
	width:					340px;
}

.download-module
{
	border:					1px solid #f2f2f2;
	margin:					00px auto;
	width:					580px;
	position:				relative;
	background:				#f2f2f2;
}

.download-module h2
{
	font-size:				18px;
	line-height:			26px;
	margin-bottom:			30px;
}

.download-module a.big-link
{
	font-size:				22px;
	text-decoration:		underline;
	font-weight:			bold;
	color:					#BF0721;
}

.download-module a:hover.big-link
{
	color:					#000;
	cursor:					pointer;
}

.download-module .download-inset
{
	background:				#444;
	padding:				50px;
	margin:					50px;
	text-align:				center;
	font-size:				22px;
	color:					#bbb;
}

.download-module .download-inset a.big-link
{
	font-size:				22px;
	font-weight:			bold;
	color:					#fff;
	text-decoration:		none;
}

.download-module .download-inset a:hover.big-link
{
	text-decoration:		underline;
}

.download-module .form
{
	padding:				20px 0px 20px 120px;
	width:					340px;
}

/* -------------- create player form ----------------- */

.create-form
{
	width:					720px;
	padding:				30px 50px;
	background:				#f7f7f7;
	margin:					0px auto 20px;
	position:				relative;
	border-top:				8px solid #eee;	
}

.form-control-row
{
	clear:					both;
}

.form-row
{
	clear:					both;
}

.form-row .split
{
	float:					left;
	width:					30%;
	margin-bottom:			15px;
}

.form-row label
{
	clear:					both;
	font-weight:			bold;
}

.form-row .radio-block
{
	width:					250px;
	padding:				12px;
	border:					1px solid transparent;
}

.form-row div:hover.radio-block,
.form-row .selected
{
	border:					1px solid #ccc;
	background:				#fff;
	cursor:					pointer;
	color:					#000;
}

.form-row div:hover.radio-block label.radio,
.form-row div:hover.radio-block input[type=radio]
{
	cursor:					pointer;
	color:					#000;
}

.form-row label.radio
{
	color:					#6396b7;
	font-size:				18px;
}

.form-row label.error, .form-row label.errortext
{
	color:					red;
	float:					left;
	margin:					2px 0 0;
}

/* ---------------------- std form ----------------------- */

.std-form .form-row input
{
	margin-bottom:			10px !important;
}

.std-form .form-row label.errortext
{
	margin-bottom:			10px;
}

.std-form .form-row label
{
	color:					#666;
}

.std-form .checkbox
{
    padding:                20px 0 10px;
    margin:                 0 0 20px;
    clear:                  both;
}

/* ----------------------- select ------------------------ */

.std-form .form-row select
{
	display:				block;
	margin:					6px 0 0 0;
}

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

.form-row input[type=text],
.form-row input[type=password]
{
	/*float:					left;*/
	width:					94%;
	height:					25px;
	padding:				10px 8px 3px;
	background:				#fafafa;
	border:					1px solid #bbb;
	font-size:				16px;
	color:					#444;
	margin:					5px 0 20px;
}

.form-row input[type=text].short
{
	float:					left;
	width:					69%;
	height:					25px;
	padding:				10px 8px 3px;
	background:				#fafafa;
	border:					1px solid #bbb;
	font-size:				16px;
	color:					#444;
	margin:					1px 10px 20px 0px;
}

.form-row input[type=text]:focus,
.form-row input[type=password]:focus
{
	padding:				9px 7px 2px;
	background:				#fff;
	border:					2px solid #a6bfcf;
	color:					#111;
}

.form-row input[type=text].error,
.form-row input[type=password].error
{
	padding:				9px 7px 2px;
	border:					2px solid red;
}

.form-row input[type=radio]
{
	margin:					10px;
}

.next-button 
{
	background:				#BF0721;
}

*:hover.next-button
{
    cursor:                 pointer;
}

.no-button
{
	background:				#aaa;
	margin-left:			50px;
}

div:hover.no-button
{
	background:				#777;
}

.next-button input[type=submit],.next-button a
{
	background:				transparent url(/analytics/images/icons/right-arrow-white-on-red.gif) scroll 85% 52% no-repeat;
	padding:				8px 30px 8px 20px;
	font-size:				14px;
	color:					#fff;
	border:					none;
	border-collapse:		collapse;
}

.next-button a
{
	display:				block;
	text-decoration:		none;
	background-position:	90% 52%;
}

.no-button input[type=submit]
{
	background:				transparent;
	padding:				8px 30px 8px 20px;
	font-size:				14px;
	color:					#fff;
	border:					none;
	border-collapse:		collapse;
}

.next-button input[type=submit]:hover,
.no-button input[type=submit]:hover,
.next-button a:hover
{
	cursor:					pointer;
}

/* ========================== landing / signup ======================== */

.landing-container
{
   margin:                  20px 0 0;       
}

.landing-container .textblock
{
    width:                  700px;
}

.landing-container .textblock h1
{

}

.landing-container .textblock .body
{
    margin:                 12px;
    font-size:              13px;
    color:                  #444;
    line-height:            18px;
    width:                  640px;
}

.landing-container .textblock .body p
{
    
}

.landing-container .textblock .body ul
{
    margin:                 14px;
    list-style-type:        square;
}

.landing-container .textblock .body ul li
{
    margin-bottom:          10px;
}

.landing-container .signup-panel
{
    border:                 1px solid #ccc;
    width:                  240px;
    margin:                 0 20px 20px;
}

.landing-container .signup-panel .inner
{
    padding:                20px;
    background:             #eee;
    margin:                 3px;
    position:               relative;
    line-height:			2em;
}

.landing-container .signup-panel .inner p
{
    margin-top:             10px;
}

.landing-container .signup-panel .inner a.more
{

}

/* ========================== buttons ======================== */

a.big-red-button
{
   display:                 block;
   background:				#BF0721;
   padding:                 10px 28px;
   color:                   #fff;
   font-size:               16px;
   text-decoration:         none;
   text-align:              center;
}

.subtle-footer
{
	width:					550px;
	margin:					0px auto 30px;
}

.subtle-footer a
{
	line-height:			30px;
	color:					blue;
	font-size:				16px;
}

/* ======================= corner actions ==================== */

.corner
{
	position:				absolute;	
}

.tr
{
	right:					7px;
	top:					3px;
}

/* ========================= acct tab ======================== */

.acct-tray
{
    position:               absolute;
    width:                  auto;
    right:                  0px;
    top:                    0px;
}

.acct-tray .panel
{
    background:             #444;
    color:                  #fff;
    padding:                6px 12px 18px;
}

.acct-tray .panel .row
{
    clear:                  both;
    margin-top:             6px;
}

.signup-panel .row
{
    clear:                  both;
    margin-bottom:          6px;
}

.signup-panel .submit-row
{
    line-height:            36px;
}

.acct-tray .panel label,
.signup-panel label
{
    display:                block;
    float:                  left;
    line-height:            24px;
    margin-right:           12px;
    text-align:             right;
    width:                  80px;
}

.signup-panel label
{
    text-align:             left;
    text-transform:         capitalize;
    float:                  none;
}

.acct-tray .panel label.error,
.signup-panel label.error
{
	color:					#F6F3DE;
	float:					right;
	font-size:				10px;
	margin-right:			40px;
	width:					auto;
}

.acct-tray .panel input[type=text],
.acct-tray .panel input[type=password],
.signup-panel input[type=text],
.signup-panel input[type=password]
{
    padding:                3px 2px 2px;
    margin-right:			6px;
    float:					left;
    width:					135px;
}

.signup-panel input[type=text],
.signup-panel input[type=password]
{
    float:                  none;
    width:                  94%;
}

.acct-tray .panel input[type=submit]
{
    float:					left;
    background:				#86B5D9;
    color:					#fff;
    border:					none;
    padding:				4px;
    margin:					1px 0 0;
}

.signup-panel input[type=submit]
{
    background:				#86B5D9;
    color:					#fff;
    border:					none;
    padding:				0 18px;
    line-height:            24px;
    margin:					6px 0 0;
    height:                 24px;
}

input[type=submit].link-button
{
    background:             none;
    color:                  blue;
    text-decoration:        underline;
}

input[type=submit]:hover.link-button
{
    cursor:                 pointer;
}

.acct-tray .tab
{
    padding:            	8px 16px;
    background:         	#d1242c;
    margin-right:       	6px;
    z-index:				1;
}

.acct-tray .tab ul
{
    list-style-type:    	none;
}

.acct-tray .tab ul li
{
    display:            	inline;
    float:              	left;
    padding:		    	0 12px;
    border-right:       	1px solid #eee;
    font-size:				11px;
    color:					#ddd;
}

.acct-tray .tab ul li em
{
	color:					#fff;
	font-style:				normal;
}

.acct-tray .tab ul li.first
{
	padding-left:       	0px;
}

.acct-tray .tab ul li.last
{
    padding-left:       	12px;
    padding-right:      	0px;
    border-right:       	none;
}

.acct-tray .tab ul li a
{
    color:              	#fff;
    text-decoration:    	none;
}

.acct-tray .tab ul li a:hover
{
    text-decoration:    	underline;
}

/* ================================== weird delete link ============================================ */

.delete-link
{
	display:				block;
	padding:				7px;
	background:				#Eee;
}

.delete-link .x
{
	color:					#aaa;
	padding:				0 6px
}

a:hover.delete-link
{
	background:				#000;
	color:					#fff;
}

/* ========================================= player queue =========================================== */

table.queue
{
	margin-left:			85px;
	border:					1px solid #ccc;
	width:					840px;
}

table.queue thead tr
{
		
}

table.queue thead tr th
{
	padding:				10px;
	background:				#eee;
	width:					200px;
	text-transform:         capitalize;
}

table.queue tbody tr
{
	background:				#f9f9f9;
}

table.queue tbody tr:hover
{
	background:					
}

table.queue tbody tr.ready
{
	background:				#fff;
}

table.queue tbody tr.ready td
{
	color:					#000;
}

table.queue tbody tr td
{
	padding:				24px 48px;
	border-top:				1px solid #ddd;
	border-right:			1px dotted #ddd;
	color:					#999;
}

table.queue tbody tr td.name,
table.queue thead tr th.name
{
	width:					300px;	
}

table.queue tbody tr td.id,
table.queue thead tr th.id
{
	width:					100px;	
}

table.queue tbody tr td.center
{
	line-height:			20px;
}

table.queue tbody tr td.center span
{
	line-height:			35px;
	margin:					0 20px 0 150px;
}

table.queue tbody tr td.last
{
	border-right:			none;
}

/* ========================================= client download ========================================= */

.client-download
{
	margin:					30px 0 0 30px;	
}

.client-download h1
{
	
}

.client-download h1 em
{
	font-size:				24px;
	color:					#D1242C;	
}

.client-download h1 a
{
	margin-left:		12px;
}

.client-download ul
{
	width:				600px;
	margin:				0px auto;
}

.client-download ul li
{
	float:				left;
	display:			inline;
	margin-right:		18px;	
}

.client-download ul li .button-wrapper
{
	background:			none !important;
}


/* ============================================= forms ==================================================== */

.std-form
{
	
}

.form-row
{
	margin:             10px 0 0;
}

.form-action-row
{
	
}

/* -------------------- labels ------------------- */

.form-row label
{
	
}

.form-row label.error
{
	color:              red;
}

/* -------------------- inputs ------------------- */

.form-row input[type=text]
{
	/*
	font-size:			14px;
	background:			#fafafa;*/               
}

.form-row input[type=text]:focus
{
	/*
	background:			#fff;*/
}

.form-row input[type=submit]
{
	
}
	
/* ============================================= superfish menu ==================================================== */


/* Dropdown Menu */
/* ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	z-index:999;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/* SKIN */
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu li a {
    color: 				#292929;
	background:			transparent;
	/*border-left:	1px solid #fff; */
	border-bottom: 		4px solid transparent;
	padding: 			.75em 1em 0.25em ;
	text-decoration:	none;
}

.sf-menu li:first-child a {
	border-left:none;
}

.sf-menu li a:hover {
	color: #e2241b;
    border-bottom: 4px solid #e2241b;
}

.sf-menu ul li a {
  background: #f0f0f0;
  border-left:	1px solid #f0f0f0;
  border-bottom: 4px solid #f0f0f0;
}

.sf-menu ul li a:hover, .sf-menu ul li a:active {
   color:#FFFFFF;
   background:#e2241b; 
   border-left:	3px solid #e2241b;
   border-bottom: 4px solid #e2241b;
}

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

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

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

/* ========================= merged other css here ============================= */

/* ======================== top nav =========================== */

.topnav
{
    margin-top:         20px;
    border-top:         1px dotted #ccc;
    border-bottom:      6px solid #eee;
    clear:              both;
    z-index:            10;
}

.topnav ul li
{
    float:              left;
    display:            block;
    z-index:            11;
}


.topnav ul li.new
{
	background:			#fffcd0;
}

.topnav ul li a
{
    margin-top:         -2px;
    margin-bottom:      -6px;
    padding:            0px 24px;
    line-height:        33px;
    height:             34px;
    display:            block;
    text-decoration:    none;
    color:              #000;
    border-top:         3px solid transparent;
    border-bottom:      6px solid transparent;
    font-weight:        bold;
    background:         url(/analytics/images/bg/nav_pipe.gif) no-repeat scroll right 9px;
    z-index:            12;
}

.topnav ul li:last-child a
{
    background:         none; /* no pipe seprator at the end of the menu */
}

.topnav ul li a.selected, .topnav ul li a:hover.selected
{
    background:         #eee;
    border-top:         2px solid #ccc;
    border-bottom:      6px solid #ccc;
    color:              #000;
}

.topnav ul li a:hover, .topnav ul li a.hovered
{
    /*background:         #f7f7f7;*/
    color:              #d1242c;
    /*border-top:         3px solid #d1242c;*/
    border-top:         3px solid #ccc;
    border-bottom:      6px solid #eee;
}

.logged-in, .topnav ul.logged-in li
{
	background:			#fff3f4;	
}

.topnav ul.logged-in li a:hover
{
	background:			#ffd9de url(/analytics/images/bg/nav_pipe.gif) no-repeat scroll right 9px;
	color:				#000;	
}

.topnav ul li ul
{
    position:           absolute;
    background:         #eee;
    z-index:            13;
    margin:             0;
}

.topnav ul li ul li
{
    display:            block;
    float:              none;
    z-index:            14;
}

.topnav ul li ul li a
{
    display:            block;
    text-decoration:    none;
    color:              #000;
    font-weight:        bold;
    border:             none;
    padding:            2px 10px;
    background:         none;
    margin:             0;
    line-height:        auto;
    height:             auto;
    z-index:            15;
}

.topnav ul li ul li a:hover
{
    border:             none;
    color:              #fff;
    background:         #888;
}

/* ======================== tabbed feature module =========================== */

.feature-module
{
    /*background:         transparent url(/analytics/images/bg/dotted-pattern.gif);*/
    /*background:             #f7f7f7;*/
    border:                 none;
    position:               relative;
}

.feature-module .head
{
}

.feature-module .tabs
{
    float:              left;
    width:              167px;
    border-left:        4px solid #ddd;
    border-top:         4px solid #ddd;
    border-bottom:      4px solid #ddd;
    z-index:            1;
}

.feature-module .tabs ul
{
    
}

.feature-module .tabs ul li
{
    
}

.feature-module .tabs ul li a
{
    display:            block;
    text-align:         center;
    height:             60px;
    font-size:          16px;
    line-height:        60px;
    font-weight:        bold;
    font-family:        arial, sans-serif;
    letter-spacing:     .07em;
    border-bottom:      4px solid #ddd;
    background:         #f7f7f7;
    background:         #eee;
    color:              #666;
}

.feature-module .tabs ul li.last a
{
    border-bottom:      none;
}

.feature-module .tabs ul li a.selected,
.feature-module .tabs ul li a.selected:hover
{
    background:         #fff;
    color:              #000;
    border-right:       4px solid #fff;
    width:              167px;
}

.feature-module .tabs ul li a:hover
{
    background:         #cfe8f2;
    color:              #000;
}

.feature-module .content
{
    float:              left;
    background:         #fff;
    border:             4px solid #ddd;
    width:              820px;
    z-index:            0;
}

.feature-module .content .column
{
    float:              left;
}

.col-x1
{
    width:              260px;
}

.col-x2
{
    width:              550px;
}

.padding-wrapper
{
    padding:            20px;
}

.player-wrapper
{
    margin:             40px 50px 10px 70px;
    padding:            15px;
    background:         #444;
}

.api-player-fix
{
	margin:				40px 120px 10px 0px;	
}

.gap
{
    /*background:         #f3f7f9;*/
    height:             100px;
}

/* --------------------- analytics table ---------------------- */

.analytics-table
{
	width:				100%
}

.analytics-table tr td
{
	padding:			5px 10px 5px 0px;	
}

.analytics-table tr td.title
{
	font-size:			16px;
	font-weight:		bold;
	color:				#000;
}

.analytics-table tr.first td
{
	padding-top:		0px !important;
}

.analytics-table tr.odd td
{
	border:				none;
	padding-top:		15px;
	padding-bottom:		10px;
}

.analytics-table tr.even td
{
	border:				1px solid #bbb;
	border-right:		none;
	background:			#fff;
	font-size:			12px;
	padding:			10px;
}

.analytics-table tr.even td.last
{
	border-right:		1px solid #ccc;
}

.analytics-table span.small
{
	font-size:			12px;
	color:				#666;
	margin-left:		8px;
	font-weight:		normal;
}

.analytics-table span.warning
{
    padding:            0 0 10px 35px;
    margin-right:       8px;
    background:         transparent url(/analytics/images/icons/warning.png) no-repeat;
}

/* ------------ modules table ------------ */

.modules-table
{
	width:				100%;
	border:             1px solid #ccc;
}

.modules-table tr th
{
	padding:			10px;
	background:			#eee;
	text-align:			left;
	text-transform:     capitalize;
}

.modules-table tr td
{
	padding:			10px;
	background:			#fff;
	border-right:		1px solid #ccc;
	border-top: 		1px solid #ccc;
}

.modules-table tr td.last
{
	border-right:		none;
}

.modules-table tbody tr td.center
{
	line-height:			20px;
}

.modules-table tbody tr td.center span
{
	line-height:			35px;
	margin:					0 20px 0 150px;
}

/* ========================== download pages ============================ */

.info-box
{
    margin:                 45px 0 0;
}

.info-box p
{
    width:                  500px;
    padding-top:            0;
    margin-top:             0;
}

.product-info-box
{
    padding:                40px 20px 20px;
    font-size:              12px;
    line-height:            18px;
}

.product-info-box p
{
    margin-bottom:          24px;
}

/* ========================= dark tabs ======================================= */

ul.darktabs
{
    width:                  100%;
    background:             #999;
    height:                 35px;
}

ul.darktabs li
{
    display:                inline;
    float:                  left;
    margin:                 0 6px;
}

ul.darktabs li a
{
    display:                block;
    margin-top:             8px;
    height:                 27px;
    background:             #aaa;
    color:                  #fff;
    padding:                0 16px;
    line-height:            30px;
}

ul.darktabs li a.selected, ul.darktabs li a:hover.selected
{
    color:                  #000;
    background:             #fff;
}

ul.darktabs li a:hover
{
    cursor:                 pointer;
    background:             #a0a0a0;
}

#change-image
{
    color:                  blue;
}

/* ========================== developer pages ========================== */

.dev-spacer
{
    height:                 30px;
}

.developer .doc-container h1
{
    border-top:             3px solid #777;
    border-bottom:          1px solid #777;
}

/* ========= footer =============== */

.footer
{
    padding:                10px;
    border-top:             1px dotted #b5b5b5;
    clear:                  both;
    text-align:             center;
    margin:                 20px 0 0;
}

.footer ul
{
    width:                  300px;
    margin:                 0px auto;
}

.footer ul li
{
    display:                inline;
    float:                  left;
}

.footer ul li a
{
    display:                block;
    padding:                0px 12px;
    border-right:           1px solid #ddd;
}

.footer ul li a.last
{
    border-right:           none;
}

.footer ul li a:hover
{
    text-decoration:        underline;
}

/* ------------------------- user guide ----------------------------- */

.user-guide
{
    margin:                 30px 0 0;
    line-height:			1.5em;
    padding:	            0 20px 20px;
}

.user-guide .head
{
/*    margin:                 0 0 20px;*/
}

.user-guide h1
{
    color:                  #183A63;
    padding:                0 0 6px;
    margin:                 0 0 6px;
    font-size:              24px;
    letter-spacing:         0;
    line-height:            auto;
    border-bottom:          1px solid #183A63;
}

.user-guide h2
{
    font-size:              18px;
    color:                  #345A8A;
    font-weight:            bold;
    margin:                 25px 0 0;
}

.user-guide h3
{
    margin:                 20px 0;
    font-size:              16px;
    letter-spacing:         .04em;
    border-bottom:          1px solid #444;
    padding:                0 0 3px;
}

.user-guide h4
{
    
}

.user-guide p
{
    font-size:              14px;
    line-height:            18px;
    margin:                 8px 0;
    
}

.user-guide ul
{
    list-style-type:        square;
    margin:                 20px 0 20px 34px;
}

.user-guide ul li
{
    font-size:              14px;
}

.codeblock
{
    padding:                20px;
    border:                 1px dotted #74D4F7;
    background:             #E6F6FB;
    margin:                 20px;
}