/*
*
* Utopic Farm 2009
* info@utopicfarm.com
*
*/


/* TABLE PAGE - START ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	font-weight:normal;
}

/* Tools */

.dn { display:none; }
.clear { clear:both; display:block; }
li { margin:5px 0 5px 0; }
a { color:#074b67; text-decoration:none; }
a:hover, a.selected { color:#851212; }
input.i-h { background-color:#FFC; }
input.Form-i-h { background-color:#f6f6fd; }
.zeroMargin { margin:0; }
.fll{float: left;}
.flr{float: right;}
.width100{width: 100%;}

/* Layout */

#top-container {
	background:url(../images/bg.gif) #d4dfdf repeat-x 0 0;
	height:133px;
}

#container {
	margin:0 0 50px 15px;
	width: 94%;
	position:absolute;
	top:134px;
	left:0;
}

#header {
	height: 112px;
	min-width: 900px;
	margin:0 0 0 15px;
	padding:7px 0 0 0;
}

#center {
	width:82%;
}

#left {
	width:200px;
	position:absolute;
	top:0;
	left:0;
	z-index:50;
}

#right {
	width:100%;
	padding:5px 0 20px 210px;
	position:relative;
	min-width:700px;
}

#footer {
	position:fixed;
	bottom:0;
	width:100%;
	height: 27px;
	left:0;
	background-image: url(../images/footer-bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	z-index:60;
}

#footer .footerText {
	text-align:center;
	color:#000;
	margin:18px 0 0 0;
}

#footer .footerTextLogin {
	text-align:center;
	color:#000;
	margin:6px 0 0 0;
}

/* HEADER - START */

.logo {
	position:relative;
	margin:6px 0 15px 7px;
	text-align:left;
	width:98px;
	height:45px;
	background:transparent url(../images/otherpage-logo.png) no-repeat scroll 0 0;
	display:block;
	cursor:pointer;
}

#memberBox {
	position:absolute;
	width:267px;
	height:91px;
	right:-5px;
	top:-101px;
	background:transparent url(../images/visitingbox-bg.gif) no-repeat scroll 0 0 !important;
}
	.userInfo { width:250px; height:75px; margin:10px 0 0 9px; }
	.userInfoLeft { float:left; width:90px; text-align:right; margin:2px 0 2px 0; color:#000; }
	.userInfoRight{ float:left; width:152px; text-align:left; margin:2px 0 2px 8px; color:#00824e; }
	.userInfoFull{ float:left; width:154px; text-align:left; margin:2px 0 2px 100px; color:#00824e; font-weight:bold; }

.memberBoxClose {
	position:absolute;
	height:17px;
	right:12px;
	top:-17px;
	background:transparent url(../images/visitingbox-close-btn-2.gif) no-repeat scroll bottom right;
	width:150px;
	display:block;
}
	.memberBoxClose:hover { width:150px; }
	.memberBoxClose .exitText { top:5px; right: 36px; position:absolute; color:#ba2e2e; font-size:10px; text-align:right; font-weight:bold; }
	.memberBoxClose:hover .exitText { display:inline; float:right; font-weight:bold; }

/* HEADER - END */

/* TOP MENU - START */

.topMenu {
	position:relative;
	width:100%;
	height:43px;
	margin:17px 0 0 0;
	background: url(../images/menu-bg.gif) 0 3px repeat-x;
	font-family: "Nimbus Sans L", Arial, Helvetica, sans-serif;
}
.topMenu a { 
	position:relative;
	height:24px;
	float:left;
	margin-top:4px;
	padding:12px 15px 0 15px;
	display:block;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	border-left:1px solid #bebebe;
	border-right:1px solid #72e6b6;
	z-index:10;
}
.topMenu a:hover { 
	background: url(../images/menu-bg-hover.gif) repeat-x 0 0;
	color:#000;
	z-index:20;
}
.topMenu a.selected { 
	background: url(../images/menu-bg-on.gif) repeat-x 0 0;
	margin:0px;
	padding-top:16px;
	height:28px;
	border-left:2px solid #00824e;
	border-right:2px solid #00824e;
	color:#000;
}

/*  TOP MENU - END */

/*  LEFT MENU - START */

#navigation .bread-1 { margin-left:10px; }
#navigation .bread-2 { margin-left:20px; }
#navigation .bread-3 { margin-left:30px; }
#navigation .menu {
	display:block;
	margin-bottom:15px;
}

#navigation .closed { background:url(../images/plus.gif) no-repeat 0 2px;  padding-left:13px; color:#00824e; }
#navigation .opened { background:url(../images/minus.gif) no-repeat 0 2px; padding-left:14px; color:#00824e; }
.leftMenuTop { position:relative; padding:5px 0 0 0; }
.leftMenuBottom { margin:0 0 15px 0; font-size:11px; }
.leftMenuBottom .title { color:#999999; padding:0 0 10px 16px; display:block; background:none; }
.leftMenuBottom li.link { line-height:14px; color:#11605e; }
.leftMenuBottom li.link a { background:url(../images/leftmenu-icon.gif) no-repeat left center; text-decoration:underline; padding:0 0 0 10px; margin:0 0 0 5px; color:#00824e; }
.leftMenuBottom li.link a:hover { color:#000; }
	
.leftMenuFooterBg { background:url(../images/left-bottom-bg.gif) no-repeat 0 0; width:200px; height:4px; }

#left .questionIcon {
	width:13px;
	height:13px;
	background:url(../images/question-icon.png) no-repeat 0 0;
}

/*  LEFT MENU - END */

/* INNER LAYOUT - START */

#left .content {
	width:200px;
	background-color:#e6e6e6;
	border-right:1px solid #bebebe;
	padding:10px 0 10px 0;
}

#right .topTitle {
	width:100%;
	height:40px;
	background-image:url(../images/content-title-bg.gif);
	background-repeat:repeat-x;
	background-position:center;
	margin:9px 0 5px 0;
}

#right .topTitle.first {
	width:100%;
	height:40px;
	background-image:url(../images/content-title-bg.gif);
	background-repeat:repeat-x;
	background-position:center;
	margin:0 0 5px 0;
}

#right .titleText {
	font-size:14px;
	color:#fff;
	text-align:left;
	padding:12px 0 0 13px;
}

.pageTopStandartTitle {
	width:99%;
	background-color:#ececec;
	border-bottom:1px solid #00824e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#00824e;
	padding:9px 0 9px 9px;
}

.pageSubStandartTitle {
	width:99%;
	height:24px;
	background-color:#f2f2f2;
	border-bottom:1px solid #0b77b4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#0b77b4;
	padding:6px 0 0 15px;
}

/* INNER LAYOUT - END */

/* TABLE CONTAINERS - START */

.centerContainer { 
	margin-bottom:15px;
}

.centerContainer .pagebanner {
	font-size:11px;
	line-height:12px;
	margin:5px 0 5px 0;
	display:block;
}

.centerContainer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.shortTableContainer { position:relative; }
.shortTableContainer  .dataTable { width:65%; }
.dataTable { position:relative;}
	.dataTable td { padding:3px 3px 4px 3px; }
	.dataTable th,td.title { color:#000; font-weight:bold; padding:5px 3px 5px 3px; }
	.dataTable thead tr { text-align:left; background-color:#e3eff3; height:22px; color:#851212; font-weight:bold; }
	.dataTable thead tr a { text-align:left; height:22px; color:#000; }
	.dataTable thead tr th { text-align:left; background-color:#cccccc; padding:5px 3px 5px 3px; font-weight:bold;  line-height: 14px;}
	.dataTable .odd { text-align:left; background-color:#f5f5f5; height:24px; color:#555555; border-top:4px solid #FFF; }
	.dataTable .even { text-align:left; background-color:#fbfbfb; height:24px; color:#555555; border-top:4px solid #FFF; }
	.dataTable .odd td { text-align:left; background-color:#f5f5f5; padding:3px 3px 4px 3px; }
	.dataTable .even td { text-align:left; background-color:#fbfbfb; padding:3px 3px 4px 3px; }
	.dataTable .odd td input { margin:0; }
	.dataTable .even input { margin:0; }
	.dataTable a { color:#00824e; text-decoration:underline; }
	.dataTable a:hover { text-decoration:underline; }
	.dataTable .first { padding-left:10px !important;  }
	
.dataTable tfoot { text-align:left;}

/* TABLE CONTAINERS - END */

/* SMALL FORM BOX - START */

.smallFormBox {
	height:80px;
	width:auto;	
	position:absolute;
	top:0;
	right:0;
}
	.smallFormBox .bg { width:288px; height:80px; background-image:url(../images/iadepart-bg.gif); background-repeat:no-repeat; float:right; padding-left:12px; }
	.smallFormBox .text { color:#333; margin:10px 0 0 0; line-height:normal; }
	.smallFormBox .input { width:165px; height:22px; margin:10px 0 0 0; float:left; }
	.smallFormBox .smallFormBoxInput { border:1px solid #b29b9b; width:163px; height:17px; }
	.smallFormBox .smallFormBoxBtn { width:98px; height:15px; margin:10px 0 0 10px; padding:5px 0 0 0; float:left; background:transparent url(../images/tablepage-returned-btn-bg.gif) 0 0 repeat-x; border:1px solid #492525; font-weight: normal; color:#000; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align:center; }
	.smallFormBox .smallFormBoxBtn:hover { background:#fff; border:1px solid #492525; color:#000; }
	
	.listCancelBtn { background: url(../images/tablepage-returned-btn-bg.gif) 0 0 repeat-x; border:1px solid #492525; font-weight: normal; color:#000 !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align:center; font-size:11px; margin:0; padding:1px 5px 1px 5px; }
	.listCancelBtn:hover { background:#fff; border:1px solid #492525; color:#000 !important; text-decoration:none !important; }

/* SMALL FORM BOX - END */

.estLogo {
	background:url(../images/asseco-logo.png) no-repeat top;
	width:69px;
	height:12px;
	float:right;
	margin:-10px 4% 0 0;
	display:block;
	cursor:pointer;
}

.estLogo:hover {
	background:url(../images/asseco-logo.png) no-repeat bottom;
}

/* TABLE PAGE - END //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* HELP - INFO PAGE - START ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.helpPageContainer {
	width:720px;
}

.helpPageTopTitle {
	height:30px;
	background-color:#ececec;
	border-bottom:1px solid #00824e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#00824e;
	padding:10px 0 0 15px;
}

.helpPageContent {
	width:690px;
	margin:15px 0 0 15px;
	color:#434343;
	font-size:12px;
	line-height:18px;
}

.helpPageContent h1 {
	font-size:14px;
	color:#00824e;
}

.helpPageContent p {
	margin:15px 0 0 0;
}

.backTopPage {
	width:100%;
	height:12px;
	margin:15px 0 0 0;
	background:url(../images/backtop-page-bg.gif) repeat-x;
	background-position:center;
}

.backTopPage .pageTopLink {
	height:11px;
	background:url(../images/backtop-page-btn-icon.gif) #FFF no-repeat 5px 4px;
	float:right;
	text-align:center;
	margin:0 20px 0 0;
	font-size:9px;
	color:#767676;
	padding:1px 10px 0 17px;
}

/* HELP - INFO PAGE - END ///////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* ENTER PAGE - START ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#enterPagebody {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	background:url(../images/enterpage-bg.gif) #cde7dc repeat-x 0 0;
}

/* Layout */

#enterPage .container {
	margin:0 auto;
	width:100%;
	background:none;
}

#enterPage .centerBox {
	width:606px;
	margin:0 auto;
	padding:40px 0 0 0;
}

#enterPage input {
	width:280px;
	height:23px;
	border:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#fff;
	margin:0 0 13px 0;
	padding:7px 0 0 6px;
	border:none;
	color:#333;
}

#enterPage select {
	width:284px;
	border:1px solid #b9b9b9;
	background-color:#FFF;
	margin:0 0 13px 0;
	padding:6px 0 6px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#333;
}

#enterPage select .opt {
	padding:5px 0 0 0;
}

#enterPage .enterPageLogo {
	margin:0 0 26px 10px;
	width:188px;
	height:108px;
	background:transparent url(../images/enterpage-logo.png) no-repeat scroll 0 0;
	display:block;
}

#enterPage .enterPageError {
	font-weight:bold;
	color:#851212;
	text-align:center;
	float:right;
	font-size:11px;
	background-color:#fff;
	padding:7px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	margin:0 15px 0 0;
}

#enterPage .loginBox {
	padding:0 0 0 160px;
	margin-left:-9px;
}

#enterPage .bankSpecificLoginBox {
	position:relative;
	width:606px;
	height:287px;
	background:url(../images/loginbox-bg.jpg) no-repeat scroll 0 0;
	padding:19px 0 0 0;
}

#enterPage .loginBoxLabel {
	margin:0 0 5px 20px;
	font-weight:bold;
	color:#fff;
}

#enterPage .label {
	margin:0 0 5px 7px;
	font-weight:bold;
	color:#fff;
}

#enterPage .input-submit-button {
	float:left;
	width:94px;
	height:22px;
	border:1px solid #000000;
	background:transparent url(../images/userenter-btn.gif) repeat-x top;
	color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:block;
	cursor:pointer;
	margin:0 0 0 191px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 3px 0;
	font-size:12px;
}

#enterPage .input-submit-button:hover {
	background:transparent url(../images/userenter-btn.gif) repeat-x bottom;
	color:#000;
	border:1px solid #b3b3b3;
}

#enterPage .bankContactInfoBox {
	width:290px;
	height:75px;
	background-color:#FFF;
	border:2px solid #c1d6cf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:50px 0 0 145px;
	padding:15px 0 0 0;
}

#enterPage .bankContactInfoBoxText {
	font-size:12px;
	line-height:15px;
	color:#3e3d3d;
	font-weight:bold;
	text-align:center;
}

#enterPage .bankContactInfoBoxText span {
	font-size:14px;
	color:#00824E;
	text-decoration:underline;
}

/* ENTER PAGE - END //////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* FORM PAGE - START ////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.formPageAllContainer {
	width:835px;
	padding:10px;
	margin:10px 0 0 0;
	background-color:#f7f6f6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.formPageAllContainer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.formBoxLeftContainer {
	float:left;
	margin:6px 0 0 0;
}

.formBoxRightContainer {
	float:left;
	margin:6px 0 0 0;
}

.formBoxContainer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.formBoxFullContainer .docContent {
	float: left;
	width: 100%;
}

.formBox {
	width:410px;
	margin:0 6px 6px 0;
	font-size:12px;
}

.formBoxFullContainer {
	width:100%;
	margin:6px 6px 0 0;
	float:left;
}

.formBoxFullContainer .stopBlock {
	float:left;
	width:410px;
	margin:0 6px 0 0;
}

.formBoxText {
	width:380px;
	margin:10px 8px 6px 0;
	float:left;
}

*.formBoxText {
	width:380px;
	margin:10px 5px 6px 0;
	float:left;
}

.formBox.long {
	width:700px;
	margin:0 6px 6px 0;
}

.formBoxTitle {
	position:relative;
	font-size:12px;
	color:#000;
	background:url(../images/formbox-title-bg.gif) repeat-x 0 0;
	height:23px;
	padding:10px 0 0 10px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	margin:0 0 2px 0;
}

.formBoxCenter {
	background:url(../images/formbox-center-bg.gif) #c9f1e1 repeat-x 0 0;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top:1px solid #169864;
	padding:10px 0 20px 10px;
}

.formBoxCenter:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.formBoxInputs {
	margin:0 0 15px 0;
}

.inputErrorBox {
	font-size:11px;
	padding:2px 0 0 0;
	color:#CC0000;
	margin:0 0 0 207px;
}

.formBox .btn {
	font-size:11px;
	color:#727272;
	font-weight:bold;
	background:url(../images/formbox-btn-bg.gif) repeat-x 0 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #a3a7af;
	padding:4px 15px 4px 15px;
	*padding:2px 6px 2px 6px;
	display:block;
	margin:0 0 0 306px;
	cursor:pointer;
}

.formBox .btn:hover {
	background:url(../images/formbox-btn-bg-hover.gif) repeat-x 0 0;
	border:1px solid #76797e;
	color:#343434;
}

.formBoxBtn {
	font-size:11px;
	color:#727272;
	font-weight:bold;
	background:url(../images/formbox-btn-bg.gif) repeat-x 0 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #a3a7af;
	padding:4px 15px 4px 15px;
	margin:5px 7px 0 0;
	float:right;
	cursor:pointer;
	display:block;
}

.formBoxBtn:hover {
	background:url(../images/formbox-btn-bg-hover.gif) repeat-x 0 0;
	border:1px solid #76797e;
	color:#343434;
}

.formBox li {
	margin:0 0 5px 0;
}

.formBox li label {
	text-align:left;
	display:block;
	float:left;
	width:190px;
	padding:4px 0 0 0;
	font-size:12px;
	color:#3d3e40;
	margin:0 15px 0 0;
	min-height:16px;
}

.formBox li input {
	position:relative;
	width:180px;
	margin:0 0 0 0;
	border:1px solid #cfd6e3;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.formBox li select {
	width:182px;
	margin:0 0 0 0;
}

.formBox li select.medium {
	width:149px;
	margin:0 0 0 0;
}

.formBox .checkBox {
	width:15px;
	margin:3px 15px 0 0;
	border:none;
}

.formBox .radio {
	width:15px;
	margin:3px 15px 0 0;
	border:none;
}

.formBox li .currency {
	width:55px;
	margin:0 0 0 2px;
}

.formBox li .medium {
	width:146px;
	margin:0 0 0 0;
}

.formBox li .small {
	width:119px;
	margin:0 0 0 0;
}

.formBox .nextInput {
	margin:0 0 0 19px;
}

.formBoxTitle .titleNextCheck {
	position: absolute;
	border: none;
	margin: 0 0 0 5px;
}

.formBox li .timeBtn {
	position:absolute;
	background:url(../images/time-icon.gif) no-repeat 0 0;
	width:20px;
	height:14px;
	z-index:40;
	margin:3px 0 0 160px;
	cursor:pointer;
}

.formBox li .dateSelect {
	margin:0 12px 0 0;
	width:82px;
}

.formBoxCenter .questions {
	float:left;
	width:40%;
	margin:5px 0 0 0;
	font-weight:bold;
	color:#3f3f50;
}

.formBoxCenter .answer {
	float:left;
	width:60%;
	margin:5px 0 0 0;
	min-height:11px;
	color:#3f3f50;
}

/* FORM PAGE - END */


/* PAGEING BOX - START */

.pagelinks {
	margin:15px 0 15px 0;
	color:#C9C9C9;
	display:block;
}

.pagelinks a {
	padding:2px 5px 2px 5px;
	color:#000;
}

.pagelinks a:hover {
	padding:2px 5px 2px 5px;
	color:#fff;
	background-color:#00824E;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.pagelinks .select {
	padding:2px 5px 2px 5px;
	color:#fff;
	background-color:#00824E;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* PAGEING BOX - END */


/* ERROR PAGE - START */
.errorPagePart {
	background:url(../images/error-box-bg.gif) #eaf2f8 repeat-x 0 0;
	width:550px;
	height:195px;
	border:1px solid #d4d4d4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:55px 0 0 80px;
}

.errorPagePart .icon {
	background:transparent url(../images/error-box-icon.png) no-repeat 0 0;
	width:90px;
	height:93px;
	margin:45px 30px 0 40px;
	float:left;
}

.errorPagePart .text {
	font-size:18px;
	color:#000;
	font-weight:normal;
	margin:70px 0 0 40px;
	padding:0 20px 0 0;
}
/* ERROR PAGE - END */


/* PAGE DEFAULT - START */
.defaultBtn {
	font-size:11px;
	color:#727272;
	font-weight:bold;
	background:url(../images/formbox-btn-bg.gif) repeat-x 0 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #a3a7af;
	padding:4px 15px 4px 15px;
	*padding:2px 7px 2px 7px;
	margin:10px 0 10px 0;
	float:left;
	cursor:pointer;
}

.defaultBtn:hover {
	background:url(../images/formbox-btn-bg-hover.gif) repeat-x 0 0;
	border:1px solid #76797e;
	color:#343434;
}

.formAllPageBtn {
	font-size:11px;
	color:#727272;
	font-weight:bold;
	background:url(../images/formbox-btn-bg.gif) repeat-x 0 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #a3a7af;
	padding:4px 15px 4px 15px;
	*padding:2px 7px 2px 7px;
	margin:10px 10px 10px 0;
	float:right;
	cursor:pointer;
}

.formAllPageBtn:hover {
	background:url(../images/formbox-btn-bg-hover.gif) repeat-x 0 0;
	border:1px solid #76797e;
	color:#343434;
}

.miniBottomTable {
	text-decoration:none;
	margin:10px 0 0 0;
	border-color:#555555;
}

.miniBottomTable th {
	padding:1px 20px 1px 1px;
}

.miniBottomTable td {
	padding:1px 20px 1px 1px;
	text-align:left;
}
/* PAGE DEFAULT - END */

/* MESSAGE */

.message {
	background: #CCC url(../images/message/icon_notice.html) no-repeat 10px 11px; 
	font-size: 13px;
	color: #74655f;
	display: block;
	padding: 10px 10px 10px 40px;
	margin-bottom: 1em;
	margin-top: 1em;
	border: 1px solid #c2beb1;
	position: relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.message-warning {
	background-color: #fffcd3;
	background-image: url(../images/message/error.png);
	color: #74655f;
	border-color: #c2beb1;
}

.message-success {
	background-color: #e5f993;
	background-image: url(../images/message/accept.png);
	color: #688006;
	border-color: #9bac55;
}

.message-info {
	background-color: #d4ebfa;
	background-image: url(../images/message/information.png);
	color: #4b6bab;
	border-color: #90b1c7;
}

.message-error {
	background-color: #f6b9b9;
	background-image: url(../images/message/exclamation.png);
	color: #c32727;
	border-color: #e18484;
}

.accordion {
	background-color: #ffffff;
	color: #8f1818;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	font-weight: bold;
}

.active, .accordion:hover {
	background-color: #ccc;
}

.panel {
	padding: 0 18px;
	display: none;
	background-color: white;
	overflow: hidden;
}