/* CSS Document */
* {margin:0; padding:0;}

/* HTML Tags */
html,body {
	font:11px "Trebuchet MS", Verdana, Arial, Tahoma, sans-serif;
	background:url(../../images/public/headerBkg.jpg) repeat-x #ffffff;
	color:#004173;
	min-width:1000px;
	min-height:100%;
	height:100%;
}
img {border:none; margin:0; padding:0;}
a {text-decoration:none; cursor:pointer; color:#0e5e8d;}
a:hover {color:#000000;}
ul {list-style:none;}
h1 {font-size:18px; margin:0 0 10px 0; text-transform:uppercase; color:#ff9104;}
h1 a{cursor:pointer;}

.spacer {clear:both; font-size:0; height:1px; visibility:hidden;}

/* containers */


/* containers */
#pageContainer {min-height:100%;}
* html #pageContainer {height: 100%;}

#header {
	width:906px;
	height:285px;
	position:relative;
	left:50%;
	margin:0 0 0 -1947px;
	background:url(../../images/public/headeBottomBkg.jpg) repeat-x bottom #ffffff;
	padding:0 0 0 1494px;
}
#logo {width:436px; height:285px; background:url(../../images/public/logo.jpg) no-repeat right; float:left;}
#mainImage {width:470px; height:285px; background:url(../../images/public/mainImage.jpg) no-repeat; float:left;}
#headerCorner {width:37px; height:66px; background:url(../../images/public/headerCorner.jpg) no-repeat; position:relative; float:right; right:-37px;}

#languages {position:relative; margin:263px 0 0 10px;}
#languages li {display:inline;}
#languages li a {color:#FFFFFF; padding:1px 0 0 30px; display:block; height:19px; float:left; margin:0 10px 0 0;}
#en {background:url(../../images/public/en.jpg) no-repeat left center;}
#de {background:url(../../images/public/de.jpg) no-repeat left center;}
#bg {background:url(../../images/public/bg.jpg) no-repeat left center;}

#contentCorner {width:47px; height:93px; background:url(../../images/public/contentCorner.jpg) no-repeat; position:absolute; right:-36px; top:0; z-index:0;}
#mainNavigation {width:190px; position:relative; left:50%; margin:0 0 0 -1947px; background:#066fb7; padding:20px 0 10px 1494px; float:left; min-height:100px;}
#mainNavigation ul li a {color:#FFFFFF; background:url(../../images/public/mainNavBkg.jpg) no-repeat 0 0; padding:0 0 0 30px; display:block; height:31px; font-weight:bold;}
#mainNavigation ul li a:hover, #mainNavigation ul li a.selected {background:url(../../images/public/mainNavBkg.jpg) no-repeat 0 -31px;}
#mainNavigationCorner {width:37px; height:49px; position:absolute; bottom:0; right:0; background:url(../../images/public/mainNavCorner.jpg) no-repeat;}



#subNav {width:100%; height:50px; background:url(../../images/public/subNavBkg.jpg) repeat-x; margin:-15px 0 15px 0; position:relative; cursor:default;}
#subNav .leftCorner {width:47px; height:50px; background:url(../../images/public/subNavLeftCorner.jpg) no-repeat; position:absolute; left:-29px; top:0;}
#subNav .rightCorner {width:60px; height:90px; background:url(../../images/public/subNavCorner.jpg) no-repeat; position:absolute; right:-3px; top:-40px;}
#subNav ul {margin:0 0 0 30px; font-weight:bold;}
#subNav ul li {display:inline;}
#subNav ul li a {line-height:50px; margin:0 10px;}
#subNav ul li a.selected {color:#000000; text-decoration:underline;}



#loginContainer {width:340px; padding:80px 20px 20px; background:url(../../images/system/login.jpg) no-repeat center 15px #d0e3f1; margin:50px auto 20px; position:relative;}
#loginContainer .topLeft {width:19px; height:20px; background:url(../../images/system/loginCorner.jpg) no-repeat 0 0; position:absolute; top:0; left:0;}
#loginContainer .topRight {width:19px; height:20px; background:url(../../images/system/loginCorner.jpg) no-repeat -19px 0; position:absolute; top:0; right:0;}
#loginContainer .bottomLeft {width:19px; height:20px; background:url(../../images/system/loginCorner.jpg) no-repeat 0 -20px; position:absolute; bottom:0; left:0;}
#loginContainer .bottomRight {width:19px; height:20px; background:url(../../images/system/loginCorner.jpg) no-repeat -19px -20px; position:absolute; bottom:0; right:0;}
#loginContainer label {width:290px; margin:10px auto 5px; display:block; font-size:14px;}
#loginContainer .input {width:280px; border:1px solid #7f9db9; padding:5px; margin:0 auto 10px; display:block; font-size:14px; color:#25465b;}
#loginContainer .btn {width:84px; height:21px; background:url(../../images/system/loginBtn.jpg) no-repeat; float:right; border:none; color:#25465b; line-height:21px; padding:0; margin:10px 25px 0 0;}

#registerContainer {width:340px; padding:80px 20px 20px; background:url(../../images/system/register.jpg) no-repeat center 15px #d0e3f1; margin:50px auto 20px; position:relative;}
#registerContainer .topLeft {width:19px; height:20px; background:url(../../images/system/loginCorner.jpg) no-repeat 0 0; position:absolute; top:0; left:0;}
#registerContainer .topRight {width:19px; height:20px; background:url(../../images/system/loginCorner.jpg) no-repeat -19px 0; position:absolute; top:0; right:0;}
#registerContainer .bottomLeft {width:19px; height:20px; background:url(../../images/system/loginCorner.jpg) no-repeat 0 -20px; position:absolute; bottom:0; left:0;}
#registerContainer .bottomRight {width:19px; height:20px; background:url(../../images/system/loginCorner.jpg) no-repeat -19px -20px; position:absolute; bottom:0; right:0;}
#registerContainer label {width:290px; margin:10px auto 5px; display:block; font-size:14px;}
#registerContainer .input {width:280px; border:1px solid #7f9db9; padding:5px; margin:0 auto 10px; display:block; font-size:14px; color:#25465b;}
#registerContainer .btn {width:84px; height:21px; background:url(../../images/system/loginBtn.jpg) no-repeat; float:right; border:none; color:#25465b; line-height:21px; padding:0; margin:10px 25px 0 0;}



#login {
	width:180px;
	position:relative;
	padding:20px 10px 20px 1810px;
	margin:10px 0 -10px -1810px;
	background:url(../../images/public/loginCorner.jpg) no-repeat right bottom #F3F8FA;
}
#login .corner {
	width:37px;
	height:49px;
	background:url(../../images/public/loginTopCorner.jpg) no-repeat;
	position:absolute;
	display:block;
	right:0;
	top:-49px;
	z-index:0;
}

#login h1 span {float:left;}
#login h1 a {
	text-transform:none !important;
	font-size:12px;
	font-weight:normal;
	color:#066fb7;
	background:url(../../images/public/arrow.jpg) no-repeat left 6px;
	display:block;
	float:right;
	padding:0 0 0 16px;
}
#login form {padding:10px 0; margin:0 0 10px 0;}
#login input {width:166px; height:23px;  color:#04426C; border:none; background:url(../../images/public/inputBkg.jpg) no-repeat; padding:6px 7px 0; margin:0 0 5px 0;}
#login .btn {width:56px; height:23px; padding:0; margin:0; float:right; background:url(../../images/public/btnBkg.jpg) no-repeat;}




#content {width:695px; position:relative; float:left; left:50%; margin:0 0 0 -245px; padding:15px 0;}
#content .left {float:left; width:410px; display:inline;}
#content .right {float:right; width:280px; display:inline;}

#content .right .section {background-color:#f3f8fa; border:5px solid #f9fbfc;}
#content .right .section .topCorner {width:42px; height:54px; position:absolute; top:10px; right:0; background:url(../../images/public/sectionTopCorner.jpg) no-repeat; z-index:0;}
#content .right .section .bottomCorner {width:42px; height:54px; position:absolute; /*bottom:0;*/ background:url(../../images/public/sectionBottomCorner.jpg) no-repeat; z-index:0; margin:-49px 0 0 -5px; z-index:0;}
#content .right .section .content {position:relative; padding:10px 10px 25px;}
#content .right .section h1 {background:url(../../images/public/arrowOrange.gif) no-repeat left center; padding:0 0 0 15px;}


#content .right .section a {display:block;}
#content .right .section a strong {display:block; margin:0 0 5px 0;}


#content .right .section a.more {float:right; background:url(../../images/public/moreBkg.jpg) no-repeat left; padding:4px 0 5px 15px;}
#content .right .section a.more span {background:url(../../images/public/moreBkg.jpg) right transparent; padding:4px 10px 5px 0;}

a.list {display:block; margin:0 0 10px 0;}
a.list span {display:block;}
a.list strong {display:block; height:25px; background:url(../../images/public/newsBkg.jpg) repeat-x; margin:0 0 5px 0;}
a.list strong span {background:url(../../images/public/newsArrow.jpg) no-repeat right center; line-height:25px; padding:0 10px; margin:0 10px 0 0;}



/* pager */
.pager {margin:0 20px 0 0; padding:10px 0 0 0; float:right;}
.pager ul.pages {float:left; margin:0 0 5px 0px !important;}
.pager ul.pages li {display:inline; background:none !important;}
.pager ul.pages li a {
	display:block; 
	float:left; 
	width:17px !important;
	height:17px !important;
	padding:0 3px !important;
	text-align:center !important; 
	text-decoration:none; 
	color:#0e5e8d !important;
	background:url(../../images/public/pagesBkg.jpg) no-repeat center !important;
	margin:0 !important;
}
.pager ul.pages li a:hover, .pager ul.pages li a.selected {background:url(../../images/public/pagesBkgHover.jpg) no-repeat center !important;}
/*\ pager */







/* links */
.edit {padding:0 0 0 20px; background:url(../../images/system/icons/edit.png) no-repeat left center; color:#346c94; margin:0 5px;}
.rights {padding:0 0 0 20px; background:url(../../images/system/icons/rights.png) no-repeat left center; color:#346c94; margin:0 5px;}
/*\ links */


/* form */

.btn {width:100px; height:20px; border:none; font-size:10px; background:url(../../images/system/btnBkg.jpg) no-repeat 0px 0px; color:#FFFFFF; font-weight:bold; cursor:pointer; line-height:20px;}
.btn:hover, .btnHover {background:url(../../images/system/btnBkg.jpg) no-repeat 0px -20px; color:#FFFFFF; font-weight:bold; cursor:pointer;}

.checkbox {margin:3px 0 0 5px; }
.radio {margin:2px 2px -2px 5px;}
.select {width:306px; color:#346c94;}
.select option {margin:0 10px 0 0;}
#searchText {width:200px !important;}
.disabled {background:#993399 !important;}
.readonly {background:#f5f5f5 !important; cursor:default;}
.textarea {border:1px solid #C2C2C2; color:#346c94; padding:0 2px; width:300px; height:150px; font:inherit; font-size:12px;}
.imagePreview {margin:10px 0; width:300px; display:block;}
fieldset {border:1px solid #c9daef; margin:10px 0; padding:10px;}
fieldset legend {border:1px solid #c9daef; padding:2px 5px; margin:0 0 10px 0; cursor:default; font-weight:bold;}
#searchForm {margin:0 0 10px 0;}
.status {position:absolute; margin:0 0 0 10px;}
.autocomplete {position:absolute; width:250px; background-color:white; border:1px solid #888; margin:0px; padding:0px; display:block;}
.autocomplete ul {list-style-type:none; margin:0px; padding:0px;}
.autocomplete ul li {list-style-type:none; display:block; margin:0; padding:2px; /*height:32px;*/ cursor:pointer;}
.autocomplete ul li.selected {background-color: #ffb;}

.textField {border:1px solid #C2C2C2; color:#346c94; padding:0 2px; width:300px; background:url(../../images/components/fieldBkg.jpg) repeat-x top #FFFFFF;}
.textarea {border:1px solid #C2C2C2; color:#346c94; padding:0 2px; width:300px; height:80px; font:inherit; font-size:12px; background:url(../../images/components/fieldBkg.jpg) repeat-x top #FFFFFF;}
.active {background:url(../../images/components/fieldBkgHover.jpg) repeat-x top #FFFFFF;}
.imagePreview {margin:10px 0; width:300px; display:block;}

.successful {display:block; color:#20AB09; text-align:center; font-weight:bold; margin:10px 0;}
.error {display:block; color:#9F1111; text-align:center; font-weight:bold; margin:10px 0;}

/*label {display:block; width:180px;}*/


fieldset {/*border:none;*/border:1px solid #c9daef; margin:10px 0; padding:10px; /*background-color:#7DBFF2;*/}
fieldset legend {border:1px solid #c9daef; padding:2px 5px; margin:0 0 10px 0; cursor:default; font-weight:bold;}



/* table */
table.table {border:1px solid #ededed; width:100%; margin:auto; border-collapse:collapse;}
table.table tr {border:1px solid #ededed; border-top-color:#fff;}
table.table th {vertical-align:middle; padding:3px; cursor:default; border-bottom:1px solid #ededed; background:url(../../images/system/thBkg.jpg) repeat-x top #ebecee; border:1px solid #ededed; cursor:pointer;}
table.table th.nosort {cursor:default;}
table.table td {vertical-align:top; padding:2px 3px; cursor:default;}
table.table tr.light td {background-color:#FFFFFF; /*border-bottom: 2px solid #99bbe8;*/ border-bottom:1px solid #ededed; border-top:1px solid #ededed;}
table.table tr.dark td {background-color:#fafafa; /*border-top:1px solid #FFFFFF;*/ border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
/*table tr.tr_hover td {background-color:#f2f2f2;}  efefef*/
/*table tr.tr_hover td {background:url(../../images/system/tableHoverBkg.jpg) repeat-x #efefef;}*/
/*table tr.tr_hover td {background:url(../../images/system/tableHoverBkg.jpg) repeat-x bottom #f7f7f7 !important; border-bottom:1px solid #dddddd !important;}*/
table.table tr.tr_hover td {background:#eef8ff !important; border-bottom:1px solid #dddddd !important; color:#032954 !important;}


table.table tr.tr_selected td {background-color:#dfe8f6;}
table.table tr.tr_selected_hover td {background-color:#CDDCF4;}

table.table th.sortasc, table th.sortdesc {background:url(../../images/system/thBkgHover.jpg) repeat-x top #ebecee !important; border:1px solid #c9daef; cursor:pointer;}
table.table th span {display:block;}
table.table th.sortasc span{background:url(../../images/system/thUp.gif) no-repeat right center;}
table.table th.sortdesc span{background:url(../../images/system/thDown.gif) no-repeat right center;}

table.table td.fieldTitle {width:30%;}
table.table td.fieldContent {width:70%;}

table.btnTable, table.btnTable .buttons {border:none !important;}
table.table .buttons td {padding:10px 3px !important;}


table.table tr.WAITING_ACCEPTANCE td {background:#ffffd9;}
table.table tr.REJECTED td {background:#ffe2d9;}
table.table tr.IN_PROGRESS td {background:#eeffd9;}
table.table tr.PAID td {background:#f3f3f3;}
table.table tr.AWAITING_CATEGORIZE td {background:#e1fffd;}


table.table tr.WAITING_ACCEPTANCE.dark td {background:#fff8bb;}
table.table tr.REJECTED.dark td {background:#fecebf;}
table.table tr.IN_PROGRESS.dark td {background:#ddfcb6;}
table.table tr.PAID.dark td {background:#e5e5e5;}
table.table tr.AWAITING_CATEGORIZE.dark td {background:#bdf4f0;}




 
table.table tr.total td {font-weight:bold;}
/*\ table */

/* calendar */
.calendarButton {width:16px; height:13px; border:none; background:url(../../images/components/calendar.png) no-repeat; cursor:pointer; margin:0; padding:0; position:absolute; margin:3px 0 0 310px; z-index:5;}
/*\ calendar */


/* footer */
#footer {
	width:906px;
	height:52px;
	position:relative;
	left:50%;
	margin:-52px 0 0 -1947px;
	background:url(../../images/public/footerBkg.jpg) no-repeat right top #000000;
	padding:0 0 0 1494px;
	color:#FFFFFF;
	line-height:52px;
	text-align:right;
}
#footer span {float:left;}
#footer a {color:#FFFFFF; margin:0 20px 0 0;}
.footerSpacer {clear:both; font-size:0; height:55px; width:960px;}
.footerSpacer .zpcal {font-size:0;}
.footerSpacer .zpcal a {color:#FFFFFF;}

/*\ footer */


/*\ containers */