@charset "utf-8";
@import url(/css/fonts.css);

/* Original design by Metamorphosis Design - http://www.metamorphozis.com.  Released for free under a Creative Commons Attribution 2.5 License */

* {
	image-rendering: optimizeQuality;
		-moz-image-rendering: optimizeQuality;
		-ms-interpolation-mode: bicubic;
	punctuation-wrap: start;
}

html {
	background: #143C7F url(/images/backgrounds/hp-invent-blue-horizon-wallpaper.jpg) bottom center fixed no-repeat;
	background-size: cover;
		-khtml-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
	color: #333;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	min-height: 100%;
	min-width: 100%;
	max-width: 1008px;
	-webkit-text-size-adjust: none;
}

abbr {
	border-bottom: thin dotted #484848;
	cursor: help;
}

p {
	text-align: justify;
	margin: 0 0 1em 0;
	padding: 0;
}

a:link, a:visited, #navigation > nav li.self li a {
	color: #0041A3;
	cursor: pointer;
	text-decoration: underline;
	transition: 0.25s ease-out;
		-moz-transition: 0.25s ease-out;
		-webkit-transition: 0.25s ease-out;
}

a:not([rel~="self"]):hover {
	color: #f00 !important;
	text-decoration: none;
	text-shadow: 0 0 1px #fff;
	transition: 0.25s ease-out;
		-moz-transition: 0.25s ease-out;
		-webkit-transition: 0.25s ease-out;
}

/*
a.external::after,
a[href^="http"]:not([href^="/"]):not([href*="jenesiscomputers.com"])::after {
	content: url(/images/external-link.png);
}
*/

a[href$=".pdf"]:not(.nopdficon)::after {
	content: url(/images/pdf-link.gif);
}

/*
a.external[href$=".pdf"]::after,
a[href^="http"]:not([href^="/"]):not([href*="jenesiscomputers.com"])[href$='.pdf']::after {
	content: url(/images/pdf-link.gif) " " url(/images/external-link.png);
}
*/

a[href="#startContent"] {
	display: none;
}

.small p {
	font-size: 84.615%; /* 11px */
	margin: 0;
}

address {
	display: inline;
	margin-bottom: 1em;
}

blockquote {
	font-style: italic;
}

blockquote p::before {
	content: '“';
}

blockquote p:last-of-type::after {
	content: '”';
}

body {
	background: #fff;
	border: 1px outset rgb(42,54,93);
	border-top: none;
	box-shadow: #000 0 0 10px;
		-khtml-box-shadow: #000 0 0 10px;
		-moz-box-shadow: #000 0 0 10px;
		-webkit-box-shadow: #000 0 0 10px;
	margin: 0 auto;
	width: 980px;
}

#main {
	background: #283647 url(/images/header_circuits.jpg) left top repeat-x;
	height: 182px;
	background-size: cover;
		-khtml-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: 100% auto;
	background-origin: border-box;
	background-position: center right;
}

#main.cabling {
	background-image: url(/images/header_cabling.jpg) !important;
}

#main.enterprise {
	background-image: url(/images/header_enterprise.jpg) !important;
}
#main.enterprise #logo h1,
#main.enterprise #logo h2 {
	text-shadow: 0 0 4px #000 !important;
}

#main.opportunities {
	background-image: url(/images/header_opportunities.jpg) !important;
}

#main.hd {
	background-image: url(/images/header_hd.jpg) !important;
}

#main > header {
	display: block;
	height: 182px;
	padding-left: 30px;
	width: 100%;
	max-width: 980px !important;
}

#logo {
	float: left;
	width: 100%;
}

#logo h1 {
	color: #fff;
	font-size: 250%;
	font-style: italic;
	font-weight: bolder;
	padding: 38px 0 0 0;
	margin: 0;
	text-shadow: 2px 2px 0 #000;
}

#logo h2 {
	color: #fff;
	font-size: 125%;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	text-shadow: 2px 2px 0 #000;
}

#logo a {
	color: #fff;
	text-decoration: none;
}

#main > header > nav {
/* 	float: right; */
	text-align: center;
}

#main > header > nav ul {
	margin: 0;
	top: 152px;
	margin-left: 260px;
	position: absolute;
	list-style: none;
}

#main > header > nav li,
#hideNav {
	background: #fff url(/images/button.png) no-repeat;
	background-size: cover;
		-khtml-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
	border-top-left-radius: 16px 8px;
		-moz-border-radius-topleft: 16px 8px;
		-webkit-border-top-left-radius: 16px 8px;
	border-top-right-radius: 16px 8px;
		-moz-border-radius-topright: 16px 8px;
		-webkit-border-top-right-radius: 16px 8px;
	box-shadow: #002553 0 -5px 5px;
		-khtml-box-shadow: #002553 0 -5px 5px;
		-moz-box-shadow: #002553 0 -5px 5px;
		-webkit-box-shadow: #002553 0 -5px 5px;
	color: #033B80;
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 23px;
	margin-left: 0.75ex;
	opacity: 0.95;
	overflow: hidden;
	padding-top: 0.8em;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
	transition: 0.25s ease-in;
		-moz-transition: 0.25s ease-in;
		-webkit-transition: 0.25s ease-in;
	width: 110px;
	z-index: 2;
	font-weight: bolder;
}

#hideNav {
	top: 152px;
	position: absolute;
	display: block;
}

#main > header > nav li:hover {
	color: #f00;
	opacity: 1;
}

#main > header > nav li.selected,
#main > header > nav li.selected:hover {
	height: 32px;
	opacity: 1;
	padding-top: 0.8em;
	margin-top: -3px;
	transition: 0.25s ease-out;
		-moz-transition: 0.25s ease-out;
		-webkit-transition: 0.25s ease-out;
}

#content {
	background: #fff;
	border-top: thick solid #002553;
	display: block;
	padding: 10px;
	transition: 1s ease-out;
		-moz-transition: 1s ease-out;
		-webkit-transition: 1s ease-out;
	width: 960px;
}

#navigation {
	background: #fff;
	display: block;
	float: left;
/* 	height: 100%; */
	overflow: visible;
	padding-right: 1em;
	width: 247px;
}

#navigation > nav {
	max-width: 247px;
	height: 100%;
}

#navigation > nav ul {
	list-style: none;
	padding: 0;
}

#navigation > nav li ul {
/* 	padding: 10px 10px 20px 10px; */
}

#navigation > nav h2 {
	background: #3685DE url(/images/title.jpg) no-repeat;
	background-clip: border-box;
		-khtml-background-clip: border;
		-moz-background-clip: border;
		-webkit-background-clip: border-box;
	background-origin: border-box;
		-moz-background-origin: border;
		-webkit-background-origin: border;
	background-repeat: no-repeat;
	background-size: cover;
		-khtml-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
	border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	box-reflect: below -3px gradient(linear, left top, left bottom, from(transparent), color-stop(1, rgba(255,255,255,0.55)), color-stop(0.75, transparent), to(#fff));
		-webkit-box-reflect: below -3px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(1, rgba(255,255,255,0.55)), color-stop(0.75, transparent), to(#fff));
	color: #fff;
	font-size: 107.69230768%; /* 14px */
	font-weight: bolder;
	height: 18px;
	outline: thin solid #000;
	outline-offset: -1px;
	outline-radius: 4px;
		-moz-outline-radius: 4px;
		-webkit-outline-radius: 4px;
	padding: 13px;
	text-shadow: 2px 2px 0 #000;
}

#navigation > nav > ul > li:not(:first-of-type) > h2 {
	margin-top: 16px;
}

#navigation > nav h2 + * {
	margin-left: 7px;
	max-width: 238px;
}

#navigation > nav > ul > li ul {
	list-style-type: disc;
	list-style-image: url(/images/small.gif);
	padding-left: 20px;
}

#navigation > nav li.self {
	list-style-image: url(/images/small-open.gif) !important;
}

#navigation > nav > ul > li ul > li {
	margin-bottom: 0.5em;
}

#navigation > nav a[rel~="self"] {
	cursor: pointer;
	display: inline-block;
	font-weight: bold !important;
	margin: 0.5em 0;
	text-decoration: none !important;
	text-shadow: 2px 2px 1px rgb(229,229,255);
}

#navigation > nav a[rel~="self"] li:last-child {
	display: block;
	margin-bottom: 1em !important;
}

#content > section {
	background: #fff;
	display: inline-block;
	float: right;
	transition: 1s ease;
		-moz-transition: 1s ease;
		-webkit-transition: 1s ease;
	width: 700px;
}

#content > section.solo {
	float: none;
	width: 100%;
}

section.tab {
/* 	display: none; */
/* 	opacity: 0; */
	position: relative;
	right: 0;
	top: 0;
/* 	-webkit-transition: opacity 1s ease-out, width 1s ease-out; */
}

section#news > article p {
	margin-top: 0.75em;
}

section#news h3 {
	margin-bottom: 0;
}

section#news > article > header > time {
	font-style: italic;
	font-weight: lighter;
}

section#news > article > header > time::before {
	content: "Published on ";
}

#content h1 {
	color: #0041A3;
	font-size: 153.84615385%; /* 20px */
	font-weight: bolder;
	text-shadow: 2px 2px 1px rgb(229,229,255);
}

#content h2 {
	color: #0041A3;
	font-size: 138.46153846%; /* 18px */
	font-weight: bolder;
	text-shadow: 2px 2px 1px rgb(229,229,255);
}

#content h2:not(:first-of-type) {
	padding-top: 10px;
}

#content h3 {
	color: #0041A3;
	font-size: 123.07692308%; /* 16px */
	font-weight: bolder;
	text-shadow: 2px 2px 1px rgb(229,229,255);
}

#content h4 {
	color: #0041A3;
	font-size: 115.38461538%; /* 15px */
	font-weight: bolder;
	text-shadow: 2px 2px 1px rgb(229,229,255);
}

#content h5 {
	color: #0041A3;
	font-size: 107.69230769%; /* 14px */
	font-weight: bolder;
	text-shadow: 2px 2px 1px rgb(229,229,255);
}

#content h6 {
	color: #0041A3;
	font-size: 100%; /* 13px */
	font-weight: bolder;
	text-shadow: 2px 2px 1px rgb(229,229,255);
}

#content a {
	color: #0041A3;
	text-decoration: none;
}

#content > section img.left {
	float: left;
	margin: 5px;
}

#content > section img.right {
	float: right;
	margin: 5px;
}

#content > section > aside {
	display: block;
	float: right;
	height: 100%;
	margin-left: 16px;
	text-align: center;
	width: 67px;
}

section#contact a[href="/Jenesis.vcf"] {
	display: block;
	text-align: center;
	width: 20%;
	margin-left: 9em;
}

section#contact a[href="/Jenesis.vcf"] img {
	padding-bottom: 0.25em;
	margin: 0 auto;
	height: 31px;
	width: 41.3333px;
	max-height: 93px;
	max-width: 124px;
}

#map_canvas {
	border: thin solid #52bcff;
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	box-shadow: #000 0 0 10px;
		-moz-box-shadow: #000 0 0 10px;
		-webkit-box-shadow: #000 0 0 10px;
	float: right;
	min-height: 300px;
	margin: 0 1em 1em 1em;
	overflow: hidden;
	position: relative;
	resize: auto;
	top: -5.5em;
	visibility: hidden;
	width: 300px;
}
#map_canvas > div {
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	height: 100%;
	width: 100%;
}

section#directory > article > article {
	display: inline-block;
	float: left;
	max-width: 960px;
	min-width: 480px;
}

section#directory .person {
	font-weight: bolder;
}

section#directory .title {
	font-weight: normal;
}

section#directory li {
	margin-top: 1em;
	list-style: none;
}

section#news article,
hr {
	clear: both;
}

section#news header {
	padding-top: 2em;
}

.nickname {
	text-shadow: 2px 2px 0 rgb(219,219,219);
}

body > footer {
	background: #033B80 url(/images/footer.jpg) repeat-x;
	background-size: 100% 100%;
		-khtml-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
	clear: both;
	color: #fff !important;
	display: block;
	font-size: 76.92307%; /* 10px */
	height: 45px;
	padding: 25px 0;
	text-align: center;
}

body > footer a,
body > footer p {
	color: #fff !important;
	text-align: center;
	margin: 0.5em 0;
}

.hidden {
	display: none !important;
}

li.vcard {
	background-color: #fff;
	background-size: cover;
		-khtml-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	box-reflect: below -4px gradient(linear, left top, left bottom, from(transparent), color-stop(1, rgba(255,255,255,0.55)), color-stop(0.75, transparent), to(#fff));
		-webkit-box-reflect: below -4px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(1, rgba(255,255,255,0.55)), color-stop(0.75, transparent), to(#fff));
	display: block;
	line-height: 150%;
	margin-bottom: 32px;
	min-height: 64px;
	padding: 4px 4px 8px 4px;
	vertical-align: middle;	
	transition: 0.5s ease-out;
		-moz-transition: 0.5s ease-out;
		-webkit-transition: 0.5s ease-out;
}

li.vcard:hover {
	background-color: rgba(229,229,255,0.5);
	transition: 0.5s ease-in;
		-moz-transition: 0.5s ease-in;
		-webkit-transition: 0.5s ease-in;
}

.pic, #pic {
	background-image: url(/images/unknown-user.png);
	background-repeat: no-repeat;
	background-position: center center;
	border: thin solid rgb(229,229,229);
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	box-shadow: rgb(230,230,230) 0 0 20px;
		-khtml-box-shadow: rgb(230,230,230) 0 0 20px;
		-moz-box-shadow: rgb(230,230,230) 0 0 20px;
		-webkit-box-shadow: rgb(230,230,230) 0 0 20px;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	display: block;
	float: left;
	margin: 0 8px 0 0;
	height: 62px;
	width: 62px;
}

.pic.underling, #pic.underling {
	height: 38px;
	width: 38px;
}

#ann	{ background-image: url(/apps/srs/images/users/ann.mazzarella.png); }
#ariel	{ background-image: url(/apps/srs/images/users/ariel.cornish.png); }
#colin	{ background-image: url(/apps/srs/images/users/colin.cogle.png); }
#dan	{ background-image: url(/apps/srs/images/users/daniel.kuzio.png); }
#davec	{ background-image: url(/apps/srs/images/users/david.casanova.png); }
#jen 	{ background-image: url(/apps/srs/images/users/jennifer.zahaba.png); }
#josh	{ background-image: url(/apps/srs/images/users/joshua.brasseur.png); }
#kevin	{ background-image: url(/apps/srs/images/users/kevin.fabretti.png); }
#patrick { background-image: url(/apps/srs/images/users/patrick.petrarco.png); }
#steve	{ background-image: url(/apps/srs/images/users/steve.geary.png); }
#will	{ background-image: url(/apps/srs/images/users/william.cornish.png); }

aside img[src="/images/companies/Apple.png"] {
	margin: 8px 20.5px 8px 20.5px;
	width: 26px;
	height: 30px;
}

aside img[src="/images/companies/Cisco.png"] {
	margin: 8px 18px;
	width: 31px;
	height: 16px;
}

aside img[src="/images/companies/CompTIA.png"] {
	margin: 8px 9.5px;
	width: 48px;
	height: 39px;
}

aside img[src="/images/companies/Dell.png"] {
	margin: 8px 8.5px;
	width: 50px;
	height: 16px;
}

aside img[src="/images/companies/HP.png"] {
	margin: 8px 8.5px;
	width: 50px;
	height: 29px;
}

aside img[src="/images/companies/Hurricane Electric.png"],
aside img[src="/images/companies/Hurricane%20Electric.png"] {
	margin: 8px 20.5px;
	width: 26px;
	height: 26px;
}

aside img[src="/images/companies/Lexmark.png"] {
	margin: 8px 8.5px;
	width: 50px;
	height: 13px;
}

aside img[src="/images/companies/Microsoft.png"] {
	margin: 8px 0;
	width: 67px;
	height: 11px;
}

aside img[src="/images/companies/MicrosoftCP.png"] {
	margin: 8px 0;
	width: 193px;
	height: 101px;
}

aside img[src="/images/companies/Toshiba.png"] {
	margin: 8px 0.5px;
	width: 66px;
	height: 10px;
}

aside img[src="/images/companies/Xerox.png"] {
	margin: 8px 8.5px;
	width: 50px;
	height: 14px;
}

img[src="/images/computers/eMac.jpg"] {
	float: left;
	margin: 0 32px 8px 0;
	width: 149px;
	height: 150px;
	box-reflect: none !important;
		-webkit-box-reflect: none !important;
}

img[src*="62x62"] {
	width: 62px;
	height: 62px;
}
img[src*="128x128"] {
	width: 128px;
	height: 128px;
}

section#computers img {
	float: left;
	margin: 0 8px 8px 0;
}

section#computers img + img,
section#news img + img {
	float: right;
}

section#computers h3 + strong {
	display: block;
	margin: -1em 0 1em 0;
}

@media only screen and (max-device-width: 480px) {
	html {	background: #143C7F!important; background-image: none!important; }
	#logo h1, #logo h2	{ -webkit-text-size-adjust: 150%; }
	#navigation h2		{ -webkit-text-size-adjust: 125%; 	outline:none; }
}

ins {
	font-weight: bolder;
	text-decoration: none;
}

del {
	font-weight: normal;
	text-decoration: line-through;
}

textarea {
	resize: both;
}

img[src="/images/autumnleaf.jpg"] {
	box-reflect: below -3px gradient(linear, left top, left bottom, from(transparent), color-stop(1, rgba(255,255,255,0.55)), color-stop(0.75, transparent), to(#fff));
		-webkit-box-reflect: below -3px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(1, rgba(255,255,255,0.55)), color-stop(0.75, transparent), to(#fff));
	float: left;
	height: 90px;
	max-height: 300px;
	max-width: 300px;
	width: 90px;
}

.notice {
	font-size: smaller;
	font-weight: lighter;
}

.agency {
	font-weight: bolder;
}

.agency + br + .title {
	font-weight: lighter;
	font-style: italic;
}

#contracts li, #partners li {
	margin-bottom: 0.8em;
}

#cse-search-box {
	margin-bottom: 0.6em;
}

.warning, .kinda-warning, .good-warning {
	font-weight: bolder;
	padding: 8px;
	vertical-align: middle;
	border-fit: repeat;
	border-radius: 6px;
		-khtml-border-radius: 6px;
		-icab-border-radius: 6px;
		-o-border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	margin: 2px 2px 8px 2px;
}

.warning {
	background-color: rgba(255,0,0,0.5) !important;
	text-shadow: 0 0 4px rgb(255,127,127);
	border: thin solid maroon;
	box-shadow: maroon 2px 2px 10px;
		-khtml-box-shadow: maroon 2px 2px 10px;
		-moz-box-shadow: maroon 2px 2px 10px;
		-webkit-box-shadow: maroon 2px 2px 10px;
}

.kinda-warning {
	background-color: rgba(255,255,0,0.5) !important;
	text-shadow: 0 0 4px rgb(255,255,127);
	border: thin solid olive;
	box-shadow: olive 2px 2px 10px;
		-khtml-box-shadow: olive 2px 2px 10px;
		-moz-box-shadow: olive 2px 2px 10px;
		-webkit-box-shadow: olive 2px 2px 10px;
}

.good-warning {
	background-color: rgba(0,255,0,0.5) !important;
	text-shadow: 0 0 4px rgb(127,255,127);
	border: thin solid #07bb1e;
	box-shadow: teal 2px 2px 10px;
		-khtml-box-shadow: #07bb1e 2px 2px 10px;
		-moz-box-shadow: #07bb1e 2px 2px 10px;
		-webkit-box-shadow: #07bb1e 2px 2px 10px;
}

.warning a:not([rel~="self"]):hover {
	color: rgb(224,255,0) !important;
	transition: color 0.25s ease-out;
		-moz-transition: color 0.25s ease-out;
		-webkit-transition: color 0.25s ease-out;
	text-decoration: none;
}

.alertStop, .alertCaution, .alertNote, .alertSuccess,
.alertFirefox, .alertChrome, .alertSafari, .alertiPhone, .alertOpera, .alertIE,
.alertVCard {
	background-position: 4px center;
	background-repeat: no-repeat;
	background-size: 64px 64px;
		-khtml-background-size: 64px 64px;
		-moz-background-size: 64px 64px;
		-o-background-size: 64px 64px;
		-webkit-background-size: 64px 64px;
	min-height: 72px;
	min-width: 72px;
	padding: 4px 4px 4px 72px;
}

.alertStop {
	background-image: url(/apps/srs/images/AlertStopIcon.png) !important;
}

.alertCaution {
	background-image: url(/apps/srs/images/AlertCautionIcon.png) !important;
}

.alertNote {
	background-image: url(/apps/srs/images/AlertNoteIcon.png) !important;
}

.alertSuccess {
	background-image: url(/apps/srs/images/AlertSuccess.png) !important;
}

.alertVCard {
	background-image: url(/images/vCard.png) !important;
	background-size: 62px 46.5px;
		-khtml-background-size: 62px 46.5px;
		-moz-background-size: 62px 46.5px;
		-o-background-size: 62px 46.5px;
		-webkit-background-size: 62px 46.5px;
}

.alertFirefox {
	background-image: url(/apps/srs/images/browsers/128x128/Firefox.png);
	background-size: 128px 128px;
		-khtml-background-size: 128px 128px;
		-moz-background-size: 128px 128px;
		-o-background-size: 128px 128px;
		-webkit-background-size: 128px 128px;
	background-position: -32px right;
}

.alertSafari {
	background-image: url(/apps/srs/images/browsers/128x128/Safari.png);
	background-size: 128px 128px;
		-khtml-background-size: 128px 128px;
		-moz-background-size: 128px 128px;
		-o-background-size: 128px 128px;
		-webkit-background-size: 128px 128px;
	background-position: -32px right;
}

.alertiPhone {
	background-image: url(/apps/srs/images/equipment/128x128/Apple%20iPhone%203G.png);
	background-size: 128px 128px;
		-khtml-background-size: 128px 128px;
		-moz-background-size: 128px 128px;
		-o-background-size: 128px 128px;
		-webkit-background-size: 128px 128px;
	background-position: -24px -2px;
	padding-left: 76px;
}

.alertChrome {
	background-image: url(/apps/srs/images/browsers/128x128/Chrome.png);
	background-size: 128px 128px;
		-khtml-background-size: 128px 128px;
		-moz-background-size: 128px 128px;
		-o-background-size: 128px 128px;
		-webkit-background-size: 128px 128px;
	background-position: -32px right;
}

.alertIE {
	background-image: url(/apps/srs/images/browsers/128x128/IE.png);
	background-size: 128px 128px;
		-khtml-background-size: 128px 128px;
		-moz-background-size: 128px 128px;
		-o-background-size: 128px 128px;
		-webkit-background-size: 128px 128px;
	background-position: -32px right;
}

#bigstupidbutton {
	color: white !important;
	padding: 6px 9px;
	width: 75%;
}

.aquified, button, input[type=button], input[type=submit], input[type=reset] {
	background-color: rgba(60, 132, 198, 0.8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));
	background-image: -moz-linear-gradient(rgba(28, 91, 155, 0.8) 0%, rgba(108, 191, 255, .9) 90%);
	border: 2px solid #ccc;
	border-color: #8ba2c1 #5890bf #4f93ca #768fa5;
	border-radius: 12px/16px;
		-moz-border-radius: 12px/16px;
		-webkit-border-radius: 12px 16px;
 	box-shadow: 0 4px 8px rgba(66,140,240,0.65);
		-moz-box-shadow: 0 4px 8px rgba(66,140,240,0.65); /* FF 3.5+ */
		-webkit-box-shadow: 0 4px 8px rgba(66,140,240,0.65);
	color: #fff;
	cursor: pointer;
	display: inline-block;
/* 	font: bolder 14px/1 "Lucida Grande", "Lucida Sans", Lucida, Verdana, sans-serif; */
	font-size: 14px/1;
	font-weight: bolder;
	overflow: hidden;
	padding: 2px 4px;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis;
	text-shadow: #000 0 0 2px;
	transition: width 0.5s ease-in, height 0.5s ease-in;
		-moz-transition: width 0.5s ease-in, height 0.5s ease-in;
		-webkit-transition: width 0.5s ease-in, height 0.5s ease-in;	
	vertical-align: middle;
	width: auto;
}
.aquified[disabled], button[disabled], input[disabled][type=button], input[disabled][type=submit], input[disabled][type=reset] {
	background-color: rgba(100,100,130,0.8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(60,60,80,0.8)), to(rgba(100,100,130,.9)));
	background-image: -moz-linear-gradient(rgba(60,60,80,0.8) 0%, rgba(100,100,130,.9) 90%);
	border: 2px solid #bbb;
	border-color: #9c91b0 #5876bd #6082b9 #877e94;
	box-shadow: 0 4px 8px rgba(120,120,130,0.65);
		-moz-box-shadow: 0 4px 8px rgba(120,120,130,0.65); /* FF 3.5+ */
		-webkit-box-shadow: 0 4px 8px rgba(120,120,130,0.65);
	color: #fff;
	text-shadow: rgba(10, 10, 10, 0.5) 0 0 1px;
	transition: width 0.5s ease-in, height 0.5s ease-in;
		-moz-transition: width 0.5s ease-in, height 0.5s ease-in;
		-webkit-transition: width 0.5s ease-in, height 0.5s ease-in;	
}
.glare {
	background-color: #fff;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	border-bottom-left-radius: 60px 36px;
		-moz-border-radius-bottomleft: 60px/36px;
		-webkit-border-bottom-left-radius: 60px 36px;
	border-bottom-right-radius: 60px 36px;
		-moz-border-radius-bottomright: 60px/36px;
		-webkit-border-bottom-right-radius: 60px 36px;
	height: 40%;
	left: 5px;
	opacity: 0.25;
	 	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#A2FFFFFF, endColorStr=#00FFFFFF), progid:DXImageTransform.Microsoft.Alpha(opacity=20)";	
	overflow: hidden;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 5px;
	transition: width 0.5s ease-in, height 0.5s ease-in;
		-moz-transition: width 0.5s ease-in, height 0.5s ease-in;
		-webkit-transition: width 0.5s ease-in, height 0.5s ease-in;	
	top: 0;
	width: auto;
		min-width: 0;
		max-width: auto;
	z-index: 1;
}
.aquified:not([disabled]):hover, button:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=submit]:not([disabled]):hover, input[type=reset]:not([disabled]):hover {
	background-color: rgba(148, 116, 174, 0.8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(70, 80, 136, 0.8)), to(rgba(204, 168, 224, .9)));
	background-image: -moz-linear-gradient(rgba(70, 80, 116, 0.8) 0%, rgba(204, 168, 224, .9) 90%);
	border-color: #0d91b0 #7aa1ae #7182b9 #987e94;
	transition: 0.25s ease-in;
		-moz-transition: 0.25s ease-in;
		-webkit-transition: 0.25s ease-in;
}
.aquified:not([disabled]).selected, .aquified:not([disabled]):active, button:not([disabled]):active, input[type=button]:not([disabled]):active, input[type=submit]:not([disabled]):active, input[type=reset]:not([disabled]):active {
	background-color: rgb(238, 85, 38) !important;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 85%, from(rgba(246, 132, 36, 0.796875)), to(rgba(239, 97, 49, 0.894531)));
	background-image: -moz-linear-gradient(rgba(246, 132, 36, 0.8) 0%, rgba(239, 97, 49, 0.9) 85%);
	border-color: rgb(247, 162, 80) rgb(247, 160, 80) rgb(239, 146, 94) rgb(246, 164, 96);
	box-shadow: rgba(237, 96, 46, 0.496094) 0 4px 8px;
		-moz-box-shadow: rgba(237, 96, 46, 0.496094) 0 4px 8px;
		-webkit-box-shadow: rgba(237, 96, 46, 0.496094) 0 4px 8px;	
	transition: width 0.15s ease-in, height 0.15s ease-in;
		-moz-transition: width 0.15s ease-in, height 0.15s ease-in;
		-webkit-transition: width 0.15s ease-in, height 0.15s ease-in;	
}

table.coloredrows {
	border-radius: 8px
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
}

table.coloredrows>tbody>tr:not(.thr):nth-child(even) {
	background-color:rgba(95,117,143,0.15);
	transition: background-color 0.15s ease-in;
		-moz-transition: background-color 0.15s ease-in;
		-webkit-transition: background-color 0.15s ease-in;
}

table.coloredrows>tbody>tr:not(.thr):nth-child(odd) {
	background-color:rgba(95,117,143,0.3);
	transition: background-color 0.15s ease-in;
		-moz-transition: background-color 0.15s ease-in;
		-webkit-transition: background-color 0.15s ease-in;
}

table.coloredrows>tbody>tr:hover {
	background-color:rgba(95,117,215,0.5)!important;
	transition: background-color 0.15s ease-in;
		-moz-transition: background-color 0.15s ease-in;
		-webkit-transition: background-color 0.15s ease-in;
}

var, code, .monospaced {
	font-style: normal;
	font-family: 'Panic Sans', Monaco, 'Consolas', 'Dark Courier', 'Courier New', Courier, monospace;
	font-weight: normal;
}