@charset "utf-8";
:link,:visited { text-decoration:none }
pre,form,body,html,fieldset,input, dl, dt{margin:0; padding:0;}
a img,:link img,:visited img {border:none;}
address {font-style:normal;}

html, body {margin:0;padding: 0;} 
body {text-align:center;height:100%;width:100%;font-family:Arial; font-size:11px;background:#b8b9ba;}

#wrapper {width:955px;text-align:left; margin:10px auto 10px auto;}
.note { float:left; width:200px; padding:0px 0px 10px 0px;}

#main {float:left; width:955px;}
#logo {float:left;padding:0px 0px 0px 24px;}	
#sioreg { float:right;padding:33px 32px 0px 0px; background:url(../media/signin-register.gif) bottom left no-repeat; height:17px; width:172px;text-align:center;}
	#sioreg a {font-size:14px; color:#28333c; }
	#sioreg a:hover { color:#4f9ad6;}
	
#header {float:left;background:url(../media/header.png) top left no-repeat; height:102px; width:907px; padding:10px 14px 0px 34px; position:relative;}
	#header .mn {float:left;}
	#header .mn  ul, #header .mn li  {margin:0; padding:0; list-style:none;}
	#header .mn li {float:left; padding:10px 0px 0px 0px;}
		#header .mn li a {float:left;color:#fefefe;padding:10px 10px 11px 10px;font-size:12px; text-transform:uppercase;}
		#header .mn li a:hover, #header .mn li .sl  {background:#529dda;}
			
#main {background:url(../media/mbk.png) top left repeat-y; padding-left:}
	#qmn {float:left;width:24px;}
	#qmn  ul, #qmn li  {margin:0; padding:0; list-style:none;}
	#qmn li, #qmn li a {float:left;}
	
	#content {float:left; width:925px; margin:5px 0px 5px 0px; }
	#content.cols { background:url(../media/contentbk.gif) top right repeat-y;}
	#content h1 {color:#28333c; font-size:16px; font-weight:normal; padding:5px 10px 5px 14px; text-align:right;}
	
#footer {float:left; width:913px;background:url(../media/footer.png) top left no-repeat; height:51px; padding:0px 12px 0px 30px; }
	#footer  ul, #footer li  {margin:0; padding:0; list-style:none;}
	#footer li {float:left;padding:15px 0px 0px 0px;}
	#footer li a {color:#fefefe; float:left; padding:3px 10px 3px 10px; border-right:1px solid #9a9a9a;}
	#footer li a:hover, #footer li .sl {background:#4c5f6e;}
	#artextension {float:right; padding:3px 0px 0px 0px;}

#register {float:left; width:885px; padding:0px 20px 0px 20px;}
	#register h2 { float:left;font-size:14px; font-weight:normal; padding:10px 0px 10px 10px; background:#539fdd; color:#fff;}
	
	#step0 {float:left; padding:10px 0px 10px 0px; width:885px;}
	#step0 div {float:left; padding:0px 40px 0px 0px;}
	#step0 .reg a { float:left;background:url(../media/regst1.png) top left no-repeat; width:195px; height:158px; font-size:12px; color:#fff; padding:80px 20px 0px 20px;}
	#step0 .reg a span { font-size:30px; width:195px; text-align:center; color:#fff; display:block; padding-bottom:67px;}
	#step0 .reg a:hover {background:url(../media/regst1_sl.png) top left no-repeat;}
	#step0 .reg a:hover span { color:#28333c;}
	
	#step0 #login { float:right;width:215px; height:218px; padding:10px 10px 10px 10px; background:url(../media/regst1_sl.png) top left no-repeat;}
	#login div {float:left; clear:both; padding-bottom:10px;}
	#login .title { font-size:16px; color:#28333c;}
	
	#login a {color:#FFF; font-size:12px;}
	#login a:hover {color:#28333c;}
	
	#login dl {float:left; width:100%;padding-top: 5px;}
	#login dt {float: left;width: 70px;text-align: left;border: none;padding-top: 3px;}
	#login dd { color: #666;margin: 0 0 0 70px;padding: 0;border: none;vertical-align: top;}
	#login dd + dd { padding-top: 5px;}
	#login label {cursor: pointer;padding: 0 5px 0 0;}
	#login dt label {text-align: left;color: #28333c;}
	#login div .submit { padding:10px 0px 27px 70px;}
	#login div .submit input { background:url(../media/submit.png) top left no-repeat; width:113px; height:22px; color:#fff;}
	#login div  input {background:url(../media/input.png) top left no-repeat; width:139px; height:20px; border:none; padding:2px 2px 2px 2px; font-size:11px;}
	
	#login  .nok { width:100%;margin:10px 0px 10px 0px; padding:10px 0px 10px 0px;font-size:12px;}
	
	#lp_frm { width:170px;}
	#lp_frm span { color:#c81c44; width:100%;}
	
	.right { float:left; width:240px;}
	
	#step1 {float:left; padding:20px 0px 20px 0px; width:885px;}
		#step1 .info {float:left;width:235px; height:158px;font-size:30px;padding:80px 0px 0px 0px; text-align:center;background:url(../media/regst1.png) top left no-repeat; color:#fff;}
	
	.form {float:left; padding:0px 10px 0px 10px; width:540px;}
	.form fieldset {float:left; clear:both; width:500px; padding:10px 20px 20px 20px; margin-bottom:20px;} 
	.form legend { font-size:14px;}
	.form dl {float:left; width:270px;padding-top: 10px;}
	.form dt {float: left;width: 130px;text-align: left;border: none;padding-top: 3px;}
	.form dd { color: #666;margin: 0 0 0 130px;padding: 0;border: none;vertical-align: top;}
	.form dd span {display:none; width:300px; }
	.form dd small { display:block; width:310px; color:#000; }
	.form dd + dd { padding-top: 5px;}
	.form dt span { padding: 0 5px 0 0;}
	.form dd input {background:url(../media/input2.png) top left no-repeat; width:306px; height:20px; border:none; padding:2px 2px 2px 2px; font-size:11px;}
	.form a { color:#2668a0; text-decoration:underline; font-size:12px;} 
	.form a:hover { text-decoration:none;}
	
	.form   ul, .form  li  {margin:0; padding:0; list-style:none;}
	
	.form .chkbx {width:auto; height:auto; background:none; padding:0;}
	.form ul {float:left; padding:0px 18px 0px 0px;}
	.form ul li label {padding:0 0 0 10px;}
	.form ul li  {float:left; clear:both; padding:4px 0px 4px 0px;}
	
	.form label {cursor: pointer;padding: 0 5px 0 0; font-size:12px;}
	.form dt label {text-align: left;color: #28333c;}
	.form dt label span {color:#fa0847;}
	.form .submit { float:left; clear:both;padding:10px 0px 47px 0px; width:100%; text-align:center;}
	.form .submit input { width:auto; padding:3px; margin-top:10px;}
	
	.form .separator {float:left; width:500px; background-color:#999999; margin:10px 0px 5px 0px; height:1px; line-height:1px;}
	.form .title {float:left; width:480px; background-color:#999999; margin:10px 0px 5px 0px; background:#dddddd; padding:5px 10px 5px 10px; text-align:right; font-size:12px;}
	.error dd input, .error dd textarea {color:#c81c44;}
	.error dd span {display:block;color:#c81c44;}
	
	.nok {clear:both;color:#FFF; width:100%; text-align:center; background:#c81c44; margin:10px 0px 10px 0px; padding:10px 0px 10px 0px;font-size:12px;}
	.ok {clear:both;width:100%; text-align:center; margin:10px 0px 20px 0px; padding:20px 0px 20px 0px; font-size:12px; }
		.ok  a {color:#3278b1; font-weight:bold;}
		.ok  a:hover {text-decoration:underline;}
	.frmdesc {font-size:12px;}
	
/*table*/
.adminlist {width: 730px;border-spacing: 1px;background:#e7e7e7;color:#666;}
.adminlist td,.adminlist th {padding: 4px;}
.adminlist thead th {text-align: center;background: #4f585f;color: #FFF;border-bottom: 1px solid #999;}
.adminlist thead a:link {color: #FFF;text-decoration: none; }
.adminlist thead a:visited {color: #FFF;text-decoration: none; }
.adminlist thead .selection a {color:#666; text-align:left;}
.adminlist thead .selection a:hover {color:#666; text-align:left;}
.adminlist thead .selection .sl {background:#ff6600; font-weight:bold; color:#FFF;}
.adminlist thead a:hover { text-decoration: none; color:#316ac5; }
.adminlist thead .asc, .adminlist thead .desc {background:#adf249;}
.adminlist thead .asc a {background:#adf249 url(../media/asc.gif) center left no-repeat;padding:0px 15px 0px 15px;}
.adminlist thead .desc a {background:#adf249 url(../media/desc.gif) center left no-repeat;padding:0px 15px 0px 15px;}
.adminlist thead .asc a, .adminlist thead .desc a {color:#4f585f;}
.adminlist thead .asc a:hover, .adminlist thead .desc a:hover {color:#88be39;}
.adminlist tbody th {font-weight: bold; }
.adminlist tbody tr {background-color: #fff;  text-align: left; }
.adminlist tbody tr.row1 {background: #f9f9f9; border-top: 1px solid #fff; }
.adminlist tbody tr.row0:hover td, .adminlist tbody tr.row1:hover td, .adminlist tbody tr.row2:hover td, .adminlist tbody tr.row3:hover td  { background-color: #fff1c7 ; }
.adminlist tbody tr td { height: 25px; background:#fff; border: 1px solid #fff; }
.adminlist tbody tr.row1 td {background:#eef6ff;border-top:1px solid #FFF;}
.adminlist tbody tr.row2 td {background:#eeeeee;border-top:1px solid #FFF;}
.adminlist tbody tr.row3 td {background:#ffe4ba;border-top:1px solid #FFF;}
.adminlist tbody tr.row4 td {background:#ccc;border-top:1px solid #FFF;}
.adminlist tfoot tr {text-align:center;color:#333;}
.adminlist tfoot td,
.adminlist tfoot th {background:#f3f3f3;border-top:1px solid #999;text-align:center;}
.adminlist td.order {text-align:center;}
.adminlist td.order span { float: left; display: block; width: 20px; text-align: center; }
.adminlist td a {color:#000;}
.adminlist td a:hover { text-decoration:underline;}.adminlist img {vertical-align:middle;} 
.adminlist.sortable thead th a {color:#92dfff; font-size:14px; font-weight:normal;}.adminlist.sortable thead .asc, .adminlist.sortable thead .desc {background:#529dda;}.adminlist.sortable thead .asc a {background:#529dda url('../media/asc.png') center left no-repeat;color:#FFF;}.adminlist.sortable thead .desc a{background:#529dda url('../media/desc.png') center left no-repeat;color:#FFF;}
#toolbar_holder {width:730px; margin-bottom:10px; border:1px solid #cdcdcd;}
.toolbar   {border-collapse: collapse;padding:0;margin:0;}
.toolbar td {padding: 1px 1px 1px 4px; text-align: center; color: #666;background-color:#fbfbfb; border:none; vertical-align:top;}
.toolbar td.spacer  { width: 10px; }
.toolbar td.divider { border-right: 1px solid #eee; width: 5px; }
.toolbar div {float: none; width: 32px; height: auto; margin: 0 auto; }
.toolbar a {float:left;border: 1px solid #fbfbfb;padding: 1px 5px;cursor: pointer;background-color:#fbfbfb;width:40px; height:auto; text-align:center; color:#000; font-weight:bold;}
.toolbar a:hover {border: 1px solid #cdcdcd;text-decoration: none;color: #0B55C4;background-color:#FFF; text-decoration:underline;}
.toolbar a div {background-position:0px 0px; background-repeat:no-repeat;}
.toolbar a:hover div {background-position:0px -32px;}
.toolbar h2 {text-align:left; padding-left:10px;}

#adm {padding:20px 0px 20px 0px;}

#lmenu {padding:0px 5px 10px 5px; border-right:1px solid #ccc; width:170px;}
#lmenu ul {padding:0px; margin:0px; float:left;}
#lmenu ul li { list-style:none; font-size:12px; font-weight:normal; margin:0; padding:0; float:left; width:170px;}
#lmenu a {color:#5072bf; float:left; width:160px; padding:5px 5px 5px 5px; background:#CCC; border-bottom:1px solid #fff; color:#333;}
#lmenu a:hover,#lmenu .sl {color:#FFF; background:#88b31d;}
#lmenu ul li.title {padding:10px 0px 10px 0px;font-style:italic; font-size:14px;}

#breadcrumb { float:left; width:915px; background:#9ea3a7; padding:2px 0px 2px 10px; color:#fff; margin:0px 0px 0px 0px; font-size:14px; border-bottom:5px solid #FFF;}
	#breadcrumb a { color:#fff;}
	#breadcrumb a:hover { color:#28333c;}
	#breadcrumb  ul, #breadcrumb li  {margin:0; padding:0; list-style:none;}
	#breadcrumb ul li {float:left; padding:5px 15px 5px 15px; background:url(../media/bcsp.png) top right no-repeat;}
	
	#breadcrumb ul li h1 { margin:0; padding:0; color:#fff; font-size:14px;}

#collft {float:left; width:605px; padding:10px 10px 10px 10px;}
	#collft a {color:#5072bf;}
	#collft a:hover {color:#28333c;}
	#collft h1 {font-size:24px; color:#28333c;}
#collrg	{float:left; width:280px;padding:10px 10px 10px 10px;}
	#collrg h2 {font-size:16px; color:#28333c;}

#collft .category {float:left; width:100%; padding:5px 0px 5px 0px; border:1px solid #ccc; margin:10px 0px 10px 0px;}
#collft .category li { float:left; padding:0px 10px 0px 10px;}
	#collft .category li a { color:#253038; font-size:14px;}
	#collft .category li a:hover, #collft .category li .sl { color:#1376c7;}

.ltsart {float:left; width:605px; height:auto; padding:5px 0px 5px 0px;}
.line {border-bottom:2px solid #d2d2d2; margin-bottom:10px; padding-bottom:15px;}
	.ltsart .dt { float:left; width:25px; text-align:center; color:#FFF;border:1px solid #253038;background:#253038; margin:0px 10px 0px 10px;}
	.ltsart .dt span { float:left; width:100%; background:#FFF; color:#253038;}
	.ltsart div {float:left; width:558px;} 
	.ltsart div a { color:#1376c7;}
	.ltsart div a:hover { color:#253038;}

.allart {float:left; width:302px; height:auto; padding:5px 0px 5px 0px;}
	.allart .dt { float:left; width:25px; text-align:center; color:#FFF;border:1px solid #253038;background:#253038; margin:0px 10px 0px 10px;}
	.allart .dt span { float:left; width:100%; background:#FFF; color:#253038;}
	.allart div {float:left; width:255px;} 
	.allart div a { color:#1376c7;}
	.allart div a:hover { color:#253038;}

.rallart {float:left; width:292px; height:auto; padding:5px 0px 5px 0px;}
	.rallart .dt { float:left; width:25px; text-align:center; color:#FFF;border:1px solid #253038;background:#253038; margin:0px 10px 0px 10px;}
	.rallart .dt span { float:left; width:100%; background:#FFF; color:#253038;}
	.rallart div {float:left; width:245px;} 
	.rallart div a { color:#1376c7;}
	.rallart div a:hover { color:#253038;}
.rcompany { height:auto; padding:5px 0px 5px 0px; border-bottom:1px solid #d2d2d2;}
	.rcompany a { color:#253038;}
	.rcompany a:hover { color:#1376c7;}
	.rcompany .title {font-size:16px;color:#1376c7;}
	.rcompany .prf { font-size:11px;color:#1376c7;}
	.rcompany .prf:hover { color:#253038;}

.pg { float:left; width:100%; padding:10px 0px 10px 0px;}
	.pg li {float:left; border-right:1px solid #d2d2d2;}
	.pg li .on {padding:0px 5px 0px 5px;background:#1376c7; color:#fff;}
	.pg li a { font-size:12px; color:#253038;padding:0px 5px 0px 5px;}
	.pg li a:hover, .pg li a.sl { background:#1376c7; color:#fff;}

#collft .country { float:left; width:100%;padding:10px 0px 10px 0px;}
	#collft .country li {float:left; width:100px; height:auto; padding:5px 5px 5px 5px;}
		#collft .country li a { font-size:12px; color:#253038;}
		#collft .country li a:hover, #collft .country li .sl { color:#1376c7;}

#payment {width:360px;}
#payment p { color:#003c7b;}

#overview {float:left; width:500px; height:200px; overflow:auto;}
#agreement {width:auto; margin:0; padding:0;}
#agreement_container label {padding-left:10px;}
.form .divcnt span {display:none;}
.form .divcnt .error span {display:block;color:#c81c44;}
#agreement_container, #agreement_container label, #agreement_container input {line-height:20px; float:left;}

.rightcol {float:right; width:116px; line-height:18px; padding:0px 5px 0px 5px; text-align:center;}
.rightcol .box { line-height:20px; padding-bottom:10px;}
.rightcol .box select {width:100%;}
.rightcol .box select optgroup, .rightcol .box select  option  {margin:0; padding:0;}
.rightcol .box select  option  { padding-left:5px;}
.rightcol .box label {font-size:12px; font-weight:bold;}

#inner {float:left; width:650px; padding:0px 10px;}
.adminlist.small {width:650px;}
.more, .adminlist a.more {float:right; font-size:14px;text-decoration:underline; color:#FFF; background:#529dda; border:1px solid #FFF;text-decoration:none; padding: 5px; margin-top:10px;}
.more:hover {text-decoration:none;}
.clearfix {clear:both;}

.adminlist.small tr td a {text-decoration:none;}
.adminlist.small tr td a:hover {text-decoration:underline;}
.adminlist tr.big td {font-size:14px;}

.country {float:left;  margin:0; padding:0px 10px 0px 0px;width:200px;}
.country li {float:left; margin:0; padding:0;width:200px; list-style:none; line-height:18px;}

.country li a {text-decoration:underline; color:#000;}
.country li a:hover {text-decoration:none;}

.innermn {margin:0; padding:0;}
.innermn li {margin:0; padding:0; list-style:none;}
.innermn a {color:#5072bf; float:left; width:160px; padding:5px 5px 5px 5px; background:#CCC; border-bottom:1px solid #fff; color:#333;}
.innermn a:hover,.innermn .sl {color:#FFF; background:#88b31d;}.pg.pagination { margin:0;padding:0;list-style:none;}.pg.pagination  li { margin:0 0 10px 0;}.pg.pagination.btm  li { margin:10px 0 10px 0;}