/* ######################### general HTML elements ######################### */
html,
body {
  min-height: 100%;
  height: 100%;
  width: 100%;
}
body {
	display: table;
}
h1 {
	font: bold 27px SegoePrint; 
	color: #F1C602
}
h2 {
	font: bold 24px SegoePrint; 
	color: #A7CA00; 
}
h3 {
	font: bold 17px SegoePrint;
}
a:focus {
	outline: none;
}

/* ######################### fonts ######################### */
@font-face {
    font-family: 'SegoePrint';
	src: url('/fonts/segoepr.eot');
	src: url('/fonts/segoepr.eot?#iefix') format('embedded-opentype'), url('/fonts/segoepr.woff') format('woff'), url('/fonts/segoepr.ttf') format('truetype'), url('/fonts/segoepr.svg#glyphicons_halflingsregular') format('svg');
	
    font-weight: normal;
    font-style: normal;
}

/* ######################### shorthands ######################### */
.rounded {
	border-radius: 10px;
}
.center-inner {
	text-align: center;
}
.center-outer {
	margin-left: auto;
	margin-right: auto;
}
.inline {
	display: inline
}
.txt-right {
	text-align: right;
}
.vAlignMid {
	display: table-cell;
	vertical-align: middle;
}

/* ######################### custom classes ######################### */
.txt-shining {
	font: bold 30px SegoePrint;
	color: #7cf;
	text-shadow: 1px 1px 1px #444;
	text-align: center;
	margin: 0 0 5px;
}
.offset-left-1 {margin-left: 33px}
.offset-left-2 {margin-left: 70px}

/* ######################### icons ######################### */
.ico .ico {
	width: 32px;
	height: 32px;
	display: table-cell;
}
.ico-xl .ico {
	width: 48px;
	height: 48px;
	display: table-cell;
}
.ico .ico + * {
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;
}
.ico .ico-login {background: url('/img/common/gui/sprites.png') no-repeat 0 0;}
.ico .ico-register {background: url('/img/common/gui/sprites.png') no-repeat 0 -33px;}
.ico-xl .ico-login {background: url('/img/common/gui/sprites.png') no-repeat 0 -66px;}
.ico-xl .ico-register {background: url('/img/common/gui/sprites.png') no-repeat 0 -114px;}
.ico:hover .ico-login {background-position: -32px 0;}
.ico:hover .ico-register {background-position: -32px -33px;}
.ico-xl:hover .ico-login {background-position: -49px -66px;}
.ico-xl:hover .ico-register {background-position: -49px -114px;}

/* ######################### forms ######################### */
form label {
	font-size: 20px;
}
form .error, form .error-message {
	color: #700;
	font-weight: bold;
}
form .error input[type] {
	border-color: #ac2925;
	background-color: #FFDACC;
}
form .error-message {
	color: #c00;
	padding-left: 4px;
}
.requiredMention {
	color: #c00;
}
form .requiredMention:before {
	content: " ";
}


/* ######################### Header ######################### */
#header {
    display: table-row;
}
#header .logo {
    margin: 9px 0 0 15px;
}
#header .left {
	float: left;
	margin-left: 20px;
}
#header .right {
	float: right;
}
#header .right > li {
	padding: 0 10px;
}
#header, #header > ul > li {
	height: 50px;
}
#header > ul {
	padding: 0;
	margin: 0;
}
#header > ul > li {
	display: table-cell;
	vertical-align: middle;
}
#header .language-label {
	font: bold 11px/13px Arial, sans-serif;
	text-align: right;
	display: inline-block;
}

/* ######################### Language switcher ######################### */
#langSwitcher .dropdown-menu a {
	font-weight: bold;
}
#langSwitcher .dropdown-menu a img {
	margin-right: 10px;
}

/* ######################### Content ######################### */
#content {
	display: table-row;
}

#content > .container {
	margin-top: 10px;
}

#modalMsgEnableCookies .modal-content p {
	padding: 20px;
}

.txt-intro {
	font-size: 18px;
	margin: 30px 0;
}
.modal .modal-body .txt-intro {
	font-size: 15px;
	margin: 5px 0 15px;
}

.vcpc-white		{background: #ffffff;}
.vcpc-yellow	{background: #ffda54;}
.vcpc-blue		{background: #6cb3f5;}
.vcpc-green		{background: #a9cf30;}
.vcpc-grey		{background: #454545; color: #fff}

.vcpc-yellow-pale	{background: #fff2c5;}
.vcpc-blue-pale		{background: #cde5fc;}
.vcpc-green-pale	{background: #e2efb8;}
.vcpc-grey-pale		{background: #c0c0c0;}

.vcpc-yellow-bright	{background: #ffbb00;}
.vcpc-blue-bright	{background: #00aaff;}
.vcpc-green-bright	{background: #7acb00;}
.vcpc-grey-bright	{background: #404040; color: #fff}

/* ######################### Tooltip ######################### */
.tooltip-inner {
	background: #09AFFA;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  border-top-color: #09AFFA;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #09AFFA;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #09AFFA;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #09AFFA;
}

/* ######################### Tables ######################### */
.table-striped tr th {
	background: #a9cf30!important; /* = .vcpc-green */
	color: #000!important;
}

.table-striped > tbody > tr:nth-child(odd) > td {
	background-color: #e2efb8; /* = .vcpc-green-pale */
}
.table-striped > tbody > tr:nth-child(even) > td	 {
	background-color: #fff2c5; /* = .vcpc-yellow-pale */
}

/* ######################### Buttons######################### */
.btn-green {
  background-image: -webkit-linear-gradient(top, #a9cf30 0%, #7acb00 100%);
  background-image:      -o-linear-gradient(top, #a9cf30 0%, #7acb00 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a9cf30), to(#7acb00));
  background-image:         linear-gradient(to bottom, #a9cf30 0%, #7acb00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa9cf30', endColorstr='#ff7acb00', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #83b931;
  color: #444;
}
.btn-green:hover,
.btn-green:focus {
  background-color: #7acb00;
  background-position: 0 -15px;
  color: #444;
}
.btn-green:active,
.btn-green.active {
  background-color: #7acb00;
  border-color: #83b931;
}
.btn-green:disabled,
.btn-green[disabled] {
  background-color: #7acb00;
  background-image: none;
}
/* ######################### Modals ######################### */
#msgInfo .modal-body {
	padding: 25px 25px 25px 70px;
	background: url('/img/common/icons/info.png') 20px center no-repeat;
}
#msgInfo .modal-footer {
	text-align: center!important;
}

/* ######################### Footer ######################### */
#footer {
	background-color: #f5f5f5;
	display: table-row;
}
#footer .left {
	float: left;
	margin-left: 10px;
}
#footer .right {
	float: right;
	margin-right: 10px;
}
#footer, #footer ul li {
	height: 60px;
}
#footer ul {
	padding: 0;
	margin: 0;
}
#footer ul li {
	display: table-cell;
	vertical-align: middle;
}
#footer .generalLinks li {
	padding-left: 15px;
}
#footer .generalLinks li a:hover {
	text-decoration: none;
	color: #f60;
}