/* phpBB3styles.net website CSS common
---------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

/* Main website blocks */
#header {
	height: 120px;
}

html, body, #wrap {
	height: 100%;
	min-width: 1045px;
}

#wrap-group {
	min-height: 100%;
	background-color: purple;
	background-image: url('./images/sprites_bg.png');
	background-repeat: repeat-x;
	background-position: 0 -2px;
	background-color: #efefef;
}

.fixed {
	width: 1024px;
	margin: 0 auto;
	padding: 0 10px;
}

.fluid {
	width: auto;
	padding: 0 10px;
}

#header .logo {
	float: left;
	background-image: url('./images/sprites_header.png');
	height: 115px;
    width: 365px;
}

#header .logo  a {
	display:block;
	width: 400px;
	height: 120px;
}

#header ul.sitelinks {
	list-style: none;
	padding-top: 50px;
	float:right;
}

#header .sitelinks li{
	display:inline-block;
	float:left;
	background-image: url('./images/sprites_header.png');
	background-repeat: no-repeat;
	position:relative;
	
	height:20px;
	width:50px;	
}
#header .sitelinks a{
	display:block;
	height:20px;
}

#header .sitelinks .home {
	width: 50px;
	background-position: -368px 1px;
}

#header .sitelinks .advertise {
	background-position: -501px 1px;
	width: 80px;
}

#header .sitelinks .contact {
	background-position: -432px 1px;
	width: 66px;
}

#header .sitelinks  .divide {
	width: 11px;
	margin: 0 5px;
	background-position: -419px 1px;
}

#menu {
	height: 40px;
	text-align: left;
}

#menu ul.menu {
	clear:both;
	float:left;
	list-style: none;
	position:relative;
	width:1024px;
	margin-top: -19px; /* Temp for BSA ad, height 125px; */
}

#menu .menu a {
	float:left;
	background-image: url('./images/sprites_header.png');
	background-repeat: no-repeat;
	display:inline-block;
	height:40px;
	position:relative;
}

#menu li.last {
	background-image: url('./images/sprites_header.png');
	background-repeat: no-repeat;
	background-position: 0px -118px;
	display: inline-block;
	width: 2px;
	height: 40px;
}

#bsap_1271536 a, #bsap_1276055 a  {
    border: 5px solid #9F0000;
    border-radius: 5px;
	margin-right: 15px;
}

a.styles_database {
	width: 167px;
	background-position: 0px -118px;
}
a.styles_database:hover {
	background-position: 0px -158px;
}

a.styles_demo {
	width: 132px;
	background-position: -167px -118px;
}
a.styles_demo:hover {
	background-position: -167px -158px;
}

a.imagesets {
	width: 110px;
	background-position: -299px -118px;
}
a.imagesets:hover {
	background-position: -299px -158px;
}

.search_box{
	background-image: url('./images/sprites_header.png');
	background-position: -409px -118px !important;
	background-repeat: no-repeat;
	width: 158px;
	padding-left:10px;
	padding-right: 29px;
	height: 40px;
	border: none;
	border-width: 0 !important;
	padding-top: -20px !important;
	outline: none; /* chrome */
	line-height: 40px; /* ie */
	
}
.search_box:hover {
	background-position: -409px -158px !important;
}

.gsc-completion-container {
	background-color: #1c1c1c !important;
	color: #fff;
	border-spacing: 0 !important;
	margin-top: 0;
	border-width: 0 !important;
	/*padding: 0 4px 2px;*/
}

.gsc-completion-container  table {
	border-spacing: 0;
}

.gsc-completion-container  td{
	padding: 3px 8px;
}

.gsc-completion-selected {
	background-color: #6e0000 !important;
	padding: 0 -40px;
	cursor: pointer;
}






#footer {
	margin: -50px 0 0;
	width: auto;
	background-color: #1c1c1c;
	font-size: 0.9em;
	color: #999;
	
	height: 30px;
	padding-top: 10px;
	padding-bottom: 10px; /* 30 + 10 + 10 makes 50px! The total height of the footer */
	clear:both;
}

#footer a {
	color: #fff;
	font-weight: bold;
}

h2, h3 {
	/*background-image: url('./images/sprites_bg.png'); /* hborder 
	background-position: 0 25px;
	background-repeat: repeat-x;*/
	border-bottom: thin solid #9E9C9C;
	box-shadow: 0 3px 2px -2px #FFFFFF;
	color: #970000;
	margin: 15px 0 3px 0;
	padding-bottom: 3px;
	font-weight: normal;
}
h3 {
	color: #000;
	/*background-position: 0 21px;*/
}

hr {
	/*background-image: url('./images/sprites_bg.png'); /* hborder 
	background-position: 0 25px;
	background-repeat: repeat-x;*/
	border: none;
	border-bottom: thin solid #9E9C9C;
	box-shadow: 0 3px 2px -2px #FFFFFF;
	height: 2px;
}

#page
{
	padding: 0 0 60px; /* footer = 50, 10px extra margin */
}

.warningbox {
	margin:10px 0; 
	padding-bottom: 10px; 
	padding-right: 10px;
	padding-top:0; 
	background-color:#eeeeee; 
	border-style:solid; 
	border-width:thin; 
	border-color:#bbbbbb;
	background-image:url('./images/icons/warning.png'); 
	background-repeat:no-repeat; 
	background-position: 10px 50%; 
	padding-left:66px; 
	min-height:50px; 
}



.fixed #content {
	float: left;
	width: 760px;
	height: 100%;
	padding-top: -120px;
	padding-bottom: -30px;
}

.fluid #content {
	margin-right: 250px;
	width: auto;
	text-align: right;
	padding-top: -120px;
	padding-bottom: -30px;
}

#content {
	/*padding-bottom: 20px;*/
}

#sidebar {
	float: right;
	width: 240px;
	padding-top: 5px;
	padding-left: 12px;
	background-image: url('./images/sprites_header.png'); /* vborder */
	background-position: -606px 0px;
	background-repeat: repeat-y;
	padding-bottom: 20px;
}

.fixed #sidebar {
	float: right;
	width: 240px;
}

.fluid #sidebar {
	float: right;
	width: 190px;
	margin-right: 30px;
}


.blockl {
	width: 49%;
	float:left;
}

.blockr {
	width: 49%;
	float:right;
	
}

body {
  
  font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
  color: #1c1c1c;
  font-size: 80%;
  background-color: #efefef;
 }

a img {	border: 0px; }
a:link,a:active,a:visited { text-decoration: none; color : #970000; }
a:hover		{ text-decoration: underline; color:#970000; }

.light {
	color: #999;
}

/* Sidebar dotted-gray
	Used - Style Updates homepage 
		 - Styles DB options
	*/
ul.dotted-gray {
	list-style-position:inside;
	list-style: none;
}

ul.dotted-gray li {
	border-bottom: 1px dotted #999;
}

ul.dotted-gray span.light {
	float: right;
}

#sidebar input[type='checkbox'] {
	margin-right: 5px;
	vertical-align: middle;
	margin-left: 1px;
}


/* Announcements homepage */
ul.announcements {
	list-style-position: inside;
	list-style: none;
}

ul.announcements li {
	border-bottom: 1px dotted #999;
}




/* Homepage */
#carousel2 {
	display: none;
}

/* textholder is the overlay at New Styles */
.textholder {
background-color: #fff !important;
opacity: 0.7 !important;
text-align: center;
color: #970000;
font-weight: bold;
}


.viewstyle .button {
display:block; 
cursor:pointer; 
border: 0; 
background: gray; 
text-align:left; 
text-indent:25px; 
height:30px; 
background-repeat:no-repeat;
color: #fff;
}



.viewstyle .bold   {
font-weight: bold;
}

/* Advertise page */
#bsa_adwidget .bsa_powered a {
	border-radius: 10px !important;
}


#bsa_adwidget ul.bsa_adwidget_inventory li {
	box-shadow: 1px 2px 10px #888 !important;
	list-style-type: none !important;
}

.bawi_right {
	background: none !important;
	width: 200px !important;
	box-shadow: none !important;
	border: none !important;
	margin-top: 5px !important;
}

.bawi_volume, .bawi_avail {
	width: 120px !important;
	display:inline-block !important;
	text-align:center !important;
	padding: 10px 0 !important;
	
	/* A trick to override the padding-bottom of !important (set by BSA) */
	position: inherit !important;
	padding-bottom: 3px !important;
}

.bawi_volume {
	margin-left: 300px !important;
}

.bawi_title , .bawi_specs {
	position: absolute !important;
	margin-top: 10px !important;
	margin-left: 5px !important
}
.bawi_title {
	width: 300px !important;
	line-height: 30px !important;
}
.bawi_specs  {
	margin-top: 35px !important;
}

.bawi_desc {
	margin: 0 0 0 6px !important;
	padding: 0 !important;
	position: absolute !important;
	width: auto !important;
}

.bawi_volume strong, .bawi_avail strong {
	font-size:19px !important;	
}

.bawi_volume em, .bawi_avail em {
	display: block !important;
}



/*
	Setting general button styles.
	Background position can't be set to "top",
	because of Firefox behavior.
	overflow: visible; is to remove magic padding in IE.
*/

button.download{
	width: 100%;
	margin-top: 10px;
	background: url('./images/buttons/download-end.png') no-repeat right;
}

button.download span.inner{
	background: url('./images/buttons/download-start.png') no-repeat left top;
	height: 79px;
	color: #fff;
}

button.download span.title {
	font-size: 1.8em; 
	padding-top: 20px; 
	padding-left: 48px; 
	height: 40px;
	display: inline-block;
	background: url('./images/buttons/download-icon.png') no-repeat left 10px;
}

button.download span.subline {
	margin-top: 2px; 
	font-size: 0.9em;
}


button.download-warning{
	width: 100%;
	margin-top: 10px;
	background: url('./images/buttons/download_yellow-end.png') no-repeat right;
}

button.download-warning span.inner{
	background: url('./images/buttons/download_yellow-start.png') no-repeat left top;
	height: 79px;
	color: #8e0808;
}

button.download-warning span.title {
	font-size: 1.8em; 
	padding-top: 20px; 
	padding-left: 48px; 
	height: 40px;
	display: inline-block;
	background: url('./images/buttons/downloadwarning-icon.png') no-repeat left 10px;
}
button.download-warning span.subline {
	margin-top: 2px; 
	font-size: 0.9em;
}

button.demo{
	width: 100%;
	margin-top: 10px;
	background: url('./images/buttons/demo-end.png') no-repeat right;
}

button.demo span.inner{
	background: url('./images/buttons/demo-start.png') no-repeat left top;
	height: 48px;
	color: #fff;
	text-align:center;
}

button.demo span.title {
	font-size: 1.5em; 
	padding-top: 12px; 
	padding-left: 35px; 
	height: 40px;
	display: inline-block;
	background: url('./images/buttons/demo-icon.png') no-repeat left 10px;
}


/* Download,etc buttons */
button span.inner span.icon {
	height: 24px;	
	text-align: left;
	padding-left: 35px;
	padding-top: 10px;	
}

button span.inner span.demo {
	background: url('./images/buttons/demo-icon.png') no-repeat left center;
}

button span.inner span.phpbb {
	background: url('./images/buttons/phpbb-icon.png') no-repeat left center;
}

button span.inner span.colorizeit {
	background: url('./images/buttons/colorizeit-icon.png') no-repeat left center;
}

button span.inner span.submit {
	background: url('./images/buttons/submit-icon.png') no-repeat left center;
}


button {
	text-align: center;
	border: 0;
	margin: 0;
	width: 100%;
	background: url('./images/buttons/button-blank-end.png') no-repeat right;
	padding: 0 5px 0 0;
	overflow: visible;
	cursor: pointer;
	
}
/*
	Sets the general styles for the span within the button
	content, and the starting image. This image contains the
	rounded corners to the left and is as wide as
	the widest button might become.
*/
button span.inner {
	position: relative;
	display: block;
	white-space: nowrap;
	height: 35px;
	color: #1c1c1c;
/*	text-transform: uppercase; */
	padding: 0 5px 0 8px;
	background: url('./images/buttons/button-blank-start.png') no-repeat left top;
}

/* Let these act like div's */
button span.inner span {
	display:block;
}