/* === reset === */

a:hover{text-decoration:none;}

ul, ol{list-style:none;}

img, form, fieldset{border:none;}

ul, ol, form, fieldset{

	margin:0;

	padding:0;

}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, p{margin:0;}

table{width:100%; border-collapse:collapse;}

q{quotes: none;}

q:before{content:"";}

q:after{content:"";}

input:focus { outline: none; }

textarea:focus { outline: none; }

select:focus { outline: none; }

/* === end reset === */

a{color: #999;}

input, select, textarea{font-family: arial, sans-serif;;}

body{

	background:#326395 url(../images/bg-body.gif) repeat-x;

	font: 12px/1.5em arial, sans-serif;

}

.main{

	width: 982px;

	margin: 0 auto;

	padding: 7px 0 0 0;

}

/*--Top shadow--*/

.top-shadow{

	background: url(../images/bg-header-shadow.png) no-repeat;

	width: 982px;

	height: 104px;

	overflow: hidden;

}

/*--Top shadow video--*/

.top-shadow-video{

	background: url(../images/bg-header-shadow-video.png) no-repeat;

	width: 982px;

	height: 104px;

	overflow: hidden;

}

/*--Main shadow--*/

.main-shadow{

	background: url(../images/bg-main-shadow.png) repeat-y;

	width: 982px;

}

/*--Bottom shadow--*/

.bottom-shadow{

	background: url(../images/bg-footer-shadow.png) no-repeat;

	width: 982px;

	height: 21px;

	overflow: hidden;

}

/*--Header--*/

#header{

	width: 982px;

	height: 104px;

	position: relative;

}

/*--logo--*/

.logo,

.logo a{

	display: block;

	width:136px;

	height: 88px;

}

.logo{

	position: absolute;

	top:12px;

	left: 12px;

}

.logo a{

	background: url(../images/logo.png) no-repeat;

	overflow: hidden;

	text-indent: -9999px;

	position: relative;

	cursor: pointer;

}

/*--login--*/

a.login{

	display: block;

	width:109px;

	height: 33px;

	overflow: hidden;

	text-indent: -9999px;

	background: url(../images/btn-login.gif) no-repeat;

	position: absolute;

	top:12px;

	right: 12px;

}

a.login:hover{background-position: 0 -33px;}

/*--logout--*/

a.logout{

	display: block;

	width:109px;

	height: 33px;

	overflow: hidden;

	text-indent: -9999px;

	background: url(../images/logout.gif) no-repeat;

	position: absolute;

	top:12px;

	right: 12px;

}

a.logout:hover{background-position: 0 -33px;}

/*--Slogan--*/

#header h1{

	color: #c6d0d0;

	font-size: 3.333em;

	line-height: 1.1em;

	padding: 46px 0 0 165px;

	text-shadow: 1px 1px #333333;

}

#header h1 span{

	font-size: 0.4em;

}

/*--footer--*/

#footer{

	width:100%;

	overflow: hidden;

	padding: 30px 0 20px 0;

}

#footer ul{

	width: 100%;

	overflow: hidden;

	text-align: center;

	padding: 0 0 15px 0;

}

#footer ul li{

	display: inline;

	font-size: 1.167em;

	line-height: 1.5em;

	padding: 0 32px;

}

#footer ul li a{

	color: #fff;

	font-weight: bold;

	text-decoration: none;

	text-transform: uppercase;

}

#footer p{

	text-align: center;

	font-size: 0.917em;

	color: #fff;

}

#footer p a{

	color: #fff;

	text-transform: uppercase;

	text-decoration: none;

}

#footer a:hover{text-decoration: underline;}

/*--Content--*/

#content2{

	min-width: 958px;

	margin: 0 auto;

	padding: 30px 0 0 0;

	position: relative;

	background: url(../images/bg-content.gif) repeat-x;

}

#content{

	width: 958px;

	margin: 0 auto;

	padding: 30px 0 0 0;

	position: relative;

	background: url(../images/bg-content.gif) repeat-x;

}

.inner-content{

	padding: 25px;

	min-height: 300px;

	color: #999;

	text-align:center;

}

/*--Standard styles--*/

.inner-content h2{	color: #67C5DD;

	font-size: 2em;

	line-height: 1.1em;

	padding: 0 0 30px 0;

}

.inner-content h3{

	color: #fff;

	padding: 10px 0 15px 0;

	font-size: 1.333em;

	line-height: 1.2em;

}

.inner-content a{

	color: #68C5DD;

}

.inner-content p{

	text-align:left;

	padding:0 0 15px 0;

}

.list{

	width: 100%;

	padding: 15px 0 30px 0;

	text-align:left;

}

.list li{

	padding: 0 0 5px 30px;

	background: url(../images/bulet-2.gif) no-repeat 3px 4px;

}



/*--Button styles--*/

a.blackbtn{

	background: url(../images/btn.gif) no-repeat 0px 0px;

	height: 22px;

	float: left;
	text-decoration: none;

	margin:0;

	padding:0;

}

a.blackbtn:hover span{color: #fff;}

a.blackbtn span{

	color: #999;

	cursor: pointer;

	float: left;

	height: 22px;

	line-height: 22px;

	background: url(../images/btn.gif) no-repeat 100% -22px;

	padding: 0 10px;

	margin:0;

}



input.blackbtn{

	border: 0;

	background: url(../images/btn-black.gif) no-repeat;

	color: #999;

	height: 22px;

	width: 128px;

}

input.blackbtn:hover {color: #fff;}



/*--Tables--*/

.vtable{	border-collapse:collapse;

}

.vtable td,

.vtable th{	border: 1px solid;}

.htable th{

	border: 0;

	width: 45%;

	text-align:right;

	padding-right:20px;

	padding-bottom:10px;

}

.htable td{	border: 0;

	text-align:left;

	padding-bottom:10px;

}



.tableHeader{

	background: #4093A2;

	

	background: -webkit-gradient(linear, left top, left bottom, from(#4093A2), to(#333));

	background: -moz-linear-gradient(top, #4093A2, #333333);

	background: -o-gradient(linear, left top, left bottom, from(#4093A2), to(#333333));

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4093A2', endColorstr='#333333');

}

.page_link {

	font-size:13px;

	color:#FFF;

	margin-top:-3px;

	padding-left:3px;

}
/*--download--*/
a.download{
	display: block;
	width:216px;
	height: 35px;
	text-align: center;
	color:#fff;
	float:left;
	text-decoration: none;
	line-height: 35px;
	font-size: 1.167em;
	font-weight: bold;
	background: url(../images/btn-download.gif) no-repeat;
	position: relative;
	text-shadow: 1px 1px #333333;
}
a.downloadMac{
	display: block;
	width:216px;
	height: 35px;
	text-align: center;
	color:#fff;
	float:left;
	text-decoration: none;
	line-height: 35px;
	font-size: 1.167em;
	font-weight: bold;
	background: url(../images/btn_download_mac.gif) no-repeat;
	position: relative;
	text-shadow: 1px 1px #333333;
}
a.download:hover{background-position: 0 -35px;}
a.downloadMac:hover{background-position: 0 -35px;}
.download-block span{
	display: block;
	width:216px;
	height: 36px;
	color:#fff;
	padding:0;
	text-align: center;
}

.error {
	color:#F00;
}