/* Shared styles for viewphoto, viewphotos, review, userlist, photolist pages */
h1.photopage { font-size: 11px !important; margin: 5px 0px; font-weight: bold; }
h1.photopage a:link, h1.photopage a:visited { color: #ff4000; text-decoration: none; }
h1.photopage a:hover, h1.photopage a:active { color: #ff4000; text-decoration: underline; }
/*** subcomponent: paging links ***/
.sn_paginglinksdiv {
  display: block;
  height: 35px;
  padding: 5px 0 0 0 !important;
}
.subNavLink a, .subNavLink a:hover, .subNavLink a:visited {color: #FF6519;}
.subNavLink a:hover {text-decoration: underline;}

.sn_paginglinks {
  font-weight: bold;
  padding: 0;
  margin: 1px 0 0 3px;
}
.sn_pagebox {
  font-weight: bold;
  color: #ff4000;
  padding: 3px 7px;
  display: inline;
  margin: 1px 3px 0 0;
  border: 1px solid #8bb716;
}
.sn_pagebox_link {
  background: #eaead7;
}
.sn_pagebox_link a:link, .sn_pagebox_link a:visited, .sn_pagebox_link a:hover, .sn_pagebox_link a:active {
  color: #ff4000;
  font-weight: bold;
  text-decoration: none;
} 
/* end subcomponent: paging links */


/* photo viewer layout styles: used on viewphotos, review, introduce, privatephotos, userlist, viewgallery */
#photoviewer {
  min-width: 950px;
  position: relative;
}
#photoviewer a.name, #photoviewer a.name span { text-align: left; color: #086989 !important; font-weight: bold; }
#shim {
  width: 950px;
  height: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 0px;
  line-height: 0px;
}

/* slide_toolbar styles */
#review_toolbar {
  padding: 6px 10px;
  position: relative;
  background: none;
  color: #FFFFFF;
}

#slide_toolbar {
  padding: 6px 10px;
  position: relative;
  background: #528BC0;
}

#slide_toolbar a {
  color: #FFFFFF;
  text-decoration: underline;
}
#slide_toolbar div {font-size: 12px;}
#slide_toolbar h3 {
  color: #FFFFFF;
  height: 16px;
  float: left;
  display: inline;
  padding: 0px;
  margin: 3px 10px 0px 0px;
  font-size: 14px !important;
}
#review_toolbar h3 {
  color: #000000;
  height: 16px;
  float: left;
  display: inline;
  margin: 0px;
  padding: 0px;
  font-size: 14px !important;
}
#toggleviewg, #toggleviews, .toggleview {
  float: left;
  padding-top: 3px;
  color: #FFFFFF;
}
#toggleviewg a, #toggleviews a, .toggleview a {
  color: #FFFFFF;
  text-decoration: underline;
}
#select {
  float: right;
  position: relative;
} 
#select p {
  float: left;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0px 5px 0px 0px;
  margin: 0px;
} 
html>body #select p {
  margin-top: 4px;
}
#select form {
  float: left;
  margin: 0px;
  padding: 0px;
}

/* rightcol styles */
#photos_rightcol { 
  position: relative;
  float: right;
  margin: 0px;
  padding: 10px;
  width: 300px;
}
/*  \*/
* html #photos_rightcol {
  width: 321px;
}
/*  */

#photos_container {
  border-left: 0px solid #C3C4C6;
  border-right: 0px solid #C3C4C6;
  border-bottom: 0px solid #C3C4C6;
}

/* photopane styles */
#photos_leftcol {
  width: auto;
  min-width: 615px;
  position: relative;
  padding: 5px 0px 0px 0px;
  margin: 0px 321px 0px 0px;
}
#review_leftcol, #privatephotos_leftcol {
  width: auto;
  min-width: 615px;
  position: relative;
  padding: 12px;
  margin: 0px 321px 0px 0px;
}
#photos_leftcol a { color: #086989; }

#photodetail ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#photodetails ul li {
  margin: 0 5px 5px 0;
}
#photodetail div.photoDetails {
  position: relative;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #086989;
  padding: 0 10px 7px 10px;
}
.photoDetails .popupPanelLink { width: 200px; } 
.controls1, .controls2 { float: right; display: inline; }
.controls1 { margin-top: -25px; }
.controls2 { margin-top: 3px; }
.introcopy {
  margin: 0px;
  padding: 10px;
}
#bottompane {
  width: auto;
  margin: 0px 0px 1px 0px;
  padding: 10px;
  border-top: 1px solid #a5b44c;
  position: relative;
  background: #FFFFFF;
  clear: right;
}
/* \*/ 
* html #bottompane {
  margin-bottom: 0px;
}
/* */
#caption {
  margin: 5px 0px 5px 0px;
  padding: 0px;
  color: #000000;
}
#mainphotodiv {
  text-align: center !important;
  border-bottom: 1px solid #086989;
  background: #CDE5E5;
}
#mainphoto {
text-align: center;
  margin: 0px auto;
}
#photogallery {
	display: block;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	position: inherit;

background-image:
; 		background-repeat: no-repeat;
	height: 100%;
}

.subSlideNav {
  padding: 5 5 5 8px;
  color: #FF6519 !important;
}

.subSlideNav a, .subSlideNav a:hover, .subSlideNav a:visited {
  color: #FF6519 !important;
  text-decoration: none;
}

.subSlideNav a:hover {
  text-decoration: underline;
}

#photogallery .photothumb {
	float: left;
	width: 127px !important;
	width: 135px;
	height: 85px;

	text-align: center;
	display: inline;
	padding: 0px;
	margin: 2px 10px 0px -10px;
	margin-top: 0%;
	margin-bottom: 0%; background:#385483;
}
#photogallery .photothumbFixedHeight {
  float: left;
  width: 140px;
  height: 165px;
  text-align: center;
  display: inline;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
} 
#photogallery .thumbnail {
  border: 0px;
  background: #FFFFFF;
  /*width: 125px;
  height: 95px;*/
  	width: 107px;
	height: 68px;
  padding: 0px;

  margin: 9px 0px 0px 10px;
  text-align: center;
  overflow: hidden; 
  display: block;
 }
#photogallery .thumbnail img {
  height: auto;
  width:107px;
  margin: auto;
} 
#photogallery .thumbnail p {
  margin: 10px 10px 0 10px;
} 
/* left sub col menu styles */
/* classes defines position and width */
.moduleShadow {
  width: 169px;
  margin: 1px 0px 0px 1px;
} 
.moduleWrapper {
  position: relative;
  top: -1px;
  left: -1px;
} 
/* ids define color and provide parents for styling control */
#reviewShadow {
  background: #13034a;
  position: relative;
} 
#reviewModule {
  padding: 10px 0px;
  background: #F7F7F7;
} 
#reviewModule p {
  margin: 2px 0px;
  padding: 0px;
  font-size: 12px;
  font-weight: bold; 
}
#reviewModule .divider {
  margin: 4px 10px;
  font-size: 0px;
  line-height: 0px;
  padding: 0px;
  height: 1px;
  border-bottom: 1px dashed #CCC;
}
#reviewModule p.title {
  padding: 2px 10px;
}
#reviewModule a:link, #reviewModule a:visited {
  width: 100%;
  margin: 0px; 
  padding: 2px 10px;
  font-weight: normal;
  text-decoration: none;
  color: #528BC9 !important;
}
#reviewModule a:hover, #reviewModule a:active {
  width: 100%;
  margin: 0px; 
  padding: 2px 10px;
  text-decoration: none;
  color: #FF6519 !important;
}
#reviewModule a.selected {
  font-weight: bold !important;
  color: #528BC9 !important;
}
/* bgcolors */
.greenbg {
  background: #F7F7F7;
}
.ltgreenbg {
  background: #dbe1b7;
}

#grabPhotoTip {
  position: absolute;
  top: 156px;
  right: 35px;
  width: 300px;
  background: #12034A;
  z-index: 10059 !important;
}
#grabPhotoTipContent {
  position: relative;
  top: -1px;
  left: -1px;
  padding: 10px 2px 5px 10px;
  background: #E7E9F6;
  border: 1px solid #6C7175;
  z-index: 10060 !important;
}
#grabPhotoTipClose {
  position: absolute;
  top:2px;
  right: 2px;
}
.grabPhotoMiniClose {
  position: absolute;
  top: 4px;
  right: 6px;
}
#grabPhotoTipClose img, .grabPhotoMiniClose img {
  border: 0px;
}
/* subLeftCol creates a mini left column within the two column interior page layout */
/* #subLeftCol defines width and float so modules can be easily added into column */
#subLeftCol {
  width: 170px;
  position: absolute;
  left: 12px;
  top: 12px;
  display: inline;
  padding: 0px;
  margin: 0px;
}
* html #subLeftCol { left: 0px; }
/*\*/
#subLeftCol { left: 12px; }
/* */
#subRightCol {
  padding: 0px;
  margin: 0px 0px 0px 185px;
}
/* Review specific */
.revContainer {
  width: auto;
  position: relative;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  font-size: 12px;
}
.revDivider {
  width:auto;
  border-bottom: 1px dashed #999;
  margin: 0px 0px 15px 0px;
}
.revContainer a:link, .revContainer a:visited {
  color: #d36317;
  text-decoration: none;
}
.revContainer a:hover, .revContainer a:active {
  color: #d36317;
  text-decoration: underline;
}
.revContainer p {
  margin: 0px 0px 5px 0px;
  padding: 0px;
}
.revContainer h4 {
  font-size: 12px;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}
.revContainer h4 span {
  color: #999;
  font-weight: normal !important;
}
.revEdit {
  text-align: right;
  float: right;
}
.revEdit a:link, .revEdit a:visited {
  color: blue;
  text-decoration: none !important;
}
.revEdit a:hover, .revEdit a:active {
  color: blue;
  text-decoration: underline !important;
}
.revEdit img {
  display: block;
  padding: 0px;
  margin: 10px 0px 0px 0px;
  border: 0px;
}
.revRatingContainerImg {
  display: block;
  height: 85px;
}
.revRatingContainer {
  display: block;
}
.revImgContainer {
  width: 75px;
  height: 75px;
  border: 1px solid #999;
  overflow: hidden;
  padding: 0px;
  margin: 0px 10px 0px 0px;
  float: left;
  text-align: center;
}
.revImgContainer img {
  height: 75px;
  margin: 0px auto;
  padding: 0px;
}
.revTitleRating {
  margin: 0px 0px 10px 0px;
}
.revTitleRating h5 {
  font-size: 13px;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}
.revTitleRating a:link, .revTitleRating a:visited {
  color: #930;
  text-decoration: none !important;
}
.revTitleRating a:hover, .revTitleRating a:active {
  color: #930;
  text-decoration: underline !important;
}
.revTitleRating p {
  padding: 0px;
  margin: 0px 0px 5px 0px;
}
.revReview {
  margin: 0px 0px 10px 0px;
}
.userImgContainer {
  width: 50px;
  height: 50px;
  border: 1px solid #999;
  overflow: hidden;
  padding: 0px;
  margin: 0px 10px 0px 0px;
  float: left;
  text-align: center;
}
.userImgContainer img {
  height: 50px;
  margin: 0px auto;
  padding: 0px;
}
.revToolbar {
  padding: 5px 0px;
  background: #f1f1f1;
  text-align: center;
}
.revToolbar a:link, .revToolbar a:visited {
  color: #d36317;
  text-decoration: none;
}
.revToolbar a:hover, .revToolbar a:active {
  color: #d36317;
  text-decoration: underline;
}
.sideMargin3px {
  margin: 0px 3px;
}

/* review promo template on user, taken from friendster_main.css-
   (slideshow promo styles) */
#reviewpromo {
  background: url(review_promo.gif) no-repeat;
  text-align: center;
  padding-top: 12px;
  margin: 10px auto;
  width: 343px;
  height: 61px;
}
#reviewpromo a {
  font-weight: bold;
  color: #d36317 !important;
  text-decoration: underline !important;
}
#reviewpromo p {
  margin: 0px;
  background-color: transparent;
}
input.wide, textarea.wide {
  width: 400px;
}
.clearLeftNoHeight {
  clear: left;
  font-size: 0px;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
  height: 0px;
}
.revViewAll {
  float: right;
  margin: 2px;
}
.revViewAll a:hover, .revViewAll a:active {
  text-decoration: underline;
}
.revContent {
  width: auto;
  padding: 12px 7px 2px 7px;
  margin-right: 220px;
  border-left: 1px solid #aeaeae;
  border-right: 1px solid #aeaeae;
}
.revHeader {
  width: auto;
  border: 1px solid #aeaeae;
  padding: 3px 5px;
  background: #f1f1f1;
  margin-right: 220px;
}
.revHeader h1 {
  color: #424d61;
  margin: 2px 0px 2px 2px;
  padding: 0px;
  font-size: 12px;
}
.revFooter {
  width: auto;
  margin: 0px 220px 15px 0px;
  padding: 3px 5px;
  text-align: center;
  background: #f1f1f1;
  border-left: 1px solid #aeaeae;
  border-right: 1px solid #aeaeae;
  border-bottom: 1px solid #aeaeae;
}
.revFooter a:hover, .revFooter a:active {
  text-decoration: underline;
}
.revAllFooter {
  width: 100%;
  background: #f1f1f1;
  padding: 5px;
  text-align: center;
  margin: 5px 0px 0px 2px;
}
/***** begin paging links *****/
.paginglinksmodule {
  display:block;
  margin: 0px;
  border: none !important;
  color: #555;
  font-size: 12px !important;
}
/***** end paging links *****/
/* comments */
.boldheaders {
    font-weight: bold;
    font-size: 11px;
}

.msgtext {
    color: #cecece;
    font-size: 10px;
}

.msgerrortext, .redlinks {
    color: #FF3300;
    font-size: 11px;
}

textarea.commentinput {
    border: 1px solid #cecece;
    width: 350px;
    height: 95px;
}

#addcommentbody .limitcounter {
    float: right;
    text-align: right;
    width: 200px;
    display: inline;
}

#averageratingtitle span.boldheaders,
#photorating,
#ratingform span.boldheaders,
#addcommentheader {
   color: #555555 !important;
}

input.commentcount {
    border: 1px solid #cecece;
    width: 50px;
}

.commentsheader {
    font-size: 14px;
    padding-bottom: 10px;
}
.photoCommentArea {
    width: auto;
    color: #555555;
    background-color: #FFFFFF;
    padding: 10px 10px;
    margin: 10px 0 0 0;
}

.photoCommentArea .redlinks, .msgerrortext, .redlinks {
    color: #993300 !important;
    font-size: 11px;
}

.commentsheader {
    font-size: 14px;
    padding-bottom: 10px;
}

.photocomment {
    width: 100%;
    border-top: 1px solid #aeaeae;
    padding: 5px 0;
    float: left;
}

.commentphoto {
    width:50px;
    height:50px;
    overflow: hidden;
    border: 1px solid #aeaeae;
    margin: 5px 5px;
    text-align: center;
    float: left;
}
.commentphoto img {
    height:50px;
    width: auto;
}
.commentadminarea {
    width: 100px;
    margin: 0 0 0 5px;
    padding: 5px 5px;
    float: right;
    position: relative;
    z-index: 2;
}

.commentarea {
    width: auto;
    margin: 0 100px 0 65px;
    padding: 5px 5px;
    font-size: 12px;
}

.commenter { color: #777; font-size: 11px; }
.commenter a {font-size: 12px; color: #D36317; text-decoration: none;}
.commenter a:hover {text-decoration: underline;}

#addRating, #ratingformmsg,#commentstatusmsg {
   border: 1px solid #fff !important;
}

#captioncommentcount {
  margin: 0 0 5px 0;
  padding: 2px 0;
  text-align: center;
}


.naslovi {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffc20e;
	text-decoration: none;
	text-align: left;
	margin-bottom: 2.5px;
}
.detalji {
	font-family: Tahoma;
	font-size: 11.34px;
	color: #dfdfdf;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: -5px;
}
.linkdetalji {
	font-family: Tahoma;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	 
	text-decoration:inherit;
	margin-top: 3px;
	/*background:url(strelica.jpg); 
	background-repeat:no-repeat; background-position:35 4;*/
}
.linkdetalji a:visited {color: #FFFFFF;
}
.linkdetalji a:hover{ 
text-decoration: none;
}
.link {
	color: #743924;
}
.link:hover{
color:#AF8C68;
text-decoration:none;
}