/*--------------------------------------
   Typ. (mainContainer)
--------------------------------------- */
#mainContainer h1                       {
	font: normal 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #d1232a;
	margin: 0 0 30px 0;
	padding: 5px 0;
	border-bottom: 1px solid #cfcfcf;
}
#mainContainer h2                       {
	font: bold 1em Verdana, Geneva, sans-serif;
	margin: 20px 0 10px 0;
	color: #d1232a;
}
#mainContainer h3,
#mainContainer h4,
#mainContainer h5,
#mainContainer h6                       { font: bold 1em Verdana, Geneva, sans-serif; margin: 20px 0 10px 0; }

#mainContainer p, #mainContainer ol,
#mainContainer ul                       { margin: 10px 0; }

#mainContainer ul li                    { list-style: outside square; margin: 0 0 0 20px; }
#mainContainer ol li                    { list-style: outside decimal; margin: 0 0 0 35px; }
	
#mainContainer table                    {
	margin: 10px 5px;
	border-collapse: collapse;
	border: 1px solid #cfcfcf;
	border-bottom: none;
}	
caption                                 { color: #d1232a; font-size: .9em; padding: 5px; }
#mainContainer th                       {
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #cfcfcf;
	background: #d1232a;
	color: #fff;
}
#mainContainer td                       { padding: 5px; border: 1px solid #cfcfcf; }

#mainContainer table.blank              { border: none; margin: 10px 0; }
#mainContainer table.blank th           { border: none; background: #fff; color: #666; }
#mainContainer table.blank td           { border: none; }

#mainContainer a                        { color: #d1232a; text-decoration: underline; }
#mainContainer a:hover                  { color: #666; text-decoration: underline; }

#mainContainer span.pdf a               { padding-left: 20px; background: transparent url(../images/layout/pdf.gif) no-repeat 0 0; }
#mainContainer span.word a              { padding-left: 20px; background: transparent url(../images/layout/word.gif) no-repeat 0 0; }

#mainContainer img                      { margin: 0 5px; }

/*--------------------------------------
   Typ. (secContainer)
--------------------------------------- */
#secContainer                           { text-align: center; }
#secContainer h2                        {
	font: normal 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #565657;
	margin: 0 0 30px 0;
	padding: 5px 0 5px 30px;
	border-bottom: 1px solid #cfcfcf;
	background: transparent url(../images/layout/h2-logo-bg.gif) no-repeat left top;
	text-align: left;
}
#secContainer img                       { margin: 0 0 40px 0; }

/*--------------------------------------
   Gallery images
--------------------------------------- */
#mainContainer img.gallery              { margin: 5px 10px 5px 0; padding: 2px;}
#mainContainer a img.gallery            { border: 2px solid #de373e;}
#mainContainer a img.gallery:hover      { border: 2px solid #5e3826;}

/*--------------------------------------
   Login box
--------------------------------------- */
#loginBox { display: inline; float: right; width: 410px; height: 80px; border: 1px solid #ccc; position: relative; margin: 0 10px 0 0; line-height: 16px; background: #ebebeb url(../images/layout/login-bg.gif) repeat-x 0 0; }

#loginBox h2 { font: bold 11px Verdana, Geneva, sans-serif; color: #333; position: absolute; top: 5px; left: 10px; margin: 0; padding: 0 0 20px 0; background: transparent url(../images/layout/dekra-zaposljavanje.gif) no-repeat 109px 15px; width: 50%; }
#loginBox .powered { display: none; }

.loginForm fieldset { border: none; padding: 38px 10px 0 10px; }
.loginForm label { display: none; }
.loginForm .input { width: 154px; font: normal 10px Verdana, Geneva, sans-serif; background: #fff url(../images/layout/input.gif) no-repeat 0 0; color: #999; border: 1px solid #ccc; padding: 3px; float: left; margin-right: 5px; }
.loginForm .password-input { width: 154px; font: normal 10px Verdana, Geneva, sans-serif; background: #fff url(../images/layout/password-input.gif) no-repeat 0 0; color: #999; border: 1px solid #ccc; padding: 3px; float: left; margin-right: 5px; }
.loginForm .button { width: 50px; height: 20px; font: normal 10px Verdana, Geneva, sans-serif; background: #ae2a2f; border: 1px solid #ae2a2f; color: #fff; }
.loginForm .errorMessage { top: 20px; right: 5px; width: 150px; text-align: right; }

#loginBox .notice { position: absolute; font-size: 10px; right: 5px; }

#loginBox .loginForm .notice { position: absolute; bottom: 5px; left: 180px; }

#loginBox a { color: #cc0000; text-decoration: underline; }
#loginBox a:hover { color: #cc0000; text-decoration: none; }

#user { position: absolute; right: 20px; top: 50px; }
#user a { color: #cc0000; text-decoration: underline; }
#user a:hover { color: #cc0000; text-decoration: none; }

#loginBox .captchaWrapper { width: 190px; height: 70px; padding: 5px 10px; position: absolute; top: -1px; left: -201px; font-size: 10px; background: #ebebeb url(../images/layout/login-bg.gif) repeat-x 0 0; border: 1px solid #ccc; border-right: 0; }
#loginBox .captchaWrapper img { display: block; margin: 0; }
#loginBox .captchaWrapper label { display: inline; }
#loginBox .captchaWrapper input { width: 50px; font: normal 10px Verdana, Geneva, sans-serif; background: #fff url(../images/layout/input.gif) no-repeat 0 0; color: #999; border: 1px solid #ccc; padding: 3px; }
#loginBox .captchaWrapper span { top: 7px; right: -395px; width: 200px; text-align: right; }

/*--------------------------------------
   Form
--------------------------------------- */
.form,
.form fieldset, 
.form div { height: 100%; overflow: hidden; font-size: 12px; }

.form { margin: 30px 0 0 0; width: 690px; }
.form fieldset { border: none; margin-bottom: 20px; }

.form .notice { font-size: 10px; text-align: right; }

.tite { width: 690px; height: 28px !important; position: relative; background: #eee; margin: 10px 0; }
.tite p { width: 21px; height: 21px; overflow: hidden; line-height: 25px; margin: 0 !important; text-align: center; background: #fff; padding: 1px; border: 1px solid #ccc; position: absolute; top: 2px; left: 2px; }
.tite p span { width: 21px; height: 20px; padding-top: 1px; overflow: hidden; display: block; font: bold 14px Verdana, Geneva, sans-serif; color: #fff; background: #333; }
.tite h2 { margin: 0 0 0 42px !important; padding: 8px 0; font: bold 12px Verdana, Geneva, sans-serif !important; color: #333 !important; }
.tite a { width: 23px; height: 23px; background: transparent url(../images/layout/tooltip.gif) no-repeat 0 0; cursor: pointer; position: absolute; top: 2px; right: 5px; }

.p1, .p2,.p3,.p4,.p5,
.p6,.p7,.p8,.p9,.p10 { padding: 0 0 0 42px; position: relative; }

.form h3 { font-size: .9em !important; margin: 0 !important; padding: 5px 0; }

.errorMessage { position: absolute; font: normal 10px Arial, Helvetica, sans-serif; color: #cc0000 !important; width: 100px; right: 4px; margin-top: 3px;}

.form label,
.form .radioTitle,
.form .checkboxTitle { display: block; float: left; font-size: .9em; padding-top: 1px; }
.form .radioTitle,
.form .checkboxTitle { padding: 0; }
.form input,
.form select,
.form textarea { vertical-align: middle; font: normal 11px Verdana, Geneva, sans-serif; color: #666; }
.form img { margin: 0 5px 0 0 !important; }

.input input,
.textarea textarea,
.select select { background: #fff url(../images/layout/input.gif) no-repeat 0 0; border: 1px solid #bbb; margin-right: 5px;  }
.file input { margin-right: 5px; }

.input input { padding: 2px 3px; }
.select option { text-indent: 5px; height: 15px; }

.input, .radio, .select, .checkbox, .file { border-bottom: 1px solid #eee; padding: 3px 0; }

.p1 label,
.p1 .radioTitle,
.p1 .checkboxTitle  { width: 300px; margin-right: 10px; }
.p1 .input input { width: 194px; }
.p1 .input input .small { width: 94px !important; }
.p1 select { width: 200px; }

.p1 .radioButtons,
.p1 .checkboxButtons { display: inline; float: left; width: 200px; }

.p1 .radioButtons label,
.p1 .checkboxButtons label { float: none !important; display: inline !important; }
.p1 .radioButtons input,
.p1 .checkboxButtons input { margin-right: 20px; }
.p1 .input { position: relative; }
.p1 .input .close { top: 4px; right: 4px; }

.close { width: 20px; height: 20px; overflow: hidden; text-align: right; position: absolute; }
.close input { cursor:pointer; background: #cc0000; border: 0; font: normal 10px Arial, Helvetica, sans-serif; color: #fff; padding: 1px !important; width: auto !important; height: auto !important; }
.p1 .item .close { right: 4px; margin-top: -48px; }
.p6 .close { right: 4px; top: 4px; }

.euCV { padding: 2px 0; border-bottom: 1px solid #eee; }
.euCV label { width: 290px !important; padding-left: 10px; background: #eee; color: #000; }
.euCV a { font-size: .9em; color: #666 !important; }
.euCV a:hover { text-decoration: none !important; }

.CV { padding: 2px 0; border-bottom: 1px solid #eee; height: 100%; overflow: hidden; position: relative; }
.CV label { width: 300px !important; background: #fff; color: #000; }
.CV a { font-size: .9em; color: #666 !important; }
.CV a:hover { text-decoration: none !important; }
.CV .close { right: 4px; top: 3px; }

.p2 { margin: 5px 0 0 42px; padding: 5px 0 5px 0; border-top: 1px solid #bbb; }
.p2 label { width: 175px; margin-right: 10px; }
.p2 .input input { width: 183px; }
.p2 .input { position: relative; }
.p2 .close { top: 4px; right: 4px; }

.p2 .passwordChange { padding: 5px 0 5px 0; border-bottom: 1px solid #eee; }
.p2 .passwordChange div .input { border: none; }
.passwordChangeItems { border-top: 1px solid #eee; margin-top: 7px; padding: 5px 0 0 0; }
.passwordChangeItems .errorMessage { width: 120px; }

.p2 .border-top { margin-top: 10px; }

.border-top { border-top: 1px solid #bbb; }
.border-bottom { border-bottom: 1px solid #bbb; }
.p1 .border-top { border-top: 1px solid #eee; }
.border-bottom0 { border-bottom: 0 !important;}

.p3 { margin-top: 5px !important; }
.p3 h3 { padding-top: 10px !important; padding-bottom: 5px !important; border-bottom: 1px solid #ccc; margin-bottom: 5px !important; }
.p3 label { width: 290px; margin-right: 10px; }
.p3 .input input { width: 194px; }
.p3 .checkbox input { margin-top: 1px; }

input.small { width: 94px !important; }

.p4 .select label { width: 20px; }
.p4 select { width: 300px; }
.p4 .errorMessage { width: auto; }
.p4 .input label { margin-right: 10px; }

.p5 { margin-top: 25px; }
.p5 label,
.p5 .radioTitle { width: 290px; margin-right: 10px; }

.p5 .radioButtons { display: inline; float: left; width: 300px; }
.p5 .radioButtons label { width: 80px; font-weight: bold; margin: 0; }
.p5 .radioButtons input { margin-right: 5px; margin-top: 2px; }

.p5 .checkbox { padding-left: 300px; }
.p5 .checkbox label { width: 150px !important; }
.p5 .checkbox input { margin-top: 2px; margin-right: 5px; }

.indent { padding-left: 300px; }
.p5 .indent label { width: 80px; font-weight: bold; margin: 0; }
.p5 .indent,
.p5 .radioButtons input { margin-top: 1px; }

.p5 .radioButtons { height: 100%; overflow: hidden; padding-bottom: 15px; line-height: 2em; }
.p5 .radioButtons label { float: left; clear: left; width: 250px; }
.p5 .radioButtons input { float: left; margin-top: 6px; }

.p6 .item { width: 648px !important; height: 100%; position: relative; }
.p6 .radio label { float: none; display: inline; margin-right: 10px; vertical-align: middle; }
.p6 .radio input { margin-right: 5px; }
.p6 .input label,
.p6 .add label { width: 20px; }
.p6 .add { text-align: left !important; }
.p6 .input input { width: 270px; }

.p7 { background: #eee; padding: 5px 10px; margin: 0 0 5px 42px; }
.p7 label { width: 290px; margin-right: 10px; }
.p7 .input input { width: 194px; margin-right: 3px; }
.p7 .input .button { width: 94px; border: 1px solid #666; color: #fff; background: transparent url(../images/layout/button.gif) repeat-x 0 0 !important; padding: 1px;}
.p7 .checkbox { padding-left: 300px; }
.p7 .checkboxItem { display: inline; float: left; margin: 0 10px 0 0; text-align: center; }
.p7 .checkboxItem label { display: inline; float: none; width: auto; }
.p7 .checkboxItem input { margin-top: 5px; }

.p1 .p7 { margin: 2px 0 0 0; }
.p1 .p7 .close { margin: -68px 0 0 0; right: 4px; }

.p10 label { display: inline; float: none; margin-right: 10px; }
.p10 input { margin: 0 10px 0 0; width: 94px; }
.p10 .input { border: none; }

.textarea { margin: 0 0 0 42px; }
.textarea textarea { width: 634px; height: 200px; padding: 5px; }

.add { padding: 10px 25px 0 0; text-align: right; }
.add input,
.p1 .button { width: auto; font: normal 11px Verdana, Geneva, sans-serif; color: #fff; background: transparent url(../images/layout/button.gif) repeat-x 0 0; border: 1px solid #666; padding: 2px 5px 1px 5px; }
.p1 .button { float: right; margin-top: 5px; display: inline; margin-right: 25px; }

.submit { margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 3px double #bbb; text-align: right; }
.submit input { width: 170px; height: 30px; font: bold 12px Verdana, Geneva, sans-serif; text-transform: uppercase; background: transparent url(../images/layout/submit.gif) repeat-x 0 0; color: #fff; border: 1px solid #666; margin: 0 0 0 10px; }

.input input.large { width: 306px !important; }
.p1 .select .large { width: 316px !important; }

.input:hover, 
.select:hover, 
.file:hover, 
.radio:hover, 
.checkbox:hover { background: #ffe8e8; }

.req { color: #cc0000; font-weight: bold; }

/*** Telerik fix ***/
#mainContent .form table,
#mainContent .form table.rcTable    { margin: 0; padding: 0; border: none; }
#mainContent .form table th,
#mainContent .form table td         { padding: 0; border: none; background: none; }
#mainContent .form .input .riTextBox { background: #fff url(../images/layout/input.gif) no-repeat 0 0; border: 1px solid #bbb; margin-right: 5px; font: normal 11px Verdana, Geneva, sans-serif; color: #666; }
#mainContent .form div.RadPicker    { padding: 0; }
#mainContent .form table.rcTable td img { position: relative; left: 5px; }

.rtWrapperContent { font: normal 12px/16px Verdana, Geneva, sans-serif !important; color: #333 !important; text-align: left; }
.rtCloseButton { top: 5px; right: 0; }
.toolTip { padding: 5px 30px 5px 5px; }
.rtWrapperRightMiddle { border-right: 1px solid #828282 !important;  }
.rtWrapper { right: 10px; margin-right: 10px;}

/*** basic form ***/
.basicForm { height: 100%; overflow: hidden; }

.basicForm .input, .basicForm .radio, .basicForm .select, .basicForm .checkbox, .basicForm .file { border: 0; padding: 10px 0 0 0;  }
.basicForm .input:hover { background: #fff; }
.basicForm label { width: 150px; float: left; }

.basicForm .captchaWrapper { padding: 10px 0 10px 0; }
.basicForm .captchaWrapper img { display: block; margin: 0 0 5px 150px !important; }

.basicForm .captchaInput { margin: 10px 0 0 0; }
.basicForm .captchaInput label { width: 150px !important; margin-right: 0; padding-top: 2px; }
.basicForm .captchaInput input { background: #fff url(../images/layout/input.gif) no-repeat 0 0; border: 1px solid #bbb; margin-right: 5px; padding: 2px 3px; }

.basicForm .errorMessage { position: relative; top: 0; right: 0; padding-left: 10px; width: auto; display: inline; }
.basicForm .formNote { padding: 10px 0 10px 0; }