/* MAIN STRUCTURE */
#logo{
	height:60px;
	width:220px;
	padding-top:20px;
	float:left;
	
}

#branding{
	height:60px;
	padding-top:20px;
	float:left;
	
}

#branding.reseller{
	padding-left:30px;
	background: url(../img/branding_separator.png) no-repeat;
}

#top-links{
	float:right;
	padding-top:30px;
	padding-right:3px;
	width:400px;
	overflow: hidden;
	text-align: right;
	white-space: nowrap;
}
#top-links .utilDelim{padding: 0 4px;}

#account_details .input{width:90px;font-size:10.5px}
#account_details .login{font-size:11px;line-height:16px;padding:0}



/* ---------- HEADER ----------- */

#header {
	background: transparent;
	float: left;
	width: 100%;
	margin-bottom:20px;
	position: relative;
}

#header ul, #header li {
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#header ul {
	float: left;
}

#header li {
	float: left;
	margin: 5px 2px 5px 0;
	position: relative;
}

#header li a {
	position: relative;
	display: block;
	float: left;
	text-decoration:none;
}

/* ------- HEADER-PRIMARY ------- */

#header-primary {
	float: left;
	width: 100%;
	position: relative;
	height:31px;
	margin-bottom:3px;
}

#header-primary div {
	float: right;
	width: 140px;
}

#header-primary ul {
	height:31px;
	float:left;
	
}
#header-primary li, #header-primary div{
	height:20px;
	text-align:center;
	margin-top:5px;
	margin-left:6px;
}

#header-primary div{
	margin-top:5px;
	margin-right:6px;
}

div.rounded-link, div.rounded-link-red {width:140px;text-align:center}

#header-primary li a,
#header-primary li a.current,
#header-primary li a:hover,
#header-primary li a:focus,
#header-primary div a,
div.rounded-link  a,
div.rounded-link-red a{
	display: block;
	height:26px;
	color: #fff;
	cursor: pointer;
	line-height: 22px;
	text-decoration: none;
	padding:0px 20px;
	
} /*ie6, ie7*/

#header-primary li a:hover,
#header-primary li a.current,
#header-primary div a.current,
#header-primary div a:hover,
div.rounded-link a:hover
{
	/*background: url(../img/header.png) -200px -100px;*/
	text-decoration: none;
	color:#fff;
}

/* reseller tools
#header-primary li.reseller a{
	background: url(../img/header.png) 0px -150px;
}
#header-primary li.reseller a:hover, 
#header-primary li.reseller a.current{
	background: url(../img/header.png) -200px -150px;
}
*/
/* admin tools*/
#header-primary li.reseller a,
#header-primary li.admin a,
div.rounded-link-red  a{
	/*background: url(../img/header.png) -400px -150px;*/
}

div.rounded-link-red a:hover{
	/*background: url(../img/header.png) -600px -150px;*/
	text-decoration: none;
	color:#fff;
}

/* ------ HEADER-SECONDARY ------*/ 

#header-secondary {
	float: left;
	width: 100%;
	font-size: 12px;
	position: relative;
	height:30px;
	/*background: url(../img/header.png) 0px -50px no-repeat;*/
	background:#ccc;
	margin-bottom:3px;
	overflow:hidden;
}

#header-secondary ul {
	height:30px;
	float:left;
	
}
#header-secondary li{
	width:80px;
	height:20px;
	text-align:center;
	margin-top:5px;
	margin-left:6px;
}

#header-secondary div{
	float: right;
	height:20px;
	margin-top:5px;
	margin-right:6px;
	text-align:right;
	line-height: 20px;
}

#header-secondary div.license_count{font-size:14px;color:#444;clear:none}

#header-secondary li a,
#header-secondary li a.current,
#header-secondary li a:hover,
#header-secondary li a:focus{
	display: block;
	width:80px;
	height:20px;
	color: #333;
	cursor: pointer;
	/*background: url(../img/header.png) -400px -100px;*/
	background:#ddd;
	line-height: 20px;
	font-size:11px;
	font-weight:normal;
	
} /*ie6, ie7*/

#header-secondary li a:hover,
#header-secondary li a.current
{
	/*background: url(../img/header.png) -600px -100px;*/
	text-decoration: none;
	color:#fff;
	background:#888;
}


/*
end of header-secondary
*/

/* -------- HEADER THIRD ------*/

#header-third {
	float: left;
	width: 100%;
	font-size: 11px;
	position: relative;
	height:30px;
	background:#999;
	color:#222;
	overflow:hidden;
}


#header-third ul {
	height:30px;
	float:left;
	
}
#header-third li{
	width:80px;
	height:20px;
	text-align:center;
	margin-top:5px;
	margin-left:6px;
}

#header-third div{
	float: right;
	height:20px;
	margin-top:5px;
	margin-right:6px;
	text-align:right;
	line-height: 20px;
}

#header-third li a,
#header-third li a.current,
#header-third li a:hover,
#header-third li a:focus{
	display: block;
	width:80px;
	height:20px;
	color: #333;
	cursor: pointer;
	background:#bbb;
	line-height: 20px;
	font-size:11px;
	font-weight:normal;
	
} /*ie6, ie7*/

#header-third li a:hover,
#header-third li a.current
{
	background:#777;
	text-decoration: none;
	color:#fff;
}

/*------------ INDEXING PAGE NEXT/PREV --------*/
.page_next, .page_prev{float:left;clear:none;font-size:17px;font-weight:bold;padding:4px;padding-top:300px}
.page_next a, .page_prev a{background-color:#eee;padding-top:30px;padding-bottom:30px}

/* HOME PAGE ELEMENTS*/

.splash{float:left;clear:none;text-align:center;padding-top:20px;width:291px;height:340px;}
.splash_over{background: url(../img/header.png) 0px -450px no-repeat;}

.splash img{margin-bottom:2px;}
.splash_title a{text-align:center;color:#666;font-size:170%;font-weight:normal;text-decoration:none}
.splash_over .splash_title a, .splash_over .splash_title a:hover{color:#b00;text-decoration:underline}
.blurb {padding:18px;padding-top:0px;text-align:left;}
.blurb a {font-size:13px;color:#e5e5e5;text-decoration:none}
.splash_over .blurb a{color:#666;text-decoration:none}
.splash_over .blurb a:hover{color:#444;text-decoration:none}
div.more-info{width:110px;text-align:center}
div.more-info a{
	display: block;
	width:110px;
	height:20px;
	color: #fff;
	cursor: pointer;
	/*background: url(../img/header.png) -800px -100px;*/
	line-height: 20px;
	text-decoration: none;
	font-size: 11.5px;
	font-weight:bold;
	
}
div.more-info a:hover
{
	/*background: url(../img/header.png) -800px -150px;*/
	text-decoration: none;
	color:#fff;
}

/* TOP LOGIN FORM EFFECT */
#account_details .input_user{background: #fff url(../img/header.png) -400px -300px;}
#account_details .input_pass{background: #fff url(../img/header.png) -500px -300px;}

/* JCAROUSEL */

.jcarousel-container {position: relative;}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width:834px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 834px;
    height: 300px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/*home splash buttons*/
#hsb_readers, #hsb_newsstand,#hsb_enterprise{float:left;clear:none;width:41px;height:300px;cursor:pointer;overflow:hidden}
#hsb_readers{background: url(../img/hsb.png) 0px 0px;}
#hsb_enterprise{background: url(../img/hsb.png) -41px 0px;}
#hsb_newsstand{background: url(../img/hsb.png) -82px 0px;}

#hsb_readers.current{background: url(../img/hsb.png) 0px -299px;}
#hsb_enterprise.current{background: url(../img/hsb.png) -41px -299px;}
#hsb_newsstand.current{background: url(../img/hsb.png) -82px -299px;}

#newsstand_featured_pubs{margin:20px;text-align: center}
#newsstand_featured_pubs img{padding:1px; border:2px solid #eee;margin-right:6px;margin-bottom:4px}


/* sortTableCells */

.listTable {                                                                                                                        
background: rgb(243, 243, 243) none repeat scroll 0% 0%; 
-moz-background-clip: -moz-initial; 
-moz-background-origin: -moz-initial; 
-moz-background-inline-policy: -moz-initial;                                                                                                                                             
}
.listHeader{
	cursor:move;
	font-size:9px;
} 
.listCell{
	 font-size:9px;
}
.color1 { background: rgb(243, 243, 243)}
.color2 { background: rgb(243, 233, 223)}          

.clr{clear:both;}

.enterpriseSettings ul{list-style:none;margin:0;padding:0;}
.enterpriseSettings li{float:left;clear:none;width:200px;}

.fileEditor{width:430px;height:400px;float:left;clear:none;}
.enterpriseSettingTextField{width:900px;height:100px;}

.side_box_header{background:#FBE7B0;font-size:17px;color:#555;padding:8px;font-weight:bold;}
.side_box_body{background:#FFFEED;padding:12px;margin-bottom:20px;border-bottom:3px solid #FBE7B0}

.form-sub-title{font-weight:bold;font-size:110%;margin:20px 0 0 0;}

#entImages{list-style:none;margin:0;padding:0;background:#f5f5f5}
#entImages li{margin:10px;float:left;clear:none;border:1px solid #ddd}
#entImages li div.header{padding:4px;text-align:right;}
#entImages li div.img{padding:12px;text-align: center;}
#entImages li div.name{font-size:10.5px;background:#999;color:#fff;text-align:center;padding:4px}

.floatLeft{float:left;clear:none;}
.floatRight{float:right;clear:none;}

.ecommSetting{margin:10px 0 10px 0;padding:12px;border-bottom:2px solid #d62627}
#subscriptionOptionsTable{margin:20px 0 0 0;}
.productBuilderDescription{width:200px;height:100px;}
.numOfMonths{width:40px;}

.ecommAccount label{font-weight:bold;font-size:150%;}
.ecommAccount span{font-size:200%;font-weight:bold;}

#cashout_settings,#cashout_request{margin-bottom:20px;}

a.filterBy{padding:3px 5px;background:#eee;font-weight:bold;text-decoration:none;}
a.filterBy:hover {background:#f5f5f5}
a.selected, a.selected:hover{background:#666;color:#fff}

.example, blockquote {
background-color:#F6F6F6;
border:1px solid #E6E6E6;
font-family:courier;
margin-bottom:12px;
margin-top:3px;
padding:10px 0 10px 20px;
}
a.info{border-bottom:1px dotted #ddd;cursor:default}
/*ul.cashoutPaypalErrors*/


/* processing statuses */
.status_step_1, .status_step_2, .status_step_3, .status_step_4, .status_step_5, .status_unknown{
	padding-bottom:8px;font-size:10.5px;background:transparent url(../img/statuses.png) no-repeat 0 0;
	color:#212121;font-weight:normal;margin:0px 8px;
}

.status_step_2{background-position:0px -20px;}
.status_step_3{background-position:0px -40px;}
.status_step_4{background-position:0px -60px;}
.status_step_5{background-position:0px -80px}
.status_unknown{background-position:0px -120px}

/*--- DRAG AND RESIZE (interface.js) --- */

#resizeMe
{
	display:none;
	position: absolute;
	width: 200px;
	height: 150px;
	cursor: move;
	background:url(../img/black_80.png) repeat;
}

#resizeSE,
#resizeE,
#resizeNE,
#resizeN,
#resizeNW,
#resizeW,
#resizeSW,
#resizeS
{
	position: absolute;
	width: 8px;
	height: 8px;
	background-color: #333;
	border: 1px solid #fff;
	overflow: hidden;
}
#resizeSE{
	bottom: -10px;
	right: -10px;
	cursor: se-resize;
}
#resizeE
{
	top: 50%;
	right: -10px;
	margin-top: -5px;
	cursor: e-resize;
}
#resizeNE
{
	top: -10px;
	right: -10px;
	cursor: ne-resize;
}
#resizeN
{
	top: -10px;
	left: 50%;
	margin-left: -5px;
	cursor: n-resize;
}
#resizeNW{
	top: -10px;
	left: -10px;
	cursor: nw-resize;
}
#resizeW
{
	top: 50%;
	left: -10px;
	margin-top: -5px;
	cursor: w-resize;
}
#resizeSW
{
	left: -10px;
	bottom: -10px;
	cursor: sw-resize;
}
#resizeS
{
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
	cursor: s-resize;
}
#container
{
	display:none;
	position: absolute;
	top: 50px;
	left: 50px;
	width: 30px;
	height: 40px;
	border:1px solid #ddd;
}

#existingLinks, #existingClippings{position:absolute;display:none;overflow:hidden}

.existingLink, .existingClipping{
	border:1px dotted #666;
	background-color:#fff;
	position:absolute;
	overflow:hidden;
	color:#666;
	cursor:pointer;
	
	background:url(../img/white_10.png) no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../img/white_10.png', sizingMethod='scale');
}

.existingClipping{border-color:#c00}

/* hide from ie 6*/
html>body .existingLink, html>body .existingClipping{background:url(../img/white_10.png) repeat;filter:none}

/* ----- ADMIN TABLE ----*/
table.admin_table {font-size:13px;width:100%}
table.list_table {font-size:11px;}
table.admin_table tr:hover, table.list_table tr:hover{background-color:lightyellow}
table.admin_table th,table.list_table th{background-color:#eee;border-bottom:1px solid #ccc;font-weight:bold;padding:6px}
table.admin_table td, table.list_table td{padding:6px;border-bottom:1px solid #eee}
table.admin_table td input{font-size:10.5px;padding:2px}
table.admin_table td .mini{font-size:9.5px;padding:4px 6px;background:#eee;color:#666}

table tr.totals td{border-top:1px solid #ccc;background:#f5f5f5;font-weight:bold;}

/* TITLE OPTIONS TABLE*/
table.title_options td{padding: 2px 20px 4px 2px;text-align:left}
table.title_options th{background-color:#fff;padding:2px;}

/* ------ MINI FLIPBOOK example --------*/
.mini_example{
	width:250px;
	height:180px;
	background: url(../img/header.png) 0px -250px no-repeat;
	padding-left:20px;padding-right:20px;
	padding-top:15px;
	margin-bottom:20px;
	
}

/* side div with grey rounded bg*/

.side_rounded{width:249px;margin-bottom:20px;}
.side_rounded .top{
	background: url(../img/header.png) 0px -250px no-repeat;
	padding-top:8px;	
}

.side_rounded .body{
	background-color:#eee;
	padding-left:20px;padding-right:20px;
}
.side_rounded .bottom{
	background: url(../img/header.png) 0px -410px no-repeat;
	padding-bottom:8px;	
}

/* --- ZOOM TABLE -----*/

table.zoom_table th{background-color:#eee;padding:4px;}
table.zoom_table td{color:inherit;background:inherit;border-bottom:1px solid #eee;cursor: pointer;padding:4px;}
table.zoom_table tr{color:#3698b5}
table.zoom_table tr.hover{background-color:#f5f5f5;color:#d62627}
table.zoom_table tr.selected{background-color:#3698b5;color:#fff}

/* ----- ARTICLES TABLE ----*/
table.articles_table {font-size:11px;}
table.articles_table th{background-color:#eee;font-weight:bold;padding:6px}
table.articles_table td{padding:4px;border-bottom:1px solid #eee;background:inherit}
table.articles_table tr.hover{background-color:lightyellow}
table.articles_table tr.changed{background-color:#fc9;}

/* different cell sizes */
.a_count{width:30px;color:#999}
.a_title{width:330px}
.a_title input{width:300px}

.a_start, .a_end{width:120px;}
.a_start input, .a_end input{width:30px;float:left;clear:none;margin-right:6px}

.a_act{width:150px;text-align:right;font-size:14px;font-weight:bold;}

.a_links{display:none;float:left;clear:none;}
.hover .a_links, .changed .a_links{display:block;float:left;clear:none;}
/*
.changed .a_links a:link{color:#222}
.changed .a_links a:hover{color:#666}
*/

/*
footer elements
*/
#footer{
	border-top:4px solid #fbe7b0;
	background: #fffeed;
	margin-top: 20px;
	padding-top:15px;
	padding-bottom: 15px;
}
#footer .footer_section{float:left;clear:none;width:220px;margin-left:20px;}
#footer .footer_heading{color:#333;font-size:18px;font-weight:bold;margin-bottom:8px;float:left;clear:none;width:460px;margin-left:20px;margin-bottom:16px}
#footer .footer_heading span{color:#666}

#footer .footer_base{background:#fbe7b0;color:#454545;padding:6px 20px;margin-top:16px}


fieldset{
    border: 3px solid #f5f5f5;
    clear:left;
    margin: 1em 0pt;
    padding: 15px;
} * html fieldset { padding-top: 0; }

legend{
    color: #555;
    font-size:150%;
    font-weight: normal;
    /*letter-spacing: -0.03em;*/
    line-height: 1;
    padding: 0pt 0.5em;
} * html legend { margin-bottom: 15px; padding: 0 0.5em; }

fieldset fieldset legend{
    font-size: 105%;
    font-weight:bold;
}

legend span{
    color: #999;
    letter-spacing: 0pt;
}fieldset dl{ 
    margin:0;
    padding:0;
}   

fieldset dt {
    clear: left;
    float: left;
    width: 18em; /* increase for wider dt text */
    text-align: right;
    padding: 0 1em 0.5em 0;
}

fieldset dd {
    padding: 0 0 0.5em 0;
    font-weight: bold;
}

fieldset.labels label {
    width: 15em;
    float: left;
    text-align: right;
    display: block;
    padding: 0 0.5em 0.2em 0;
}

.fieldset-footer {
    margin: 0;
    position: relative;
    left: -15px;
    padding: 10px 0 15px 15px;
    background: url(/../img/field-back.gif) no-repeat;
    clear: left;
    top: 15px;
}

fieldset fieldset input {
    font-size: 100% !important;
}

/*TITLE EDIT/ADD CSS*/
#sub_required_fields_wrapper{float:left;clear:none;}
#sub_required_fields_wrapper div{float:left;clear:none;padding:5px;padding-right:16px;}

	
.nifty_countries{
	margin-left:5px; 
	float:left; 
	clear:none;
	padding:4px;
	padding-left:8px;
	/*background-color:#7395bf;*/
	color:#333;
	font-size: 85%;
	text-align: left;
	border:1px solid #ccc;
	background-color: #fff;
}
.nifty_over{border-color:#369;background-color: #fff}

.nifty_countries a{
	text-decoration:none;
	color:#369;
	padding-left:3px;padding-right:3px;
	font-weight:bold;
	margin-left: 12px;
}
.nifty_countries a:hover{
	text-decoration:none;
	
	background-color:#2d4979;
	color:#fff;
}

/* ----- LINKS / STATS TABLE -----*/
table.links_table, table.stats_table {font-size:11px}
table.links_table tr:hover, table.stats_table tr:hover{background-color:lightyellow}
table.links_table th, table.stats_table th{background-color:#eee;font-weight:bold;padding:4px;text-align:center}
table.links_table td, table.stats_table td{border-bottom:1px solid #eee;padding:4px;text-align:center}

/* different cell sizes*/
.l_page {width:100px}
.l_type {width:250px}
.l_dest {width:500px;}
.l_act	{text-align:right;width:100px}
th.l_act {width:120px}

ul.issue_table_links{margin-top:6px;list-style:none;float:left;clear:none;width:280px}
ul.issue_table_links li{float:left;clear:none;}
ul.issue_table_links li a{float:left;clear:none;background:#f5f5f5;text-decoration:none;padding:2px 4px 2px 4px;margin-right:3px;border:1px solid #ddd;line-height:16px}
ul.issue_table_links li a:hover, ul.issue_table_links li a.current{background:#3698b5;color:#fff;text-decoration:none;border-color:#3698b5}

ul.issue_table_links li a.arrow_down{padding-right:16px;background-image:url(../img/down.png);background-repeat: no-repeat;background-position: right;}

#issueOptions{background:#fff;padding:5px;border:1px solid #3698b5;font-size:11px}
#issueOptions ul, #issueOptions ul li{list-style:none;margin:0}
#issueOptions ul li a{display:block;background:#fff;padding:2px 4px;text-decoration:none;}
#issueOptions ul li a:hover{background:#3698b5;color:#fff;text-decoration: none}

.issue_table td{padding-right:6px;padding-bottom:2px}

table.video_list{margin-top:20px;}
table.video_list td{font-size:10.5px;padding:4px}
table.video_list th{background-color:#eee;padding-right:8px;padding:4px}

table.video_list tr.selected td{background-color:#3698b5;color:#fff}
table.video_list tr.selected a{color:#ddd}

table.stats_links {border:2px solid #ddd;width:885px;margin-left:50px}
table.stats_links td{padding:4px;border-bottom:1px solid #eee}
table.stats_links th{background-color:#eee;padding:4px;border-bottom:2px solid #ddd}

table.review_order{font-size:16px}
table.review_order td{padding:4px;border-bottom:1px solid #eee}
table.review_order th{padding:4px;}


.title_logo_preview{
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
height:30px;text-align:left;overflow:hidden;}
.title_logo_preview img{padding-top:4px;padding-left:8px;}

.account_view_details{float:left;clear:none;margin-right:20px;}
.account_view_separator{padding-left:20px;border-left:2px solid #eee}
.account_view_licenses{border:1px solid #ddd;background:#f5f5f5;padding:6px;clear:both;float:left;margin-top:12px}

.helper_box{
	background:#fbf3e1;border:1px solid #ded4bc;padding:6px;
}
#embed_helpers{font-size:13px;}

.settings_box_blue, .settings_box_orange{border:1px solid #ccc;padding:12px;margin:0.3em}
.settings_box_blue{background:#DCEEFF;}
.settings_box_orange{background:#fff8e2}
div.settings_box_orange label{color:#565656}

.tab_user{padding:20px;padding-right:0px;border:1px solid #ddd;border-top:0}

#license_distrib_overview{margin-top:12px;border:1px solid #e4e4e4;padding:4px;padding-left:20px;background:#f4f4f4 url(../img/license_distrib_side_banner.png) no-repeat left center;}
#license_distrib_overview td, #license_distrib_overview th{padding-left:12px;}
#license_distrib_overview td.num{background:#fff;padding:3px 6px;border:1px solid #e4e4e4;}

tr.sleep_mode td{background:#bec6e4;color:#454545;}
div.sleep_mode, span.sleep_mode{padding:5px;padding-left:35px;background:#bec6e4 url(../img/sleep_mode.png) no-repeat 5px 6px;font-size:11px;color:#212121;border:1px solid #969fc8}