@charset "utf-8";

body {
	padding: 0;
	margin: 0;
	background: #e3e3e3;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #111;
}

form {
	padding: 0;
	margin: 0;
}

table {
	margin: 0px;
}

td {
	height: 22px;
}

td.article {
	background: url(../img/bg-table.gif);	
	height: 26px;
}

input, select, textarea {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #111;
}
input.error,select.error { border:red 1px solid; }
.ename_hint { color:red; font-size:80%; }

ul, li {
	padding: 0;
	margin: 0;
	list-style: none;
}

a.grey {
	color: #6f6f6f;
	text-decoration: none;
}

a {
	color: #a50000;
	text-decoration: none;
}

a.blue {
	color: #a50000;
	text-decoration: none;
}

a.blue2 {
	color: #000;
	text-decoration: none;
}

a.black {
	color: #111;
	text-decoration: none;
}

a.blueb {
	color: #a50000;
	text-decoration: none;
	font-weight: bold;
}


a.greydark {
	color: #3b3b3b;
	text-decoration: none;
}

a.greylight {
	color: #666;
	font-weight: bold;
	text-decoration: underline;
}

a:hover, a.blue:hover, a.grey:hover, a.greydark:hover, a.blueb:hover, a.black:hover{
	text-decoration: underline;
}

h3 {
	font-size: 12px;
	margin: 0;
	padding-bottom: 14px;
	color: #3d3d3d;
}

.page-wrapper { width: 1300px; margin-left: auto; margin-right: auto; text-align: center; }

h1.headone {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #a50000;
	line-height: 19px;
	margin: 0; 
	padding-top: 0;
	padding-bottom: 8px;
}

h1.articletitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 19px;
	color: #111;
	margin: 0; 
	padding-top: 10px;
	padding-bottom: 8px;
}

h1.headstart {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #a50000;
	line-height: 19px;
	margin: 0; 
	padding-top: 0;
	padding-bottom: 2px;
}


h1.headbig {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	color: #a50000;
	line-height: 19px;
	margin: 0; 
	padding-top: 15px;
	padding-bottom: 8px;
}

.light {
	font-family: "Times New Roman", Times, serif;
	font-size: 21px;
	color: #888;
	font-weight: normal;
	line-height: 19px;
	margin: 0; 
	padding-top: 0;
	padding-bottom: 14px;
}

h1.hl1 {
	font-size: 14px;
	color: #111;
	font-weight: bold;
	margin: 0; 
	padding-top: 0;
	padding-bottom: 14px;
}

h2.hl2 {
	font-size: 12px;
	color: #111;
	font-weight: bold;
	margin: 0; 
	padding-top: 0;
	padding-bottom: 14px;
}


.top {
	width: 1040px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background: url('../img/bg-top.gif'); 
 }

.wrapper {
	width: 1040px;
	margin-left: auto;
	margin-right: auto;
}

.background {
	width: 1011px;
	padding-left: 29px;
	background: url('../img/bg-site.gif');
	float: left;
}

.header {
	width: 983px;
	height: 133px;
	background: url('../img/bg-header.png');
	font-size: 11px;
	text-align: left;
	float: left;
}

.start {
	padding-left: 30px;
	padding-top: 4px;
	width: 250px;
	float: left;
	color: #6f6f6f;
	
}

.portals {
	width: 555px;
	padding-top: 4px;
	float: left;
	color: #6f6f6f;
}

.login {

	padding-top: 4px;
	color: #a50000;
	font-weight: bold;
}

.logo {
	padding-left: 23px;
	padding-top: 27px;
	float: left;
}

.navigation {
	float: left;	
	width: 530px;
}




.main {
	width: 520px;
	height: 21px;
	float: left;
	margin-top: 38px;
	margin-left: 20px;
	padding-top: 14px;
}


.navmain {
	padding-top: 4px;
	padding-bottom: 3px;
	font-weight: bold;
	display: inline;
	padding-right: 18px;
	margin-left: 10px;
	font-size: 12px;
	z-index: 500;
	background-image: url(/shared/templates/img/ql.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
}



#nav li ul { /* second-level lists */
	list-style: none;
	position: absolute;
	z-index: 500;
	width: 120px;
	margin-top: 2px;
	left: -999em;
}




#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.men {
	position: relative;
	left: -20px;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
	font-size: 11px;
	width: 120px;
	z-index: 500;
	background: url(/shared/templates/img/arrow-navi.png) no-repeat #fff 14px 4px;
	border-bottom: 1px solid #f5f5f5;
	
}

.men:hover {
	position: relative;
	left: -20px;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	text-align: left;
	background: url(/shared/templates/img/arrow-navi.png) no-repeat #f6f6f6 18px 4px;
}


.men a:hover {
	text-decoration: none;	
	font-weight: bold;
}




#content {
	clear: left;
	color: #ccc;
}



.search {
	float: left;
	margin-top: 50px;
	margin-left: 27px;
	width: 190px;
}

.fsearch {
	width: 119px;
	border: 1px solid #9d9d9d;
	font-size: 11px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 4px;
	position: relative;
	top: -5px;
	background: url(../img/form-search.png) no-repeat;
}

.content {
	float: left;
	padding-top: 0px;
	padding-left: 30px;
	width: 666px;
	text-align: left;
	line-height: 17px;
	z-index: 1;
}

.content_full {
    float:none;
    width:auto;
    padding-right: 30px;
    margin-right: 30px;
}


.addcontent {
	width: 252px;
	padding-left: 30px;
	background: url(../img/bg-seper.png) no-repeat;
	float: left;
	text-align: left;
	font-size: 11px;
	z-index: 1;
}

.footer {
	text-align: center;
	width: 925px;
	float: left;
	padding-top: 15px;
	padding-bottom: 80px;
	margin-left: 0px;
	position: relative;
	left: 30px;
	margin-top: 40px;
	border-top: 4px solid #f2f2f2;
	font-size: 11px;
}

.sig {
	display: inline;
	padding-left: 13px;
	padding-right: 13px;
	font-weight: bold;
}

.booktext {
	width: 140px;
	float: left;
	position: relative;
	left: 200px;
	padding-top: 35px;
	font-size: 10px;
	font-weight: bold;
	color: 555;

}

.booklinks {
	padding-top: 30px;
	text-align: left;
	width: 580px;
	float: right;
}

.bookitem {
	display: inline;
	padding-left: 0;
	padding-right: 10px;	
}

.imp {
	width: 940px;
	color: #888;
	float: left;
	margin-top: 40px;
	font-size: 11px;
}

.sleft {
	width: 320px;
	float: left;
	z-index: 1;
}

.sright {
	width: 320px;
	float: left;
	margin-left: 20px;
	margin-top: -5px;
	
}

.greybox {
	background: #f4f4f4;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
}

.rubrik {
	color: #838383;
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: 10px;
}

.rubrik2 {
	font-weight: bold;
	padding-bottom: 8px;
}

.arrowlink {
	background: url(../img/icon-arrow.gif) no-repeat 1px 2px;
	padding-left: 20px;
}

.arrowgrey {
	background: url(../img/icon-grey.gif) no-repeat 0px 5px;
	padding-left: 15px;
	font-weight: bold;
}

.che2 {
	padding-left: 20px;
	padding-bottom: 10px;
	background-image: url('/shared/templates/img/icons-silk/accept.png');
	background-position: 0px 1px; 
	background-repeat: no-repeat;
}


.liline {
	background-image: url(../img/bg-dots.gif);
	height: 19px;
	font-weight: bold;
	font-family:"Times New Roman", Times, serif;
	padding-top: 2px;
	font-size: 14px;
	padding-left: 16px;
}

.keybox {
	width: 311px;
	font-size: 11px;
	background: #e7e7e7;
	padding: 3px;
	margin-bottom: 7px;
	margin-top: 0px;
	clear: both;
}

.key {
	vertical-align: text-bottom;
}

.newline {
	float: left;
	clear: both;
	padding-top: 20px;
}

.seper {
	width: 674px;
	height: 40px;
	margin-top: 20px;
	background: url(../img/bg-seper2.png) no-repeat;
	float: left;
}

.seper3 {
	border-top: 6px solid #f2f2f2;
	width: 227px;
	margin-top: 20px;
	padding-top: 20px;
	padding-left: 8px;
	float: left;
}

.ad {
	font-size: 10px;
	color: #999;
}

.newstop {
	padding-bottom: 12px;
	list-style-type: decimal;
	color: #a50000;
}

.rdtop {
	padding-bottom: 12px;
	color: #a50000;
}

.useline {
	background: url(../img/bg-seper3.png) no-repeat;
	padding-top: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	float: left;
	width: 218px;
}

.useleft {
	float: left;
	background: url(../img/icon-plus2.gif) no-repeat 0px 1px;
	padding-left: 15px;
	width: 77px;
}

.useright {
	background: url(../img/icon-plus2.gif) no-repeat 0px 1px;
	padding-left: 15px;
	float: left;
	width: 110px;
}


.newsdate {
	font-size: 11px;
	color: #333;
	font-style:italic;
	padding-top: 6px;
}

.chart {
	padding-top: 20px;
	padding-bottom: 20px;
}

.teaser {
	padding-bottom: 20px;	
}

.ad-business-home {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	color: #888;
	font-size: 10px;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 25px;
}

.miniimage {
	float: right;
	margin-right: 4px;
	margin-left: 10px;	
}

.boxstart {
	background: #f3f3f3 url(../img/bg-boxstart.gif) no-repeat;	
	padding-top: 65px;
	padding-left: 7px;
	padding-right: 7px;
}

.stellen {
	background-color: #f3f3f3;
	position: relative;
	left: -7px;
	padding-left: 7px;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-right: 0px;
}

.ad_home {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 10px;
	color: #999;
}

.hide {
	visibility: hidden;
	position: absolute;
	top: -400px;
}
.hidden { display:none; }

.qslide2 {
	padding: 3px;
	width: 500px;
}

#qscroller2 {
	width:500px;
	height:24px;
}

.qscroller2-nav {
	width:130px;
	height: 21px;
	padding-top: 3px;
	font-weight: bold;
	float: left;
}

.qscroller2-con {
	float: left;
	width: 450px;	
}


.ticker {
	background: url(../img/bg-ticker.gif) no-repeat;
	width: 660px;
	font-size: 11px;
	float: left;
	margin-bottom: 10px;
}

#toolbar{
	background-color:#FFC;
	border:1px solid #DDD;
	padding-left:6px;
	padding-right:6px;
	font-size: 11px;
	padding-left: 38px;
	padding-top:9px;
	padding-bottom: 10px;
	color: #444;
	background: url(/shared/templates/img/icon-exclamation.png) no-repeat 6px 7px;
}
#myPanel{
	background-color:#FEFEFE;
	border:1px solid #DDD;
	padding:6px;
	margin-top:5px;
	font-size: 11px;
}

.text_subtitle {
	font-size: 11px;
}

.text_date {
	font-size: 11px;
	width: 300px;
	float: left;
	text-align: right;
	color: #444;
}

.text_article {
	padding-right: 10px;
}


.readmore_link {
	font-size: 11px;
}

.imagec {
	float: left;
	padding-top: 1px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 18px;
	clear: both;
	padding-bottom: 20px;
}

.text_infos {
	color: #444;
	font-size: 11px;
	line-height: 18px;
	padding-top: 20px;
}


.tip {
	background-color: #ffd593;
	padding: 1px;
	font-size: 11px;
	text-align: left;
	width: 400px;
}

.tip-title {
	background-color: #ff9c00;
	font-size: 11px;
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

.tip-text {
	padding: 5px;	
}

#hide {
	margin-bottom: 20px;
}

.news_teaser_line {
	float: left;
	padding-bottom: 10px;
	position: relative;
	width: 660px;
	background: url(/shared/templates/img/bg-seper-quer.gif) no-repeat bottom left;
}

.news_teaser_image {
	float: left;
	width: 135px;
}

.news-latest2 {
	float: left;
	background: url(/shared/templates/img/bg-seper-quer.gif) no-repeat bottom left;	
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.news-latest-date {
	width: 430px;
	padding-top: 4px;
	float: left;
	color: #6c6c6c;
	font-size: 11px;
}

.news-latest-seper {
	width: 655px;
	height: 1px;
	padding: 0;
	margin-top: 12px;
	padding-bottom: 7px;
	float: left;
	font-size: 1px;
	background-position: top;
}

.news-latest li {
	list-style: square;
	color: #666;
	padding-bottom: 3px;
	float: left;
	width: 455px;
}


.news-latest-ly {
	text-align: right;
	font-size: 10px;
}

.errorbox {
	background-color: #ffe8e6;
	width: 472px;
	padding: 10px;
	color: #aa0000;
	line-height: 18px;
	margin-bottom: 10px;
}

.letter2 {
	display: inline;
	width: 23px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	border: 0;
	margin-right: 1px;
	float: left;
	background-color: #f0f0f0;
}




label {
  float: left;
  clear: both;
  display: block;
  width: 92px;
  margin-bottom: 10px;
  padding-left: 0px;
  text-align: right;
  padding-top: 0px;
}

.commentfield {
	width: 260px;
	margin-bottom: 8px;
	font-size: 11px;
}

.commentarea {
	width: 260px;
	font-size: 11px;
}


.comments {
	clear: both;
	padding-top: 30px;
	font-size: 11px;
	position: relative;
	left: -26px;
}

.comments_headline {
	padding-left: 26px;
	padding-bottom: 12px;
	font-size: 14px;
}

.commentbox {
	margin-top: -7px;
	width: 400px;
	padding-left: 26px;
	color: #222;
	line-height: 18px;
	position: relative;
	background-image: url('../img/bg_commentbox_head.gif');
	background-repeat: no-repeat;
	float: left;
}

.commentbox_head {
	padding: 0;
	margin: 0;
	background-image: url('../img/bg_commentbox.gif');
	background-repeat: repeat-y;
	float: left;
}

.commentbox_foot {
	padding: 0;
	margin: 0;
	background-image: url('../img/bg_commentbox_foot.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	float: left;
	

}

.commentbox_content {
	width: 370px;
	padding-top: 16px;
	padding-bottom: 28px;
	min-height: 55px;
}

.commentbox_formular {
	width: 370px;
	padding-top: 30px;
	padding-bottom: 28px;
	min-height: 55px;
}

.comment_autor {
	font-size: 11px;
	color: #6c6c6c;
}

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

.comment_autor {
	float: left;
	padding-top: 21px;
	line-height: 16px;
}

.comment_button_bg {
	width: 104px;
	height: 24px;
	margin: 0px;
	padding-bottom: 5px;
	left: 101px;
	top: 5px;
	font-size: 11px;
	position: relative;
}

.newstype { position: relative; top: 0px; display:inline-block; font:bold 10px Verdana,sans-serif; padding:2px 10px; background: #FF9000; color:white; }

.extlink {
	text-decoration: underline;
	background: url('/shared/templates/img/extlink.png') no-repeat 0px 1px;
	padding-left: 12px;
}

.deal_ad { margin-bottom: 22px; color: #999999; font-size: 10px; }

/* News */
/*.news_teaser_line{float:left;padding-bottom:10px;position:relative;width:660px;background:url(/shared/templates/img/bg-seper-quer.gif) no-repeat bottom left}
.news_teaser_image{float:left;width:135px}
.news-latest2{float:left;background:url(/shared/templates/img/bg-seper-quer.gif) no-repeat bottom left;padding-bottom:10px;margin-bottom:5px}
.news-latest-date{width:430px;padding-top:4px;float:left;color:#6c6c6c;font-size:11px}
.news-latest-seper{width:655px;height:1px;padding:0;margin-top:12px;padding-bottom:7px;float:left;font-size:1px;background-position:top}
.news-latest li{list-style:square;color:#666;padding-bottom:3px;float:left;width:455px}
.news-latest-ly{text-align:right;font-size:10px}
.errorbox{background-color:#ffe8e6;width:472px;padding:10px;color:#a00;line-height:18px;margin-bottom:10px}
.letter2{display:inline;width:23px;padding-top:3px;padding-bottom:3px;text-align:center;border:0;margin-right:1px;float:left;background-color:#f0f0f0}*/
.news_social_media_buttons { float: right; width: 260px; }
.news_social_media_buttons .news_sm_button { padding-right: 7px; margin:5px 0; float: left; }
/*label{float:left;clear:both;display:block;width:92px;margin-bottom:10px;padding-left:0;text-align:right;padding-top:0}
.commentfield{width:260px;margin-bottom:8px;font-size:11px}
.commentarea{width:260px;font-size:11px}
.comments{clear:both;padding-top:30px;font-size:11px;position:relative;left:-26px}
.comments_headline{padding-left:26px;padding-bottom:12px;font-size:14px}
.commentbox{margin-top:-7px;width:400px;padding-left:26px;color:#222;line-height:18px;position:relative;background-image:url('../img/bg_commentbox_head.gif');background-repeat:no-repeat;float:left}
.commentbox_head{padding:0;margin:0;background-image:url('../img/bg_commentbox.gif');background-repeat:repeat-y;float:left}
.commentbox_foot{padding:0;margin:0;background-image:url('../img/bg_commentbox_foot.gif');background-position:bottom left;background-repeat:no-repeat;float:left}
.commentbox_content{width:370px;padding-top:16px;padding-bottom:28px;min-height:55px}
.commentbox_formular{width:370px;padding-top:30px;padding-bottom:28px;min-height:55px}
.comment_autor{font-size:11px;color:#6c6c6c}
.comment_left{float:left;clear:both}
.comment_autor{float:left;padding-top:21px;line-height:16px}
.comment_button_bg { width: 104px; height: 24px; margin: 0px; padding-bottom: 5px; left: 101px; top: 5px; font-size: 11px; position: relative; }
.newstype { position: relative; top: 2px; }
.extlink { text-decoration: underline; 	background: url('/shared/templates/img/extlink.png') no-repeat 0px 1px;	padding-left: 12px; }
.live-online { color: #060; text-decoration: underline; }
.live-offline { color: #999; text-decotion: none; }
.deal_ad { margin-bottom: 22px; color: #999999; font-size: 10px; }*/

/* Banner */
.banner_leaderboard { padding-top: 22px; text-align: right; float: left; position: relative; height: 90px; width: 1032px;  }
.banner_expandable_large_rectangle { margin-left: -10px; padding: 5px 0 0; color: #999999; font-size: 10px; position:relative; }
.banner_expandable_large_rectangle .banner_expand { position:absolute; bottom:0; left:0; z-index: 9998; }
.banner_expandable_large_rectangle .banner_expand_close { display:block; background:#fff; border:#ccc 1px solid; color:#ccc; font-size:10px; padding:2px 5px; z-index: 9999; position: absolute; cursor: pointer; right:0; }
.banner_journal { width:320px;height:131px;margin-bottom:10px; }
.banner_journal,.banner_journal * { cursor: pointer; } 
.banner_journal .banner_journal_body { width:276; height:92px; border-radius: 10px; background: #fff; border:#000 1px solid; box-shadow: 2px 2px 5px #ccc;padding:0;margin:40px 15px 10px 10px;position:relative; }
.banner_journal .banner_journal_body img { position: absolute; top: -20px; left:10px; box-shadow: 1px 2px 1px #000; }
.banner_journal .banner_journal_header { background:#DF202D;text-align:center;color:#fff;text-transform:uppercase;font-weight:bold;font-size:11px;padding-left:60px;border-top-right-radius:10px;border-top-left-radius:10px; }
.banner_journal .banner_journal_slide { position: absolute;width:183px;height:55px;right:10px;bottom:10px;background:#fff;border-radius:10px;color:#6f6f6f;text-align:center;font-size:15px; }
.banner_journal .banner_journal_slide.jslide2,
.banner_journal .banner_journal_slide.jslide3,
.banner_journal .banner_journal_slide.jslide4,
.banner_journal .banner_journal_slide.jslide5,
.banner_journal .banner_journal_slide.jslide6 { display:none; }
.banner_journal .banner_journal_slide.jslide1 { text-align: left; }
.banner_journal .banner_journal_slide.jslide1 span:nth-child(1) { font-size:16px; font-weight: bold; }
.banner_journal .banner_journal_slide.jslide1 span:nth-child(2) { color: #DF202D; display:block; text-align: right; font-size:16px; font-weight: bold; }
.banner_journal .banner_journal_slide.jslide6 { text-align:center;font-size:12px;font-weight:bold;padding:25px 0 0 115px;width:60px;line-height:90%;height:30px;background:transparent;right:5px;bottom:5px; }
.banner_journal .banner_journal_slide.jslide6 span:nth-child(1) { font-size:28px;font-weight:bold;color:#B8B7B7;margin-right:-9px; }
.banner_wideskyscraperfixed { position:fixed; top:140px; } 
.banner_tandem { padding-top:0px;text-align: left; }

/* Anzeige */
span.anzeige { text-align: left; display: block; font-size: 9px; }
span.anzeige_artikel { text-align: left; display: block; font-size: 9px; padding-top: 10px; clear: both; }

/* Noscript Error */
div.noscript { display:none; background: #EF0E17; color:#000; font-size:12px; padding:10px 10px 10px 70px; border:#000 1px solid; position:relative; border-radius: 5px; box-shadow: 0 1px 1px #555; margin-bottom:10px;  }
div.noscript span { font-size:60px; position: absolute; left: 10px; top: 10px; line-height: 50px; }
div.noscript h2 { margin: 0; padding:0; font-family: "Times New Roman", Times, serif; font-size: 17px; }
div.noscript p { margin:0; }
body.noscript .noscript { display: block; }

/* No Cookies Error */
div.nocookies { display:none; background: #EF0E17; color:#000; font-size:12px; padding:10px 10px 10px 70px; border:#000 1px solid; position:relative; border-radius: 5px; box-shadow: 0 1px 1px #555; margin-bottom:10px;  }
div.nocookies span { font-size:60px; position: absolute; left: 10px; top: 10px; line-height: 50px; }
div.nocookies h2 { margin: 0; padding:0; font-family: "Times New Roman", Times, serif; font-size: 17px; }
div.nocookies p { margin:0; }

/* Article Stop Unlimited */
div.article_stop_login {border: #CCC 1px solid;padding: 2%;/* overflow: hidden; */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); position: relative;margin-top: 3%;}
div.article_stop_login:before, div.article_stop_login:after { bottom:100%;left: 5%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
div.article_stop_login:before { border-color:rgba(204,204,204,0);border-bottom-color:#CCCCCC;border-width: 16px;margin-left: -16px;}
div.article_stop_login:after { border-color:rgba(255,255,255,0);border-bottom-color:#ffffff;border-width: 15px;margin-left: -15px;}
div.article_stop_login h3 {font-family: "Times New Roman", Times, serif;font-size: 17px;padding: 0;color: #000;}
div.article_stop_login p {margin: 0;padding: 1% 0;padding-bottom: 2%;}
.button,a.button {display:inline-block;width: 47%;border:#A09F9F 1px solid;padding: 1%;text-align:center;margin: 0;}
.button.tryNow,a.button.tryNow { border: #A50000 1px solid;font-weight: 600;}

/* Subscription Order */
.subscription_login { background: white;border: #A50000 1px solid; padding:1% 3%; font-size:120%; color: #000; overflow:hidden; border-radius:5px; line-height:200%;}
.subscription_login a { display:block; float:right;background: #A50000; border:#666 1px solid; color:white; padding: 1% 5%; border-radius:5px; line-height:120%;}
.subscription_order_form {width: 100%;padding: 0;margin: 0;float: none;overflow: auto;}
.subscription_order_form h1 {color: #eee;font-style: italic;font-size: 250%;float: left;line-height: 120%;margin: 0;padding: 0;}
.subscription_order_form h2 { color:#999;font-size: 120%;font-weight: normal;font-style: italic;}
.subscription_order_form label { display:inline; float:none; clear: none;text-align: left;}
.subscription_steps { overflow:hidden;color: #888;background: #eee;border-top-left-radius: 5px;border-top-right-radius: 5px;font-size: 11px;float: right;width: 75%;margin-top: 1%;margin-right: 1%;}
.subscription_steps div { float:left;width: 31%;text-align: center;padding: 1% 0;}
.subscription_steps div.step_done::after { content:"✓"; position:absolute;font-size: 150%;margin-left: 10px;color: green;}
.subscription_order_box { clear:both;overflow: hidden;background: #BBBBBB; /* Old browsers */background: -moz-linear-gradient(top, #BBBBBB  0%, #ffffff 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #BBBBBB 0%,#ffffff  100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #BBBBBB   0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BBBBBB ', endColorstr='#ffffff',GradientType=0 );border-radius: 10px;padding-bottom: 1%;font-size: 90%;}
.subscription_order_form input[type=submit] { float:right;color: #fff;font-weight: bold;padding: 1% 2%;border-radius: 3px;background: #A50000;border: #111 1px solid;box-shadow: #ccc 1px 1px 1px;/* margin-right: 12%; */}
.subscription_order_column {float: left;width: 46%;padding: 1% 2%;}
.subscription_order_column table { width:100%; }
.subscription_order_column table td { padding:4px; }
.subscription_order_column table td img { max-width:100%; width:305px; }
.subscription_order_column table td:first-of-type { vertical-align: top; padding-top: 7px; padding-right: 30px; text-align: right;width: 35%;}
.subscription_order_column table td.left { text-align:left; }
.subscription_order_column:first-of-type {background: #A50000; background: -moz-linear-gradient(top, #004684  0%, #ffffff 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #A50000 0%,#ffffff  100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #A50000   0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004684', endColorstr='#ffffff',GradientType=0 );min-height: 640px;padding-bottom: 0;}
.subscription_order_column:first-of-type h2 { color:#fff; }
.subscription_order_column:first-of-type table { background:#fff; border-radius:5px;padding: 10%;padding-bottom: 90%;}
.subscription_order_column:first-of-type table td { text-align:left;width: auto;}
.subscription_order_column input.back_button { float:left;font-weight: 300; background: #999; }

.subscription_order_payment div {padding-bottom: 5%;}
.subscription_order_payment div img { float:right; }
.subscription_order_payment div span { display:block;padding: 0 0 0 8%;color: #999;}
.subscription_order_payment div input[type=radio] {}
.subscription_order_form .error { color: #C00; position: relative;font-size: 120%;}
.subscription_order_form div.error { padding:2% 0; }