form {
	clear:both;
}
form .description {
	font-size:10px;
	line-height:10px;
}
form fieldset {
	width:100%;
}
.formElement {
	position:relative;
	padding:2px;
	color:#555555;
	clear:both;
}
.formElement:hover {
	color:#000000;
}
.formElement label {
	display:block;
	float:left;
	width:55%;
	text-align:right;
}
.formElement label span {
	margin-right:10px;
}
span.formButton {
	background: transparent url('./system/packages/forms/images/buttonRight.png') no-repeat scroll top right;
	display: block;
	float: right;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px;
	margin-top:5px;
	font-size:12px;
	cursor:pointer;
}
span.formButton span {
	background: transparent url('./system/packages/forms/images/buttonLeft.png') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0px 5px 18px;
}
span.formButton *{
	text-decoration:none;
	color: #555555;
}
span.formButton:hover, span.formButton input:hover, span.formButton *:hover{
	color: #000000 !important;
}
span.formButton:active {
	background-position: bottom right;
	color: #000000;
	outline: none;
}
span.formButton:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px;
}
span.formButton input {
	border:none;
	cursor:pointer;
	background-color:transparent;
	font-size:12px;
	font-family:inherit;
	margin:-4px; //FF Bug
}
span.formText input, span.formPassword input, span.formSelect select {
	color:#555555;
	background:transparent;
	padding:0px;
	margin:0px;
	margin-top:4px;
	width:100%;
	outline:none;
}
span.formSelect select{
	position:relative;
	top:-2px;
	background:transparent;
	background-color:transparent;
}
span.formText input:hover, span.formPassword input:hover {
	color:#000000;
}
span.formText, span.formPassword, span.formSelect {
	background: transparent url('./system/packages/forms/images/buttonRight.png') no-repeat scroll top right;
	display: block;
	float: left;
	height: 24px;
	width:40%;
	max-width:300px;
	padding-right: 18px;
	text-decoration: none;
}
.validationError{
	color:red;
	font-size:12px;
}
span.formTextarea {
	display: block;
	float: left;
	height: 200px;
	width:40%;
	padding-right: 18px;
	text-decoration: none;
}
span.formTextarea textarea {
	width:90%;
	height:100%;
	border:1px solid #aaaaaa;
}
span.formText span, span.formPassword span, span.formSelect span {
	background: transparent url('./system/packages/forms/images/buttonLeft.png') no-repeat;
	display: block;
	height:16px;
	padding: 0px 0px 8px 18px;
}


html{
overflow:auto;
}
html, body{
margin:0px;
padding:0px;
font-family:Trebuchet MS, Arial, Sans-Serif;
}
*{
border:none;
margin:0px;
padding:0px;
}
table th{
text-align:left;
}
table .first{
background-color:#eeeeee;
}
table .second{
}
div.pagination{
	text-align:center;
}
.pagination span{
	display:block;
	float:left;
	font-size:11px;
	line-height:13px;
	margin: 2px 6px 2px 0;
	border-radius:2px;
}
.pagination span a{
	background-color:#ffffff;
	border:1px solid #bbbbbb;
	color:#303030;
	display:block;
	padding:1px 5px 2px 5px;
	text-decoration:none;
}
.pagination span a:hover, .pagination span a:active{
	background-color: #bbbbbb;
	border:1px solid #303030;
}
.pagination span.active{
	background-color: #303030;
	border:1px solid #303030;
	color:#ffffff;
	font-size:11px;
	padding:1px 5px 2px 5px;
}
.calendar{
    z-index:101;


    position:absolute;
    top:0px;
    right:0px;
    background-color:white;
}
.calendar .headline, .calendar .time{
    border:1px solid black;
    margin:1px;
}
.calendar .todaybutton {
    float:left;
    width:83px;
    height:21px;
    line-height:21px;
    border:1px solid black;
    margin:1px;

}
.calendar .calbutton, .calendar .days div,.calendar .daynames div{
    float:left;
    width:25px;
    height:21px;
    line-height:21px;
    border:1px solid black;
    margin:1px;
    cursor:pointer;
}
.calendar .days .today, .calendar .days div:hover{
    background-color:#F0F8FF;
}
.calendar .calbutton a, .calendar .todaybutton a{
    display:block;
    text-decoration:none;
}
.calendar .calbutton a:hover, .calendar .todaybutton a:hover{
    background-color:#F0F8FF;
}
.calInput {
    width:300px;
    margin:0px;
}
.calendarInputDiv{
    position:relative;
    float:left;
    width:318px;
    padding:0px;
    margin:15px 5px 5px 0px;
}
.calendarInputDiv input{
    margin:0px;
    margin-left:5px;
    padding:0px;
}
.calendarButton{
    margin:0px;
    padding:0px;
    position:absolute;
    top:0px;
    right:-4px;
    width:20px;
    height:23px;
}
.calendarOuterDiv{
    display:inline;
}
.calendar{
}
.calendar .outer{
    padding-left:8px;
    padding-top:8px;
}
.calendar .inner {
    border:1px solid black;
    width:203px;
    padding-bottom:1px;
    vertical-align:middle;
    text-align:center;
    position:relative;
    top:-8px;
    left:-8px;
}
.calendar .time{
    line-height:23px;
    width: 199px;
    height: 23px;
    vertical-align:middle;
    float:left;
}
.calendar .time input{
    float:none;
    width:20px;
    padding:0px;
    height:15px;
    display:inline;
    margin:0px !important;
}

.progressBar{
padding:0px;
width:304px;
margin:auto;
}
.progressBarContainer{
border:1px solid #555555;
padding:1px;
}
.progressBarCaption{
margin:0px;
padding:0px;
color:#555555;
font-size:12px;
}
.progressBarInner{
background-image:url('./system/packages/progressBar/images/animation.gif');
width:178px;
height:16px;
}
div.formEditor{
	height:360px;
	clear:both;
}
div.editorDiv{
	height:100%;
	width:100%;
	position:relative;
	padding:0px;
	border:1px solid #333333;
}
div.editorDiv iframe{
	display:block;
	width:100%;
	padding:0px;
	margin:0px;
	position:absolute;
	top:60px;
	left:0px;
	bottom:0px;
	border-width:0;
}
div.editorDiv div.editorIcons{
	background-color:#999999;
	clear:both;
}
div.editorDiv br{
	clear:both;
}
div.editorDiv div.iconGroup{
	float:left;
	height:26px;
}
div.editorDiv img.icon {
	padding:1px;
	margin:0px;
	height: 24px;
	width: 25px;
}
div.editorDiv img.iconActive {
	padding:1px;
	margin:0px;
	height: 24px;
	width: 25px;
	background-color:#eeeeff;
}
div.editorDiv img.icon:hover {
	color:inherit;
	background-color:#eeeeff;
	border:1px solid #ddddff;
	padding:0px;
}

div.editorDiv img.line {
	height:20px;
	width:1px;
	margin:2px;
}

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(./system/packages/spotlight/images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(./system/packages/spotlight/images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(./system/packages/spotlight/images/prev_grey.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(./system/packages/spotlight/images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(./system/packages/spotlight/images/next_grey.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(./system/packages/spotlight/images/close_grey.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(./system/packages/spotlight/images/play_grey.png) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(./system/packages/spotlight/images/pause_grey.png) no-repeat; }
.sitemap{
list-style-type:none;
}

.newsItem{
border:1px solid grey;
width:640px;
margin:20px;
padding:5px 10px 10px 10px;
}

.newsItem h3{
float:left;
font-size:200%;
color:#444444;
}
.newsItem .newsTime, .newsItem .category{
float:right;
color:#444444;
font-size:80%;
}
.newsItem .newsContent{
clear:both;
border-top:1px solid grey;
padding-top:5px;
}

.transferListItem{
margin:5px;
position:relative;
border-radius:5px;
-moz-border-radius:5px;
}
.transferListItem.inflow{
background-color:#e0ffd0;
}
.transferListItem.outflow{
background-color:#ffeed6;
}
.transferListItem:hover{
background-color:#f0f0f0;
}
.transferListItem div.correspondent{
float:left;
width:300px;
}
.transferListItem div.comment{
float:left;
width:400px;
}
.transferListItem div.transferValue{
float:left;
width:150px;
text-align:right;
}
.transferListItem .lightFont{
color:#444444;
}
.transferListItem .correspondent span{
display:block;
float:left;
width:140px;
}

.transferListItem .left{
text-align:right;
}
.transferListItem .right{
text-align:left;
padding-left:3px;
}

.bankAccountBalance{
width:200px;
}
.citizen{
border:1px solid white;
width:500px;
margin:15px auto;
padding:5px;
}
.diplomacy, .diplomacy td{
padding:3px;
border:1px solid white;
text-align:left;
}
.diplomacy{
margin-top:10px;
margin-bottom:30px;
}
.diplomacy a{
color:white !important;
}
#page {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,
.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{
  display:inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.grid_1 {
  width:60px;
}
.grid_2 {
  width:140px;
}
.grid_3 {
  width:220px;
}
.grid_4 {
  width:300px;
}
.grid_5 {
  width:380px;
}
.grid_6 {
  width:460px;
}
.grid_7 {
  width:540px;
}
.grid_8 {
  width:620px;
}
.grid_9 {
  width:700px;
}
.grid_10 {
  width:780px;
}
.grid_11 {
  width:860px;
}
.grid_12 {
  width:940px;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}


.editProfileBox{
width:128x;
height:148px;
float:left;
border:1px solid #aaaaff;
margin:5px;
border-radius:10px;
}
.editProfileBox:hover{
background-color:#eeeeff;
}
editProfileBox a{
display:block;
width:128px;
height:148px;

}
.editProfileBox a span{
text-align:center;
text-decoration:none;
display:block;
width:100%;
margin:auto;
color:black;
}


.bsBox{
border:1px solid black;
margin:5px 30px 20px 30px;
width:50%;
}
.bsBox{
list-style-type:none;
}
.bsBox a, .bsBox p, .bsBox .telephone{
padding:5px;
}
.bsBox a{
display:block;
text-decoration:none !important;
}
.bsBox a:hover{
text-decoration:underline !important;
}
.bsSmall{
margin-top:-8px;
margin-bottom:10px;
padding:0px;
height:12px;
font-size:10px;
}
.bsSmall a{
text-decoration:none;
}
#sitemap ul{
padding-left:20px;
}
#sitemap>ul{
list-style-type:none;
}
#sitemap>ul>li{
font-weight:bold;
font-size:2em;
margin: 0;
padding: 0;
border-top: solid #1b4Da0 medium;
color: #1b4Da0;
}
#sitemap li li{
font-weight:normal;
font-size:1em !important;
}
#sitemap a{
display:block;
padding:0.2em 0.5em;
text-decoration:none;
}
#sitemap a:hover{
background-color:#ffc05d !important;
}

* {
	font-family:Helvetica, Tahoma, Trebuchet MS, Arial, Sans-Serif;
	font-size:14px;
	margin:0px;
	padding:0px;
}
html, body{
margin:0px;
padding:0px;
}
body{
background-repeat:no-repeat;
background-image:url('./system/spotlightStyles/kpd2/images/background.jpg');
background-position:center top;
background-attachment:fixed;
}
#page{
background-color:#ffffff;
box-shadow: #555555 0px 0px 20px;
-moz-box-shadow: #555555 0px 0px 20px;
-webkit-box-shadow: #555555 0px 0px 20px;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
background-repeat:no-repeat;
background-image:url('./system/spotlightStyles/kpd2/images/header.jpg');
}
#header{
height:170px;
width:960px;
margin:0;
border-top-left-radius:20px;
border-top-right-radius:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
}
@-webkit-keyframes resize {
	0% {
		color:#999999;
	}
	100% {
		color:#000000;
	}
}
	
#copyright, #copyright *{
	-webkit-animation-name: resize;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: 2;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
}	

#content{
width:800px;
float:left;
}
#profileMenu{
text-align:right;
color:#dddddd;
font-size:10px;
padding-right:20px;
}
#profileMenu a{
font-size:10px;
text-decoration:none;
color:#dddddd;
}
#profileMenu a:hover{
color:#ffffff;
}
#header h1{
font-size:0px;
line-height:0px;
display:block;
width:383px;
height:134px;
background-image:url('./system/spotlightStyles/kpd2/images/logo.png');
text-indent: -1000em;
}
#header h2{
position:absolute;
top:200px;
width:960px;
}
#breadcrumbs{
position:relative;
vertical-align:center;
top:-7px;
height:44px;
width:960px;
margin:0px;
font-size:12px;
color:white;
z-index:2;
background-image:url('./system/spotlightStyles/kpd2/images/breadcrumbs.png');
}
#breadcrumbs a{
text-decoration:none;
line-height:44px;
font-size:12px;
color:white;
margin-left:10px;
text-shadow: 0 -1px 1px #222;
}
#breadcrumbs a:hover{
text-decoration:underline;
}
#content hr{
height:31px !important;
width:446px !important;
border:0;
background-image:url('./system/spotlightStyles/kpd2/images/hr.png');
margin:10px auto;
}
#content p{
margin:10px;
}
#content p>img{
border:1px solid #333333;
background-color:white;
padding:5px;
margin:20px;
box-shadow: #555555 3px 3px 5px;
-moz-box-shadow: #555555 3px 3px 5px;
-webkit-box-shadow: #555555 3px 3px 5px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
transform:rotate(2deg);
-moz-transform:rotate(2deg);
-webkit-transform:rotate(2deg);
}


#content h2{
font-weight:bold;
font-size:2em;
margin: 0 0 20px 0;
padding: 0;
border-top: solid #1b4Da0 medium;
border-bottom: dotted #1b4Da0 thin;
width: 100%;
color: #1b4Da0;
}
#content h3{
font-weight:bold;
font-size:1.2em;
margin: 15px;
padding: 0;
border-top: solid #1b4Da0 medium;
border-bottom: dotted #1b4Da0 thin;
color: #1b4Da0;
}
#content h4{
font-weight:bold;
margin: 5px;
padding: 0;
border-bottom: dotted #1b4Da0 thin;
color: #1b4Da0;
}
#content a{
color:#1b4Da0;
}

#content table th{
font-size:16px;
color:white;
text-align:center;
text-shadow: 0 -1px 1px #222;
background-color:#1b4Da0;

}
#content table tr:nth-child(even){
background-color:#D6dfee;
}
#content table tr:hover{
background-color:#ffc05d;
}
#copyright{
display:block;
margin:0px auto;
text-align:center;
font-size:8px;
color:#999999;
text-decoration:none;
}
#copyright a{
font-size:8px;
color:#999999;
text-decoration:none;
}


.rssButton, .quickButton{
width:140px;
float:right;
text-align:right;
text-decoration:none;
font-weight:bold;
font-size:20px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:3px 5px;
color:#1b4Da0;
}

.rssButton img{
width:16px;
height:16px;
margin-right:3px;
}
.rssButton:hover{
background-color:#ffc05d;
}
.quickButton:hover{
background-color:#1B4Da0;
color:white !important;
}
#content>*{
  float: left;
  position: relative;
  margin:0 10px 20px 10px;
  width:780px;
}
#content .cmsContent{
width:800px;
margin:0px;
}
.quickLinkBox{
width:140px;
float:right;
 margin:0 10px;
 }

#content p{
text-align:justify;
}


.newsContent {text-align:justify;}

.newsContent ul {padding-left:20px; margin-bottom:5px;}
.newsContent li {margin-top:5px;}
.newsItem {width:585px;}

.imgbox {border: 1px solid rgb(5, 5, 5); padding: 5px;  float: left; font-size: 9px; background-color: rgb(255, 255, 255); color: black; text-align: center;}

.imgbox_left {border: 1px solid rgb(5, 5, 5); padding: 5px;  float: left; font-size: 9px; background-color: rgb(255, 255, 255); color: black; margin-right: 5px; text-align: center;}

.imgbox_right {border: 1px solid rgb(5, 5, 5); padding: 5px;float: left; font-size: 9px; background-color: rgb(255, 255, 255); color: black; margin-left: 5px; text-align: center; float:right}


#menu{
	width:960px;
	position:relative;
	top:-14px;
	margin:0px;
}
.fullMenu{
	border:none;
	border:0px;
	margin:0px;
	padding:auto;
	font-size:14px;
	font-weight:bold;
	}
.fullMenu ul{
	background:#333333;
	height:36px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.fullMenu li{
		float:left;
		padding:0px;
		}
	.fullMenu li a{
		background:#333333 url("./system/spotlightStyles/kpd2/images/menuSeperator.png") bottom right no-repeat;
		color:#ffffff;
		display:block;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
overflow:hidden;
font-weight: bold;
text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
		}
		.fullMenu li>a:hover, .fullMenu ul li:hover>a{
			background: #1b4da0 url("./system/spotlightStyles/kpd2/images/menuHover.png") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.fullMenu li>ul{
		-moz-box-shadow: 3px 3px 5px black;
		box-shadow: 3px 3px 5px black;
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		}
	.fullMenu li:hover>ul{
		display:block;
		}
	.fullMenu li li {
		background:url('./system/spotlightStyles/kpd2/images/menuSubSeperator.png') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		position:relative;
		}
	.fullMenu li:hover li a{
		background:none;
		
		}
	.fullMenu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.fullMenu li ul li>a:hover, .fullMenu li ul li:hover>a{
			background:#1b4Da0 url('./system/spotlightStyles/kpd2/images/menuHoverSub.png') center left no-repeat;
			
			color:#ffffff;
			text-decoration:none;
			}
	.fullMenu p{
		clear:left;
		}	



	.fullMenu li ul li>ul{
		-moz-box-shadow: 3px 3px 5px black;
		box-shadow: 3px 3px 5px black;
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		top:3px;
		left:90%;
		}

	.fullMenu li ul li:hover>ul{
		display:block;
		
		}