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

body,html 
{
	color:				#000;
	font-family:		arial,verdana,sans-serif;
	font-size:			12px;
	/* background:         #f1f6ff url(/images/analytics/bg-top.gif) repeat-x 0 0; */
	background-color: #fff;
}

.left
{
	float: left;
}

.right
{
	float: right !important;
}

.clear
{
	clear: both;
}

a img
{
    border:         none;
}

.invisible, .hidden
{
	display:				none;
}

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

h1, h1 a
{
	color:					#333;
	font-size:				22px;
}

h1 a:hover
{
	text-decoration:		underline;
}

/* ------------------- 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;
}

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

ul
{
    list-style-type:        none;
}

a {
	color:#005C9C;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	cursor:         pointer;
}

.loading-wrapper
{
	background:		#fff;
	filter:			alpha(opacity=70);
	-moz-opacity:	0.7;
	opacity: 		0.7;
	height:			100%;
	width:			100%;
	position:		absolute;
	z-index:		99; 	
	top:			0;
	left:			0;
}

.loading-animation
{
	background:		#fff url(/images/icons/ajax-loader.gif) no-repeat scroll 8px 10px;
	/*border:			1px solid #ccc;*/
	height:			30px;
	filter:			alpha(opacity=100);
	-moz-opacity:	1;
	opacity: 		1;
	width:			30px;
	position:		absolute;
	left:			49%;
	top:			25%;
	padding:		10px;
	z-index:		100;
}

.data-error
{
    font-size:      14px;
    font-weight:    bold;
    color:          #444;
    height:         50px;
    line-height:    50px;
    width:          100%;
    text-align:     center;
}

/* --------------------- site filters ---------------------- */

table.sites
{
    
}

table.sites td
{
    padding:        15px 10px !important;
}

input[type=text].site
{
    padding:        3px;
    width:          80%;
    font-size:      14px;
}

/* --------------------- datepicker ------------------------ */

input[type=text].daterange
{
	font-size:		14px;
	border:			2px solid #86B5D9;
	padding:		3px 4px 2px 4px;	
	width:			240px;
}

.page-container {
	margin:         0px auto;
	width:          98%;
	min-width:		984px;
}

#header {
	background:#fffff;
	float:left;
	margin:0 0 1em;
	width:100%;
}

#nav {
	padding-top:10px;
	text-align:right;
	width: 600px;
}

#nav ul{
	margin:0;
	padding:0;
	list-style:none;
}

#nav li{
	display:inline;
	margin:0;
	padding:0;
}

#content {
	float:right;
	width:100%;
}

#content h2, #content h3, #content p {
	padding:0 10px;
}

.content-container {
	border:         1px solid #ccc;
	float:          left;
	padding:        10px;
	width:          98%;
	background:         #fff;
}

.content-container .header
{
    margin:         12px 0;
}

.content-container .header input[type=text]
{
    /*float:          right;*/
    height:         16px;
    font-size:      12px;
    padding:        4px 2px;
}

.content-container .header .datepicker
{
    margin-left:    16px;
}

.datepicker
{
    line-height:    20px !important;
}


/* ----------------- sidebar ----------------- */

.sidebar {
	float:			left;
	width:			14%;
	margin-right:	0px;
}

.sidebar .module
{
    border:			1px solid #ccc;
    padding:		5px;
    background:     #fff;
    width:          auto;
    margin:         0 0 15px;
}

.sidebar .module h3
{
    padding:        0 0 2px;
    border-bottom:  1px solid #eee;
}

.sidebar .module ul.questions
{
/*    list-style-type:    square;*/
}

.sidebar .module ul.questions li
{
    margin:            10px 0 0 15px;
}

.sidebar h3, .sidebar p {
	padding:		0 10px 0 0;
}

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

.sidebar ul a {
  	display:        block;
  	text-decoration:none;	
}

.sidebar ul li {
    margin-top:     0px;
}

.sidebar ul li a 
{
    color:          #333;
    letter-spacing: .05em;
    padding:        5px 5px 5px 35px;
    border-bottom:  1px solid #eee;
    font-size:      12px;
/*    height:         20px; */
    background-position:    5px 6px !important;
    line-height:            20px;
}

.sidebar ul li.selected a
{
    font-weight:    bold;
}

.sidebar ul li a.last
{
    border-bottom:  none;
}

.sidebar .info
{
    border:			1px solid #ccc;
    padding:		5px;
    background:     #fff;
    width:          auto;
    margin:         0 0 15px;
}

.sidebar .info ul li a 
{
    color:          #333;
    letter-spacing: .05em;
    padding:        5px 5px 5px 5px;
    border-bottom:  1px solid #eee;
    font-size:      12px;
    height:         100%;
    background-position:    5px 6px !important;
    line-height:            20px;
}

.sidebar .info h3
{
    padding:        0 0 2px;
    border-bottom:  1px solid #eee;
}

.sidebar .info ul.questions
{
    /*list-style-type:    square;*/
}

.sidebar .info ul.questions li
{
    margin:            2px 0 0 3px;
}

/* --- set icons --- */

.sidebar ul li a.dashboard
{
    background:     url(/images/analytics/dashboard.png) no-repeat;
}

.sidebar ul li a:hover.dashboard, .sidebar ul li.selected a.dashboard
{
    background:     #eaf2f5 url(/images/analytics/dashboard.png) no-repeat;
}

.sidebar ul li a.assets
{
    background:     url(/images/analytics/assets.png) no-repeat;
}

.sidebar ul li a:hover.assets, .sidebar ul li.selected a.assets
{
    background:     #eaf2f5 url(/images/analytics/assets.png) no-repeat;
}

.sidebar ul li a.syndicators
{
    background:     url(/images/analytics/syndicators.png) no-repeat;
}

.sidebar ul li a:hover.syndicators, .sidebar ul li.selected a.syndicators
{
    background:     #eaf2f5 url(/images/analytics/syndicators.png) no-repeat;
}

.sidebar ul li a.reports
{
    background:     url(/images/analytics/reports.png) no-repeat;
}

.sidebar ul li a:hover.reports, .sidebar ul li.selected a.reports
{
    background:     #eaf2f5 url(/images/analytics/reports.png) no-repeat;
}

.sidebar ul li a.ads
{
    background:     url(/images/analytics/ads.png) no-repeat;
}

.sidebar ul li a:hover.ads, .sidebar ul li.selected a.ads
{
    background:     #eaf2f5 url(/images/analytics/ads.png) no-repeat;
}

.sidebar ul li a.settings
{
    background:     url(/images/analytics/nav/globe.gif) no-repeat;
}

.sidebar ul li a:hover.settings, .sidebar ul li.selected a.settings
{
    background:     #eaf2f5 url(/images/analytics/nav/globe.gif) no-repeat;
}

/* -- end set icons -- */

.sidebar ul li ul li a {
    background:     #FFFFFF;
    color:          #000;	
    padding-left:   40px;
    font-size:      11px;
    border:         none;
    height:         16px;
    font-weight:    normal !important;
}

.sidebar ul li ul li a.selected, 
.sidebar ul li ul li a:hover.selected
{
    background:     #FFFFFF url(/images/icons/right-arrow-black.gif) no-repeat 22px 11px !important;
}

.sidebar ul li ul li a.last
{
    border-bottom:  1px solid #eee;
    padding-bottom: 12px;
}

.sidebar ul li ul li a:hover {
    background:         none;
    text-decoration:    underline;
    /*background:     #aaa;*/
    /*border-left:    5px #000 solid;*/
    /*adding-left:   15px;*/
}


/* ----------------- toolbar ------------------- */

.toolbar {
	/*border:1px dotted #B5B5B5;*/
	background:	 		#D1242C;
	color: 				#464646;	
	height: 			25px;
	clear:				both;
	margin-bottom:		14px;
}

.toolbar ul.nav
{
	list-style-type:	none;
	line-height:		24px;
	padding:            0 0 0 12px;
}

.toolbar ul.nav li span.title
{
    color:              #eee;
    text-transform:     capitalize;
}

.toolbar ul.nav li
{
	float:				left;
	color:				#ddd;
	font-size:			11px;
	font-weight:        bold;
	padding:            0 0 0 4px;
}

.toolbar ul.nav li a
{
	color:				#fff;
	font-size:			11px;
	font-weight:		bold;
	letter-spacing:		.05em;
	padding:			0 4px 0 0;
	text-transform:     capitalize;
	float:              left;
}

.toolbar .dropdown
{
    margin:             2px 4px;
}

.tier .header .dropdown
{
    margin:             0;
}

.toolbar .dropdown label,
.tier .header .dropdown label
{
    color:              #fff;
    font-size:          11px;
    line-height:        20px;
    margin-right:       8px;
    font-weight:        bold;
}

/* ------------------ footer ------------------- */

#logo {
	padding:5px;
}

.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;
}

/* ----------------- box stuff ------------------ */

.toolbox
{
    background:     #eee;
    height:         25px;
    padding:        7px;
}

.toolbox .first
{
    margin-left:    0px !important;
}

.toolbox .last
{
    padding-right:  0px !important;
    border-right:   none !important;
}

.toolbox .tool
{
    /*border-right:   1px dotted #aaa;*/
    padding-right:  24px;
    margin-left:    24px;
    line-height:    27px;
}

.toolbox .tool label
{
    font-weight:    bold;
    color:          #888;
    font-size:      11px;
    margin-right:   12px;
}

.toolbox .tool input[type=radio]
{
    margin:         0 8px 0;
}

.toolbox .tool em
{
    font-style:     normal;
    padding:        4px;
    font-size:      11px;
}

/* ------- export list -------- */

.export li
{
	float:			left;
	dislay:			inline;
	color:			#555;
	font-weight:	bold;
	font-size:		11px;	
}

.export li.first
{
	margin-right:	8px;
}

.export li a 
{
	display:		block;
	margin-left:	6px;
}

.export li a img
{
	border:			none;
	padding:        5px;
}

/* ========================== box ======================== */

.box {
    border:         1px solid #ddd;
    width:          49%;
}

.large-box
{
    width:          99.5% !important;
}

.box .header
{
    background:     #444;
    color:          #fff;
    margin:         0px;
    padding:        5px 8px;
    position:       relative;
    font-weight:    bold;
    font-size:      14px;
}

.box .header .title
{
	margin-right:	30px;
}

.box .header a.corner
{
    background:     url(/images/buttons/expand-collapse.gif) no-repeat 0 -20px;
    display:        block;
    width:          20px;
    height:         20px;
}

.box .header a.closed
{
    text-decoration:		none;
    background-position:    0 0;
}

.box .header label
{
	font-size:		11px;
	color:			#aaa;
	line-height:	19px;
}

.box .header span a, .box .header a
{
	color:			#fff !important;
}

.box .header ul.controls
{
	margin-right:	50px;
}

.box .header ul.controls li
{
	float:			left;
	display:		inline;
	margin-left:	12px;
	background:		#666;
	line-height:	14px;
}

.box .header ul.controls li a
{
	color:			#fff;
	font-size:		11px;
	display:        block;
	padding:        3px 8px 1px;
}

.box .header ul.controls li a.customize
{
    padding:        2px 8px;
}

.box .header ul.controls li a:hover,
.box .header ul.controls li:hover
{
	text-decoration:none;
	background:		#999;
	cursor:         pointer;
}

.box .header ul.controls li.selected,
.box .header ul.controls li.selected a
{
	background:		#86b5d9;
	
}

.box .pagination
{
	padding:		7px;
}

.box .pagination .prev, .box .pagination .next
{
	float:			left;
	width:			24px;
}

.box .pagination img:hover.prev, .box .pagination img:hover.next
{
	cursor:			pointer;	
}

.box .pagination input
{
	float:			left;
	margin:			0 3px;
	height:			17px;
	border:			1px solid #ddd;	
	font-size:		13px;
	padding:		3px;
	width:			40px;
	text-align:		center;
}

.box .pagination select
{
	float:			left;
	margin-left:	4px;
}

.box .data
{
    padding:        10px;
    position:		relative;
}

.box .has-map
{
	background:		#eaf7fe;
}

.box .has-player
{
	background:		#000;
}

.box .data .half
{
    width:          49%;
}

.box .data .quarter
{
    width:          25%;
}

.box .block
{
    clear:          both;
}

.box .block .details
{
    float:          left;
    margin:         35px 0 0 20px;
}

.box .block label
{
    float:          left;
    font-size:      28px;
    font-weight:    bold;
}

.box .block a
{
    font-size:      18px;
    line-height:    40px;
    margin:         0px 8px;
}

.box .footer
{
    background:     #eee;
    border-top:     none;
    padding:        5px;
    display:        block;
    height:         15px;
    margin:         0;
}

.box .footer a
{
    font-weight:    bold;
    float:          right;
}

/* ==================== special cases ===================== */

.earthmap
{
	background:		#64b4c8;
}

.map-wrapper
{
	background:		#eee;
	padding:		10px;
	width:			334px;
	margin:			0px auto;
}

.value {
	font-size: xx-large;
	font-weight: bold;
	padding: 10px;
}

.label {
	font-size: medium;
	font-weight: bold;
	padding: 10px;
}

.statistic {
	height: 75px;
	width: 400px;
}

.sparkline
{
    width:      400px;
    height:     300px;
}

/* ------------ tiers & modules ---------- */

.tier
{
    padding:   0 5px 0 5px;
}

.module
{
    
}

/* ---------------- plots ---------------- */

.large-plot
{
    width:          99%;
    height:         200px;
}

.small-plot
{
    width:          99%;
}

.spark-plot
{
    float:          left;
    width:          250px;
    height:         100px;
}

/* ------------ corner actions ------------ */

.corner
{
    position:       absolute;
}

.mr
{
    top:            8%;
    right:          5px;
}

/* ------------- pill list ------------- */

ul.pill-list
{
    display:            block;
}

ul.pill-list li
{
    background:         #cfe9f9;
    padding:            8px;
    float:              left;
    margin-right:       12px;
    display:            block;
}

/* ------------- stats list -------------- */

ul.stats-list  li
{
    color:              #555;
    font-size:          14px;
    float:              left;
    margin-right:       12px;
    display:            block;
}

ul.stats-list li em
{
    font-weight:        bold;
    font-size:          28px;
    font-family:        arial, sans-serif;
    color:              #000;
    font-style:         normal;
}

ul.stats-list li em span
{
	font-size:			16px;
}

/* ------------ control bar --------------- */

.control-bar
{
    margin-bottom:      16px;
}

.control-bar 
{
    
}

/* ------------ footer controls ------------ */

.bottom-controls
{
    margin-top:         16px;
    border-top:         1px solid #ccc;
    padding:            12px;
}

/* ---------- table filters --------------- */

.table-filter
{
	border-bottom:		1px solid #ccc;
}

.table-filter .header
{
	background:			#aaa;
	color:				#333;
	height:				20px;
	line-height:		20px;
	padding:			3px;
}

/* --- nav --- */

.table-filter .nav
{
	background:			#888;
	width:				105px;
	border-right:		1px solid #ccc;
}

.table-filter .nav li
{
	
}

.table-filter .nav li a
{
	display:			block;
	height:				30px;
	padding:			0px 30px;
	line-height:		30px;
	font-size:			12px;
	color:				#fff;
	border-bottom:		1px solid #ccc;
	background:			#888;	
}

.table-filter .nav li.selected
{
	background:			#eee;
	border-bottom:		1px solid #ccc;
}

.table-filter .nav li.selected a, .table-filter .nav li.selected a:hover
{
	background:			transparent url(/images/icons/nav-arrow.png) no-repeat scroll 100% 0;
	border-bottom:		none;
	color:				#555;
	width:				64px;
}

.table-filter .nav li a:hover
{
	background:			#999;
	text-decoration:	none;
}

.table-filter .nav li a:hover.selected
{
	background:			#eee url(/images/icons/nav-arrow.gif) no-repeat scroll 0 100%;
	color:				#000;
}

/* --- filters --- */

.table-filter .filters
{
	width:				78%;
	padding:			12px;
	margin:				10px 0 0 40px;
}

.table-filter .filters ul li
{
	display:			block;
	width:				20%;	
	float:				left;
	height:				30px;
	line-height:		30px;
	margin-bottom:		10px;
}

.table-filter .filters ul li div
{
	/*background:			url(/images/icons/checkbox-sm-on.png) no-repeat;*/
	/*padding:			4px 4px 4px 40px;*/
	padding:			    4px 4px 4px 20px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	background-position:	7px 7px;
	color:					#000;
	letter-spacing:			.03em;
}

.table-filter .filters ul li div.selected
{
	/*background:				#fafafa url(/images/icons/checkbox-sm-off.png) no-repeat;*/
	background-position:	7px 7px;
	color:					#888;
}

.table-filter .filters ul li div:hover.selected
{
	/*background:			#f7f7f7 url(/images/icons/checkbox-sm-off.png) no-repeat;*/
	background-position:	7px 7px;
	cursor:				pointer;
}

.table-filter .filters ul li div:hover
{
	/*background:			#eee url(/images/icons/checkbox-sm-on.png) no-repeat;*/
	background-position:	7px 7px;
	cursor:				pointer;
}

.table-filter .filters ul li div input
{	
	margin-right:			8px;
	float:                  left;
}

.table-filter .filters ul li div .text
{
    float:                  left;
    line-height:            16px;
    width:                  65%;
    padding:                0;
}

/* -------------- filters ------------------ */

.control-bar
{
    border-bottom:  1px solid #ccc;
    padding:        12px;
}

.filters ul li
{
    display:        block;
    float:          left;
    margin-right:   30px;
    color:          #888;
    height:         30px;
    line-height:    30px;
}

.filters ul li a.filter
{
    padding:        0px 30px;
    font-weight:    bold;
    display:        block;
    background:     #eee;
}

.filters ul li a:hover.filter
{
    text-decoration:none;
    background:     #e8e8e8;
}

.filters ul li.green a
{
    color:          #319131;
}

.filters ul li.green a.selected
{
    color:          #fff;
    background:     #43a243;
}

.filters ul li.blue a
{
    color:          #0099ff;
}

.filters ul li.blue a.selected
{
    background:     #0099ff;
    color:          #fff;
}

.filters ul li.purple a
{
    color:          #913177;
}

.filters ul li.purple a.selected
{
    background:     #913177;
    color:          #fff;
}

/* -------------- bar chart ---------------- */

table.bar-chart
{
	
}

table.bar-chart td.frequency
{
	width:			30%;
}

table.bar-chart td.data
{
	width:			10%;
	background:		#eee;
}

table.bar-chart td.graph
{
	width:			60%;
}

table.bar-chart td.graph .wrapper
{
	width:			90%;
	float:			left;
	margin-right:	16px;
}

table.bar-chart td.graph .bar
{
	background:		#7fa1ed;
	height:			20px;
	float:			left;
	margin-right:	16px;
}

table.bar-chart td.graph span
{
	float:			left;
	line-height:	20px;
}

table.bar-chart tr:hover td
{
	background:		none !important;
}

table.bar-chart tr:hover td.data
{
	background:		#eee !important;
}

/* -------------- pie chart ---------------- */

table.has-pie-chart tr.strict-height
{
	height:			32px;
}

table.has-pie-chart td.drop-border
{
	border: 		none;
}

table.has-pie-chart tr:hover td
{
	background:		none !important;
}

/* -------------- data table --------------- */

table.data-table
{
    width:          100%;
    clear:          both;
}

table.data-table th
{
    background:     #eee;
    font-size:      12px;
    color:          #666;
    padding:        5px 5px 5px 8px;
    border-right:   1px solid #ccc;
    border-bottom:  1px solid #ccc;
    text-align:     left;
    text-transform: capitalize;
}

table.data-table th.headerSortUp
{
    background-position:    95% -48px !important;
}

table.data-table th.headerSortDown
{
    background-position:    95% -20px !important;
}

table.data-table th.header
{
    background:     #eee url(/images/icons/sortable-arrows.gif) no-repeat 95% 8px;
    font-size:      11px;
    color:          #666 !important;
    padding:        5px 5px 5px 8px;
    overflow:		hidden;
}

table.data-table th:hover.header
{
    cursor:         pointer;
}

table.data-table th.green
{
    background:     #ddffdd url(/images/icons/sortable-arrows.gif) no-repeat 95% 8px;
}

table.data-table th.purple
{
    background:     #fadcff url(/images/icons/sortable-arrows.gif) no-repeat 95% 8px;
}

table.data-table th.blue
{
    background:     #ebf7ff url(/images/icons/sortable-arrows.gif) no-repeat 95% 8px;
}

table.data-table th.last
{
    border-right:   none;
}

table.data-table th.first, table.data-table td.first
{
	width:			40%;
	text-overflow:	ellipsis;
	overflow:		hidden;
	white-space: 	nowrap;
}

table.data-table tr:hover td
{
    background:     #eaf2f5;
    cursor:         pointer;
}

table.data-table td.align-left
{
    text-align:     left;
}

table.data-table td
{
    text-align:     right;
    padding:        8px;
    border-right:   1px solid #ddd;
    border-bottom:  1px solid #ddd;
}

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

table.data-table td.gray
{
    background:     #eee;
    color:          #999;
}

.dashboard_modules {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

.dashboard_module {
	margin:0 0 2em;
	position:relative;
	width:100%;
}

.dashboard_intro {
	margin:0 0 1em;
	width:100%;
}
.dashboard_module h2, .dashboard_intro h2 {
	background:#666666 none repeat scroll 0 0;
	border:1px solid #666666;
	color:#FFFFFF;
	font-size:120%;
	margin:0;
	padding:0;
	position:relative;
}

.dashboard_module h2 b, .dashboard_intro h2 b {
	background:#666666 none repeat scroll 0 0;
	border-top:1px solid #666666;
	display:block;
	margin:0;
	position:relative;
	top:-2px;
}

/* -------------------------- dashboard panel ---------------------- */

.dashboard-panel
{
	/*border:				1px solid #ccc;
	background:			#fafafa;
	width:				900px;
	margin:				25px auto;*/
}

.dashboard-panel .header
{
	background:			#333;
	color:				#fff;
	padding:			10px;
	margin:             0;
}

.dashboard-panel .header .title
{
	line-height:		25px;
}

.dashboard-panel .header a.add
{
	background:			#444;
	padding:			5px 12px;
	display:			block;
	color:				#ddd;
	text-decoration:	none;
}

.dashboard-panel .header a:hover.add
{
	background:			#86B5D9;
	color:				#fff;
	text-decoration:	none;
}

.dashboard-panel .body
{
	padding:			30px;
}

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

.analytics-table
{
	width:				100%
}

.analytics-table tr th.first
{
    border-left:        1px solid #ccc;
}

.analytics-table tr th
{
    text-align:         left;
    background:         #eee;
    border:             1px solid #ccc;
    border-left:        none;
    padding:            10px;
    font-size:          14px;
    text-transform:     capitalize;
}

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

.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(/images/icons/warning.png) no-repeat;
}

.analytics-table span.collecting
{
    padding:            0 0 10px 35px;
    margin-right:       8px;
    background:         transparent url(/images/icons/check.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;
}

/* ---------- next button ----------- */

a.button img
{
    border:                 none;
}

.next-button 
{
	background:				#BF0721;
}

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

.next-button input[type=submit],.next-button a
{
	background:				transparent url(/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%;
}

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

.question-block
{
	margin:					10px 5px;
}

.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:					600px;
	position:				relative;
	margin:					20px 5px 0;
	padding:				1px;
}

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

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

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(/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;
	margin:                 0px !important;
}

.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;
}

.above-radio
{
    margin-bottom:          10px;
}

.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;
	line-height:            20px;
}

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

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

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

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

.info-box .buttons
{
    float:                  left;
    margin:                 0 0 0 70px;
}

.info-box .buttons .loading
{
    background:             #fafafa;
    border:                 1px solid #eee;
    padding:                10px 10px 10px 0;
}

span.bg-loader
{
    background:             transparent url(/images/icons/ajax-loader.gif) scroll 15px 0px no-repeat;
    padding:                10px 0 5px 50px;
    height:                 30px;
    line-height:            30px;
}

.info-box h1
{
    margin:                 0 0 20px;
}

.info-box .next-button
{
    margin:                 0 0 10px;
}

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

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

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

.product-info-box h1
{
    padding:                20px 0;
    border-bottom:          2px solid #999;
    border-top:             2px solid #999;
    margin:                 0 0 30px 10px;
}

.product-info-box h3
{
    margin:                 0 40px 30px 0;
    border-bottom:          1px solid #bbb;
    padding:                10px 0 !important;
}

.product-info-box div.sub-item
{
    border:                 1px solid #ccc;
    padding:                10px 20px;
    font-weight:            bold;
    font-size:              16px;
    margin:                 0 10px;
}

.product-info-box .player
{
    padding:                10px;
    background:             #ddd;
    margin:                 0 30px 0 0;
}

.product-info-box .log
{
    padding:                10px;
    border:                 1px dotted #ccc;
    width:                  220px;
    height:                 240px;
}

.product-info-box .first-block
{
    width:                  400px;
}

.demo p
{
    width:                  285px;
    height:                 70px;
}

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

/* ========================= 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;
    text-decoration:        none;
}

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

.std-form
{
    width:                  600px;
    margin:                 20px 0 0 5px;
}

.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;
}

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

.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:					0;
	margin-right:           10px;
}

/* ======================== integration pages ======================== */

.stream
{
    border:                 1px solid #ccc;
    padding:                10px;
    width:                  200px;
    color:                  #333;
    margin:                 50px 0 0;
}

/* ============================= support block =========================== */

.support-block
{
    background:             #eee;
    border:                 1px solid #ccc;
    margin:                 10px 0 0 50px;
    padding:                10px;
    width:                  200px;
}

.support-block p
{
    margin:                 10px 0 0;
    line-height:            18px;
}

/* ---------------- random UL -------------------- */

ul.bullet-list
{
    list-style-type:        square;
    margin:                 0 0 20px 25px;
}

/* -- player analytics logs -- */

.logs
{
    border:                 1px solid #ccc;
    width:                  320px;
    padding:                9px;
    height:                 100px;
    overflow:               auto;
}

.events
{
    border:                 1px solid #ccc;
    border-left:			none;
    width:                  140px;
    padding:                9px;
    overflow:               auto;
}

/* ---------------- bar chart --------------------- */

table.barchart
{
    
}

table.barchart tr
{
    
}

table.barchart td, table.barchart th
{
    padding:                3px 6px 3px 3px;
    text-transform:         capitalize;
}

table.barchart td .fill
{
    background:             #7FA1ED;
    height:                 20px;
    float:                  left;
    width:                  0%;
}

table.barchart td .fill span
{
    color:                  #fff;
    padding:                2px;
}

/* ----------------- api events table --------------- */

table.api-events
{
    margin:                 15px;
}

table.api-events td
{
    padding:                4px;
    border:                 1px solid #ddd;
    width:                  250px;
}

/* ---------------- code highlighting -------------- */

.highlight-line
{
    background:             #fefa00;
    padding:                2px;
    margin:                 0 0 0 171px;
    font-family:            courier;
}

.highlight-text
{
    background:             #fefa00;
    padding:                2px;
    font-family:            courier;
}

.highlight-block
{
    margin:                 -16px 0 -16px 171px;
    background:             #fefa00;
    padding:                2px;
    float:                  left;
    font-family:            courier;
}

.js__highlight, .php__highlight, .jquery__highlight
{
    background:             #fefa00;
    color:                  #000;
    padding:                2px;
}

.twotabs
{
    
}

.threetabs
{
    margin-left:            139px;
}

.fourtabs
{
    
}

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

.manage-labels-container
{
    border:                 1px solid #ddd;
}

.manage-labels-container .header
{
    padding:                4px 4px 4px 8px;
    font-size:              12px;
    color:                  #fff;
    background:             #333;
    margin:                 0;
}

div.labels
{
    padding:                16px 25px 16px 16px;
    width:                  120px;
}

div.videos
{
    padding:                12px;
}

table.labels
{
    margin-bottom:          12px;
    padding-bottom:         6px;
    border-bottom:          1px dashed #d3d3d3;
}

table.labels tr, table.videos tr
{
}

table.videos tr td.labels
{
    padding-left:           20px;
    border-bottom:          1px dotted #d3d3d3;
}

table.videos
{
    width:                  100%;
}

table.videos tr
{
    line-height:            30px;
}

table.videos td.video
{
    font-size:              16px;
    color:                  #444;
}

input[type=text].video-search
{
    padding:                6px 6px 3px;
    height:                 22px;
    line-height:            22px;
    font-size:              14px;
    color:                  #333;
    border:                 2px solid #888;
    width:                  300px;
    margin:                 0 0 20px;
}

.label-token
{
    font-size:              11px;
    padding:                4px 12px;
    margin:                 0 0 0 8px;
    line-height:            30px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright:2px;
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
}

.label-token a
{
    color:                  #ddd;
    margin:                 0 0 0 6px;
}

.red-label { color: #fff; background: #cc0000; }
.blue-label { color: #fff; background: #206cff; }
.orange-label { color: #fff; background: #ec7000; }
.black-label { }
.green-label { }