/*
 * Powered by Siwei
 * Description      : For Easy Symbian website
 * Date             : 2009-9-25
 * Last Modified    : 2009-9-28, Added Lightbox
 */

* { /*border:1px solid #ccc;*/ }
 
body { font-size:12px; font-family:"Tahoma",simsun; padding:0; margin:0; }

a { text-decoration: none; }
a:link { color:black; }
a:visited { color:black; }
a:hover { color:black; }
a:active { color:black; }

img {border:none}

#wrapper { width:100%;}

#navipane { 
	height:20px; background: #333; padding:10px 0 5px 40px;
	border-bottom: 3px solid #F4D03A;
}
	#navipane a { margin-right:40px; text-decoration: none; }
	#navipane a:link { color:#999; }
	#navipane a:visited { color:#999; }
	#navipane a:hover { color:#F4D03A; }
	#navipane a:active { color:#F4D03A; }

#logo { 
	height:130px; background: url(logo.gif) no-repeat; 
	background-position: 30px 20px;
}

#menupane {
        background:#F4D03A;
	padding-left: 40px;
        padding-top: 5px;
	height: 32px;
	margin-bottom:20px;
}
	#menupane ul { padding: 0; margin:0;}
	#menupane ul li { float:left; list-style-type:none; margin-right: 5px;}
	#menupane ul li a { display:block;font-weight:bold; font-size:14px; padding:8px 20px;}
	#menupane ul li a:link { color:#333; }
	#menupane ul li a:visited{ }
	#menupane ul li a:hover{ color:#F4D03A; background:#fff; }
	#menupane ul li a:active{}
	#menupane .current { color:#F4D03A; background:#fff;}
	
#content { padding:0 0 20px 40px; height:300px; overflow:auto; }
	#content ul { padding:0; margin:0; width:400px; float:left;}
	#content ul li { width:100%;float:left; list-style-type:none; border-bottom:1px dashed #cecece; }
	#content ul li a { display:block; font-size:14px; padding:8px 20px}
	#content  ul li a:link { color:#000; }
	#content ul li a:visited{ }
	#content  ul li a:hover{ background:#eee; }
	#content ul li a:active{}
	#content ul li p {margin-left:20px;}

#bottom-content { 
	background: #333; color:#999;
	border-top: 30px solid #F4D03A;
	padding:20px 40px;
	overflow:auto; height:1%;
}
	#bottom-content .linklist { float:left; margin-right:50px; width:150px; }
	#bottom-content .linklist .title { color:#ccc; margin-bottom: 10px;}
	#bottom-content .linklist ul { padding:0; margin:0; list-style-type:none;}
	#bottom-content .linklist ul li { padding:8px 0; border-top:1px dotted #444; }
	#bottom-content .linklist ul li a { margin-right:40px; text-decoration: none; }
	#bottom-content .linklist ul li a:link { color:#999; }
	#bottom-content .linklist ul li a:visited { color:#999; }
	#bottom-content .linklist ul li a:hover { color:#F4D03A; }
	#bottom-content .linklist ul li a:active { color:#F4D03A; }
	#bottom-content .linklist a { color:#999; }

#footer { 
	float:left; border-top:1px dotted #444; 
	padding-top: 5px; margin-top: 30px;
	width:500px;
}

/* Lightbox effect */
#cover {
	/*display:none;*/
	width:100%; height:100%;
	left: 0; top: 0;
	position: fixed;
	background: #333;
	filter:Alpha(Opacity=75);
    -moz-opacity:0.75; /* Moz + FF */
    opacity: 0.75; /* css3 */
}

#window {
	width:50px; height:40px;
	padding: 20px; padding-top: 0;
	position: fixed;
	left: 50%; top: 50%;
	z-index: 1;
	background: url(petrol.png) no-repeat;
}
	#window #window-title { margin:10px; color:#fff;font-size:16px; font-weight:bold; width:100%; height: 10px; padding: 20px 0; cursor:default;}
	#window #window-content { margin:10px; font-size:14px;cursor:default; color:#cecece; width:90%;}
	#window a {color:#fff;}
	#window #close-button { color:#fff; font-weight:bold; position:absolute; top:30px; right:65px; border:2px solid #fff; padding:2px 5px; cursor: pointer;}