body {
	font-family: Homenaje, Arial; 
	color: #e2e4e5; 
	background-color: #2a2c2e; 

	border-collapse:collapse;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin:0px;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;

}

.dark { color: #2a2c2e; }
.darkUp { color: #3a3c3e; }
.mediumUp { color: #636567; }
.medium { color: #929495; }
.light { color: #e2e4e5; }
.bright { color: orange; }

.backDark { background-color: #2a2c2e; }
.backDarkUp { background-color: #3a3c3e; }
.backMediumUp { background-color: #636567; }
.backMedium { background-color: #929495; }
.backLight { background-color: #e2e4e5; }
.backBright { background-color: orange; }

pre { 
	font-family: 'Inconsolata', monospace; 
	color: #eeeeee; 
	background-color: #1c1c1c;
	margin:0;
}

.f40{ font-size:40px; }
.f30{ font-size:30px; }
.f20{ font-size:20px; }
.f16{ font-size:16px; }
.f14{ font-size:14px; }
.f13{ font-size:13px; }
.f12{ font-size:12px; }
.f11{ font-size:11px; }
.f10{ font-size:10px; }
.f9 { font-size:9px; }
.f8 { font-size:8px; }

.m1 { margin:1px; }
.m2 { margin:2px; }
.m3 { margin:3px; }
.m4 { margin:4px; }
.m5 { margin:5px; }
.m6 { margin:6px; }
.m7 { margin:7px; }
.m8 { margin:8px; }
.m9 { margin:9px; }
.m10 { margin:10px; }

.p1 { padding:1px; }
.p2 { padding:2px; }
.p3 { padding:3px; }
.p4 { padding:4px; }
.p5 { padding:5px; }
.p6 { padding:6px; }
.p7 { padding:7px; }
.p8 { padding:8px; }

.w1 { width:100px; }
.w2 { width:200px; }
.w3 { width:300px; }
.w4 { width:400px; }
.w5 { width:500px; }
.w6 { width:600px; }
.w7 { width:700px; }
.w8 { width:800px; }
.w9 { width:900px; }
.w10 { width:1000px; }

.tac { text-align: center; }
.tar { text-align: right; }
.tal { text-align: left; }

.tam { vertical-align:middle; }
.tat { vertical-align:top; }
.tab { vertical-align:bottom; }

.right { float:right; }
.left { float:left; }

.inline { display:inline; }
.blob { display:inline-block; }
.hidden { display: none; }

.no-wrap { white-space: nowrap; }

.corner6 {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

.corner3 {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.sourceThumb { 
	font-family: 'Inconsolata', monospace; 
	font-size:8px; 
	color: #eeeeee; 
	background-color: #1c1c1c;
	overflow:hidden;
	width:150px;
	height:150px;
	z-index:0:
}

.filmLight {
	color: #eeeeee; 
	text-shadow: #939597 0px 0px 3px;
}

.filmDark {
	color: #222222; 
	text-shadow: #333537 0px 0px 3px;
}

.sourceThumbFilm {
	position:absolute;
	left:0px;
	top:0px;
	font-family: Homenaje, Arial;
	font-size:24px; 
	/*color: #eeeeee; 
	text-shadow: #939597 0px 0px 3px;*/
	overflow:hidden;
	width:150px;
	height:150px;
	/* z-index:1500;*/
	padding-left:20px;
	padding-top:20px;
}

.sourceThumbFilm:hover {
	text-shadow: orange 0px 0px 5px;
}

.sourceView { 
	font-family: 'Inconsolata', monospace; 
	font-size:13px; 
	color: #eeeeee; 
	background-color: #1c1c1c;
	overflow:hidden;
	width:600px;
	height:450px;
	z-index:1000:
}

.sourceFull { 
	font-family: Inconsolata, monospace; 
	font-size:13px; 
	color: #eeeeee; 
	background-color: #1c1c1c;
}

.previewFrame {
	position:fixed;
	overflow:hidden;
	z-index:6000;
	background-color:#3e3e3e;
	right:320px;
	top:200px;
}

.sectionLabel {
	position:absolute;
	left:20px;
	top:-24px;
	border-style: solid;
	border-width:2 2 2 2px;
	z-index: 300;

	padding:4 6 2 6px;
	margin-bottom:6px;

	border-color:#545352;
	background:#454749;
}

.transient {
    position: absolute;
    z-index:1000;
}

.clickable {
    cursor:pointer;
}

.clickable:hover {
    cursor:pointer;
    color: orange;
}

.moveable {
	cursor:move;
}

a.top {
	text-decoration:none;
	color: #e2e4e5; 
}

a.cbutton {
	background-color:#b3b5b7;
	color:#242628;
	margin: 4 10 4 10px;
	padding:2px;
	text-decoration:none;
}
a.cbutton:hover {
	background-color:orange;
}
a.abutton {
	background-color:#a3f5a7;
	color:#242628;
	margin: 4 10 4 10px;
	margin: 4 10 4 10px;
	padding:2px;
	text-decoration:none;
}
a.abutton:hover {
	background-color:orange;
}

.hoverOrange {
	color:#b4b6b8;
	margin: 4 10 4 10px;
	margin: 4 10 4 10px;
	padding:2px;
	text-decoration:none;
}

.hoverOrange:hover {
	color:orange;
}

.scrollPane {
    overflow:auto;
    border:1px solid #36485b;
}

a.normal{
	color:#b4b6b8;
	text-decoration:none;
}

a.normal:hover {
	color:orange;
}


/* Normal size */
div.ico_q {
	background: url("../images/icons.png") 0px 0px no-repeat;
	width:26px;
	height:26px;
}

div.ico_q:hover {
	background: url("../images/icons.png") 0px -26px no-repeat;
	width:26px;
	height:26px;
}

div.ico_u {
	background: url("../images/icons.png") -26px 0px no-repeat;
	width:26px;
	height:26px;
}

div.ico_u:hover {
	background: url("../images/icons.png") -26px -26px no-repeat;
	width:26px;
	height:26px;
}

div.ico_c {
	background: url("../images/icons.png") -52px 0px no-repeat;
	width:26px;
	height:26px;
}

div.ico_c:hover {
	background: url("../images/icons.png") -52px -26px no-repeat;
	width:26px;
	height:26px;
}

div.ico_x {
	background: url("../images/icons.png") -78px 0px no-repeat;
	width:26px;
	height:26px;
}

div.ico_x:hover {
	background: url("../images/icons.png") -78px -26px no-repeat;
	width:26px;
	height:26px;
}

/* Small size */
div.ico_q_s {
	background: url("../images/icons.png") 0px -52px no-repeat;
	width:20px;
	height:20px;
}

div.ico_q_s:hover {
	background: url("../images/icons.png") 0px -72px no-repeat;
	width:20px;
	height:20px;
}

div.ico_u_s {
	background: url("../images/icons.png") -20px -52px no-repeat;
	width:20px;
	height:20px;
}

div.ico_u_s:hover {
	background: url("../images/icons.png") -20px -72px no-repeat;
	width:20px;
	height:20px;
}

div.ico_c_s {
	background: url("../images/icons.png") -40px -52px no-repeat;
	width:20px;
	height:20px;
}

div.ico_c_s:hover {
	background: url("../images/icons.png") -40px -72px no-repeat;
	width:20px;
	height:20px;
}

div.ico_x_s {
	background: url("../images/icons.png") -60px -52px no-repeat;
	width:20px;
	height:20px;
}

div.ico_x_s:hover {
	background: url("../images/icons.png") -60px -72px no-repeat;
	width:20px;
	height:20px;
}

/* Micro size */
div.ico_q_m {
	background: url("../images/icons.png") 0px -92px no-repeat;
	width:14px;
	height:14px;
}

div.ico_q_m:hover {
	background: url("../images/icons.png") 0px -106px no-repeat;
	width:14px;
	height:14px;
}

div.ico_u_m {
	background: url("../images/icons.png") -14px -92px no-repeat;
	width:14px;
	height:14px;
}

div.ico_u_m:hover {
	background: url("../images/icons.png") -14px -106px no-repeat;
	width:14px;
	height:14px;
}

div.ico_c_m {
	background: url("../images/icons.png") -28px -92px no-repeat;
	width:14px;
	height:14px;
}

div.ico_c_m:hover {
	background: url("../images/icons.png") -28px -106px no-repeat;
	width:14px;
	height:14px;
}

div.ico_x_m {
	background: url("../images/icons.png") -42px -92px no-repeat;
	width:14px;
	height:14px;
}

div.ico_x_m:hover {
	background: url("../images/icons.png") -42px -106px no-repeat;
	width:14px;
	height:14px;
}

.fixedDialog {
	position:fixed;
	top:0px;
	right:0px;
	z-index:3000;
    border-radius:0 0 0 10px;
    -moz-border-radius:0 0 0 10px;
    -webkit-border-radius:0 0 0 10px;

	border-left: #c2c4c6 5px solid;
	border-bottom: #c2c4c6 5px solid;
}

.topTab {
	position:relative;
	z-index:3000;
    border-radius:0 0 7px 7px;
    -moz-border-radius:0 0 7px 7px;
    -webkit-border-radius:0 0 7px 7px;

	border-left: #c2c4c6 3px solid;
	border-bottom: #c2c4c6 3px solid;
	border-right: #c2c4c6 3px solid;
}

#scheme_section{
	overflow-y:scroll;
	height:500px;
	border: #c2c4c6 2px solid;
	background-color:black;
}

.rightSide {
	position:absolute;
	top:100px;
	right:4px;
}

.leftSide {
	position:absolute;
	top:100px;
	left:8px;
}

.sideAdvert {
	position:fixed;
	top:80px;
	left:0px;
	z-index:2000;
    border-radius:10 0 0 10px;
    -moz-border-radius:10 0 0 10px;
    -webkit-border-radius:10 0 0 10px;
}

.corner_pitch {
	position:fixed;
	bottom:0px;
	right:0px;
	z-index:6000;
}

.info {
	position:fixed;
	top:300px;
	right:20px;
	z-index:7000;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;

	background-color:black;
	border: #c2c4c6 2px solid;
}

/*a:hover {background:black; text-decoration:none;} */
.tooltip span {display:none; padding:2px 3px; margin-left:-30px; margin-top:30px;width:130px; z-index:300;}
.tooltip:hover span{display:inline; position:absolute; background:#131517; border:1px solid #646362; color:#d2d4d6;}

#scrollbar1 { width: 520px; clear: both; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 500px; height: 200px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #003D5D; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }