@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(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(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 0px 0px;
        padding:8px;
        background-color:#00264d;
        float:left;
        background-image:url(heading-gradient.png);
        background-repeat:repeat-y;
}
.heading {
        width:670px;
}
.heading-no-sidebar {
        width:862px;
}

/* Navbar */

#nav {
	width: 840px;
    height:28px;
	clear: both;
	position: relative;
    margin-left:210px;
    z-index:100;
}

#nav ul {
	padding-left: 0px;
	list-style: none;
}
#nav a:hover, #nav #current {
	color: #FFF;
        background-image:url(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(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(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(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(heading-tab-hover.html);
}
.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(heading-tab.html);
}

/* Heading Subnav End */



.sidebar-right {
        float:right;
        width:187px;
        margin: -30px 70px 0px 0px;
        padding: 0px;
}


/* Countdown Timer */

.CountDownClock {
	background-image: url(SGR_timer_bg.html);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	height: 54px;
	width: 500px;
	top: 0px;
	text-align: center;
}
.CountDownClockDigit {
	background-image: url(SGR_timer_glyphs.html);
	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(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(content-footer.png);
        background-repeat:no-repeat;
        clear:both;
}
#footer {
	clear: both;
        height:220px;
        width:904px;
        padding: 0px 60px 0px 60px;
        background-image:url(footer.html);
        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(lightbox/prevlabel.html) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/nextlabel.html) 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.html);
background-repeat: no-repeat;
}

.shadetabs li a:visited{
}

.shadetabs li a:hover{
background-image: url(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(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.html) 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.html) 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) }
*/

#home-content {
        width:890px;
        float:left;
        margin:-90px 0px 0px 67px;
}
#top-banner, #footer-banner {
	height: 100px;
	width: 880px;
        clear:both;
        margin:0px 0px 6px 0px;
        padding:5px;
        background-image:url(homepage/top-banner.html);
}
#feature-container {
        height:290px;
        width:660px;
        float:left;
        margin:0px 0px 6px 0px;
        padding:10px 5px 10px 5px;
        overflow:hidden;
        background-image:url(homepage/feature-container.png);
}
#panel-videos, #panel-screenshots, #panel-wallpapers {
        height:92px;
        width:120px;
        float:left;
        margin:0px 0px 6px 0px;
        overflow:hidden;
        position:relative;
}
#panel-underlay, #panel-overlay {
        position:absolute;
        top:0px;
        left:0px;
}
#feature {
        height:280px;
        width:518px;
        float:right;
        margin:5px 5px 5px 5px;
        overflow:hidden;
}
#sidebar-1, #sidebar-2, #sidebar-3 {
        height:300px;
        width:200px;
        float:right;
        margin:0px 0px 6px 0px;
        padding:5px;
        background-image:url(homepage/sidebar.html);
        background-repeat:repeat-y;
        overflow:hidden;
}
#subfeature-container {
        height:110px;
        width:670px;
        float:left;
        clear:both;
        overflow:hidden;
        margin:0px 0px 6px 0px;
}
#subfeature-1, #subfeature-2, #subfeature-3 {
        width:206px;
        height:100px;
        float:left;
        margin:0px 10px 0px 0px;
        padding:5px;
        background-image:url(homepage/subfeature-one-third.html);
        position:relative;
        overflow:hidden;
}
#subfeature-3 {
        margin:0px;
}
/* #subfeature-2 {
        width:433px;
        height:100px;
        float:left;
        margin:0px 0px 0px 0px;
        background-image:url(images/homepage/subfeature-two-thirds.png);
        background-repeat:none;
}*/
#panel-news, #panel-store {
        height:500px;
        width:320px;
        float:left;
        margin:0px 0px 6px 0px;
        padding:5px;
        overflow:hidden;
        background-image:url(homepage/panel-news.png);
        position:relative;
}
#panel-store #panel-header {
        margin:0px 0px 10px 0px;
}
#news-container, #store-container, #forum-container, #faq-container {
        width:320px;
        height:440px;
        float:left;
        overflow:hidden;
        position:relative;
}
#news-footer, #store-footer, #forums-footer, #faq-footer {
        float:right;
        clear:both;
        margin:6px 20px 0px 0px;
}
#news-footer p, #store-footer p, #forums-footer p, #faq-footer p {
        margin:0px;
}
.news-page-home, .store-product, .forum-post {
        width:280px;
        margin:10px;
        padding:0px 10px 0px 10px;
}
#support-container {
        width:190px;
        margin:0px 10px 0px 10px;
}

.product-image img {
        width:5em;
}
#home .news-page-article, 
.faction-character, 
.planet-container,
.faq,
.sell-sheet,
.store-product {
        width:296px;
        border:none;
        margin:4px;
}
#home .heading {
        width:304px;
}
.store-product a {
        color:#ccddff;
}
.store-product a:hover {
        color:#ffffff;
}
.product-description {
        width:200px;        
        font-size:8pt;
}
#tab-news {
        background-image: url(homepage/tab-news-down.html);
}
#tab-forums {
        background-image: url(homepage/tab-forums-down.html);
}
#tab-faq {
        background-image: url(homepage/tab-faq-down.html);
}
#tab-news:hover, #tab-news[class=selected] {
        background-image: url(homepage/tab-news-up.html);
}
#tab-forums:hover, #tab-forums[class=selected] {
        background-image: url(homepage/tab-forums-up.html);
}
#tab-faq:hover, #tab-faq[class=selected] {
        background-image: url(homepage/tab-faq-up.html);
}
#game-info {
        margin:50px 0px 0px 0px;
        padding:0px 0px 0px 24px;
}
#game-info li {
        list-style-image:url(homepage/bullet-wedge.html);
        font-size:10pt;
        margin:0px 0px 4px 0px;
}
#quotation-container, #quotation-container2 {
        width:206px;
        height:100px;
        overflow:hidden;
}
#quotation {
        width:206px;
        height:100px;
        display:table-row;
}
#quotation #vertical-center {
        display:table-cell;
        vertical-align:middle;
}
#quotation p {
        width:186px;
        margin:0px 10px 6px 10px;
}
#quotation .quote-body {
        text-align:center;
        font-style:italic;
        color:#FFDD88;
        font-size:10pt;
}
#quotation .quote-attrib {
        text-align:right;
        font-weight:bold;
        color:#FFFFFF;
        font-size:8pt;
        font-variant:small-caps;
        
}