@charset "utf-8";
@font-face { 
	font-family: 'Hammersmith One', 'Segoe UI Light'; 
	src: url('segoe_ui_light.eot'); 
	src: url('segoe_ui_light.eot?#iefix') format('embedded-opentype'), 
	url('segoe_ui_light.svg#Segoe UI Light') format('svg'), 
	url('segoe_ui_light.woff') format('woff'), 
	url('segoe_ui_light.ttf') format('truetype'); 
	font-weight: normal; 
	font-style: normal;
}



html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;
}

#header {
	float: left;
	width: 100%;
	background-color: #333333;
	background-repeat: no-repeat;
	background-position: top;
	height: 40px;
}

#footer {
	padding: 1rem;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgb(31, 31, 31);
}
#wrapper {
	padding-bottom:100px;
}
#logo {
	float: left;
	height: 102px;
	width: 278px;
	margin-top: 35px;
}

#tb-menulevel1{
	height:45px;
	width: 100%;
	background-image:url(assets/images/menusystem5/tb-background.jpg);
	background-repeat:repeat;
}
#tb-menulevel1 a {
	border:none;

}
#tb-menulevel1-wrapper{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height:45px;
}
#tb-menulevel1-rightcommunityicon{
	float:right;
	margin-top:-45px;
}

#tb-menulevel2{
	height: 30px;
	width: 100%;
	background-image:url(assets/images/menusystem5/tb2-background.jpg);
	background-repeat:repeat;
}
#tb-menulevel2-wrapper , #tb-menulevel2-wrapper a{
	font-family:"Raleway";
	color:#FFFFFF;
	font-size:11px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
}
#tb-menulevel2-wrapper a:hover {
	text-decoration:underline;
}

.rainbow {
	background: transparent;
	display: block;
	position: relative;
	height: 1px;
	overflow: hidden;
	z-index: 4;
	}

	.rainbow span {
		position: absolute;
		top: 0;
		left: 1px;
		display: block;
		xwhite-space: nowrap;
		}
	
	a .rainbow span { /* For within floated elements. */
		white-space: nowrap; 
		}

.rainbows-highlight {
	color: #fff !important;
	display: block;
	position: absolute;
	top: -1px;
	left: 0px;
	z-index: 2;
	}

.rainbows-shadow {
	color: #000 !important;
	display:block;
	position: absolute;
	top: 1px;
	left: 2px; /* can be one or two depending on 90 or 135 degree global light */
	z-index: 3;
	}

.back .text .rainbows-shadow {
	color: #fff !important;
	opacity: 0.3;
	}


.hoversubmenu-item{
	height:30px;
	padding-top:5px;
	position:absolute;
	margin-left: 0px;
	margin-top: 0px;
}

#tb-menulevel3{
	height: 132px;
	width: 100%;
}
#tb-menulevel3-wrapper{
	width: 1100px;
	height: 132px;
	margin-right: auto;
	margin-left: auto;
}
#tb-menulevel3-banner{
	width: 817px;
	height: 132px;
	float:left;
	background-image:url(assets/images/menusystem5/tb3-stipebanner.jpg);
}
#tb-menulevel3-banner-heading{
	float:left;
	position: absolute;
	height:  24px;
	width: 500px;
	margin-top: 60px;
	margin-left: 300px;
	font-size:24px;
	font-weight:normal;
	font-family: Verdana, Arial;
}
#tb-menulevel3-banner-headingDescription{
	float:left;
	position: absolute;
	height: 24px;
	width: 500px;
	margin-top: 80px;
	margin-left: 350px;
	font-size:18px;
	font-weight:normal;
	font-family: Verdana, Arial;
	color:#CCCCCC;
}


#tb-menulevel3-login{
	width: 195px;
	height: 132px;
	float:left;
	background-image:url(assets/images/menusystem5/tb3-login.jpg);
}
#tb-menulevel3-logout{
	width: 195px;
	height: 132px;
	float:left;
	background-image:url(assets/images/menusystem5/tb3-logout.jpg);
	font-family:"Raleway";
	color: #FFF;
	font-size:10px;
}

.tb-menulevel3-username_textbox{
	float:left;
	position:absolute;
	background-color:transparent;
	border:none;
	font-family:"Raleway";
	font-size:10px;
	color:#000000;
	margin-left:65px;
	margin-top: 32px;
	width: 100px;
}
.tb-menulevel3-password_textbox{
	float:left;
	position:absolute;
	background-color:transparent;
	border:none;
	font-family:"Raleway";
	font-size:10px;
	color:#000000;
	margin-left:65px;
	margin-top: 54px;
	width: 100px;
}
.tb-menulevel3-login_button{
	float:left;
	position:absolute;
	margin-left:119px;
	margin-top: 78px;
}
.tb-menulevel3-logout_button{
	float:left;
	position:absolute;
	margin-left:119px;
	margin-top: 43px;
}

.tb-menulevel3-login_register_message{
	float:left;
	position:absolute;
	margin-left: 12px;
	margin-top: 85px;
	font-size:9px;
	color:#000;
}

#tb-menulevel3-logout_message{
	float:left;
	position:absolute;
	margin-left:20px;
	margin-top: 10px;
	color:#000;
}

#innerfooter {
	padding-left: 40px;
	padding-right: 40px;
}

#topbg {
	background-image: url(assets/images/content_bg.gif);
	float: left;
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
	height: 0px;
}
#content {
	float: left;
	width: 100%;
	/*background-image: url(assets/images/bodybg.jpg);*/
	background-image:url(assets/images/noisy.png);
	background-color: #FFFFFF;
	min-height:1200px;
}
#banner {
	background-image: url(assets/images/banner3.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 130px;
	width: 1000px;
}

#login_box{
	
	float:left;
	margin-left:813px;
	width:181px;
	margin-top: 7px;
	height: 88px;
	background-image:url(assets/images/loginBox.jpg);

}
#loggedin_box{
	font-family:"Raleway";
	font-size:10px;
	color:#FFFFFF;
	float:left;
	margin-left:813px;
	width:177px;
	margin-top: 7px;
	padding-left:4px;
	padding-top:3px;
	height: 24px;
	background-image:url(assets/images/loggedin.jpg);

}
#login_box_text {
	font-family:"Raleway";
	font-size:9px;
	color:#FFFFFF;
}
.login_username{
	float:left;
	position:absolute;
	background-color:transparent;
	border:none;
	font-family:"Raleway";
	font-size:10px;
	color:#FFFFFF;
	margin-left:70px;
	margin-top: 22px;
	width: 100px;
}
.login_password{
	float:left;
	position:absolute;
	background-color:transparent;
	border:none;
	font-family:"Raleway";
	font-size:10px;
	color:#FFFFFF;
	margin-left:70px;
	margin-top: 42px;
	width: 100px;
}
.login_login{
	float:left;
	position:absolute;
	margin-left:118px;
	margin-top: 62px;
}
.login_logout{
	float:left;
	position:absolute;
	margin-left:35px;
	margin-top: 0px;
}
.col {
	float: left;
	width: 480px;
	height: 150px;
	margin-right: 10px;
	margin-left: 10px;
}

.links {
	float: left;
	height: auto;
	width: 156px;
	margin-top: 15px;
	margin-right: 30px;
}

a:link {
	color: #FF6600;
}
a:visited {
	color: #FF6600;
}
a:hover {
	color: #FF6600;
}
a:active {
	color: #FF6600;
}

.forcelinkcolor {
	color: #FF6600 !important;
}

.bbc_img{
	border:none;
}

.white {
	font-family: "Raleway";
	font-size: 13px;
	text-transform: uppercase;
	color: #666666;
}
.defaultLink {
	font-family: "Raleway";
	font-size: 12px;
	color: #FF6600;
	text-decoration: underline;
	cursor:pointer;
}

.links a {
	font-family: "Raleway";
	font-size: 10px;
	color: #FFFFFF;
	display: block;
	float: left;
	width: 150px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #404040;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#footerbg {
	height: 110px;
	float:left;
	width: 100%;
}
#footerlink {
	float: right;
	width: 300px;
	font-family: "Raleway";
	font-size: 11px;
	color: #797979;
	text-align: right;
	margin-right: 30px;
	margin-top: 10px;
}
#footerlink a {
	font-family: "Raleway";
	font-size: 11px;
	color: #ffffff;
}
.links a:hover {
	text-decoration: underline;
}




#pricemessage{
	margin-left:50px;
}
.back_css {
	background-position:right;
	background-image:url(assets/images/products/css_back.jpg);
	background-repeat:no-repeat;
	height:300px;
}
.back_csgo {
	background-position:right !important;
	background-image:url(assets/images/products/csgo_back.jpg) !important;
	background-repeat:no-repeat !important;
	height:300px !important;
}
.back_cod4 {
	background-position:right;
	background-image:url(assets/images/products/cod4_back.jpg);
	background-repeat:no-repeat;
	height:300px;
}
.back_lfd2 {
	background-position:right;
	background-image:url(assets/images/products/lfd2_back.jpg);
	background-repeat:no-repeat;
	height:300px;
}
.back_cs {
	background-position:right;
	background-image:url(assets/images/products/cs_back.jpg);
	background-repeat:no-repeat;
	height:300px;
}
.back_dods {
	background-position:right;
	background-image:url(assets/images/products/dods_back.jpg);
	background-repeat:no-repeat;
	height:300px;
}
.back_tf2 {
	background-position:right;
	background-image:url(assets/images/products/tf2_back.jpg);
	background-repeat:no-repeat;
	height:300px;
}
.back_mct {
	background-position:right !important; 
	background-image:url(assets/images/products/mct_back.jpg) !important;
	background-repeat:no-repeat !important;
	height:300px !important;
}
.back_brink {
	background-position:right;
	background-image:url(assets/images/products/brink_back.jpg);
	background-repeat:no-repeat;
	height:300px;
}


#text {
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #222222;
	padding:10px;
	min-height:400px;

}

.hred{
	color: #DC2020 !important;
}
.hred strong{
	color: #DC2020 !important;
}
h1 {
    font-family: 'Montserrat';
	font-weight: 200;
}
h2 {
    font-family: 'Montserrat';
	font-weight: 200;
}
h2 strong {
}

h3 {
    font-family: 'Montserrat';
	color: #DC2020;
}
h4 {
    font-family: 'Montserrat';
}
h5 {
	font-weight: bold;
	font-size: 13px;
	color: #fffff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}
h6 {
	font-weight: normal;
	font-size: 12px;
	color: #ffffff;
	margin-top: -2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: left;
}
.inputTitle {
	font-size: 16px;
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

select {
	float:left;
	background-image:url(assets/images/input_bg.jpg);
	background-repeat: repeat;
	font-family: "Raleway";
	font-size:12px;
	color:#000000;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #666666;
	border-width:1px;
	height:24px;
	padding-top:2px;
	text-indent: 2px;	
}

/*
.inputCustom {
	float:left;
	background-color:#FFFFFF;
	background-repeat: repeat;
	font-size:14px;
	color:#000000;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: transparent;
	border-width:1px;
	height:18px;
	padding-top:4px;
	padding-left:4px;
	text-indent: 2px;	
}*/

.content_inside_table{
	text-align:left;
	width:100%;
	background-color:#292929;

}

.listboxCustom{
	float:left;
	background-color:#FFFFFF;
	background-image:url(assets/images/listbox_bg.jpg);
	background-repeat:no-repeat;
	font-family: "Raleway";
	font-size:12px;
	color:#000000;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #666666;
	border-width:1px;
	padding-top:4px;
	text-indent: 2px;
	height:284px;
	width:202px;
	background-attachment: scroll;
	background-position: left top;
}
.listboxCustomWider{
	float:left;
	background-color:#FFFFFF;
	background-image:url(assets/images/listboxWider_bg.jpg);
	background-repeat:no-repeat;
	font-family: "Raleway";
	font-size:12px;
	color:#000000;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #666666;
	border-width:1px;
	padding-top:4px;
	text-indent: 2px;
	height:284px;
	width:300px;
	background-attachment: scroll;
	background-position: left top;
}

#transferDemo{
	width:300px;
}
/*
input {
	float:left;
	font-family: "Raleway";
	font-size:12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
input:hover {
	border-color: #FFCC00;
	border-width:thin;
}
.inputText{
	text-align: right;
	padding-right: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
	font-family: "Raleway";
	font-size:10px;
}*/

.codeText{
	color: #0033FF; 
}
.main {
	font-size: 13px;
	font-weight: bold;
}

.error_stipe{
	color: #FF9999;
	font-size: 13px;
	float:left;
}
.error_stipe strong{
	color: #FF9999 !important;
}

.good_stipe{
	color: #4DFF4D;
	font-size: 13px;
	float:left;
}

.good_stipe strong{
	color: #4DFF4D !important;
}

.good_stipe_new{
	color: #4DFF4D;
	padding:3px;
	font-family: "Raleway"  !important;
}

.alert_stipe{
	color: #FFD24D;
	font-size: 13px;
	float:left;
}
.info_stipe {
	color: #949494;
	font-size: 13px;
	float:left;
}
.info2_stipe {
	color: #ffffff;
	font-size: 13px;
	padding:10px;
}
.bigRed {
	color: #FF0000;
	font-size: 16px;
	text-align:center;
}
.bigGreen{
	color: #00FF00;
	font-size: 16px;
	text-align:center;
}

.floatleft{
	width:1000px;
	float:left;
}
.floatright{
	float:right;
}
#tag {
	float: right;
	width: 240px;
	margin-top: 60px;
	color: #ffffff;
	text-align: right;
}
.white23 {
	font-family: "Raleway";
	font-size: 23px;
	color: #ffffff;
	line-height: 30px;
}
#topLeftIcon {
	float: left;
	display:inline;
}
#login {
	float: right;
	width: 450px;
	height: 30px;
	margin-right: 15px;
	display:inline;
}
.textfeild {
	width: 80px;
	font-size: 10px;
	height: 14px;
	border: 0px none #666666;
	background-image: url(images/buttons/input.jpg);
	background-position: left top;
	background-color:transparent;
	padding-top:5px;
	margin-top:5px;
	background-repeat: no-repeat;
}
.textfeildSkinny {
	width: 80px;
	font-size: 10px;
	height: 14px;
	border: 0px none #666666;
	background-image: url(images/buttons/input.jpg);
	background-position: left top;
	background-color:transparent;
	padding-top:5px;
	background-repeat: no-repeat;
}
.textfeild:hover {
	border: 0px none;
	background-color:transparent;
}

.whiteSmall {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.blackSmall{
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}
.submit {
	color: #FFFFFF;
	float: left;
	background-color: #333333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border:#000000 1px solid;
	font-size: 10px;
	height: 20px;
	width: 100px;
	text-align: center;
}


#menu_main {
width:100px;
height:300px;
}
#menu_box {
width:100px;
height:100px;
background-color:#E6E6E6;
text-align:center;
vertical-align:middle;
overflow:hidden;
border-spacing:10px;
border:thin, dashed;
}

#spacer{
 width:100px;
 height:10px;
}

#centermeplease {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
#SubmitDraw {
}
.centreDiv2 {
	text-indent:inherit;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	border:thin #000000 solid;
	float:left;
	width:100%;
}
.centreDivSplit{
	width:675px;
	height: 335px;
	text-align:center;
	border:none;
	background-color:transparent;
	background-position:top;
	background-repeat:no-repeat;
	background-image:url(assets/images/centerdivsplit.jpg);
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;
	margin-top: 40px;
}
.centreDiv{
	text-align:left;
	width:675px;
	height: 335px;
	border:none;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	background-color:transparent;
	background-position:top;
	background-repeat:no-repeat;
	background-image:url(assets/images/centerdiv.png);
}


.centerDivDescription{
	margin-left: 80px;
	margin-top:30px;
}

.centreDivForm{
	text-align:left;
	width: 675px;
	height: 335px;
	border:none;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	background-color:transparent;
	background-position:top;
	background-repeat:no-repeat;
	background-image:url(assets/images/centerdiv.jpg);
}
.centreDivForm:hover{
	background-color: #FFFFEC;
}
.buttonimage{
	background-color: #FFFFEC;
}
#menubox{
	margin-top:130px;
}
#buttonboxmain2 {
	float:left;
	width:1000px;
	height:72px;
	background-image:url(assets/images/buttons/backbar5.jpg);
	background-repeat:repeat;
}
#buttonbox {
	float:left;
	padding: 0px;
}
#submenubox {
	height: 45px;
	max-width: 1100px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#submenu_profile {
	margin-top:-35px;
	float:right;
	min-height:10px;
	min-width:200px;
}
#buttonbox2 {
	margin-top:9px;
	background-image:url(assets/images/buttons/backbar.jpg);
	width:1000px;
	height:70px;
	
}
#buttonbox3 {
	margin-top:9px;
	background-image:url(assets/images/buttons/backbar2.jpg);
	width:1000px;
	height:70px;
	text-align:center;
}
#wrapButtons {
}
#buttonboxchild {
	padding-top:5px;
	margin-left: 5px;
	width:60px;
	height:55px;
	float:left;
}
#buttonboxchild3 {
	float:left;
}
#viewTypingArea{
	width: 400px;
}

#cssview {
	background-image: url(assets/images/products/css.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 700px;
	width: 800px;
	padding-left:20px;
	padding-top:40px;
	
}
#cod4view {
	background-image: url(assets/images/products/cod4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 700px;
	width: 800px;
	padding-left:20px;
	padding-top:40px;
}
#cod5view {
	background-image: url(assets/images/products/cod5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 700px;
	width: 800px;
	padding-left:20px;
	padding-top:40px;
}
#selectview {
	background-image: url(assets/images/products/select.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 700px;
	width: 800px;
}

#listOfMyServers{
	clear:both;
}
.ServerListingBoxIcon_new{
	height: 60px;
	width: 50px;
	float: left;
	margin-top: 13px;
}
.ServerListingBoxIcon{
	position:absolute;
	height: 90px;
	width: 50px;
	margin-top: 23px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	float: left;
	text-align: center;
	vertical-align: middle;
}
.ServerListingBoxStatus{
	position:absolute;
	height: 90px;
	width: 250px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 535px;
	float: left;
	text-align: center;
	vertical-align: middle;
}
.ServerListingBoxAction{
	position:absolute;
	height: 85px;
	width: 380px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 775px;
	float: left;
	text-align: left;
	vertical-align: middle;
}
.ServerListingBoxTitle{
	position:absolute;
	height: 20px;
	width: 200px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 55px;
	float: left;
}
.ServerListingBoxTitlePrivate{
	position:absolute;
	height: 20px;
	width: 300px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 255px;
	float: left;
}
.ServerListingBoxTemplete{
	position:absolute;
	height: 15px;
	width: 200px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
}
.ServerListingBox1{
	margin-top: 25px;
	margin-left: 55px;
}
.ServerListingBox2{
	margin-top: 40px;
	margin-left: 55px;
}
.ServerListingBox3{
	margin-top: 55px;
	margin-left: 55px;
}
.ServerListingBox4{
	margin-top: 70px;
	margin-left: 55px;
}
.ServerListingBox5{
	margin-top: 25px;
	margin-left: 255px;
	width: 250px;
}
.ServerListingBox6{
	margin-top: 40px;
	margin-left: 255px;
	width: 250px;
}
.ServerListingBox7{
	margin-top: 55px;
	margin-left: 255px;
	width: 250px;
}
.ServerListingBox8{
	margin-top: 70px;
	margin-left: 255px;
	width: 250px;
}
.ServerListingTextTitle{
	font-size: 18px;
	color: #FF6600;
	font-weight: normal;
}
.ServerListingTextTitlePrivate{
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
}
.ServerListingNormal{

	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
}
.ServerListingGreen{
	font-size: 11px;
	color: #4DFF4D !important;
	font-weight: normal;
}
.ServerListingGreen strong{
	color: #4DFF4D !important;
}
.ServerListingRed{
	font-size: 11px;
	color: #FF9999 !important;
	font-weight: normal;
}
.ServerListingRed strong{
	color: #FF9999 !important;
}
.ServerListingYellow{
	font-size: 11px;
	color: #efe349 !important;
	font-weight: normal;
}
.ServerListingYellow strong{
	color: #efe349 !important;
}


#ServerListingHeader{
	background-image: url(assets/images/serverlisting9/header.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
	width: 1160px;
	margin-right: auto;
	margin-left: auto;
}

.ServerListingBody{
	background-image: url(assets/images/serverlisting9/body.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 90px;
	width: 1160px;
	margin-right: auto;
	margin-left: auto;
}
.ServerListingBodySA{
	background-image: url(assets/images/serverlisting9/bodysa.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 90px;
	width: 1160px;
	margin-right: auto;
	margin-left: auto;
}

#ServerListingFooter{
	background-image: url(assets/images/serverlisting9/footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 5px;
	width: 1160px;
	margin-right: auto;
	margin-left: auto;

}

#serverSettingsMain{
	position: relative;
	padding:1px;
	margin-left:-2px;
	/*margin-top:5px;*/
	background-color:#2b2b2b;
}
#serverConfig{
	background-image: url(assets/images/serverlisting9/serversettingbackground.png);
	background-repeat: no-repeat;
	background-position: left top;
	max-width:1160px;
	/*height: 2000px;*/
	min-height:400px;
	margin-right: auto;
	margin-left: auto;
}
#closeConfig{
	height: 45px;
	width: 49px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 900px;
	float: left;
}
#serverConfigResult{
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 55px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#messageToUser {
	height: 30px;
	width: 950px;	
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	background-image:url(assets/images/serverlisting/alert.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Raleway";
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}
#closeDiv{
	position:static;
	float:right;
	
}
#closeDivDeposit{
	position:static;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 410px;
}
#depositFunds{
	height: 60px;
	width: 186px;
	background-image:url(assets/images/invoices/depositfunds.jpg);
	background-repeat:no-repeat;
	position:static;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 450px;
}
#balanceBox{
	height: 80px;
	width: 186px;
	position:static;	
	float:right;
	text-align:center;
	margin-top: -30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 750px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image:url(assets/images/invoices/accountbalance.png);
	background-repeat:no-repeat;
}

#loader{
	float:left;
	margin-left:405px;

	
}

.alert-warning {
	color: #b59a6c !important;
}
.alert-success{
	color: #89bb8a !important;
}
.alert-info{
	color: #398cb5 !important;
}
.alert-info2{
    color: #A00000  !important;
    background-color: #FEBEBE   !important;
	border: 1px solid #BF0505 !important;
    -webkit-border-radius: .3125em !important; 
    border-radius: .3125em !important;
}
.alert-normalinfo{
    color: #d8ffc8   !important;
    background-color: #4c643d    !important;
	border: 1px solid #9A9A9A  !important;

}	


#table1 {
    margin-left:auto !important;
    margin-right:auto !important;
			width: 100%;
}	
#table1 label {
	margin-bottom: 0px !important;

}

#table1 td {
	padding: 5px !important;
	vertical-align: middle !important;

}
#table1 th{
	text-align: center;
	padding: 4px;
	font-size: 11px;
	/*font-size: 11px;
	color: #FFFFFF;
	background-color: transparent;*/
	/*border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e74c3c;*/
}
#table1 tf {
	padding: 0px;
}

#table1>tbody>tr>td, 
#table1>tbody>tr>th, 
#table1>tfoot>tr>td, 
#table1>tfoot>tr>th, 
#table1>thead>tr>td, 
#table1>thead>tr>th{
	border-top: 0px;
}


.tableTicket {
    margin-left:auto !important;
    margin-right:auto !important;
			width: 100%;
}	
.tableTicket label {
	margin-bottom: 0px !important;

}

.tableTicket td {
	padding: 5px !important;
	vertical-align: middle !important;

}
.tableTicket th{
	text-align: center;
	padding: 4px;
	font-size: 11px;
	/*font-size: 11px;
	color: #FFFFFF;
	background-color: transparent;*/
	/*border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e74c3c;*/
}
.tableTicket tf {
	padding: 0px;
}

.tableTicket>tbody>tr>td, 
.tableTicket>tbody>tr>th, 
.tableTicket>tfoot>tr>td, 
.tableTicket>tfoot>tr>th, 
.tableTicket>thead>tr>td, 
.tableTicket>thead>tr>th{
	border-top: 0px;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #4A4A4A !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #4A4A4A !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #4A4A4A !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #4A4A4A !important;
}
input{
	border-color: #252525 !important;
	background-color: #121212 !important;
	font-family: "Raleway"  !important;
}
input:focus  {
	border-color: #F56E6E !important;
	color: #FFFFFF !important;
}
select{
	border-color: #252525 !important;
	background-color: #121212 !important;
}
select:focus  {
	border-color: #F56E6E !important;
	color: #FFFFFF !important;
}




#invoiceBox{
	background-color: #464646;
	border: 1px solid #525050;
	width: 900px;
	position:absolute;
	z-index: 2;
	margin-top: -100px;
	margin-right: auto;
	margin-left: auto;
	padding:10px;
}
#depositBox{
	background-color: transparent;
	background-image:url(assets/images/invoices/depositbg7.png);
	border: 0px;
	width: 435px;
	height: 306px;
	position:fixed;
	z-index: 2;
	margin-top: -180px;
	margin-right: auto;
	margin-left: 250px;
	margin-bottom: 10px;
	padding:10px;
}

#paypalbutton{
	/*float:left;
	position:absolute;
	margin-top: 230px;
	margin-left: 40px;*/
}
#banktransferbutton{
	float:left;
	/*
	position:absolute;
	margin-top: 230px;
	margin-left: 240px;
	*/
}
#invoiceLogo{
	margin-top:5px;
	margin-left:5px;
	height: 60px;
	width: 230px;
	background-image:url(assets/STIPE_Logo_New2.svg);
	background-repeat:no-repeat;
	float:left;
}

#invoiceTitle{
	margin-top:35px;
	margin-left: 400px;
	float:left;
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

#invoiceTopRightText1{
	margin-top:5px;
	margin-left:700px;
	height: 50px;
	width: 106px;
	background-image:url(assets/images/invoicelogo.gif);
	background-repeat:no-repeat;
	float:left;
	position:absolute;
}

.invoiceText {
	color: #000000;
	font-family: "Raleway"; 
	font-size: 11px;
	float:left;
}

.invoicePackage {
	color: #000000;
	font-family: "Raleway"; 
	font-size: 11px;
	font-weight:bold;
	float:left;
}

.invoiceOptions {
	color: #333333;
	font-family: "Raleway"; 
	font-size: 10px;
	font-weight:normal;
	float:left;
	margin-left:20px;
}

#createinvoice{
	background-color: #393939;
	border: 1px dashed #333333;	
}

.invoiceDUENOW{
	background-color: #FFD9D9;
}
.invoiceDUENOW strong {
	color: #FF0000 !important;
	font-size: 0.9em;
}

.invoiceINPROGRESS {
	background-color: #D7FFD2;
	
}
.invoiceINPROGRESS strong {
	color: #006600 !important;
	font-size: 0.9em;
}

.invoiceCOMPLETED{
	color: #BBBBBB;
}
.invoiceCOMPLETED strong {
	color: #BBBBBB !important;
	font-size: 0.9em;
}


.invoiceCANCELLED{
	color:#666666;
}
.invoiceCANCELLED strong {
	color: #666666 !important;
	font-size: 0.9em;
}


.mapContainer1 {
	position:absolute;
	float:left;
}
.mapContainer2 {
	position:absolute;
	float:left;
	margin-left:300px;
}
.mapContainer3 {
	position:absolute;
	float:left;
	margin-left:600px;
}
#filters{
	float:none;
	height:60px;
}
#filterContainer1{
	float:left;
}
#filterContainer2{
	float:left;
}
#filterContainer3{
	float:left;
}

#floatingMessage{
	background-color: #D33434;
	font-size: 13px;
	color: white;
	border: 1px;
	border-style: solid;
	border-color: #111111;
	min-width: 300px;
	min-height: 15px;
	position:fixed;
	z-index: 1000;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 0px;
	margin-bottom: auto;
	left: 0%;
	top: 0%;
	padding: 3px;
}

#floatingBox{
	background-color: transparent;
	background-image:url(assets/images/invoices/floatingBox2.png);
	border: 0px solid #CCCCCC;
	width: 650px;
	height: 348px;
	position:fixed;
	z-index: 3;
	margin-top: -124px;
	margin-right: auto;
	margin-left: -325px;
	margin-bottom: auto;
	left:50%;
	top:50%;
	padding-top:20px;
}
#closeFloatingBox{
	position:static;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 585px;
}
#closeFloatingBox:hover{
	cursor: pointer;
}
.ActionButton_Config:hover{
	cursor: pointer;
}
#dimBack{
	background-color: #000000;
	background-repeat:repeat;
	border: 1px solid #000000;
	width: 3000px;
	height: 3000px;
	position:fixed;
	z-index: 2;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	left: 0px;
	top:0px;
	padding:10px;
}







/*
 =============== CALENDER
*/

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}



/*
 =============== AUTO COMPLETE
*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* =========== TABS =================== */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

#posts{
	float:left;
	width:850px;
}
.post{
	padding: 10px;
}
.post-header{
	background-image:url(assets/images/post/headerpost.jpg);
	height: 45px;
	padding-top:0px;
	padding-left: 5px;
	color:#666;
	font-weight: bold;
}

.post-header a:link{
	color: #333;
}
.post-header a:visited{
	color: #333;
}
.post-top{
	background-image:url(assets/images/post/firstpost_top.jpg);
	height: 2px;

}

.post-firstmiddle{
	background-image:url(assets/images/post/firstpost_back.jpg);
	background-repeat:repeat;
	padding: 5px;
}
.post-secondmiddle{
	background-image:url(assets/images/post/secondpost_back.jpg);
	background-repeat:repeat;
	padding: 5px;
}
.post-bottom{
	background-image:url(assets/images/post/firstpost_bottom.jpg);
	height: 13px;

}
.post-spacer{
	height: 13px;
}

.rightInfo{
	background-image:url(assets/images/noisy.png);
	background-color:#FFFFFF;
	width:300px;
	float:left
}

.smallStatusListing{
	height:27px;
	margin-left:20px;
}

.smallStatusListing-icon{
	float:left;
	width: 30px;
	height:26px;
}
.smallStatusListing-text{
	float:left;
	width: 110px;
	height:22px;
	font-size:10px;
	font-family:"Raleway";
	color:#000000;
	padding-top:4px;
}
.smallStatusListing-result{
	float:left;
	width: 75px;
	height:22px;
	font-size:10px;
	padding-top:4px;
}


/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:99999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}


ul.bjqs-controls.v-centered li a{
	display:block;
	padding:2px;
	background:#fff;
	color:#000;
	text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	opacity:0;
	padding:1px 2px;
	background:#000;
	color:#fff;
	margin:5px;
	margin-top:-20px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}










/***********************************
 * Layout
 ***********************************/
.wSelect-el {
	width: 0px;
	height: 0px;
	padding: 0px;
	margin: 0px;
	border: none;
	overflow: hidden;
}
.wSelect {
	min-width: 300px;
	position: relative;
	display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.wSelect-arrow {
	position: absolute;
	width: 30px;
	right: 0px;
	top: 0px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0px center;
}
.wSelect-hover .wSelect-arrow,
.wSelect-active .wSelect-arrow  {
	background-position: -30px center;
}
.wSelect.wSelect-multiple {
	overflow: hidden;
}
.wSelect-selected {
	margin: 0px 35px 0px 5px;
	padding: 5px 0;
	overflow: hidden;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: 0 center;
}
.wSelect-options-holder {
	position: absolute;
	display: none;
	left: 0px;
	z-index: 200;
	overflow: hidden;
}
.wSelect-multiple .wSelect-options-holder {
	position: relative !important;
	display: block !important;
	top: auto !important;
	z-index: auto !important;
	border: none !important;
}
.wSelect-options {
	overflow-y: scroll;
	overflow-x: hidden;
	min-height: 100px;
}
.wSelect-option {
	background-repeat: no-repeat;
	background-position: 5px center;
	margin-bottom: 1px;
	cursor: pointer;
}
.wSelect-option-last {
	margin-bottom: 0px;
}
.wSelect-option-value {
	margin: 0 5px;
	padding: 5px 0;
	background-repeat: no-repeat;
	background-position: 0 center;
	white-space: nowrap;
	overflow: hidden;
}
.wSelect-option-disabled .wSelect-option-value {
	filter: alpha(opacity=20);
	opacity: 0.2;
}
.wSelect-option-icon {
	padding-left: 30px;
}

/***********************************
 * Theme - classic
 ***********************************/
.wSelect-theme-classic.wSelect {
	border: solid #CCC 1px;
    color: #555;
    background-color: #FAFAFA;	
	font-size: 12px;
	font-family: verdana;
	line-height: 20px;
	min-width: 300px;
	margin-bottom: 7px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.wSelect-arrow {
	background-image: url('./assets/images/wselect/arrow-down.png');
}
.wSelect-theme-classic.wSelect-hover,
.wSelect-theme-classic.wSelect-active {
    border-color: rgb(82, 168, 236);
    border-color: rgba(82, 168, 236, 0.8);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.wSelect-theme-classic .wSelect-options-holder {
	background-color: #FAFAFA;
	border: solid #CACACA 1px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	min-width: 300px;
}
.wSelect-theme-classic .wSelect-options {
	border: solid #FAFAFA 1px;
	border-radius: 4px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.wSelect-theme-classic .wSelect-option {
	background-color: #FFF;
	color: #333;
}
.wSelect-theme-classic .wSelect-option-disabled {
	background-color: #FFF !important;
	color: #333 !important;	
}
.wSelect-theme-classic .wSelect-option-selected,
.wSelect-theme-classic .wSelect-option:hover {
	background-color: #99AAFF;
	color: #FAFAFA;
}

/***********************************
 * Labels
 ***********************************/
.wLabel-top,
.wLabel-left,
.wLabel-left-top {
    vertical-align: middle;
    font-size: 10px;
    line-height: 16px;
    color: #999;
    display: block;
    margin: 5px 0 3px 3px;
}
.wLabel-left-top {
    vertical-align: top;
}
@media screen and (min-width: 600px) {
    .wLabel-left,
    .wLabel-left-top {
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 70px;
        text-align: right;
        margin: 0 0 7px 0;
    }
}


/***** added by moo 
* Large TextBox
*******************************/
 
 .largeinputs  { 
	display: block !important; 
	padding: 12px 10px !important; 
	font-size: 1.2em !important; 
	font-weight: bold !important; 
	border-radius: 3px !important; 
	 outline:0 !important;
	width:700px !important; 
} 
	 
/***** added by moo 
* edit bukkit plugin 
*******************************/
#dialog-edit-plugin-config { 
	position: relative; 
	border: 1px solid black;
	min-height: 200px;
}
#dialog-edit-plugin-config-div { 
	  position: absolute;
	  top: 80px;
	  bottom: 12px;
	  left: 0;
	  right: 12px;
	  width: auto;
}
#editPluginConfigText { 
	  border: 1px solid red;
	  width: 100%;
	  height: 100%;
}


.faq-breadcrumb {
  background: url(assets/images/2014/faq.jpg) center;
}

.video-breadcrumb{
	background: url(assets/images/2014/faq.jpg) center;
}

.support-breadcrumb{
	background: url(assets/images/2014/faq.jpg) center;
}

.minecraft-breadcrumb{
	background: url(assets/images/2014/minectafthosting.jpg) center;
}

.server-breadcrumb{
	background: url(assets/images/2014/minectafthosting.jpg) center;
}

.blogs-breadcrumb{
	background: #004150 url(assets/stipe-bk4.jpg) center top no-repeat;
}

.breadcrumbs-v2-in-smaller{
  padding: 50px 0;
  position: relative;
}

.home-breadcrumb{
	min-height: 490px;
	background: url(assets/stipe-bk.jpg) center center no-repeat;
	text-align: left;
	color: #ff5955;
} 
.home-breadcrumb2{
	min-height: 490px;
	background-color: #004150 !important;
	background: url(assets/stipe-bk4.jpg) center bottom no-repeat;
	text-align: left;
	color: #ff5955;
} 
.home-breadcrumb2-black{
	background: url(assets/stipe-bk-black1.jpg) center top no-repeat;
} 
.home-breadcrumb-in {
    margin-bottom: -48px;	
}

.home-title {
	font-size: 60px;
    line-height: 45px;
	color: #ff5955;
		
}

.special-stipe-background-container{
    background-color:#222 !important;
	background: none !important;
    background-size: cover !important;
    position: relative !important;
	
}

.video-title{
	font-weight: bold; 
}


.btn.btn-primary-stipe {
    color: #ffffff;
    background-color: #428BCA;
    background-image: linear-gradient(to bottom, #428BCA, #2D6CA2);
    border-color: #2B669A #2B669A #2B669A;
}
.btn.btn-primary-stipe:hover {
    color: #ffffff;
    background-color: #2D6CA2;
    background-image: linear-gradient(to bottom, #2D6CA2, #2D6CA2);
    border-color: #2B669A #2B669A #2B669A;
}

.btn.btn-primary-stipe-dark {
    color: #ffffff;
    background-color: #192a38;
    background-image: linear-gradient(to bottom, #17476e, #0d304d);
    border-color: #2B669A #2B669A #2B669A;
}
.btn.btn-primary-stipe-dark:hover {
    color: #ffffff;
    background-color: #0d304d;
    background-image: linear-gradient(to bottom, #0d304d, #0d304d);
    border-color: #2B669A #2B669A #2B669A;
}


/*404 Error Page v1 
------------------------------------*/
.error-v1 {
	padding-bottom: 30px;
	text-align: center;	
}

.error-v1 p {
	color: #555;
	font-size: 16px;
}

.error-v1 span {
	color: #555;
	display: block;
	font-size: 35px;
	font-weight: 200;
}

.error-v1 span.error-v1-title {
	color: #777;	
	font-size: 180px;
	line-height: 200px;
	padding-bottom: 20px;
}

/*For Mobile Devices*/
@media (max-width: 500px) { 
	.error-v1 p {
		font-size: 12px;
	}	

	.error-v1 span {
		font-size: 25px;
	}

	.error-v1 span.error-v1-title {
		font-size: 140px;
	}
}

/*  Skeleton shimmer loading effect */

.centerDiv{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
}​

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animatefloatingboxes 25s linear infinite;
    bottom: 0px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animatefloatingboxes {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}


.loadingtextanimation {
  overflow: hidden;
  background: linear-gradient(90deg, #636363, #929292, #5d5d5d);
  background-repeat: no-repeat;
  background-size: 80%;
  animation: animatetextswipe 2s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgb(253 253 253 / 14%)
}

@keyframes animatetextswipe {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}



/* button */

.stipelinkgreen {
	color: #359e61 !important;
}
.stipelinkgray {
	color: white !important;
}

.stipeicon {
	padding-right: 3px;
}

.stipebutton.gray {
	background-color: #555;
}

.stipebutton.black {
	background-color: #222;
}

.stipebutton.green {
	background-color: #14722c;
}

.stipebutton.greenbright {
	background-color: #00b200;
}

.stipebutton.yellow {
	background-color: #54521b;
}
.stipebutton.yellowbright {
	background-color: #ada933;
	animation: changeColor 1s infinite alternate;
}

@keyframes changeColor {
    from {
        background-color: #54521b;
    }
    to {
        background-color: #ada933;
    }
}


.stipeprogressbackground{
	background: #3a3a3a !important;
}

.stipeprogressred {
	background-color: #ca7676;
	
}

.stipeprogressgreen {
	background-color: #76ca76;
}

.stipeprogressyellow {
	background-color: #cabe76;
}


.stipebutton.small {
	padding: 0.218rem .718rem
}

.stipebutton.medium {
	padding: 0.318rem 1.018rem;
}

.stipebutton.large {
	padding: 0.618rem 1.618rem;
}

.stipebutton {
  position: relative;
  display: inline-block;
  padding: 0.618rem 1.618rem;
  cursor: pointer;
  color: #FFF;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
  background: #434343 none repeat scroll 0% 0%;
  border: 1px solid #242424;
  border-radius: 4px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.25),
    0 1px 0 rgba(255, 255, 255, 0.25) inset,
    0 0 0 rgba(0, 0, 0, 0.5) inset,
    0 1.25rem 0 rgba(255, 255, 255, 0.08) inset,
    0 -1.25rem 1.25rem rgba(0, 0, 0, 0.3) inset,
    0 1.25rem 1.25rem rgba(255, 255, 255, 0.1) inset;

  transition: all 0.2s linear 0s;

  text-align: left;
  text-decoration: none;
  margin: 0rem;
  font-weight: normal;
}

.stipebutton:hover,
.stipebutton:focus {
  text-decoration: none;
  box-shadow:
    0 2px 5px rgba(0, 0, 0, 0.5),
    0 1px 0 rgba(255, 255, 255, 0.25) inset,
    0 0 0 rgba(0, 0, 0, 0.25) inset,
    0 20px 0 rgba(255, 255, 255, 0.03) inset,
    0 -20px 20px rgba(0, 0, 0, 0.15) inset,
    0 20px 20px rgba(255, 255, 255, 0.05) inset;
}
.stipebutton:active {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.25),
    0 1px 0 rgba(255, 255, 255, 0) inset,
    0 0 5px rgba(0, 0, 0, 0.5) inset,
    0 20px 0 rgba(255, 255, 255, 0.03) inset,
    0 -20px 20px rgba(0, 0, 0, 0.15) inset,
    0 20px 20px rgba(255, 255, 255, 0.05) inset;
}


.stipebutton::before {
  content: "";
  display: block;
  position: absolute;
  background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
  background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
  background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
  background:linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
  padding: x 12px;
  top: 0;
  left: 15%;
  height: 1px;
  width: 40%;
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease-in-out 0s;
}
.stipebutton:active::before {
  opacity: 0;
}
.stipebutton:hover::before {
  left: 45%;
}

div.mods-chooser{
    
}

div.mods-chooser.disabled div.mods-chooser-item
{
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6;
	cursor: default;
	pointer-events: none
}
div.mods-chooser:hover div.mods-chooser-item:hover{
	border: 2px solid #7e9a6c;
}

div.mods-chooser div.mods-chooser-item{
	padding: 9px;
	border-radius: 6px;
	cursor: pointer;
	position: relative;
	border: 2px solid #404040;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	min-height: 100px;
}

div.mods-chooser div.mods-chooser-item.selected{
	border: 4px solid #7e9a6c;
	background: #3a613d;
	padding: 6px;
	filter: alpha(opacity=100);
	opacity: 1;
}

div.mods-chooser:hover div.mods-chooser-item.selected:hover{
	border: 4px solid #7e9a6c;
	background: #4e8452;
}

	div.mods-chooser-selected{
	border: 4px solid #7e9a6c !important;
	background: #4e8452 !important;
}

.collapsing.width  { 
	width: 0;
	height: auto;
	.transition(width 0.35s ease);
}

div.mods-chooser div.mods-chooser-item img{
	padding: 0;
}

div.mods-chooser div.mods-chooser-item span.title{
	display: block;
	margin: 10px 0 5px 0;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	color: white;
	
}

div.mods-chooser div.mods-chooser-item span.description{
	font-size: 12px;
	text-align: center;
	display: block;
}

div.mods-chooser div.mods-chooser-item input{
	position: absolute;
	left: 0;
	top: 0;
	visibility:hidden;
}


/* shimmer loading effect (reusable for any div) */
.hy-loading-shimmer {
  position: relative;
  overflow: hidden;
  background: rgba(255,255,255,0.04);
}

.hy-loading-shimmer::before {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,0.15),
    transparent
  );
  animation: hyShimmer 1.1s infinite;
  pointer-events: none;
}

@keyframes hyShimmer {
  0%   { left: -60%; }
  100% { left: 120%; }
}



@keyframes hyShimmer {
  0%   { left: -60%; }
  100% { left: 120%; }
}