/*--------------------------------------
   BASIC
-------------------------------------- */
*                                      { margin: 0; padding: 0; list-style: none; }

body                                   {
	font: normal 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
	padding: 10px;
	}


a img                                  { border: none; }
a, a img, 
a:link, a:visited, 
a:hover, a:active                      { outline: none; color: #000; text-decoration: none; }

/*--------------------------------------
   HIDE
-------------------------------------- */
#headerFlash, #nav, #secContainer, #path,
#print, #topLink, #paginator, #news-navigator { display: none; }

/*--------------------------------------
   LAYOUT & Typ.
-------------------------------------- */
#header { margin-bottom: 15px; }

.news {
	display: table;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	}

.news .content {
	display: inline;
	float: right;
	width: 60%;
	}
	
.news img { float: left; display: inline; margin: 0; padding: 0; }	

#homeBottomBox { display: table; width: 100%; }
#homeBottomBox .box {
	display: inline;
	float: left;
	width: 27%;
	margin: 0 15px;
	}

h1 {
	font-size: 18pt;
	font-weight: normal;
	margin-bottom: 25px;
	}
	
h2 {
	font-size: 14pt;
	font-weight: normal;
	margin: 25px 0 20px 0;
	}	
	
h3 {
	font-size: 12pt;
	font-weight: bold;
	margin: 20px 0 15px 0;
	}		
	
h4,
h5,
h6 {
	font-size: 10pt;
	font-weight: bold;
	margin: 15px 0 10px 0;
	}		
	
p, ul, ol { margin: 10px 0; }	

ul, ol { padding-left: 10px; }
ul li { list-style: outside circle; margin-left: 30px;  }
ol li { list-style: outside circle; margin-left: 30px;  }

img { display: inline; margin: 5px; }

/*--------------------------------------
   PRIJAVA ZA BICIKLIJADU
-------------------------------------- */
#registration_form fieldset                                    {
	padding: 20px;
	border: none;
}

#registration_form legend                                      { display: none; }
	
#registration_form .input, #registration_form .textarea, 
#registration_form .radio, 
#registration_form .checkbox, #registration_form .file                 { clear: both; padding: 10px 0 5px 0; }

#registration_form .input input, #registration_form textarea,
#registration_form select, .captchaInput input                 {
	font: normal .9em Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	border: 1px solid #5dadd6;
	padding: 3px;
	vertical-align: middle;
	color: #808080;
}

#registration_form .input input                                { width: 200px; }
.captchaInput input                                    { width: 100px; }
	
.input label, .textarea label,
.select label, .captchaInput label,
.captchaInput label, .file label                       {
	display: block;
	float: left;
	width: 190px;
	margin-right: 10px;
	text-align: right;
	vertical-align: middle;
	padding-top: 0 !important;
	padding-top: 4px;
}	
	
.textarea label, #registration_form textarea                   { vertical-align: top; }
#registration_form textarea                                    { overflow: hidden; width: 300px; height: 150px; }

#registration_form .checkbox input                             { width: auto; border: none; background: inherit; font-size: inherit; }
.calendar                                              { vertical-align: middle; position: relative; top: 2px; }
#registration_form .input input.checkbox,
#registration_form .checkbox input                             {
	display: inline;
	width: auto;
	height: auto;
	background: transparent;
	border: none;
	vertical-align: middle;
}

.select select option                                  { padding-right: 10px; margin-bottom: 2px; }
div.checkbox                                           { padding: 0 0 0 180px; clear: both; }
	
.captchaImageWrapper                                   { margin: 15px 0 20px 200px !important; margin: 15px 0 20px 205px; }

#mainContainer .captchaImageWrapper img                  { display: block; margin: 0; padding: 0; border: none; }

.captchaError                                          { margin: 15px 0 15px 200px; padding: 10px; border: 1px solid red; }
.submit                                                { padding: 25px 0 0 200px; }
.submit input { background: #5dadd6; color: #fff; border: none; font: normal .9em Verdana, Arial, Helvetica, sans-serif; padding: 3px 5px; margin-right: 5px; }
div.error                                              { border: 1px solid red; padding: 10px; margin: 0 0 15px 0; }
#registration_form .input input.error,
#registration_form .textarea textarea.error                    { border: 1px solid red; background: #ffd8d8; }

/*----------------------------------------------------*/
.radioTitle                                            {
	display: inline;
	float: left;
	width: 190px;
	margin: 0 10px 0 0;
	text-align: right;

}
.radioButtons label                                    { margin: 0 20px 0 0; }
.checkboxTitle {
	display: inline;
	float: left;
	width: 190px;
	margin: 0 10px 0 0;
}
.checkboxButtons label                                 { margin: 0 10px 0 0; }
.multipleSelect                                        { padding: 15px 0 0 0; clear: both; }
.multipleSelectTitle                                   {
	display: inline;
	float: left;
	width: 190px;
	margin: 0 10px 0 0;
	text-align: right;
}
.multipleSelect div.multipleSelectSelects { height: 20px; overflow: hidden; }
#registration_form div.multipleSelectSelects select                                 { margin: 0 10px 0 0; padding: 1px; }
.notice { padding: 20px 0 0 200px; }
