body {
	margin: 0;
	padding: 0;
	background-color: #393737;
}

* { font-family: Corbel, Calibri, "GillSans-Light", "Gill Sans Light", "Gill Sans", "Gill Sans MT", "Trebuchet MS"; }

input, textarea { font-size: 1em; }

h1, h2, h3, h4, h5, h6, th, em {
	font-weight: normal;
	font-style: italic;
	font-family: Corbel, Calibri, "GillSans-LightItalic",  "Gill Sans Light Italic", "Gill Sans", "Gill Sans MT", "Trebuchet MS";
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

p, ul, ol { margin: 0 0 1em 0; }

a:link, a:visited { color: #285E7C; }

a.contactLink:link,
a.contactLink:visited,
a.homeLink:link,
a.homeLink:visited { color: white; }

a.homeLink { text-decoration: none; }
a.homeLink:hover { color: #DFD2E7;}

#globalBox {
	margin: 0 2em 2em 2em;
	background-color: #ABB0A9;
}

#mainBox {
	padding: 1.5em 1em 1em;
}

h1, a:hover #dabbleLogo { background-color: #B8201D; }

h1 {
	position: relative;
	color: white;
	font-size: 2em;
	line-height: .7em;
	padding: 1.5em 0 0 1em;
}

h1 small {
	font-size: .5em;
	line-height: .7em;
	color: #EA9592;
}

h1 em { color: #B5A9F8; }

h1 strong {
	font-weight: normal;
	color: #E4E0FC;
}

#dabbleLogo {
	position: absolute;
	bottom: -18px;
	right: .5em;
	z-index: 1;
	padding: 10px 15px;
	background-color: #595556;
}

.tabBox {
	background-color: #595556;
}

.tabs {
	height: .5em;
	padding: 1em 1em .5em;
	margin: 0;
}

.tabs li {
	display: block;
	float: left;
	position: relative;
	list-style-type: none;
}

.tabs a:link, .tabs a:visited {
	display: block;
	padding: .2em 1em .2em 1.75em;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .2em;
	background-color: #6E716C;
}

#inputPage #editLink,
#inputPage #outputLink,
#editPage #outputLink { display: none; }

#editPage #inputLink a:link,
#editPage #inputLink a:visited,
#outputPage #editLink a:link,
#outputPage #editLink a:visited {
	background-color: #898D87;
}

#outputPage #inputLink a:link,
#outputPage #inputLink a:visited {
	background-color: #C2C6BF;
}

.tabs a:hover { background-color: #434542 !important; }

#inputLink { z-index: 3; }

#inputLink a {	padding-left: 1em; }

#editLink {
	z-index: 2;
	margin-left: -.5em;
}

#outputLink {
	z-index: 1;
	margin-left: -.5em;
}

.boxHeader {
	background-color: #90948E;
	display: inline;
	margin: 0 0 0 1em;
	padding: 0 .5em;
	color: white;
	font-size: 1em;
}

.uploadFileBox, .sampleDataBox, .helpBox {
	clear: left;
	float: left;
	width: 20em;
}

.pasteDataBox {
	margin-left: 21em;
}

.fieldBox {
	position: relative;
	background-color: #E9E4E5;
	padding: 1em;
	border-width: .25em 0 0 0;
	border-color: #90948E;
	border-style: solid;
	margin-bottom: 1em;
}

#uploadFile,
#pasteData,
input.text {
	background-color: white;
	border-width: 1px 0 0 1px;
	border-color: #BEC3BC;
	border-style: solid;
}

input.unchanged,
textarea.unchanged { color: #90948E; }

#uploadFile {
	padding: .5em;
	font-size: .75em;
	margin-bottom: 1.25em;
	width: 23em;
}

#pasteData {
	width: 97%;
	margin: 0 0 1em 0;
	padding: .75em .5em;
}

#pasteData, #columnInputTable td, .columnValue, #columnPreviewTable td, .columnPreviewTable td {
	font-family: Monaco, "Arial Unicode MS", Tahoma, "Microsoft Sans Serif", "Lucida Sans Unicode", Consolas, "Palatino Linotype", Sylfaen;
	font-size: 1em;
}

#pasteDataSubmit {
	position: absolute;
	top: .75em;
	right: 1em;
	z-index: 1;
}

.tableOverflowBox {
	overflow: auto;
	margin: 0 0 1em 0;
	max-height: 15em;
	padding-bottom: 1px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border-width: 0 1px 0 0;
	border-color: #BEC3BC;
	border-style: solid;
}

th, td {
	padding: .2em .4em;
	border-width: 1px 0 1px 1px;
	border-color: #BEC3BC;
	border-style: solid;
}

#columnInputTable,
#columnPreviewTable,
.columnPreviewTable { font-size: .78125em; }

#columnPreviewTable,
.columnPreviewTable { margin-bottom: -1px; }

#columnInputTable th {
	text-align: right;
	border-width: 0 0 0 1px;
	font-size: 1.0833em;
}

#inputHeaderValues .insertedColumn,
#inputFromValues .insertedColumn {
	border-left-width: 0 !important;
}

.headerValues th {
	text-align: left !important;
	background-color: #D1D6CE;
	padding: .3em 2px .1em;
	border-color: #A6AAA4;
}

#columnInputTable .fromValues td { padding: .2em 2px; }

#columnInputTable .toValues td { padding: 0; }

input.columnValue {
	margin: 0;
	border: 0;
	line-height: 1.5em;
	padding: .2em 2px;
	width: 5em;
}

#columnInputTable td.deletedColumn {
	background-color: transparent !important;
}

.deletedColumn input.columnValue {
	display: none;
}

.columnValue:focus {
	-moz-outline: 1px dashed black;
	background-color: #FFFED1;
}

#columnInputTable th.deletedColumn,
#columnInputTable .fromValues td,
.faint { color: #61635F; }

.insertColumnLinks td {
	border-width: 0;
	text-align: center;
	padding: 0;
}

.insertColumnLinks a { height: 16px; }

.insertColumnLinks img { border: 0;
	opacity: .6;
}

.deleteColumnButton, .insertAfterColumnButton {
	visibility: hidden;
}

.insertColumnLinks a:hover img { opacity: 1; }

.hovering, .focused { visibility: visible; }

.deleteColumnButton {
	margin-left: 20px;
}

.insertAfterColumnButton {
	float: right;
	position: relative;
	right: -9px;
}

.columnValueTools {
	margin: -1em 0 1em 0;
	font-size: .75em;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

#dabbleLogo {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.boxHeader {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
}

.tabs a {
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
}

#previewStatus p { margin-top: 1em; }

#previewSpinner {
	padding-left: 5px;
	vertical-align: middle;
}

#videoStillBox {
	position: relative;
	margin: 0 0 .5em 0;
}

#videoStillBox a {
	text-decoration: none;
	display: block;
	border: 3px #CF3631 solid;
	width: 285px;
	background-color: #393737;
}

#videoStillBox img {
	opacity: .75;
	border: 0;
}

#videoStillBox a:hover img { opacity: 1; }

.videoStillCaption {
	background-color: #595556;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 270px;
	padding: 5px 10px;
	opacity: .8;
	color: white;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .75em;
}

#videoStillBox a:hover .videoStillCaption { background-color: #393737; }

#videoBox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/video-bg.png);
	z-index: 50;
	text-align: center;
	overflow: auto;
}

#videoToolbar {
	margin: 0 auto 0 auto;
	width: 700px;
	background-color: #595556;
	padding: .25em 10px;
}

#videoToolbar input.button { font-size: .75em; }

#video {
	width: 700px;
	margin: 0 auto;
	border-width: 0 10px 10px 10px;
	border-color: #595556;
	border-style: solid;
	overflow: auto;
}

.error {
	color: #B8201D;
	font-weight: bold;
}