body{
	margin:0;
	color:#898888;
	font:13px Arial, Helvetica, sans-serif;
	background:#2a303a url(../images/v2_logoff/bg-body.jpg) repeat-x 0 0;
	min-width:980px;
}
.body-bg{
	background:url(../images/v2_logoff/body-img.jpg) no-repeat 50% 0;
	width:100%;
}
img{border-style:none;}
a{
	text-decoration:underline;
	color:#000;
}
a:hover{text-decoration:none;}
/*MAIN*/
.main{
	margin:0 auto;
	width:980px;
	position:relative;
    padding: 88px 0 0;
}
.holder{
	overflow:hidden;
	width:100%;
}
/*HEADER*/
#header{
	height:57px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	padding:18px 4px 0 0;
	width:976px;
}
/*LOGO*/
.logo{
	background:url(../images/v2/ia_logo_en.png) no-repeat;
	float:left;
	width:300px;
	height:30px;
	text-indent:-9999px;
	margin:0 72px 0 38px;
    background-size: 155px;
}

#header.de .logo {
    background: url(../images/v2/ia_logo_de.png) no-repeat;
    background-size: 155px;
}

.logo a{
	display:block;
	overflow:hidden;
	height:100%;
}
/*NAVIGATION*/
.nav,
.sub-nav{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.nav li{
	float:left;
	margin-right:2px;
}

.nav li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:22px;
	background:url(/images/v2_logoff/de/nav-word_new.gif) no-repeat 0 0;
}

.nav #topnav_7 a{
	background-position:0 0;
	width:60px;
}
.nav #topnav_7 a:hover,
.nav #topnav_7 .active{background-position:0 100%;}

.nav #topnav_6 a{
	background-position:-64px 0px;
	width:80px;
}
.nav #topnav_6 a:hover,
.nav #topnav_6 .active{background-position:-64px 100%;}

.nav #topnav_5 a{
	background-position:-148px 0;
	width:70px;
}
.nav #topnav_5 a:hover,
.nav #topnav_5 .active{background-position:-148px 100%;}

.nav #topnav_4 a{
	background-position:-222px 0;
	width:85px;
}
.nav #topnav_4 a:hover,
.nav #topnav_4 .active{background-position:-222px 100%;}

.nav #topnav_3 a{
	background-position:-311px 0;
	width:112px;
}
.nav #topnav_3 a:hover,
.nav #topnav_3 .active{background-position:-311px 100%;}


.nav-en li a{
	background:url(/images/v2_logoff/en/nav-word_new.gif) no-repeat 0 0;
	}

.nav-en #topnav_6 a{
	background-position:-64px 0px;
	width:78px;
}
.nav-en #topnav_6 a:hover,
.nav-en #topnav_6 .active{background-position:-64px 100%;}

.nav-en #topnav_5 a{
	background-position:-146px 0;
	width:90px;
}
.nav-en #topnav_5 a:hover,
.nav-en #topnav_5 .active{background-position:-146px 100%;}

.nav-en #topnav_4 a{
	background-position:-240px 0;
	width:84px;
}
.nav-en #topnav_4 a:hover,
.nav-en #topnav_4 .active{background-position:-240px 100%;}

.nav-en #topnav_3 a{
	background-position:-328px 0;
	width:82px;
}
.nav-en #topnav_3 a:hover,
.nav-en #topnav_3 .active{background-position:-328px 100%;}



.nav-it li a{
	background:url(../images/it/nav-word.gif) no-repeat 0 0;
	}

.nav-it #topnav_6 a{
	background-position:-64px 0px;
	width:78px;
}
.nav-it #topnav_6 a:hover,
.nav-it #topnav_6 .active{background-position:-64px 100%;}

.nav-it #topnav_5 a{
	background-position:-146px 0;
	width:61px;
}
.nav-it #topnav_5 a:hover,
.nav-it #topnav_5 .active{background-position:-146px 100%;}

.nav-it #topnav_4 a{
	background-position:-211px 0;
	width:75px;
}
.nav-it #topnav_4 a:hover,
.nav-it #topnav_4 .active{background-position:-211px 100%;}

.nav-it #topnav_3 a{
	background-position:-290px 0;
	width:82px;
}
.nav-it #topnav_3 a:hover,
.nav-it #topnav_3 .active{background-position:-290px 100%;}



.sub-nav{
	float:right;
	line-height:13px;
	margin-top:5px;
}
.sub-nav li{
	float:left;
	padding:0 25px 0 0;
}
.sub-nav li a{
	display:block;
	height:13px;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
}
.sub-nav li a:hover{background-position:0 100%;}
.registrieren a{
	background:url(../images/v2_logoff/de/registrieren.gif) no-repeat;
	width:86px;
}
.registrieren.registrieren-en a{
	background:url(../images/v2_logoff/en/registrieren.gif) no-repeat;
}
.login a{
	background:url(../images/v2_logoff/de/login.gif) no-repeat;
	width:38px;
}

.lang{
    float:left;
    margin:2px 0 0 30px;
    padding:0;
    list-style:none;
}
.lang li{
    display:inline;
    padding:0 5px;
    background:transparent url(../images/v2_logoff/v-separator.gif) no-repeat scroll 0 5px;
}
.lang li.noseparator{
    background:transparent none repeat scroll 0 0;
}
.lang li a{
    font-size:9px;
    color:#B3BAC8;
    text-decoration:none;
}
.lang li.active a{
    text-decoration:underline;
}
.lang li a:hover{
    color:white;
}

/*TOOLTIPS*/
abbr, acronym {
	border-bottom:1px dotted;
	cursor:help;
}
/*TITLE-BOX*/
.title-box{
	width:980px;
	position:relative;
	color:#fff;
}
#inner .title-box{
	background:url(../images/v2_logoff/title-box-top2.gif) no-repeat;
	height:66px;
	overflow:hidden;
	padding:28px 0 0 36px;
	width:944px;
}
.title-box .bg{
	width:980px;
	background:url(../images/v2_logoff/title-box-bg.gif) repeat-y;
	min-height:300px;
}
* html .title-box .bg{height:300px;}
.title-box .top{
	background:url(../images/v2_logoff/title-box-top.jpg) no-repeat;
	width:934px;
	padding:30px 10px 0 36px;
	overflow:hidden;
	margin-bottom:-5px;
}
.title-box .bottom{
	width:980px;
	background:url(../images/v2_logoff/title-box-bottom.gif) no-repeat 0 100%;
	line-height:12px;
}
.conteiner-img{float:left;
position:relative;}
.conteiner-img img{float:left;}
.conteiner-img .shadow{
	background:url(../images/v2_logoff/shadow-img.png) no-repeat;
	height:26px;
	width:477px;
	clear:both;
	line-height:26px;
}
.title-area{
	width:398px;
	float:right;
	text-align:left;
	margin-bottom:62px;
}
.title-box h1{
	margin:0 0 18px;
	font:40px/44px Helvetica, Alial, sans-serif;
	/*background:url(../images/v2_logoff/lang/title-h1.gif) no-repeat;*/
	/*text-indent:-9999px;*/
	overflow:hidden;
	height:91px;
	padding-bottom:29px;
}
.title-box h1 span {display:block;}
#inner .title-box h1{
	font-weight:bold;
	font-size:42px;
	line-height:48px;
	/*background:url(../images/v2_logoff/lang/inner-title-h1.gif) no-repeat;
	text-indent:-9999px;*/
	overflow:hidden;
	height:35px;
	margin:-6px 0 0;
}
.title-area p{
	margin:0;
	line-height:22px;
	font-size:18px;
}
.title-area p span {display:block;}
.btn1,
.btn2,
#inner .btn1{
	text-indent:-9999px;
	overflow:hidden;
	height:40px;
	width:175px;
	position:absolute;
	bottom:30px;
	right:231px;
}
.btn1{background:url(../images/v2_logoff/lang/btn-14-tage.gif) no-repeat;}
.btn2{
	background:url(../images/v2_logoff/lang/btn-tour.gif) no-repeat;
	right:31px;
}
.btn1:hover,
.btn2:hover,
#inner .btn1:hover{background-position:0 100%;}
#inner .btn1{
	right:31px;
	bottom:27px;
	background:url(../images/v2_logoff/lang/btn-14-tage-testen.gif) no-repeat;
	z-index:20;
}
/*CONTENT*/
.content{
	overflow:hidden;
	width:980px;
	margin-bottom:10px;
}
.content-area{
	width:980px;
	background:url(../images/v2_logoff/content-area-top.gif) no-repeat;
	padding-top:12px;
	margin-top:10px;
}
.content-area .top{
 	background:#fff;
	overflow:hidden;
	width:949px;
	padding:15px 31px 0 0;
}
#inner .content-area .top{
	padding:27px 50px 0 27px;
	width:903px;
}
.content-bottom{
	background:url(../images/v2_logoff/content-area-bottom.gif) no-repeat;
	height:12px;
	width:980px;
	line-height:12px;
}
/*MAIN-BOX*/
#main-box{
	float:left;
	width:636px;
}
#inner #main-box{
	width:920px;

}
#inner .menu #main-box{
	width:664px;
	float:right;
}

#inner #main-box h2{
	font-size:30px;
	color:#010101;
	line-height:35px;
	font-weight:normal;
	margin:-3px 0 7px;
}
#inner #main-box h2.margin-top{
	margin:40px 0 7px;
}
#inner #main-box .heiding-p{
	color:#888787;
	font-size:18px;
	line-height:24px;
	margin:0;
	padding-bottom:24px;
}
#inner #main-box p{
	margin:0;
	padding-bottom:22px;
	line-height:20px;
}
#inner #main-box p a{color:#619ce2;}
.box{
	width:277px;
	line-height:18px;
	float:left;
	padding:0 0 33px 32px;
}
.box h2{
	margin:0 0 14px;
	padding: 20px 0 0 68px;
	font-weight:normal;
	color:#7b7b7b;
	font-size:20px;
	line-height:22px
}
.box h2 span {display:block;}
.heiding1{background:url(../images/v2_logoff/icon1.gif) no-repeat 0 50%;}
.heiding2{background:url(../images/v2_logoff/icon2.gif) no-repeat 0 50%;}
.heiding3{background:url(../images/v2_logoff/icon3.gif) no-repeat 0 50%;}
.heiding4{background:url(../images/v2_logoff/icon4.gif) no-repeat 0 50%;}
.box p{
	margin:0;
}
.box-img{
	float:right;
	background:url(../images/v2_logoff/box-img.gif) no-repeat;
	padding:4px;
	margin:0 0 13px 33px;
}
#inner #main-box h3{
	color:#a3b13a;
	font-size:15px;
	line-height:19px;
	margin:0 0 13px;
}
/*SIDEBAR*/
#sidebar{
	float:right;
	width:313px;
}
#inner #sidebar{
	float:left;
	width:223px;
}
.box-cite,
.box-baners{
	width:313px;
	background:#eff2f6 url(../images/v2_logoff/bottom-left.gif) no-repeat 0 100%;
	color:#8c96a7;
	margin-bottom:14px;
}
#inner .box-cite{
	width:664px;
	margin-bottom:28px;
}
.box-baners{background:#fff url(../images/v2_logoff/bottom-left.gif) no-repeat 0 100%;}
.box-outer{background:url(../images/v2_logoff/bottom-right.gif) no-repeat 100% 100%;}
.box-baners .box-outer{background:url(../images/v2_logoff/bottom-right2.gif) no-repeat 100% 100%;}
.box-inner{background:url(../images/v2_logoff/top-left.gif) no-repeat 0 0;}
.box-last{
	background:url(../images/v2_logoff/top-right.gif) no-repeat 100% 0;
	padding:13px 17px;
	width:279px;
	overflow:hidden;
}
.box-text{
	float:left;
	width:170px;
	overflow:hidden;
}
#inner .box-last{width:630px;}
.box-baners .box-last{
	padding:0 0 0 14px;
	width:299px;
}
.wrapper-img{
	float:left;
	background:#fff;
	border:1px solid #d2d2d2;
	padding:3px;
}
.wrapper-img img{float:left;}
blockquote{
	float:right;
	width:199px;
	margin:0;
}
#inner blockquote{width:551px;}
cite{font:italic 18px/25px Georgia, "Times New Roman", Times, serif;}
#inner cite{float:left;}
blockquote span{
	font-size:13px;
	display:block;
}
#inner blockquote span{
	font:normal bold 11px/16px Arial, Helvetica, sans-serif;
	text-align:right;
	width:533px;
}
.baners,
.partnership{
	margin:0;
	padding:19px 0 0;
	list-style:none;
	float:left;
}
.partnership{
	float:right;
	text-align:center;
	width:113px;
	background:url(../images/v2_logoff/top-right2.gif) no-repeat 100% 0;
	padding-bottom:8px;
}
.baners li{
	float:left;
	width:93px;
	text-align:center;
}
.baners li img{
	margin-bottom:18px;
	vertical-align:middle;
}
.partnership li img{border:1px solid #cacaca;}
.partnership li{margin-bottom:8px;}
#sidenav{
	margin:0;
	padding:1px 0 0;
	list-style: none;
	background:url(../images/v2_logoff/sidenav-top.gif) no-repeat;
	height: 1%;
}
#sidenav li{
	font-size:14px;
	font-weight:bold;
}
#sidenav ul{
	display:none;
	margin:0;
	padding:0;
	list-style:none;
}
#sidenav li.active ul{display:block;}
#sidenav li a{
	color:#858585;
	display: block;
	text-decoration:none;
	width:100%;
	background:url(../images/v2_logoff/sidenav-bg.gif) no-repeat;
}
#sidenav li li{
	font-weight:normal;
	font-size:12px;
	border:1px solid #e2e2e2;
	width:209px;
	border-top:none;
}
#sidenav li a span{
	display:block;
	padding:0 0 0 31px;
	line-height:35px;
	margin-left:8px;
	height:1%;
	cursor:pointer;
}
#sidenav li a:focus{outline:none;}
#inner #sidenav li ul li a{
	padding:0 0 1px 0;
	width:209px;
	color:#898888;
	line-height:37px;
	min-height:37px;
	cursor:pointer;
	background:none;
}
* html #sidenav li ul li a{height:38px;}
#sidenav li ul li a span{
	padding:9px 35px;
	color:#898888;
	line-height:16px;
	height:auto;
	background:url(../images/v2_logoff/sidenav-arrow.gif) no-repeat 189px 50%!important;
}
#sidenav li ul li a:hover{
	background:url(../images/v2_logoff/drob-down-hover.gif) repeat-x 0 100%!important;
	color:#898888;
}
#sidenav li a:hover{
	background:url(../images/v2_logoff/sidenav-hover.gif) no-repeat;
	color:#fff;
}
#sidenav li.active a{
	background:url(../images/v2_logoff/sidenav-hover.gif) no-repeat;
	color:#fff;
	}
#sidenav li.activ{
	background:#dbe4ed;
	font-weight:bold;
}
.ubersicht span{background:url(../images/v2_logoff/sidenav-icon1.png) no-repeat;}
.keyword span{background:url(../images/v2_logoff/sidenav-icon2.png) no-repeat;}
.regelungsmodul span{background:url(../images/v2_logoff/sidenav-icon3.png) no-repeat;}
.placement span{background:url(../images/v2_logoff/sidenav-icon4.png) no-repeat;}
.reporting span{background:url(../images/v2_logoff/sidenav-icon5.png) no-repeat;}
/*FOOTER*/
.buttons{width:980px;}
.buttons-top{
	background:url(../images/v2_logoff/footer-top.gif) no-repeat;
	width:980px;
	line-height:11px;
}
.buttons-bottom{
	background:url(../images/v2_logoff/footer-bottom.gif) no-repeat;
	height:11px;
	width:980px;
}
.buttons-bg{
	overflow:hidden;
	width:947px;
	background:#b3bac8;
	padding:12px 0 12px 33px;
	margin:0;
	list-style:none;
}
.buttons li{
	float:left;
	margin-right:23px;
}

/*feature-table style*/
.feature-table {
	margin:26px 0 0;
	width:100%;
	padding:0;
	border-collapse:collapse;
}
.feature-table td {
	width:25%;
	padding:15px 0 3px;
	margin:0;
	text-align:center;
	color:#000;
	font-weight:bold;
	border:1px solid #c2c2c2;
}
.feature-table td.foot{
	border:none;
}
.feature-table td.first {
	width:25%;
	padding:0 3% 0 2%;
	text-align:left;
	background:#f4f4f4;
}
.feature-table td.last {width:23%;}
.feature-table thead td.first {
	border:none;
	background:#fff;
}
.feature-table thead td {
	color:#fff;
	padding:7px 0 6px;
}
.feature-table thead td.gree-bg {background:#809b12;}
.feature-table thead td.black {background:#000;}
.feature-table td.light-green {background:#f1f5d4;}
.feature-table thead td strong {
	display:block;
	font-size:16px;
	line-height:19px;
}
.feature-table thead td span {font-weight:normal;}

.button-area {
	width:100%;
	overflow:hidden;
	padding:14px 0 0;
}
.button-area .btn {
	float:right;
	margin:0 50px 0 23px;
	background:url(/images/v2_logoff/btn-area-btn.gif) no-repeat 0 -31px;
	width:124px;
	height:31px;
	overflow:hidden;
	text-align:center;
	line-height:31px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:13px;
	display:inline;
	font-family:Arial;
	font-weight:bold;
}
.button-area .btn:hover {background-position:0 0px;}

/**************************************************************/
/* OLD STYLES FROM OLD STYLESHEET
/**************************************************************/

/*table at advantages.php*/
.tabelle_kosten {
	clear:both;
	border: solid 1px #a0a9b9;
	margin-bottom:15px;
	width:100%;
	}

.tabelle_kosten th {
	width:130px;
	padding:3px;
	background-color: #CFD4DC;
	}

.tabelle_kosten td {
	width:130px;
	padding:5px 3px;
	background-color: #e9edf3;
	text-align:center;
	}

.tabelle_kosten .tabelle_kosten_spalte_1 {
	width:120px;
	background-color: #CFD4DC;
	text-align:left;
	vertical-align:top;
	}

.tabelle_kosten .tabelle_kosten_agentur {
	background-color: #f5cec2;
	}

.tabelle_kosten .tabelle_kosten_agentur_hell {
	background-color: #f7e0d9;
	text-align:center;
	}

.tabelle_kosten .tabelle_kosten_left {
	width:75%;
	padding:5px 3px;
	background-color: #e9edf3;
	text-align:left;
	}

.tabelle_kosten input, select, textarea {
	border: solid 1px #a0a9b9;
	}

/**************************************************************/
/* MESSAGES.CSS
/**************************************************************/

/*message style*/
.message {
    border: 0 none;
    padding: 17px 23px 21px 80px;
    color: #3A424B;
    height: 1%;
    /* overflow: hidden; */
    margin: 0 0 15px 0;
    line-height: 18px;
    float: none ! important;
    min-height: 48px;
    position: relative;
    border-top: 2px solid #EFD41A;
    top: -5px;
    background: #FAFAFA url(/images/icons/message-exclamation.svg) no-repeat 19px 21px;
    background-size: 40px 40px;
}

* html .message {
    padding-right: 13px;
}

* + html .message {
    padding-right: 13px;
}

.message strong.heading {
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #3A424B;
    margin-bottom: 1px;
    font-weight: bold;
}

.message p {
    margin: 0;
}

.message b {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #3A424B;
    margin-bottom: 1px;
    font-weight: bold;
}

/*alert style*/
.alert {
    color: #3A424B;
    padding-right: 88px;
}

* html .alert {
    padding-right: 88px;
}

* + html .alert {
    padding-right: 88px;
}

.message-info {
    float: left;
}

.message .message-icon {
    position: absolute;
    left: 21px;
    top: 21px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff;
}
.message a.close {
    float: right;
    font-size: 16px;
    color: #EFD41A;
    text-decoration: none;
    margin: -7px -16px 0 0;
    display: inline;
}

.message.small {
    background-position: 3px 3px;
    margin-bottom: 0;
    padding-bottom: 0;
    height: 40px;
}

/*ajax style*/
.message.ajax {
    background: #FAFAFA url(/images/v2/ajax_loader_big.svg) no-repeat 15px 16px;
    border-top: 2px solid #979A9E;
}

.message.ajax a.close {
    color: #979A9E;
}

/*info style*/
.help {
    background: #FAFAFA url(/images/icons/message-information.svg) no-repeat 19px 21px;
    background-size: 40px 40px;
    border-top: 2px solid #4B78A2;
}

.help strong.heading {
    color: #4B78A2;
}

.message.help a.close {
    color: #4B78A2;
}

/*error style*/
.message.error {
    background: #FAFAFA url(/images/icons/message-cross.svg) no-repeat 19px 21px;
    background-size: 40px 40px;
    color: #3f2e2a;
    border-top: 2px solid #E6424B;
}

.message.error a.close {
    color: #E6424B;
}

.error strong.heading {
    color: #E6424B;
}

.error b {
    color: #E6424B;
}

.system {
    background: #FAFAFA url(/images/icons/message-information.svg) no-repeat 19px 21px;
    background-size: 40px 40px;
    border-top: 2px solid #4B78A2;
}

.system strong.heading {
    color: #4B78A2;
}

.message.system a.close {
    color: #4B78A2;
}

/*success style*/
.success {
    background: #FAFAFA url(/images/icons/message-success.svg) no-repeat 19px 21px;
    background-size: 40px 40px;
    border-top: 2px solid #73883e;
    line-height: 18px;
}

.success strong.heading {
    color: #73883e;
}

.success b {
    color: #73883e;
}

.message.success a.close {
    color: #73883e;
}

/*button styly*/
.button {
	display:block;
	width:100%;
	overflow:hidden;
	padding:11px 0 0;
}
.button a {
	float:left;
	background:url(/images/v2/button-left.png) no-repeat;
	text-decoration:none;
	height:29px;
	color:#606060;
	font-weight:bold;
	font-size:13px;
	line-height:24px;
	padding:4px 5px 0 13px;
	cursor:pointer;
}
.button-red a {
	background:url(/images/v2/button-red-arrow.gif) no-repeat;
	padding-left:33px;
}
.button em {
	float:left;
	background:url(/images/v2/button-right.png) no-repeat;
	width:7px;
	height:33px;
	overflow:hidden;
	cursor:pointer;
}
.button em.save {
	background:url(/images/v2/btn-right.gif) no-repeat;
	width:26px;
}
.button em.green-arrow {
	background:url(/images/v2/v2/button-right-green-arrow.png) no-repeat;
	width:23px;
	height:33px;
}
/*welcome style*/
.welcome {
    background: #FAFAFA url(/images/icons/message-success.svg) no-repeat 19px 21px;
    background-size: 40px 40px;
    border-top: 2px solid #73883e;
    line-height: 18px;
}
* html .welcome {padding-right:13px;}
* +html .welcome {padding-right:13px;}
.welcome strong.heading {
    color: #73883e;
}

.message.success a.close {
    color: #73883e;
}
/*message-boxes style*/
.message-boxes {
	width:100%;
	overflow:hidden;
	padding:21px 0 0;
}
/*login-box style*/
.login-box {
	float:left;
	width:28%;
	background:#e6f3c9;
	margin:0 1% -9999px 0;
	padding:0 0 9999px 0;
	overflow:hidden;
}
/*verbindung-box style*/
.verbindung-box {
	float:left;
	width:71%;
	background:#e6f3c9 url(/images/v2/bg-message-welcome.gif) no-repeat 24px 19px;
	margin:0 0 -9999px 0;
	padding:0 0 9999px 0;
	overflow:hidden;
}
* html .verbindung-box {width:70.9%;}
* +html .verbindung-box {width:70.9%;}
.login-box .inner {
	padding:5px 5px 2px 21px;
	list-style:none;
	margin:0;
	font-size:14px;
	line-height:24px;
	color:#70931b;
}
.login-box a {
	color:#70931b;
	text-decoration:none;
}
.login-box a:hover {text-decoration:underline;}
.verbindung-box strong {
	display:block;
	padding:31px 5px 0 89px;
	font-size:14px;
	color:#70931b;
}
.first-wizard {
	background:#eff2f6;
	border-color:#d0d3d8;
	padding-left:20px;
	padding-bottom:13px;
	color:#646d76;
}
.first-wizard strong.heading {
	color:#000;
	margin-bottom:4px;
}
.first-wizard a.close {color:#646d76;}


/**************************************************************/
/* FORM.CSS
/**************************************************************/

/*header-form style*/
.header-form {
	float:right;
	width:376px;
	padding:0 10px 0 0;
	overflow:hidden;
}
.header-form label {
	float:left;
	font:11px/13px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:4px 5px 0 0;
}
.header-form label a {
	font-weight:bold;
	color:#fff;
}
.header-form select {
	width:233px;
	font:11px/14px Arial, Helvetica, sans-serif;
	color:#434548;
	float:left;
	padding:2px 0;
}
input.form-button {
	float:right;
	width:40px;
	height:20px;
	font:11px/13px Arial, Helvetica, sans-serif;
	color:#434548;
}
.header-form.disabled {
	width:100%;
	z-index:100;
	position:absolute;
	top:0;
	left:0;
}
/*data-form-content*/
.data-form-content {
	float:right;
	padding:14px 0 0;
}
.data-text {
	float:left;
	background:url(../images/v2/date-input-bg.gif) no-repeat;
	width:98px;
	height:20px;
	overflow:hidden;
	margin:0 5px 0 0;
	padding:0 2px 1px 1px;
}
.data-text input {
	border:none;
	background:none;
	float:left;
	padding:0;
	width:98px;
	font:18px/19px Arial, Helvetica, sans-serif;
	color:#434548;
	text-align:center;
}
.data-form-content strong {
	float:left;
	font:18px/19px Arial, Helvetica, sans-serif;
	color:#434548;
	margin:0 5px 0 0;
}
.data-form-content input.form-button, .data-form-content button.form-button {float:left;}

.data-form-content input.form-button-date, .data-form-content button.form-button-date {
	margin: -1px 0pt 3px;
	padding: 1px 7px;
	font-size: 11px;
	display: inline;
	}


/*formular-komplex page*/
.radio {
	margin-right:5px;
	}
.radio-box {
	padding:14px 9px 0 67px;
	background:#ecf4e6 url(../images/v2/bg-message-welcome.gif) no-repeat 10px 50%;
	border:1px solid #acc29b;
	margin:0 0 32px;
	height:1%;
	overflow:hidden;
}
.strategy-box {
	padding:9px 9px 4px 5px;
	background:#e2e6ec;
	margin:0 0 11px;
	height:1%;
	overflow:hidden;
}
.strategy-box.small{
	padding:15px 9px 10px 5px;
}
.strategy-box.small label{
	margin:0 20px 0 0;
}
.strategy-box .row-holder{
	width: auto;
}
.strategy-box .form-row{
	margin: 0 0 0 30px;
	width: auto;
}
.strategy-box .conversion-types{
	margin: 0 20px 20px 0;
	float: left;
	width: auto;
}
.strategy-box .conversion-types .category{
	display:block;
	margin:0 0 10px 0;
}

.strategy-box .strategy-element{
	padding: 7px 7px 7px 60px;
}
.strategy-box .strategy-element.clicks{
	background:url(../images/v2/arrow-click.gif) no-repeat scroll 15px 10px;
	padding: 10px 10px 10px 60px;
}
.strategy-element strong{
	font-size:14px;
}
.strategy-box .strategy-element.profit{
	background:url(../images/v2/bg-strategie-box.gif) no-repeat scroll 10px 10px;
}
.strategy-box .strategy-element.ziel{
	background:url(../images/v2/bg-strategie-ziel.gif) no-repeat scroll 10px 10px;
}
.strategy-box .strategy-element.conversion{
	background:url(../images/v2/bg-strategie-conversion.gif) no-repeat scroll 10px 10px;
	border:0;
}
.strategie {
	background:#e2e6ec url(../images/v2/bg-strategie-box.gif) no-repeat 17px 53px;
	border-color:#eff2f6;
	border-width:1px 0;
	margin-bottom:0;
	padding-bottom:8px;
}

.helpbox {
	display: block;
	width: 30%;
	float: right;
	padding:15px;
	background-color:#EFF2F6;
}
.formular .greyed-out{
	color:#9E9E9E;
}
.formular strong{
	font-weight:bold;
}
.formular h2{
	margin: 0 0 20px 0;
	font-size:14px;
	font-weight:bold;
}
.strategie h2{
	margin-left:-54px;
}

.part-2 {
	background:#e2e6ec url(../images/v2/arrow-click.gif) no-repeat 26px 53px;
	border-color:#eff2f6;
	margin-bottom:0;
}
.client2-strategie {
	background-image:none;
	padding-left:13px;
}
.radio-box input {
	margin:3px 3px 5px 0;
	padding:0 0 0;
}
* html .radio-box input {margin:0;}
* +html .radio-box input {margin:0;}
.radio-box label {
	font:normal 12px/13px Arial, Helvetica, sans-serif;
	padding-left:5px;
}
.radio-box label.active {color:#6ea701;}
.radio-box label.inaktiv {color:#bb0106;}
/*conversion style*/
.conversion {
	padding:14px 9px 8px 13px;
	background:#e2e6ec;
	height:1%;
	border-top:1px solid #eff2f6;
	border-bottom:1px solid #eff2f6;
}
.conversion-form {
	width:100%;
}
.conversion-form.strategy{
	margin: 0 0 40px 0;
}
.conversion-form:after {
	content:"";
	clear:both;
	display:block;
}
.conversion-info {
	float:left;
	padding:0 5px 0 0px;
	width:124px;
}
.row-holder {
	width:250px;
	float:left;
}
.form-row {
	width:300px;
	padding-bottom:7px;
}
* html .form-row {padding-bottom:3px;}/*
* +html .form-row {padding-bottom:3px;}*/
.form-row:after {
	content:"";
	clear:both;
	display:block;
}
.form-row input.radio {
	float:left;
	margin:0 6px 0 0;
	padding:0;
}
.form-row label {
	float:left;
	width:auto;
	padding:0 6px 0 0;
	font:11px Arial, Helvetica, sans-serif;
	overflow:hidden;
}
.form-row label img{
	vertical-align:-6px;
	padding: 3px;
}
* html .form-row label {padding:3px 3px 0 0;}
* +html .form-row label {padding:3px 3px 0 0;}
.text-field {
	float:left;
	background:url(../images/v2/bg-field.gif) no-repeat;
	width:81px;
	height:15px;
	overflow:hidden;
	padding:2px 2px 2px 6px;
	margin:-2px 7px 0 0;
	display:inline;
	position:relative;
}
span.behind {
	width:auto;
	height:15px;
	overflow:hidden;
	padding:2px 2px 2px 6px;
	margin:-2px 7px 0 5px;
	display:inline;
	position:relative;
}
.form-row.conversion-types-form-row{
	width:100%;
	display:block;
	clear:left;
	float:left;
}
.form-row.align label{
	width: 200px;
}
.text-field.target{
	margin:-2px -7px 0 15px;
	padding:2px 2px 2px 8px;;
	float:none;
}

.big-field {
	background:url(../images/v2/bg-big-field.gif) no-repeat;
	width:133px;
}
.absolutely-biggest {
	background:url(../images/v2/bg-absolutely-biggest-field.gif) no-repeat;
	width:340px;
}
.login-field {
	background:url(../images/v2_logoff/bg-login-field.gif) no-repeat;
	width:228px;
	height:20px;
}
#login-form-box .login-field input {
	width:227px;
    margin: 0;
	}
.box .big-field input {width:132px;}
.box .absolutely-biggest input {width:336px;}
.biggest {
	background:url(../images/v2/biggest-field.gif) no-repeat;
	width:228px;
	margin:0;
}
.box .biggest input {width:227px;}
.hidden {
	background:url(../images/field-hidden.gif) no-repeat;
	width:64px;
	margin:0;
}
.hidden input {width:63px;}
.active-field {background: url(/images/v2/active-field-bg.gif) no-repeat;}
.active-field-big {background: url(/images/v2/active-field-big-bg.gif) no-repeat;}
.active-field-biggest {background:url(/images/v2//biggest-field-active.gif) no-repeat;}
.text-field-red {background:url(/images/v2/error-field.gif) no-repeat;}
* html .text-field {margin-right:0;}
* +html .text-field {margin-right:0;}
.text-field input {
	width:80px;
	margin:0 0 1px -4px;
	padding:0;
	border:none;
	background:none;
	font:11px/14px Arial, Helvetica, sans-serif;
}
.filter-field1 {
	background:url(/images/v2/bg-filter-field.gif) no-repeat;
	width:103px;
	margin:0;
	float:right;
}
.filter-field1 input {width:102px;}
.filter-field2 {
	background:url(/images/v2/bg-filter-field2.gif) no-repeat;
	width:42px;
	margin:0;
	float:none;
}
.filter-field2 input {width:41px;}
.mark {
	float:left;
	line-height:17px;
}
* html .mark {float:right;}
* +html .mark {float:right;}
.form-row-next {
	padding:0 0 5px 63px;
	width:180px;
}
.form-row-next label {width:72px;}
* html .form-row-next label {
	padding:0 3px 0 0;
	width:77px;
}
* +html .form-row-next label {
	padding:0 3px 0 0;
	width:77px;
}
* html .form-row-next {padding-bottom:3px;}
* +html .form-row-next {padding-bottom:5px;}
.conversion-form-last {padding-bottom:8px;}
.checkbox_error{
	color:#B42907;
}
.row-holder.exceptionPeriods{
	padding: 0px 7px 7px 25px;
}
.expert div.exceptionPeriods{
	float:left;
	margin:0 0 40px;
}
.expert div.exceptionPeriods label{
	clear:left;
	float:none;
}

.expert .conversion-form {
padding-bottom:0;
}

.expert table.histConversions{
	width:auto;
	background-color:#EFF2F6;
}
.expert table.histConversions th, table.histConversions td{
	padding: 2px 1px 1px 2px;
}
.expert table.histConversions th{
	font-weight:bolder;
}

.expert a.expander{
background:transparent url(/images/v2/arrow-link.gif) no-repeat scroll 0 50%;
font-size:14px;
font-weight:bold;
padding:0 0 0 13px;
}

.expert a.expander.collapsed{
background:transparent url(/images/v2/arrow-link-show.gif) no-repeat scroll 0 50%;
}

.expert a.expander-link{
background:transparent url(/images/v2/arrow-link.gif) no-repeat scroll 0 50%;
font-size:12px;
font-weight:normal;
padding:0 0 0 13px;
}
.expert label {
	float:left;
	width:170px;
	padding:1px 2px 0 0;
	margin:0;
}
.expert label.long {
	width:200px;
}
.expert label.short {;
	width:120px;
}
.expert .check-box {
	margin:0;
	padding:0;
}
* html .expert .mark {
	float:left;
	margin:0 0 0 7px;
	display:inline;
}
* +html .expert .mark {
	float:left;
	margin:0 0 0 7px;
	display:inline;
}
.form-group {padding:20px 0 0;}
.expert .form-row {padding-bottom:6px;}
* html .expert .form-row {padding-bottom:4px;}
.expert {padding-bottom:7px;}
.radio-box-red {
	background:#f7e7e9 url(../images/bg-message-error.gif) no-repeat 9px 50%;
	border-color:#d58183;
}
.conversion-next .conversion-info {
	padding:0 5px 0 0;
	background:none;
}
.error-message {
	color:#bd4346;
}
.slider-holder{
	width:550px;
}

.slider-holder label{
	float: left;
}

.slider-holder #chain-slider{
	float:left;
	background:url(/images/ticks.gif) no-repeat;
	padding:0 10px 0 5px;
	}

.slider-container{
	margin: 10px 0 10px 0;
}
.slider-container span{
	display: block;
	width: 85px;
	float: left;
	overflow: hidden;
}
#opti-slider-clicks, #opti-slider-profit, #opti-slider{
	background:url(/images/ticks3.gif) no-repeat;
	padding:0 10px 0 5px;
	}

/*keywordtool page*/
.box .checkbox-holder {padding-top:4px;}
* html .bottom-arrow {bottom:-15px;}
.checkbox-holder .radio-box input {
	margin:0 0 5px;
	padding:0;
}
.checkbox-holder .radio-box label {vertical-align:top;}
* html .checkbox-holder .radio-box input {
	margin:0;
	padding:0;
}
* +html .checkbox-holder .radio-box input {
	margin:0;
	padding:0;
}
* html .checkbox-holder .radio-box label {vertical-align:middle;}
* +html .checkbox-holder .radio-box label {vertical-align:middle;}
.checkbox-holder .client2-strategie {
	padding-top:16px;
	padding-bottom:10px;
	margin:0;
}
/*mehrseitiger-wizard page*/
.google-form {
	padding:13px 17px 13px;
	background:#e2e6ec;
	height:1%;
	margin:17px 0 0;
}
.google-form-row {
	width:100%;
	overflow:hidden;
}
.google-form label {
	float:left;
	width:85px;
	padding:0 5px 0 0;
	font:12px/22px Arial, Helvetica, sans-serif;
	color:#646d76;
}
/*zeitvergleich page*/
.markt-form {margin:-5px 0 0;}
.markt-form label {
	width:64px;
	line-height:23px;
}
.markt-form select {
	float:left;
	width:193px;
}
.time-box-holder {
	width:100%;
	overflow:hidden;
}
.time-box-holder .time {
	float:left;
	width:37%;
}
.time-box-holder .time2 {float:right;}
.time-form {
	background:#e2e6ec;
	padding:15px 2px 7px 12px;
	height:1%;
	margin:-5px 0 0;
	overflow:hidden;
}
* html .time-form {padding-left:7px;}
* +html .time-form {padding-left:6px;}
.time-form select {
	float:left;
	width:193px;
	display:inline;
}
.time-form input {
	float:left;
	margin:0 3px 0 3px;
	padding:0;
	display:inline;
}
.time-form span.separator {
	float:left;
	margin:0 3px;
	/*line-height:20px;*/
	color:#9e9e9e;
	display:inline;
}
.time-form .google-form-row {padding-bottom:4px;}
.compare {
	width:135px;
	margin:0 auto;
	padding:40px 0 0;
}
.compare label {font:11px/20px Arial, Helvetica, sans-serif;}
.compare .button {padding-top:18px;}
/*bidmanagament page*/
.filter-box {
	border:1px solid #d5d6d9;
	background:#f8f8f8;
	padding:7px 5px;
	height:1%;
	overflow:hidden;
}
.column1 {
	float:left;
	width:200px;
}
#globalfilter_statsfilter{
	clear:left;
	float:left;
}
.column1 select {width:194px;}
.filter-row {
	width:100%;
	overflow:hidden;
	padding-bottom:4px;
}
.filter-row.button {
	bottom:5px;
	right:0;
	position:absolute;
	width:255px;
}
.filter-row.clear{
	clear:left;
	float:left;
}
.column1 label {
	float:left;
	padding:0 0 0 7px;
	font-size:11px;
	line-height:22px;
	color:#676666;
}
.filter-row-bottom {
	padding-top:5px;
	width:100%;
	overflow:hidden;
	clear:left;
	float:left;
}
.filter-row-bottom select {width:80px;}
.select-arrow select {width:39px;}
a.delete {
	float:left;
	background:url(../images/v2/delete-icon.gif) no-repeat;
	width:13px;
	height:13px;
	text-indent:-9999px;
	overflow:hidden;
	margin:3px 0 0 3px;
	display:inline;
}
.column2 {
	float:right;
	width:255px;
}
.column2 label {
	float:left;
	width:56px;
	padding:0 2px 0 0;
	font-size:11px;
	line-height:22px;
	color:#676666;
}
.column2 select {width:193px;}
.button-filter {
	float:right;
	margin:0 7px 0 0;
	display:inline;
}
.button-filter a {
	background:url(../images/button.gif) no-repeat;
	font-size:11px;
	line-height:16px;
	color:#434548;
	float:left;
	text-decoration:none;
}
.button-filter em {
	display:block;
	background:url(../images/button-right-next.gif) no-repeat 100% 0;
	padding:2px 12px 3px;
	font-style:normal;
}
.column2 .filter-row {padding-bottom:0;}
.column2 .filter-layer{
	float:left;
	margin:0 0 20px 0;
	}
/*login page*/
#login-form-box {
    background: white;
	width:402px;
	margin:60px auto 0;
}
.form-content {
    background: white;
	width:340px;
    padding: 21px 40px 10px 24px;
}
.bottom-box-form {
    background: white;
	width:402px;
	height:9px;
	overflow:hidden;
}
#login-form-box h1 {
	margin:0 0 22px;
	font-size:18px;
    color: #626b79;
    font-weight: 500;
    line-height: 1.1em;
}
.login-row {
	width:100%;
	overflow:hidden;
	padding-bottom:6px;
    line-height: 41px;
}
.login-row label {
	float:left;
	width:100px;
	padding:0 4px 0 0;
	font:12px/24px Arial, Helvetica, sans-serif;
    color: #4e4d55;
    line-height: 41px;
}
#login-form-box .text-field {margin:0;}
.check-field label {
	font:12px/24px Arial, Helvetica, sans-serif;
	color:#898888;
}
.check-field {padding:4px 0 0 90px;}
#login-form-box .button-field {
	padding:22px 0 0 91px;
	width:239px;
	overflow:hidden;
}
#login-form-box .button-field .button {
	float:left;
	width:auto;
	padding:0;
}
#login-form-box .button-field strong {
	float:right;
	margin:9px 0 0;
	white-space:nowrap;
}
#login-form-box .button-field strong a {color:#619ce2;}
#login-form-box .weiter {float:none;min-height:34px;}

    /* Start custom button CSS here
    ---------------------------------------- */

	.btn, .btnsmall {
      display:inline-block;
      background:none;
      margin: 0;
      padding:6px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      font-size:13px;
      text-decoration:none;
      color:#606060;
      cursor:pointer;
      float:left;
      }
     .btnsmall {
      padding: 3px 0;
      font-size:11px;
     }

    * html button.btn {
      padding-bottom:4px;
      }
    * html button.btnsmall {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this.
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    html:not([lang*=""]) button.btnsmall {
      margin:0 -3px;
      }  */

    .btn span, .btnsmall span {
      background:#ddd url(/images/v2/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:6px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    .btnsmall span {
      padding:3px 0;
    }

    * html .btn span, * html .btnsmall span {
      padding-top:0;
      }

    .btn span span, .btnsmall span span {
      position:relative;
      padding:6px .8em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      }

    .btnsmall span span {
      padding:3px .8em;
    }

    /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
    button.pill-l span {
      border-right-width:0;
      }
    button.pill-l span span {
      border-right:1px solid #bbb;
      }
    button.pill-c span {
      border-right-style:none;
      border-left-color:#fff;
      }
    button.pill-c span span {
      border-right:1px solid #bbb;
      }
    button.pill-r span {
      border-left-color:#fff;
      }

    /* only needed if implementing separat_e hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span, .btnsmall:hover span, .btnsmall:hover span span, .btnsmall:focus span, .btnsmall:focus span span  {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#aaa !important;
      color:#606060;

      }






    .btn:active span, .btnsmall:active span {
      /*background-position:0 -400px;*/
      outline:none;
      }

    .btn:active span span, .btnsmall:active span span {
      background-position:right center;
      outline:none;
      }
    .btn:focus, .btn:active, .btnsmall:focus, .btnsmall:active{
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#606060;
      }

    .ok {
      font-weight:bold;
    }
    .ok span span {
        background:transparent url(/images/v2/ok.gif) no-repeat center right;
        background-position: center right;
        padding-right: 26px;
      }

    .ok span {
        padding:6px 0;
      }

    .greenarrow {
    }
    .greenarrow span {
        padding:6px 0;
      }
    .greenarrow span span {
        background:transparent url(/images/v2/arrow_green.gif) no-repeat center right;
        background-position: center right;
        padding-right: 26px;
      }

    .warn span {
        padding: 6px 0;
    }
    .warn span span{
        background: transparent url(/images/msg_error.png) no-repeat center right;
        background-position: center right;
        padding-right: 26px;
    }


    .redarrow {
    }
    .redarrow span {
        padding:6px 0;
      }
    .redarrow span span {
        background:transparent url(/images/v2/arrow_red.gif) no-repeat center left;
        background-position: center left;
        padding-left: 22px;

      }

     .redarrow:active span span {
      background-position:left center;

      }



#timeperiodFormSubmitButton {
	margin-top:10px;
	}



/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  .sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;
    padding: 0pt;
    overflow: auto;
    letter-spacing: 0px;
    float: none;
  }
}
@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }

  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*****************************************************************************
Signup page
*****************************************************************************/
.x-fieldset {
overflow:hidden;
}
.x-fieldset {
border:1px solid #898888;
display:block;
margin-bottom:10px;
padding:10px;
}

.x-fieldset legend {
color:#15428B;
font-family:tahoma,arial,helvetica,sans-serif;
font-size:14px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}

.x-form-clear-left {
	clear:left;
	font-size:0;
	height:0;
	line-height:0;
	overflow:hidden;
}

input,
textarea,
select,
label {
	font:100% arial,sans-serif;
	vertical-align:middle;
}


.x-form-invalid-msg {
	-x-system-font:none;
	background:transparent url(/js/extjs/resources/images/default/shared/warning.gif) no-repeat scroll 0 2px;
	color:#EE0000;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:16px;
	padding:2px 2px 2px 18px;
	width:220px;
}




.regForm {
	margin: 0px auto;
}

.regForm-header-text {
	color:#000000;
	font-size:14px;
	line-height:22px;
	margin:0 0 22px;
}
.regForm-tc {
	margin: 0px 0px 12px 0px;
}

.x-fieldset-header-text {
	color: #000000;
	font-family:Arial,Helvetica,sans-serif;
}



.regForm .x-form-cb-label {
}

.regForm .x-form-cb-label a {
	display: inline;
	color:blue;
}
.fieldsetTOU .x-form-invalid-msg{
	width:160px ! important;
	margin-left: -120px;
}

.x-panel-body {
	background:transparent none repeat scroll 0 0;
}
.regForm label {
	width:140px;
	padding:0 4px 0 0;
	font:12 Arial, Helvetica, sans-serif;
	color:#898888;
	line-height:20px;
}

.regForm .x-form-el-tou label {
	float:left;
	width:340px;
	padding:0 4px 0 0;
	font:12 Arial, Helvetica, sans-serif;
	color:#898888;
	line-height:20px;
}



.regForm .text-field {
	float:left;

	width:81px;
	height:15px;
	overflow:hidden;
	padding:2px 2px 2px 6px;
	margin:-2px 7px 0 0;
	display:inline;
	position:relative;
}

.ext-ie7 .regForm input.login-field,
.ext-ie8 .regForm input.login-field {
    line-height: 24px;
}

.regForm input.login-field{
-x-system-font:none;

border:medium none;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:14px;
margin: 5px 0 0 0;
padding:0 0 0 4px;;
width:250px;
height:24px ! important;
}

.regForm input.countryCombo {

}

.regForm input[type=checkbox]  {
border: none;
width: 10px;
}

.box {
	background:#515762 url(/images/v2/box-left-corner.gif) no-repeat scroll 0 0;
	padding:0 0 0px 0px;
}
.box-inner {
	background:transparent url(/images/v2/box-right-corner.gif) no-repeat scroll 100% 0;
	padding:39px 2px 0 0;
	position:relative;
}
.box-content {
	background:#EFF2F6 none repeat scroll 0 0;
	border-color:#D0D3D8;
	border-style:solid;
	border-width:0 1px;
	position:relative;
	width:100%;
	padding-bottom:11px;
}
.headline {
	color:#FFFFFF;
	font-size:16px;
	height:1%;
	margin:0;
	padding:12px 16px 0 19px;
	position:relative;
}
.headline strong {
	float:left;
	font-weight:normal;
	margin:-40px 0 0;
	position:relative;
}
.bottom-bg {
	background:#FFFFFF url(/images/v2/box-left-corner-bottom.gif) no-repeat scroll 0 0;
	margin:0 -2px 0 0;
}
.bottom-bg span {
	display:block;
	background:url(/images/v2/box-right-corner-bottom.gif) no-repeat 100% 0;
	width:100%;
	height:6px;
	overflow:hidden;
}


/*infobox style*/ .infobox {
    float: left;
    width: 189px;
    overflow: hidden;
    padding: 0 0 0 22px;
    margin:20px 0 0 10px;
    display: inline;
    position: relative;
} .infobox .box {
    float: none;
    width: 99.2%;
    margin: 0;
} .infobox .box .headline strong {
    font-size: 13px;
} .infobox-info {
    width: 160px;
    overflow: hidden;
    padding: 0 0 10px 16px;
    margin-top: -20px;
    line-height: 18px;
} .infobox-info img {
    float: left;
    margin: 22px 18px 0 0;
} .infobox-info p {
    padding: 18px 0 0;
    margin: 0;
}

.x-tree-node-text,
.x-menu-item-text,
.x-datepicker-date,
.x-datepicker-column-header,
.x-tip-body-default,
.x-grid-rowbody,
.x4-tree-node-text{
    font-size: 11px;
}
.x-panel-header-text-container-default {
    font-size: 14px;
}
.x-grid-empty {
    font: normal 11px helvetica, arial, verdana, sans-serif;
    color:#646d76

}
.x-grid-header-ct {
    border: 1px solid silver;
    border-left-color: #646d76;
    border-right-color: #646d76;
}
.x4-form-item, .x4-form-field {
    font: normal 11px helvetica, arial, verdana, sans-serif;
}

.login-page {
    background: #FFFFFF;
}

.login-page .body-bg {
    background: #FFFFFF;
}

.login-page .main,
.login-page .content,
.login-page #footer {
    width: 100%;
}

.login-page #header {
    width: 100%;
    height: 88px;
    line-height: 88px;
    padding: 0;
    background: #29303a;
    border-bottom: 1px solid #a0a0a9;
}

.login-page #header .logo {
    display: inline-block;
    margin: 32px 0 0 79px;
}

.login-page .form-content {
    padding: 21px 0 10px 24px;
}

.login-page .text-field.login-field {
    background: none;
    overflow: visible;
    height: auto;
    width: 216px;
}

.login-page .text-field.login-field input {
    -webkit-appearance: none;
    border: 1px solid #e1e1e1;
    padding: 10px 6px;
    outline: none;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0 0 14px;
    width: 100%;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 0px;
    border-color: #e1e1e1;
    background-color: #f8f8f8;
    color: #858488;
}

.login-page .register-btn {
    padding: 10px 10px 9px !important;
    color: #4670b0 !important;
    text-decoration: none;
    float: right;
}

.login-page .register-btn:hover,
.login-page .register-btn:focus,
.login-page .register-btn:active {
    text-decoration: underline;
}

.login-page #login-form-box {
    margin-top: 66px;
}

.login-page #login-form-box .button-field {
    width: auto;
    margin: 17px 0 0 0;
    padding: 0;
}

.login-page .btn.greenarrow {
    /*background-color: #a0af00;
    border-color: #a0af00;
    color: #ffffff;
    float: right;
    font: 90%/1.2 Arial,Sans-serif;
    padding: 7px 0 6px;*/
    background-color: #4670b0;
    color: #ffffff;
    border-color: #245090;
    font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 100;
    padding: 9px 22px;
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
    border-radius: 0;
    box-sizing: border-box;
    float: right;
}

.login-page .btn.greenarrow:hover,
.login-page .btn.greenarrow:focus,
.login-page .btn.greenarrow:active {
    background-color: #97a6d1;
    color: #ffffff;
    border-color: #7584b0;
}

.login-page .btn.greenarrow:hover span span,
.login-page .btn.greenarrow:focus span span,
.login-page .btn.greenarrow:active span span {
    color: #ffffff !important;
}

.login-page .btn.greenarrow span {
    background: none;
    border: 0 none;
}

.login-page .btn.greenarrow span span {
    padding: 0 1.8em;
    text-transform: uppercase;
}

.login-page #footer {
    color: #B3BAC8;
    font-size: 11px;
    line-height: 28px;
    text-align: center;
    background:none;
    margin-top : 50px;
}

.login-page .footer-inner {
    background:none;
    padding-top:14px;
}

.login-page #footer .holder {
    overflow: hidden;
    width: 402px;
    background: none;
    margin: 0 auto;
    color: #858488;
}

.login-page #footer .holder p {
    margin: 0;
}

.login-page #footer .holder ul {
    margin:0;
    padding:0;
    list-style:none;
    float: none;
    width: 402px;
    text-align: center;
    line-height: 18px;
}

.login-page #footer .holder li {
    display:inline;
    background:url(../images/v2_logoff/footer-separator.gif) no-repeat 0 7px;
    padding:0 2px 0 7px;
}

.login-page #footer .holder li:first-child {
    background:none;
}

.login-page #footer .holder a {
    color: #4670b0;
    text-decoration: underline;
}

.login-page #footer .holder a:hover {
    text-decoration: none;
}


body.error-page ul.lang {
    float: none;
}

body.error-page .holder {
    color: #B3BAC8;
    font-size: 11px;
    line-height: 36px;
    text-align: center;
}

body.error-page .holder,
body.error-page .lang li.active a {
    text-decoration: none;
}

#login-form-box {
    border : 1px solid #e1e1e1;
    padding : 30px;
}

#branding-bar {
    height : 60px;
    background-color: #9FB000;
}

.reset-password-info {
	font-size: 11px;
}