﻿
/*	CSS Document - Blizzard Entertainment 2008  */

* {margin:0; padding:0;}
html { height:100%; background:#13171a; }
body { position:relative; /*background:url(../_images/bg.jpg) no-repeat 50% 0px;*/ height:100%; font:12px Arial; color:white; }

a img { border:0; }
a { color:#00bbff; }
a:hover { color:#bcedff; text-decoration:none;}
a img {border:0;}
a:active {outline:none;}
a:focus {outline:none; -moz-outline-style:none;}
a:hover {color:white; text-decoration:none;}
object {outline:none; -moz-outline-style:none;}
 
.center_pos {overflow:hidden;}
.center_pos div {float:right; position:relative; left:-50%;}
.center_pos div div {float:none; position:static;}
.center_pos div div div {float:left; position:relative; left:50%; } 
/*div reset*/ .button div div div div {float:none; position:static;}

.lcol { width:47%; float:left; } 
.rcol { width:47%; float:right; } 

#everything {  }

.splash_top { background:url(../_images/bgtile.gif) #091119; zoom:1; display:block;}
.splash_top_fill { background:url(../_images/splash_top.jpg) no-repeat 50% 0; height:269px; display:block; }
.splash_top_fill a { display:block; height:100%; width:800px; margin:0 auto; text-decoration:none;}

.splash_faq, .splash_mid, .splash_error { background:url(../_images/splash_mid_b.jpg) no-repeat 50% 0; color:#3c9ec3; font-size:14px; position:relative;  }
.splash_faq { background-image:url(../_images/splash_mid.jpg); display:none; }
.splash_error { background-image:url(../_images/splash_mid.jpg); }
.splash_error h3 { color:red; font-weight:bold; font-size:20px; text-align:right; padding-top:100px; } 
.splash_error a { font-family:Arial Narrow; text-decoration:none; }
.birdCage { background:url(../_images/nick_birdcage.gif) no-repeat; height:417px; width:249px; 
			position:absolute; top:-86px; right:83px;			} 
.splash_error .splash_marquee{ float:right }			

.splash_mid_top { background:url(../_images/mid_b_top.jpg) no-repeat; width:529px; height:78px; display:block; 
				  position:absolute; margin-top:-78px; display:none;}
.splash_mid_btm { background:url(../_images/mid_b_btm.jpg) no-repeat; width:578px; height:62px; display:block; 
				  position:absolute; margin:332px 0 0 -239px;}
.splash_content, .splash_footer_content, .footer_content { width:984px; margin:0 auto; position:relative;}
.splash_marquee { width:380px; height:331px; display:block; float:left; }
.splash_righttext {  width:515px; line-height:18px; float:right; margin:38px 38px 0 0; }
.splash_righttext strong { color:white; }
.splash_righttext h2, .splash_righttext h3 { color:white; letter-spacing:-0.5px; text-transform:uppercase; font-weight:normal; }
.splash_righttext h3 { font-size:14px; } 
.splash_righttext h2 { font-size:24px; padding-bottom:14px; } 
.splash_righttext p { padding-bottom:12px; }


a.btn_yellow { background:url(../_images/yellow_btn_bg.gif) no-repeat; line-height:65px; display:block; float:left; 
			   text-decoration:none; font-size:17px; font-weight:bold; letter-spacing:-1px; }
a.btn_yellow span { background:url(../_images/yellow_btn_right.gif) right 0 no-repeat; padding:0 40px; display:block; color:#6c2d0e;    }

a.btn_yellow:hover { background-position:left bottom; }
a.btn_yellow:hover span { background-position:right bottom; color:#b03a00; }

.learn_more { padding-top:14px; clear:right; text-align:center; color:white; font-size:15px; text-transform:uppercase;  }

.splash_footer_rpt { background:url(../_images/splash_footer_rpt.jpg) center top repeat-x #13171a;  } 
.splash_footer_ctr { background:url(../_images/splash_footer_ctr.gif) center top no-repeat; position:relative; padding-bottom:30px;} 
.splash_footer_content { padding-top:13px; }

.classic_link { display:block; height:155px; width:476px; background-repeat:no-repeat; }
.classic_link:hover { background-position:0 bottom; }
.cl_community { float:left; }
.cl_forums { float:right; }

.footer_content { padding:76px 0; color:#00bbff; } 
.footer_content a { text-decoration:none; }
.bnet_langdrop { padding-bottom:13px; border-bottom:1px solid #0b3956; }
.footer_links { padding-top:11px; font-size:11px; line-height:18px;  }
.bnet_footer_left { padding-right:17px; border-right:1px solid #0b3956; float:left; }
.bnet_footer_addendum { padding-left:19px; float:left; }
.div_bar { padding:0 6px;  }
.footer_content b { font-weight:normal; color:#3d819b;  }

/* FAQ Styles */
.faq_content { padding:10px 20px;}
.faq_item { margin:10px 0; padding-top:20px; }
.faq_question { font-weight:bold; font-size:115%; color:#8adcff; }
.faq_answer { line-height:19px; padding-top:5px; font-size:12px; }

.lang-title, .region-select, .lang-select { float:left; padding-top:6px; padding-right:10px; font-size:11px; position:relative; background:#13171A 100% 75% no-repeat;}
.region-select { background-image:url(../_images/lang_reg_bg.gif);  } 
.lang-link { background:url(../_images/lang_sel_bg.gif) #13171A 100% 75% no-repeat; padding-right:10px; padding-left:5px; }

.ldrop { border:1px solid #184771; color:#13171A; background:#13171A; position:absolute; bottom:15px; left:-6px; display:none; width:400px}
.ldrop a { display:block; padding:4px 10px;  white-space:nowrap }
.ldrop a:hover {background:#1C436E; color:white; }
.ldrop .reg { float:left; width:25%;}
.ldrop .reg_title { color:white; font-weight:bold; border-bottom:1px solid #1D2532; padding:4px 0; padding-left:10px; }