/*#######################################
#  default css for digitaleditions      #
#                                       #
#          (c) Digital Initiatives 2007 #
#######################################*/

body {
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #E5E5E5;
	color: #848484;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a { color: #fea133; text-decoration: none; outline-style: none; }
a:hover { color: #fea133; text-decoration: underline; }
a img { border: none; }

hr { height: 1px; background-color: #e5e5e5; border: none; }

br.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }

h2, h3 { font-family: Helvetica, sans-serif, Verdana, Geneva, Arial; font-weight: normal; }
h2 { color: #fea133; }

#wrap {
	position: relative;
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFF;
	z-index: 0;
	min-height: 500px;
}

#header { 
	position: relative;
	width: 882px;
	height: 135px;
	background: #FFFFFF url('default/bckgrnd_header.gif') no-repeat top right;
	margin: 0 10px 0 8px;
	border: 1px solid transparent;		/* fixes random gap at top of Safari 3 */
}
#header #logo {
	position: absolute;
	top: 0;
	left: 33px;
}
#header #free { 
	position: absolute;
	top: 20px;
	right: 205px;
	z-index: 30;
}
#header #beta {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 50;
}

#userNav {
	position: absolute;
	top: 105px;
	left: 590px;
	z-index: 1;
	font-size: 10px;
	font-weight: bold;
}

#adminMenu {
	background-color: #E5E5E5;
	min-height: 360px;
}



/* ########################### column top styles ####################### */
/*.singleColumn h2 { width: 100%;  text-indent: -9999px; }*/
.thirdWidth { width: 287px !important; }
/*#doubleColumn h2 { width: 501px; height: 26px; text-indent: -9999px; margin: 0; padding: 0; }
#tripleColumn h2 { width: 100%; height: 26px; text-indent: -9999px; margin: 0; padding: 0; }
#fullColumn h2, .fullElement h2 { width: 880px; height: 26px; text-indent: -9999px; margin: 0; padding: 0; }*/
.fullElement { position: relative; }

#nav-featuredTitles 	{ background: #80EDF1 url('default/column_top-featured.gif') no-repeat top left; }
#nav-latestTitles		{ background: #80EDF1 url('default/column_top-latest-full.gif') no-repeat top left; }
#nav-taggedIssues		{ background: #80EDF1 url('default/column_top-taggedIssues-wide.gif') no-repeat top left; }
#nav-channels			{ background: #80EDF1 url('default/column_top-channels-full.gif') no-repeat top left; }
#nav-categories			{ background: #80EDF1 url('default/column_top-categories-full.gif') no-repeat top left; }
#nav-favourites			{ background: #80EDF1 url('default/column_top-favourites-wide.gif') no-repeat top left; }
#nav-searchResults		{ background: #80EDF1 url('default/column_top-search-wide.gif') no-repeat top left; }
#nav-aboutUs			{ background: #80EDF1 url('default/column_top-aboutUs-wide.gif') no-repeat top left; }
#nav-contactUs			{ background: #80EDF1 url('default/column_top-contactUs-wide.gif') no-repeat top left; }
#nav-siteMap 			{ background: #80EDF1 url('default/column_top-siteMap-wide.gif') no-repeat top left; }
#nav-termsAndConditions { background: #80EDF1 url('default/column_top-tandc-wide.gif') no-repeat top left; }

.blankHeader {
	height: 27px;
	position: relative; 
	background: #FFFFFF url('default/bckgrnd_blankHeader.gif') repeat-x top left;
	width: 100%;
}
.singleColumn .blankHeader {

}
.singleColumn .blankHeader h2 { margin: 0; }

#doubleColumn .blankHeader {

}

#tripleColumn .blankHeader {
	
}

#fullColumn .blankHeader, .fullElement .blankHeader {
	height: 27px;
	width: 880px;
}

.blankHeader h2 {
	text-indent: 0;
	color: #FFF;
	padding: 5px 0 0 10px;
	font-weight: bold;
	font-size: 16px;
	float: left;
	width: auto;
	margin: 0;
}


/* ####################### misc. and general styles ####################### */
.pad_top 	{ padding-top: 10px; }
.pad_right 	{ padding-right: 10px; }
.pad_bottom { padding-bottom: 10px; }
.pad_left 	{ padding-left: 10px; }

.margin_top 	{ margin-top: 16px; }
.margin_right 	{ margin-right: 16px; }
.margin_bottom	{ margin-bottom: 16px; }
.margin_left 	{ margin-left: 16px; }

.align_left		{ text-align: left; }
.align_right	{ text-align: right; }
.align_center	{ text-align: center; }

.nopad_top		{ padding-top: 0 !important; 		margin-top: 0 !important; }
.nopad_right	{ padding-right: 0 !important; 		margin-right: 0 !important; }
.nopad_bottom	{ padding-bottom: 0 !important;		margin-bottom: 0 !important; }
.nopad_left		{ padding-left: 0 !important; 		margin-left: 0 !important; }
.nopad			{ padding: 0 !important; }

.float_left		{ float: left; }
.float_right	{ float: right; }
.nofloat		{ float: none; }

.noborder		{ border: none !important; }

.nounderline, .nounderline a { text-decoration: none !important; }

.expando, .expando a {
	text-decoration: none !important;
	font-size: 16px;
	font-weight: bold;
}

.disabledLink, .disabledLink a { color: #BFBFBF !important; }



/* ############################ main layout styles ##################################### */
#main {
	width: 880px;
	margin-left: 10px;
	z-index: 5;
}

#main h2.breadcrumbs { padding-top: 0; margin-top: 0; color: #9A9A9A; }
#main h2.breadcrumbs a {  }
#main h2.breadcrumbs a:hover { text-decoration: none; }

#preFooter {
	height: 36px;
	background: #FFF url('default/bckgrnd_footer.gif') no-repeat top center;
	width: 900px;
	margin: 0 auto;
}

#footer {
	width: 100%;
	height: 47px;
	padding: 10px 0 30px 0;
	background-color: #e5e5e5;
	text-align: center;
	font-size: 12px;
	color: #9c9b9b;
}

#footer a { color: #9c9b9b; }
#footer a:hover { color: #9c9b9b; }

/* ############################ nav styles ##################################### */
#nav {
	position: absolute;
	top: 101px;
	width: 882px;
	left: 2px;
}

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

#nav ul li { 
	float: left;
	height: 24px;
	display: block;
	text-indent: -9999px;
}

#nav ul li a {
	display: block;
	height: 24px;
	outline-style: none;
}

#nav1 a { width:  68px; background: transparent url('default/tabs_01.gif') no-repeat 0 0; }
#nav2 a { width:  83px; background: transparent url('default/tabs_02.gif') no-repeat 0 0; }
#nav3 a { width:  65px; background: transparent url('default/tabs_03.gif') no-repeat 0 0; }
#nav4 a { width:  70px; background: transparent url('default/tabs_04.gif') no-repeat 0 0; }
#nav5 a { width:  55px; background: transparent url('default/tabs_05.gif') no-repeat 0 0; }
#nav6 a { width:  73px; background: transparent url('default/tabs_06.gif') no-repeat 0 0; }
#nav8 a { width:  78px; background: transparent url('default/tabs_08.gif') no-repeat 0 0; }
#nav9   { width: 390px; background: transparent url('default/tabs_09.gif') no-repeat 0 0; }

#nav7a a { width:  80px; background: transparent url('default/tabs_07a.gif') no-repeat 0 0; }
#nav8a a { width:  78px; background: transparent url('default/tabs_08a.gif') no-repeat 0 0; }
#nav9a   { width: 310px; background: transparent url('default/tabs_09a.gif') no-repeat 0 0; }

/* nav hover behaviour */
#nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover, #nav5 a:hover, #nav6 a:hover, #nav8 a:hover,
#nav7a a:hover, #nav8a a:hover
{ background-position: 0 -24px; }

/* nav active behaviour */
#nav1.active a, #nav2.active a, #nav3.active a, #nav4.active a, #nav5.active a, #nav6.active a, #nav7.active a, #nav9.active a, 
#nav7a.active a, #nav8a.active a
{ background-position: 0 -48px; }

/* login in the main nav styles */
#nav9 form {
	position: absolute;
	top: 4px;
	left: 620px;
	width: 262px;
}

#nav9 form input {
	width: 80px;
	height: 12px;
	background: none;
	padding: 0;
	font-size: 11px;
	color: #666;
	border: none;
}

#nav9 #login-username { margin-right: 68px; }
#nav9 #login-password { margin-right:  6px; }
#nav9 #login-btn { width: auto; height: auto; }


/* ############################ search styles ##################################### */
#liveSearch {
	position: absolute;
	top: 27px;
	left: 235px;
	width: 610px;
	height: 41px;
	background: transparent url('default/bckgrnd_search.png') no-repeat top left;
}

#search-input {
	border: 0;
	background-color: transparent;
	width: 318px;
	height: 16px;
	padding: 0;
	margin: 14px 0 0 14px;
	font-family: "Arial Black";
	font-size: 12px;
	color: #5d5d5d;
}

#search-go {
	border: none;
	margin: 14px 0 0 9px !important;
}

#search-category {
	padding: 0;
	margin: 12px 0 0 70px;
	width: 174px;
}

#liveSearchResults {
	z-index: 150;
	position: absolute;
	right: 30px;
	top: 35px;
	width: 323px;	
	background: transparent url('default/bckgrnd-liveSearch.png') no-repeat bottom left;
	padding-bottom: 20px;
}

#liveSearchResults a {
	display: block;
	padding: 10px 0;
	margin: 0 16px;
	color: #848484;
	border-bottom: 1px solid #dcdcdc;
}
#liveSearchResults a:hover, #liveSearchResults a.hover { text-decoration: none; }

.sideElement ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sideElement li {
	padding: 0;
}
.sideElement li a { 
	height: 22px;
	display: block;
	border-bottom: 1px solid #FFF;
	padding: 7px 0 0 10px;
	font-weight: bold;
	background-color: #e5e5e5;
}
.sideElement li a:hover { text-decoration: none; background-color: #EAEAEA; }


.sideElement ul li.active ul li a {
	padding-left: 30px;
	color: #7d7d7d;
}

/* pagination & filters */
.resultsPagination {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 4px;
	right: 5px;
}
.resultsPagination td { 
	border: none; 
	padding: 0 5px 0 5px !important; 
	margin: 0;
}
.resultsPagination img {
	padding-top: 3px;
}

#filters {
	position: absolute;
	top: 7px;
	left: 75px;
}
#filters select {
	margin-right: 10px;
	padding: 0;
	margin-top: -2px;
}
#iconRefine {
	position: absolute;
	top: 13px;
	left: 17px;
}


/* ####################### table styles ####################### */
table {
	border-collapse: collapse;
}

tr.stripe td { background-color: #DDDDDD; }
td, th { padding: 3px 10px 3px 10px; }
td { border: 1px solid #4f4e4e; }
th { font-weight: normal; }
td.filterPlaceholder { border: none; background-color: transparent !important; }

#purchaseSummary td, #purchaseSummary th { 
	border: none;
}

#purchaseSummary td { color: #fea133; }


/* ####################### Rules for the filter box ####################### */
#filterDialogue {
	position: absolute;
	width: 450px;
	top: 70px;
	left: 50%;
	margin-left: -200px;
	background-color: #4F4E4E;
	border: 1px solid #000;
	padding: 15px;
}
#filterDialogue h2 { 
	background: none;
	padding: 0 0 16px 0;
}

#closeBtn {
	position: absolute;
	top: 10px;
	right: 10px;
	/*cursor: hand;*/
}

/* used to hide & show elements */
.hide { display: none !important; }
.show { display: block !important; }


/* ############################ form styles ##################################### */
fieldset {
	border-top: 3px solid #fea133;
	border-bottom: none;
	border-right: none;
	border-left: none;
	position: relative;
}
fieldset.discreet {
	border: none;
	padding: 0;
	margin: 0;
}
fieldset.discreet legend { display: none; }

fieldset legend {
	font-size: 14px;
	padding: 0 10px 0 10px;
	font-weight: bold;
	font-size: 18px;
	color: #848484;
}
fieldset input, fieldset select, fieldset textarea { margin-left: -10px; }

label {
	display: block;
	width: 125px;
	float: left;
	margin-bottom: 5px;
}

form input, form select, form textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #cac6c6;
	background-color: #f7f7f7;
}
form select { 
	padding: 3px 0 3px 0;
	width: 215px;
}
form input.compulsory { background: #F7F7F7 url('/images/icon_validatedField.gif') no-repeat right 0; }
form input.waiting    { background: #F7F7F7 url('/images/icon_validatedField.gif') no-repeat right -23px; }
form input.validated  { background: #F7F7F7 url('/images/icon_validatedField.gif') no-repeat right -46px; }
form input.error      { background: #F7F7F7 url('/images/icon_validatedField.gif') no-repeat right -69px; }

div.compulsory, div.waiting, div.validated, div.error { 
	float: left; 
	margin-left: 6px; 
	width: 26px; 
	height: 23px; 
}
div.compulsory { background: #F7F7F7 url('/images/icon_validatedField.gif') no-repeat right 0; }
div.waiting    { background: #F7F7F7 url('/images/icon_validatedField.gif') no-repeat right -23px; }
div.validated  { background: #F7F7F7 url('/images/icon_validatedField.gif') no-repeat right -46px; }
div.error      { background: #F7F7F7 url('/images/icon_validatedField.gif') no-repeat right -69px; }

/* pro only */
form input.proOnly {
	background: #F7F7F7 url('/images/icon_lockedField.gif') no-repeat 189px 1px;
	color: #848484;
}


form input.short, form select.short { width: 80px; }

form select.filter { width: 70px; margin-right: 20px; }
#filterDialogue form label { width: 85px; }

form textarea {
	width: 204px;
	height: 73px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
}

form input[type=submit] {
	border: 1px solid #000;
	margin-right: 15px;
	margin-top: 10px;
}
form input[type=text],form input[type=password], form input[type=file] { 
	padding: 3px 5px 3px 5px; 
	width: 204px;
}
.inputImage, form input[type=image] { 
	background-color: transparent; 
	border: none; 
	margin-right: 5px;
}
form input.hidden { display: none; }

form .radioset {
	padding: 0;
	margin: 0 0 0 20px;
}

form br, br.clear {
	clear: both;
}

.highlight {
	background-color:#f2d6cc;
	border: 1px solid black !important;
}

.error { background-color: #F2D6CC; }

.error_text, .info_text, .warn_text {
	background-color: #e5e5e5;
	border-top: 1px solid #fea133;
	border-bottom: 1px solid #fea133;
	color: #000;
	padding: 5px 20px;
	margin-bottom: 15px;
}

.error_text h4, .info_text h4 {
	color: #fea133;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.error_text h4	{ padding-left: 20px; color: #e00020; background: transparent url('default/icon_statusError.png') no-repeat 0 0; }
.warn_text h4	{ padding-left: 20px; color: #fea133; background: transparent url('default/icon_statusWarn.png') no-repeat 0 0; }
.ok_text h4		{ padding-left: 20px; background: transparent url('default/icon_statusOK.png') no-repeat 0 0; }

.error_text ul, .info_text ul { list-style: none; padding: 0; margin: 5px 0 5px 0; }
.error_text li, .info_text li { padding-bottom: 5px; }

.tooltip {
	position: absolute;
	border: 1px solid #CAC6C6;
	padding: 3px 7px;
	background-color: #E5E5E5;
	width: auto;
	z-index: 100;
}

#explanation {
	position: absolute;
	border: 1px solid #CAC6C6;
	padding: 3px 7px;
	background-color: #E5E5E5;
	min-width: 220px;
	max-width: 300px;
	z-index: 110;
	text-align: left;
}

.explanationTrigger {
	float: left;
	margin-left: 15px;
}



/* ############################ stats styles ##################################### */
.stats {
	width: auto;
	height: auto;
	float: left;
	border: 1px solid #E5E5E5;
	padding: 0 15px 15px 15px;
	margin-bottom: 20px;
	min-width: 250px;
	margin-right: 15px;
}
.stats h3 {
	position: relative;
	background-color: #333333;
	padding: 5px 0 5px 15px;
	color: #fff;
}
h3 .statsSave { 
	position: absolute;
	right: 10px;
	color: #FFF;
}
#statsSaveTarget {
	display: none;
}

.stats table { width: 100%; }

/* stats tab navigation */
.statsTabNav {
	list-style: none;
	width: 100%;
	border-bottom: 1px solid #848484;
	margin: 0;
	padding: 0;
	height: 29px;
}
.statsTabNav li {
	float: left;
	width: 120px;
	border: 1px solid #848484;
	margin-left: 10px;
	text-align: center;
	padding: 5px 0;
	height: 18px;
	background-color: #848484;
}
.statsTabNav li a { color: #FFF; display: block; text-decoration: none; }

.statsTabNav li.active {
	border-bottom: 1px solid #FFF;
	background-color: #FFF;
}
.statsTabNav li.active a { color: inherit; }

.statsTabContents_graph, .statsTabContents_data {
	border-left: 1px solid #848484;
	border-right: 1px solid #848484;
	border-bottom: 1px solid #848484;
}

.stats_loading {
	min-width: 300px;
	min-height: 200px;
	background: #FFFFFF url('default/icon_loading.gif') no-repeat center;
}


/* ####################### column styles #################### */
.column { float: left; }

/* default header style, overwritten lower depending on width  */
.column h2 {
	width: 100%;
	height: 26px;
	padding: 3px 0 0 10px;
	margin: 0;
	font-family: Helvetica, sans-serif, Verdana;
	font-weight: normal;
	font-size: 18px;
}

/* margins */
.columnpad_top 		{ margin-top:		16px }
.columnpad_right 	{ margin-right:		12px }
.columnpad_bottom 	{ margin-bottom:	16px }
.columnpad_left 	{ margin-left:		12px }

/* backgrounds */
.column_single { width: 258px; background: #5a5a5a url('default/bckgrnd_column_single.jpg') no-repeat bottom left; }
.column_double { width: 530px; background: #5a5a5a url('default/bckgrnd_column_double.jpg') no-repeat bottom left; }
.column_triple { width: 802px; background: #5a5a5a url('default/bckgrnd_column_triple.jpg') no-repeat bottom left; }

/* alters above by removing gradient (needed if the section has any transparency) */
.column_single_nogradient { background: #5a5a5a url('default/bckgrnd_column_single_nogradient.jpg') no-repeat bottom left; }
.column_double_nogradient { background: #5a5a5a url('default/bckgrnd_column_double_nogradient.jpg') no-repeat bottom left; }
.column_triple_nogradient { background: #5a5a5a url('default/bckgrnd_column_triple_nogradient.jpg') no-repeat bottom left; }

/* headers */
.column_single h2 { background: #5a5a5a url('default/bckgrnd_column_single_h2.gif') no-repeat top left; }
.column_double h2 { background: #5a5a5a url('default/bckgrnd_column_double_h2.gif') no-repeat top left; }
.column_triple h2 { background: #5a5a5a url('default/bckgrnd_column_triple_h2.gif') no-repeat top left; }

/* contents */
.column_contents { padding: 0 10px 1px 10px; }

/* when the section heading is an image */
.column h2 img { margin-top: 4px;  }

.aboutUsElement { padding: 0 15px 0 15px; }


/* ####################### heatmap styles #################### */
#heatmapThumbs {
	height: auto;
	width: 630px;
	overflow-x: scroll;
	padding-top: 10px;
}
#heatmapThumbs div {
	width: 80px;
	text-align: center;
	float: left;
	margin: 0 0 5px 8px;
}

#heatmapImage { 
	width: 450px; 
	border: 1px solid #E5E5E5;
}
#heatmapImage div {
	width: 10px;
	height: 10px;
	background-color: #F00;
	float: left;
}


/* ####################### browsing styles #################### */
.readerDiv {
	position: relative;
	height: 500px;
	margin-top: -2px;
}

#noFlash {
	width: 400px; 
	padding: 10px; 
	border: 1px solid #333; 
	margin: 0 auto; 
	margin-top: 120px;
	background-color: #FFF;
}

#noFlash h2 {
	text-indent: 0 !important;
	color: #333 !important;
}

#noFlash img {
	float: left; 
	padding: 55px 20px 0 10px;
}
#noFlash div { width: 270px; }

.readerDiv embed, .readerDiv object {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
}


.sideElement {
	width: 100%;
	background-color: #e5e5e5;
	margin-bottom: 9px;
}
.sideElement table { 
	margin-left: 9px;
	width: 355px;
}

#tagCloud { text-align: center; }
#tagCloud a { color: #FEA133; padding: 3px; }
#tagCloud a.selected, #tagCloud a.selected:hover {
	color: #FFF;
	background-color: #FEA133;
	font-weight: bold;
	text-decoration: none;
}

.sideElement td { border: none; padding: 0; }

.btn_viewAll {
	display: block;
	margin-left: 7px;
	padding: 10px 0 10px 0;
	margin-left: 185px;
}

.issueThumb {
	width: 157px;
	padding: 13px 0 13px 0;
	border-bottom: 2px solid #FFF;
}

.infoBox {
	margin-left: 60px;
	width: 97px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.infoBox a { color: #848484; }
.infoBox a:hover { color: #fea133; text-decoration: none; }

.infoBox-contents {
	position: relative;
	width: 83px;
	margin-left: 7px;
}

.infoBox-contents .stars { padding: 5px 0 5px 0; }

.infoBox-go {
	position: absolute;
	bottom: -3px;
	right: 0px;
}

.infoBox-readBar { margin: 8px 0 8px 0; }

#commentArea {
	width: 100%;
	clear: both;
	padding-top: 15px;
}

#newComment {
	width: 306px;
	float: right;
}

#newComment textArea, #newComment input[type=text] { width: 294px;}

#comments {
	background: #f4f4f4;
	width: 558px;
	margin-bottom: 20px;
	float: left;
}

#comments-header {
	/*padding-top: 15px;*/
	background: #FFF url('default/bckgrnd_comments-header.gif') no-repeat bottom left;
	height: 32px;
}
#comments-header table {
	margin: 8px 0 0 0;
	padding: 0;
	float: right;
	width: auto;
}

#comments-table { 
	width: 470px;
	margin: 0 10px 0 10px;
	padding-bottom: 15px;
}
#comments table td { 
	padding: 0 15px 10px 0; 
	border: none;
	background: transparent url('default/bckgrnd_break.gif') repeat-x bottom left;
	vertical-align: top;
}
#comments table td.last, #comments table table td { border: none; background-image: none; }
.comments-table-inner a img { margin-top: 15px; }

#issueDiv {
	position: absolute;
	margin: 0 auto;
	top: 96px;
	left: 12px;
	width: 880px;
	height: 627px;
	display: none;
	z-index: 25;
}

#issueDiv.on { display: block; }

#issueFrame {
	width: 100%;
	height: 100%;
	z-index: 20;
}
#issueFrame.block { display: block; }

#issueFrame.fullscreen {
	top: 0;
	width: 100%;
	height: 100%;
}

.starLink {
	float: left;
	width: 17px;
	height: 15px;
	background: transparent url('default/star.png') no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
}
.starLinkActive { background: transparent url('default/star.png') no-repeat 0 -15px; }

/* ####################### side bar  styles #################### */
.singleColumn { 
	float: left;
	width: 370px;
	margin: 0 0 9px 9px;
	min-height: 300px;
}
.singleColumn.thin { width: 180px; }

#fullColumn  { 

}

#doubleColumn { 
	position: relative;
	float: left;
	width: 501px;
}

#tripleColumn {
	float: left;
	width: 675px;
	margin-left: 15px;
	position: relative;
}

.withRadio {
	width: 481px !important;
}

#doubleColumn.wide { width: 610px; }

.browserPreview {
	margin: 14px 0 0 16px;
	width: 473px;
	clear: both;
}
.browserPreview .thumb { padding-bottom: 15px; }
.browserPreview b { color: #fea133; }


#fullColumn hr {
	clear: both;
}

/* preview pane on hover */
.miniPreview {
	position: relative;
	width: 201px;
	margin: 0 11px 11px 0;
	padding: 10px 0 10px 10px;
	background-color: #F4F4F4;
	bottom: 0;
	float: left;
	min-height: 113px;
}
.ajax3column .miniPreview { width: 150px; }
.miniPreview h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 3px 0;
}
.miniPreview h3 a {
	color: #848484;
}
.miniPreview .cover {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0;
	margin-right: 10px;
	z-index: 1;
	float: left;
}
.miniPreview .viewNow {
	position: absolute;
	bottom: 3px;
	left: 100px;
}
.miniPreview .remove {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 0;
}

/* ajax style, for floating istock style covers */
#floatingCover {
	position: absolute;
	z-index: 100;
}
/*
.miniPreview div {
	width: 95px;
	height: 100%;
	margin-left: 10px;
	float: left;
}*/
.miniPreview img {
	padding: 5px 0 5px 0;
}
.ajax3column .resultsPagination td { padding: 0 5px !important; }

/* sub tabs for the browse page */
#subtabs {
	height: 23px;
	width: 300px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#subtabs li {
	width: 98px;
	height: 23px;
	margin-right: 5px;
	float: left;
}
#subtabs li#subtab1 { width: 92px; background: transparent url('default/bckgrnd_subtab_01.gif') no-repeat 0 0; }
#subtabs li#subtab2 { width: 98px; background: transparent url('default/bckgrnd_subtab_02.gif') no-repeat 0 0; }
#subtabs li {
	font-weight: bold;
	font-size: 18px;
}
#subtabs li a {
	width: 100%;
	height: 100%;
	color: #FFF;
	display: block;
	margin: 2px 0 0 10px;
	text-indent: -9999px;
}
#subtabs li a:hover { text-decoration: none; }
#subtabs li#subtab1.active { background: transparent url('default/bckgrnd_subtab_01.gif') no-repeat 0 -23px; }
#subtabs li#subtab2.active { background: transparent url('default/bckgrnd_subtab_02.gif') no-repeat 0 -23px; }

.searchHighlight { text-decoration: underline; }

.featured_infoBox {
	position: relative;
	margin-left: 94px;
	width: 379px;
	font-size: 10px;
	color: #848484;
}
.featured_infoBox h3, #featured_infoBox h3 a {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #0e99cd;
}

.featured_infoBox p { border-top: 1px solid #e5e5e5; padding-top: 7px; }

.featured_infoBox div {
	font-size: 12px;
	color: #848484;
}

#doubleColumn td { 
	vertical-align: top;
	padding: 8px 10px 8px 10px;
}

#doubleColumn td h4 { 
	padding-top: 0;
	margin-top: 0;
}

td.scores {
	width: 100px;
	font-size: 10px;
}

/* ####################### Pro account upgrade styles #################### */
.account-details {
	float: left; 
	width: 450px;
	margin-right: 20px;
	border-right: 1px solid #DDD;
}

/* ####################### Pro account upgrade styles #################### */
#doubleColumn #packageTable td { padding: 10px 10px 5px 10px; }

.splitForm { 
	float: left;
	width: 330px; 
}
.splitForm form { 
	width: 320px; 
	padding-right: 10px;
	border-right: 1px solid #cac6c6;
}
.splitForm label { width: 100px; }
.splitForm input[type=text], .splitForm input[type=password] { width: 174px; }
.splitForm select { width: 188px; }
.splitForm input.short { width: 80px; }
.splitForm div.smallNavBox { width: 195px; }

#messages, .messages { 
	position: absolute;
	z-index: 1000;
	left: 50%;
	top: 80px;
	margin-left: -190px;
	padding: 10px 20px;
	width: 350px;
	min-height: 200px;
	border: 1px solid #fea133;
	background-color: #FFF;
	text-align: left;
}

#messages h3, .messages h3 {
	padding: 0;
	margin: 0 0 15px 0;
	font-size: 14px;
	font-weight: bold;
	color: #FEA133;
}
#messages h4, .messages h4 {
	margin-bottom: 3px;
}
#messages-close, .messages-close {
	cursor: hand;
	position: absolute;
	bottom: 10px;
	right: 20px;
}


/* ####################### publication manager #################### */
table.spreadsheet { width: 100%; }
table.spreadsheet th {
	background: #FEA133;
	color: #FFF;
	font-weight: bold;
}

table.spreadsheet th, table.spreadsheet td { 
	border: 1px solid #FFF;
	height: 28px;
}

table.spreadsheet td { background-color: #e5e5e5; }
table.spreadsheet tr.blank td { background-color: #FFF; padding: 0; }
table.spreadsheet .col1 { width: 30px; text-align: center; }
table.spreadsheet .col2 { width: 180px; }
table.spreadsheet .col3 { width: 75px; }

/* sub-tables */
table.spreadsheet tr.blank td table { width: 100%; }
table.spreadsheet tr.blank td table td { background-color: #EAEAEA; border: 1px solid #FFF; padding: 3px 10px 3px 10px; }
table.spreadsheet tr.blank td table td.subcol1 { 
	width: 27px; 
	background: #FFF url('default/bckgrnd_tree_middle.gif') no-repeat top left;
	padding: 0;
}
table.spreadsheet tr.blank td table tr.last td { border-bottom: none; }
table.spreadsheet tr.blank td table tr.last td.subcol1 { background: #FFF url('default/bckgrnd_tree_end.gif') no-repeat top left; }
table.spreadsheet tr.blank td table td.subcol2 { width: 152px; }
table.spreadsheet tr.blank td table td.subcol3 { width: 75px; }

/* table navigation (search and pagination) styles */
#publicationSearchForm {
	
}
#publicationSearchForm input[type=image] {
	padding: 3px 0 0 10px;
}

#publicationNav {
	position: absolute;
	right: 0;
}
#publicationNav td {
	border: none;
}


/* publication manager embed options */
#embedCodeForm input[type=text] { 
	width: 20px;
	float: none;
	display: inline;
}
#embedCodeForm label { width: auto; float: right; }
#embedSnippet {
	width: 340px;
	height: 200px;
	font-size: 12px;
}

/* publication manager share options */
.shareLink {
	float: left;
	padding-right: 15px;
}




/* ####################### Group Styles #################### */

#discussionThread { width: 501px; }
#threadTitle { font-weight: bold; font-size: 14px; border-bottom: 2px solid #848484; }
#threadTitle th small { display: block; }
#discussionThread td { border: none; }
#discussionThread td, #discussionThread th { vertical-align: top; border-bottom: 1px solid #BBB; }
#discussionThread td p {
	padding: 0 0 15px 0;
	margin: 0;
}


table.list, table.thread{
	width: 100%;
	border: 0px solid #efefef;
	clear: left;
}

table.list th, table.thread th{
	text-align: left;
	font-weight: bold;
	background-color: #efefef;
	border-top: 3px solid #FEA133;
	border-bottom: 2px solid #fff;
}

table.list td{
	padding: 2px;
	text-align: left;
	border-width: 0px;
	border-bottom: 1px dotted #efefef;
}


div.groupName{
	font-weight: bold;
	font-size: 16px;
	margin-top: 0px;
}

div.groupCategory{
	font-weight: bold;
	color: #dddddd;
	font-size: 14px;
	padding-bottom: 2px;
	margin-top: 0px
}

td.group-icon img { margin-right: 10px; }

td.group-details{
	vertical-align: top;
	width: 100%;
}

.messagePreview{
	border: 1px solid #cccccc;
	background-color: #efefef;
	margin-bottom: 10px;
	padding: 10px;
	color: #333333;
}
h2.threadtitle{
	margin-top: 3px;
	color: #333;
}

div.thread-main-message{
	padding: 5px;
	background-color: #efefef;
	color: #333;
	margin-bottom: 5px;
}


table.thread td.thread-first-post{
	padding: 2px;
	text-align: left;
	border-width: 0px;
	border-bottom: 1px dotted #efefef;
}

table.thread td.thread-reply-left{
	padding: 5px;
	text-align: right;
	vertical-align: top;
	border-width: 0px;
	border-bottom: 1px dotted #efefef;
	
}

table.thread td.thread-reply-right{
	width: 85%;
	padding: 5px;
	vertical-align: top;
	border-width: 0px;
	border-bottom: 1px dotted #efefef;
}

div.reply-author{
	background-color: #fffeee;
	font-weight:bold;
	margin-bottom: 5px;
	padding: 5px;
}

.headerButton {
	float: right;
	margin: 6px 7px 0 0;
}

/* group.home */
.group-preview {
	width: 260px;
	padding: 13px;
	float: left;
	margin: 0 10px 10px 0;
	background-color: #f4f4f4;
}

.group-icon {
	padding-right: 10px;
	float: left;
	background-color: #f4f4f4;
}

.group-preview-white, .group-preview-white .group-icon { background-color: #FFF; }

.group-preview div { width: 100%; }
#fullColumn .group-preview div h2 {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	text-indent: 0;
	font-size: 16px;
	font-weight: bold;
}
#fullColumn .group-preview div h2 a:hover { text-decoration: none; }
#fullColumn .group-preview div h3 {
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
	color: #39cdd4;
	font-weight: bold;
	font-size: 12px;
	width: 100%;
	border-bottom: 1px solid #dcdbdb;
}
#fullColumn .group-preview div p { padding: 0; margin: 0; }

/* ####################### Generic Styles #################### */
div.right{
	text-align: right;
	padding-right: 3px;
}

div.left{
	text-align: left;
	padding-right: 3px;
}

div.center{
	text-align: center;
}


/* ####################### Generic Styles #################### */
#doubleColumn .channels table { width: 501px; border-collapse: separate; }
#doubleColumn .channels table td {
	border: none;
	background: transparent url('default/bckgrnd_channel.gif') no-repeat top left;
	padding-left: 65px;
	border-bottom: 1px solid #DCDCDC;
}
#doubleColumn .channels table tr { margin-bottom: 15px; }
#doubleColumn .channels table h2 { text-indent: 0; height: auto; width: auto; }



/* #################### page specifics ############## */
#user_details {
	margin-top: 10px;
}

#user_details img {
	padding-right: 15px;
	border-right: 1px solid #DDD;
	float: left;
}

#user_details div {
	float: left;
	width: 220px;
	margin-left: 15px;
}

#user_details table td {
	border: none;
}

/* #################### channels page - categories ################### */
.categoryList {
	border-bottom: 1px solid #DCDCDC;
	padding-bottom: 10px;
	margin-top: 10px;
}
.categoryList h3 { padding: 0; margin: 0; }


/* #################### homepage ################### */
#miniBrowser {
	width: 300px;
	height: 260px;
	float: right;
}

.ajaxDiv .ajaxData { display: none; }


/* #################### issues.add specifics ############### */
#issueAddStep2 {
	
}

#issueAddStep2 table { width: 100%; }
#issueAddStep2 td {
	border: 5px solid white;
	background-color: #EAEAEA;
	vertical-align: top;
	padding: 0;
	margin: 0;
}
#issueAddStep2 td td {
	border: none;
}
#issueAddStep2 td label {
	width: 75px;
	font-weight: bold;
	padding: 0;
	margin: 13px 0 10px 10px;
}
#issueAddStep2 td input, #issueAddStep2 td select, #issueAddStep2 td textarea {
	padding: 3px;
	margin: 10px 0 10px 0;
}
#issueAddStep2 td img {
	padding: 10px 0 0 4px;
}

/* #################### search specifics ############### */
.advertColumn {
	border: 1px solid #CCC;
	padding: 0;
	text-align: center;
	width: 370px;
	margin-bottom: 15px;
}

/* #################### browse.report specifics ############### */
#report-cover {
	width: 320px;
	float: left;
}
#report-cover img { border: 1px solid #999; }

#report-details { 
	width: 560px; 
	float: left;
}

/* #################### mobile.home specifics ############### */
#mobile-explanation {
	margin: 60px 0 40px 0;	
}
#mobile-explanation img {
	float: left;
	margin: 0 15px 0 40px;
}
#mobile-explanation div {
	padding: 10px 48px 0 0;
}


/* #################### account.register ############### */
fieldset .register-explanation {
	position: absolute;
	top: -16px;
	left: 370px;
	width: 400px;
}
fieldset.active, fieldset.unactive { display: block; }
fieldset.active .register-explanation { padding: 20px 0 0 70px; }
fieldset.active .register-explanation-minimal { display: none; }
fieldset.unactive .register-explanation-minimal { display: block; margin-top: -25px; padding-left: 20px;  }
fieldset .register-explanation-minimal {
	position: absolute;
	width: 450px;
	left: 370px;
}
fieldset.active, fieldset.unactive { 
	width: 350px; 
	position: relative; 
	margin-bottom: 10px;
}


fieldset div { position: relative; }

/* jQuery expando styling */
fieldset img.jquery-expando {
	position: absolute;
	right: 0;
	top: -23px;
	background-color: #fff;
	padding: 0 3px 0 3px;
}
fieldset.unactive img.jquery-expando { top: -19px; }

.unactive div .registration-furtherExplanation { display: none; }
.unactive { padding-top: 0; height: auto; }

/* registration: section 1 - main details */
#mainDetails, #address, #network { position: relative; }
#mainDetails.active .register-explanation { padding-top: 100px; height: 206px; background: transparent url('/images/icon_bracket_main.gif')    no-repeat top left; }
#address.active     .register-explanation { padding-top: 110px; height: 205px; background: transparent url('/images/icon_bracket_address.gif') no-repeat top left; }
#network.active     .register-explanation { padding-top: 60px;  height: 204px; background: transparent url('/images/icon_bracket_network.gif') no-repeat top left; }


/* hold music for issue add (and others) */
.holdMusic {
	width: 184px;
	position: absolute;
	top: 0;
	right: 0;
}

#tripleColumn .holdMusic .blankHeader { width: 184px; }


/* "people" page */
.people-joined {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
	margin-bottom: 10px;
	float: left;
	width: 283px;
	height: 140px;
	margin-right: 15px;
	background-color: #F4F4F4;
}

.people-joined a img { float: left; padding: 10px; }

.people-joined div {
	float: right;
	width: 160px;
	margin-top: 5px;
}

.people-chat {
	border-bottom: 1px solid #e5e5e5;
}

.people-chat h3, .people-joined h3 {
	padding-top: 0;
	margin-top: 0;
}


/* login styles */
#login-details {
	width: 370px;
	float: left;
}
#login-explanation {
	float: right;
	width: 500px;
}
#login-explanation h3 {
	margin-top: 0;
	padding-top: 0;
}

.jcrop-holder img { left: 0; }


/* issue.edit styles */
#customURLtable th { padding: 0 2px; margin: 0; }
form input.customURL_subdomain	{ width: 100px; }
form input.customURL_domain		{ width: 150px; }
form input.customURL_directory	{ width: 100px; }

form input.customURL_subdomain.proOnly	{ background-position: 85px  2px; }
form input.customURL_domain.proOnly		{ background-position: 135px 2px; }
form input.customURL_directory.proOnly	{ background-position: 85px  2px; }

form input.customURL_subdomain.error	{ background-position: 75px  -69px; }
form input.customURL_domain.error		{ background-position: 125px -69px; }
form input.customURL_directory.error	{ background-position: 75px  -69px; }