@charset "utf-8";

/* GLOBAL RESET */

html {
	color: #000;
}
body {
	margin: 0;
}
.clearer {
	clear: both;
}
a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: red;
	text-decoration: none;
}
h {
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
	margin: 0;
	font: normal 2em georgia;
}
h2 {
	margin: 0;
	cursor: pointer;
}
h3 {
	margin: 0;
	font: normal 1.2em verdana;
}
p {
	font: normal 0.8em verdana;
	line-height: 1.4em;
	margin: 10px 0;
}
ul {
	margin: 0.5em 0.2em 0.5em 2em;
	padding: 0;
	font: normal 0.8em verdana;
}
ul li {
	list-style-image: url(/img/li.gif);
	line-height: 1.4em;
	margin: 0 0 0.5em 0;
}
blockquote {
	background: #fcf6cf url(/img/baloon.gif) 20px 10px no-repeat;
	border-top: 1px solid #ffe223;
	border-bottom: 1px solid #ffe223;
	margin: 20px 0 15px 0;
	padding: 10px 20px 10px 110px;
	font: italic 0.9em georgia;
	line-height: 1.4em;
	text-align: left;
	color: #444;
}
blockquote div {
	font: normal 0.8em verdana;
	line-height: 2.5em;
	color: #767676;
	text-align: right;
}

/* GENERAL */
.red {
	color:red;
}

.green {
	color:green;
}

/* TEMPLATE */

.wrapper {
	background: #1d262f url(/img/wrapper_bg.gif) left top repeat-x;
	padding-bottom: 30px;
}

/* Header */

.header-container {
	width: 960px;
	height: 123px;
	margin: 0 auto;
}
.header-container form{
	margin-top: 0px;
}
.languages {
	width: 960px;
	height: 19px;
	margin: 0 auto;
	text-align: left;
}
.langs-show-hide {
/*	display: none;*/
	margin-left: 20px;
}
.lang-left {
	float: left;
	width: 10px;
	height: 20px;
	background: #1d262f url(/img/lang_left.gif) left top no-repeat;
}
.lang-stretch {
	float: left;
	height: 20px;
	background: #1d262f url(/img/lang_stretch.gif) left top repeat-x;
}
.lang-right {
	float: left;
	width: 10px;
	height: 20px;
	background: #1d262f url(/img/lang_right.gif) left top no-repeat;
}
.languages a img {
	border: none;
}
#comming-soon {
	color:darkred;
	font-family:verdana;
	font-size:12px;
	line-height:20px;
}

/* Logo */

.logo-container {
	float: left;
}
.logo-container a img {
	border: none;
}

/* Welcome screen */

.welcome-screen {
	float: right;
	width: 485px;
	text-align: right;
	padding-right: 15px;
}
.welcome-screen h1 {
	margin: 0;
	font: normal 1.6em georgia;
	margin-top: 0;
}
.welcome-screen p {
	margin: 0;
	padding-top: 5px;
	font: bold italic 0.8em verdana;
	line-height: 1.4em;
	color: #333;
}

/* Login screen */

.login-screen {
	font: normal 0.7em verdana;
	float: right;
	width: 485px;
	text-align: right;
	padding: 0 15px 0 0;
}
p.header-login-text {
	margin: 0;
	font: normal 1em verdana;
}
.login-screen a:hover {
	color: #000;
}
input.text-header {
	font: normal 1em verdana;
	padding: 3px;
	width: 192px;
	height: 12px;
	background: #fff;
	border: 1px solid #000;
	margin-bottom: 4px;
}
input.button-header {
	height: 20px;
	text-align: center;
	padding: 0 15px;
	padding-bottom: 3px;
	margin: 5px 0;
	font: normal 0.95em verdana;
	border: 1px solid #000;
	background: url(/img/login_header.gif) left top repeat-x;
	float: right;
}

/* User screen */

.user-screen {
	font: normal 0.9em verdana;
	float: right;
	width: 485px;
	height: 71px;
	text-align: right;
	padding: 32px 95px 0 0;
	background: url(/img/logedin.gif) right top no-repeat;
}
.user-screen p {
	margin: 2px 0;
}
.user-screen a {
	color: #000;
}

/* Menu */

.menu-container {
	width: 960px;
	height: 90px;
	margin: 0 auto;
}
.menu-container a {
	float: left;
	display: block;
	color: #fff;
	text-decoration: none;
	height: 70px;
	padding-top: 20px;
}
.menu-container a:hover h1 {
	color: #f1a02c;
}
.menu-container a:hover h2 {
	color: #000;
}
a.webinari {
	width: 107px;
	padding-left: 85px;
	background: url(/img/menu_webinari.gif) left top no-repeat;
}
a.webinari:hover {
	background: url(/img/menu_webinari_hover.gif) left top no-repeat;
}
a.arhiva {
	width: 98px;
	padding-left: 94px;
	background: url(/img/menu_arhiva.gif) left top no-repeat;
}
a.arhiva:hover {
	background: url(/img/menu_arhiva_hover.gif) left top no-repeat;
}
a.predavaci {
	width: 122px;
	padding-left: 70px;
	background: url(/img/menu_predavaci.gif) left top no-repeat;
}
a.predavaci:hover {
	background: url(/img/menu_predavaci_hover.gif) left top no-repeat;
}
a.demo {
	width: 112px;
	padding-left: 80px;
	background: url(/img/menu_demo.gif) left top no-repeat;
}
a.demo:hover {
	background: url(/img/menu_demo_hover.gif) left top no-repeat;
}
a.uputstva {
	width: 112px;
	padding-left: 80px;
	background: url(/img/menu_uputstva.gif) left top no-repeat;
}
a.uputstva:hover {
	background: url(/img/menu_uputstva_hover.gif) left top no-repeat;
}
.menu-container a h1 {
	margin: 0;
	font: normal 1.4em georgia;
}
.menu-container a h2 {
	margin: 0;
	font: normal 0.7em verdana;
	width: 98px;
}

/* Content */

.content-container {
	width: 928px;
	margin: 23px auto 0 auto;
	border: 1px solid #464d55;
	background: #29333e;
	padding: 15px;
}
.admin-content-container {
	width: 928px;
	margin: 0px auto 0 auto;
	border: 1px solid #464d55;
	background: #29333e;
	padding: 15px;
}
.content-subcontainer {
	background: #fff url(/img/subcontainer_bg.gif) left top repeat-y;
}
.content-container .left {
	float: left;
	width: 560px;
	padding: 40px 50px;
	background: #fff;
}

/* Glavni naslovi */

.main-title-home {
	
}
.main-title-home h1 {
	
}
.main-title-webinari {
	background: #2c2b2c;
	border: 1px solid #000;
	border-left: 10px solid #000;
	margin-bottom: 20px;
	text-align: right;
}
.main-title-webinari h1 {
	padding: 4px 20px 4px 80px;
	background: url(/img/wrapper_bg.gif) left -55px repeat-x;
	color: #000;
}
.main-title-arhiva {
	background: #2c2b2c;
	border: 1px solid #000;
	border-left: 10px solid #000;
	margin-bottom: 20px;
	text-align: right;
}
.main-title-arhiva h1 {
	padding: 4px;
	padding-left: 80px;
	background: url(/img/wrapper_bg.gif) left -55px repeat-x;
	color: #000;
}
.main-title-predavaci {
	background: #2c2b2c;
	border: 1px solid #000;
	border-left: 10px solid #000;
	margin-bottom: 20px;
	text-align: right;
}
.main-title-predavaci h1 {
	padding: 4px;
	padding-left: 80px;
	background: url(/img/wrapper_bg.gif) left -55px repeat-x;
	color: #000;
}
.main-title-demo {
	background: #2c2b2c;
	border: 1px solid #000;
	border-left: 10px solid #000;
	margin-bottom: 20px;
	text-align: right;
}
.main-title-demo h1 {
	padding: 4px;
	padding-left: 80px;
	background: url(/img/wrapper_bg.gif) left -55px repeat-x;
	color: #000;
}
.main-title-uputstva {
	background: #2c2b2c;
	border: 1px solid #000;
	border-left: 10px solid #000;
	margin-bottom: 20px;
	text-align: right;
}
.main-title-uputstva h1 {
	padding: 4px;
	padding-left: 80px;
	background: url(/img/wrapper_bg.gif) left -55px repeat-x;
	color: #000;
}
.seminar_price {
	font-size:12px;
}

/* Listanje webinara i predavaca */

div.listing-block {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.min-height-fix {
	min-height: 96px;
}

img.image-listing {
	float: left;
	border: 1px solid #000;
	padding: 3px;
	background: #fff;
	margin: 5px 5px 0 0;
}
p.listing {
	margin: 0;
	margin-bottom: 10px;
}
div.listing-link {
	float: right;
	font: normal 0.8em verdana;
	margin: 0 0 10px 2px;
	height: 24px;
	padding: 0 10px;
	line-height: 24px;
	background: url(/img/listing_link_bg.gif) left top repeat-x;
	border: 1px solid #ddbd2d;
	text-decoration: none;
}
div.listing-link:hover {
	color: #000;
	background: url(/img/listing_link_bg_hover.gif) left top repeat-x;
}
a.attachments {
	display: block;
	text-decoration: none;
	background: url(/img/att.gif) left 5px no-repeat;
	padding-left: 25px;
}
a.attachments:hover {
	color: #000;
}
a.webinar-link {
	display: block;
	text-decoration: none;
	background: url(/img/webinar_link.gif) left 5px no-repeat;
	padding-left: 25px;
}
a.webinar-link:hover {
	color: #000;
}
a.subscribe-link {
	display: block;
	text-decoration: none;
	background: url(/img/webinar_link.gif) left 5px no-repeat;
	padding-left: 25px;
}
a.subscribe-link:hover {
	color: #000;
}
div.seminar_date_calendar {
	font: normal 0.7em verdana;
	margin: 2px 0;
	background: url(/img/calendar_icon.gif) left top no-repeat;
	padding: 2px 0 2px 20px;
}

div.seminar_date_calendar img {
	vertical-align:middle;
}

/* Paging */

div.ajaxt_list_container div.paging {
	padding: 2px;
	margin-top:15px;
}
div.ajaxt_list_container div.paging ul {
	margin: 0;
	padding: 0;
	text-align: center;
	font: normal 1em verdana;
}
div.ajaxt_list_container div.paging span {
	display: inline;
	padding-bottom: 1px;
	margin-left:5px;
}
.paging a, div.paging a:visited {
	padding: 0 5px;
	border: 1px solid #000;
	text-decoration: none; 
	color: #000;
}
div.ajaxt_list_container .paging a:hover, div.paging a:active {
	border: 1px solid #000;
	color: #000;
	background-color: #f0e155;
}
div.ajaxt_list_container div.paging span.current {
	color: #FFF !important;
	border-color: #000;
	font-weight: bold;
	cursor: default;
}
div.ajaxt_list_container div.paging div.disabled {
	display: inline;
	background-color: white;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}
div.ajaxt_list_container div.paging div.disabled {
	background-color: #E5BB36;
}
.paging {
	padding: 2px;
	margin-top: 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
.paging ul {
	margin: 0;
	padding: 0;
	text-align: center;
	font: normal 1em verdana;
}
.paging span {
	display: inline;
	padding-bottom: 1px;
}
.paging a, .paging a:visited {
	padding: 0 5px;
	border: 1px solid #9aafe5;
	text-decoration: none; 
	color: #2e6ab1;
}
.paging a:hover, .paging a:active {
	border: 1px solid #2b66a5;
	color: #000;
	background-color: #f0e155;
}
.paging span.current {
	background-color: #2e6ab1;
	color: #FFF !important;
	border-color: #2b66a5;
	font-weight: bold;
}
.paging div.disabled {
	background-color: white;
	display:inline;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}
.paging a.prevnext {
	font-weight: bold;
}


/* Kontakt / Register */

.forms-container {
	padding-top: 20px;
}
.labels {
	float: left;
	width: 30%;
	padding: 3px;
	font: normal 0.9em verdana;
	margin: 2px 0;
}
.inputs {
	float: right;
	text-align: right;
	width: 67%;
	margin: 2px 0;
	font: normal 0.7em verdana;
}
input.text-field {
	width: 370px;
	height: 20px;
}
.text-area {
	width: 370px;
	height: 160px;
	font: normal 1.1em verdana;
}
input.button-forms {
	height: 26px;
	text-align: center;
	padding: 0 15px 2px 15px;
	margin-top: 5px;
	font: normal 0.9em verdana;
	border: 1px solid #b7b7b7;
	background: url(/img/login_buttom_bg.gif) left top repeat-x;
	float: right;
}

/* Payment slip */

div.payment-slip {
	width:555px;
	height:261px;
	border:solid 2px #000000;
	margin-top:20px;
}

div.payment-slip-top {
	height:16px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:13px 13px 0px 0px;
	font-weight:bold;
}

div.payment-slip-left {
	width:272px;
	height:153px;
	padding-left:18px;
}

div.payment-slip-left label, div.payment-slip-right-line label, div.payment-slip-bottom-bottom, div.payment-slip-bottom-line {
	height:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

div.payment-slip-left-input {
	width:250px;
	height:38px;
	border:solid 1px #000000;
}

div.payment-slip-left-input-right {
	margin-top:11px;
	height:147px;
	float:right;
	border-left:solid 1px #000000;
}

div.payment-slip-right {
	width:240px;
	float:right;
	padding-left:25px;
}

div.payment-slip-right-input {
	border:2px solid #000000;
	height:17px;
}

div.payment-slip-left-input, div.payment-slip-right-input {
	color:#FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:2px;
	vertical-align:middle;
}

div.payment-slip-right-wraper {
	float:left;
	padding-right:5px;
}

div.payment-slip-right-line div#code, div.payment-slip-right-line div#currency {
	width:35px
}

div.payment-slip-right-line div#amount {
	width:135px
}

div.payment-slip-right-line div#account-number {
	width:225px
}

div.payment-slip-right-line div#model, div.payment-slip-right-line div#call-number {
	float:left;
	margin-right:10px;
}

div.payment-slip-right-line div#model {
	width:25px;
}

div.payment-slip-right-line div#call-number {
	width:183px;
}

div.payment-slip-bottom-top {
	padding:20px 0px 0px 18px;
}

div.payment-slip-bottom-middle {
	padding-left:190px;
	padding-top:10px;
}

div.payment-slip-bottom-middle div.payment-slip-bottom-line {
	float:left;
}

div.payment-slip-bottom-bottom {
	text-align:center;
	padding-top:10px;
}

div.payment-slip-bottom-line {
	border-top:solid 1px #000000;
	width:150px;
	margin-right:25px;
}

/* Right */

.content-container .right {
	float: left;
	width: 268px;
	background: #eaeaea;
	text-align: center;
	padding-bottom: 20px;
}
p.login-label {
	margin: 10px 0 5px 0;
}
img.login-icon {
	margin-top: 20px;
}
.login-container {
	width: 200px;
	margin: 0 auto;
	margin-top: -15px;
	text-align: left;
}
input.text {
	font: bold 0.9em verdana;
	padding: 3px;
	width: 192px;
	height: 20px;
	background: url(/img/login_field_bg.gif) left bottom repeat-x;
	border: 1px solid #b7b7b7; 
}
input.button {
	height: 26px;
	text-align: center;
	padding: 0 15px 3px 15px;
	margin: 15px 0 10px 0;
	font: normal 0.9em verdana;
	border: 1px solid #b7b7b7;
	background: url(/img/login_buttom_bg.gif) left top repeat-x;
	float: right;
}
p.registrujte-se {
	text-align: right;
	margin: 0;
	font-size: 0.7em;
}
.contact-container {
	width: 200px;
	margin: 0 auto;
	margin-top: 40px;
	text-align: right;
	font: normal 0.8em verdana;
	background: url(/img/contact_icon.jpg) left top no-repeat;
}
.contact-container p {
	margin: 0;
}

/* Sponzori */

.sponsors {
	width: 172px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: left;
}
.sponsors h2 {
	font: normal 1em verdana;
	margin: 40px 0 20px 0;
	text-align: center;
}
.sponsors img {
	margin-bottom: 2px;
	padding: 3px;
	background: #fff;
	border: 1px solid #000;
}

/* Footer */

.footer-container {
	width: 900px;
	margin: 20px auto;
	font: normal 0.7em verdana;
	color: #8e9397;
}
.footer-container a {
	color: #8e9397;
	text-decoration: none;
}
.footer-container a:hover {
	text-decoration: underline;
}
.footer-container p {
	color: #4a5159;
	padding-top: 5px;
	font-size: 1em;
	line-height: 1.8em;
}

/* Preload images */

.preload-images {
	display: none;
}
.preload-images img {
	display: none;
}

/* Administration Forms */
.form fieldset {
	border: 0px;
	padding-top: 20px;
}
.form fieldset legend {
	display:block;
	width:80%;
	background: url(/img/wrapper_bg.gif) #2c2b2c left -55px repeat-x;
	border: 1px solid #000;
	border-left: 10px solid #000;
	margin-bottom: 20px;
	text-align: right;
	padding: 4px 20px 4px 80px;
	color: #000;
	font: normal 2em georgia;

}
.form fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
}
.form fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
	margin-left: 20px;
}
.form fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
.form form div {
	clear: both;
	padding:3px 0px 3px 0px;
}
.form form div.text input {
	width: 370px;
	height: 20px;
}
.form form div.textarea textarea {
	width: 370px;
	height: 160px;
	font: normal 1.1em verdana;
}
.form form div.select select {
	float: right;
	width: 372px;
}
.form form div.datetime select {
	width: auto;
	text-align: left;
}
.form form div.datetime input {
	width: 370px;
	height: 20px;
}
.form form div.password input {
	width: 370px;
	height: 20px;
}
.form form div.datetime a.date_selector_empty_link {
	font: normal 0.7em verdana;
	margin-left:185px;
}
.form form div.time select {
	width: auto;
	text-align: left;
}
.form form div.checkbox input {
	margin: 5px 0 5px 5px;
	text-align:right;
	width:auto;
}
.form form div.price input {
	height:20px;
	width:308px;
}
.form form div.price select {
	float:right;
	margin-left:5px;
}
.form form div.checkbox label {
	float:right;
	width:auto;
	font-size:0.7em;
}
.form form div.datetime label, .form form div.time label {
	width: 32%;
}
.form form div.required {
	color: #333;
	font-weight: bold;
}
.form label {
	float: left;
	width: 30%;
	padding: 3px;
	font: normal 0.9em verdana;
	margin: 2px 0;
}
.form input, textarea {
	float: right;
	width: 67%;
	margin: 2px 0;
	border: 1px solid #7f9db9;
}
.form select {
	margin: 2px 0;
	height: 22px;
	border:1px solid #7F9DB9;
}
.form div.submit input {
	height: 26px;
	text-align: center;
	padding: 0 15px 2px 15px;
	margin-top: 5px;
	font: normal 0.9em verdana;
	border: 1px solid #b7b7b7;
	background: url(/img/login_buttom_bg.gif) left top repeat-x;
	float: right;
	width: auto;
}
div.actions {
	clear:both;
}
div.actions ul {
	margin-top:60px;
}
div.actions ul li {
	display:inline;
}

/* Erroers */
form div.error-message, div.error-message-custom {
	color:darkred;
	font-size:11px;
	font-weight:normal;
	text-align:right;
}
div.error-message-custom {
	text-align:left;
}

/* Tables */
table {
	background: #fff;
	border:1px solid #ccc;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}

/* Administration layout */
div.admin-content-subcontainer {
	background-color:#ffffff;
	padding:10px;
	font-family:verdana;
	font-size:0.8em;
}
div.admin-content-subcontainer div.main-title-webinari {
	text-align:left;
}
div.admin-content-subcontainer form {
	text-align:left;
	width:560px;
}
div.index table tr td img {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #000000;
	float:none;
	margin:0px;
	padding:3px;
}
div.note {
	color:red;
	font-family:verdana;
	font-size:10px;
	padding:5px;
}
div.image_holder {
	margin-left:184px;
}
div.seminar_options {
	background: #2c2b2c;
	border: 1px solid #000;
	border-left: 10px solid #000;
	margin-bottom: 10px;
	text-align: left;
}
div.seminar_options div.seminar_options_tabs {
	display:inline;
}
div.seminar_options_tabs div {
	float:left;
	margin-left:10px;
	padding:4px 20px 4px 10px;
	width:262px;
	background: url(/img/wrapper_bg.gif) left -55px repeat-x;
	color: #000;
	border-bottom:1px solid #e5bb36;
	cursor:pointer;
}
div.seminar_options_tabs div.inactive {
	background: url(/img/wrapper_bg_inactive.gif) left -55px repeat-x;
	border-bottom:1px solid #000000;
}
div.seminar_options_tabs div#slides_header_tab {
	margin-left:0px;
}
div.seminar_options_tabs div#attenders_header_tab {
	width:263px;
}
div.seminar_options_conteiner {
	/*height:550px;*/
	background-color:#e5bb36;
}
div.seminar_options_conteiner div {
	padding-top:15px;
}
div.seminar_options_conteiner table {
	width:90%;
}
div.seminar_options_conteiner div.paging {
	padding-left:45px;
}
div.seminar_options_loader {
	padding-left:45px;
}
div.ajaxt_form_container {
	padding-top:20px;
}

/* Administration menu */
div.administration-menu {
	width:960px;
	margin: 0px auto 0 auto;
	height:23px;
}
div.administration-menu span {
	border-left:solid 1px #000000;
	display:block;
	float:left;
	font-size:13px;
	margin-top:3px;
	height:16px;
}
div.administration-menu a {
	/*border-left:solid 1px #000000;*/
	border-right:solid 1px #000000;
	display:block;
	float:left;
	font-family:verdana;
	font-size:13px;
	margin-top:3px;
	text-align:center;
	width:173px;
	text-decoration:none;
}
div.administration-menu a:hover {
	color:#333333;
	text-decoration:none;
	background:url(/img/admin_menu_hover.gif);
}

/* Poll administration */
table tr.answers td {
	text-align:left;
}
table tr.answers td table, table tr.answers td table tr td {
	border:0px;
	margin-bottom:0px;
}
table tr.answers td table tr td {
	border-bottom:#CCCCCC 1px solid;
	padding:8px;
}

/* Record video buttons */
a#record-video {
	background:url(/img/monitor.gif) repeat-x scroll left top transparent;
	border:1px solid #000000;
	display:block;
	height:100px;
	line-height:100px;
	margin-right:10px;
	text-align:center;
	text-decoration:none;
	width:100px;
}
a#record-video-tight {
	background:url(/img/monitor-tight.gif) repeat-x scroll left top transparent;
	border:1px solid #000000;
	display:block;
	height:70px;
	margin-right:10px;
	padding:30px 11px 0;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	width:50px;
}
div.record-actions {
	clear:both;
}
div.record-actions ul {
	margin-top:60px;
}
div.record-actions ul li {
	display:inline;
}
div.record-actions ul li {
	float:left;
}