@font-face {
	font-family: Myriad;
	src: url(../fonts/MyriadSetPro-Thin.ttf);
}

@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto-Light.ttf);
}

@font-face {
	font-family: weblay;
	src: url(../fonts/weblysleekuil.ttf);
}

@font-face {
	font-family: weblyb;
	src: url(../fonts/weblysleekuisb.ttf);
}

@font-face {
	font-family: weblysli;
	src: url(../fonts/weblysleekuisl.ttf);
}

body, input, textarea, select {
	font-family: weblay, Roboto, Myriad, Helvetica, Tahoma;
	font-size: 12px;
	-webkit-font-smoothing: antialiased;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	color: #333;
}

body {
	background: #fff;
	margin: 0;
}

a {
	outline: none;
	text-decoration: none;
}

::-moz-selection { /* Code for Firefox */
	background: #A6E22C;
	color: #fff;
}

::selection {
	background: #A6E22C;
	color: #fff;
}

header {
	background: #606060;
	padding: 5px 40px 5px 40px;
}

header a {
	font-size: 14px;
	color: #fff;
	font-family: weblay;
	display: inline-block;
	margin: 4px 20px 0 20px;
}

header a:hover {
	color: #ccc;
	text-decoration: none;
}

#headLogo {
	background: url(../img/logo.png) left top no-repeat;
	width: 25px;
	height: 25px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#logo {
	background: url(../img/logo.png) left top no-repeat;
	width: 25px;
	height: 25px;
	display: block;
	float: left;
	text-indent: -99999px;
}

#language { float: right; }

.clear { clear: both; }

.bigTitle {
	/*background: -webkit-linear-gradient(#999, #000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
	font-size: 4.8vw;
	font-weight: normal;
	color: #333;
}

.mediumTitle {
	/*background: -webkit-linear-gradient(#999, #000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
	font-size: 3.2vw;
	font-weight: normal;
	color: #333;
}

.largeText {
	line-height: 2.0vw;
	font-size: 1.6vw;
	font-weight: 400;
	color: #212121;
}

.mediumText {
	line-height: 2.0vw;
	font-size: 0.9vw;
	font-weight: 400;
	color: #212121;
}

.contain {
	width: 80%;
	margin: 0 auto 0 auto;
}

.btnGreen {
	outline: none;
	cursor: pointer;
	display: inline-block;
	border: #8ec71c 1px solid;
	border-radius: 3px;
	font-weight: 400;
	padding: 5px 10px;
	font-size: 1.0vw;
	background: #8ec71c !important;
	background: -moz-linear-gradient(top, #8ec71c 0%, #79aa16 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ec71c), color-stop(100%,#79aa16)) !important;
	background: -webkit-linear-gradient(top, #8ec71c 0%,#79aa16 100%) !important;
	background: -o-linear-gradient(top, #8ec71c 0%,#79aa16 100%) !important;
	background: -ms-linear-gradient(top, #8ec71c 0%,#79aa16 100%) !important;
	background: linear-gradient(to bottom, #8ec71c 0%,#79aa16 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec71c', endColorstr='#79aa16',GradientType=0 ) !important;
	color: #fff;
	text-decoration: none !important;
}

.btnGreen:hover {
	background: #A6E22C !important;
	background: -moz-linear-gradient(top, #A6E22C 0%, #87bd1a 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A6E22C), color-stop(100%,#87bd1a)) !important;
	background: -webkit-linear-gradient(top, #A6E22C 0%,#87bd1a 100%) !important;
	background: -o-linear-gradient(top, #A6E22C 0%,#87bd1a 100%) !important;
	background: -ms-linear-gradient(top, #A6E22C 0%,#87bd1a 100%) !important;
	background: linear-gradient(to bottom, #A6E22C 0%,#87bd1a 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A6E22C', endColorstr='#87bd1a',GradientType=0 ) !important;
}

.line { border-top: 1px solid #d6d6d6; }

.center { text-align: center; }

.cInput {
	outline: none;
	margin: 3px 0 3px 0;
	border-radius: 3px;
	font-weight: 400;
	font-size: 14px;
	display: block;
	padding: 5px;
	border: #ccc 1px solid;
}

.cInput:focus {
	border: #6db6ff 1px solid;
	box-shadow: inset 0 0 2px rgba(43, 128, 213, 0.6);
}

#login {
	text-align: center;
	width: 250px;
	margin: 0 auto 0 auto;
}

a.blue {
	color: #08c;
}

a:hover {
	text-decoration: underline;
}

.breathe {
	margin-top: 2.0vw !important;
	margin-bottom: 2.0vw !important;
}

.suffocate {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding: 0 !important;
}

.error { color: #F92672; }

footer {
	background: #F2F2F2;
	left: 0px;
	right: 0px;
	position: fixed;
	bottom: 0px;
	font-size: 11px;
	color: #333;
	margin-bottom: 10px;
}

footer a {
	font-weight: 600px;
}

#footCopy {
	float: left;
}

#footLinks {
	float: right;
}

.contain {
	padding: 20px 0 20px 0;
	width: 80%;
	margin: 0 auto 0 auto;
}

.breadcrums {}

.actionLinks {
	margin-top: 1px;
	padding-top: 60px;
	margin-left: 35px;
	margin-right: 35px;
	text-decoration: none;
	display: inline-block;
}

.actionLinks:hover {
	margin-top: -2px;
	border-top: #000 2px solid;
	text-decoration: none;
	color: #000 !important;
}

.manageEmail {
	min-width: 45px;
	background: url(../img/email-icon.png) center 15px no-repeat !important;
}

.manageFtp {
	min-width: 45px;
	background: url(../img/ftp-icon.png) center 15px no-repeat !important;
}

.manageDomains {
	min-width: 45px;
	background: url(../img/domain-icon.png) center 15px no-repeat !important;
}

.manageDb {
	min-width: 45px;
	background: url(../img/database-icon.png) center 15px no-repeat !important;
}

.statistics {
	min-width: 45px;
	background: url(../img/statistics-icon.png) center 15px no-repeat !important;
}

.roundcube {
	min-width: 45px;
	background: url(../img/roundcube-icon.png) center 15px no-repeat !important;
}

.phpMyAdmin {
	min-width: 45px;
	background: url(../img/phpmyadmin-icon.png) center 15px no-repeat !important;
}

.packages {
	min-width: 45px;
	background: url(../img/packages-icon.png) center 15px no-repeat !important;
}

.users {
	min-width: 45px;
	background: url(../img/users-icon.png) center 15px no-repeat !important;
}

.pack {
	margin-top: 1px;
	width: 200px;
	float: left;
}

.pack:hover {
	border-top: #000 2px solid;
	margin-top: -1px;
}

.gray { background: #F2F2F2 !important; }
.white { background: #fff !important; }