/* CSS Document */
/* Economedia Developer, Vladimir Komarov, 14.01.2009 */

* {	margin: 0; padding: 0; letter-spacing: 0px; }
body { background-color: #FFFFFF; color: #606060; font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; }

div#site { margin: 0 auto; padding-top: 10px; width: 977px; }

/* Language Bttn */

span.events-lang { background: #EBEBEB url("/events/images/bttn1-left.gif") no-repeat scroll 0 0; color: #A0A0A0; display: block; float: right; font-weight: bold; height: 20px; margin: 0 0 0 10px; overflow: hidden; text-decoration: none; width: 33px; }
span.events-lang a { background: transparent url("/events/images/bttn1-right.gif") no-repeat scroll right top; display: block; float: right; height: 17px; overflow: hidden; padding: 4px 7px 0; }

/* Font Size Control */

div.fontControl { float: right; margin: -15px 0 0 0; padding: 0; }

/* Print */
a.print { color: #000000; margin: 0 5px 15px 10px; padding: 0; text-decoration: none; }
a.print img { float: left; margin: -5px -5px 0 0; position: relative; }

/* Registration Bttn */

a.events-reg { background: #FDAE6C url("/events/images/bttn2-left.gif") no-repeat scroll 0 0; color: #FFFFFF; display: block; float: right; font-weight: bold; height: 20px; margin: 0 0 0 0; overflow: hidden; text-decoration: none; width: 100px; }
a.events-reg span { background: transparent url("/events/images/bttn2-right.gif") no-repeat scroll right top; display: block; float: right; height: 17px; overflow: hidden; padding: 3px 10px 0; }

div.regBttnBig, div.bpBttnBig { background:  #EEEEEE; border: 1px solid #D4D4D4; float: right; height: 26px; margin: 5px 0 8px 0; padding: 10px 0 2px 0; position: relative; text-align: center; width: 270px; }
div.regBttnBig a, div.bpBttnBig a { color: #FE6600; font-size: 16px; font-weight: bold; text-decoration: none; }

/* Menu */

div#mainMenu { margin: 16px 0 10px 0; overflow: hidden; position: relative; width: 977px; }
div#mainMenu ul.mainMenu { background:  #EEEEEE url("/events/images/mainmenu-bg.gif") repeat-x; float: left; height: 30px; list-style: none; width: 977px; }
div#mainMenu ul.mainMenu li { background: url("/events/images/separator.gif") no-repeat right; clear: right; float: left; padding: 0px 1px 0 0px; height: 30px; }
div#mainMenu ul.mainMenu li a { color: #5B5B5B; display: block; float: left; height: 29px; font-size: 13px; font-weight: bold; line-height: 28px; padding: 0 12px 0 12px; text-decoration: none; }
div#mainMenu ul.mainMenu li a:hover { color: #FE6600; }
div#mainMenu ul.mainMenu li a.current { color: #FE6600; }
div#mainMenu ul.mainMenu li.firstch { background: url('/events/images/corner-left.gif') top left no-repeat; }
div#mainMenu ul.menuMenu li.lastch { background: none !important; padding: 0 !important; }
div#rightCorner { background: transparent url("/events/images/corner-right.gif") no-repeat scroll right top; float: right; height: 30px; margin-top: -40px; position: relative; width: 5px; }

/* Content */

div#content { line-height: 18px; margin-bottom: 5px; padding: 10px 5px 5px 5px; width: 967px; }

div#content div.postContent { float: left; min-height: 300px; padding: 10px 15px 0 0; position: relative; width: 652px; }

/* Text */

h1.mainTitle { color: #FE6600; font-size: 17px; font-weight: bold; margin-bottom: 10px; padding: 0; }

.left { text-align: left !important; }

/* Footer */

div#footer-top { background: url("/events/images/footer-top.gif") no-repeat; height: 4px; margin: 10px 0 0 0; overflow: hidden; width: 977px; }
div#footer-bottom { background: url("/events/images/footer-bottom.gif") no-repeat; height: 5px; margin: 0 0 30px 0; overflow: hidden; width: 977px; }
div#footer { background: #E9E9E9; color: #959595; padding: 10px 10px 5px 10px; width: 957px; }

div#footer p.copyright { float: left; margin: 0; padding-left: 12px; }
div#strLogo { float: right; margin: 0 0 5px 0; position: relative; width: 100px; }
div#capitalLogo { float: right; margin: 0 18px 5px 0; position: relative; width: 100px; }

div#footerLinks { float: left; position: relative; width: 700px; }
div#footerLinks ul.footerMenu {	float: left; list-style: none; margin: 0 0 5px 0; width: 650px; }
div#footerLinks ul.footerMenu li { float: left;	padding: 0 12px; border-right: 1px solid #959595; }
div#footerLinks ul.footerMenu li.noSeparator { border-right: none; padding-right: 0; }
div#footerLinks ul.footerMenu li a { color: #959595; text-decoration: none;	}
div#footerLinks ul.footerMenu li a:hover { color: #474747; }

/* Misc */

.clear { clear: both; }
.right { margin: 0 30px 0 0; text-align: right; }
.b { font-weight: bold; }
.red { color: red; }
.gray { color: #999999; }
.big { font-size: 16px; }
.little { font-size: 11px; }

.rightImg { float: right; margin: -10px 30px 5px 5px; position: relative; }

div.line { background: #E4E4E4 none repeat scroll 0 0; clear: both; height: 1px; margin: 7px 0; overflow: hidden; width: 100%; }
div.lineInsidePost {  background: #E4E4E4 none repeat scroll 0 0; height: 1px; margin: 15px 0 15px 0; overflow: hidden; width: 95%; }

img { border: none; }
img.border { border: 1px solid #E1E1E1; }
img.icon { margin: 2px 3px -4px 0; }

/* Gallery - jQuery Tools, Scrollable, http://flowplayer.org/tools/index.html */

.gallery { background: url(/events/images/h300.png) repeat-x; border: 1px solid #CCCCCC; float: left; height: 120px; margin: 10px 0 7px 0; overflow: hidden; position: relative; width: 500px; }
.gallery .items { clear:both; position: absolute; width: 20000em; /* this cannot be too large */ }
.gallery img { background-color: #FFFFFF; border:1px solid #CCC; cursor: pointer; float: left; height: 100px; margin: 7px 15px 7px 15px; padding: 2px; width: 130px; }
.gallery .active { border: 2px solid #777777; position: relative; z-index: 9999; }

a.browse { background: url(/events/images/hori_large.png) no-repeat; cursor: pointer; display: block; float: left; font-size: 1px; height: 30px; margin: 50px 20px 0 20px; width: 30px; }
a.right { background-position: 0 -30px; clear: right; margin-right: 0px; }
a.right:hover { background-position: -30px -30px; }
a.right:active { background-position: -60px -30px; } 
a.left { margin-left: 0px; } 
a.left:hover { background-position: -30px 0; }
a.left:active { background-position:-60px 0; }
a.disabled { visibility: hidden !important; }

#photoBig { clear: both; background-color: #EFEFEF; border: 2px solid #FFFFFF; margin: 7px 0 7px 50px; padding: 10px 0; text-align: center; width: 500px; }
#photoDescription, #fotobuild { background: url(/events/images/bgr-yellow.jpg) no-repeat; height: 50px; margin: 0 0 -7px 51px; padding: 7px 18px 0 18px; width: 500px; }
#fotobuildd { padding: 0 0 0 0; }
#fotobuild img.fotobuildlogo { float: left; margin: 3px 25px 2px 0; position: relative; }
#fotobuild a.fotobuildlink { font-weight: bold; display: block; padding: 10px 0 0 0; text-decoration: none; }

/* Lecturers */

div.lecturer {}
div.lecturer a { color: #606060; font-weight: bold; text-decoration: none; }
div.lecturer a:hover { color: #FE6600; }
div.lecturer .lecturerPhoto { border: 1px dotted #ACACAC; float: left; margin: 0 20px 10px 0; padding: 2px; position: relative; }
div.lecturer .lecturerPhoto:hover { border: 1px dotted #9A9A0A; }
div.lecturer div.lecturerBottomLine {  background: #E4E4E4 none repeat scroll 0 0; clear: both; height: 1px; margin: 7px 0; overflow: hidden; width: 95%; }
div.lecturer a.readmore { font-weight: normal; font-style: italic; }

/* Partners */

div.partner {}
div.partner h3 { margin: 0 0 5px 0; }
div.partner a { color: #606060; font-weight: bold; text-decoration: none; }
div.partner a:hover { color: #FE6600; }
div.partner .partnerPhoto, .partnerPhoto { border: 1px dotted #ACACAC; float: left; margin: 3px 15px 10px 0; padding: 2px; position: relative; }
div.partner .partnerPhoto:hover { border: 1px dotted #9A9A0A; }
div.partner div.partnerBottomLine {  background: #E4E4E4 none repeat scroll 0 0; clear: both; height: 1px; margin: 15px 0 15px 0; overflow: hidden; width: 95%; }

/* Advertisement */

div#content div.advContent { border: 1px solid #FFFFFF; float: right; min-height: 400px; padding: 10px 5px 10px 35px; position: relative; width: 230px; }
div#content div.advContent h3 { border-bottom: 1px solid #E3E4E5; color: #222222; font-size: 12px; font-weight: normal; margin: 0 0 15px 0; padding: 10px 0 5px 0; }
div#content div.advContent .b { margin: 0 0 8px 0; }

/* Registration */
div#content div.postContentR { float: left; padding: 0 0 0 0; position: relative; width: 967px; }
#regTbl { margin: 10px 0 20px 0; }

.regform td { padding: 3px; }
.regform th { background-color: #EBEBEB; border-bottom: 1px dotted #999999; border-top: 1px dotted #999999; padding: 4px; }
.regforminp, .regforminps { background-color: #F5F4F3; border: 1px solid #999999; font-size: 12px; padding: 2px; width: 210px; }
.regforminp:focus, .regforminp:hover, .regforminps:focus, .regforminps:hover { background-color: #FFFFFF; border: 1px solid #555555; }
.regforminps { font-size: 11px; width: 216px; }
.rf { border-bottom: 1px dotted #999999; border-top: 1px dotted #999999; padding: 4px; }

div#attendeesNote { border: 1px dotted red; display: none; font-weight: bold; min-height: 30px; padding: 5px; width: 442px; }
/* Ако искаме да е ок откъм usabilty трябва да махнем display: none;, за да го виждат и тези потребители без js; тогава обаче се получава неприятно "прескачане", което пък не е визуално ок ? */

.regformbttn { background-color: #EBEBEB; border: 1px solid #AABBCC; color: #555555; cursor: pointer; font-weight: bold; padding: 3px 13px 3px 13px; }
.regformbttn:hover { background-color: #FFFFEE; border: 1px solid #999999; color: #0066AA; font-weight: bold; padding: 3px 13px 3px 13px; }

.kforerror { border: 1px dotted #D4D4D4; color: #AA0000; line-height: 2em; margin: 0 0 3px 0; padding: 1px 10px 1px 30px; }

div#errors { background-color: #F2F2F2; border: 2px solid #F44444; clear: both; cursor: pointer; display: none; float: left; margin: -600px 0 0 100px; padding: 20px; position: relative; width: 721px; }
div#errors .errorsDivP { color: #0066AA; font-weight: bold; padding: 2px; }
div#errors .closeBttn { float: right; position: relative; }

h1.regSuccess { color: #2255FF; font-size: 20px; margin: 20px 0 20px 0; }

/* lEvents */
#levents { border-top: 1px solid #D4D4D4; clear: both; margin: 40px 0 15px 0; padding: 20px 0 0 0; }
#levents h3 { font-size: 12px; font-weight: bold; text-transform: uppercase; }

#levents-top { float: left; margin: 0 0 0 0; padding: 7px 0 0 0; position: relative; width: 760px; }
#levents-top a.eventBaseColor { text-decoration: none; }
#levents-top-box { background: #FFFFFF; display: none; left: 0; padding: 20px; position: absolute; top: 20px; }
a#levents-top-box-trigger span.closeBttn { color: red; font-size: 9px; font-weight: bold; display: none; padding: 0 0 0 5px; }