/********************************/
/* Global Styles                */
/********************************/
body{
	background: transparent url(images/bg.gif);
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
	color: #000000;
	margin: 0;
	padding: 0;
	_behavior: url('iemenu.htc');
}
#iswrapper{
	background: transparent url(images/iswrapperback.gif);
	margin: 0 auto;
	padding: 0;
	width: 760px;
	-moz-box-sizing:border-box;box-sizing:border-box;
}
#iswrapper img{
	vertical-align: top; /* Force Images to Align to Top MOZ */
}
a:link, a:active, a:visited{ 
	color: #007603;
	text-decoration: none;
}
a:hover{
	color: #FD7D00;
	text-decoration: none;
}
img{
	border: 0px;
}
.left{
	text-align: left;
}
.center{
	text-align: center;
	width: 158px;
}
.right{
	text-align: right;
}
.previewimages{
	border: 1px solid #8B8B8B;
}
.navdot{ 
	font-size: 9px;	
	font-family: tahoma;
	color: #959595;
}
.tabshow,
.tabshow2 {
	display: inline;
}

.tabhide,
.tabhide2 {
	display: none;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}

div#loading_xajax { position: absolute; left: 0px; top: 0px; z-index: 200; }
body > div#loading_xajax { position: fixed; top: 0; }
.loading_xajax {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	background: #FF0000;
	padding: 1px 10px;
	font-weight: bold;
	color: #FFFFFF;
	z-index: 200;
}
div#loading_xajax {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  _left: expression( (( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  _top: expression( (( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
.loading_xajax img {
	vertical-align: middle;
	margin: 0 5px;
}

/********************************/
/* Resource Tab Styles          */
/********************************/
.resourcetab_title {
	background: #DADADA url(images/stafftitlebg.gif) bottom repeat-x;
	border-bottom: 1px solid #C4C4C4;
	font-size: 10px;
	text-align: center;
	width: 540px;
	padding: 2px 5px 2px 5px; 
}
.resourcetab_title a:link,
.resourcetab_title a:visited,
.resourcetab_title a:active {
	font-weight: bold;
}
.resourcecontent_box {
	background-color: #F8F8F8;
	border: 1px solid #CACACA;
	padding: 5px;
	margin: 5px;
}
.resourcecontent_hide {
	display: none;
}
.resourcecontent_show {
	display: inline;
}
.searchinput,
textarea.searchinput {
	background-image: url('');
	border: 1px solid #D6D6D6;
	background-color: #FFFFFF;
	font-size: 10px;
}
.progressionbox {
	width: 500px;
	margin-bottom: 4px;
	border-bottom: 1px solid #CACACA;
	font: bold italic 11pt Arial;
	color: #008719;
}
.progressionbox h2 {
	font-spacing: 0;
	line-height: 0;
	margin: 0;
	font: bold italic 11pt Arial;
}
.adicon {
	float: left;
	cursor: pointer;
	padding-left: 48px;
 }
.adicon2 {
	float: right;
	cursor: pointer;
	padding-right: 118px;
}

/********************************/
/* Form Styles                  */
/********************************/
form{
	display: inline;
	margin: 0; /* removes mystery form tag gapping */
	padding: 0; /* removes mystery form tag gapping */
}
textarea{
	background: transparent url(images/textback.gif);
	font-size: 10px;
}
.forminput{
	background-color: #F9F9F9;
	border: 1px solid #B2B2B2;
	padding-top: 0px;
	margin: 0;
	width: auto;
	background: transparent url(images/textback.gif);
	font-size: 11px;
}
.forminput22 {
	display: none;
}
/********************************/
/* Outer Enclosure Styles       */
/********************************/
.fullbodyenclose{
	width: 760px;
		-moz-box-sizing:border-box;box-sizing:border-box;
}
.leftsr{
	width: 12px;
		background-image: url(images/leftsr.gif);
}
.rightsr{
	width: 12px;
		background-image: url(images/rightsr.gif);
}
.middlesr{
	width: 736px;	
	vertical-align: top;
}
/********************************/
/* Inner Enclosure Styles       */
/********************************/
.mainleft{
	width: 158px;
	background-image: url(images/mainleft.gif);
	vertical-align: top;
}
.mainmiddle{
	width: 3px;
	background-image: url(images/mainmiddle.gif);
}
.mainright{
	width: 575px;
	background-image: url(images/mainright.gif);
	vertical-align: top;
}
/********************************/
/* Side Menu Navigation System  */
/********************************/
div#home_sn,
div#h2o_sn,
div#forum_sn,
div#tutorials_sn .menu_sn,
div#downloads_sn .menu_sn,
div#misc_sn .menu_sn {
	background: url('images/menu_bg.gif') 0 0 no-repeat;
}

a.menu_sn,
div.menu_sn div {
	font-weight: bold;
	position: relative;
	color: #186E04;
	display: block;
	height: 16px;
	width: 134px;
	padding: 3px 0 0 24px;
	margin: 0;
	background: url('images/menu_bg.gif') 0 0 no-repeat;
}

a.menu_sn span,
div.menu_sn div span {
	font-weight: bold;
	position: absolute;
	top: -1px;
	left: -1px;
	display: block;
	color: #FFF;
	padding: 3px 0 0 24px;
}

a.menu_sn:hover,
div.menu_sn div:hover {
	cursor: pointer;
	color: #186E04;
	background: url('images/menu_bg.gif') -158px 0 no-repeat;
}

div.menu_click{
	font-weight: bold;
	position: relative;
	color: #186E04;
	display: block;
	height: 16px;
	width: 134px;
	padding: 3px 0 0 24px;
	margin: 0;
	cursor: pointer;
	background: url('images/menu_click.gif') 0 0 no-repeat;
}

div.menu_click span {
	font-weight: bold;
	position: absolute;
	top: -1px;
	left: -1px;
	display: block;
	color: #FFF;
	padding: 3px 0 0 24px;
}

div.submenushow a:link,
div.submenushow a:visited,
div.submenushow a:active,
div.submenuback{
	display: block;
	font-weight: normal;
	color: #000000;
	background: url(images/submenuback.gif);
	padding: 0px 0px 2px 10px;
}
div.submenushow a:hover,
div.submenuback:hover{
	display: block;
	cursor: pointer;
	font-weight: bold;
	color: #007603;
	background: url(images/submenuback.gif);
	padding: 0px 0px 2px 10px;
}

div.submenucloseback{
	background: url(images/submenucloseback.gif);
}

div.submenucloseback div{
	display: block;
	font-weight: bold;
	color: #000000;
	background: url(images/submenucloseback.gif);
	padding: 0px 0px 2px 0px;
	text-align: center;
}
div.submenucloseback div:hover{
	display: block;
	cursor: pointer;
	background-position: 0;
	font-weight: bold;
	color: #007603;
	padding: 0px 0px 2px 10px;
	text-align: center;	
}

div.submenuhide{
	display: none;
}

div.submenushow{
	display: block;
	background: url(images/submenuback.gif);
}
/********************************/
/* Side Module Styles           */
/********************************/
div.module{
	font-weight: bold;
	position: relative;
	color: #B24407;
	display: block;
	height: 19px;
	width: 149px;
	padding: 4px 0 0 9px;
	margin: 0;
	cursor: pointer;
	background: url('images/module_bg.gif') 0 0 no-repeat;
}

div.module div span,
div.module_click div span {
	font-weight: bold;
	position: absolute;
	top: -1px;
	left: -1px;
	display: block;
	color: #FFF;
	padding: 4px 0 0 9px;
}

div.module_click{
	font-weight: bold;
	position: relative;
	color: #B24407;
	display: block;
	height: 19px;
	width: 149px;
	padding: 4px 0 0 9px;
	margin: 0;
	cursor: pointer;
	background: url('images/module_click.gif') 0 0 no-repeat;
}

div.module_footer {
	width: 158px;
	height: 5px;
	margin-bottom: 10px;
	background: url('images/module_footer.gif') no-repeat;
}

div.module_back,
div#mod_fix {
	width: 158px;
	background: url('images/module_main_bg.gif') repeat-y;
}

.pollcontainer {
	padding-left: 3px;
	padding-right: 3px;
}

div.polltitle {
	text-align: center;
}

/********************************/
/* Membfo Styles                */
/********************************/
.membfo{
	background: #E5E4E4 url(images/membfoback.gif);
	width: 575px;
	height: 17px;
}
.membforight{
	text-align: right;
	padding: 2px 5px 0px 0px;
}
/********************************/
/* Content Box Styles           */
/********************************/
#mainright_container {
	padding-left: 2px;
	width: 573px;
	_padding: 0;
}
.content_header_nocollapse {
	width: 558px;
	height: 17px;
	color: #E78D2C;
	font-weight: bold;
	padding: 9px 0 0 13px;
	background: transparent url(images/content_header_nocollapse.gif);
}
.content_header_collapse {
	width: 558px;
	height: 17px;
	color: #E78D2C;
	font-weight: bold;
	cursor: pointer;
	padding: 9px 0 0 13px;
	background: transparent url(images/content_header_collapse.gif);
}
.content_header_expand {
	width: 558px;
	height: 17px;
	color: #E78D2C;
	font-weight: bold;
	cursor: pointer;
	padding: 9px 0 0 13px;
	background: transparent url(images/content_header_expand.gif);
}
.leftcontentsr{
	width: 12px;
	padding-right: 1px;
	background: transparent url(images/contentleftsr.gif);
}
.maincontentback{
	background-color: #EEEEEE;
	width: 550px;
}
.rightcontentsr{
	width: 12px;
	_width: 11px;
	background: transparent url(images/contentrightsr.gif);
}
.contentline{
	background: transparent url(images/contentline.gif);
	width: 575px;
	height: 1px;
}
.contentbottom{
	background: transparent url(images/contentbottom.gif);
	width: 575px;
	height: 10px;
}
.newstop{
	background: transparent url(images/newstop.gif);
	width: 575px;
	height: 24px;
}
.maintop{
	background: transparent url(images/maintop.gif);
	width: 575px;
	height: 24px;
}
.info{
	background: transparent url(images/infotop.gif);
	width: 575px;
	height: 24px;
}
.thelatesttitles{
	font-weight: bold;
	color: #2C7600;
}
#thelatest{
	width: 545px;
}
/********************************/
/* Miscellaneous Styles         */
/********************************/
#shoutbox{
	width: 158px;
}
.affback{
	width: 158px;
	padding: 1px 0px 1px 0px;
	font-weight: normal;
	color: #007700;
}
#line{
	width: 250px !important;
	width: 150px;
	height: 1px;
	background-color: #B0B0B0;
	padding: 0px;
	border: 0px;
	margin: 5px 0px 5px 0px;
}
.catbg{
	background: transparent url(images/latestactivitybg.gif);
}
.seperator{
	width: 450px;
	background-color: #BDBDBD;
	overflow: auto;
	font-size: 11px;
	height: 1px;
}
/********************************/
/* Title Styles                 */
/********************************/
.title{
	font-size: 11px;
	font-weight: bold;
	color: #008719;
}
.subtitle{
	font-weight: bold;
	color: #008719;
}
/********************************/
/* Box Border                   */
/********************************/
.boxborder{ 
	border: 1px solid #FFFFFF;
	border-bottom: 0px;
}
.fullboxborder{
	border: 1px solid #FFFFFF;
}
.darkback{
	background-color: #D1D1D1;
	width: 136px;
	font-weight: bold;
	color: #747474;
	border-bottom: 1px solid #FFFFFF;
}
.smallnotetext{ 
	width: 235px;
	padding: 0px;
	margin: 0px;
}
/********************************/
/* News and Staff Page Styles   */
/********************************/
/* Also used for News on Home Page */
.stafftitle{
	background: #DADADA url(images/stafftitlebg.gif) bottom repeat-x;
	border-bottom: 1px solid #C4C4C4;
	font-weight: bold;
	font-size: 11px;
	width: 540px;
	padding: 2px 5px 2px 5px; 
}
.staffmain{ 
	background-color: #E4E4E4;
	border-bottom: 1px solid #CACACA;
	width: 100%;
	padding: 0px;
}
.staffmain2{ 
	background-color: #F0F0F0;
	width: 100%;
	padding: 0px; 
}
/* Also used for News on Home Page */
.newsdata{ 
	border-top: 1px solid #CACACA; 
	border-bottom: 1px solid #CACACA;
	width: 545px; 
	padding: 2px;
	background-color: #F7F7F7; 
}
/********************************/
/* Popular Item Styles          */
/********************************/
.hot{ 
	font-weight: bold;
	color: #D8000C;
}
/********************************/
/* Licence Box Style            */
/********************************/
#licencebox{ 
	padding:10px;
	border:1px solid #DDD;
	background-color:#FFFADD;
	line-height:150%;
	width:95%;	
	height:180px;
	overflow:auto; 
}
/********************************/
/* Listings Remodelled Styles   */
/********************************/
/* when no resources are available for listing */
div.no_resource_listings {
	background-color: #FFDADA;
	border: 1px solid #E1A3A3;
	padding: 3px;
	text-align: center;
}
/* Google Ads */
.darkrow{ 
	background-color: #E4E4E4;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #BABABA;
	width: 549px;
}
.darkrow table {
	border-bottom: 1px solid #FFF;
}
.listhead{
	background: #E8E7E8 url(images/listing_01.gif);
	width: 544px;
	height: 14px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
}
a.listinglinks:link, 
a.listinglinks:visited, 
a.listinglinks:active{
	background: #F2F1F2 url(images/listing_02.gif);
	background-repeat: repeat-x;
	background-position: top;
	vertical-align: middle;
	border-right: 1px solid #FFFFFF;
	display: block;
	height: 100%;
	text-align: center;
	color: #DE7F03;
	font-weight: bold;
	padding: 5px 6px;
}
a.listinglinks:hover{
	color: #000000;
	font-weight: bold;
}
.listingsep{
	background-color: #C8C8C8;
	width: 550px;
	height: 3px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 0px;
	padding: 0px;
	margin: 0px;
}
.listingdesc{
	background: #DEDEDE url(images/listing_03.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 4px;
}
.listingdescsec{
	background: #EDEDED url(images/listing_04.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-top: 1px solid #FFFFFF;
	height: 10px;
	padding: 0px 4px 1px 4px;
}
/********************************/
/* Rating System Styles         */
/********************************/
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 65px;
	height: 11px;
	position: relative;
	background: url(images/alt_stars.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:13px;
	height: 11px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	font-size: 0;
}
.star-rating li a:hover{
	background: url(images/alt_stars.gif) left bottom;
	z-index: 2;
	left: 0px;
	border:none;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:13px;
}
.star-rating a.two-stars{
	left:13px;
}
.star-rating a.two-stars:hover{
	width: 26px;
}
.star-rating a.three-stars{
	left: 26px;
}
.star-rating a.three-stars:hover{
	width: 39px;
}
.star-rating a.four-stars{
	left: 39px;
}	
.star-rating a.four-stars:hover{
	width: 52px;
}
.star-rating a.five-stars{
	left: 52px;
}
.star-rating a.five-stars:hover{
	width: 65px;
}
.star-rating li.current-rating{
	background: url(images/alt_stars.gif) left center;
	position: absolute;
	height: 11px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	font-size: 0;
}

/* remove halo effect in firefox   */
a:active{
	outline: none;
}		
	
div.ratingmenu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 52px; /* Width of Menu Items */
	border: 0px;
}
div.ratingmenu ul li{
	position: relative;
}	
div.ratingmenu li ul{
	position: absolute;
	left: 51px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}
/* Styles for Menu Items */
div.ratingmenu ul li a{
	display: block;
	text-decoration: none;
	background: transparent url(images/spacer.gif); /* IE6 Bug */
	padding-top: 0px;
	padding-bottom: 3px;
	border: 0;
}
/* Fix IE. Hide from IE Mac \*/
* html div.ratingmenu ul li{ float: left; height: 1%; }
* html div.ratingmenu ul li a{ height: 1%; }
/* End */
div.ratingmenu li ul li a:link,
div.ratingmenu li ul li a:active,
div.ratingmenu li ul li a:visited,
div.ratingmenu li ul li a { 
	display: block;
	text-decoration: none;
	color: #007603;
	background: #fff; /* IE6 Bug */
	padding: 0px;
	padding-bottom: 2px !important;
	border: 1px solid #ccc;
	border-bottom: 0px;
	border-left: 2px solid #CCC;
	height: 11px !important; 
	height: 10px; 
	width: 110px;
}
/* Sub Menu Styles */
div.ratingmenu li ul li a:hover{ 
	display: block;
	text-decoration: none;
	color: #E2144A;
	background: #EFEFEF; /* IE6 Bug */
	padding: 0px;
	padding-bottom: 2px !important;
	border: 1px solid #ccc;
	border-bottom: 0px;
	border-left: 2px solid #CCC;
	height: 11px !important; 
	height: 10px; 
	width: 110px;
}
 /* Sub Menu Styles */
div.ratingmenu li:hover ul, div.ratingmenu li.over ul{ 
	display: block;
}
/* The magic */
/********************************/
/* Pagination                   */
/********************************/
.mainpageback{
	background: transparent url(images/paginationbg.gif);
	font-weight: bold;
	padding: 3px;
}
.currentpage{
	color: #E4841B; 
}
/********************************/
/* New Multi Tab System         */
/********************************/
a.tabactive:link,
a.tabactive:visited,
a.tabactive:active,
a.tabactive2:link,
a.tabactive2:visited,
a.tabactive2:active{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	line-height: 195%;
	color: #000000;
	padding: 0px;
	height: 23px;
	border-right: 1px solid #F0F0F0;
	background-color: #DADADA;
}
a.tabinactive:link,
a.tabinactive:visited,
a.tabinactive:active,
a.tabinactive2:link,
a.tabinactive2:visited,
a.tabinactive2:active{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	line-height: 195%;
	color: #B7B7B7;
	padding: 0px;
	height: 23px;
	background: #F0F0F0 url(images/tabinactive.gif);
	border-right: 1px solid #F0F0F0;
}
div.profiletabbing,
div.tabnull{
	padding: 0px;
	height: 23px;
	background: #F0F0F0 url(images/tabinactive.gif);
}
.newsseperator{
	background-color: #E9E9E9;
	width: 550px;
	height: 3px;
	border-bottom: 1px solid #BDBDBD;
	padding: 0px;
	margin: 0px;
}

/* ======================================== */
/* ISAR Styles
/* ======================================== */
.ava1 {
	background: transparent url('forum/style_images/pariah/custom_imgs/ava_01-trans.png');
}
.ava2 {
	background: transparent url('forum/style_images/pariah/custom_imgs/ava_02-trans.png');
}
.ava3 {
	background: transparent url('forum/style_images/pariah/custom_imgs/ava_03-trans.png');
}
.ava4 {
	background: transparent url('forum/style_images/pariah/custom_imgs/ava_04-trans.png');
}
.ava6 {
	background: transparent url('forum/style_images/pariah/custom_imgs/ava_06-trans.png');
}
.ava7 {
	background: transparent url('forum/style_images/pariah/custom_imgs/ava_07-trans.png');
}
.ava8 {
	background: transparent url('forum/style_images/pariah/custom_imgs/ava_08-trans.png');
}
.ava9 {
	background: transparent url('forum/style_images/pariah/custom_imgs/ava_09-trans.png');
}