﻿/* Global section */
#login-wrapper{width:1000px;text-align:center;margin:0 auto;padding:10px 0}

.container
{
	width: 1000px;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
}

.left-container,.right-container
{
	width: 495px;
	text-align: left;
}

.left-container
{
	float: left;
	margin: 0;
}

.right-container
{
	float: right;
}

/* Login container */
.login-container{margin: 0 auto; width:360px;padding:0}
.login-container .header,.login-container .footer{width:360px;text-align:center;padding:0}
.login-container .header .top-left,.login-container .header .top-right,.login-container .footer .bottom-left,.login-container .footer .bottom-right{width:10px;height:30px}
.login-container .header .top-left{float:left;background:url(Images/login_top_left.gif)}
.login-container .header .top-right{float:right;background:url(Images/login_top_right.gif)}
.login-container .footer .bottom-left{float:left;background:url(Images/login_bottom_left.gif)}
.login-container .footer .bottom-right{float:right;background:url(Images/login_bottom_right.gif)}
.login-container .center{float:left;width:340px;height:30px;background:url(Images/login_bg.gif)}
.login-container .body,.login-container .body .wrap{width:360px;background:url(Images/login_bg.gif);font-size:12px;padding:0}
.login-container .body .wrap{clear:both;text-align:center}
.login-container .body .wrap .left{float:left;width:170px;text-align:right;font-weight:700;padding-top:5px}
.login-container .body .wrap .right{float:right;width:180px;text-align:left;margin-bottom:5px}
.login-container .body .failure{clear:both;width:310px;text-align:center;color:Red;margin:0 auto;padding:10px 0}
.login-container .body .button-pane{width:310px;text-align:right;margin:0 auto;padding:0}

/* Download item */
.download-item{float:left;width:150px;padding:0; margin-right: 10px; margin-bottom: 20px;}
.download-item img{border:0}
.download-item .image{float:left;width:50px;height:50px}
.download-item .text{float:left;width:100px;font-size:12px;color:gray;padding:0}
.download-item .text h1{font-size:14px;color:#ed1c24;font-weight:400}
.download-item a{font-size:14px;color:#ed1c24;text-decoration:none;display:block;margin-bottom:5px}
.download-item a:hover{text-decoration:underline}

/* Supporting */
.support{margin-top:70px;float:right;padding:10px 0}
.support .browser{float:right;margin-right:5px}
.support .text{float:right;font-size:13px;font-weight:700;color:#6dcff6;margin-right:30px;padding-top:8px}

/* Functional */
.functional
{
	float: left;
	width: 490px;
	padding: 0;
	text-align: left;
}

.functional .header
{
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
}

.functional .header .image
{
	float: left;
	width: 50px;
	padding: 0;
}

.functional .header .text
{
	float: left;
	padding: 10px 0 5px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #606060;
}

.functional .container
{
	width: 480px;
	padding: 10px 0;
	font-size: 14px;
	color: #808080;
	text-align: left;
}

.functional .container .item
{
	padding: 5px;
}

.functional .container ul
{
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}

.functional .container ul li
{
	list-style-type: square;
	padding: 5px 0;
}