/* CSS Document */
* {
margin: 0;
paddding: 0;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#0e0e0e url("../images/bg.jpg") no-repeat top;
}

body,td,th,p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #4f4f4f;
	line-height:130%;

}
p{ margin:10px 0;}

#cssmenu {padding:25px 0px 0px 550px;

}

#cssmenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
 	font-size:15px;
	font-weight:bold;
 }
#cssmenu li{
	display:block;
	float:left;
	margin:0;
	pading:0;
	border-right:1px solid #ffffff;
	}
#cssmenu li a{
	display:block;
	float:left;
	color:#4f4f4f;
	text-decoration:none;
	padding:15px 12px 0 12px;
 	height:30px;
	}
#cssmenu li a:hover{
	background:transparent url('../images/black.jpg') repeat-x top left;
	color:#ffffff;
	}


.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* clearfix hack */
.clearfix{
	display: inline-table;
}
/* backslash hack hides from IE mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix {
	display: block;
}
/* end backslash hack */
.clearboth{
	clear: both;
}
/* START OF BASIC TEXT FORMATS CSS */
h1{
	font-size:16px; 
	font-weight:bold; 
	color:#2f4962;
	line-height:200%;
}

h2{
	font-size:15px; 
	font-weight:bold; 
	line-height:200%;
	margin:20px 0 10px 0;
}

h3{
	font-size:14px; 
	font-weight:bold; 
	color:#2f4962;
	line-height:200%;
}

h4 {margin:10px 0; border-top:dashed 1px #CCC; padding-top:5px;}

/* END OF BASIC TEXT FORMATS CSS */

.container{
	width:960px;
	margin:0 auto;
	margin-top:39px;
	background:#fff;
}

.header{
	background:url(../images/header.jpg) no-repeat;
	height:98px;
}


.banner{ 
	background:url(../images/banner.jpg) no-repeat;
	height:358px;
	position:relative;
}
.banner h4{ 
	position:absolute;
	width:360px;
	height:70px;
	left:55px;
	top:80px;
	color:#ffffff;
	line-height:30px;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
 }

.banner a{ 
	position:absolute;
	width:260px;
	height:70px;
	left:55px;
	top:220px;
	background:url(../images/banner_download_button.png) no-repeat;
}

.banner a:hover{ background-position:0 -80px;}

.steps{
	background:#ededed;
	height:100px;
	border-bottom:1px solid #cecece;
}
.steps dl{
	float:left;
	width:270px;
	margin-left:40px;
}
*html .steps dl { margin-left:20px;}

.steps dt{
	float:left;
	width:80px;
	height:95px;
}
.steps dd{
	float:left;
	width:190px;
	margin-top:20px;
}
.steps dl dd span{
	display:block;
	font-weight:bold;
	
	font-size:16px;
}
.steps .step1 dt{ background:url(../images/step1_icon.jpg) no-repeat;}
.steps .step2 dt{ background:url(../images/step2_icon.jpg) no-repeat;}
.steps .step3 dt{ background:url(../images/step3_icon.jpg) no-repeat;}


.leftside{
	float:left;
	width:25%;
	min-width:260px;
	margin:20px 10px 20px 20px;
}
*html .leftside{ margin:0; margin-left:1%; margin-top:26px;}

.leftside p{ font-size:11px;}
.leftside p span{ font-weight:bold;}

.rightside{
	float:right;
	width:66%;
/*	padding:3%;*/
	padding:3px 10px 0 20px;
	border-left:1px solid #ccc;
}
.rightside .bold{ font-weight:bold; margin-bottom:30px;}
.rightside .bold a{ color:#0066d2; text-decoration:underline;}

.rightside dl{
	border-bottom:1px dashed #ccc;
	clear:both;
	padding:10px 0;
	overflow:hidden;
}

.rightside dl dt{
	width:60px;	
	height:60px;
	float:left;
	background:url(../images/icons.jpg) no-repeat;

}
.rightside .player  dl dt.icon1{	background-position:0 0; }
.rightside .player  dl dt.icon2{	background-position:0 -80px; }
.rightside .player  dl dt.icon3{	background-position:0 -160px; }
.rightside .converter dl dt{
	width:60px;	
	height:60px;
	float:left;
	background:url(../images/icon2.jpg) no-repeat;

}
.rightside .converter  dl dt.nicon1{	background-position:0 0; }
.rightside .converter  dl dt.nicon2{	background-position:0 -80px; }
.rightside .converter dl dt.nicon3{	background-position:0 -160px; }

.rightside dl dd{
	width:530px;	
	float:left;
}

.rightside dl dd span{
	font-weight:bold;
	display:block;
	line-height:160%
}


.download_button {
	width: 218px;
	height: 62px;
	margin: 0 auto;
	background: url("../images/download_button.png") no-repeat;
}
.download_button a {
	display: block;
	width: 218px;
	height: 62px;
	text-decoration: none;
	outline: none;
	background:   url("../images/download_button.png") no-repeat;
}
.download_button a:hover {
	background-position: 0 -101px;
	outline: none;
}


.footer{
	clear:both;	
	background:#ededed url(../images/footer_bg.jpg) no-repeat bottom;
	border-top:1px solid #bababa;
	margin-bottom:20px;
	border:1px soild red;
}
.footer p{
 	text-align:center;
	font-size:10px;
	margin:10px 0 10px 0;
	padding-bottom:20px;
}

ul.list { display:block;}
ul.list li {width: 185px;
float: left; list-style-type:disc;}
ul.list2 { display:block;}
ul.list2 li {width: 285px;
float: left; list-style-type:disc;}

.probox2 h3 span {
display: block;
float: left;
width: 20px;
height: 25px;
background: url(../images/step_bg.gif) center center no-repeat;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #FFF;
padding:0 0 0px 8px;
}

ul.kf { width:250px; padding:10px 0 15px 15px; margin:0; }
ul.kf li { line-height:25px;}

.probox2{background:url(../images/cross-bg.png) no-repeat center center;padding:15px 0 15px 10px;}
.probox2 .l_box{float:left;width:180px;padding:0 12px 0 0;}
.probox2 .c_box{float:left;width:180px;padding:0 12px; }
.probox2 .r_box{float:left;width:180px;padding:0 0px 0 22px;}
.probox2 h3{font-size:11px;color:#333;font-weight:normal;}
.probox2 .pic{padding:10px 0;text-align:center;}
.probox2 .btn{width:200px;padding:10px 0 0 0;}
table.thin {margin: 20px 0;}
table.thin tr td {
	margin-bottom:20px;
	padding:5px 10px;
	border:1px solid #ececec;
	font-size:12px;
	
}
table.thin tr:nth-child(odd) { background:#f4f4f4;}
#disqus_thread {margin-top: 20px;}

.intro { padding:15px 0;}


/* Lanugage Selection*/

.borderRadius{-moz-border-radius:5px; border-radius:5px; }
.borderRadiusTp{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.borderRadiusBtm{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}

.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ;border-bottom:1 solid #c3c3c3; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .ddArrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .ddArrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; }
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle; }
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}

/*************** default theme **********************/
.dd{border:1px solid #c3c3c3; cursor:pointer;}
.dd .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff;; right:24px;}
.dd .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../images/msdropdown/skin1/dd_arrow.gif) no-repeat;}
.dd .ddArrow:hover{background-position:0 100%;}
.dd .ddTitle{color:#333; font-size:14px; z-index:9999; height:20px;  }
.dd .ddTitle .ddTitleText{padding:4px 0 0 13px; margin:0; text-align:left;   }
.dd .ddTitle .description{font-size:12px; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.dd .ddChild, .dd .ddChild ul {height:auto !important; min-height: 250px !important;}
.dd .ddChild li{padding:3px; background-color:#fff; border-bottom:1px solid #c3c3c3;  }
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{ font-size:12px;color:#333; float:right; text-align:left; width:80px; padding-top:3px; }
.dd .ddChild li.hover{background-color:#f2f2f2}
.dd .ddChild li img{ margin:3px 0 0 3px;  }
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#d5d5d5; color:#000;}