html, body {margin:0; padding:10px; font-size:9pt; font-family:Arial, Tahoma; color:#333333;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a {color:#333333;}
textarea {border:#CCCCCC 1px solid; padding:5px; -moz-border-radius:5px; overflow:auto;}


a.a2 {color:#669933;}

/*div {border:#CCCCCC 1px solid;}/**/

img, div, input {behavior:url("./iepngfix.htc")}

form {margin:0; padding:0;}

/*ol li {list-style-type: none !important; list-style-type: decimal;}
ol {counter-reset:list1;}
ol ol {counter-reset:list2;}
ol ol ol {counter-reset:list3;}
ol li:before {counter-increment:list1; content:counter(list1) ". ";}
ol ol li:before {counter-increment: list2; content: counter(list1) "." counter(list2) ". ";}
ol ol ol li:before {counter-increment: list3; content: counter(list1) "." counter(list2) "." counter(list3) ". ";}*/

div.rules {border:#666666 1px solid; margin:20px 20px 10px 20px; padding:5px; height:150px; overflow:auto;}
div.rules ol {padding:0; margin:0 0 0 25px;}
div.rules ol li {line-height:22px; margin-bottom:5px;}
div.rules-agreed {margin:10px 20px 0px 11px; padding:5px; height:18px;}


#global {width:900px; margin:0 auto;}

.frm1 {background-color:#666666;}
.frm1 .tl {background:url(/img/frm1-top-left.gif) top left no-repeat;}
.frm1 .tr {background:url(/img/frm1-top-right.gif) top right no-repeat;}
.frm1 .br {background:url(/img/frm1-bottom-right.gif) bottom right no-repeat;}
.frm1 .bl {background:url(/img/frm1-bottom-left.gif) bottom left no-repeat;}


#header {background:url(/img/bg_center.gif) repeat-x; margin-bottom:20px;}
#header .logo {padding:44px 0 0 50px; float:left;}
#header .oneclick {padding:47px 0 0 22px; float:left;}
#header .home {padding:45px 0 0 17px; float:left;}
#header .mail {padding:45px 0 0 7px; float:left;}
#header .lang {padding:45px 0 0 7px; float:left;}
#header .systemadministration {padding:15px 20px 0 0; line-height:1.5; float:right; color:#FFFFFF; font-weight:bold; font-size:8pt;}
#header .l {background:url(/img/bg_left.gif) no-repeat left;}
#header .r {background:url(/img/bg_right.gif) no-repeat right; height:110px;}

#center {margin-bottom:20px;}

#header-menu {width:100%; background:url(/img/menu_center.gif) repeat-x; margin-bottom:20px; height:23px; color:#FFFFFF; font-family:tahoma;}
#header-menu .l {background:url(/img/menu_left.gif) no-repeat left; height:23px;}
#header-menu .btn {background:url(/img/menu_btn_center.gif) repeat-x; float:right; height:23px; margin:0; padding:0;}
#header-menu .btn_r {background:url(/img/menu_btn_right.gif) no-repeat right; height:19px; padding:4px 10px 0 10px;}
#header-menu .btn_r a {color:white; text-decoration:none; display:block; font-weight:bold;}
#header-menu .user {float:right; height:19px; padding:4px 10px 0 10px;}

#footer {background:url(/img/footer_center.gif) repeat-x;}
#footer .l {background:url(/img/footer_left.gif) no-repeat left;}
#footer .r {background:url(/img/footer_right.gif) no-repeat right; text-align:right; height:25px; padding:15px 31px 0 0; color:#FFFFFF; font-size:8pt; font-family:tahoma, arial;}


#left-panel, #right-panel {margin:0; padding:0; float:left;}
#left-panel {width:260px; margin:0 20px 20px 0;}
#right-panel {width:100%;}



.tabs {height:25px;}
.tabs .tab {float:left; margin-right:5px; font-size:9pt; color:#3366cc; text-decoration:underline; cursor:pointer; padding:2px 7px; text-transform:lowercase;}
.tabs .tab_active {float:left; margin-right:5px; font-size:9pt; color:#333333; padding:2px 7px; background-color:#e6e6e6; text-transform:lowercase;}


.pano1 {margin:18px 0 0 20px;}
.pano1 table {width:100%;}
.pano1 table th {text-align:left; font-weight:normal; font-size:14pt; width:19px; padding:0 2px 0 2px; white-space:nowrap;}
.pano1 table td.dot {background:url(/img/dot.gif) repeat-x bottom; }
.pano1 table th span {background:#FFFFFF; }

.pano2 {margin:8px 0 2px 64px;}
.pano2 table {width:100%;}
.pano2 table th {text-align:left; font-size:12pt; width:19px; padding:0 2px 0 2px; white-space:nowrap;}
.pano2 table td.dot {background:url(/img/dot.gif) repeat-x bottom;}
.pano2 table th span {background:#FFFFFF; font-size:12pt;}

.pano3 {margin:0 0 2px 64px;}
.pano3 table {width:100%; background-color:#e6e6e6;}
.pano3 table tr {vertical-align:top;}
.pano3 table tr td {padding:1px;}
.pano3 table tr th {padding:1px; text-align:left; padding-top:3px; font-weight:normal;}
.pano3 table tr td.preview {width:55px;}
.red {color:red;}




div.radio_layer {clear:both; margin:2px 0 11px 11px; font-size:10pt; color:#333333; font-weight:bold;}
ul.radio {list-style:none; padding:0; margin:0;}
ul.radio li {float:left; margin:0 0 10px 10px;}


p.note {padding:25px 28px 10px 20px; margin:0px;}
div.error {margin:10px 28px 10px 20px; padding:0; font-size:8pt;}
div.error p {color:#FF0000; padding:5px 0 0px 0; margin:0;}
div.error a {color:#669933;}

div.field {margin:0 28px 0 20px; padding:0;}
div.field .info {color:#666666; font-size:7pt; font-family:Verdana, Arial;}
div.field .info a {color:#669933; font-size:9pt; font-family:Verdana, Arial;}
div.field table {margin-top:7px; width:100%;}
div.field table tr {height:22px;}
div.field table tr td {padding:0; font-size:9pt;/* border:#CCCCCC 1px solid;*/}
div.field table tr td.f-name {width:200px;}
div.field table tr td.error {width:200px; color:#FF0000;}
div.field table tr td .s-error {margin-left:10px; color:#FF0000; font-size:8pt;}
div.field table tr td .text-l {background:url(/img/input-left.gif) no-repeat top left; height:21px; padding:0 0 0 10px; margin:0px;}
div.field table tr td .text-r {background:url(/img/input-right.gif) no-repeat top right; height:21px; padding:0 10px 0 0; margin:0px;}
div.field table tr td .text-c {background:url(/img/input-center.gif) repeat-x; height:21px; padding:0px; margin:0px;}
div.field table tr td .text-c input {border:none; width:305px; background:none; font-size:8pt; padding-top:2px;}
div.field table tr td.okay {width:23px; padding:0; margin:0; background:url(/img/okay.gif) no-repeat center;}
div.field table tr td.waiting {width:23px; padding:0; margin:0;}


.btn {white-space:nowrap; text-align:center; margin:10px 0 0 10px;}
.btn .center {background:url(/img/btn-center.gif) repeat-x top; height:24px;}
.btn .l {background:url(/img/btn-left.gif) no-repeat left; height:24px;}
.btn .r {background:url(/img/btn-right.gif) no-repeat right; display:block; height:24px; color:#333333; text-decoration:none; font-size:9pt; font-weight:bold; color:#FFFFFF;}
.btn .r:hover {text-decoration:underline;}


img.help {cursor:help;}


#left-panel ul {margin:10px 0 20px 10px; padding:0; list-style:none;}
#left-panel ul li {width:220px; height:26px; margin-bottom:5px;}
#left-panel ul li a {display:block; background:url(/img/menu_left_btn.gif) no-repeat; padding:6px 10px 6px 10px; font-size:8pt; text-decoration:none; font-weight:bold; color:#fff;}
#left-panel ul li.sub a {background-image:url(/img/menu-sub-default.gif);}
#left-panel ul li.current a {background-image:url(/img/menu_left_btn_active.gif);}
#left-panel p {color:#fff; padding:0; margin:8px; font-size:9pt; font-weight:bold;}


.tip {background-color:#fcfcfc; width:260px; position:absolute; z-index:2; border:#666666 1px solid; padding:0 10px 8px 10px; color:#333333; -moz-border-radius:5px;}
.tip p {padding:8px 0 0 0; margin:0 0 0 0;}


.left {float:left;}
.right {float:right;}
.clear {clear:both;}



.header-fix {height:21px; width:auto; z-index:1; display:block; bottom:-1px; position:relative;}
.header-fix .header {background:url(/img/header-center.gif) repeat-x bottom; background-color:#FFFFFF; height:21px; float:left;}
.header-fix .header .l {background:url(/img/header-left.gif) no-repeat left bottom; height:21px; float:left;}
.header-fix .header .r {background:url(/img/header-right.gif) no-repeat right bottom; height:12px; padding:9px 20px 0px 20px; font-weight:bold; float:left; color:#333333; font-size:10pt;}


.corners {border:1px solid #C8C8C9; padding:0; margin:0;}
.corners .tl, .corners .no-tl, .corners .tr, .corners .br, .corners .bl, .corners .c, .corners .legend {position:relative; z-index:1; display:block; background-repeat:no-repeat;}

.corners .tl, .corners .no-tl {background-position:left top; bottom:1px; right:1px; width:100%;}
.corners .tr {background-position:right top; left:2px; width:100%;}
.corners .br {background-position:right bottom; top:2px; width:100%;}
.corners .bl {background-position:left bottom; right:2px; width:100%;}
.corners .c {left:0px; top:0px; margin-right:0px; width:100%;}

.rounded-border {margin:0;}
.rounded-border .corners {background:#ffffff; //height:100%;}
.rounded-border .corners .tl {background-image:url(/img/rb-top-left.gif);}
.rounded-border .corners .tr {background-image:url(/img/rb-top-right.gif);}
.rounded-border .corners .br {background-image:url(/img/rb-bottom-right.gif); border:#C8C8C9 0px solid;}
.rounded-border .corners .bl {background-image:url(/img/rb-bottom-left.gif);}
.rounded-border .corners .content {padding:0 0 10px 0; line-height:17px; color:#333333; width:100%;}


.rounded-border .legend {font-size:8pt; top:-0.8em; left:10px; padding-left:5px; padding-right:5px; background-color:#FFFFFF; float:left; color:#636363;}


h3 {color:#333333; font-size:10pt; font-weight:bold; margin:0; padding:10px 25px 10px 25px;}
h2 {font-size:10pt; margin:0; padding:20px 0 0 20px; font-weight:bold;}
.layer-info {margin:2px 15px;}
.layer-info-gray {margin:2px 15px; color:#CCCCCC;}


.buttons {}
.buttons .btn {white-space:nowrap; text-align:center; margin:10px 0 0 10px;}
.buttons .btn .center {background:url(/img/btn-center.gif) repeat-x top; height:24px;}
.buttons .btn .l {background:url(/img/btn-left.gif) no-repeat left; height:24px;}
.buttons .btn .r {background:url(/img/btn-right.gif) no-repeat right; display:block; height:20px; color:#fff; text-decoration:none; font-size:9pt; font-weight:bold; padding:4px 13px 0 13px;}


/* { border:#00FFCC 1px solid;}*/

.buttons .btn-disabled {white-space:nowrap; text-align:center; margin:10px 0 0 10px;}
.buttons .btn-disabled .center {background:url(/img/btn-center-disabled.gif) repeat-x top; height:24px;}
.buttons .btn-disabled .l {background:url(/img/btn-left-disabled.gif) no-repeat left; height:24px;}
.buttons .btn-disabled .r {background:url(/img/btn-right-disabled.gif) no-repeat right; display:block; height:20px; color:#fff; text-decoration:none; font-size:9pt; font-weight:bold; padding:4px 13px 0 13px; cursor:default;}


.registration-step .step {font-size:16pt; margin-bottom:10px; height:25px; color:#333333;}
.registration-step .step .green {margin-left:10px; width:21px; height:25px; background:url(/img/circle-green.gif) no-repeat; text-align:center; padding:1px 3px;}
.registration-step .step .gray {margin-left:10px; width:21px; height:25px; background:url(/img/circle-gray.gif) no-repeat; text-align:center; padding:1px 3px;}


.lang-fix {width:91px; height:21px; position:relative;}
.lang-abs {background:url(/img/lang/t.gif) repeat-x #999999;}
.lang-abs .tl {background:url(/img/lang/tl.gif) top left no-repeat;}
.lang-abs .tr {background:url(/img/lang/tr.gif) top right no-repeat;}
.lang-abs .br {background:url(/img/lang/br.gif) bottom right no-repeat;}
.lang-abs .bl {background:url(/img/lang/bl.gif) bottom left no-repeat;}
.lang-abs .content {padding:3px 9px;}
.lang-abs .bl .drop-icon {background:url(/img/lang/dd-icon.gif) no-repeat; width:11px; height:11px; float:right; margin:5px 5px 0 0; cursor:pointer;}
.lang-abs ul {list-style:none; margin:0; padding:0; color:#FFFFFF;}
.lang-abs ul li {padding-bottom:2px;}
.lang-abs ul li a {color:#FFFFFF;}
.lang-abs ul.hided li {display:none;}
.lang-abs ul.hided li.drop-text {display:block; padding:0; cursor:pointer;}
