article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html,body {
	margin: 0;
	padding: 0;
}


body {
	background: white;
	color: #000000;
	font-family: Arial;
	font-size: 62.5%; /*  10px  */
	margin: 0px auto;
	padding:0px;
}

body.loading
{
	background: url("../../images/icons/loading.gif") transparent center center no-repeat;
}



header.outline {
	display: none;
}










/***********************************************************************************
 _                             _
| |                           | |
| |     __ _ _   _  ___  _   _| |_
| |    / _` | | | |/ _ \| | | | __|
| |___| (_| | |_| | (_) | |_| | |_
|______\__,_|\__, |\___/ \__,_|\__|
              __/ |
             |___/

***********************************************************************************/





/***********************************************************************************
 _     _             _
| |   | |           | |
| |__ | |_ _ __ ___ | |
| '_ \| __| '_ ` _ \| |
| | | | |_| | | | | | |
|_| |_|\__|_| |_| |_|_|

***********************************************************************************/

img {
}


h1, h2, h3, h4, h5 {

}



em {
	color: #89a8a8;
}



ul {

}



li {

}

hr {

}



/***********************************************************************************
                _
               | |
  ___ _   _ ___| |_ ___  _ __ ___
 / __| | | / __| __/ _ \| '_ ` _ \
| (__| |_| \__ \ || (_) | | | | | |
 \___|\__,_|___/\__\___/|_| |_| |_|


***********************************************************************************/

.ui-widget-overlay
{
	opacity:0.5;
	position: absolute;
	top: 0px;
	background-color:transparent;
	opacity:0;
}

.ui-dialog-titlebar
{
	background: white;
	padding: 20px 20px 10px 20px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	position: relative;
}

.ui-dialog-title
{
	height: 42px;
	display: block;
}

.ui-dialog-title  > .number
{
	background: black;
	color: white;
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 42px;
	display: block;
	padding: 11px 0px;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	float: left;
}


#ui-dialog-title-stop-1 > .number,
#ui-dialog-title-stop-5 > .number,
#ui-dialog-title-stop-9 > .number,
#ui-dialog-title-stop-13 > .number
{
	background: #84c666;
}

#ui-dialog-title-stop-2 > .number,
#ui-dialog-title-stop-6 > .number,
#ui-dialog-title-stop-10 > .number,
#ui-dialog-title-stop-14 > .number
{
	background: #2897ff;
}

#ui-dialog-title-stop-3 > .number,
#ui-dialog-title-stop-7 > .number,
#ui-dialog-title-stop-11 > .number,
#ui-dialog-title-stop-15 > .number
{
	background: #ff8042;
}

#ui-dialog-title-stop-4 > .number,
#ui-dialog-title-stop-8 > .number,
#ui-dialog-title-stop-12 > .number,
#ui-dialog-title-stop-16 > .number
{
	background: #3f60b8;
}





.ui-dialog-title > .title {
	display: block;
	font-weight: 700;
	font-size: 30px;
	line-height: 42px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

.ui-dialog-titlebar-close
{
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
	text-decoration: none;
	background: black;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	width: 20px;
	padding: 12px;
	background-position: top center;
	background-repeat: repeat-x;
	box-shadow: 1px 1px 5px rgba(0,0,0,.7);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.7);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.7);
}


.ui-dialog-titlebar-close:hover
{
	background-position: bottom center;
}

.ui-dialog-titlebar-close > span
{
	color: white;
	font-size: 15px;
	font-weight: bold;
}

.ui-dialog-content
{
	background: white;
	padding-bottom: 20px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.ie7 .ui-widget-overlay
{
	filter:alpha(opacity=50);
}
.ie8 .ui-widget-overlay
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.video {
	width: 889px;
	height: 500px;
	background: black;
}


.qtip-content
{
	font-size: 15px;
}

#zoom
{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2;
}

#zoom > span
{
	display: inline-block;
	padding: 15px 0;
	font-size: 15px;
	line-height: 15px;
	background: #EAEAEA;
	text-align: center;
	width: 40px;
	cursor: pointer;
}

#zoom > span:hover
{
	background: lime;
}









#navigation
{
	z-index: 10000;
	position: fixed;
	top: 25px;
	left: 0px;
}

#navigation.hide
{
	/*
	left: -155px;
	-webkit-transition: left .2s;
	*/
}


#navigation:hover,
#navigation.hover
{
	left: 0px;
}

#navigation > ul
{

}

#navigation > ul > li > a
{
	width: 40px;
	background: #00457C;
	display: block;
	font-size: 12px;
	font-weight: 700;
	color: white;
	padding: 15px;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-position: top center;
	background-repeat: repeat-x;
	box-shadow: 1px 1px 5px rgba(0,0,0,.7);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.7);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.7);

}

#navigation > ul > li > a:hover
{
	background-position: bottom center;
}

#navigation > ul > li > a
{
	color: white;
	text-decoration: none;
}


#navigation > ul > li > a.hidden
{
	display: none;
}

#navigation > ul > li > ul
{
	display: none;
	left: -155px;
	-webkit-transition: left .2s;
}

#navigation > ul > li:hover > ul
{
	left: 0px;
	display: block;
}

#navigation > ul > li > ul > li
{

}

#navigation > ul > li > ul > li > a
{
	width: 175px;
	display: block;
	font-size: 13px;
	padding: 15px;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;

	background: lightgray;
	color: black;

}

#navigation > ul > li > ul > li > a:hover
{
	background: lime;
}










#stations-navigation
{
	z-index: 10000;
	display: none;
	position: fixed;
	top: 25px;
	right: -145px;
	-webkit-transition: right .2s;
	padding: 33px 0px 0px 20px;
}

#stations-navigation.hover
{
	right: 0px;
}

#stations-navigation .caption
{
	background: black;
	color: white;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	padding: 10px 10px 10px 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 100;
	width: 25px;
	-webkit-transition: right .2s;
}


#stations-navigation > ol
{
	list-style: none;
}

#stations-navigation > ol > li
{
	width: 150px;
	position: relative;
	background: black;
	display: block;
	font-size: 15px;
	color: white;
	padding: 8px 15px 8px 19px;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: right;
	border: 0px solid transparent;
	border-right: 0px;
	background-position: top center;
	background-repeat: repeat-x;
	box-shadow: 1px 1px 5px rgba(0,0,0,.7);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.7);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.7);

}

#stations-navigation > ol > li:hover,
#stations-navigation > ol > li.hover
{
	cursor: pointer;
	border-color: white;
	border: 4px solid white;
	border-right: 0px;
	padding: 4px 15px 4px 15px;
	background-position: bottom center;
}

#stations-navigation > ol > li > .info
{

}

#stations-navigation > ol > li > .info:hover
{
}

#stations-navigation > ol > li > .info > .title
{
	display: none;
}

#stations-navigation > ol > li > .info > .description
{
	padding-left: 20px;
	display: inline;
	font-weight: bold;
}
#stations-navigation > ol > li > .info > .number
{
	position: absolute;
	left: 10px;
	top: 8px;
	font-weight: bold;
	text-align: center;
	width: 22px;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#stations-navigation > ol > li:hover > .info > .number,
#stations-navigation > ol > li.hover > .info > .number
{
	top: 4px;
	left: 8px;
}

#stations-navigation > ol > .station-1,
#stations-navigation > ol > .station-5,
#stations-navigation > ol > .station-9,
#stations-navigation > ol > .station-13
{
	background-color: #7AC043;
}

#stations-navigation > ol > .station-2,
#stations-navigation > ol > .station-6,
#stations-navigation > ol > .station-10,
#stations-navigation > ol > .station-14
{
	background-color: #00AEEF;
}

#stations-navigation > ol > .station-3,
#stations-navigation > ol > .station-7,
#stations-navigation > ol > .station-11,
#stations-navigation > ol > .station-15
{
	background-color: #FF9933;
}

#stations-navigation > ol > .station-4,
#stations-navigation > ol > .station-8,
#stations-navigation > ol > .station-12,
#stations-navigation > ol > .station-16
{
	background-color: #00457C;
}

#logo
{
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 2;
}

#console
{
	background: black;
	color: lime;
	font-size: 10px;
	position: absolute;
	right: 0px;
	width: 300px;
	height: 300px;
	overflow: scroll;
	padding: 10px;
}


#welcome .text > img
{
	display: block;
	margin: 0px auto 20px;
}

#welcome .close-btn
{
	text-decoration: none;
	font-size: 20px;
	color: white;
	padding: 20px;
	background: black;
	color: white;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 5px rgba(0,0,0,.7);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.7);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.7);
	outline: none;
	font-weight: bold;
	border: 1px solid black;
	width: 100px;
	text-align: center;
	margin: 0 auto;
	background: #00457C;
}