@charset "UTF-8";

body {
	background-color: #ccc;
}
#header {
	background: #ccc url(../images/bg_promo_header.gif) center top no-repeat;
}
.promo-top {
	height: 94px!important;
	background: #ccc url(../images/bg_promo_header.gif) center -20px no-repeat!important;
}
#copyright {
	background: #ccc url(../images/bg_promo_footer.gif) bottom center no-repeat;
}
#promotion {
	width: 1006px;
	margin: 0 auto;
	background: url(../images/bg_promo_body.gif) top left repeat-y;
	color: #fff;
	font-size: 110%;
}
#promotion h2 {
	margin-bottom: 20px;
}
#promotion a:link,
#promotion a:visited {
	color: #fc0;
}
#promotion a:hover {
	color: #fe0;
}
#promotion strong {
	color: #fff;
	font-weight: bold;
}
#promotion #topicpath {
	background: url(../images/bg_promo_head.gif) top left no-repeat;
	padding: 20px 20px 0;
	font-size: 90%;
	color: #fff;
}
#promotion #body-footer {
	clear: both;
}
#promotion #promo-topicpath-foot {
	position: absolute;
	margin-top: 5px;;
	margin-left: 23px;
	font-size: 90%;
}
#promotion #body-footer .anchor {
	margin: 10px 23px 10px 0; 
}
#promotion #sublink {
	width: 1006px;
	height: 46px;
	background: url(../images/bg_promo_bodyfoot.gif) bottom left no-repeat;
	text-align: center;
}
#promotion #sublink p {
	padding-top: 10px;
}
#promotion #sublink a:link,
#promotion #sublink a:visited,
#promotion #body-footer .anchor a:link,
#promotion #body-footer .anchor a:visited {
	color: #fff;
}
#promotion #sublink a:hover,
#promotion #body-footer .anchor a:hover, {
	color: #fa0;
}
#promo-words {
	width: 960px;
	margin: 10px auto 0;
	color: #333;
	font-size: 80%;
}


#promo-main {
	width: 720px;
	margin: 20px 0 0 23px;
	float: left;
	display: inline;
}
#promo-main .section {
	margin-bottom: 40px;
	clear: both;
}
#promo-main .section h2,
#promo-main .section h3,
#promo-main .section h4 {
	margin-bottom: 20px;
}
#promo-main .section p,
#promo-main .section dl {
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 1.5;
}
#promo-main .section dt {
	margin-bottom: 5px;
}
#promo-main .section dd {
	margin-left: 40px;
	margin-bottom: 20px;
}
#promo-main .section table {
	margin-left: 10px;
	margin-bottom: 20px;
	_margin-bottom: 0;
}
#promo-main .section ul {
	margin: 10px 10px 20px 20px;
}
#promo-main .section li {
	padding-left: 20px;
	margin-bottom: 3px;
	background: url(../images/bg_bullet.gif) top left no-repeat;
}
#promo-main .section ul.example {
	margin-left: 0;
	margin-right: 0;
}
#promo-main .section ul.example li.blockleft {
	margin: 0 10px 20px;
	padding: 0;
	background: none;
}
#promo-main .section .go {
	clear: both;
	text-align: right;
}
#promo-main .section .attention {
	margin: 20px 0 10px 10px;
}
#promo-main .section .attention h4 {
	margin-bottom: 10px;
}
#promo-main .section .attention ul {
	margin: 10px 10px 10px 20px;
}
#promo-main .section li {
	padding-left: 20px;
	margin-bottom: 3px;
	background: url(../images/bg_bullet.gif) top left no-repeat;
}
#promo-main .section .blockleft,
#promo-main .section .blockright {
	/*margin-bottom: 20px;*/
}
#promo-main .section .text {
	width: 400px;
}
#promo-main .section .subbox {
	margin: 10px;
	padding: 15px 0 20px;
	border: 1px solid #F89F00;
	background-color: #333;
}
#promo-main .section .subbox .blockleft {
	width: 320px;
	margin-left: 20px;
}
#promo-main .section .subbox .blockright {
	width: 320px;
	margin-right: 20px;
}

/*------------------------USER SUMMERY---------*/
#promo-main .section .user .blockleft a {
	display: block;
	width: 120px;
	height: 180px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 85%;
	line-height: 1.5;
	text-decoration: none;
	color: #000;
}
#promo-main .section .user .blockleft a:link,
#promo-main .section .user .blockleft a:visited {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
	background: url(../images/bg_howto_face.gif) bottom left no-repeat;
}
#promo-main .section .user .blockleft a:hover {
	background: url(../images/bg_howto_face.gif) top left no-repeat;
}
#promo-main .section .user .blockleft a img {
	margin-bottom: 10px;
}
#promo-main .section .user .blockright {
	width: 540px;
	margin-right: 10px;
	margin-bottom: 20px;
}
#promo-main .section .user .blockright h4 {
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 120%;
}
#promo-main .section .user .blockright .summery {
	background: url(../images/bg_howto_text.gif) top left no-repeat;
}
#promo-main .section .user .blockright .summery p {
	padding: 10px 20px 0;
}
#promo-main .section .user .blockright .summery p a:link,
#promo-main .section .user .blockright .summery p a:visited {
	color: #fff;
	text-decoration: none;
}
#promo-main .section .user .blockright .summery p a:hover {
	text-decoration: underline;
}
#promo-main .section .user .blockright .summery p.readmore {
	padding: 0;
	background: url(../images/bg_howto_text_foot.gif) bottom left no-repeat;
	text-align: right;
}
#promo-main .section .user .blockright .summery p.readmore img {
	margin: 0 10px 10px;
}

/*------------------------FORM---------*/
#promo-main .check {
	border: 2px solid #FBAB01;
	padding: 5px 10px;
	margin: 10px;
	font-size: 85%;
	font-weight: bold;
	color: #FBAB01;
}
#promo-main .check p {
	margin: 0;
	line-height: 1.5;
}
#promo-main .section form {
}
#promo-main .section form h2 {
	margin: 20px 0 5px 10px;
}
#promo-main .section form td p {
	margin: 4px 0 0 0;
	line-height: 1.2;
}
#promo-main .section form table {
	width: 700px;
	border-collapse: collapse;
	border: 0;
	font-size: 85%;
}
#promo-main .section form table tr {
}
#promo-main .section form table th {
	width: 13em;
	vertical-align: middle;
	padding: 10px;
	border-right: 1px solid #000;
	background-color: #2F2F2F;
	border-bottom: 1px solid #444;
	color: #fff;
}
#promo-main .section form table th .need {
	color: #FBAB01;
}
#promo-main .section form table td {
	vertical-align: middle;
	padding: 10px 20px;
	background-color: #222;
	border-bottom: 1px solid #444;
	color: #fff;
}
#promo-main .section form td ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#promo-main .section form td li {
	display: inline;
	margin: 0 20px 0 0;
	padding: 0;
	background-image: none;
}
#promo-main .section form td.openstatus {
	padding: 0;
	width: 64px;
	text-align: center;
}
#promo-main .section form .note {
	font-size: 100%;
	color: #aaa;
}
#promo-main .section form .form-status {
	display: inline;
	padding-left: 5px;
}
#promo-main .section form .form-status .warning {
	color: #FBAB01;
}
#promo-main .section form .form-status .ok {
	color: #66CCFF;
}

/*------------------------USERS---------*/
#promo-main .users {
	background-color: #fff;
	margin-bottom: 40px;
	color: #000;
}
#promo-main .users h2,
#promo-main .users h3 {
	margin-bottom: 20px;
}
#promo-main .users p {
	line-height: 1.8;
}
#promo-main .users p.company {
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: right;
	line-height: 1;
}
#promo-main .users p.personal {
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: right;
	font-weight: bold;
	line-height: 1;
}

#promo-main .users .text {
	width: 350px;
	margin: 20px;
}
#promo-main .users .text dl.point {
	border: 1px solid #FBAB01;
}
#promo-main .users .text dl.point dt {
	background-color: #FBAB01;
}
#promo-main .users .text dl.point dd {
	padding: 10px 10px 5px;
	font-weight: bold;
}
#promo-main .users .text dl.point .point1,
#promo-main .users .text dl.point .point2,
#promo-main .users .text dl.point .point3 {
	min-height: 20px;
	_height: 20px;
	padding-left: 30px;
	margin-bottom: 5px;
}
#promo-main .users .text dl.point .point1 {
	background: url(../images/img_users_point1.gif) top left no-repeat;
}
#promo-main .users .text dl.point .point2 {
	background: url(../images/img_users_point2.gif) top left no-repeat;
}
#promo-main .users .text dl.point .point3 {
	background: url(../images/img_users_point3.gif) top left no-repeat;
}
#promo-main .usersinfo {
	width: 500px;
	margin: -10px 0 40px;
	padding: 10px;
	border: 1px solid #666;
	background-color: #333;
}
#promo-main .usersinfo .blockleft {
	padding-right: 10px;
}
#promo-main .usersinfo table {
	margin-left: 10px;
}
#promo-main .usersinfo th {
	padding-right: 10px;
	padding-bottom: 5px;
	vertical-align: top;
	white-space: nowrap;
	text-align: right;
	font-size: 100%;
}
#promo-main .flow {
	margin: 10px;
	padding: 20px;
	border: 1px solid #F89F00;
	background-color: #333;
}
#promo-main .flow h3 {
	margin-bottom: 20px;
}
#promo-main .flow p {
	margin-left: 0;
}
#promo-main .flow .blockleft {
	width: 410px;
}
#promo-main .flow .blockleft,
#promo-main .flow .blockright {
	margin-bottom: 0;
}

#promo-main #action {
	text-align: center;
	margin: 10px auto 40px;
}

#promo-main table.price,
#promo-main table.normal {
	width: 700px;
	border-collapse: collapse;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	margin: 10px auto 20px;
}
#promo-main .price td, 
#promo-main .price th,
#promo-main .normal td, 
#promo-main .normal th {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#promo-main .price th, 
#promo-main .normal th {
	padding: 8px 20px;
	background-color: #333;
	text-align: center;
	line-height:1.4
	white-space: nowrap;
}
#promo-main .price th a, 
#promo-main .normal th a {
	color: #fff;
}
#promo-main .price th.left {
	text-align: left;
	background-color: #444;
}
#promo-main .price td,
#promo-main .normal td {
	text-align: center;
	color: #000;
	padding: 8px 20px;
}
#promo-main .price td.empty {
	border: 0;
	background-color: #000;
}
#promo-main .price td.middle {
	text-align: right;
}
#promo-main .price tr,
#promo-main .normal tr {
	background-color: #fff;
}
#promo-main .price .odd,
#promo-main .normal .odd {
	background-color: #eee;
}
#promo-main .price th.free {
	background-color: #ccc;
	color: #000;
}
#promo-main .price th.pro {
	background-color: #fc0;
	color: #000;
}
#promo-main .price td.pro {
	font-size: 150%;
	font-weight: bold;
	color: #f30;
	background-color:#FFC;
	padding: 8px 10px;
}
#promo-main .price td.pro a {
	color: #f30;
}
#promo-main .price .odd td.pro {
	font-weight: bold;
	color: #f30;
	background-color:#FF9;
}
#promo-main table.normal {
	width: 700px;
	border-collapse: collapse;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	margin: 10px auto 20px;
}
#promo-main .normal th {
	width: 8em;
}
#promo-main .normal td {
	text-align:left;
	padding: 8px 20px;
}
#promo-main .normal a {
	color: #0033CC;
}
#promo-main .note {
	font-size: 80%;
}
#promo-main .center {
	text-align: center;
}

/*------------------------NAVI---------*/
#promo-navi {
	width: 215px;
	margin: 20px 23px 0 0;
	float: right;
	display: inline;
}
#promo-navi h3 {
	margin-top: 20px;
}
#promo-navi p {
	margin-bottom: 10px;
}
#promo-navi ul {
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: url(../images/bg_navi_foot.gif) bottom left no-repeat;
}
#promo-navi li {
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	background-color: #333;
}
#promo-navi li a:link,
#promo-navi li a:visited {
	display: block;
	padding: 5px;
	_padding: 9px 5px;
	color: #fff;
	text-decoration: none;
	background-color: #333;
}
#promo-navi li a:hover {
	text-decoration: none;
	background-color: #555;
}

#top-banner {
	text-align: center;	
}


ul.marker,
ol.marker {
	display: block;
	margin: 0 0 2em 0;
	padding: 0 0 0 3.5em;
}

ul.marker li,
ol.marker li {
	display: block;
	margin: 0 0 1em 0;
	position: relative;
}

ul.marker li span.marker,
ol.marker li span.marker {
	font-weight: bold;
	margin: 0 0 0 0;
	text-align: right;
	width: 3.5em;
	position: absolute;
	top: 0;
	left: -4em;
}
.rollover {
}
.anchor {
	text-align: right;
}
.dotline {
	padding-top: 20px;
	background: url(../images/bg_dotline.gif) top left repeat-x;
}
.blockleft {
	float: left;
	display: inline;
}
.blockright {
	float: right;
	display: inline;
}
#read .frame {
	background: #ffffff;
	border: 1px solid #cccccc;
	border-top-color: #aaaaaa;
	border-right-color: #cccccc;
	padding: 1em;
	margin-left: 10px;
	margin-bottom: 20px;
	width: 700px;
	height: 6em;
	overflow: auto;
	position: relative;
	font-size: 85%;
	color: #000;
}
#read .frame h3 {
	padding: 0;
	border: 0 none;
	background: none;
}
#read .frame ul {
	margin: 0 0 1em 0;
	padding: 0;
}

#read .frame li {
	padding: 0;
	margin: 0 0 0.5em 0;
	background: none;
}

#read .frame ul.disc {
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
}

#read .frame ul.disc li {
	margin: 0 0 0.5em 0;
	list-style: disc inside;
}
#read .frame ul.marker,
#read .frame ol.marker {
	margin: 0 0 2em 0;
	padding: 0 0 0 3.5em;
}

#read .frame ul.marker li,
#read .frame ol.marker li {
	margin: 0 0 1em 0;
	position: relative;
}

#read .frame ul.marker li span.marker,
#read .frame ol.marker li span.marker {
	font-weight: bold;
	margin: 0 0 0 0;
	text-align: right;
	width: 3.5em;
	position: absolute;
	top: 0;
	left: -4em;
}