﻿/*--------------------------------------      
     Copyright Maja Babic 2014/15
     Author: Maja Babic
-------------------------------------- */
    
body {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px;}   
form {width:326px; line-height:1.8}
.formBoxMiddle2 p {margin:0;}
/*=====================================*/
/*               BUTTONS               */
/*=====================================*/

/* BUTTONS *//*dimenzije???*/
.buttonLeft {margin-right:20px}
#buttons {width:180px; height:25px; margin:10px 0; float:right}
#buttons input {width:80px; height:25px; border:1px solid #c5c5c5; background:#f1f1f1; text-align:center; font:bold 12px Arial; color:#02518c; text-align:center; cursor:pointer; float:left}


/*=====================================*/
/*                INPUTS               */
/*=====================================*/
/* INPUT & input groups */
input {height:18px;}
input, textarea {width:318px; margin-bottom:10px; padding:1px;}
.input6characters {width:50px; text-align:center;} /* polje za unos vrednosti 4-6 karaktera */


/* RADIO buttons*/
.radioHorizontal input {width:auto; height:16px; margin-right:2px; margin-left:10px; display:inline-block; vertical-align:top}  

/* SELECT */
select {height:23px; margin-bottom:10px; padding:0 1px;  line-height:23px;}
.select3characters {width:60px;} /* polje za selektovanje vrednosti 1-3 karaktera */
.selectFullWidth {width:324px;} /* polje za selektovanje sirina forme, za sve ostalo */

/* labels + input blok*/
.entryBlokLabel {width:110px; float:left; display:block}
.entryBlokInput {width:208px; /*float:left;*/}
.entryBlokSelect {width:214px; padding:1px 2px 2px 2px; float:left;} 


/*=====================================*/
/*     VALIDATION, USER MESSAGES       */
/*=====================================*/
/* ERRORS */ /* ove klase se dodeljuju kad ne unese validan podatak */ 
.validDataError {border:1px solid #bf1f4c;} /* za sva polja za unos/select i sl. */

/* ERROR messages */
.messageError {width:304px; margin-bottom:20px; padding:5px 10px; border:1px solid #ffd1d1; background:#ffe6e6; color:#bf1f4c;}
.messageError span {font-size:14px; font-weight:bold;}

/* THANKS messages */
.messageFormBox {margin-top:140px;}
.messageFormBoxMiddle {padding-top:40px; padding-bottom:40px;}
.messageFormBoxMiddle p {line-height:2}

/* COMMENTS */
.required {color:#bf1f4c; font-weight:bold;margin-bottom: 10px; display: inline-block;}
.comment {margin:5px 0 15px 0; padding:5px; background-color:#ededed; font-size:10px!important;width:315px; }
.comment p, .comment ul {margin-bottom:3px; line-height:1.3}
.comment ul, .comment ol {padding:0 0 0 36px;}


/* CAPTCHA */
.captchaImage {width:250px; margin-bottom:20px;}
.buttonRefresh {width:20px; height:20px; border:0; background:url("../images/refresh-icon.png") no-repeat top; float:left; display:block; cursor:pointer}
.inputCaptcha {width:150px; margin: 0 30px 0 25px; text-align:center; float:left}

/* LINKOVI */
a {color:#02518c;}
a:visited {color:#660099;}

/*=====================================*/
/*                MISC                 */
/*=====================================*/
.adressBlok {width:50px; margin-right:17px; float:left}
.phoneBlokLabel {width:150px; margin-top:20px; float:left; display:block}
.phoneBlokPozivni {width:60px; margin-right:13px; float:left} 
.phoneBlokTelefon {width:95px; float:left}
.phoneBlokTelefon input {width:95px;}
.napomenaTextarea {width:318px; height:100px; overflow:scroll}
.naslovPrijave {width:324px; margin:10px 0 20px 0;  color:#02518c; font-size:14px; font-weight:bold; text-align:center; line-height:1.5;}
.test {color:#777}
.DspNe {display: none;}


