@charset "utf-8";
/* 
	Using a customized version of Eric Meyer's CSS Reset to give us an even, cross-browser playing field. More info:
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 99%;
	font-family: Arial;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1.2;
}
ol, ul {
	margin-left: 25px;
}
:focus {
	outline: 1px #c0c dotted;
}
/* Reset End */
/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
        color:#ccddff;
	margin: 0px;
	padding: 0px;
        background-image:url(images/page-background.jpg);
        background-position:top center;
        background-repeat:no-repeat;
        font-size:10pt;
}
a , a:visited{
	text-decoration: none;
        color:#ffffff;
}
a:hover {
        color:#ccddff;
}
.top-line {
        font-size:12pt;
        font-weight:bold;
        border-top:1px #003366 solid;margin-top:10px;
}
.SmallestText {
        font-size:7pt;
}
.drop-cap:first-letter {
 font-size : 300%;
 font-weight : bold;
 float : left;
 width : 0.65em;
 color : #dddddd;
 margin:0px;
 padding:4px 4px 0px 0px;
 line-height:0.75em;
 }
.stargate-command-faction .drop-cap:first-letter,
.soldier .drop-cap:first-letter,
.commando .drop-cap:first-letter,
.scientist .drop-cap:first-letter {
 color:#519de8;
 }
.system-lord-faction .drop-cap:first-letter,
.jaffa .drop-cap:first-letter,
.ashrak .drop-cap:first-letter,
.goauld .drop-cap:first-letter {
 color:#e89d51;
 }
.system-lord-faction,
.jaffa,
.ashrak,
.goauld {
 color:#ffeecc;
 }
#buy-now-bug {
        position:absolute;
        top:-5px;
        left:-67px;
	width: 1024px;
	margin-left: -512px;
	padding-left: 50%;
        margin-top:192px;
}
#page {
	width: 1024px;
	margin-left: -512px;
	padding-left: 50%;
        margin-top:192px;
}
#page-inner {
	width: 1024px;
        background-image:url(images/content-background.png);
        background-repeat:repeat-y;
        background-position:0px 80px;
        float:left;
        margin: 0px 0px 0px 0px;
        z-index:-100;
}
.heading, .heading-no-sidebar {
        font-size:12pt;
        font-weight:bold;
        border: 1px solid #003366;
        margin:-30px 0px 16px 0px;
        padding:8px;
        background-color:#00264d;
        float:left;
        background-image:url(images/heading-gradient.png);
        background-repeat:repeat-y;
}
.heading {
        width:670px;
}
.heading-no-sidebar {
        width:865px;
}
/* Navbar */
#nav {
	width: 840px;
        height:28px;
	clear: both;
	position: relative;
        margin-left:152px;
        z-index:100;
}
#nav ul {
	padding-left: 0px;
	list-style: none;
}
#nav a:hover, #nav #current {
	color: #FFF;
        background-image:url(images/navbar-button-hover.png);
        background-repeat:no-repeat;
        background-position:0 0;
}
#nav li a  {
	text-align: center;
	text-decoration: none;
	width: 114px;
        height:22px;
	display: block;
        padding:6px 0px 0px 6px;
        z-index:1;
}
#nav li li a:hover, #nav li li #current {
        background-image:url(images/navbar-dropdown-hover.png);
        background-repeat:repeat-y;
        background-position:0 0;
        background-color:#003366;
}
#nav li  {
	position: relative;
	display: inline;
	float: left;
	font-size: 10pt;
        background-image:url(images/navbar-button.png);
        background-repeat:no-repeat;
        background-position:0 0;
}
#nav li li a {
	text-align: left;
        height:auto;
        width:110px;
        background-image:url(images/navbar-dropdown.png);
        background-repeat:repeat-y;
        background-position:0 0;
        background-color:#0a3264;
        padding-bottom:6px;
        padding-right:4px;
        border-left:1px solid #004488;
        border-right:1px solid #004488;
        border-bottom:1px solid #004488;
}
#nav li ul li ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 116px;
}
#nav li ul {
	position: absolute;
	top: 28px;
	display: none;
}
#nav li:hover ul ul {
	display: none;
}
#nav  li:hover  ul, #nav li li:hover ul {
	display: block;
}
/* Navbar End */
/* Heading Subnav */
.heading-subnav a, .heading-no-sidebar a {
        color:#ccddff;
}
.heading-link {
        display:inline-block;
        float:left;
        padding-right:20px;
        position:relative;
}
.heading-subnav ul {
	padding: 0px;
        margin: 0px;
	list-style: none;
}
.heading-subnav li:hover, .heading-subnav li#current {
        background-image:url(images/heading-tab-hover.png);
}
.heading-subnav li a:hover, .heading-subnav #current a, .heading-no-sidebar a:hover {
	color: #fff;
}
.heading-subnav li a  {
	text-align: center;
	text-decoration: none;
	display: block;
        font-size:10pt;
        width:102px;
        height:22px;
        position:relative;
        padding:8px 0px 0px 0px;
}
.heading-subnav li  {
	display: inline;
	float: left;
        width:102px;
        height:30px;
        background-image:url(images/heading-tab.png);
}
/* Heading Subnav End */
.sidebar-right {
        float:right;
        width:187px;
        margin: -30px 70px 0px 0px;
        padding: 0px;
}
/* Countdown Timer */
.CountDownClock {
	background-image: url(images/SGR_timer_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	height: 54px;
	width: 500px;
	top: 0px;
	text-align: center;
}
.CountDownClockDigit {
	background-image: url(images/SGR_timer_glyphs.png);
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	height: 25px;
	width: 40px;
	top: 10px;
}
.CountDownClockDigit#CountDownDays0 {
}
.CountDownClockDigit#CountDownDays1 {
}
.CountDownClockDigit#CountDownHours0 {
}
.CountDownClockDigit#CountDownHours1 {
}
/* Countdown Timer End */
#top-promo-right {
        position:relative;
        top:-170px;
        float:right;
	visibility: hidden;
}
#content-header {
        height:57px;
        width:1024px;
        background-image:url(images/content-header.png);
        background-repeat:no-repeat;
        clear:both;
}
#content {
	width: 695px;
        float:left;
        margin:0px 0px 0px 70px;
}
#content-no-sidebar {
	width: 884px;
        float:left;
        margin:0px 0px 0px 70px;
        clear:both;
}
.column-1of2-no-sidebar {
        width:430px;
        margin:0px 10px 0px 0px;
        padding:0px 10px 0px 0px;
        float:left;
        border-right:1px solid #003366;
        text-align:justify;
}
.column-2of2-no-sidebar {
        width:430px;
        float:left;
        text-align:justify;
}
.justify-type {
        text-align:justify;
        font-size:12pt;
}
#content-footer {
        height:86px;
        width:1024px;
        background-image:url(images/content-footer.png);
        background-repeat:no-repeat;
        clear:both;
}
#footer {
	clear: both;
        height:220px;
        width:904px;
        padding: 0px 60px 0px 60px;
        background-image:url(images/footer.png);
        background-repeat:no-repeat;
}
#legal {
	font-size: 10px;
	text-align: center;
        padding: 55px 0px 0px 0px;
}
#logos {
	text-align: center;
        padding: 33px 0px 0px 0px;
}
#copyright {
	font-size: 10px;
	text-align: center;
        padding: 25px 0px 0px 0px;
        color: #888888;
}
.faq-question {
        font-weight:bold;
        color:#bbddff;
}
.NewsTitle {
        font-weight:bold;
}
.PostDate {
        font-size:smaller;
        margin-top:-12px;
}
.NewsText {
}
/* Bios */
.planet-container,
.sell-sheet {
	padding:8px;
	border: 1px solid #003366;
        background-color:#040515;
	margin: 16px 0px 16px 0px;
        clear:both;
        width:670px;
        float:left;
}
.faq-content,
.news-page-article, 
.bio {
	padding:8px;
	border-top: 1px solid #003366;
	margin: 16px 0px 16px 0px;
        clear:both;
        width:864px;
        float:left;
        text-align:justify;
        font-size:12pt;
}
.patch-note {
	padding:8px;
	margin: 0px 0px 16px 0px;
        float:left;
        text-align:justify;
        font-size:12pt;
        width:600px;
}
.store .patch-note {
        width:880px;
}
.patch-note-nav {
     float:right;
     margin:25px 0px 0px 0px;
     text-align:justify;
     line-height:1.5em;
}
.sell-sheet {
        border-top:none;
	margin-top: 0px;
}
.sell-sheet td {
	border: 1px solid #003366;
}
.diary-entry {
        font-family: "Courier New", Courier, monospace;
        font-size:12pt;
        background-color:#001828;
        padding:10px 20px 10px 20px;
        color:#0bf;
        border:1px solid #0bf;
        margin:20px 0px 0px 0px;
        clear:both;
}
.jaffa .diary-entry,
.ashrak .diary-entry,
.goauld .diary-entry {
        background-color:#281800;
        color:#fb0;
        border:1px solid #fb0;
}
.planet-container {
        width:678px;
	margin: 0px 0px 16px 0px;
}
.news-page-articledisable {
        padding:0px 16px 0px 8px;
	margin: 8px 0px 8px 0px;
}
.bio-header {
	font-size: larger;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 8px;
}
.bio-subheader {
	font-weight: bold;
	line-height: 1em;
	margin-top: 0px;
	padding-top: 0px;
	border-bottom: 1px solid #003366;
	padding-bottom: 4px;
}
.bio img {
	float: left;
        margin:16px 16px 16px 0px;
	border: 1px solid #003366;
	color: #003366;
}
.screenshot img {
        width: 128px;
        height: 96px;
}
.screenshot ul {
        padding:0px;
        margin:0px;
}
.screenshot li {
        list-style:none;
        padding:0px;
        margin:8px;
        float:left;
	border: 1px solid #003366;
}
.fansite-container {
        margin:0px 0px 0px 0px;
}
.fansite {
        width:200px;
        float:left;
        margin:8px;
}
.fansite p {
        font-weight: bold;
        text-align: center;
}
.fansite img {
        width: 200px;
        height: 123px;
}
.fansite ul {
        padding:0px;
        margin:0px;
        float:left;
}
.fansite li {
        list-style:none;
        padding:0px;
        margin:8px;
	border: 1px solid #003366;
        float:left;
}
.store-product {
        margin:0px 8px 0px 8px;
        padding: 0px 0px 20px 0px;
        float:left;
	border: 1px solid #003366;
        width: 880px;
}
.store .store-product {
        background-color:#003366;
        text-align:center;
        margin:8px;
	border: 1px solid #0088ff;
        width: 200px;
}
.store-product p {
        margin: 4px 0px 0px 0px;
}
.product-image {
        float:left;
}
.store .product-image {
        margin: 20px;
}
.product-image img {
        border: 0px;
}
.product-description {
        margin: 0px 0px 0px 8px;
        float:left;
}
.store .product-description {
        width:100%;
        margin:0px;
}
.product-description .headline {
        font-weight:bold;
        margin: 0px 0px 8px 0px;
}
/* Faction Characters */
.faction-container {
        float:left;
}
.faction-character {
        margin-top: 0px;
}
.faction-image {
	float: left;
        margin: 0px 16px 0px 0px;
}
.faction-info {
        float: left;
}
.faction-info li {
        list-style-position: inside;
}
.weapon-image {
        float:left; margin:10px 20px 10px 0px;
}
/* Faction Characters End */
/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#lightbox a {color:#000000;}
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* Lightbox End */
#charactertabs li {
        list-style:decimal inside;
}
#charactertabs {
        padding:0px;
}
#charactertabs li a {
        color:#0bf;
}
.jaffa #charactertabs li a,
.ashrak #charactertabs li a,
.goauld #charactertabs li a {
        color:#fb0;
}
#charactertabs .selected {
        color:#0df;
        font-weight:bold;
}
.jaffa #charactertabs .selected,
.ashrak #charactertabs .selected,
.goauld #charactertabs .selected {
        color:#fd0;
}
/* ######### CSS for Shade Tabs. Remove if not using ######### */
.shadetabs, .tabs-sgc {
font: bold 12px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
width:360px;
height:28px;
margin: 0px 0px 0px 188px;
padding:0px;
}
.tabs-sgc {
width:480px;
margin: 0px 0px 0px 128px;
}
.shadetabs#planettabs {
width:480px;
margin: 0px 0px 0px 99px;
}
.shadetabs li{
display: inline;
float:left;
}
.shadetabs li a{
text-decoration: none;
text-align: center;
text-decoration: none;
width: 120px;
height:22px;
display: block;
padding:6px 0px 0px 0px;
background-image: url(images/navbar-button.png);
background-repeat: no-repeat;
}
.shadetabs li a:visited{
}
.shadetabs li a:hover{
background-image: url(images/navbar-button-hover.png);
background-color:#003366;
}
.shadetabs li a.selected{ /*selected main tab style */
}
.shadetabs li a.selected{ /*selected main tab style */
background-image: url(images/navbar-button-hover.png);
background-color:#003366;
}
.shadetabs li a.selected:hover{ /*selected main tab style */
}
.tabcontent{
display:none;
}
@media print {
.tabcontent {
display:block !important;
}
}
/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */
.modernbricksmenu2{
padding: 0;
margin:0px 0px 10px 0px;
width: 320px;
height:18px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}
.modernbricksmenu2 ul{
margin: 0px;
padding: 0px;
list-style: none;
width:320px;
}
.modernbricksmenu2 li{
display: inline;
margin: 0px;
padding: 0px;
text-transform:uppercase;
top:5px;
clear:left;
}
.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
text-decoration: none;
margin: 0px; /*Margin between each menu item*/
padding: 0px;
width:102px;
height:18px;
}
.modernbricksmenu2 a:hover{
}
.modernbricksmenu2 a.selected{ /*currently selected tab*/
}
.tabcontent{
display:none;
}
@media print {
.tabcontent {
display:block !important;
}
}
/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}
.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}
.indentmenu ul li{
display: inline;
}
.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}
.indentmenu ul li a:visited{
color: white;
}
.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}
.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}
.tabcontent{
display:none;
z-index:0;
}
@media print {
.tabcontent {
display:block !important;
}
}
/* Shade Tabs end */
 /*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
img, div, .headerfield { behavior: url(images/iepngfix.htc) }
*/