body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }


input , select , textarea {
	font-family:"Tahoma" ;
	color:#333 ;
}

hr {
        background-color: #C1D2F0;
        border: 0px;
        box-shadow: #fff 0 1px;
        height: 1px;
}



body {
	font-size: 14px ;
	background : url('images/body.jpg') repeat-x left top ;
	color:#000 ;
	font-family:"Tahoma" ;
}

a {
	text-decoration: none ;
	text-align:center ;
	color:#0082d4 ;
}
a:hover{
	color:#000 ;
}

span.invisible {	display: none ;	}

#container1 {
	width: 900px; 
	margin: 0 auto ;
	background: url('images/container1.jpg') repeat-y left top ;
	position: relative ;
	margin-bottom: 30px; 
}

#header {
	height: 155px ;
	background: url('images/header.jpg') no-repeat left top ;
}

a.index {
	display:block ;
	width: 380px ;
	height: 55px ;
	position: absolute ;
	top: 35px; 
	left: 6px ;
}

.login {
	text-align:right ;
	padding: 5px 20px 0 0 ;
}
.login a{	color:#fff ;	padding: 5px 10px ;}
.login a:hover {	background:#4b73bc ; color:#fff !important;	}


#main {
	_height 1% ;
	overflow: hidden ;
	_overflow: none ;
	margin-bottom: 30px; 
}

.content {
	padding: 0px 30px 0px 30px ;
	_height: 1% ;
	overflow: hidden ;
	_overflow: none ;
        line-height: 1.5em;
}

.content p {
        margin-bottom: 1em;
}

.slogan {
	color:#cadcff ;
	position: absolute ;
	top: 63px ;
	left: 400px ;
}

#breadcrumb {
	position: absolute ;
	top: 120px ;
	left: 30px ;
	color:#777 ;
}





h1 {
	color:#6f9dcb ;
	margin: 0 0 20px 0 ;
	font-size: 1.7em ;
}
h2 {
	margin: 0 0 20px 0 ;
	font-size: 1.2em ;
	font-weight:bold ;
	background: #bad2ef ;
	color:#fff ;
	padding: 6px 30px 8px 30px ;
	margin: 10px 0 10px 0 ;
}


#step li {
	width: 270px ;
	height: 100px; 
	float: left ;
	margin-right: 10px ;
}

#step li.step1 {	background: url('images/step1.jpg') no-repeat left top ;	height: 80px ;  padding-top: 100px ;}
#step li.step2 {	background: url('images/step2.jpg') no-repeat left top ;	}
#step li.step3 {	background: url('images/step3.jpg') no-repeat left top ;	height: 135px ;}


li.step1 a{
	display:block ;
	height: 22px; 
	margin: 0px 20px ;
}

li.step2 a , li.step3 a {	display:block ;	height: 100% ;}






table {
	width: 100% ; 
	margin: 0 auto ;
}

th {
	padding: 10px 15px ;
	border-bottom: 3px solid #e4eefb ;
	font-weight:bold ;	
	color:#999 ;
	background:#fff ;
}

td {
	padding: 5px 15px; 
}

.table-1 th{
	width: 315px; 
	text-align:right ;
	line-height: 125% ;
}
.table-1 td.big {
	padding-left: 465px ;
}
table .required {
	font-size: 10px ;
	color:red ;
}
table th p {
	font-weight:normal ;
	font-size: 11px ;
	color:#777 ;
	padding-top: 3px ;
}

.table-1 .input-text {
	width: 430px ;
}



.input-text {
	width: 630px;
	padding: 5px 10px ;
	bordER: 1px solid #ccc ;
}
.input-code {
	padding: 3px 5px ;
	bordER: 1px solid #ccc ;
	width: 187px ;
	margin-top: 5px ;
}

.img-code{
	margin: 0px 0px 10px 0px ;
}





.table-2 th {
	width: 50px ;
	height: 50px ;
	padding: 5px ;
	background:#fff ;
	border-bottom : 1px solid #bcd2ec ;
}
.table-2 th img {
	width:50px ;
	height: 50px ;
}
.table-2 td {
	line-height: 180% ;
	border-bottom : 1px solid #bcd2ec ;
}
.table-2 td span {
	font-weight:bold ;
	color:#6f9dcb ;
	display: block ;
}
.table-2 td.button {
	width: 150px;
	padding: 0 ;
}
.table-2 td.button a.button {
	width: 65px ;
	position: relative ;
	bottom : -5px ;
}
















.table-3 th {
	text-align: left ;
	width: 160px ;
}

.table-3 td {
	text-wrap:normal;
	word-wrap: break-word; 
	word-break: break-all; 
	overflow: hidden; 
	width: 480px; 
}


.table-3 td.big {		padding: 0px 0px 3px 0px ; width: 100% ;}

.table-3 td.big img{
	float:left !important;
	background:#fff ;
	padding: 5px; 
	width : 50px ;
	height: 50px; 
}
.table-3 td.big h2{
	margin: 0px 0px 0px  45px ;
	height: 45px ;
	line-height: 45px; 
}

.table-3 td.button {
	background: none ;
	bordeR: 0px ;
	padding: 50px 0px 0px 0px ;
	width: 100% ;
}

.table-3 td.button a.button {
	width: 260px; 
	padding : 0px 5px ;
}


.table-4 th {
	background: #fff ;
	width: 205px ;
	padding: 10px ;
	text-align:left ;
}
.table-4 td {
}
.table-4 td.big {
	text-align : left ;
	padding: 0 0 8px 0  ;
	background: none ;
}



#footer {
	height: 30px ;
	background: url('images/footer.jpg') no-repeat left bottom ;
	clear:both ;
}





a.button {
	background: url('images/button.jpg') repeat-x left top !important;
	height: 40px ;
	width: 160px; 
	display:block ;
	color:#fff ;
	line-height: 36px ;
	font-weight:bold ;
	margin-bottom: 10px ;
	margin-right: 10px ;
}
a.button:hover {
	background: url('images/button-hover.jpg') repeat-x left top !important;
	color:#fff000 ;
}

.button {
	_height: 1% ;
	overflow: hidden ;
	_overflow: none ;
}
.button a.button {
	width: 180px; 
	float:left ;
}

.syntaxhighlighter {
        margin: 15px 0;
        padding: 5px 0;
}

.content .syntaxhighlighter .gutter .line {
        border-right: 1px solid #435A5F !important;
}

.content .syntaxhighlighter div {
        line-height: 1.3em !important;
}