/*
    Document   : app.css
    Created on : 2011-07-31, 18:36:49
    Author     : GroM
    Description:
        Purpose of the stylesheet follows.
*/

/*

TODO:
* /app/database/add - select background/color change

/* reset begin */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
	{
	display: block;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

body {
	line-height: 1;
	min-width: 1000px;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* reset end */
strong {
	font-weight: bold;
}
/* fonts begin */
@font-face {
	font-family: 'DINCondMedium';
	src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/dincond-medium-webfont.woff') format('woff'),
		url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
		url('../fonts/dincond-medium-webfont.svg#DINCondMediumRegular')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINCondLight';
	src: url('../fonts/dincond-light-webfont.eot');
	src: url('../fonts/dincond-light-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/dincond-light-webfont.woff') format('woff'),
		url('../fonts/dincond-light-webfont.ttf') format('truetype'),
		url('../fonts/dincond-light-webfont.svg#DINCondLightRegular')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINCondBold';
	src: url('../fonts/dincond-bold-webfont.eot');
	src: url('../fonts/dincond-bold-webfont.eot?#iefix')
		format('embedded-opentype'), url('../fonts/dincond-bold-webfont.woff')
		format('woff'), url('../fonts/dincond-bold-webfont.ttf')
		format('truetype'),
		url('../fonts/dincond-bold-webfont.svg#DINCondBoldRegular')
		format('svg');
	font-weight: normal;
	font-style: normal;
}
/* fonts end */

/* main layout begin */
body {
	color: #ffffff;
	background: transparent url(../images/body_bg.png) repeat scroll 0 0;
	font-size: 8.25pt;
	line-height: 120%;
	font-family: Tahoma, Geneva, 'DejaVu Sans Condensed', sans-serif;
	position: relative;
}

.error-msg { color: #009ee0; }
.error-msg h1 { text-align: center; font-size: 36pt; line-height: 130pt; }
.error-msg p { text-align: center; font-size: 20pt; padding: 10px 0; line-height: 20pt; }

#livechat {
	display: inline-block;
	width: 108px;
	height: 76px;
	background-image: url(../images/live_chat.png);
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: fixed;
	right: 6px;
	top: 100px;
}

#suggest {
	display: inline-block;
	width: 95px;
	height: 66px;
	background-image: url(../images/suggest.png);
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: fixed;
	right: 6px;
	top: 250px;
}

#support_help {
	display: inline-block;
	font-family: DINCondMedium;
	color: #c3e6f4;
	position: absolute;
	width: 350px;
	height: 200px;
	right: 0px;
	bottom: 0;
	background-color: transparent;
	background-image: url(../images/support_help.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-align: right;
}

#support_help h3 {
	font-size: 96pt;
	height: 90pt;
	color: #4dc0ff;
	line-height: 96pt;
	font-weight: normal;
	position: relative;
	right: 30px;
	font-family: DINCondMedium;
}

#support_help span.sup {
	font-size: 0.5em;
	position: absolute;
	top:9px;
	line-height: 1em;
	font-family: DINCondMedium;
}

#support_help p.phone {
	color: #009ee0;
	margin-top: 24px;
	font-family: DINCondMedium;
}

#support_help p {
	padding-right: 27px;
	font-size: 30pt;
	font-weight: normal;
	font-family: DINCondMedium;
}

#userbox .welcome {
	display: inline-block;
	text-align: right;
	vertical-align: middle;
	color: #c9c7c6;
}

#userbox .welcome .data {
	color: #009ee0;
	font-weight: bold;
}

#userbox {
	padding-top: 30px;
}

#userbox.secure {
	padding-top: 0;
}

#userbox .imgBtn {
	margin-left: 10px;
}

a,a:hover,a:visited {
	color: #009ee0;
	text-decoration: none;
}

/* navigation */
#navigation {
	width: 25%;
	margin-right: 1%;
	position: relative;
	padding-bottom: 240px;
	font-weight: bold;
}

#navigation .ui-helper-reset {
	font-size: 9pt;
}

#navigation .ui-accordion .ui-accordion-header {
	padding: 1.5em 2em;
	background-image: url(../images/menu_main_split.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	border: 0 none #000000;
	margin-top: 0;
	font-weight: bold;
}

#navigation .ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-e {
	display: none;
}

#navigation .ui-accordion .ui-accordion-header .ui-icon {
	right: 2em;
	left: auto;
	background: url('../images/elements.png') 0 0 no-repeat;
	margin-top: -9px;
	height: 18px;
	width: 12px;
}

#navigation .ui-accordion-header.ui-state-active {
	font-weight: bold;
	position: relative;
	top: -1px;
}

#navigation .ui-accordion-content.ui-accordion-content-active a.ui-state-active {
	color: #a7ddf4;
	background-color: transparent;
	background-image: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
}

#navigation .ui-accordion .ui-accordion-content {
	padding: 0 2em;
	overflow: hidden;
}

#navigation dd a,
#navigation dd .group {
	display: inline-block;
	width: 100%;
	border-top: 1px solid #a7ddf4;
	padding: 0.4em 0;
}

#navigation dd .group .sub {
	padding: 0 0 0.6em;
}

#navigation .ui-accordion .ui-accordion-header.last {
	background-image: none;
}

#navigation dd .group a,
#navigation dd a.first,
#navigation dd .group.first {
	border-top: 0 none #000000;
}

#navigation dd .group>a {
	font-weight: bold;
	padding: 1.2em 0;
}

#navigation dd .sub a {
	border-top: 0 none #000000;
	padding: 0.5em 0 0.5em 1em;
	font-weight: normal;
}

#header-navigation {
	text-align: right;
	border-bottom: 3px solid #0f141a;

	margin-bottom: 25px;
	position: relative;
	height: 42px;
	line-height: 42px;
	background-color: #181e26;
}

#header-navigation.nouser {
	border: 0;
}

#header-navigation a {
	margin: 0 5px; font-weight: bold;
}

#header {
	position: relative;
	margin-bottom: 3em;
}

#navigation,#content {
	display: inline-block;
	vertical-align: top;
}

#content.blackInput {
	width: 320px;
}

#content {
	width: 73%;
	float: right;
}

#content .box {
	margin: 0;
}

#content.nonavigation {
	width: 100%;
}

#userbox {
	float: right;
	width: 315px;
	min-height: 82px;
	background-position: right center;
	text-align: right;
	vertical-align: middle;
}

.langselect { margin: 0; padding:0; position: absolute; right: 0; top: 9px; background-color: #181e26; border-bottom: 3px solid #0f141a; z-index: 10; }
.nouser .langselect { border: 0; }
.langselect li { width: 49px; height: 33px; border-left: 3px solid #0f141a; margin: 0; overflow: hidden; display: none; padding-right: 13px; }
.langselect.hover li { display: block; }
.langselect li.current { border-color: #181E26; padding-left: 0px; display: block; cursor: pointer; }
.langselect span.arrow { position: absolute; right: 13px; background: url('../images/elements.png') -12px -64px; width: 7px; height: 4px; top: 12px; }
.langselect span.icon { width: 16px; height: 11px; background: url('../images/elements.png'); display: block; margin: 9px auto 9px; }

#header-navigation .langselect a { margin: 0; }

.langselect .ua span.icon { background-position: 0 -81px; }
.langselect .en span.icon { background-position: 0 -125px; }
.langselect .pl span.icon { background-position: 0 -114px; }
.langselect .de span.icon { background-position: 0 -136px; }

.langselect span.arrow { }

.main {
	width: 980px;
	margin: 10px auto 0;
}

.logo {
	background-image: url(../images/mc2_logo.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 149px;
	height: 82px;
}

#logo {
	vertical-align: middle;
	margin-right: 50px;
}

#footer {
	background: #0f141a url(../images/foot-bg.png) no-repeat scroll top
		center;
	color: #ffffff;
	font-family: Tahoma, Geneva, 'DejaVu Sans Condensed', sans-serif;
	text-align: center;
	font-size: 7.5pt;
	padding: 3em 0 2em;
	margin-top: 2.6em;
	position: relative;
	/*
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    */
}

#footer * {
	padding: 0;
	margin: 0;
}

#footer .list {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 1em;
	width: 150px;
}

#footer .numbers {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: 80px;
}

.secure {
	background-color: transparent;
	background-image: url(../images/secure_logo.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#footer .list.rest {
	width: 436px;
}

#footer .rest p {
	margin-right: 135px;
	padding-bottom: 1em;
}

#footer .list dt {
	text-transform: uppercase;
	color: #414c52;
	padding-bottom: 1em;
}

#footer .list dd {
	margin: 0;
	padding: 0;
}

#footer .list dd ul {
	padding: 0;
}

#footer .list dd li {
	border-bottom: 1px solid #414c52;
	list-style-position: inside;
	list-style-type: square;
	font-size: 6pt;
	padding-top: 4px;
	padding-bottom: 4px;
}

#footer .list dd li a {
	font-size: 8.25pt;
	color: inherit;
}

#footer .support,#header .support,#footer .sale {
	font-size: 30pt;
	margin: 5px;
	font-family: 'DINCondMedium';
	width: auto;
}

#footer .support,#header .support {
	background: transparent url(../images/footer_rescue.png) no-repeat
		scroll 0 0;
	color: #009ee0;
}

#header .support {
	background-image: none;
	display: inline-block;
	vertical-align: middle;
}

#footer .sale {
	background: transparent url(../images/footer_phone.png) no-repeat scroll
		0 0;
	color: #e26a00;
}

#header .support {
	font-family: 'DINCondMedium';
}

#footer .support dt,#footer .sale dt,#header .support dt {
	font-size: 15pt;
	color: #93aeba;
	text-transform: uppercase;
}

#header .support dt {
	font-size: 12pt;
	position: relative;
	left: 27px;
	top: 5px;
	font-family: 'DINCondBold';
}

#footer .support dt,#footer .sale dt {
	padding: 0.4em 0 0.7em 40px;
}

#header .support dd {
	margin-left: 0.8em;
	margin-top: 1%;
	font-size: 36pt;
}

.bread {
	color: #009ee0;
	font-size: 10.5pt;
}

.bread a {
	font-size: 7.5pt;
}
/*
.navigation dt.current{
    background-color: #181e25;
    color: #ffffff;
}

.navigation dd.current{
    background-color: #00a3e2;
    color: #ffffff;
}

.navigation dd.current a.current{
    color: #a7ddf4;
}
.navigation dd.current a{
    color: #ffffff;
}
*/
.right {
	float: right;
}

/* buttons begin */
.on_off {
	border: 2px solid #000000;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	display: inline-block;
	width: 60px;
	height: 30px;
	background-color: transparent;
	background-image: url(../images/btn_on_off.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
}

.on_off.on {
	background-position: 0 100%;
}

.on_off.disabled:hover {
	cursor: default;
	border-color: #000000;
}

div.imgBtn,a.imgBtn,a:hover.imgBtn,a:visited.imgBtn {
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0.5em 0.75em;
	/*vertical-align: middle;*/
}

.imgBtn {
	background: #181e25 url(../images/btn_black_bg.png) repeat-x scroll 0 0;
	padding: 3px 10px;
	text-align: center;
	color: #009ee0;
	border: 1px solid #000000;
	text-transform: uppercase;
	font-family: 'DINCondMedium';
	font-size: 12pt;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

.imgBtn:hover,.on_off:hover {
	border-color: #009ee0;
}

.imgBtn.disabled {
	color: #3d3d3d;
	cursor: default;
}

.imgBtn.white,.imgBtn.white:hover {
	background-color: #ececec;
	background-image: url(../images/btn_white_bg.png);
	border: 0 none;
	color: #a2a5a8;
}

.imgBtn.orange,.imgBtn.orange:hover {
	background-color: #f17100;
	background-image: url(../images/btn_orange_bg.png);
	border: 0 none;
	color: #ffffff;
}

.imgBtn.orange.wide {
	width: 340px;
}

input.imgBtn.orange.halfwide {
	width: 174px;
	min-height: 31px;
}

.imgBtn.orange.halfwide {
	width: 150px;
}

.imgBtn.blue,.imgBtn.blue:hover {
	background-image: url(../images/btn_blue_bg.png);
	background-color: #008bda;
	border: 0 none;
	color: #ffffff;
}

.part.bottom {
	border-bottom: 1px solid #2e353d;
	width: 200px;
	padding: 0 0 0 20px;
}

.part {
	display: table-cell;
	color: #e8e8e8;
	line-height: 1.4em;
	vertical-align: middle;
	padding: 0.5em;
}

#vps_bw_more .part { padding: 10px 0.5em 5px; width: 320px; }
#vps_bw_more .second-part { padding: 27px 0.5em 5px; }
#vps_bw_more .part input, .minusmarg { margin-top: -3px; }
#vps_bw_more .part label { font-weight: normal; }

.part.stats {
	border-right: 1px solid #2e353d;
	width: 430px;
	padding: 0 20px 0 0;
}

.part .imgBtn {
	margin: 0.5em 0;
}

/* buttons end */

/* info begin */
.payment_info {
	background: #b4e3f6 url(../images/info_blue_bg.png) repeat-x scroll 0 0;
	color: #525252;
	padding: 0.5em 1em;
	border: 1px solid #78c8e9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0.5em 0;
}

.payment_info span {
	display: table-cell;
	vertical-align: middle;
}

.payment_info strong {
	font-size: 9.75pt;
	font-weight: bold;
}

.payment_info .amount {
	color: #2e353d;
	font-size: 30pt;
	display: table-cell;
	width: 50%;
	text-align: right;
	vertical-align: middle;
}

.pay input.ppal {
	float: right;
}

/* info end */

/* helper begin*/
.part2 {
	width: 47%;
}

.toolbar {
	padding: 0.5em 0;
}

.records-toolbar { padding: 10px 11px; border-radius: 3px; background-color: #070c12; border:1px solid #000000; margin-bottom: 10px; height: 29px; }

.line {
	height: 1px;
	width: 100%;
	background-color: #2e353d;
}

.nh {
	height: 0;
	padding: 0;
	margin: 0;
}

.ib {
	display: inline-block;
	padding: 0.5em;
	vertical-align: middle;
}

.header,.header-part legend {
	font-family: 'DINCondLight';
	font-size: 22.5pt;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 0.5em;
	padding: 0.5em 0;
	border-bottom: 1px solid #2e353d;
}

.header a.imgBtn {
	padding: 0.5625em 1.125em;
	margin: -1em 0 0;
}

.sub-header {
	font-family: 'DINCondLight';
	font-size: 22.5pt;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 0.5em;
	padding: 0.5em 0 0;
	color: #FFFFFF;
}

h3.header {
	font-size: 7.5pt;
	text-transform: uppercase;
	font-family: inherit;
	border-bottom: 1px solid #df9f06;
	color: #df9f06;
	padding-top: 1em;
}

.header-part legend {
	display: block;
	width: 100%;
}

.box {
	background-color: #0f141a;
	padding: 1em 2em;
	margin: 1em 0;
}

.box.info {
	background-color: #def4b4;
	background-image: url('../images/box_info_bg.png');
	color: #6caa00;
	border-color: #aae149;
}

.phonepfx {
	font-size: 0.6em;
}

dd#skype span.skype_pnh_container, dd#skype span.skype_pnh_container * {
	font-family: 'DINCondLight' !important;
	font-size: 36pt !important;
	font-weight: normal !important;
	font-style: normal !important;
	margin: 0 0 0.5em !important;
	padding: 0.5em 0 !important;
}

#header .phonepfx {
	font-size: 21pt;
	position: relative;
	left: 6px;
}

.gray {
	color: #d7d6d6;
}

.green {
	color: #79b914;
}

.blue {
	color: #009ee0;
}

.orange {
	color: #df9f06;
}

.upCase {
	text-transform: uppercase;
}
/* helper end */
/* form begin */
.part-login {
	width: 550px;
}

.login a,.cloud a {
	font-weight: bold;
}

.form.login .imgBtn {
	font-size: 15pt;
	padding: 0.2em;
}

.form.formFlex dl {
	display: flex;
	flex-flow: row wrap;
}

.form.formFlex dl dt,
.form.formFlex dl dd {
	float: none;
	margin-bottom: 1rem;
}

.form dl dt.nh {
	min-height: 0;
}

.form dl dt,.form dl dd {
	float: left;
	min-height: 40px;
	vertical-align: middle;
	line-height: 200%;
}

.form dl dt {
	width: 170px;
	clear: both;
}

.form.login dl dt {
	width: 165px;
}

.form dl dt label {
	line-height: 31px;
}

.form dl dt label.required {
	display: inline-block;
	width: 100%;
	/*background: transparent url(../images/icon_required.png) no-repeat 90%
		50%;*/
}

.form.noRequired dl dt label.required {
	background-image: none;
}

.form dl dd {
	margin-left: 0;
	font-weight: bold;
	width:500px;
}

.dns-record-form dl dd { width: 460px; }

.form.no-error dl dd { width: auto; }

.form dl dd .error-desc { float: right; clear: none; width: 145px; line-height: 11pt; }

.form.login dl dd {
	width: 340px;
}

.form.login #login-element {
	margin-top: 40px;
}

.form.forgot dl dt label.required {
	background: none;
}

.form.forgot #challenge-element {
	margin-bottom: 13px;
}

.form.forgot .blackInput {
	width: 296px;
}

.form.forgot #send-element input,.form.register #register-element input,.form-vps #save-element input
	{
	width: 318px;
	height: 36px;
	font-size: 15pt;
	margin-bottom: 20px;
}

.form-vps #dn { padding: 5px; line-height: 30px; }

.form-createsites #save-element input, .form-change #save-element input
{
	width: 342px;
	height: 36px;
	font-size: 15pt;
	margin-bottom: 20px;
}

.form.register #register-element input {
	width: 341px;
	margin-top: 10px;
	margin-left: 170px;
}

.form-createsites #save-element
{
	margin-top: 10px;
}
.form .invalidInput,.form span.required {
	position: relative;
	display: block;
	width: 343px;
	float: left; clear: none;
}

.form.register dl {
	display: flex;
	flex-flow: row wrap;
}

.form.register dt {
	float: none;
}

.form.register.no-error dl dd {
	width: 342px;
	float: none;
}

.form span.required .icon,
.form dd.required:after {
	background: url(../images/icon_required.png) no-repeat scroll 0px 0;
	width: 11px;
	height: 10px;
	position: absolute;
	right: 8px;
	top: 11px;
}

.form dd.required, .form dd.invalidInput {
	position: relative;
}

.form dd.required:after,
.form dd.invalidInput:after {
	content: ' ';
}

.form span.invalidInput .icon,
.form dd.invalidInput:after {
	background: url(../images/elements.png) no-repeat scroll -29px 0;
	width: 11px;
	height: 10px;
	position: absolute;
	right: 8px;
	top: 11px;
}

.form.user-edit #MailAddress-label,.form.user-edit #MailAddress-element
	{
	margin-top: 20px;
}

.form.user-edit #save-label {
	float: left;
	clear: none;
	width: 170px;
}

.form.user-edit #save-element input {
	width: 342px;
	float: left;
	clear: none;
}

.form .invalidInput input,.form .invalidInput #recaptcha_area {
	border: 1px solid #c30000;
	box-shadow: 0 0 5px #c30000;
	-moz-box-shadow: 0 0 5px #c30000;
	-webkit-box-shadow: 0 0 5px #c30000;
	-moz-border-radius: 5px;
	border-radius: 5px;
	outline: none;
}

.form .invalidInput input.checkbox {
	border: 1px solid #c300004a;
	box-shadow: 0 0 10px 2px #c30000;
	-moz-box-shadow: 0 0 10px 2px #c30000;
	-webkit-box-shadow: 0 0 10px 2px #c30000;
	-moz-border-radius: 5px;
	border-radius: 5px;
	outline: 2px solid #c300004a;
	margin-right: 10px;
}

p.hint {
	margin-left: 165px;
	clear: both;
	line-height: 1.5em;
	padding-top: 0.5em;
}

.invisibleInput,.blackInput {
	color: #ffffff;
	background-color: transparent;
	border-style: none;
	padding: 5px 10px;
	font-size: 9pt;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 320px;
}

.blackInput {
	background: #0f141a url(../images/blackinput_bg.png) repeat-x scroll 0 0;
	border: 1px solid #000000;
	outline: none;
}

select.blackInput { /*-webkit-appearance: none;*/
	color: black;
	background-color: #FFFFFF;
}

.blackSelect { width: 340px; height: 27px; }

.blackInput.small { width: 174px; }

.form dd.slider {
	vertical-align: middle;
	width: 300px;
	min-height: 40px;
	padding: 0 20px;
}

.form dd.slider .sliderValue {
	text-align: center;
}

.form dd.slider .ui-slider {
	margin-top: 10px;
}
/* form end */

/* data table begin */
.dataTable {
	border-collapse: separate;
	border-spacing: 0 1px;
	margin: 0 auto;
	color: #9b9b9b;
	width: 100%;
}

.dataTable tbody td {

}

.dataTable td,.dataTable th {
	padding: 1em;
	border: 1px solid #1a212a;
	line-height: 1em;
	border-width: 0 0 1px 1px;
}

.dataTable td {
	color: #FFFFFF;
	vertical-align: middle;
}

.dataTable td .imp {
	color: #ffffff;
	font-weight: bold;
}

.dataTable td.name a {
	font-weight: bold;
}

.dataTable td.name a:hover {
	text-decoration: underline;
}

.dataTable .alt,.dataTable .alt td {
	background-color: #181e25;
}

.dataTable tr:hover td {
	background-color: #000000;
}

.dataTable th {
	background-color: #009ee0;
	color: #ffffff;
	border-color: #00b1e6;
}

.dataTable .numeric {
	text-align: right;
}

.dataTable .id {
	min-width: 10%;
	text-align: center;
}

.vpsList .id {
	padding: 1em 0.2em;
}

.dataTable .name {
	line-height: 17px;
}

.dataTable .actions, .dataTable .last {
	border-width: 0 1px 1px;
}

.dataTable th.actions {

}

.dataTable td.actions {
	text-align: right;
}

.dataTable .even td {
	background-color: #181e25;
}

.dataTable #total {
	font-size: 1.6em;
	min-width: 4.5em;
}

.domainList .actions {
	min-width: 115px;
}

#frmPay .dataTable td {
	font-weight: bold;
}
/* data table end */

.srv-lst { margin-top: 5px; }

/* list table begin */
.listTable {
	border-collapse: collapse;
	margin: 0 auto;
	color: #e0e0e0;
	width: 100%;
}

.listTable .alt {
	background-color: #181e25;
}

.listTable .no-alt td { border-bottom: 1px solid #181e25; }

.listTable td {
	vertical-align: middle;
	line-height: 1.5em;
}

.listTable .oslogo,.listTable .applogo {
	padding: 15px;
	width: 100px;
}

.listTable .oslogo img,.listTable .applogo img {
	vertical-align: middle;
	height: 64px;
	width: 64px;
}

.listTable .name {
	font-size: 2em;
	font-weight: bold;
}

.listTable.os {
	font-style: italic;
	color: #919191;
	font-size: 9.75pt;
	margin: 1em 0;
}

.listTable.os td {
	border-bottom: 1px solid #0b0f15;
}

.listTable.os .blue {
	font-style: normal;
	font-weight: bold;
}

.listTable.config,.listTable.os .confirm {
	font-style: normal;
	color: #e0e0e0;
	border-bottom-style: none;
}

.listTable .actions {
	min-width: 25%;
	text-align: right;
}

.vpsStatus {
	text-transform: uppercase;
	font-family: 'DINCondMedium';
	font-size: 11pt;
}

.pass { font-size: 11pt; padding: 15px 0; }

.vpsStatus a {
	float: right;
}

.vpsStatus .ib {
	padding: 0.65em 0.6em 0.65em 0;
	float: left;
}

.status {
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	text-transform: uppercase;
	display: block;
	width: 100%;
	font-size: 0.8em;
	margin-top: 0.5em;
	padding: 2px 0;
}

.status.running {
	background-color: #79b914;
}

.status.init {
	background-color: #009ee0;
}

.status.inactive {
	background-color: #f49200;
}

.status.wrong {
	background-color: #ff0000;
}

.status.error {
	padding: 2px 0;
	border-style: none;
}

.due,.end {
	color: #860709;
}

.listTable .details a {
	font-size: 10.5pt;
	font-weight: bold;
}

.listTable .details .label {
	display: inline-block;
	width: 150px;
	font-size: 8.25pt;
}

.listTable .details .label1 { font-size: 8.25pt; }
.listTable .details .value1 { display: inline-block; font-weight: bold; width: 80px; font-size: 8.25pt; }

.listTable .details .value {
	font-weight: bold;
	font-size: 8.25pt;
}

.listTable .finance {
	text-align: right;
}

.listTable .finance .value {
	display: inline-block;
	width: 100px;
	color: #009ee0;
	font-size: 13.5pt;
}

.listTable .finance .value {
	display: inline-block;
	width: 100px;
}

.listTable .icon {
	width: 95px;
	height: 80px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	position: relative;
}

.listTable .iconwrap { height: 80px; position: relative; }
.listTable div.icon { top:-5px; height: 100px; position: absolute; }

.listTable.infoData td {
	vertical-align: top;
}

.listTable.infoData .value {
	font-weight: bold;
}
/* list table end */
/* upgrade table begin */
.upgradeBox {
	color: #9b9b9b;
	background-color: inherit;
}

.upgradeBox form {
	background-color: inherit;
}

.upgradeTable {
	width: 100%;
	padding: 0.5em 0 1em;
}

.upgradeTable .slider {
	border-right: 1px solid #181e26;
}

.slider {
	padding: 0 30px 0 31px;
}

.upgradeTable td { min-height: 50px; }

.upgradeTable .numeric {
	width: 25%;
	text-align: right;
	vertical-align: top;
}

.upgradeTable .numeric .ib {
	width: 60px;
	text-transform: uppercase;
	font-size: 6.75pt;
	text-align: left;
	line-height: 120%;
}

.upgradeTable .numeric .ib strong {
	color: #ffffff;
	font-weight: bold;
}

.upgradeTable .numeric .ib.label {
	width: 20px;
	text-align: left;
}

.upgradeTable .numeric .ib.value {
	font-family: 'DinCondMedium';
	font-size: 27pt;
	text-align: right;
	width: 52px;
	padding: 0 0 0 0em;
	font-weight: normal;
}

.upgradeTable .firstColumn.numeric .ib.value { width: 75px; }
.upgradeTable .firstColumn.numeric .ib.label { vertical-align: top; }
.upgradeTable .thirdColumn { width: 121px; font-weight: normal; padding-top: 5px; }

#cpuSlider, #ramSlider {
	background: none;
	border: none;
}

#cpuSlider .ui-slider-range, #ramSlider .ui-slider-range { background: url('../images/slider-top.png') no-repeat; }
#cpuSlider .ui-slider-handle, #ramSlider .ui-slider-handle { outline: none; }

.upgradeTable .secondColumn .sliders { height: 18px; background: transparent url('../images/slider-bg.png') repeat-x; padding-top: 7px; margin-top: 7px; }
.upgradeTable .thirdColumn.numeric .ib strong { color: #9B9B9B; margin-bottom: 1px; display: block; }
.upgradeTable .thirdColumn.numeric .ib { line-height:9px; padding: 0 0.1em 0 0; vertical-align: top; }
.upgradeTable .thirdColumn.numeric .ib.value { vertical-align: middle; line-height: 22pt; }

.upgradeOrangeLight.infoBox {
	padding-left: 70px;
}

.upgradeOrangeLight {
	border: 1px solid #fbe082;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff2c8;
	color: #525252;
	margin-bottom: 30px;
	padding-left: 1em;
	line-height: 2em;
	clear: both;
	margin-top: 10px;
}

.upgradeOrangeLightPrice {
	text-align: center;
	height: 100%;
	background-color: #f17100;
	background-image: url(../images/btn_orange_bg.png);
	background-repeat: repeat-x;
	color: #ffffff;
	font-size: 22.5pt;
	float: right;
	padding: 0.2em 0em 0.4em;
	vertical-align: middle;
	position: relative;
	min-width: 350px;
}

.gross_price { font-size: 10pt; }

.upgradeOrangeLightDescription {
	float: left;
	clear: none;
	width: 300px;
	padding-top:5px;
	line-height: 11pt;
}

.upgradeOrangeLightPrice sup {
	vertical-align: text-top;
	font-size: 0.5em;
}

.upgradeOrangeLightPrice .priceGt {
	display: inline-block;
	height: 100%;
	width: 15px;
	background: transparent url(../images/price_gt.png) no-repeat 0 50%;
	position: absolute;
	top: 0;
	left: 0;
}

#vps_bw_more_need {
	cursor: pointer;
	background-color: #009ee0;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	padding: 0 25px 0 9px;
	font-size: 6pt;
	line-height: 15px;
	min-width: 75px;
	height: 15px;
	position: relative;
}

#vps_bw_more_need .icon {
	background: url(../images/elements.png) 0 -72px; width: 8px; height: 8px; position: absolute; top: 50%; margin-top: -4px; right: 3px;
}

#vps_bw_more_need.down .icon { background: url(../images/elements.png) 0 -64px; }

#vps_bw_more {
	clear: both;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
	top: -2px;
}

ul.tr-cost { font-weight: normal; line-height: 16pt; }
p.iptxt { color: #FFFFFF; font-weight: normal; }

/* upgrade table end */
/* chooser - begin */
ul.chooser * {
	vertical-align: middle;
}

ul.chooser a {
	font-size: 2em;
}

ul.chooser .applogo {
	padding: 10px;
}

ul.chooser {
	margin: 1em 0;
}
/* chooser - end */
ul.check {
	padding: 1em;
}

ul.check li {
	list-style-type: none;
	list-style-image: url(../images/icon_check.png);
	margin-left: 40px;
	padding: 0.5em 0;
}

label,label input {
	vertical-align: middle;
}

label input {
	margin: 0 0.5em;
}

.error {
	background-color: #ff8888;
	border: 1px solid #ff0000;
	padding: 3px 5px;
}

.ok, .nodisappearok {
	background-color: #88ff88;
	border: 1px solid #00ff00;
	padding: 3px 5px;
}

.errors {
	color: #ff0000;
	font-weight: bold;
	margin-left: 5px;
}

.clr {
	clear: both;
}

.txtc {
	text-align: center;
}

.txtl {
	text-align: left;
	margin-top: 15px;
}

.res-form .txtc { width: 50%; float: left; clear: none; }
.res-form p { text-align: center; }

.vmiddle {
	vertical-align: middle;
}

.space,.space td {
	padding-top: 2em;
}

.statsIcons {
	height: 100px;
	color: #646464;
}

.statsIcons .gauge {
	display: inline-block;
	width: 100px;
	height: 100px;
	background-image: url(../images/circle_inner_bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

.statsIcons .gauge .gauge_c {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
}

.statsIcons .gauge .gauge_c .gauge_cc {
	display: inline-block;
	position: relative;
	margin-top: -50%;
	left: -50%;
	text-align: center;
}

.statsIcons .header {
	font-size: 15pt;
	color: #009ee0;
	font-family: 'DINCondMedium';
	border-bottom: 0 none #ffffff;
}

.left-box {
	float: left;
	clear: none;
}

/* cloud box begin */
.cloud {
	border: 2px solid #2e353d;
	position: relative;
	display: inline-block;
	padding: 0px 10px 10px;
	background-color: inherit;
	vertical-align: middle;
	margin-left: 10%;
	margin-top: 34px;
	margin-bottom: 34px;
	/*line-height: 1.5em;*/
	line-height: 14px;
	font-size: 8.25pt;
}

.cloud .topBreak {
	left: 20px;
	width: 30px;
	height: 2px;
	background-color: inherit;
	display: block;
	top: -2px;
	position: absolute;
}

.cloudHeader {
	font-family: 'DINCondLight';
	font-size: 43.29pt;
	padding: 0.2em 0.1em 0.45em;
	display: block;
	line-height: 1em;
}

.cloudHeader small {
	display: block;
	float: right;
	margin-right: 27px;
	font-size: 28.5pt;
	clear: both;
	position: relative;
	top: -11px;
}

.cloudHeader.normal {
	font-size: 10.5pt;
	font-family: inherit;
	color: #f27700;
	font-weight: bold;
	margin-bottom: 10px;
}

/**
* TODO: Połaczyć te dwa poniżej
*
*/
.cloud .pointDownGrey {
	position: absolute;
	display: block;
	width: 29px;
	height: 31px;
	right: 20px;
	bottom: -31px;
	background-image: url(../images/point_down_grey.png);
	background-repeat: no-repeat;
	background-color: inherit;
}

.cloud .pointDownGreen {
	position: absolute;
	display: block;
	width: 29px;
	height: 31px;
	right: 20px;
	bottom: -31px;
	background-image: url(../images/point_down_green.png);
	background-repeat: no-repeat;
	background-color: inherit;
}

.cloudDocument {
	padding-left: 90px;
	padding-top: 1em;
	margin-left: 0;
	background-image: url(../images/icon_document.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

.cloudDb {
	padding: 20px 20px 20px 104px;
	margin-left: 0;
	background-image: url(../images/icon_db.png);
	background-repeat: no-repeat;
	background-position: 23px 50%;
}


.cloudDb a {
	font-size: 9.75pt;
}

.cloudDb .cloudHeader {
	padding: 0;
}

.cloud.cloudOne {
	margin-left: 0;
	display: block;
}

.cloud.green {
	border-color: #6caa00;
	color: #FFFFFF;
	padding: 20px;
}

.cloud.blue {
	border-color: #009ee0;
}

.cloud.green .cloudHeader {
	font-size: 41.25pt;
	color: #79B914;
	padding: 0em 0em 0;
}

.cloud.login {
	width: 376px;
	margin: 0;
	float: right;
	margin-top: 0.7em;
}

.cloud.forgot {
	width: 376px;
	margin: 0;
	float: right;
	margin-top: 0.3em;
	margin-bottom: 30px;
}

.cloud.register {
	float: right;
	clear: none;
	margin-left: 0;
	margin-top: 3px;
	width: 330px;
	padding: 3em 2em 1em;
}

.cloud.register span.icon {
	display: block;
	background: url('../images/elements.png') 0 -160px no-repeat;
	width: 94px;
	height: 109px;
	float: left;
	margin-right: 24px;
	position: relative;
	top: -14px;
}

.cloud.register .cloudHeader {
	padding: 0;
	font-size: 29pt;
	color: #009ee0;
}

.cloud.register .cloudHeader span.big {
	display: block;
	font-size: 43pt;
}

.cloud.register .cloudHeader span.big sup {
	position: relative;
	bottom: 20px;
	right: 0px;
	font-size: 20pt;
	font-family: DINCond-Medium;
}

.form.register {
	float: left;
	clear: none;
}

.form.register input {
	outline: none;
}

/* cloud box end */
/* messages begin  */
.message {
	position: relative;
	padding: 1em 1em 1em 100px;
	background-position: 30px 50%;
	background-repeat: no-repeat;
    border-style: solid;
	border-width: 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 9.75pt;
	margin: 0em 0 3em;
	min-height: 30px;
}

.message h4 {
	font-weight: bold;
	background-position: 95% 50%;
}

.message .close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 12px;
	height: 12px;
	display: block;
}

.message.ok, .message.nodisappearok {
	color: #6caa00;
	border-color: #aae149;
	background-color: #def4b4;
	background-image: url(../images/box_ok_icon.png);
}

.message.ok .close, .message.nodisappearok .close  {
	background-image: url(../images/box_ok_close.png);
}

.message.error {
	color: #c30000;
	border-color: #f08282;
	background-color: #eeb4b4;
	background-image: url(../images/box_error_icon.png);
}

.message.error .close {
	background-image: url(../images/box_error_close.png);
}

.message.warning {
	color: #f27700;
	border-color: #fbe082;
	background-color: #fff6d5;
	background-image: url(../images/box_warning_icon.png);
}

.message.warning .close {
	background-image: url(../images/box_warning_close.png);
}

/* messages end */
.access_item {
	display: inline-block;
	padding: 0.4em;
	background-color: #181E25;
	border: 1px solid #131920;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* jqueryui begin */
.ui-slider.ui-widget .ui-widget-content {
	background-color: #2d3946;
	background-image: none;
	border-color: #2a3541;
}

.ui-slider.ui-widget .ui-slider-range {
	background-image: url(../images/btn_orange_bg.png);
}

.ui-slider.ui-widget .ui-slider-handle {
	background-color: transparent;
	background-image: url(../images/slider_orange.png);
	width: 38px;
	height: 20px;
	margin-left: -19px;
	top: -5px;
	border: 0 none #ffffff;
}

/* jqueryui end */

/* -------------------------------------- Live Chat Window ----------------*/
.lc-bubble {
	position: fixed;
	bottom: 0;
	width: 417px;
	padding: 15px 13px;
	right: 30px;
	z-index: 100;
	background: #FFAE02 url('../images/pattern-g2.png') repeat;
	margin-bottom: 30px;
	margin-right: 10px;
	display: none;
}

.lc-bubble .lc-close {
	position: absolute;
	right: 3px;
	top: 3px;
	background: url('../images/elements.png') no-repeat -12px -0px;
	height: 19px;
	width: 17px;
	cursor: pointer;
}

.lc-bubble .lpc {
	width: 260px;
	float: left;
	clear: none;
}

.lc-bubble .rpc {
	float: right;
	cleat: none;
	width: 141px;
}

.lc-bubble form .ff {
	margin-bottom: 10px;
}

.lc-bubble form input {
	width: 240px;
	height: 10px;
	border: 0;
	padding: 10px;
	font-size: 9pt;
	color: #343B43;
	font-family: Tahoma, Geneva, 'DejaVu Sans Condensed', sans-serif;
	font-weight: bold;
	outline: none;
	background: transparent url('../images/elements.png') -40px 0 no-repeat;
}

.lc-bubble form textarea {
	width: 240px;
	padding: 10px;
	border: 0;
	background: transparent url('../images/elements.png') -40px -29px
		no-repeat;
	font-size: 9pt;
	color: #343B43;
	font-family: Tahoma, Geneva, 'DejaVu Sans Condensed', sans-serif;
	font-weight: bold;
	outline: none;
	height: 110px;
}

.lc-bubble .lc-hand {
	height: 32px;
	width: 136px;
	background: transparent url('../images/elements.png') -141px -160px
		no-repeat;
}

.lc-bubble .rpc p {
	color: #FFFFFF;
	text-align: left;
	font-size: 8.25pt;
	margin: 4px 0 0;
	padding: 0;
	line-height: 17px;
	display: block;
}

.lc-bubble .lc-arrow {
	height: 23px;
	width: 41px;
	background: transparent url('../images/elements.png') -242px -195px
		no-repeat;
	margin: 15px 0 0 7px;
}

.lc-bubble form button {
	color: #FFFFFF;
	border: 0;
	width: 141px;
	height: 36px;
	text-align: center;
	font-size: 15pt;
	font-family: DINCondMedium;
	margin-top: 15px;
	background: transparent url('../images/elements.png') -159px -262px
		no-repeat;
}

.lc-bubble .tail {
	position: absolute;
	width: 27px;
	height: 26px;
	bottom: -26px;
	left: 13px;
	background: url('../images/elements.png') -0px -18px no-repeat
}

.domain .edit-form {
	background-color: #070c12;
	border: 1px solid #000000;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	padding: 19px 13px;
}

.domain .d-editing td {
	border-bottom: 0;
}

.domain .in-editing td {
	padding: 0 1px 2px;
	border-right: 1px solid #1a212a;
}

.domain .form #fieldset-buttons {
	clear: both;
	width: 100%;
	text-align: center;
}

.loader {
	text-align: center;
	line-height: 16px;
}
.vpsStatus .loader { float: right; clear: none; padding-top: 8px; }

.loader img { /* 	margin-right: 10px; */
	vertical-align: middle;
}

tr.confirm.orange td {
	background: #ffefb6 url(../images/box_bg_yellow.png) repeat-x top;
	border: 1px solid #fbe082;
	-webkit-border-radius: 20p;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 0;
}

tr.confirm.orange td>div {
	min-height: 90px;
	position: relative;
	padding-top: 10px;
}

tr.confirm.orange td div.buttons {
	text-align: center;
	width: 100%;
	clear: both;
	float: none;
	margin: 16px 0 10px;
}

tr.confirm.orange td span {
	color: #f27700;
	font-weight: bold;
	float: left;
	margin: 3px 8px 8px 100px;
	display: block;
	text-align: center;
	position: relative;
	font-size: 9.75pt;
	line-height: 14pt;
}

tr.confirm.orange td span.icon {
	background: url(../images/elements.png) no-repeat -102px -221px;
	margin: 8px 0 8px 18px;
	width: 44px;
	height: 40px;
	display: block;
	position: absolute;
	top: 8px;
}

tr.confirm.orange .loader {
	color: #000000;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 100%;
}

tr.confirm button {
	border: 0;
}

tr.confirm button.orange {
	color: #FFFFFF;
 	background: url(../images/btn_orange_bg.png) repeat-x;
	border-radius: 3px;
	font-size: 12.75pt;
	height: 36px;
	min-width: 150px;
	padding: 0;
	font-family: DINCondMedium;
	text-transform: uppercase;
	margin: 0 7px;
	cursor: pointer;
}

tr.confirm button.white {
	height: 31px;
	cursor: pointer; color : #a2a5a8;
	background-color: #f1f1f1;
	width: 120px;
	font-family: DINCondMedium;
	margin: 2px 7px;
	font-size: 11.25pt;
	text-transform: uppercase;
	color: #a2a5a8;
}

/* select wrapper */
ul.select {
	margin: 0;
	padding: 0;
	width: 260px;
	background-color: #0f141a;
	border-radius: 3px;
	border: 1px solid #000000;
	float: left; clear: none;
	position: absolute;
	background: #0F141A url(../images/blackinput_bg.png) repeat-x scroll 0 0;
	z-index: 30;
	max-height: 230px;
	overflow: auto;
}

ul.bigBlackInput { width: 340px; }
.invalidInput ul.select { box-shadow: 0 0 5px #c30000; border: 1px solid #c30000; }

ul.select li { display: block; height: 30px; line-height: 30px; padding: 0 11px; display: none; margin: 0px; cursor: pointer; }
ul.select li.selected {
	display: block;
}

ul.select.hover li.selected {
	border-bottom: 1px solid #000000;
	border-radius: 3px;
}

ul.select li.selected span.icon { position: absolute; top: 7px; right: 7px; background: url(../images/elements.png) 0 -45px; display: block; width: 19px; height: 19px; }
ul.select.hover li { display: block; }

a.headbutton, a.headbutton:hover { padding: 11px 23px; min-width: 150px; font-family: DINCondMedium; font-size: 12.75pt; margin-top: 10px; }

.bigbtn, a.bigbtn, a.bigbtn:hover { min-width: 130px; height: 36px; line-height: 36px; font-size: 12.75pt; padding: 0 10px; font-family: DINCondMedium; }
a.white.bigbtn, a.white.bigbtn:hover { height: 31px; line-height: 31px; font-size: 11.25pt; margin-top: 3px; }

.labelcp { font-size: 8.25pt; font-family: Tahoma, Geneva, 'DejaVu Sans Condensed', sans-serif; }
#copy-paste { margin: 0 11px 0 34px; }

#upgrade-form { overflow: hidden; padding-bottom: 30px; border-bottom: 1px solid #2e353d; margin: 20px 0 10px; }
#upgrade-form .utxt { color: #919191; font-style: italic; margin-bottom: 20px; }
#upgrade-form .upgradeTable { color: #9b9b9b; }

ul.paginator { float: right; margin-top: 21px; }
ul.paginator li { float: left; clear: none; width: 24px; height: 29px; text-align:center; line-height: 29px; margin-left: 3px; font-weight: bold;  background: url('../images/elements.png') 0 -269px no-repeat; }
ul.paginator li.current { background: url('../images/elements.png') -30px -269px no-repeat; }
ul.paginator a {display: block; width:24px; hegiht:29px; line-height:29px; color: #009ee0; }

.register-order-details { float: right; clear: none; width: 378px; }
.register-order-details .srv-data { padding: 5px 0px 5px 10px; }
.form.register #bussines-element  label { float: left; clear: none; width: 100px; }
.form.register #bussines-element input { margin-top: -3px; }
.form.register #dn { line-height: 40px; margin-left: 5px; }
a.gts { font-size: 8.25pt; font-family: Tahoma, Geneva, 'DejaVu Sans Condensed', sans-serif; font-weight: bold; }
.bottom-brdr { padding-bottom: 19px; border-bottom: 1px solid #2e353d; margin-bottom: 15px; }
.bottom-brdr p { font-weight: normal; color: #e0e0e0; font-size: 8.25pt; line-height: 11.25pt; }
.vps-os, .vps-hdd { margin-top: 25px; line-height: 16pt; }
.vps-os li, .vps-hdd li { color: #009ee0; font-weight: normal; font-size: 8.25pt; float: left; clear: none; width: 50%; }
.vps-os li input, .vps-second input, .vps-hdd input { float: left; clear: none;  }
.vps-os li label, .vps-second label, .vps-hdd label { margin: 0px 0 0 3px; float: left; clear: none; dispaly: block; }
.vps-second { margin-bottom: 10px; overflow: hidden; }
.vps-second input.radiobutton { margin-top: 4px; }
.vps-second label { margin-top: 2px; }
.vps-second .checkbox { margin: 20px 0; }

.vps-second .apply { float: none; width: 150px; height: 36px;t }
.vps-second .buttons { text-align: center; }

.res-form label { vertical-align: top; margin-bottom:10px; }
.res-form #reset_confirm { margin: 0 3px 10px;}
.res-form .white { width: 174px; height: 31px; }

.pay-choose { margin-top: 40px; }
.pay-choose .payment-methods { padding: 10px 29px; width: 277px; float: left; text-align: center; overflow: hidden; }
.pay-choose .payment-methods.visaitp { border-right: 1px solid #2e353d; min-height: 125px; background: url('../images/banki.png') no-repeat center 80%; }
.pay-choose .payment-methods .title { font-size: 24pt; color: #009ee0; font-family: DINCondLight; line-height: 24pt; }
.pay-choose .payment-methods.brdrs { border-right: 1px solid #2e353d; }
.pay-choose .payment-methods p { padding: 15px 0; }
.pay-choose .payment-methods form.ppal { float: left; }
.pay-choose .payment-methods form .payu { float: right; }
.pay-choose .payment-methods form input.payu, .pay-choose .payment-methods form input.ppal { width: 130px; padding: 0; margin: 0; height: 36px; text-indent: -9999px; }
.pay-choose .payment-methods form input.payu { background: url(../images/payu.png) no-repeat; }
.pay-choose .payment-methods form input.ppal { background: url(../images/paypal.png) no-repeat; }

.bubble { border: 3px solid #2e353d; padding: 20px; position:relative; margin-bottom: 36px; }
.bubble #gotoadobe { width: 130px; height: 36px; background: url('../images/elements.png') -170px -298px; display: block; float: right; text-indent: -9999px; }
.bubble p { width: 460px; display: block; color: #919191; font-style: italic; float: left; clear: none; font-size: 8.25pt; line-height: 12pt; }
.bubble p a { color: #54bdea; }
.bubble .tail { width: 29px; height: 31px; position: absolute; bottom: -31px; background: #0f141a url(../images/elements.png) no-repeat -62px -269px; right: 36px; }
.bubble .top { width: 24px; height: 3px; position: absolute; top: -3px; background: #0f141a url(../images/elements.png) no-repeat -62px -302px; left: 24px; }

.after-table { margin-top: 15px; }
.after-table button { width: 150px; height: 36px; float: right; clear: none; font-size: 16pt; font-weight: bold; }
.after-table label { vertical-align: top; line-height: 15pt; margin-left: 5px; }

.halfpart { float: left; clear: none; width: 45%; margin-bottom: 20px; margin-right: 60px; border-right: 1px solid #2E353D; }
.secondHalfPart { margin-right: 0%; border-right: none; }

a.fullwidth, a.fullwidth:hover, button.fullwidth { width: 75%; }
.tooltiped { position: relative; }
.tooltip { position: absolute; width: 200px; padding: 20px; bottom: 45px; left: -65px; border: 2px solid #6CAA00; background-color: #0F141A; text-transform: none; line-height: 13pt; font-size: 11pt; color: #FFFFFF; font-weight: normal; display: none; }

#showpass { height: 31px; width: 87%; margin: 5px 0; }

.form .withTxt .blackInput { width: 210px; }
.form .withTxt span.required { width: 235px; }
.form .withTxt .txt { line-height: 30px; }

.alert.blue { background: #b4e3f6 url('../images/alert_blue_bg.png') top repeat-x; border: 1px solid #78c8e9; border-radius: 2px; padding: 20px 30px; color: #525252; }
.alert.blue .left-col { width: 245px; float: left; clear: none; }
.alert.blue .amount { font-size: 30pt; line-height: 35.25pt; padding: 0 10px; float: left; clear: none; min-width: 148px; text-align: center; }
.alert.blue strong { font-size: 9.75pt; margin-bottom: 10px; display: block; }
.alert.blue a.imgBtn { width: 150px; height: 36px; line-height: 36px; padding: 0; float: right; margin: 7px 0 0; font-size: 15pt; font-family: DINCondMedium; font-weight: normal; }

.payment_table { margin-top: 30px; width: 400px; float: left; clear: none; }
.payment_table .payment_rate { float: left; clear: none; width: 33%; font-size: 22.5pt; line-height: 24pt; color: #e0e0e0; height: 50px; }
.payment_table .payment_rate.bigger { width: 100%; font-size: 11pt; }
.payment_table .payment_rate.bigger .blackInput { width: 150px; }
.payment_table .payment_rate sup { font-size: 15pt; vertical-align: top; margin-left: 4px; }
.payment_table .payment_rate input { vertical-align: top; margin: 8px 10px 0 0; }
.payment_nfo { float: right; width: 225px; margin-top: 30px; padding: 15px 20px; }
.payment_nfo p { width: auto; font-style: normal; margin-top: 17px; color: #e0e0e0; font-size: 8.25pt; }
.payment_nfo strong { color: #009ee0; text-transform: uppercase; }

.ch_pay .ppal { background: url('../images/elements.png') -1px -307px no-repeat; width: 142px; height: 38px; }
.ch_pay .payu { background: url('../images/elements.png') -1px -347px no-repeat; width: 90px; height: 35px; }
.ch_pay .cards { background: url('../images/elements.png') -94px -345px no-repeat; width: 151px; height: 25px; }
.ch_pay .firstline {  }
.ch_pay .secondline { margin-bottom: 25px; margin-top: 20px; overflow: hidden;}
.ch_pay .column1st { margin-top: 10px; width: 213px; float: left; clear: none; }
.ch_pay .column2nd { margin-top: 10px; width: 213px; float: left; clear: none; }
.ch_pay input { float: right; clear: none; padding: 0; width: 150px; height: 36px; line-height: 36px; margin-top: 5px; font-size: 15pt; font-family: DINCondMedium; font-weight: normal; }

.dashboardTable {
	border-collapse:separate;
	border-spacing: 0px 1px;
}
.dashboardTable tr td { padding: 0; cursor: pointer; }
.dashboardTable tr:hover td { background-color: #000000; }
.dashboardTable td.details { line-height: 15pt; }
.dashboardTable td.details a { padding-bottom: 3px; display: block; }
a.halrd, a.halrd:hover { float: left; margin: 10px 170px 10px 0; width: 489px; }
.left-part { float: left; width: 540px; overflow: hidden; }

#strengthMeter {
	line-height: 31px;
	margin: 0 10px;
}

@media screen and (max-width: 1200px) {
	.hideme {
		display: none !important;
	}

	#footer {
		position: relative !important;
	}
}

#userbox.lvl-admin .welcome {
	border-left: 3px solid green;
	padding-left: 0.5rem;
}

.infoBox {
	display: flex;
	margin-top: 10px;
	padding-bottom: 160px;
}

.infoBox a.imgBtn {
	margin: 3px 0;
	height: 13px;
}

.infoBox label {
	margin: 11px 20px;
}

.infoBox .select-lang-pdf {
	width: 65px;
	background-color: #181e26;
	border: 1px solid #ffffff0d;
	margin-right: 20px;
}

.select-lang-pdf li {
	width: 49px;
	height: 33px;
	overflow: hidden;
	display: none;
}

.select-lang-pdf.hover li {
	display: block;
}

.select-lang-pdf li.current {
	display: block;
	cursor: pointer;
}

.select-lang-pdf span.arrow {
	display: block;
	right: 13px;
	background: url('../images/elements.png') -12px -64px;
	width: 7px;
	height: 4px;
	top: 12px;
}

.select-lang-pdf span.icon {
	width: 16px;
	height: 11px;
	background: url('../images/elements.png');
	display: block;
	margin: 9px auto 9px;
}
.select-lang-pdf .en span.icon {
	background-position: 0 -125px;
}

.select-lang-pdf .pl span.icon {
	background-position: 0 -114px;
}
.select-lang-pdf span.arrow {
	float: right;
	position: relative;
	right: auto;
}

.dataTable span.arrow {
    cursor: pointer;
    border: solid #f59c00;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-left: 10px;
}

.dataTable span.arrow.rotate {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.price-center {
    background-position: center center;
    text-align: center;
    vertical-align: middle;
    font-size: 30pt;
    margin-top: 40px;
}