/* RESET.CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse; }
th,td{padding: 0;}

fieldset,img{border:0;}   
caption,th{text-align:left;}
a{outline: 0; text-decoration: underline;}
a:hover{ text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{ border: 0; }
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}


/* TEXT */
body{
	
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}
a{
	color: #006699; 
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}

a.title{
	color: #1faf02;
	padding: 0 10px;
	text-decoration: none;
	font-size: 0.9em;
	background: url("../../images/urlimg.gif") no-repeat bottom left;
}
a.title:hover{
	text-decoration: none;
	color: #006699;
	background: url("../../images/urlimg.gif") no-repeat left top;
}

a.logo{
   display: block;
   width: 270px;
   float: left;
   text-decoration: none;
   margin: 10px 10px 10px 40px;
}
/* TEXT */

H1{
	font-size: 1.6em;
	color:#059FDB;
	padding: 5px;
}
.header h1{
	padding-top: 15px;
}
h1 span{
   font-size: 0.7em;
   color:#666;
}
H2{
	font-size: 1.4em;
	font-weight:normal;
	color:#f72717;
	padding: 0 0 5px;
}
H3{
	font-size: 1.3em;
	font-weight:normal;
	color:#e79880;
	font-style: italic;
	padding-bottom: 5px;
}

.title{
	font-size: 2em;
}

.orange{
	color: #ffaf22;	
}



body{
	background: #ccc url("../../images/back.gif") repeat top left;
	text-align:left;
	height:100%;
	margin: 0;
}
.clear{
	clear: both;
}
.left{
  float: left;
}
.right{
  float: right;
}

div#wrapper{
	width: 980px;
	margin: 0 auto 30px;
	padding-top: 130px;
	overflow: visible;
	position: relative;
	background: #fff url("../../images/shadow.gif") repeat-y top center;
}

/* HEADER */


div.header{
	background: url("../../images/header-back.gif") no-repeat bottom center;
	height: 130px;
	width: 1010px;
	position: absolute;
	left: -15px;
	top: 0px;
}

/* TABS MENU */
ul li{
	list-style-position: inside;
	padding-left: 20px;
	line-height: 1.5em;
}
ul.topmenu{
	position: absolute;
	left: 50px;
	bottom: 1px;
	_bottom: 0px;
	width:920px;
}
ul.topmenu li{
	float: left;
	padding-left: 0;
	list-style-type: none;
	list-style-position: outside;
}
ul.topmenu li.login{
	float: right;
	padding-left: 0;
	list-style-type: none;
	list-style-position: outside;
}
ul.topmenu a{
	display: inline-block;
	color: #b9c6d3;
	font-size: 0.9em;
	line-height: 2.8em;
	height: 32px;
	padding: 0 10px;
	text-transform: uppercase;
	border-right: 1px solid #666;
	text-decoration: none;
}
ul.topmenu a.activ{
	color: #fff;
	background: #cd5002;
	border-right: 1px solid #cd5002;
	
	cursor: default;
}
ul.topmenu a.activ:hover{
   background: #cd5002;
}
ul.topmenu a:hover{
	background: #385773;
	color: #fff;	
}
ul.topmenu li.login a{
	border: none;
	
}
ul.topmenu li.login a:hover{
	border: none;
	background-color: none;
	background: url("../../images/loginbut.gif") no-repeat center center;	
}
/* */
.banner{
	padding: 0 5px;
}
.bannertext{
	position: absolute;
	top: 165px;
	right: 30px;
	line-height: 1.6em;
	color: #fff;
	font-size: 1em;
}

div.wrapcontent{
	padding: 10px 15px 20px;
	clear: both;
	overflow: hidden;
	background: url("../../images/cont.png") repeat-y top left;
}
div.botborder{
	background: url("../../images/shadowbott.gif") no-repeat bottom center;
	height: 10px;
	width: 980px;
}

/* Content */
.leftcolumn{
	float: left;
	width: 300px;
	padding-bottom: 30px;
	color:#181831;
	font-size: 1.1em;
	line-height: 1.4em;
	background: url("../../images/blueback.png") no-repeat bottom center;
	
}
.leftcolumn h2{
	color: #333366;
	padding: 25px 5px 15px 10px;
	font-family: Georgia, Arial, sans-serif;
	background: url("../../images/bluetop.png") no-repeat top center;
}
.wrap{
	padding: 0 10px;
}
.leftcolumn .wrap h2{
	padding: 20px 0 15px;
	background: none;
}
.maincolumn{
	float: left;
	width: 630px;
	margin-left: 15px;
	margin-top: 10px;
}
.column{
	width: 320px;
	float: left;
}
.column p{
	padding: 5px 0;
}
.border{
	border-right: 1px dotted #999;
}
.wrapimg{
	padding: 0 5px 5px 0;
}
    
/* NEW CONTENT*/
.sidebar{
	float: left;
	width: 210px;
}
.sidebar .wrap{
	padding: 0 10px;
}
.content{
	width: 520px;
	float: left;
}
/* footer*/
#footer{
	width: 980px;
	padding:15px 0 10px;
	margin: 0 auto;
	color: #686868;
	text-align: center;
	background: #b4b4b4 url("../../images/foottop.gif") no-repeat top center;
}
#footer a{
	color: #fff;
	text-decoration: none;
}
#footer a:hover{
	color: #4b87ca;
	text-decoration: none;
}

/* TABLE */
table td{
	text-align: left;
	padding: 2px;
}


/* Round border */		
 .t,  .b {
		position:relative;
		height:18px;
		font-size: 1px;
		clear: both;
	}
 .t div,  .b div {
		position:absolute;
		width:18px; height:18px;
		padding:0; margin:0;
	}
 .t .l {
		top:-3px; left:-3px;
		background: url("../../images/angle.gif") no-repeat bottom right;
	}
 .t .r {
		top:-3px; right:-3px;
		background:url("../../images/angle.gif") no-repeat  bottom left;
	}
 .b .l {
		background: url("../../images/angle.gif") no-repeat top right;
		bottom:-3px; left:-3px;
	}
 .b .r {
		background: url("../../images/angle.gif") no-repeat top left;
		bottom:-3px; right:-3px;
	}
			
/**/

/* Round border */		
 .tr,  .br {
		position:relative;
		height:18px;
		font-size: 1px;
		clear: both;
	}
 .tr div,  .br div {
		position:absolute;
		width:18px; height:18px;
		padding:0; margin:0;
	}
 .tr .lr {
		top:-1px; left:-1px;
		background: url("../../images/angle1.gif") no-repeat bottom right;
	}
 .tr .rr {
		top:-1px; right:-1px;
		background:url("../../images/angle1.gif") no-repeat  bottom left;
	}
 .br .lr {
		background: url("../../images/angle1.gif") no-repeat top right;
		bottom:-1px; left:-1px;
	}
.br .rr {
		background: url("../../images/angle1.gif") no-repeat top left;
		bottom:-1px; right:-1px;
	}
			
/**/

/*
  ----- Registration wizard -----
*/
#steps { color:#c7935b; }
#steps .form { margin-top:40px; }
#steps .form label 
{
    display:block;
    width:180px;
    float:left;
    text-align:right;
    padding-right:40px;
    line-height:40px;
    font-weight:bold;
}
#steps .form input, #steps .form select
{
    border:none;
    background:url(../../images/input2.gif) no-repeat 0 0;
    width:284px;
    height:32px;
    float:left;
    padding:0 12px;
    padding-top:8px;
    /*line-height:40px;*/
    font-size:20px;
}
#steps input.brd, #steps select.brd {
    background-image:url(../../images/input.gif);
}
#steps .form select
{
    width:308px;
    height:40px;
    padding:7px 15px;
    /*background-color:#e8efc1;*/
}
#steps .form span { display:block;width:200px;float:left;padding-left:20px; }
#steps .form .separator { clear:both; line-height:5px; height:5px; }

#steps .errors { margin-bottom:15px; }

#steps .step-buttons {
    height:55px;
    line-height:55px;
    padding-top:30px;
    text-align:center;
}

/* keywords */
#steps table.keywords p.search .textbox,
table.keywords p.search .search-watermark
{ border:solid 1px #c7935b; padding:4px; float:left; margin:2px 10px 0 0; width:180px; }
.search-watermark { color:#8681bd; font-weight:bold; }
#steps table.keywords .result
{
    height:300px;
    overflow-y:scroll;
    border:solid 1px #c7935b;
    background-color:#fff;
}
#steps table.keywords .result a { text-decoration:none; color:Gray; }

/* helper */
#steps table.helper h3 { margin-top:0; }

#steps table.helper p input:first-child,
#steps table.helper .keyword-helper
{ border:solid 1px #8ebf5e; padding:4px; background-color:#fffbcc; width:180px; }

#steps table.helper .keyword-helper
{ color:#8681bd; font-weight:bold; }

#steps table.helper .result
{
    height:255px;
    overflow-y:scroll;
    border:solid 1px #8ebf5e;
    background-color:#fff;
    margin-bottom:20px;
}

#steps table.helper .result a { text-decoration:none; color:Gray; padding-left:5px; }

/* 'WhatÒs your password?' step */
#steps td.passwords { padding:0 10px;text-align:center; }

#steps .passwords input.txt,
#steps .passwords .watermark
{
    border:none;
    background:url(../../images/input2.gif) no-repeat 0 0;
    width:284px;
    height:32px;
    padding:0 12px;
    padding-top:8px;
    font-size:20px;
}
#steps .passwords .watermark { color:#8681bd; }
#steps .passwords input.brd { background-image:url(../../images/input.gif); }

/* 'Congratulations' step */
#steps td.success { padding:0 10px;text-align:center; }

.c0 { width:100%; background-color:#c7eafb; }
.c0 td { padding:0; }
.c0 .a { width:15px; height:15px; background-image: url(../../images/corners/3/lt.gif) }
.c0 .b { height:15px; background-color:#c7eafb; }
.c0 .c { width:15px; height:15px; background-image: url(../../images/corners/3/rt.gif) }
.c0 .d { width:15px; background-color:#c7eafb; }
.c0 .e { background-color:#c7eafb;padding:50px;vertical-align:top; }
.c0 .f { width:15px; background-color:#c7eafb; }
.c0 .g { width:15px; height:15px; background-image: url(../../images/corners/3/lb.gif) }
.c0 .h { height:15px; background-color:#c7eafb; }
.c0 .i { width:15px; height:15px; background-image: url(../../images/corners/3/rb.gif) }

.c1 { width:100%; }
.c1 td { padding:0; }
.c1 .a { width:18px; height:18px; background-image: url(../../images/corners/2/lt.gif) }
.c1 .b { height:18px; background: url(../../images/corners/2/t.gif) repeat-x; }
.c1 .c { width:18px; height:18px; background-image: url(../../images/corners/2/rt.gif) }
.c1 .d { width:18px; background: url(../../images/corners/2/l.gif) repeat-y; }
.c1 .e { background-color:#fffcdf;padding:0;vertical-align:top; }
.c1 .f { width:18px; background: url(../../images/corners/2/r.gif) repeat-y; }
.c1 .g { width:18px; height:18px; background-image: url(../../images/corners/2/lb.gif) }
.c1 .h { height:18px; background: url(../../images/corners/2/b.gif) repeat-x; }
.c1 .i { width:18px; height:18px; background-image: url(../../images/corners/2/rb.gif) }

.c2 { width:100%; background-color:#fffac2; }
.c2 td { padding:0; }
.c2 .a { width:17px; height:17px; background-image: url(../../images/corners/1/lt.gif) }
.c2 .b { height:17px; background: url(../../images/corners/1/t.gif) repeat-x; }
.c2 .c { width:17px; height:17px; background-image: url(../../images/corners/1/rt.gif) }
.c2 .d { width:17px; background: url(../../images/corners/1/l.gif) repeat-y; }
.c2 .e { vertical-align:top; background-color:#fffac2; }
.c2 .f { width:17px; background: url(../../images/corners/1/r.gif) repeat-y; }
.c2 .g { width:17px; height:17px; background-image: url(../../images/corners/1/lb.gif) }
.c2 .h { height:17px; background: url(../../images/corners/1/b.gif) repeat-x; }
.c2 .i { width:17px; height:17px; background-image: url(../../images/corners/1/rb.gif) }

/*
 * light-block
 */
.light-block td { padding:0; }
/*
 * blueblock
 */
.blueblock { color:White; }
.blueblock td { padding:0; }
/*
 * form
 */
.form {}
.form td {padding:5px;}
.form .field {padding:2px;width:200px;}

/*
 * footer
 */
.dotclass
{
font-family:Trebuchet MS,verdana,arial;
font-size:17px;
color:#8CC542;
padding:0px 0px 0px 0px;
}