@import url('uniform.default.css');

/*- - - - - - Body - - - - - -*/
body {
	background-image:url(/img/bg.png);
	/*margin-top:25px;
	margin-bottom:25px;*/
	font:14px/21px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #444;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	max-width:120em;
	margin:2% 7%;
}
body#login {
	width: 300px;
	margin: 2% auto;
	padding: 2%;
}
body#login header a {
	width:177px;
	height:100px;
	display:block;
	margin:0 auto;
}
body#login #content {
	padding: 8px;
}
body#login form section a {
	float: right;
	text-decoration: none;
	font-size:10px;
	display:inline;
	padding-top:1px;
}
body#login form section a:hover {color:#0180B6;}
body#login form button {
	position: relative;
	left: 41%;
	margin: 5px auto 3px auto;
}
body#login form section label {
	padding: 3% 2% 1%;
	width: 90% !important;
	float: none;
}
body#login form section > div {
	width: 90% !important;
	float: none;
	padding: 0 4% 3px 4%;
	border: 0;
}
body#login form section div input {
	margin-bottom: 3%;
	width: 98%;
}
#logo {margin:0 auto;display:block;}

/*- - - - - - Links - - - - - -*/
a, a:visited {
	color:#444;
	text-decoration:underline;
	outline:0;
}
a img {border:0;}
a:hover, a:focus {color:#0180B6;}
a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	color: #222;
	background: #ddd;
	border: 1px solid #888;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
}
a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
	border: 1px solid #666;
	background: #ccc;
}
a.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	background: #eee; /* Old browsers */
	background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
	background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
	background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
	background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 4px 12px;
	border-radius: 3px;
	color: #444;
	display: inline-block;
	font:11px/21px bold "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	text-transform: uppercase;
	cursor: pointer;
	margin-bottom: 20px;
}

/*- - - - - - Header - - - - - -*/
header {
	box-shadow:3px 0 4px rgba(0, 0, 0, 0.1);
	border-top-color:#d7d7d7;
	background:#f3f3f3;
	position:relative;
	border-top:1px solid;
	z-index:10;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	padding:10px 0;
}
@media \0screen {header {border:1px solid #d7d7d7; border-bottom: none;}}
*+html header {
	border:1px solid #d7d7d7;
	border-bottom:none;
}

/*- - - - - - Nav - - - - - -*/
ul#nav {list-style:none;width:100%;padding-left:0px;}
ul#nav li {width:33%;float:left;text-align:center;background:#444444;border:1px solid #f9f9f9;box-sizing:border-box;}
ul#nav li a {color:#fff;text-decoration:none;display:block;padding:1em 0;}
ul#nav li a:hover {color:#0E88C3;}

/*- - - - - - Content - - - - - -*/
#content {
	padding:0px 0px 15px 0px;
	box-shadow:3px 0 4px rgba(0, 0, 0, 0.1);
	background-color:#eeeeee;
	background-image:url(../img/paper_01.png);
	border:1px solid;
	border-left:none;
	border-right:none;
	border-color:#ededed;
	border:1px solid #d7d7d7;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	overflow:visible;
}
*+html #content {border:1px solid #d7d7d7;}

/*- - - - - - Copy - - - - - -*/
p a, p a:visited {line-height:inherit;}
small {font-size:80%;}

/*- - - - - - Forms - - - - - -*/
form {
	border:1px solid;
	padding:4px;
	margin-bottom:18px;
	border-radius:4px;
	border-color:#cccccc #e7e7e7 #ffffff #e7e7e7;
}
form:last-child {margin-bottom:0;}
form fieldset {
	padding:0;
	margin:4px;
	border:1px solid;
	border-bottom:0;
	margin-top:18px;
	border-radius:4px;
	border-color:#dddddd #e7e7e7 #bbbbbb #e7e7e7;
}
form fieldset:first-child {margin-top:4px;}
form label {
	border-top:1px solid;
	display:block;
	font-size:16px;
	margin:0;
	padding:15px 10px;
	font-weight:700;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

#template-form label {width:45%;float:left;}
#template-form input[type="submit"] {margin:0 auto;display: block;clear:both;}
#template-form label span {
	display: inline-block;
	width:150px;
}
#template-form label span.currentSiteNameDisplay {width:100%;margin-top: 38px;}

form fieldset > section {
	border-top-color:#ffffff;
	border-bottom-color:#e7e7e7;
	background:#f6f6f6;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1');
	background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1));
	background:-moz-linear-gradient(top,  #f6f6f6,  #f1f1f1);background:-o-linear-gradient(top,  #f6f6f6,  #f1f1f1);
}
form fieldset > section label {
	border:0;
	cursor:pointer;
	font-size:13px;
	font-weight:100;
	float:left;
	background:none;
	filter:none;
	margin:0;
	width:16%;
	padding-left:2px;
	margin-left:8px;
	text-align:left;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select,input[type="tel"] {
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;
	border-radius: 2px;
	color: #777;
	margin: 0;
	width: 210px;
	display: inline;
	background: #fff;
	font-size:16px;
}

/*- - - - - - Footer - - - - - -*/
footer a, footer a:visited {color:#fff;}
footer small {color:#fff;}
footer p {margin-top:0px;}
.clear {clear:both;}
.user {clear:both;float:right;}

/*- - - - - - Misc - - - - - -*/
.no-underline {text-decoration:none!important;}
.text-right {text-align:right!important;}
.remember {display:inline;font-size:10px;margin-left:0px;}
#template-form .currentSiteNameHidden {display: none;}
.ajaxfill {width:100%;-webkit-overflow-scrolling:touch;}
.ajaxfill iframe {width:100%;height:100%;}
#WorkDesc {width:400px;height:225px;}
.right {float: right;}
.woadd {width:75%;float:left;}
.maintainence {float: right;padding: 0 10px;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.module-links.two li {width:50%;}
.module-links.three li {width:33.33%;}
.module-links.four li {width:25%;}
.module-links.five li {width:20%;}
.module-links {margin: 10px 0;padding: 0;}
.module-links li {float:left;list-style-type: none;text-align: center;color:#fff;background:#444444;border:1px solid #f9f9f9;box-sizing:border-box;}
.module-links li a {padding:1em 0;color:#fff;display: block;text-decoration: none;}
.module-links li a:hover {color:#0E88C3;}
#postformdomains input[type="text"] {width:450px;}
.dnr {background:#F6FF00;}

div.threecol > div {width:33%;float:left;}

form label > span {width:25%;display: block;float:left;}

.inner-content {width:90%;margin:0 auto;display: block;}

/*- - - - - - Media Queries - - - - - -*/
@media screen and (min-width: 50em) {
	ul#nav li {width:33%;}
}
@media screen and (max-width:580px) {
	#template-form label {width:100%;float:none;padding:15px 0;}
	#template-form label > span {width:100%;text-align: center;}
	#template-form input,#template-form label div.selector {float:none;margin:0 auto;display: block;}
	#template-form label span.currentSiteNameDisplay {margin-top: 10px;}
	.user div p {text-align: center;}
	.ajaxfill {overflow:scroll;height:300px;}
}
@media screen and (max-width:960px) {
	div.threecol > div {width:100%;float:none;margin:20px 0;}
}

/*- - - - - - Webkit Loader - - - - - -*/
#spinner {
    display: block;
    position: relative;
    height: 60px;
    width: 60px;
}
#spinner span {
    position: absolute;
    display: block;
    background-color: #0E88C3;
    left: 24px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
}
#first, #second, #third {
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 6px 30px;
}
#first {-webkit-animation-timing-function: cubic-bezier(0.5, 0.3, 0.9, 0.9);}
#second {-webkit-animation-timing-function: cubic-bezier(0.5, 0.5, 0.9, 0.9);}
#third {-webkit-animation-timing-function: cubic-bezier(0.5, 0.7, 0.9, 0.9);}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(1440deg) scale(1);
  }
}​