@font-face{
	font-family: "Franklin Gothic Demi";
	src: url('fonts/FRABK.eot');
}
@font-face{
	font-family: "Franklin Gothic Book";
	src: url('fonts/FRABKIT.eot');
}
@font-face {
	font-family: "Franklin Gothic Book";
	src: url('fonts/FRABKIT.otf');
}
@font-face {
	font-family: "Franklin Gothic Demi";
	src: url('fonts/FRABK.otf');
}

body 
{
	margin:0;
	padding:0;
	border-top:solid 6px #00acf8;
	font-family:Arial;
	font-size:12px;
	color:#333333;
}
#ep-outer
{
	margin:0;
	padding:0;
}
#ep-container
{
	width:1255px;
	margin:0px auto;
}

#ep-header
{
}
#ep-left
{
	float:left;
	width:128px;
	padding-top:48px;
	margin-left:-20px;
	/*margin-top:48px; /*zaradi ep-center-top*/
	/*background: url("http://www.css3.info/wp-content/uploads/2007/09/body-top.gif") top left no-repeat,
				url("http://www.css3.info/wp-content/uploads/2007/09/banner_fresco.jpg") 11px 11px no-repeat,
				url("http://www.css3.info/wp-content/uploads/2007/09/body-bottom.gif") bottom left no-repeat,
				url("http://www.css3.info/wp-content/uploads/2007/09/body-middle.gif") left repeat-y;

	background: url("images/ep-left-bg-top.png") top left no-repeat,
				url("images/ep-left-bg-bottom.png")  bottom left no-repeat,
				url("images/ep-left-bg-left.png") top left repeat-y;
	background-color:Green;*/
}
#ep-center
{
	float:left;
	width:961px;
	min-height:1127px;
}
#ep-right
{
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	margin-top:5px;
	padding:0;
	vertical-align:top;
	width:186px;
	float:right;
}

#ep-footer
{
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* #ep-header */
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ep-header-logo
{
	padding-left:108px;
	float:left;
}

#ep-header-banner
{
	float:right;
	padding-top:15px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* #ep-left */
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ep-left-top
{
	background: url("images/ep-left-bg-top.png") top left no-repeat;
	height:	13px;
}
#ep-left-center
{
	background: url("images/ep-left-bg-left.png") top left repeat-y;
	padding-left:19px;
}
#ep-left-bottom
{
	background: url("images/ep-left-bg-bottom.png")  bottom left no-repeat;
	height: 18px;
}
#ep-left-shadow
{
	min-height:762px;
	background-image:url("images/ep-left-shadow-bg.png");
	background-position:right top;
	background-repeat:no-repeat;
	float:right;
	padding-right:30px;
	padding-top:15px;
}

#ep-left-center img
{
	position:relative;
	margin-right:-10px;
	z-index:1000;
}
#ep-left-center .btnRadio
{
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}
.ep-left-center-td
{
	height:72px;
	padding-bottom:10px;
}
.ep-left-center-td-txt
{
	padding-left:20px;
	width:60px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* #ep-center */
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ep-center-top
{
	height:48px;
	width:100%;
}
#ep-center-main-container
{	
	padding:20px 20px 20px 20px;
}
#ep-center-main
{
	min-height:350px;
}
#ep-center-footer-bottom
{
	height:82px;
	widows:100%;
	background-image:url("images/ep-center-footer-bottom.png");
	background-position:right top;
	background-repeat:repeat-x;
}
#ep-center-footer
{
	padding-top:25px;
}
#ep-center-main-container-and-footer
{
	min-height:1100px;
	background-color:#ffffff;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* #ep-center-top */
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ep-urgentNews a
{
	color:#ffffff;
	text-decoration:none;
}
#ep-urgentNews a:hover
{
	color:#010101;
	text-decoration:none;
}
#ep-urgentNews
{
	float:left;
	height:29px;
	width:586px;
	padding-top:5px;
	vertical-align:bottom;
}
#ep-urgentNews-box
{
	height:29px;
	line-height:29px;
}
.ep-urgentNews-box-title
{
	font-size:14px;
	padding-left:14px;
	width:449px;
	padding-right:14px;
	font-weight:bold;
	float:left;
}
.ep-urgentNews-box-readMore
{
	font-size:12px;
	padding-right:28px;
	float:right;
}
#ep-search
{
	float:right;
}
#ep-search-box
{
	padding-top:5px;
}
.ep-search-box-requiredField
{
	float:left;
	font-size:12px;
}
.ep-search-box-txtBox
{
	margin-top:1px;
	float:left;
	height:27px;
	width:210px;
	padding-left:5px;
	border:none;
	color:#a0a0a0;
	font-size:12px;
	background-image:url("images/ep-search-box-txtBox-bg.png");
	background-position:left bottom;
	background-repeat:repeat-x;
	line-height:27px;
}
.ep-search-box-btn
{
	line-height:30px;
	border:none;
}
.ep-search-box-advance
{
	float:left;
	width:39px;
	height:30px;
	cursor:pointer;
	background-image:url("images/ep-search-box-advance-bg.png");
}

#ep-search-box-div-btn
{
	float:left;
	width:102px;
	height:30px;
	overflow:hidden; 
	cursor:pointer;
	overflow:hidden;
}
#ep-search-box-div-btn:hover input {
  margin-top:-30px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* #ep-right */
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ep-right-box
{
	display:block;
	margin-bottom:15px;
	margin-left:11px;
	width:176px;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* #ep-footer */
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ep-footer-menu
{
	background-color: #ececec;
}
#ep-footer-menu-container
{
	width:1255px;
	margin:0px auto;
	background-color: #ececec;
	background: url("images/ep-footer-shadow.png") no-repeat center top; 
}

#ep-footer-copyright
{
	background-color: #d8d8d8;
}
#ep-footer-copyright-container
{
	width:1255px;
	margin:0px auto;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* login */
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------*/
#login, .login
{
	background:#ffffff url("images/ep-login-bg.png") repeat-x left top;
	padding-top:15px;
	padding-left:12px;
	padding-bottom:15px;
}
#login .title-font
{
	font-family:"Franklin Gothic Demi";
	font-size:22px;
	color:#000000;
}
#login .title-position
{
	padding-bottom:11px;
}
#login .inputField
{
	font-size:12px;
	color:#666666;
	vertical-align:middle;
	line-height:25px;
}
#login .inputField-box
{
	margin-bottom:4px;
}
#login .remember-me
{
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}
#login .login-chk-remember-me
{
	color:#939393;
}
#login .bottom-btn-box
{
	padding-left:11px;
}
#login .bottom-links-box
{
	padding-top:0;
	margin-top:0;
	padding-left:29px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* user-info */
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------*/
#user-info
{
	background: #ffffff url("images/ep-user-info-bg.png") repeat-x top left;
}
#user-info a
{
	text-decoration:none;
	cursor:pointer;
}
.user-info-header
{
	background: url("images/ep-user-info-header-name-bg.png") no-repeat bottom left;
	width:176px;
	height:64px;
}
.user-info-header-name
{
	float:left;
	padding-left:9px;
	padding-top:10px;
	line-height:25px;
}
.user-info-header-name-wellcome
{
	font-family:"Franklin Gothic Demi";
	font-size:14px;
}
.user-info-header-name-nick a, .user-info-header-name-nick a:hover
{
	font-size:12px;
	line-height:29px;
	color:#ffffff !important;
	text-decoration:none;
}
.user-info-header-picture
{
	float:right;
	padding-top:15px;
	padding-right:7px;
}
.user-info-header-picture img
{
	width:41px;
	height:41px;
	border: solid 1px #f8f8f8;
}
.user-info-status
{
	font-size:11px;
	padding-top:9px;
	padding-left:9px;
	color:#939393;
	line-height:15px;
}
.user-info-contents
{
	padding-top:15px;
	padding-left:8px;
	padding-right:7px;
	width:inherit;
	clear:both;
}
.user-info-contents-item-separator
{
	clear:both;
	background: url("images/ep-user-info-contents-separator.png") no-repeat top left;
	width:160px;
	height:2px;
}
.user-info-contents-item, .user-info-contents-item a
{
	color:#939393;
	font-size:13px;
	padding-left:2px;
	text-decoration:none;
	line-height:18px;
	clear:both;
}
.user-info-contents-item-left
{

}
.user-info-contents-item-right
{
	float:right;
	width:34px;
	line-height:18px;
	color:#ffffff;
	font-size:10px;
	text-align:center;
	background: url("images/ep-user-info-contents-item.png") top right no-repeat;
	margin-right:7px;
}
.user-info-contents-item-right a, .user-info-contents-item-right a:hover
{
	color:#ffffff !important;
}
.user-info-logout
{
	margin-top:5px;
	float:right;
}
.logout-btn
{
	background: url("images/ep-logout-btn-bg.png") top left no-repeat;
	font-size:13px;
	font-family: "Franklin Gothic Demi", "Arial";
	text-decoration:none;
	padding-top:7px;
	padding-left:15px;
	color:#ffffff;
}
.logout-btn:hover
{
	color:#ffffff;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* register */
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------*/
#register
{
	padding-top:7px;
	padding-left:20px;
	padding-right:15px;
}
#register .register-btn
{
	background: url("images/ep-register-btn-bg.png") top left no-repeat;
	height:23px;
	font-size:13px;
	font-family: "Franklin Gothic Demi", "Arial";
	text-decoration:none;
	padding-top:3px;
	padding-left:17px;
	color:#00acf8;
	text-decoration:none;
}
#register .register-btn a
{
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
}
#register .register-btn a:hover
{
	color:#ffffff !important;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* join-us AND ep-index-blue-btn */
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------*/
#join-us
{
	background-color:#00acf8;
	padding-top:15px;
	padding-bottom:11px;
	padding-left:14px;
	padding-right:5px;
}
#join-us .text
{
	font-size:26px;
	line-height:27px;
	color:#ffffff;
	font-family: "Franklin Gothic Demi", "Arial";
}

#join-us .btn-green
{
	margin-top:17px;
	margin-left:18px;
	background: url("images/ep-index-btn-publishEvents.png") top left no-repeat;
	width:100%;
	height:23px;
	line-height:23px;
}
#join-us .btn-green a
{
	padding-left:30px;
	color:#fefefe;
}
#join-us .btn-white
{
	margin-top:7px;
	margin-left:18px;
	background: url("images/ep-index-btn-publishNews.png") top left no-repeat;
	width:100%;
	height:23px;
	line-height:23px;
}
#join-us .btn-white a
{
	padding-left:24px;
	color:#00acf8;
}
#join-us .btn-style a
{
	font-family: "Franklin Gothic Demi", "Arial";
	font-size:12px;
	text-decoration:none;
}


/*  ------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ep-index-blue-btn
{
	width:100%;
	height:50px;
	text-align:center;
	background: url("images/ep-index-blue-btn.png") top left no-repeat;
}
.ep-index-blue-btn a, .ep-index-blue-btn a:hover
{
	font-family: "Franklin Gothic Demi", "Arial";
	line-height:50px;
	font-size:19px;
	color:#ffffff;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* #ep-footer-menu*/
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------*/
#ep-footer-menu, #ep-footer-menu a
{
	color:#7b7e6f;
	text-decoration:none;
}
#ep-footer-menu a:hover
{
	color:#000000;
	text-decoration:none;
}
#ep-footer-menu-container-position
{
	padding-top:34px;
	padding-bottom:32px;
	padding-left:148px;
}
.ep-footer-menu-box
{
	float:left;
	width:257px;
}
.ep-footer-menu-box-title
{
	font-size:14px;
	padding-left:10px;
	padding-bottom:28px;
}
.ep-footer-menu-box-item-position
{
	padding-bottom:4px;
}
a.ep-footer-menu-box-item
{
	padding-left:10px;
	background-image:url("images/ep-footer-arrow.png");
	background-position:left center;
	background-repeat:no-repeat;
}
a.ep-footer-menu-box-item:hover
{
	padding-left:10px;
	background-image:url("images/ep-footer-arrow-hover.png");
	background-position:left center;
	background-repeat:no-repeat;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* clearfix */
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------*/

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     overflow: auto;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clearBoth
{
	clear:both;
	padding:0;
	margin:0;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* common */
/*  ------------------------------------------------------------------------------------------------------------------------------------------------------*/
.left-position
{
	float:left;
}
.red-arrow-button
{
	background: url("images/ep-login-btn-arrow-bg.png") top left no-repeat;
	font-size:13px;
	font-family: "Franklin Gothic Demi", "Arial";
	text-decoration:none;
	padding-top:7px;
	padding-left:24px;
	color:#ffffff;
}
.red-arrow-button:hover
{
	color:#ffffff !important;
}
.double-arrow-gray
{
	background: url("images/ep-double-arrow-gray.png") center left no-repeat;
	padding-left:10px;
	color:#939393;
	font-size:11px;
	text-decoration:none;
}
.small-gray-font
{
	color:#939393;
	font-size:11px;
	text-decoration:underline;
}
.double-arrow-blue-6-5
{
	background: url("images/ep-double-arrow-blue-6-5.png") center left no-repeat;
	padding-left:10px;
	text-decoration:none;
}
.double-arrow-blue-7-6
{
	background: url("images/ep-double-arrow-blue-7-6.png") center left no-repeat;
	padding-left:10px;
	text-decoration:none;
}