@import url("page_specific.css");
@import url("support.css");
@import url("sweetTitles.css");

/* ===================================================================
=Common
====================================================================*/
body, p, h2, div, ul, li, ol {margin:0; padding:0;}
body {background:scroll #002B58 url(../images/_common/back_gradient.jpg) repeat-x; color:#fff;}
body, select, input {font:12px/1.2 Arial, Helvetica, sans-serif; text-transform:lowercase;}
p {margin:0 0 10px;}

/* -----------
list
------------*/
ul, li, ol {font-size:12px;}
ol {padding:0 0 0 25px;}
ul li, div ul li {margin: 0 0 10px; padding:0 0 0 25px; list-style:none; background:url(../images/_common/list_style_img.gif) 0 2px no-repeat;}
ul li ul li {margin: 10px 0 10px; padding:0 0 0 25px; list-style:none; background:url(../images/_common/list_style_green_img.gif) 0 2px no-repeat;}
ul li ul li ul li {margin: 10px 0 10px; padding:0 0 0 25px; list-style:none; background:url(../images/_common/list_style_blue_img.gif) 0 2px no-repeat;}

/* -----------
table
------------*/
table {border-collapse:collapse; border-spacing:0; margin:0 0 10px; text-align:center;}
th {background:#ee7602;}
tr.even {background:#002656;}
td, th {padding:5px; border:1px #fff solid;}
tr.title {background:#482300;}

/* -----------
form
------------*/
form fieldset {border:1px #fff solid;}
legend {color:#fff;}
form input {width:120px; background:#00132d url(../images/_common/form/input_back.jpg) 0 0 no-repeat !important; border:1px solid #3364a2; height:15px; color:#fff; padding:5px 1px 7px 5px;} /* :FIX: !important */
form select {background:#00132d url(../images/_common/form/input_back.jpg) 0 0 no-repeat !important; border:1px solid #3364a2; height:25px; color:#fff;  padding:2px;}
form select option {background:#00132d !important; color:#fff; padding:2px; border:none;}
form input:focus, form select:focus {background-position:0 -76px ; border-color:#fff;}
form td {border:none; text-align:left;}

form .button {width:auto; padding:5px; height:30px;}
form .textLables {text-align:right;}
form .checkBox input {border:none; text-align:left; width:auto;}
form .button.first {margin-right:15px;}  /* for first button */

/* -----------
headings
------------*/
h2 {color:#91a5f0; font-size:20px; margin:0 0 10px 0; font-weight:normal;}
h3 {color:#ee7602; font-size:15px; margin:0 0 10px; font-weight:bold;}
h4 {color:#70A1FD; font-size:12px; margin:0 0 10px; font-weight:bold;}
#header h1 {text-indent:-5000px;}

/* -----------
links
------------*/
a {outline:none; text-decoration:none;} /* :FIX: 'outline' removes the default dotted border triggered by the user stylesheet */
p a, table a {line-height:1.5; font-weight:bold;}
p a:link, table a:link {color:#4c9afb; border-bottom:1px #4c9afb dotted; padding-bottom:1px;}
p a:visited, table a:visited {color:#fff; border-bottom:1px #fff dotted;}
p a:hover, table a:hover {border-bottom:1px #fff solid; color:#fff;}

* html p a:link, * html table a:link {color:#4c9afb; border-bottom:1px #4c9afb solid; padding-bottom:1px;}
* html p a:visited, * html table a:visited {color:#fff; border-bottom:none;}
* html p a:hover, *html table a:hover {border-bottom:1px #fff solid; color:#fff;}

/* -----------
misc
------------*/
#container {margin:0 auto; width:889px;}
.clear {clear:both; width:1px; line-height:0.1; font-size:1px;} /* :KLUDGE-IE6: additional rules triggers the IE to behave */
.floatR {float:right;}
.floatL {float:left;}
.logoPWPrint {display:none;} /* hides the logo for print */

.whiteTxt {color:#fff;}
.pinkTxt {color:#e100fd;}
.blueTxt {color:#6aa2fd;}
.redTxt {color:#ff0000;}
.orangeTxt {color:#ee7602;}
.yellowTxt {color:#FFFF00;}
.whiteTxt, .pinkTxt, .blueTxt, .redTxt, .orangeTxt, .yellowTxt {font-weight:bold;}

.whiteBorder {border:1px #fff solid;}
.yellowBorder {border:1px #FFFF00 solid;}

a img {border:none;}

/* -----------
Header
------------*/
#header {background:url(../images/_common/header_back.jpg) 0 0 no-repeat; height:106px; position:relative;}

	#nav {position:absolute; left:10px; bottom:10px;}
		#nav ul {list-style:none;}
		#nav ul li {float:left; margin:0 5px; background:none; padding:0;}
		#nav ul li a {display:block; color:#9DB3DF; padding-bottom:1px; font-size:14px; font-weight:normal; border:none;}
		#nav ul li a:hover {border-bottom:1px #fff solid; padding-bottom:0; color:#fff;}
	
	#lang {display:none;}  /* hides for time being */
	#lang {position:absolute; right:15px; bottom:10px; width:229px;}
	#lang a {float:right; display:block; padding:2px; margin:0px 0 0 10px; border:none;}
	#lang a:hover {border:2px #fff solid; padding:0;}
	
/* -----------
Footer
------------*/	
	#footer {color:#7099CD; font-size:10px; text-align:center; margin-top:10px;}
		#navBtm {height:1%; padding:0 15px;} /* :KLUDGE: margin:0 auto; display:table; din't work for IE 6, 7. doesn't keep it in the middle */
		#navBtm ul {list-style:none;}
		#navBtm ul li {float:left; padding:0 5px; border-left:1px solid #fff; background:none; margin:0;}
		#navBtm a {color:#7099CD; font-size:10px; font-weight:normal; border:none;}
		#navBtm a:hover {color:#FFF;}
			.copywrites {padding:0 5px 0 0; float:left; }
	
		#logos {background:url(../images/_common/footer_back.jpg) no-repeat; margin:10px 0 0; height:46px; padding:6px 0;}
		#logos img {margin:0 20px;}


/* ===================================================================
LAYOUT 1, 2 and 3 and In game 
====================================================================*/

/* -----------
common - backgrounds
------------*/
.contBackBorder {background:url(../images/_common/cont_back_border.jpg) top left repeat-y;}
.contBackBottom {background:url(../images/_common/cont_back_bottom.jpg) bottom left no-repeat;}

#lay1 .contBackTop {background:url(../images/_common/cont_back_top_lay1.jpg) 0 0 no-repeat; height:1%;} /* :KLUDGE-IE: hight fixes the the image disappearing issue when going back to the browser window*/

#lay2 .contBackTop {background:url(../images/_common/cont_back_top_lay2.jpg) 0 0 no-repeat; height:1%;}

#lay3 .contBackTop {background:url(../images/_common/cont_back_top_lay3.jpg) 0 0 no-repeat; height:1%;}

/* -----------
layout 1
------------*/
#lay1 #content {padding:25px 10px 20px 10px; height:1%;}   /* :KLUDGE: hight fixes the issue in IE6,7  */
	#lay1 #mainCont {width:399px; float:right; margin:0 0 0 21px;}
		
	#lay1 #subCont {width:442px; float:left;} 
		#lay1 #subCont1 {height:345px;}
			#lay1 #visual {float:left;}
		#lay1 #subCont2 {margin:23px 0 0; text-align:center;}
			

/* -----------
layout 2
------------*/
#lay2 #content {padding:25px 10px 20px 10px; height:1%;}  /* :KLUDGE: hight fixes the issue in IE6,7  */
	#lay2 #mainCont {width:525px;float:right; margin:0 0 0 21px;}
	
	#lay2 #subCont {width:321px; float:left;}
		#lay2 #subCont1 {height:378px;}
			#lay2 #visual {float:left;}
			
		#lay2 #subCont2 {margin:23px 0 0; text-align:center;}
		

/* -----------
layout 3
------------*/
#lay3 #content {padding:15px;}


/* ===================================================================
=Popup Pages
====================================================================*/
.popUp {padding:10px;}