/*	Smiješak CSS - Design

	Color: #C0DDEE;
  Text in pink box: #9A0074;
  Strong pink: #CF0074;
  Gray text: #929292;
  Dark gray text/links: #595959;
  Orange links: #E36B00;
  Body back: #D1DAE3;
  
  Font size: 
  Body  - 0.75em - 12px
  Nodes - 11px = 0.92em
        - 14px = 1.17em
*/

/*	Defaults
*/

body { 
  color: #595959;
  font-family: Arial, sans-serif;
  font-size: 0.75em;
  line-height: 1.4;
  background-color: #D1DAE3;
  background-position: top left;
  background-repeat: repeat-x;
  background-image: url(/img/bodyBack.jpg);
}

body#home { 
  background-color: #FFF;
  background-image: url(/img/homeBack.jpg);
}
body#homePromo { 
  background-color: #FFF;
  background-image: url(/img/promoBack.jpg);
}

a, a:link, a:visited { color: #E36B00; font-weight: bold; text-decoration: none;}
a:hover { color: #595959; }
a:active { color: #333; }


/*	Wrappers
*/

body#home div#mainContent { background: url(/img/searchBackHome.jpg) left bottom no-repeat #FFF; }

div#footer { background: url(/img/footerBack.png) left top no-repeat transparent; }
body#home div#footer,
body#homePromo div#footer { background: url(/img/footerBackHome.jpg) left top no-repeat #FFF; }

/*	Forms, Fieldsets & Legends
*/
legend { font-weight: bold; font-size: 1.17em; color: #3A3A3A; }

form#loginForm { background: url(/img/whiteBox.png) left bottom no-repeat transparent; }
 
form#guestForm { background: url(/img/whiteBoxBig.png) left bottom no-repeat transparent }

/*	Inputs, Labels & Error Messages
*/
textarea { 
  color: #FFF;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 1em;
}

input.text {
  color: #FFF;
  font-family: Arial, sans-serif;
  font-weight: bold;
  background-position: right top;
  background-repeat: no-repeat;
  background-color: transparent;
  font-size: 1.17em;
}

input.button {
  background-position: left bottom;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
}
input.button:hover { background-position: left top; }

input.invalid { }

form.userForm span.error, 
form#registrationForm span.error,
form#guestForm span.error,
span#friendInviteStatus,
span#albumNewStatus { font-size: 0.92em; font-weight: bold; color: #E36B00; }

form#loginForm input.text  { background-position: 0 -93px; background-image: url(/img/inputTexts.png); }
form#searchForm input.text { background-position: 0 -62px; background-image: url(/img/inputTexts.png); }
form#albumNewForm input.text,
input#orderCode { background-position: 0 -31px; background-image: url(/img/inputTexts.png); }
div#userBar form#searchForm input.text { background-position: 0 -124px; background-image: url(/img/inputTexts.png); }
form#guestForm input.text { background-position: 0 -225px; background-image: url(/img/inputTexts.png); }

form#loginForm input#loginSubmit { background-position: -1578px bottom; background-image: url(/img/buttons/allButtons.png); }
form#loginForm input#loginSubmit:hover { background-position: -1578px top; }

form#loginForm label { font-size: 0.92em; color: #929292; }

form#searchForm input#searchSubmit { background-position: -450px bottom; background-image: url(/img/buttons/allButtons.png); }
form#searchForm input#searchSubmit:hover { background-position: -450px top; }

form.userForm label, 
form#registrationForm label, 
form#guestForm label { color: #929292; }

form.userForm input.text, form#registrationForm input.text { background-position: 0 0; background-image: url(/img/inputTexts.png); }

form.userForm input.userAvatar, form#registrationForm input#registrationAvatar { background-position: -972px bottom; background-image: url(/img/buttons/allButtons.png); }
form.userForm input.userAvatar:hover, form#registrationForm input#registrationAvatar:hover { background-position: -972px top; }

form.userForm fieldset.submit label, form#registrationForm fieldset.submit label { font-size: 0.92em; }

form.userForm input.userSubmit, 
form#registrationForm input#registrationSubmit,
input.spremi { background-position: -156px bottom; background-image: url(/img/buttons/allButtons.png); }
form.userForm input.userSubmit:hover, 
form#registrationForm input#registrationSubmit:hover,
input.spremi:hover { background-position: -156px top; }

textarea#friendInviteEmails { background: url(/img/inputTexts.png) 0 -155px no-repeat transparent; }

input.posalji { background-position: -244px bottom; background-image: url(/img/buttons/allButtons.png); }
input.posalji:hover { background-position: -244px top; }

form#orderForm input#orderSubmit { background-position: -1424px bottom; background-image: url(/img/buttons/allButtons.png); }
form#orderForm input#orderSubmit:hover { background-position: -1424px top; }

ul#albums li h3 span input,
ul#album li h4 input { 
font-family: Arial, sans-serif; 
font-size: 1em;
line-height: 1.4; 
background: transparent; 
text-align:center; 
color: #E36B00; 
font-weight: bold;
}

/*	Headings
*/
h1#logo { background: url(/img/logo.png) left top no-repeat transparent; }

h2#logo { background: url(/img/uslugaLogoHome.png) left top no-repeat transparent; }
body#homePromo h2#logo { background: url(/img/uslugaLogoHome.jpg) left top no-repeat #FFF; }

div#developRibbon h2 { cursor: pointer; }

h3, span.ili { font-size: 1.17em; font-weight: bold; color: #3A3A3A; }

div#userBar .userBox h2,
h2.ulazZaKorisnike,
form#loginForm h3 { background: url(/img/whiteBox.png) left top no-repeat transparent; }

form#guestForm h3 { background: url(/img/whiteBoxBig.png) left top no-repeat transparent; }

h2.postaniKorisnik       { background: url(/img/headings/postaniKorisnik.jpg) 0 top no-repeat transparent; }
h2.javniAlbumi           { background: url(/img/headings/allHeadings.png) 0 -170px no-repeat transparent; }
h2.noviKorisnik          { background: url(/img/headings/allHeadings.png) 0 -117px no-repeat transparent; }
h2.urediProfil           { background: url(/img/headings/allHeadings.png) 0 -99px no-repeat transparent; }
h2.mojiAlbumi            { background: url(/img/headings/allHeadings.png) 0 -133px no-repeat transparent; }
h2.besplatneFotografije  { background: url(/img/headings/allHeadings.png) 0 -204px no-repeat transparent; }
h2.albumiPrijateljaJavni { background: url(/img/headings/allHeadings.png) 0 -170px no-repeat transparent; }
h2.ljudi                 { background: url(/img/headings/allHeadings.png) 0 -151px no-repeat transparent; }
h2.pregledNarudzbe       { background: url(/img/headings/allHeadings.png) 0 -263px no-repeat transparent; }
h2.anketa                { background: url(/img/headings/allHeadings.png) 0 -281px no-repeat transparent; }
h2.korisneInformacije    { background: url(/img/headings/allHeadings.png) 0 -296px no-repeat transparent; }
h2.poveziSe    { background: url(/img/headings/povezise.png) 0 0 no-repeat transparent; }
h2.album                 { background: url(/img/headings/allHeadings.png) 0 -329px no-repeat transparent; }
h2.podaciZaDostavu       { background: url(/img/headings/allHeadings.png) 0 -344px no-repeat transparent; }
h2.hvala                 { background: url(/img/headings/allHeadings.png) 0 -374px no-repeat transparent; }
h2.mojiPrijatelji        { background: url(/img/headings/allHeadings.png) 0 -390px no-repeat transparent; }

h2.ulazZaKorisnike span { background: url(/img/headings/allHeadings.png) 0 -83px no-repeat transparent; }
div#userBar h2.pronadiAlbumeILjude span { background: url(/img/headings/allHeadings.png) 0 -16px no-repeat transparent; }
div#userBar h2.kvota span { background: url(/img/headings/allHeadings.png) 0 -53px no-repeat transparent; }
div#userBar h2.prijatelji span { background: url(/img/headings/allHeadings.png) 0 -34px no-repeat transparent; }
div#userBar h2.krediti span { background: url(/img/headings/allHeadings.png) 0 -68px no-repeat transparent; }
div#userBar h2.aktivnosti span { background: url(/img/headings/allHeadings.png) 0 0 no-repeat transparent; }
div#userBar h2.hvala span { background: url(/img/headings/allHeadings.png) 0 -248px no-repeat transparent; }
div#userBar h2.zastoSeReg span { background: url(/img/headings/zastoSeReg.png) 0 0 no-repeat transparent; }
div#userBar h2.fbConnect span { background: url(/img/headings/fbConnect.png) 0 0 no-repeat transparent; }
div#userBar h2.dobrodosli span { background: url(/img/headings/allHeadings.png) 0 -314px no-repeat transparent; }
div#userBar h2.josSamoMalo span { background: url(/img/headings/allHeadings.png) 0 -359px no-repeat transparent; }

li#developmentQueueActive h2.fotografijeZaRazvijanje { background: url(/img/headings/ribbonHeadings.png) -376px top no-repeat transparent; }
li#developmentQueue h2.fotografijeZaRazvijanje { background: url(/img/headings/ribbonHeadings.png) -376px bottom no-repeat transparent; }
li#orderOnWait h2.narudzbaNaCekanju { background: url(/img/headings/ribbonHeadings.png) 0 bottom no-repeat transparent; }
li#orderOnWaitActive h2.narudzbaNaCekanju { background: url(/img/headings/ribbonHeadings.png) 0 top no-repeat transparent; }

div#userBar div.userBox h3 { font-size: 1.17em; color: #595959; }

div#info h3 { font-size: 1.17em; }

ul#albums li h3 { background: url(/img/albumTitleTop.png) left top no-repeat transparent; }
ul#albums li h3 span { 
  font-size: 1.17em;
  text-align: center;
  color: #FFF;
  background: url(/img/albumTitleBottom.png) left bottom no-repeat transparent; 
}

h3.besplatnuFotografijuPoklanja { background: url(/img/headings/allHeadings.png) 0 -222px no-repeat transparent; }

body#checkout h3,
body#usefulInfo h3 { font-size: 1.17em; color: #3A3A3A; }

body#usefulInfo h4 { font-size: 1em; font-weight: bold; }

ul#album li h4 { font-size: 1em; text-align: center; color: #929292; }

/*	Paragraphs & Blockquotes
*/
div#registration p { color: #9A0074; }

form.userForm p, form#registrationForm p { font-size: 0.92em; }

div#userBar div.userBox p { margin: 0 0 5px 0; }

div#info p { font-size: 0.92em; }

body#checkout div#info p { font-size: 1em; }

div#footer p { color: #929292; font-size: 0.92em; text-align: right; }

/*	Specific CSS
*/
div#registration { background: url(/img/pinkBoxHome.png) left top no-repeat transparent; }

ul#publicAlbums li.standard { background: url(/img/albumBacks.png) -424px top no-repeat transparent; }
ul#publicAlbums li.large { background: url(/img/albumBacks.png) 0 top no-repeat transparent; }

div#albumBaloon {
  background: url(/img/albumBaloonLeft.png) left 11px no-repeat transparent;
}

div#albumBaloon h3 {
  text-align: center;
  font-size: 1.17em;
  color: #FFF;
  background-image: url(/img/albumBaloonArrow.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

div#albumBaloon span {
  background: url(/img/albumBaloonRight.png) right top no-repeat transparent;
  text-align: center;
  line-height: 1;
  font-size: 0.92em;
  color: #FFF;
}

body#home form#searchForm span {
  font-size: 1.17em;
  font-weight: bold;
  line-height: 31px;
  color: #929292;
}

form.userForm span.message, form#registrationForm span.message { font-size: 0.92em; line-height: 15px; }

body#checkout div#userBar { background: url(/img/userBarCheckout.png) bottom left no-repeat transparent; }
body#registration div#userBar { background: url(/img/registrationFormBack.png) 50px 250px no-repeat transparent; }

div#userBar .userBox { background: url(/img/whiteBox.png) left bottom no-repeat transparent; }

div#userQuota dl dt { background: url(/img/progressBar.png) left -11px no-repeat transparent; }
div#userQuota dl dt.p0 { background: url(/img/progressBar.png) left -22px no-repeat transparent; }
div#userQuota dl dt span { background: url(/img/progressBar.png) right 0 no-repeat transparent; }

div#userQuota dl dd,
strong#creditCount { font-size: 1.17em; font-weight: bold; }

div#userActivities ol li { width: 100%; }

span.details { font-size: 0.92em; color: #929292; }

span#welcome { font-size: 1.17em; text-align: right; color: #929292; }

ul#albums li { background: url(/img/albumBacks.png) -221px top no-repeat transparent; }

ul#albums li strong.owner { text-align: center; color: #929292; }

div#userInfo strong,
div#albumInfo strong { font-size: 1.17em; }

div#userInfo a { font-size: 0.92em; }

body#myAlbum div#albumInfo { background: url(/img/albumInfoBox.png) left bottom no-repeat transparent; }

body#myAlbum div#albumInfo span.visibility { background: url(/img/albumInfoBox.png) left top no-repeat transparent; font-weight: bold; }

body#myAlbum div#albumInfo ul li { line-height: 18px; }
body#myAlbum div#albumInfo ul li a { 
  color: #595959; 
  font-weight: normal; 
  cursor: pointer; 
  background-image: url(/img/buttons/semaphore.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: left -3px;
}
body#myAlbum div#albumInfo ul li a.active { font-weight: bold; }
body#myAlbum div#albumInfo ul li.private a.active { background-position: left -39px; }
body#myAlbum div#albumInfo ul li.private a:hover { background-position: left -21px; }
body#myAlbum div#albumInfo ul li.friends a.active { background-position: left -75px; }
body#myAlbum div#albumInfo ul li.friends a:hover { background-position: left -57px; }
body#myAlbum div#albumInfo ul li.public a.active { background-position: left -111px; }
body#myAlbum div#albumInfo ul li.public a:hover { background-position: left -93px; }

body#publicAlbum div#userInfo span,
div#albumInfo span,
body#myPhoto div#userInfo span,
body#friendsPhoto div#userInfo span,
body#publicPhoto div#userInfo span,
span.album {
  font-size: 0.92em;
  font-weight: bold;
  color: #929292; 
  text-transform: uppercase; 
  line-height: 1em;
}

ul li.landscape a.pngShadow,
ul li.landscape div.pngShadow { background: url(/img/photoShadows.png) -531px -415px no-repeat transparent; }
ul li.portrait a.pngShadow,
ul li.portrait div.pngShadow { background: url(/img/photoShadows.png) -415px -415px no-repeat transparent; }

div#photo.landscape div.pngShadow { background: url(/img/photoShadows.png) -415px 0 no-repeat transparent; }
div#photo.portrait div.pngShadow { background: url(/img/photoShadows.png) 0 0 no-repeat transparent; }

p.inapropriate { font-size: 0.92em; color: #929292; }

ul#photos li.landscape div.pngShadow { background: url(/img/photoShadows.png) -755px -415px no-repeat transparent; }
ul#photos li.portrait div.pngShadow { background: url(/img/photoShadows.png) -689px -415px no-repeat transparent; }

body#usefulInfo dl dt { font-weight: bold; }

span.caption { font-weight: bold; color: #929292; }

ul#users li a { font-size: 0.92em; }

div#promoImage { background: url(/img/promoShadowBig.png) left top no-repeat transparent; }

ul#carousel li.landscape img { background: url(/img/ribbonImageBacks.jpg) 0 0 no-repeat; }

ul#carousel li.portrait img { background: url(/img/ribbonImageBacks.jpg) -90px 0 no-repeat; }

div#footer ul li { background: url(/img/footerNavSeparator.jpg) left center no-repeat transparent; }
div#footer ul li.first { background: none; }

/*	Anchors
*/
a.button {
  background-position: left bottom;
  background-repeat: no-repeat;
  background-color: transparent;
}
a.button:hover {
  background-position: left top;
}

div#intro a#introPreviousButton,
div#intro a#introNextButton { 
  background-image: url(/img/buttons/introArrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

div#intro p.details a { background: url(/img/introSlide5Link.jpg) left top no-repeat transparent; }

div#intro a.previous,
div#intro a.next { cursor: pointer; }

div#intro a.previous { background-position: 0px -61px; }
div#intro a.previous:hover { background-position: 0px 0px; }
div#intro a.previousDisabled { background-position: 0px -122px; }
div#intro a.next { background-position: -40px -61px; }
div#intro a.next:hover { background-position: -40px 0px; }
div#intro a.nextDisabled { background-position: -40px -122px; }

div#registration a.button { background-image: url(/img/buttons/registracija.jpg); }

a.pozoviPrijatelje { background-position: -712px bottom; background-image: url(/img/buttons/allButtons.png); }
a.pozoviPrijatelje:hover { background-position: -712px top; }
ul#navigation li.odjava a.button { background-position: -824px bottom; background-image: url(/img/buttons/allButtons.png); }
ul#navigation li.odjava a.button:hover { background-position: -824px top; }
a.kreirajNoviAlbum { background-position: -1063px bottom; background-image: url(/img/buttons/allButtons.png); }
a.kreirajNoviAlbum:hover { background-position: -1063px top; }
a.obavijestiPrijatelje { background-position: -317px bottom; background-image: url(/img/buttons/allButtons.png); }
a.obavijestiPrijatelje:hover { background-position: -317px top; }
a.dodajFotografiju { background-image: url(/img/buttons/allButtons.png); }
a.sprijateljiSe { background-position: -887px bottom; background-image: url(/img/buttons/allButtons.png); }
a.sprijateljiSe:hover { background-position: -887px top; }
a.razvijFotografiju { background-position: -538px bottom; background-image: url(/img/buttons/allButtons.png); }
a.razvijFotografiju:hover { background-position: -538px top; }
a.naruciRazvijanje,
a.naruciRazvijanjeDisabled { background-image: url(/img/buttons/naruciRazvijanje.jpg); }
a.pogledajOdaberi { background-position: 0px bottom; background-image: url(/img/buttons/promoButtons.png); }
a.pogledajOdaberi:hover { background-position: 0px top; }
a.besplatnoRazvij { background-position: -242px bottom; background-image: url(/img/buttons/promoButtons.png); }
a.besplatnoRazvij:hover { background-position: -242px top; }
a.daZelim { background-position: -485px bottom; background-image: url(/img/buttons/promoButtons.png); }
a.daZelim:hover { background-position: -485px top; }

a.naruciRazvijanjeDisabled,
a.naruciRazvijanjeDisabled:hover { background-position: 0 -28px; cursor: default; }

a.checkMark,
a.crossMark { background-position: -1400px bottom; background-image: url(/img/buttons/allButtons.png); }
a.checkMark:hover { background-position: -1400px top; }
a.crossMark { background-position: -1412px bottom; }
a.crossMark:hover { background-position: -1412px top; }
ul#albums li a.crossMark,
ul#album li a.crossMark { background-position: -1380px bottom; }
ul#albums li a.crossMark:hover,
ul#album li a.crossMark:hover { background-position: -1380px top; }
ul#album li a.checkMark { background-position: -1360px bottom; }
ul#album li a.checkMark:hover { background-position: -1360px top; }

div#photo a.next, 
div#photo a.previous { background-image: url(/img/buttons/allButtons.png); }
div#photo a.next { background-position: -1557px bottom; }
div#photo a.next:hover { background-position: -1557px top; }
div#photo a.previous { background-position: -1536px bottom; }
div#photo a.previous:hover { background-position: -1536px top; }

/* IE7 FIX !!!??? - START
div#userBar div#userFriends a.checkMark,
div#userBar div#userFriends a.crossMark { background-position: 0 -12px; }
div#userBar div#userFriends a.checkMark:hover,
div#userBar div#userFriends a.crossMark:hover { background-position: 0 0; }
/* IE7 FIX !!!??? - END */

div#info a.block { font-size: 0.92em; }

div#footer ul li a { color: #929292; }
div#footer ul li a:hover { color: #E36B00; }
body#home div#footer ul li a,
body#homePromo div#footer ul li a { color: #595959; }
body#home div#footer ul li a:hover,
body#homePromo div#footer ul li a:hover { color: #E36B00; }

div#developRibbon { color: #9A0074; background: url(/img/ribbonBack.png) left top repeat-x transparent; }

div#developRibbon p strong { font-size: 1.17em; }

div#developRibbon a.rbnEmp {width:80px;height:20px;background:url(/img/iskoristikod.jpg);display:inline-block;text-indent:-9999px;}

/*	Navigation & Lang
*/
ul#navigation { background: url(/img/navigationBack.png) left top no-repeat transparent; }

ul#navigation li a { 
  background-image: url(/img/navLinks.jpg);
  background-repeat: no-repeat;
  background-color: #EBEBEB;
}

ul#navigation li#mojaStranica a { background-position: 0 -14px; }
ul#navigation li#mojaStranica.active a,
ul#navigation li#mojaStranica a:hover { background-position: 0 0; }
ul#navigation li#urediProfil a { background-position: -100px -14px; }
ul#navigation li#urediProfil.active a,
ul#navigation li#urediProfil a:hover { background-position: -100px 0; }
ul#navigation li#poveziSe a { background-position: -189px -14px; }
ul#navigation li#poveziSe.active a,
ul#navigation li#poveziSe a:hover { background-position: -189px 0; }

/* Carousel Plugin
 */
 
.jcarousel-next-horizontal,
.jcarousel-prev-horizontal {
  position: absolute;
  cursor: pointer;
  background-image: url(/img/buttons/previousNextPink.jpg);
  background-repeat: no-repeat;
  background-color: #E266AC;
  background-position: -20px -20px;
}
.jcarousel-prev-horizontal { background-position: 0 -20px; }

.jcarousel-next-horizontal:hover {
  background-position: -20px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
  cursor: default;
  background-position: -20px -40px;
}

.jcarousel-prev-horizontal:hover {
  background-position: 0 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background-position: 0 -40px;
}

/* povezi se */
div#fbConnect1{
	background:url(/img/fbBack1.png) 0 bottom no-repeat;
}

div#fbConnect2{
	background:url(/img/fbBack2.png) 0 top no-repeat;
}

div#fbConnect3{
	background:url(/img/fbBack3.png) 0 top no-repeat;
}

div#fbConnect2 strong, div#fbConnect3 strong{
	font-size:0.92em;
	color:#3A3A3A;
}

div#fbAlati{
	background:url(/img/fbBack1.png) 0 bottom no-repeat;	
}

div#fbAlati ul li{
	margin-left:15px;
	list-style-type:disc;
	list-style-position: outside; 
}