/* Informations
	font-weight: 
		normal|bold|bolder|lighter|number 100..900|initial|inherit;
	cursor types: 
		default, pointer, auto, crosshair, default, e-resize, grab, help, move, n-resize, ne-resize, 
		nw-resize, progress, s-resize, se-resize, sw-resize, text, w-resize, wait, not-allowed, no-drop  
	position:
		static, absolute, fixed, relative, sticky, initial, inherit;
	relative file paths:
		Starting with "/" returns to the root directory and starts there
		Starting with "../" moves one directory backwards and starts there
		Starting with "../../" moves two directories backwards and starts there (and so on...)
		To move forward, just start with the first subdirectory and keep moving forward
	box-shadow 
		offset-x, offset-y, blur-radius, spread-radius, color
*/

body {
	background: rgba(63,63,63,1);
	margin: 0px auto;
	padding: 0px;
	overflow-x: hidden;
	text-align: justify;
}

/* links */
a { text-decoration: none; }
a:active   { color: rgba(255,255,255,1); }
a:hover     { color: rgba(255,255,255,1); }
a:link       { color: rgba(255,255,255,1); }
a:visited { color: rgba(255,255,255,1); }

/* main menu links */
.spec,
.spec:active,
.spec:link,
.spec:visited {
	background-color: rgba(63,63,63,1);
	border-radius: 0.3rem;
	color: #fff;
	font-family: Open Sans SemiBold,sans-serif;fill:rgba(255,255,255,1);
	font-weight: 200;
	font-size: 16px;
	transition: background-color 300ms linear,color 300ms linear;
	-moz-transition: background-color 300ms linear,color 300ms linear;
	-o-transition: background-color 300ms linear,color 300ms linear;
	-webkit-transition: background-color 300ms linear,color 300ms linear;
}

.spec:hover {
	background-color: #1fa3ec;
	border-radius: 0.3rem;
	color: #fff;
	font-family: Open Sans SemiBold,sans-serif;fill:rgba(255,255,255,1);
	font-weight: 500;
	max-width: 140px;
}

.spec:active {
	color: #fff;	/* #ec631f */
}

text {
	cursor: default;
}

image {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

line {
	fill: none;
	stroke: rgba(175,175,187,1);
	stroke-width: 1px;
}

div {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

input [type=checkbox] { 
	background-color: rgba(255,255,255,0.01); 
	cursor: pointer;
	height: 19px; 
	margin: 0px; 
	outline: none; 
	padding: 0px; 
	width: 19px; 
	-webkit-transform: scale(1);
}

input.t1, 
input.t2, 
input.t12 { 
	background-color: rgba(255,255,255,0.01); 
	border: none; 
	outline: none; 
	text-align: center;
	font-size: 16px;
	font-weight: 600;
}

form input.t1 {
	width: 1.8em;
}

form input.t2 {
	width: 3em;
}

form input.t12 { 
	font-family: Open Sans SemiBold,sans-serif; 
	width: 3.4em; 
}

label {
	position: relative;
}

label:after { 
	color: rgba(255,255,255,1);
	content: '>'; 
	font-size: 16px;
	font-weight: 600;
	height: 30px; 
	margin: 0 auto; 
	position: absolute; 
	right: 2px; 
	top: 3px;
	transform: rotate(90deg);
	width: 22px; 
	pointer-events: none;
}

label:before { 
	background: linear-gradient(to bottom,#6EC5E5,#1fa3ec); 
	border-radius: 2px; 
	color: #1fa3ec; 
	content: ''; 
	height: 18px; 
	position: absolute; 
	right: 0px; 
	top: 2px; 
	width: 20px; 
	pointer-events: none;
}

select { 
	appearance: none; 
	background-color: rgba(255,255,255,0.01); 
	border: none; 
	cursor: pointer;
	display: inline-block; 
	font-size: 16px !important; 
	font-weight: 600; 
	left: 1px; 
	margin: 0 auto; 
	outline: none; 
	padding: 1px 1px 1px 5px; 
	width: 60px; 
	-webkit-appearance: none; 
}

option { 
	font-size: 16px;
}

/* id tags */
#submitData, 
#requestData {
	background: url(../images/nothing.png) no-repeat;
	color: #fff;
	cursor: pointer;
	border: none;
	height: 22px;
	outline: none;
	width: 60px;
}

#submitData {
	top: 2px; 
}

#requestData {
	top: 0px;
}

/* text sizes */
.textMainPageData,
.textSizeData,
.textSizeFooter,
.textSizeHeaderClock,
.textSizeHeaderDate,
.textSizeHeaderLogo,
.textSizeInfos,
.textSizeReload,
.textSizeShow,
.textSizeText,
.textSizeUnits,
.textSizeWhereWeAre {
	font-family: Open Sans SemiBold,sans-serif;
}

.textSizeFooter,
.textSizeHeaderClock,
.textSizeHeaderDate,
.textSizeHeaderLogo ,
.textSizeShow {
	color: rgba(255,255,255,1);
	font-weight: 200;
}

.textSizeData,
.textSizeInfos,
.textSizeReload,
.textSizeText,
.textSizeUnits,
.textSizeWhereWeAre {
	color: rgba(0,0,0,1);
	font-weight: 200;
}

.textMainPageData {
	color: rgba(0,0,0,1);
	font-size: 15px;
	font-weight: 600;
}

.textSizeData              { font-size: 16px; }
.textSizeFooter          { font-size: 14px; }
.textSizeHeaderClock{ font-size: 36px; }
.textSizeHeaderDate  { font-size: 19px; }
.textSizeHeaderLogo  { font-size: 22px; }
.textSizeInfos            { font-size: 12px; }
.textSizeReload          { font-size: 14px; }
.textSizeShow              { font-size: 16px; }
.textSizeText              { font-size: 14px; }
.textSizeUnits            { font-size: 12px; }
.textSizeWhereWeAre  { font-size: 14px; }

/* pointer, cursor */
.tansRectCursorPointer,
.transPointer {
	cursor: pointer; 
	fill: rgba(255,255,255,0.01);
}

.cursorHelp {
	cursor: help;
}

.cursorMenu { 
	cursor: pointer; 
	fill: rgba(63,63,63,0.9);
}

.cursorNone  {
	cursor: default;
	fill: rgba(63,63,63,0.9);
}

.cursorTriangleNo, 
.cursorTriangleYes {
	fill: rgba(63,63,63,1);
	opacity: 0.7;
	stroke-linejoin: round;
	stroke: rgba(63,63,63,1);
	stroke-width: 4;
}
.cursorTriangleNo { cursor: default; }

.cursorTriangleYes,
.cursorPointer { 
	cursor: pointer;
}
/* button and input border */
.buttons {
	background: #1fa3ec;
	border: none;
	border-radius: 0.25rem;
	color: #fff;
	cursor: pointer;
	font-size: 1.2rem;
	line-height: 1.5rem;
	outline: none;
	width: 5.5rem;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
}
.buttons:hover {
	background-color: #0e70a4;
	border: none;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
	color: #fff;
	outline: none;
}

.saveButton { 
  background-image: linear-gradient(to bottom,#6EC5E5,#1fa3ec);
  border: none;
  border-radius: 5px;
  height: 22px; 
  left: 362px; 
  position: absolute; 
  top: 4px;
  width: 60px; 
}

.inputBorder { 
	border: 2px solid #1fa3ec;
	border-radius: 5px;
	height: 18px; 
}