@charset "utf-8";
/* CSS Document */
/* Layout */
body { color: #43545e; }
a:link,
a:visited { color: #43545e; }
h2 { font-size:18px; }
h2.underline { width:100%; border-bottom:1px solid #43545e; }
h4.underline { margin-bottom:.5em; width:100%; border-bottom:1px solid #43545e; }

small { font-size:11px; }
#page-header,
#page-content,
#page-footer {
	border:1px solid #43545e;
	border-top:0;
	border-bottom:0;
	position:relative;
}
.first-col {
	margin-left:10px;
}

#page-header {
	background-image:url(../images/layout/header-background-2010.png);
	background-position: top left;
	background-repeat:no-repeat;
	z-index:300;
}
#header-banner {
	height:100px;
	position:relative;
}
#header-banner-link {
	display:block;
	position:absolute;
	top:0;
	left:0;
}
#header-magazine-logo {
	position:absolute;
	right:10px;
	bottom:23px;
}

#header-login {
	position:relative;
	height:35px;
	padding-top:20px;
	color:#FFFFFF;
}
#header-login>span {
	float:right;
	width:161px;
	display:block;
	margin-top:-10px;
}
#login-link {
	display:block;
	float:right;
	width:84px;
	height:24px;
	background-image:url(../images/layout/header-login-btn.png);
	margin-top:-5px;
	padding-top:5px;
	padding-left:5px;
	margin-right:10px;
	margin-left:10px;
	text-decoration:none;
	color:#43545e;
}
#login-link:hover {
	font-weight:bold;
}
div#login-box {
	position:absolute;
	display:none;
	right:9px;
	top:37px;
	background-image:url(../images/layout/header-login-popup-shadow.png);
	background-repeat:no-repeat;
	width:272px;
	height:264px;
	color: #43545e;
	padding-top:17px;
	padding-left:12px;

}

#login-box p { margin-bottom:1em; }
#login-box label { font-weight:normal; }
#login-box input.text { width:242px; border-color: #43545e;}
#login-box a span {margin:0; }
.show-login {	display:block !important; z-index:900; }
#login-submit-link { 
	display:block; 
	background-image:url(../images/layout/header-login-popup-btn.png);
	width:70px;
	height:23px;
	padding-top:7px;
	padding-left:15px;
	color:#FFFFFF;
	text-decoration:none;
	margin-bottom:1.5em;
}
#login-submit-link:hover { font-weight:bold; }


#header-navigation {
	height:32px;
}
#header-navigation a {
	display:block;
	padding: 5px 10px 3px;
	float:left;
	background-image:url(../images/layout/header-nav-separator.png);
	background-position:top right;
	background-repeat:repeat-y;
	line-height:23px;
	text-decoration:none;
	font-weight:bold;
}
#header-navigation a.last {
	background-image:none;
	
}
#header-navigation a:hover {
	background-color:#b5bdc2;
}

#page-content { padding-top:36px; position:relative; z-index:200; }
#page-content h1, #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6 {
	color:#43545e;
}
#page-content h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;	
}

#sidebar-register-btn { 
	display:block; 
	background-image:url(../images/layout/sidebar-btn.png);
	width:220px;
	height:47px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	background-position:0 0;
}
#sidebar-register-btn:hover {
	text-decoration:underline;
}
#sidebar-register-btn span {
	display:block; 
	padding-top:12px;
	padding-left:20px;
}

#page-footer {
	color:#43545e;
	background-color: #dfe3e6;
	background-image:url(../images/layout/footer-border-top.png);
	background-position: top left;
	background-repeat:repeat-x;
	padding-bottom:4em;
	padding-top:1em;
}
#page-footer span {
	margin-left:10px;
}

/* Additional Styles */
table.magazine_listing { border-collapse:collapse; }
tr.data_row {
	border:1px solid #e3e3e5;
}

tr.data_row:hover {
	background-color:#FFFF99;
	cursor:pointer;
}

tr.data_row a { display:block; width:100%; }

tr.used_category { background-color:#FF6666; }
tr.unused_category { background-color:#00CC66; }

/* forms */
.form-container { margin-bottom: 1em; }
.form-label { margin: 0.5em 0; padding: 5px 0; padding-right: 10px; text-align:right; }
.form-label-2 { margin: 0.3em 0; padding-right: 10px; text-align:right; }
.form-label-3 { margin: 0.5em 0; padding: 5px 0; padding-right: 10px;}
.form-description { margin: 0.5em 0; padding: 5px 0; padding-left: 10px; }

/* upload btn */
#fsUploadCnt object { margin: 0.5em 0; float:left;  }
#fsUploadCnt2 input, #fsUploadCnt2 object { margin:0; float:left; }

/* swfupload styles */
.progressWrapper {
	width: 227px;
	overflow: hidden;
}

.progressContainer {
	margin: 0 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 193px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 207px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/swfupload/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

/* images */
img.imgWide {
	background-color:#fbfbfd;
	border: 1px solid #e3e3e5;
	padding:29px;
	margin-bottom:20px;
}

div.listing-entry { margin-bottom:20px; }

.listing-entry h4, 
.listing-entry h5 {
	margin-bottom:0;
} 
.listing-checkbox {
	float:left; 
	width: 17px; 
	height: 17px; 
	margin-right:8px;
	background-image: url(/_files/images/layout/checkbox-sidebar.png);
	background-repeat:no-repeat;
	background-position:0 -17px;
}
.listing-checkbox-checked {
	background-position:0 0;
}

a.listing-image {
	display:table-cell;
	vertical-align:middle;
	width:218px;
	height:218px;
	text-align:center;
	border: 1px solid #a4a9ad;
	background-color:#fbfbfd;
}
a.listing-image:hover {
	border-color:#666666;
}
a.listing-image-index {
	display:table-cell;
	vertical-align:middle;
	width:308px;
	height:308px;
	text-align:center;
	border: 1px solid #a4a9ad;
	background-color:#fbfbfd;
}
a.listing-image-index:hover {
	border-color:#666666;
}

div.listing-filter {
	margin-top:-36px;
	margin-bottom:36px;
	background-color:#dfe3e6;
	border-bottom:1px solid #d4d7d9;
	border-top:1px solid #f4f8fb;
}

div.listing-filter div {
	float:left;
	margin-left:10px;
}
div.listing-filter div.last { margin-right:0;  }
div.listing-filter input,
div.listing-filter select { font-size:12px;}

/* Pagination */
.pagination { margin-top:1.5em; clear:both; }
#pagination-listing{border:0; margin:6px auto; padding:4px 0; float:none;}

#pagination-listing li,
#pagination-listing span{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
display:inline;
}
#pagination-listing a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
#pagination-listing .previous-off,
#pagination-listing .next-off {
color:#666666;
font-weight:bold;
padding:3px 4px;
}
#pagination-listing .next a,
#pagination-listing .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
#pagination-listing .next-off,
#pagination-listing .next a {
	margin-left:20px;
}
#pagination-listing .previous-off,
#pagination-listing .previous a {
	margin-right:20px;
}
#pagination-listing .active{
color:#43545e;
font-weight:bold;
padding:4px 6px;
}
#pagination-listing a:link,
#pagination-listing a:visited {
	color:#43545e;
	padding:3px 6px;
	text-decoration:none;
}
#pagination-listing a:hover{
	border:solid 1px #666666;
	color:#FFFFFF;
	background-color:#43545e;
}
.pagination-total { font-size: 11px; }

/* Sidebar */
.sidebar {
	background-color:#fbfbfd;
	border: 1px solid #e3e3e5;
	margin-right:10px;
	margin-bottom:20px;
}
.sidebar-box {
	border-top: 1px solid #e3e3e5;
}
.sidebar-box:first-child { border-top:0; }

.sidebar-box h4 {margin-bottom:0; }
.sidebar-box h4 a {display:block;	padding:6px 10px; text-decoration:none;}
.sidebar-box h4 a:hover { background-color:#b5bdc2; }

.sidebar-external {
	margin-bottom:3em;
}
.sidebar-external h3 {
	font-size:1.1em;
	line-height:1.2;
	padding-right:10px;
	margin-bottom:0;
}
.sidebar-external h3 a {
	 text-decoration:none;
}
.sidebar-external img { float:left; margin-right:6px; }
/* Comments */
div.comment-listing { border: 1px solid #cccccc; margin-bottom:20px; }
.comment {
	padding-top:1em;
	border-top: 1px solid #cccccc;
}
.comment_content { margin: 0 1em; }
div.comment:first-child { border-top:0;  }
.comment-admin {
	float:right;
}
.comment h6 { font-size:1.2em; }
.comment-even {background-color:#DFE3E6; border-top-color:#6f8391; }
.comment-odd { border-top-color:#6f8391; }

#comment-preview {
	/*border:1px solid #43545E;
	background-color:#CCCCCC;*/
	padding:1em;
	margin-bottom:1em;
}
#comment-preview h3 { border-bottom: 1px solid #6F8391; padding-bottom:.2em; margin-bottom:0; }
#comment-preview .comment_content { background-color:#FFFFFF; width: 654px; padding:10px; padding-bottom:0; margin:0; border: 1px solid #cccccc; border-top:0;}
/* Details */
.ratingBox {
	background-color:#fbfbfd;
	border: 1px solid #e3e3e5;
	margin-right:10px;
	margin-bottom:20px;
}
.ratingBox div.rating-option {
	padding:6px 10px;
	border-top: 1px solid #e3e3e5;
	position:relative;
}
.ratingBox div.rating-option:first-child { border-top:0; }

.ratingBox .rating-checkbox {
	position: absolute;
	top: 6px; 
	right: 6px; 
	width: 17px; 
	height: 17px; 
	background-image: url(/_files/images/layout/checkbox-sidebar.png);
	background-repeat:no-repeat;
	background-position:0 -17px;
}
.ratingBox .rating-checkbox-checked {
	background-position:0 0;
}

.ratingBox h3 {
	margin-bottom:.5em;
	line-height:1.2em;
}

.infoBox {
	background-color:#fbfbfd;
	border: 1px solid #e3e3e5;
	margin-right:10px;
	margin-bottom:20px;
	padding:6px 10px;
	font-weight:bold;
}

/* textile content */
.content-text h2 {
	font-size:1.3em;
	font-weight:normal;
	margin-bottom:.2em;
}

/* form errors */
ul.errors {
	margin:0;
	padding:0;
}
ul.errors li {
	color:#FF0000;
	list-style-type:none;
}

/* Upload */
#upload_containerQueue {
	margin-bottom:20px;
}

#image_calculating {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}

/* custom form styles */
input.checkbox {
    padding:5px;
    margin: 0.5em 0;
}