/*
This css holds all the coloring theme of the UI elemetns.
*/
body {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 20%, #0078d2 80%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffffff), color-stop(80%, #0078d2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 20%, #0078d2 80%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 20%, #0078d2 80%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 20%, #0078d2 80%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 20%, #0078d2 80%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0078d2', GradientType=0 ); /* IE6-9 */
	background-attachment: fixed;
	background-repeat: no-repeat;
}
div.header {
	background: #0077d1; /* Old browsers */
	background: -moz-linear-gradient(top,  #0077d1 0%, #005799 67%, #002d4f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0077d1), color-stop(67%,#005799), color-stop(100%,#002d4f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0077d1 0%,#005799 67%,#002d4f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0077d1 0%,#005799 67%,#002d4f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0077d1 0%,#005799 67%,#002d4f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0077d1 0%,#005799 67%,#002d4f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0077d1', endColorstr='#002d4f',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 2px 6px 2px RGBA(0,0,0,.75);
}



div.footer {
	box-shadow: 0 -2px 15px 0 RGBA(0,0,0,.7);
	border-top: solid 1px #0060a9;
	background: #0060a9; /* Old browsers */
	background: -moz-linear-gradient(top,  #0060a9 0%, #001a2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0060a9), color-stop(100%,#001a2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0060a9 0%,#001a2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0060a9 0%,#001a2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0060a9 0%,#001a2d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0060a9 0%,#001a2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0060a9', endColorstr='#001a2d',GradientType=0 ); /* IE6-9 */
	
}
div.footer .navigationButton {
	border-top: solid 1px #00243f;
}
div.footer .navigationButton.active, div.footer .navigationButton.pressed {
	background: #01345c; /* Old browsers */
	background: -moz-linear-gradient(top,  #01345c 0%, #0077d1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01345c), color-stop(100%,#0077d1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #01345c 0%,#0077d1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #01345c 0%,#0077d1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #01345c 0%,#0077d1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #01345c 0%,#0077d1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01345c', endColorstr='#0077d1',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0 10px 21px 7px rgba(0, 0, 0, .75);
}
div.footer.login-screen {
	border-top: solid 1px #004e8a;	
	background: #004e8a; /* Old browsers */
	background: -moz-linear-gradient(top,  #004e8a 0%, #003c6a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004e8a), color-stop(100%,#003c6a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #004e8a 0%,#003c6a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #004e8a 0%,#003c6a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #004e8a 0%,#003c6a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #004e8a 0%,#003c6a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004e8a', endColorstr='#003c6a',GradientType=0 ); /* IE6-9 */
}


.mainMenuButton {
	background: #0071c7; /* Old browsers */
	background: -moz-linear-gradient(top, #0071c7 0%, #004c88 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0071c7), color-stop(100%, #004c88)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0071c7 0%, #004c88 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0071c7 0%, #004c88 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0071c7 0%, #004c88 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0071c7 0%, #004c88 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071c7', endColorstr='#004c88', GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: .5em;
	border-radius: .5em;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;	
}


.topMenuButton {
	background: #0075ce; /* Old browsers */
	background: -moz-linear-gradient(top,  #0075ce 0%, #002f52 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0075ce), color-stop(100%,#002f52)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0075ce 0%,#002f52 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0075ce 0%,#002f52 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0075ce 0%,#002f52 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0075ce 0%,#002f52 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075ce', endColorstr='#002f52',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: .4em;
	border-radius: .4em;
	border: 1px solid #114a75;
	color: #ccd6de;
	box-shadow: 0 1px 0px 0 rgba(0, 0, 0, .6);
}
.topMenuButton.pressed {
	background: #004579; /* Old browsers */
	background: -moz-linear-gradient(top,  #004579 0%, #00111d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004579), color-stop(100%,#00111d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #004579 0%,#00111d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #004579 0%,#00111d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #004579 0%,#00111d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #004579 0%,#00111d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004579', endColorstr='#00111d',GradientType=0 ); /* IE6-9 */
	color: #b9c0c5;
	border: none;
	box-shadow: 0 1px 0 0 rgba(106, 132, 149, .8), inset 0 1px 3px 1px rgba(0, 0, 0, .8);
}


.topMenuButton-back {
	border: none;
	color: #ccd6de;
	background: url(../images/topMenuBackButton-normal.png) no-repeat;
	background-size: contain;
}
.topMenuButton-back.pressed {
	background: url(../images/topMenuBackButton-pressed.png) no-repeat;
	background-size: contain;
}



.blueButton {
	background: #0069b8; /* Old browsers */
	background: -moz-linear-gradient(top,  #0069b8 0%, #003764 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0069b8), color-stop(100%,#003764)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0069b8 0%,#003764 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0069b8 0%,#003764 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0069b8 0%,#003764 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0069b8 0%,#003764 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069b8', endColorstr='#003764',GradientType=0 ); /* IE6-9 */
	-no-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0), 0 2px 3px 0 rgba(0, 0, 0, .6);
	border: none;
	-webkit-border-radius: .5em;
	border-radius: .5em;
}
.blueButton.pressed, .mainMenuButton.pressed {
	background: #002c4e; /* Old browsers */
	background: -moz-linear-gradient(top, #002c4e 0%, #001e35 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #002c4e), color-stop(100%, #001e35)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #002c4e 0%, #001e35 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #002c4e 0%, #001e35 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #002c4e 0%, #001e35 100%); /* IE10+ */
	background: linear-gradient(to bottom, #002c4e 0%, #001e35 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c4e', endColorstr='#001e35', GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0 1px 3px 2px rgba(0, 0, 0, .8), 0 1px 0 0 rgba(255, 255, 255, .4);
	border: none;
}


.blueButtonLight {
	background: #2194e0; /* Old browsers */
	background: -moz-linear-gradient(top,  #2194e0 0%, #227cc1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2194e0), color-stop(100%,#227cc1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2194e0 0%,#227cc1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2194e0 0%,#227cc1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2194e0 0%,#227cc1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2194e0 0%,#227cc1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2194e0', endColorstr='#227cc1',GradientType=0 ); /* IE6-9 */
	-no-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0), 0 2px 3px 0 rgba(0, 0, 0, .6);
	border: none;
}
.blueButtonLight.pressed {
	background: #227cc1; /* Old browsers */
	background: -moz-linear-gradient(top,  #227cc1 0%, #0d5993 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#227cc1), color-stop(100%,#0d5993)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #227cc1 0%,#0d5993 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #227cc1 0%,#0d5993 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #227cc1 0%,#0d5993 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #227cc1 0%,#0d5993 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#227cc1', endColorstr='#0d5993',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0 1px 3px 2px rgba(0, 0, 0, .8), 0 1px 0 0 rgba(255, 255, 255, .4);
}

.blueButton.disabled, .blueButtonLight.disabled, .mainMenuButton.disabled {
	background: #334756;
}
.blueButton.disabled.pressed, .blueButtonLight.disabled.pressed, .mainMenuButton.disabled.pressed {
	background: #334756;
	box-shadow: none;
}


.standardInput-top-box-bg {
	background: -moz-linear-gradient(top, #f2f2f2 0%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f2 0%, #fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f2 0%, #fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f2f2 0%, #fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f2f2 0%, #fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fefefe', GradientType=0 ); /* IE6-9 */	
}