body {
  font-family: arial, verdana, sans-serif;
  color: black;
  background-color: #132335;
  background-image:  url("images/bground.jpg");
  background-repeat: repeat-x;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
  }

#header-bg {
  background-image: url("images/bgover.png");
  background-repeat: repeat-x;
  width: 100%;
  z-index: -99;
  position: absolute;
  margin-top: 0px;
  background-position: top center;
}

#header-bg2 {
  background-image: url("images/bgover.png");
  background-repeat: repeat-x;
  width: 100%;
  height: 315px;
  position: absolute;
  z-index: -99;
  background-position: top center;
}


#ConSouls      {
                margin-top: 0px;
                margin-bottom: 0px;
                margin: 0px;
                padding: 0px;
               }

.news-text {
  font-family: arial, verdana, sans-serif;
  font-size: 14px;
  direction: rtl;
}

.footer-text {
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  color: white;
  text-align: center;
  
}

.footer-text a:link, .footer-text a:visited, .footer-text a:hover {
    font-family: arial, verdana, sans-serif;
    font-size: 14px;
    color: white;
    text-decoration: none;
}

h1 {
    font-family: arial, verdana, sans-serif;
}


a:link {
  color: #1e416b;
  text-decoration: none;}

a:visited {
  color: #1e416b;
  text-decoration: none;
  }

a:hover {
  color: #59799f;
  text-decoration: none;
}


address {
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin dotted }

P { 
margin-top: 1px;
margin-bottom: 1px;
text-indent: 0%;
 }

.table-top {
vertical-align: top;
text-align: center;

}


.img-fix {
display: block;
border: none;
margin: 0;
padding: 0;
}


//Submit and buttons
.button{
cursor:pointer;
border: 0px;
color:#666;
font-weight: bold;
padding: 1px 2px;
background:url(images/buttbg.gif) repeat-x left top;
}

.button1 {
border: none;
width: 50px;
background-image: url('images/buttbg.png');
background-repeat: no-repeat;
height: 21px;
}
.button2 {
border: none;
width: 50px;
background-image: url('../images/buttbg2.png');
background-repeat: no-repeat;
height: 21px;
}

.button1long {
border: none;
width: 100px;
background-image: url('images/buttbglong.png');
background-repeat: no-repeat;
height: 21px;
}


.spectable {
  border-style: solid;
  border-color: #5F6D7F;
  border-width: thin;
  background-color: #D1D8DF;

}


.sitetext {
  font-size: 15px;
}


/*  ***************************

         Site Index Loader

     *************************** */

#siteLoader {
	position: absolute;
	z-index: 99999;
	background-color: #223C55;
	filter:alpha(opacity=50);
	-moz-opacity: 0.8;
	opacity: 0.8;
	top: 30%;
	left: 41%;
               margin-left: auto;
               margin-right: auto;
	height: 23%;
	width: 350px;
	text-align: center;
	line-height: 0;	
}

#loadImg {
	position: absolute;
	text-align: center;
	background-color: #fff;
	width: 100%;
	z-index: 100;
               margin-left: auto;
               margin-right: auto;
                text-align: center; 
	top: 10%;
	/*left: 0;*/
	line-height: 0;	
}

#loadText {
  position: relative;
  font-family: Verdana, Arial;
  font-size: 24px;
  top: 80%;
  height: 25px;
  color: #fff;	
  text-align: center;  
  vertical-align: bottom;
}

#siteDetailLoader {
  position: relative;
  font-family: Verdana, Arial;
  font-size: 12px;
  color: #fff;	
  text-align: center;  
  top: 5%;	
  right: 10px;
}


/*  ***************************

         CSS For Menu

     *************************** */


.glossymenu{
margin: 0px 0;
padding: 0;
width: 169px; /*width of menu*/
border: 0px solid #9A9A9A;
border-left: 1px solid #6fa0c9;
border-top: 1px solid #6fa0c9;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
left: 9px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #1a5689;
background-image: url(images/glossysubmenu1.gif);
}

.glossymenu div.submenu ul li a{
display: block;
font: bold 14px Arial , sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
background-image: url(images/glossysubmenu2.gif);
color: black;
}


/*  ***************************

         CSS For Up-Menu

     *************************** */


.upmenu {
	position:relative; 
	display:block;
	/*width:570px; */
               text-align: center;
}

.upmenu ul {
	list-style-type: none;
               text-align: center;
	/* width: 906px; */
}

.upmenu ul li {
              text-align: center;
	display: block;
	float: left;
	width: 82px;
	height: 34px;
}

/*
#upmenu a, #upmenu a:visited {
	display: block;
	width:200px; 
	height:34px; 
	background:url(nav_block.jpg); 
	background-position:left top; 
	background-color:transparent; 
	text-align:center; 
	color:black; 
	line-height:34px; 
	text-decoration:none; 
	font-family:arial, sans-serif; 
	font-weight:bold; 
	margin-top:5px;
}

#upmenu a:hover {
	background-position:left center; 
	line-height:34px; 
	overflow:hidden; 
	color:white;
}
*/

#upmenu a#selected {
	background-position:left bottom; 
	line-height:34px; 
}

#upmenu a#selected:hover {
	color:white;
}

#upmenu-wii a, #upmenu-wii a:visited {
	display: block;
	width: 68px; 
	height: 34px; 
	background: url("images/upmenu-wii.jpg"); 
	background-position: left top; 
	background-color:transparent; 
	text-align: center;  
	line-height: 34px; 
	text-decoration: none; 
	font-family: arial, sans-serif; 
	font-weight: bold; 
	margin-top: 0px;
}

#upmenu-wii a:hover {
	background-position: left center; 
	line-height: 34px; 
	overflow: hidden; 
	color: white;
}

#upmenu-nds a, #upmenu-nds a:visited {
	display: block;
	width: 82px; 
	height: 34px; 
	background: url("images/upmenu-nds.jpg"); 
	background-position: left top; 
	background-color:transparent; 
	text-align: center;  
	line-height: 34px; 
	text-decoration: none; 
	font-family: arial, sans-serif; 
	font-weight: bold; 
	margin-top: 0px;
}

#upmenu-nds a:hover {
	background-position: left center; 
	line-height: 34px; 
	overflow: hidden; 
	color: white;
}


#upmenu-x360 a, #upmenu-x360 a:visited {
	display: block;
	width: 80px; 
	height: 34px; 
	background: url("images/upmenu-x360.jpg"); 
	background-position: left top; 
	background-color:transparent; 
	text-align: center;  
	line-height: 34px; 
	text-decoration: none; 
	font-family: arial, sans-serif; 
	font-weight: bold; 
	margin-top: 0px;
}

#upmenu-x360 a:hover {
	background-position: left center; 
	line-height: 34px; 
	overflow: hidden; 
	color: white;
}

#upmenu-retro a, #upmenu-retro a:visited {
	display: block;
	width: 80px; 
	height: 34px; 
	background: url("images/upmenu-retro.jpg"); 
	background-position: left top; 
	background-color:transparent; 
	text-align: center;  
	line-height: 34px; 
	text-decoration: none; 
	font-family: arial, sans-serif; 
	font-weight: bold; 
	margin-top: 0px;
}

#upmenu-retro a:hover {
	background-position: left center; 
	line-height: 34px; 
	overflow: hidden; 
	color: white;
}


#upmenu-pc a, #upmenu-pc a:visited {
	display: block;
	width: 80px; 
	height: 34px; 
	background: url("images/upmenu-pc.jpg"); 
	background-position: left top; 
	background-color:transparent; 
	text-align: center;  
	line-height: 34px; 
	text-decoration: none; 
	font-family: arial, sans-serif; 
	font-weight: bold; 
	margin-top: 0px;
}

#upmenu-pc a:hover {
	background-position: left center; 
	line-height: 34px; 
	overflow: hidden; 
	color: white;
}


#upmenu-ps3 a, #upmenu-ps3 a:visited {
	display: block;
	width: 80px; 
	height: 34px; 
	background: url("images/upmenu-ps3.jpg"); 
	background-position: left top; 
	background-color:transparent; 
	text-align: center;  
	line-height: 34px; 
	text-decoration: none; 
	font-family: arial, sans-serif; 
	font-weight: bold; 
	margin-top: 0px;
}

#upmenu-ps3 a:hover {
	background-position: left center; 
	line-height: 34px; 
	overflow: hidden; 
	color: white;
}


#upmenu-psp a, #upmenu-psp a:visited {
	display: block;
	width: 80px; 
	height: 34px; 
	background: url("images/upmenu-psp.jpg"); 
	background-position: left top; 
	background-color:transparent; 
	text-align: center;  
	line-height: 34px; 
	text-decoration: none; 
	font-family: arial, sans-serif; 
	font-weight: bold; 
	margin-top: 0px;
}

#upmenu-psp a:hover {
	background-position: left center; 
	line-height: 34px; 
	overflow: hidden; 
	color: white;
}



.textf-focus{
border: 1px solid #77869F;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 8px #CFCFCF;
-moz-box-shadow: 2px 2px 8px #CFCFCF;
box-shadow: 2px 2px 8px #CFCFCF;
background-color: #FFFFFF;
padding: 1px;
}

.textf{
border: 1px solid #8FA4BF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 2px 2px 8px #EFEFEF;
-moz-box-shadow: 2px 2px 8px #EFEFEF;
box-shadow: 2px 2px 8px #EFEFEF;
background-color: #FFFFFF;
padding: 1px;
}

#textf:focus{
border: 1px solid #77869F;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 2px 2px 8px #CFCFCF;
-moz-box-shadow: 2px 2px 8px #CFCFCF;
box-shadow: 2px 2px 8px #CFCFCF;
background-color: #FFFFFF;
padding: 1px;
}

#textf{
border: 1px solid #A7BDDF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 2px 2px 8px #EFEFEF;
-moz-box-shadow: 2px 2px 8px #EFEFEF;
box-shadow: 2px 2px 8px #EFEFEF;
background-color: #FFFFFF;
padding: 1px;
}


.cavatar{
border: 1px solid #8FA4BF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 2px 2px 8px #B5C1CF;
-moz-box-shadow: 2px 2px 8px #B5C1CF;
box-shadow: 2px 2px 8px #B5C1CF;
background-color: #FFFFFF;
padding: 2px;
align: center;
text-align:center;
}



/*  ***************************

         CSS For Featured

     *************************** */

*				             { margin: 0; padding: 0; }

					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 					{ float: left; margin-right: 10px;}
.floatRight				{ float: right; }
.clear 					{ clear: both; }
a					{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 				{ width: 566px; margin: 0px auto; position: relative;
                                                                          min-height: 372px;
					 background: url(images/featuredbg.jpg) top center; }


/*
	TYPOGRAPHY
*/
ul{
list-style-position: inside;
}

li{
list-style-position: inside;
}


blockquote		{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px;
                                           font-family: Georgia, serif;
                                           font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap					{ width: 419px; position: absolute; top: 30px; left: 75px; background-color:#B3D1EF; }			
.stripViewer .panelContainer 
.panel ul						{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer					{ position: relative; overflow: hidden; width: 419px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 					{ border: 1px solid black; margin-right: 5px; width: 58px;}
#movers-row					{ margin: -43px 0 0 62px; }
#movers-row div					{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }

.photo-meta-data					{ background: url(images/transpBlack.png); padding: 10px; height: 30px;
                                                                                       font-family: Arial, Helvetica, sans-serif; text-align:right;
						margin-top: -50px; position: relative; z-index: 9999; color: white; }

.photo-meta-data span 				{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; vertical-align:text-top;}
.cross-link					{ display: block; width: 62px; margin-top: -14px; 
						 position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 		    { background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat;}


.featbig {
  font-size: 18px;

}

.featbiga a:link {color: #d3ecff; text-decoration: none;}
.featbiga a:visited {color: #d3ecff; text-decoration: none;}
.featbiga a:active {color: white;}
.featbiga a:hover {color: white;}



/* TipTip CSS - Version 1.2 */

#tiptip_holder {
             direction: ltr;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
               direction: rtl;
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}



/***************************
                  Facebox
**************************/

#facebox .b {
  background:url(http://www.consouls.com/images/facebox/b.png);
}

#facebox .tl {
  background:url(http://www.consouls.com/images/facebox/tl.png);
}

#facebox .tr {
  background:url(http://www.consouls.com/images/facebox/tr.png);
}

#facebox .bl {
  background:url(http://www.consouls.com/images/facebox/bl.png);
}

#facebox .br {
  background:url(http://www.consouls.com/images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}