@charset "utf-8";
/* CSS Document */
html, body{
	margin:0;
	padding:0;
	font-size:13px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	/*background:#efefef;*/
	background: #2777A7;
	line-height:15px;
}
#container{
	width:960px;
	margin:0 auto;
	position:relative;
}
h1,h2,h3,h4{
	margin:0;
	padding:0;
	color:#3e3e3e;
}
a{
	color:#3e3e3e;
}
a:hover{
	text-decoration:underline;
}
p{
	color:#5f5f5f;
}
h1{
   font-size:26px;
}
h2{
	font-size:22px;
}
h3{
	font-size:18px;
}
h4{
	font-size:14px;
}
.cl{
	clear:both;
	height:1px;
	margin:-14px 0 0 0;
}
input{
	background:#efefef;
	border:1px solid #adadad;
}
.left{
	float:left;
}
.right{
	float:right;
}
#header{
	margin-bottom:20px;
	position:relative
}
#header .logo{
	margin:26px 0 5px 0;
}

/*Begin Navigation*/
#header ul.nav {
	margin:0;
	padding:0;
	width:960px;
	height:36px;
	background:url(images/nav_bg_top.png) no-repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
#header ul.nav li{
	list-style:none;
	display:inline;
	float:left;
	margin:10px 15px 0 15px;
}
#header ul.nav li a{
	color:#fff;
	font-weight:bold;
	display:block;
	padding-bottom:4px;
}
#header ul.nav li a:hover, #header ul.nav li.active a{
	color:#fff;
	border-bottom:2px solid #fff;
	text-decoration:none;
}

#header .header_content{
	background:#dfdede url(images/nav_bg_bottom.png) left bottom no-repeat;
	height:160px;
	width:960px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
#header .header_content h3{
	padding:25px 0 10px 15px;
}
#header .header_content .col_left{
	float:left;
	margin-right:15px;
}
#header .header_content .col_mid{
	float:left;
	margin-right:10px;
}
#header .header_content .col_right{
	float:left;
	text-align:center;
	width:295px;
	margin-top:-30px;
}
#header .header_content .col_right p{
	padding-bottom:5px;
}
#header .header_content .col_right h3{
	margin-top:-25px;
	margin-left:-15px;
}
#header .header_content .col_left p{
	margin-left:15px;
}
#header .ad {
	position:absolute;
	top:28px;
	right:85px;
}

/*Begin Sidebar*/
#sidebar{
	width:202px;
	float:left;
	margin-right:3px;
}
#sidebar h3{
	color:#fff;
	text-align:center;
	padding-top:5px;
	margin-bottom:15px;
	font-size:14px;
}
#sidebar .btm{
	background:url(images/sidebar_bottom.png) bottom left no-repeat;
}
#sidebar .sidenav{
	background:#dfdede url(images/sidebar_top.png) top left no-repeat;
	width:202px;
	margin-bottom:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;

}
#sidebar .sidenav ul{
	background:url(images/sidebar_bottom.png) bottom left no-repeat;
	padding-bottom:15px;
}
#sidebar .sidenav ul li img{
	vertical-align:baseline;
}
#sidebar .sidenav ul li{
	font-weight:bold;
	vertical-align:top;
	margin-bottom:5px;
	margin-left:8px;
}
#sidebar .sidenav ul li a{
	padding-left:10px;
	margin-top:-15px;
}
#sidebar .login{
	background:#dfdede url(images/sidebar_top.png) top left no-repeat;
	width:202px;
	margin-bottom:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
#sidebar .login label{
	font-weight:bold;
	color:#3d3d3d
}
#sidebar .login label, #sidebar .login input{
	margin-left:28px;
}
#sidebar .login button img{
	margin-left:54px;
	margin-top:5px;
	margin-bottom:5px;
}
#sidebar .feedback{
	background:#dfdede url(images/sidebar_top.png) top left no-repeat;
	width:202px;
	margin-bottom:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;

}
#sidebar .feedback p{
	color:#3d3d3d;
	padding:0 7px 7px 8px;
	font-size:12px;
}
#sidebar .stats{
	background:#dfdede url(images/sidebar_top.png) top left no-repeat;
	width:202px;
	margin-bottom:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;

}
#sidebar .stats ul li{
	font-size:11px;
	margin-left:8px;
	margin-bottom:5px;
}

/*Begin Main Content*/
#content{
	background:#dfdede url(images/main_top.png) top left no-repeat;
	width:755px;
	margin-bottom:10px;
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
#content h3{
	color:#fff;
	text-align:left;
	padding-top:5px;
	margin-bottom:15px;
	font-size:14px;
}
#content h4{
	margin-left:15px;
	font-size:15px;
	margin-bottom:20px;
}
#content p{
	padding:0 10px;
	font-size:14px;
	margin-bottom:25px;
}
#content .btm{
	background:url(images/div_bottom.png) bottom left no-repeat;
}
#content .mainbtm{
	background:url(images/main_bottom.png) bottom left no-repeat;
}
#content .col_left{
	width:376px;
	float:left;
}
#content .col_left .movie, #content .col_left .app, #content .col_left .music{
	background:url(images/div_bg.png) top left no-repeat;
	margin-left:44px;
	height:216px;
	margin-bottom:15px;
}
#content .col_left .music{
	margin-bottom:47px;
}
#content .col_left h3{
	margin-left:55px;
}
#content .col_left .app h3{
	margin-left:30px;
}
#content .col_left img{
	margin-top:-8px;
}
#content .col_left ol{
	color:#fff;
	margin-top:4px;
}
#content .col_right{
	width:376px;
	float:left;
}
#content .col_right .game, #content .col_right .tv{
	background:url(images/div_bg.png) top left no-repeat;
	margin-left:40px;
	height:216px;
	margin-bottom:15px;
}
#content .col_right h3{
	margin-left:54px;
}
#content .col_right .tv h3{
	margin-left:43px;
}
#content .col_right .app h3{
	margin-left:18px;
}
#content .col_right img{
	margin-top:-8px;
}
#content .col_right ol{
	color:#fff;
	margin-top:4px;
}

#content .col_right .news{
	background:#efefef url(images/news_top.png) top left no-repeat;
	width:356px;
	margin-left:-5px;
}
#content .col_right .news h3{
	color:#000;
	margin-left:100px;
}
#content .col_right .news h4{
	color:#919191;
	margin-left:8px;
	margin-bottom:5px;
}
#content .col_right .news p{
	margin-bottom:5px;
}
#content .col_right .news .btm{
	background: url(images/news_bottom.png) bottom left no-repeat;
}

/*Start Webmasters Page*/
#content pre{
	text-align:left
}
#content .promote{
	width:250px;
	float:left;
	margin-right:20px;
}
#content .promote ul{
	margin-left:15px;
}
#content .get_started{
	width:275px;
	float:left;
	margin-right:20px;
}
#content .results{
	margin:0 0 20px 95px;
}
#content .results_text{
	text-align:center;
}
#content .earnings {
	width:587px;
	float:left;
}
#content .earnings p{
	margin-left:5px;
}
/*Start Footer*/
#footer{
	margin:10px auto;
	text-align:center;
	background:none;
	
}
#footer p{
	color:#3d3d3d;
}
#footer .links{
	text-align:center
}
#footer p a{
	vertical-align:text-bottom;
}

#bleh{
	background:#dfdede url(images/nav_bg_bottom.png) left bottom no-repeat;
	height: 110px;
	width:960px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	margin-top: 10px;
}

/* dialog box 1*/
.dialog                     {width:570px; height:156px; background:url(images/bg-save-dialog-box.png) no-repeat; margin:30px auto; padding:80px 0px 0px 0px; }
.dialog-btn                 {padding:5px 25px;}
.dialog-input               {width:330px; height:20px; padding:0px 0px 0px 5px; background:#fff; border:1px solid #aaa; line-height:20px;}
.dialog-input2              {width:340px; padding:0px 0px 0px 5px; background:url(images/bg-dialog-file-typepng.png) 0px -2px repeat-x; border:1px solid #aaa; line-height:20px; font:normal 12px arial;}
.initializing               {width:400px; height:30px; background:url(images/initializing-download.gif) no-repeat; margin:30px auto 0; padding:80px 0px 0px 0px;}
.btn-initializing           {width:370px; height:50px; margin:0 auto; position:absolute; left:210px; top:125px;}
.btn-initializing a         {display:block; width:370px; height:50px; cursor:pointer;}
    #bar    {position:relative;}
	#drag   {position:relative; width:570px; height:156px; margin:0 auto;}
	#root   {width:570px; height:156px; position:absolute;}
	#handle {width:570px; height:156px; position:absolute; left:0px; top:-25px;}
/* dialog box 2*/
.dialog-2                   {width:401px; height:250px; background:url(images/bg-save-dialog-box-2.png) no-repeat; margin:30px auto; padding:90px 0px 0px 50px; }
.dialog-input-2             {width:130px; height:18px; padding:0px 0px 0px 2px;  line-height:19px; overflow:hidden; word-wrap:none;}
    #drag-2                 {width:451px; height:250px; position:relative; margin:0 auto;}
	#root-2                 {width:451px; height:250px; position:absolute;}
	#handle-2               {width:451px; height:250px; position:absolute; left:-75px; top:-300px;}
.dialog-close               {width:29px;  height:17px; position:absolute; right:59px; top:8px; cursor:pointer;}
/* end: dialog boxes */