/* maven-pro-regular - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/maven-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Maven Pro Regular'), local('MavenPro-Regular'),
       url('../fonts/maven-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven-pro-v11-latin-regular.svg#MavenPro') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Maven Pro Medium';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/maven-pro-v11-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Maven Pro Medium'), local('MavenPro-Medium'),
       url('../fonts/maven-pro-v11-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven-pro-v11-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven-pro-v11-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven-pro-v11-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven-pro-v11-latin-500.svg#MavenPro') format('svg'); /* Legacy iOS */
}

body,p,h1,h2,h3,h4,table,td,th,ul,ol,textarea,input
{
font-family:Maven Pro;
line-height:1.4;
}

body
{
	font-size:12px;
	margin:0px;
}

h1 {font-size:190%;margin-top:0px;font-weight:normal}
h2 {font-size:160%;margin-top:10px;margin-bottom:10px;font-weight:normal}
h3 {color:#008FCF;font-size:140%;font-weight:normal}
h4 {font-size:100%;}
h5 {font-size:90%;}
h6 {font-size:80%;}

iframe {margin:0px;}
div {width:100%;}

#bottombox {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background-color: white;
	border-top: 1px solid #CCC;
	padding: 10px 60px 5px 60px;
	font-size: 18px;
}

table,th,td,input,textarea
{
	font-size:100%;
}

#content
{
	width:95%;
	margin-left:auto;margin-right:auto;
	color:#000000;
	padding:5px;
	padding-bottom:50px;
}

#body {
	position:absolute;
	top:150px;
} 

/*TopMenu--------------------------------------------------------------*/
#topbox {
	width:100%;
	height:80px;
	z-index:40;
	position:fixed;
	border-bottom: 1px solid #cccccc;
	background-color:#FFF;
} 

#navigationbox {
	position:fixed;
	top:80px;
	width:100%;
	height:60px;
	z-index:39;
	border-bottom: 1px solid #cccccc;
	background-color:#FFF;
} 

#menu {
	width:95%;
	padding-top:10px;
	margin-left:auto;margin-right:auto;
	margin-bottom:10px;
} 

#submenu {
	width:100%;
	z-index:40;
	position:absolute;
	border-bottom: 1px solid #cccccc;
	background-color:#FFF;
} 

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
	text-decoration: none;
	color:#008FCF
} 

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover,a:active {
	color:#008FCF;
} 

#menu a.submenu {
	font-weight:bold;
	font-size: 18px;
	padding:5px 20px 5px 20px;
}

#menu a.submenu_selected {
	font-weight:bold;
	font-size: 18px;
	padding:5px 20px 5px 20px;
	color:#3A333A;
}

#menu a.direkt {
	font-weight:bold;
	font-size: 18px;
	padding:5px 20px 5px 20px;
}

#menu a.direkt_button {
	margin:10px;
	padding:5px 20px 5px 20px;
	background: #E5F3FA;

	-webkit-border-radius: 18px;
	-khtml-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

#navigationbox_items ul {
	list-style-type: none;
	display: inline-block;
	padding:0;
	margin:0;
} 

#navigationbox_items ul ul {
	z-index:4;
	margin:0;
	padding:0;
	position: absolute;
	display: none;
	background-color:white;
	text-align:left;
	padding-top:20px;
	padding-bottom:10px;
	white-space: nowrap;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
} 

#navigationbox_items ul li {
	margin:0;
	padding:0;
	position: relative;
}

#navigationbox_items ul li:hover ul {
	display: block;
} 

#navigationbox_items ul li ul a.direct {
	line-height:1.8;
	
} 

#navigationbox_items ul li ul a:hover,a:active {
	color:#008FCF;
	
} 

/*TopMenu--------------------------------------------------------------*/

/*Images----------------------------------------------------------------*/
img
{
	border:0;
	margin:0;
}

img.info
{
display:inline-block;
padding:8px;
background:url('../images/grid_info.png');
background-repeat: no-repeat; 
}
img.edit
{
display:inline-block;
padding:8px;
background:url('../images/grid_edit.png');
background-repeat: no-repeat;
}
img.delete
{
display:inline-block;
padding:8px;
background:url('../images/grid_delete.png');
background-repeat: no-repeat;
}
img.delete_mini
{
display:inline-block;
padding:4px;
background:url('../images/grid_delete_mini.png');
background-repeat: no-repeat;
}
img.weblink16
{
display:inline-block;
padding:8px;
background:url('../images/web_link_16x16.png');
background-repeat: no-repeat;
}
img.back
{
display:inline-block;
margin-top:15;
padding-left:50px;
padding-top:35px;
background:url('../images/back_arrow.png');
background-repeat: no-repeat;
}
img.mail
{
display:inline-block;
padding:8px;
padding-left:15px;
background:url('../images/mail.png');
background-repeat: no-repeat; 
}

/*Images----------------------------------------------------------------*/

/*Links-----------------------------------------------------------------*/

a,a:hover,a:active {
	color:#008FCF;
	cursor: pointer;
} 

a.direct {
	text-decoration: none;
	color:#3A333A;
	font-size: 15px;
	padding:5px 20px 5px 20px;
}

a.direct_selected {
	text-decoration: none;
	color:#3A333A;
	font-size: 15px;
	font-weight:bold;
	padding:5px 20px 5px 20px;
}

a.direct:hover,a.direct:active,a.direct_selected:hover,a.direct_selected:active {
	color:#3A333A;
} 

a.button_rounded {
	display:inline-block;
	color:#FFF;
	font-size:14px;
	font-family:Maven Pro Medium;
	text-align:center;
	padding:5px 30px 5px 30px;
	text-decoration:none;
	border: 0;
	background: none;
	box-shadow: none;
	border-radius: 0px;

	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

a.button_rounded_small {
	display:inline-block;
	color:#FFF;
	font-size:10px;
	font-family:Maven Pro;
	text-align:center;
	padding:2px 10px 2px 10px;
	text-decoration:none;
	border: 0;
	background: none;
	box-shadow: none;
	border-radius: 0px;

	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

a.button_rounded span.info, a.button_rounded2 span.info
{
	font-weight:normal;
	font-size:12px;
	display:none;
	margin-top:8px;
}

a.button_rounded:hover span.info, a.button_rounded2:hover span.info
{
	display:block;
	position:absolute; 
}

a.button_rounded.green,a.button_rounded.green:link,a.button_rounded.green:visited ,
a.button_rounded_small.green,a.button_rounded_small.green:link,a.button_rounded_small.green:visited  
{
	background-color:#C4CD77;
}

a.button_rounded:hover,a.button_rounded_small:hover
{
	background-image:url('../images/darken.png');
}

a.button_rounded.blue,a.button_rounded.blue:link,a.button_rounded.blue:visited,
a.button_rounded_small.blue,a.button_rounded_small.blue:link,a.button_rounded_small.blue:visited  
{
	background-color:#0192B9;
}

a.button_rounded.orange,a.button_rounded.orange:link,a.button_rounded.orange:visited,
a.button_rounded_small.orange,a.button_rounded_small.orange:link,a.button_rounded_small.orange:visited 
{
	background-color:#ee6c32;
}

a.button_rounded.red,a.button_rounded.red:link,a.button_rounded.red:visited ,
a.button_rounded_small.red,a.button_rounded_small.red:link,a.button_rounded_small.red:visited  
{
	background-color:#FF0000;
}

a.button_rounded.yellow,a.button_rounded.yellow:link,a.button_rounded.yellow:visited ,
a.button_rounded_small.yellow,a.button_rounded_small.yellow:link,a.button_rounded_small.yellow:visited  
{
	background-color:#FFFF00;
	color:#000000
}


label.button_rounded:hover
{
	background-image:url('../images/darken.png');
}

/*Links-----------------------------------------------------------------*/
/*Tooltip---------------------------------------------------------------*/
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 240px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -120px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext_below {
	visibility: hidden;
	width: 240px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	top: 135%;
	left: 50%;
	margin-left: -120px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip .tooltiptext_right
{
	position: absolute;
	width:auto;
	min-width: 340px;
	opacity: 0;
    transition: opacity 1s;
	color:#FFFFFF;
	background-color:#555555;
	border:1px solid #000000;
	padding-left:5px;
	padding-right:5px;
	
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltip:hover .tooltiptext_below {
  visibility: visible;
  opacity: 1;
}

.tooltip:hover .tooltiptext_right {
  visibility: visible;
  opacity: 1;
}

/*Tooltip---------------------------------------------------------------*/

/*Tables----------------------------------------------------------------*/
table.pointer {
	cursor: pointer;
}

table.lamp
{
	background-color:#FFF;
	width:100%;
	padding:3px;
}

table.lamp td
{
	font-family:Maven Pro;
	text-align:left;
}

table.lamp th
{
	font-family:Maven Pro;
	text-align:left;
}

table.reference
{
	padding:5px;
	margin:auto;
	width:100%;
	border:1px solid black;
}

table.reference.single
{
	overflow-x:hidden;
	table-layout:auto;
}

table.reference.nosort
{
	overflow-x:scroll;
	margin-top:2px;
}

table.reference.single thead {
	display:block;
}

table.reference.single tfoot {
	display:block;
}

table.reference.single tbody {
	max-height: 500px;
	overflow-y:auto;
	overflow-x:hidden;
	display:block;
}

table.reference th
{
	font-family:Maven Pro;
	border:1px solid transparent;
	padding:3px;
	vertical-align:top;
	text-align:left;
	line-height: 1.5;
}

table.reference th.rotate {
	height: 140px;
	white-space: nowrap;
}

table.reference th.rotate > div {
	transform: 
		/* Magic Numbers */
		translate(25px, 51px)
		/* 45 is really 360 - 45 */
		rotate(315deg);
	width: 30px;
}

table.reference th.rotate > div > span {
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
}

table.reference td.vertical {
	vertical-align:bottom;
	height: 70px;
	white-space: nowrap;
}

table.reference td.vertical > div {
	font-weight:bold;
	transform: 
		/* 45 is really 360 - 45 */
		rotate(270deg);
	width:10px;
	padding-top:15px;
}

table.reference td.vertical > div > span {
	padding-left:15px;
	padding-top:15px;
}

table.reference td
{
	font-family:Maven Pro;
	background-color:#ffffff;
	border:1px solid #c3c3c3;
	padding:3px;
	vertical-align:middle;
	line-height: 1.5;
}

table.reference td.in_use_yes
{
color:#ffffff;
background-color:#00dd00;
}

table.reference td.in_use_no
{
color:#ffffff;
background-color:#ff0000;
}

table.reference td.grey_in_use_no
{
color:#ffffff;
background-color:#999999;
}

table.reference td.beige
{
color:#000000;
background-color:beige;
}

table.reference th.white
{
background-color:#FFF;
}

table.loading_bar
{
	background-color:#ffffff;
	width:260px; 
	padding:3px;
	margin-top:2px;
	visibility:hidden;

	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 2px 2px 5px #1b383b;
	-moz-box-shadow: 2px 2px 5px #1b383b;
	box-shadow: 2px 2px 5px #1b383b;
}

table.address
{
	background-color:#BABAAF;
	width:100%;
	padding:3px;
	border-spacing: 0px;
	table-layout:fixed;
    border-collapse:collapse;
    border-style:hidden;
}

table.address th
{
	background-color:#BABAAF;
	padding:3px;
    text-align:left;
	font-size:120%;
}

table.address td
{
	width:100%;
	background-color:#ffffff;
	padding:0.25em;
    border:1px solid black;
}

/*Tables----------------------------------------------------------------*/


/*Div-------------------------------------------------------------------*/

div.center_box {
	z-index: 101;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -250px;
    margin-left: -400px;
	padding: 20px;
    width: 800px;
    height: 500px;
	background-color: #EEE;
	text-align: center;
	font-size: 120%;
}

div.info_text
{
	max-width:90%;
	margin:auto;
	line-height: 1.6;
}

div.grey
{
	width:95%;
	margin:auto;
	padding:10px;
	background:#FFF;
}

div.grey2
{
	width:100%;
	padding:5px;
	background:F0F0F0;
	position:relative;
	
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	-webkit-box-shadow: 2px 2px 5px #1b383b;
	-moz-box-shadow: 2px 2px 5px #1b383b;
	box-shadow: 2px 2px 5px #1b383b;
}

div.no_list {
	width:20%;
	padding:5px;
	background:transparent;
	position:relative;
	border:3px dotted #d4d4d4;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

div.scroll
{
	width:100%;
	max-width:99%;
	overflow-y:auto;

	-webkit-box-shadow: 2px 4px 3px #1b383b;
	-moz-box-shadow: 2px 4px 3px #1b383b;
	box-shadow: 2px 4px 3px #1b383b;
}

div.scroll thead {
	position: fixed;
	background-color: #eee;
}

div.vertical
{
float: left; 
position: relative;
vertical-align:middle;
-moz-transform: rotate(270deg);  /* FF3.5+ */		
-o-transform: rotate(270deg);  /* Opera 10.5 */   
-webkit-transform: rotate(270deg);  /* Saf3.1+, Chrome */			  
filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /* IE6,IE7 */		  
-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE8 */		   
}

div.xscroll-container {
	width: 100%;
	height: 100%;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
	position: relative;
	overflow-x:auto;
	overflow-y:hidden;
}

div.xyscroll-container {
	width: 100%;
	height: 100%;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
	position: relative;
	overflow-x:auto;
	overflow-y:auto;
}

div.box_rounded {
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/*Div-------------------------------------------------------------------*/


/*Select----------------------------------------------------------------*/
select {
	display:inline-block;
	overflow: hidden;
	background:url('../images/down_arrow_select_blue.png') no-repeat right #E7F5FA;
	vertical-align:top;
    height:25px;
	padding:2px;
	padding-right:30px;
	margin-bottom:3px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}
/*Select----------------------------------------------------------------*/

/*Input-----------------------------------------------------------------*/

input[type=text] {
	display:inline-block;
	background: #E7F5FA;
	vertical-align:top;
    height:25px;
	top:0;
	padding:2px;
	margin-bottom:3px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}

/*TextField rounded*/
input.text_rounded {
	display:inline-block;
	background: #E7F5FA;
	vertical-align:top;
    height:25px;
	top:0;
	padding:2px;
	margin-bottom:3px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}

textarea.normal {
	background: #E7F5FA;
	text-decoration:none;
	margin:auto;
	padding:2px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	wrap:soft;
	autofocus:autofocus; 
	
	width:600px;
	resize:vertical;
}

textarea.text_rounded {
	background: #E7F5FA;
	text-decoration:none;
	margin:auto;
	padding:2px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	wrap:soft;
	autofocus:autofocus; 
	
	width:100%;
	max-width:100%;
	resize:none;
}

textarea.text_rounded_small {
	background: #E7F5FA;
	text-decoration:none;
	margin:auto;
	border: 0;
	box-shadow: none;
	border-radius: 0px;
	wrap:soft;
	autofocus:autofocus; 
	
	max-width:100%;
	resize:none;
}
/*TextField rounded*/

/*Button rounded*/
input.button_rounded {
	display:inline-block;
	color:#FFF;
	font-size:14px;
	font-family:Maven Pro Medium;
	text-align:center;
	padding:5px 30px 5px 30px;
	text-decoration:none;
	border: 0;
	background: none;
	box-shadow: none;
	border-radius: 0px;

	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

input.button_rounded_small {
	display:inline-block;
	color:#FFF;
	font-weight:bold;
	font-size:9px;
	font-family:Maven Pro;
	text-align:center;
	padding:2px 10px 2px 10px;
	border:0;
	text-decoration:none;
	vertical-align:middle;

	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
}

input.button_collapse {
	display:inline-block;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	font-family:Maven Pro Medium;
	text-align:center;
	text-decoration:none;
	border: 0;
	background: none;
	box-shadow: none;
	border-radius: 0px;
	background-color:#A9A9A9;

	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

input.button_rounded.green {
	background-color:#C4CD77;
}

input.button_rounded.orange,input.button_rounded_small.orange
{
	background-color:#ee6c32;
}

input.button_rounded.blue,input.button_rounded_small.blue
{
	background-color:#0192B9;
}

input.button_rounded.red,input.button_rounded_small.red
{
	background-color:#FF0000;
}

input.button_rounded:hover,input.button_rounded:active,input.button_rounded_small:hover,input.button_rounded_small:active
{
	background-image:url('../images/darken.png');
}



/*Button rounded*/

input.button_info
{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	margin-bottom:3px;
	width:17px;
	height:17px;
	background-repeat:no-repeat;
	background-color:#eeeeee;
	background-position:center;
	background-image:url('../images/grid_info.png');

	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

input.button_delete
{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	margin-bottom:3px;
	border:0px solid #ffffff;
	text-decoration:none;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-color:#eeeeee;
	background-position:center;
	background-image:url('../images/grid_delete.png');

}
/*Input-----------------------------------------------------------------*/

/*----- Tabs -----*/
.tabs {
	width:100%;
	display:inline-block;
}
 
/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
	display:block;
	clear:both;
	content:'';
}
 
.tab-links li {
	margin:0px 3px;
	float:left;
	list-style:none;
}
 
.tab-links a {
	padding:9px 10px;
	display:inline-block;
	border-radius:3px 3px 0px 0px;
	background:#eee;
	font-size:16px;
	font-weight:600;
	color:#4c4c4c;
	transition:all linear 0.15s;
	text-decoration:none;
}

.tab-links a:hover {
	background:#a7cce5;
	text-decoration:none;
}
 
li.active a, li.active a:hover {
	background:#0192B9;
	color:#FFFFFF;
}

/*----- Content of Tabs -----*/
.tab-content {
	padding:0px;
}
 
.tab {
	display:none;
}

.tab.active {
	display:block;
}

/*Fonts-------------------------------------------------------------*/

font.field_error
{
	color:#FFFFFF;
	background-color:#ff0000;
	padding:5px;
	
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
}

font.field_success
{
	color:#FFFFFF;
	background-color:#00dd00;
	padding:5px;
	
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
}

/*Fonts-------------------------------------------------------------*/


/*Animation-------------------------------------------------------------*/

/*Loading Bar*/
table.loading_bar_box
{
	height:30px;
	width:265px;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
	border:3px solid #000000;
	
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 2px 2px 5px #1b383b;
	-moz-box-shadow: 2px 2px 5px #1b383b;
	box-shadow: 2px 2px 5px #1b383b; 
}

div.loading_bar
{
	width:50px;
	height:10px;
	background:blue;
	position:relative;
	animation:loading_bar_move 3s infinite;
	animation-direction:alternate;
	animation-timing-function:linear;
	-webkit-animation:loading_bar_move 3s infinite; /* Safari and Chrome */
	-webkit-animation-direction:alternate;
	-webkit-animation-timing-function:linear;

	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 2px 2px 2px #1b383b;
	-moz-box-shadow: 2px 2px 2px #1b383b;
	box-shadow: 2px 2px 2px #1b383b; 
}

@keyframes loading_bar_move
{
0%  {background:Blue; left:0px; top:0px;}
25%  {background:DodgerBlue; left:50px; top:0px;}
50%  {background:LightSkyBlue; left:100px; top:0px;}
75%  {background:DodgerBlue ; left:150px; top:0px;}
100% {background:Blue; left:200px; top:0px;}
}

@-webkit-keyframes loading_bar_move /* Safari and Chrome */
{
0%  {background:Blue; left:0px; top:0px;}
25%  {background:DodgerBlue; left:50px; top:0px;}
50%  {background:LightSkyBlue; left:100px; top:0px;}
75%  {background:DodgerBlue ; left:150px; top:0px;}
100% {background:Blue; left:200px; top:0px;}
}
/*Loading Bar*/

/*Animation-------------------------------------------------------------*/


.links:hover { 
	cursor:pointer
}

progress[value] {
  -webkit-appearance: none;
}