@charset "UTF-8";
@import url('admin.css');
#logo h1 { display: none; }
body
{
	background: #9ec7dd url('img/bg.jpg') repeat-x left top;
	height: 100%;
}
.clean
{
	margin: 0px;
	padding: 0px;
}
.container
{
	background: #fff url('img/header_bg.jpg') repeat-x left top;
}
#header
{
	background: transparent url('img/header_right.jpg') no-repeat right top;
	height: 88px;
}
#logo img
{
	margin-left: 50px;
}
a, a:visited
{
	color: #000099;
	text-decoration: none;
	border-bottom: 1px dotted #009; 
}
a:focus, a:hover
{
	background: #efffdf;
}
a.termLink, a.termLink:visited {
	color: #777;
	font-weight: bold;
	border-bottom: none;
}
a.termLink:focus, a.termLink:hover {
	background: #efffdf;
	border-bottom: 1px dotted #009; 
}
a.bigActionLink, a.bigActionLink:visited {
	color: #093773;
	font-weight: bold;
}
a.imagelink
{
	border: 0px;
	background: none;
}
span.highlight
{
	background: #ccffce;
}
ul.error, ul.notice, ul.success
{
}
.menu {
	margin: 10px 10px 16px 0px;
}
.message {
	margin: 14px 80px 20px 70px;
	padding: 4px;
	font-weight: bold;
}

a img {
	border: none;
}

img.button {
	border: none;
	cursor: pointer;
}

a.imgLink, a.imgLink:visited {
	border-bottom: none;
}

a.imgLink:hover {
	background-color: transparent;
}

.error {
	color: #990000;
}

.comment {
	color: #777;
}

.title, h2
{
	color: #444;
	font-weight: bold;
	font-size: x-large;
}

.term {
	color: #777;
	font-weight: bold;
}

.big {
	font-size: large;
}

.bigger {
	font-size: larger;
}
.rightaligned
{
	float: right;
	margin: 0px 2px;	
}
.hoplink
{
	cursor: pointer;
}
input.long {
	width: 300px;
}
input.longAsTextArea{
	width: 390px;
}
input.veryLong {
	width: 400px;
}

th {
	background-color: #DDDDDD;
	border-bottom: 1px solid Maroon;
	padding: 4px;
}

td {
	padding: 3px 5px 3px 5px;
}

.odd {
	background-color: #f5f5f5;
}
p
{
	margin-bottom: 0.8em;
}
#infoblock
{
	text-align: right; 
	color: #333;
	background: transparent;
	border: 0px solid #000;
	margin: 1px 10px;
	padding: 5px 10px;
	font-size: 11px;
	/*filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;	*/
}
#infoblock a
{
	color: #333;
	border-color: #333;
}
#infoblock a:hover, #infoblock a:active, #infoblock a:link
{
	background: transparent;
	color: #777;
	border-bottom-color: #777;
}
#infoblock a.imglink
{
	border: none;
}
.box-left50
{
	width: 50%;
	float: left;
}

#topmenu
{
	height: 34px;
	background: transparent url(img/menubar_bg.jpg) repeat-x left top;
	margin-bottom: 0px;
	margin-top: 0px!important;
	margin-top: -3px;
}
#topmenuleft
{
	height: 34px;
	background: transparent url(img/menubar_left.jpg) no-repeat left top;
	margin-bottom: 0px;
}
#topmenuright
{
	height: 34px;
	background: transparent url(img/menubar_right.jpg) no-repeat right top;
	margin-bottom: 0px;
}
#topmenumain
{
	margin-bottom: 0px;
}
#topmenumain .menuitem
{
	height: 34px;
	background: transparent url(img/menubar_divider.jpg) no-repeat right top;
	text-align: center;
}
#topmenumain .menuitem a
{
	display: block;
	height: 31px;
	padding-top: 3px;	
	text-decoration: none;
	vertical-align: middle;
	font-weight: bold;
	color: #fff;	
	border: 0px;
}
#topmenumain .menuitem a:hover, #topmenumain .menuitem a.currentmenu
{
	color: #cee2ed;
}
/*#topmenumain #dashboard
{
	background: transparent url(img/menuarrowseparator.png) no-repeat right top;
	text-align: left;*
}*/
#mainwrapper
{
	margin-top: 0px;
	background: transparent url(img/bodybg.jpg) repeat-y left top;
}
#leftcol
{
	width: 175px;
	margin: 8px 2px 8px 8px;
	background: transparent url(img/leftcol_back.jpg) repeat-y left top;
}
#leftcoltop
{
	height: 30px;
	color: #444;
	font-size: 1.2em;
	background: transparent url(img/leftcol_top.jpg) no-repeat left top;
}
#leftcolmain-inner
{
	margin-left: 5.5px;
	margin-bottom: 15px;
}
#leftcolbottom
{
	height: 8px;
	background: transparent url(img/leftcol_bottom.jpg) no-repeat left bottom;
}
#mainbody
{
	margin-top: 5px;	
}
#footer
{
	height: 120px;
	margin-top: 0px;
	background: transparent url(img/footer_bg.jpg) repeat-x left top;
	text-align: center;
	color: #444;
	position: relative;
}
#footerleft
{
	height: 100%;
	border-left: 1px solid #A5C4D7;
	margin-right: 8px; /* offset borders */
}
#footerright
{
	height: 100%;
	border-right: 1px solid #A5C4D7;
}
#footerinfo
{
	margin: 7px 0px 0px 0px;
}

/*** Positioning Rules ***/

.topAligned {
	vertical-align: top;
}

.leftMargined { margin-left: 20px; }
.rightMargined { margin-right: 20px; }
.topMargined { margin-top: 0.7em; }
.bottomMargined { margin-bottom: 0.7em; }
.bottomPadded { padding-bottom: 0.7em; }

.smallLeftMargined { margin-left: 8px; }

.centered { text-align: center; }
.rightAligned { text-align: right; }

/************** Search Page ************************/
#searchbox
{
	width: 400px;
	margin: 10px 0px;
	text-align: left;
}
.productPopularity
{
	color: green;
}
.newProduct {
	color: blue;
	font-weight: bold;
	border: 1px solid blue;
	padding: 1px 2px 1px 2px;
}
#popupHolder
{
	width: 250px;
	height: 210px;
	position: absolute;
    z-index: 2;
    background: #fff;
    border: 1px solid #999;
	display:none;	
	text-align: center;
}
.adminSearchToolbar
{
	padding: 3px 10px;
	font-weight: bold;
	background: #deefef;
	color: #444;
}

.admin {
	background-color: #DEEFEF;
	color: #444444;
	font-weight: bold;
	padding: 3px 10px;
}

/****************** Hoplink ***********************/
table.nopadd td, table.nopadd table td
{
	padding: 0px 0px 0px 0px;
}

/******* Sales tracking ************/
table.datatable
{
	width: 60%;
	margin: 10px 18% 20px 18%;
}
table.datatable tbody tr td
{
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}
table.datatable tbody tr td table
{
	width: 100%;
	margin: 0px;
}
table.datatable tbody tr td table td
{
	border: 0px;
	width: 50%;
}
/** Pagination ***/
.pagination
{
	display: inline-block;
	margin: 10px 15px;
}
.pagination a
{
	border-bottom: 0px;
}

/** Messsages **/
.notification {
	color: green;
	font-weight: bolder;
}

/** Videos **/
.videoholder
{
	width: 150px;
	height: 180px;
	float: left;
	border: 1px solid #efefef;
	background: #fff;
	margin: 5px;
	padding: 8px 3px;
	text-align: center;
}
.videoNumber
{
	float: left;
	font-weight: bold;
}
.videoLinksHolder
{
	clear: left;
	background: #efefef;
	border: 0px solid #ddd;
	width: 87.5%;
	margin-left: 5px;
	padding: 10px 20px;	
}
.videoSingle
{
	padding: 10px;
	background-color: #EBF3FF;
	border: 1px solid #D1DEEF;
}
.videoSingle h2
{
	font-size: 20px;
	margin: 0;
}
.videoSingle p
{
	text-align: justify;
	overflow: auto;
	min-width: 100px;
}
.videoSingle #video
{
	float: left;
	margin-right: 10px;
}
.videoSingle .video-info
{
	clear: left;
	padding-top: 10px;
}
.videoOffers
{
	font-size: 14px;
	overflow: auto;
	padding: 10px;
	margin: 10px 0;
}
.videoOffers h3
{
	font-weight: bold;
	clear: left;
}
.videoOffers h4
{
	margin-bottom: 5px;
}
.videoOffers .buynow a
{
	margin-bottom: 1em;
	border-bottom: none;
	text-decoration: underline;
}
.videoOffers > div
{
	float: left;
	padding: 0 10px;
}
table#videoresults tr td
{
	padding: 10px 5px;	
}
table#videoresults .videothumb
{
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
}
#addedForm
{
	background: #efefef;
	padding: 10px;
}
#searchForm input, #searchForm select
{
	margin-left: 5px;
	margin-right: 5px;
}
#searchForm #searchButton
{
	margin-left: 0px;
}
#searchForm table.nopadd, #searchForm table.nopadd td
{
	margin: 0px;
	padding: 0px;
}
#searchForm table.filterBigFields input, 
	#searchForm table.filterBigFields select
{
	width: 150px;
	margin: 2px 5px;
}
#searchForm tablefilterSmallFields input, 
	#searchForm table.filterSmallFields select
{
	width: 100px;
	margin: 2px 5px;
}
/**** left column boxes *******/
.boxtitle
{
	margin: 15px 2px 2px 5px;
	font-size: 15px;
	font-weight: bold;
}
.firstbox
{
	margin-top: 0px;
}
div.roundbox
{
	background: transparent url('img/leftboxback.png') repeat-y left top;
	margin: 5px 0px;
}
div.roundboxtop
{
	background: transparent url('img/leftboxtop.png') no-repeat left top;
	height: 9px;
}
div.roundboxmain
{
	font-size: 11px;
}
div.roundboxmain form
{
	margin: 10px 15px;
}
div.roundboxmain ul
{
	margin: 15px;
}
div.roundboxbottom
{
	background: transparent url('img/leftboxbottom.png') no-repeat left bottom;
	height: 7px;
}
ul.checklist
{
	list-style: disc inside url("img/arrow.gif");
}
ul.checklist li
{
	margin-top: 3px;
}

/* left column: main page update */
.wsAdvantages
{
	width: 148px; padding: 5px; background-color: #fff;
	border: 3px solid #38669D; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.wsAdvantages ul
{
	margin-bottom: 0;
}
.wsFreeSignup label
{
	display: block;
	font-size: 12px;
}
.wsFreeSignup input
{
	margin: 0 0 5px;
	width: 160px;
}

/********** search box **************/
div.searchbox
{
	background: #fff url('img/searchboxback.png') repeat-x left top;
	height: 107px;
	margin-top: 4px;
}
div.searchboxleft
{
	background: transparent url('img/searchboxleft.jpg') no-repeat left top;
	height: 100%;
	padding-left: 151px;
}
div.searchboxright
{
	background: transparent url('img/searchboxright.png') no-repeat right top;
	height: 100%;
	padding-right: 7px;
}
input.button
{
	width: 72px;
	height: 20px;
	text-align: center;
	color: #fff;
	background:transparent url('img/buttonBG.gif') no-repeat left top;
	border: 0px;
	/*display: inline-block;*/
	position: relative;
	top: 0px;
	padding-bottom: 3px;
	cursor: pointer;
}
form.singleFieldSearch
{
	display: block;
	padding-top: 30px;
}
form.singleFieldSearch label
{
	font-size: 16px;
}
form.singleFieldSearch input.textField
{
	padding: 3px 7px;
	font-size: 15px;
}
form.singleFieldSearch input.button
{
	width: 73px;
	height: 28px;
	text-align: center;
	color: #fff;
	background:transparent url('img/buttonBig.png') no-repeat left top;
	border: 0px;
	font-size: 15px;
	cursor: pointer;
}
/*** tables ***/

thead th
{
	background: #a2c7e5;
	color: #333;
}

.subTable thead th {
	background: #FFFFFF;
	border-bottom: none;
}

.smallCell
{
	width: 22px;
}

.miniStarsContaigner3{
	width: 40px;
}

.miniStarsContaigner5{
	width: 68px;
}


/*** NEW TABLES ***/

.blueRounded .boxback {
	background: url('img/blue_rounded/bg.jpg') repeat-x left top;
}
.blueRounded .boxleft {
	background: url('img/blue_rounded/left.jpg') no-repeat top left;
}
.blueRounded .boxright {
	background: url('img/blue_rounded/right.jpg') no-repeat top right;
}
table.blueRounded tr.odd {
	background-color: #EDF7FC;
}
table.blueRounded >thead th {
	background: transparent !important;
	height: 42px;
	color: white;
	border-bottom: none;
	padding: 2px;
}
.blueRounded td {
	color: #093773;
	padding: 5px 5px;
}
.blueRounded td.higher, .blueRounded th.higher {
	padding: 10px 5px;
}
.blueRounded .bordered {
	border: 1px solid #BDCFE7;
}

/*** BLUE BOX ***/

.blueBox { background: url('img/blue_rounded/box-gradient.jpg') repeat-x top left; position: relative; background-color: #e4f2ff; }
.blueBox .boxCrn { background-image: url('img/blue_rounded/corners.png'); width: 10px; height: 10px; position: absolute; font-size: 0; }
.blueBox .boxCrn.nw { background-position: top left; top: 0; left: 0; }
.blueBox .boxCrn.ne { background-position: top right; top: 0; right: 0; }
.blueBox .boxCrn.se { background-position: bottom right; bottom: 0; right: 0; }
.blueBox .boxCrn.sw { background-position: bottom left; bottom: 0; left: 0; }
.blueBox .boxBrd { position: absolute; background-color: #bdcfe7; font-size: 0; }
.blueBox .boxBrd.n { width: 100%; height: 1px; top: 0; left: 0; }
.blueBox .boxBrd.e { width: 1px; height: 100%; top: 0; right: 0; }
.blueBox .boxBrd.s { width: 100%; height: 1px; bottom: 0; left: 0; }
.blueBox .boxBrd.w { width: 1px; height: 100%; top: 0; left: 0; }

.blueBox .term { color: #444444; }

/*** TABLE IN BLUE BOX ***/

table.inBlueBox {
	background: transparent;
	border-collapse: separate;
	border-spacing: 3px 3px; 
}

table.inBlueBox header {
	background: #CDDFF7;
}

table.inBlueBox th {
	border-bottom: none;
	background: #CDDFF7;
	border: 1px solid #CDDFF7;
	color: #093773;
}

table.inBlueBox td {
	background: White;
	border: 1px solid #CDDFF7;
}

/* admin statistics tables */
.statsBox {
	float: left;
	margin-right: 10px;
	width: 400px;
}
.statsBox h3 {
	margin-bottom: 8px;
}
.statsBox table {
	border-collapse: collapse;
}
.statsBox tr:nth-child(even) {
	background: #f4f4f4;
}
.statsBox td:first-child {
	width: 16px;
	text-align: center;
}
.statsBox th, .statsBox td {
	border: 1px solid #ccc;
	padding: 2px 4px;
}
.statsBox .centered {
	text-align: center;
}
.statsBox .gray {
	color: gray !important;
}
.clear {
	clear: both;
}

/*********** general box with heading *****/
.headerbox .boxh
{
	background: transparent url('img/bluebar_bg.jpg') repeat-x left top;
	height: 29px;
}
.headerbox .boxh .boxhleft
{
	background: transparent url('img/bluebar_left.jpg') no-repeat left top;
	height: 100%;
}
.headerbox .boxh .boxhright
{
	background: transparent url('img/bluebar_right.jpg') no-repeat right top;
	height: 100%;	
	color: #fff;
}
.headerbox h4
{
	color: #fff;
	margin: 0px;
	padding: 5px 0px 0px 10px;
	text-transform: uppercase;
	font-weight: bold;
}
.headerbox h4 a
{
	color: #ddd;
	border-color: #ddd;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
}
.headerbox h4 a:hover
{
	color: #fff;
	border-color: #fff;
	background: none;
}
.headerbox .boxc
{
	background: #edf7fc;
	border: 1px solid #d2e4ee;
	border-top-width: 0px;
	padding: 10px 0px;
}
.headerbox .boxc .boxc-inner
{
	margin: 0px 10px;
}
.headerbox .boxc ul.cbcategories
{
	list-style: none inside url("img/arrow_blue.jpg");
	margin: 0px;
	padding: 0px;
}
.headerbox .boxc ul.cbcategories li
{
	float: left;
	width: 30%;
	margin-left: 1%;
	padding-left: 2%;
	background: transparent;
}
.headerbox .boxc .videoholder
{
	height: 165px;
}
/********** Adwords rating ************/
.adwordsRating
{
	font-size: smaller;
	color: #2221cc;
}

/***** Tables *****/
table.largePadding td {
	padding: 8px 5px;
}

/*** Sorting tables ****/
#keywordsTable th
{
	cursor: pointer;
}
#keywordsTable .odd
{
	background-color: #fff;
}
#keywordsTable th.header 
{ 
	background: #a2c7e5 url(img/bg.gif) no-repeat right center; 
	padding-right: 18px;
}
#keywordsTable th.headerSortDown 
{ 
	background: #90a5c3 url(img/asc.gif) no-repeat right center; 
	padding-right: 18px;
}
#keywordsTable th.headerSortUp 
{ 
	background: #90a5c3 url(img/desc.gif) no-repeat right center; 
	padding-right: 18px;
}


textarea.low {
	height: 100px;
}

/* TIPS */

.tip { background: #FEFCCA; border: 1px solid #FEE1C8; }
.clickableTip { cursor: pointer; font-size: smaller; color: gray; }
.aToolTip a { border-bottom: none; }

/* VIEW MODES, SEARCH BOX, PAGING */

.viewModes, .srchBox {
	height: 19px; padding: 0 4px 0 4px;
	display: inline-block; zoom: 1; *display: inline;
	position: relative; overflow: hidden;
	border-bottom: 1px solid #8DA1B0;
	font: 1em arial,verdana,sans-serif;
}
.pagedNavigationBox {
	height: 19px; padding: 0px;
	display: inline-block; zoom: 1; *display: inline;
	position: relative; overflow: hidden;
	font: 1em arial,verdana,sans-serif;
	font-size: 14px;
}
.viewModes strong, .srchBox strong {
	color: #387098; font-weight: bold; height: 19px;
	display: inline-block; zoom: 1; *display: inline;
	position: relative; top: 3px; margin: 0; padding: 0;
	vertical-align: top;
}
.viewModes ul {
	padding: 0; margin: 0 0 0 10px; height: 19px;
	white-space: nowrap; list-style-type: none;
	display: inline-block; zoom: 1; *display: inline; overflow: hidden;
}
.viewModes li {
	margin: 0 0 0 0.25em;
	display: -moz-inline-stack;
	display: inline-block;  zoom: 1; *display: inline;
	vertical-align: top;
	height: 19px; float: left; list-style: none;
}
.viewModes a, .viewModes a:visited
{
	display: block; 
	height: 19px; padding: 0 10px; 
	border: 1px solid #8DA1B0;
	text-align : center; 
	text-decoration : none;
}
.viewModes a:hover { background: #D1E6F4; color: #387098; }
.viewModes .currentMode { background-color: #387098; color: white; }

.srchBox {  }
.srchBox form {
	margin: 0; padding: 0; clear: none;
	overflow: hidden; height: 19px;
	display: -moz-inline-stack; display: inline-block;  *display: inline;
}
.srchBox input {
	margin: 0; padding: 0 2px; height: 18px;
	display: inline-block; zoom: 1; *display: inline;
}
.srchBox input[type="text"] {
	background-color: #FFFFFF;
	border: 1px solid #8DA1B0;
}
.srchBox input[type="text"]:focus { background-color: #DFEFFA; }
.srchBox input[type="submit"] {
	border: 1px solid #8DA1B0;
	background-color: #DFEFFA;
	width: auto;
}
.srchBox input[type="submit"]:hover {
	background-color: #387098; cursor: pointer; color: #FFFFFF;
}

.pagedNavigationBox a, .pagedNavigationBox a:visited,
.pagedNavigationBox strong {
	border-bottom: none;
	display: inline-block; zoom: 1; *display: inline;
	height: 19px; padding: 0 4px;
}