/*$Id: content_publish.css,v 2474:1fd3ac27be0d 2011/09/16 06:32:52 thangam $*/
.zpelement-wrapper{overflow:hidden}
.zpcontent-wrapper .zpflLeft {float:left;}
.zpcontent-wrapper .zpflRight {float:right;}
.zpcol-layout{padding-bottom:0 !important;}
.zpcontent-wrapper div.zpelement-wrapper {padding-bottom:1em;word-wrap:break-word;}
.zpcolumns{margin:0 -7px}
.zpwrapper{padding:0 7px;}

#photoView .photoListView{overflow-x:hidden;overflow-y:auto;width:100%;float:left;padding:0px;}
#photoView .selected{background:transparent;}
#photoView .photoContPad{padding:10px; float:left;}
#photoView .photoContent {float:left;}
#photoView .photoContent img {padding:3px; background:#fff;border:1px solid #999999;cursor:pointer;}

.zpclearBoth{clear:both;}
.zpalbumPrevNext-container{float:right;overflow:hidden; padding:10px 0;}
.zpalbumTitle-container{ overflow: hidden;}
.zpactivePrevNext, .zpinactivePrevNext{font-weight:700;margin-left:10px; padding-right:10px;float:left;line-height:normal}
.zpactivePrevNext a{cursor:pointer;text-decoration:none;}
.zpinactivePrevNext p{cursor:default;margin:0;padding:0;line-height:normal;}
.zpalbumTitle-container h3{line-height:1;padding:0;margin:5px 0;}
.zpalbumTitle-container p{padding:0;margin:5px 0;}

/**********************************************   FORM STYLE    ********************************/
form h2{padding-bottom:10px;}
form ul{margin:0; padding:0;list-style:none;list-style-image:none;}
form li {padding:10px 0 0;margin:10px 0;overflow:hidden;line-height:normal;}
form ul li label, form ul li div{width:auto;float:left;}
form ul li label{text-align:left;width:200px;margin:2px 0;}
form li span{margin:0;padding:0;}
form li span em{line-height:2;text-align:left;display:block;float:left;clear:both;width:100%}
form li span input, form li span label{ float:left; width:auto;}
form li span input[type=text],form li span textarea, form li span select{ width:200px;}
form li span button{margin-left:5px;cursor:pointer}
form .dateinvoker{background:url(../zimages/datePickerIcn.png) 0 0 no-repeat;width:22px;height:20px;border:none;vertical-align:middle;margin-left:5px;outline:none;}
/**********************************************   END OF FORM STYLE    ********************************/

/**********************************************   COMMON FORM STYLE    ********************************/
div#datepicker {border:1px solid #fff;background-color:#fff;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
div#datepicker table {border-collapse: collapse;border:1px solid #efefef;user-select:none;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none}
div#datepicker th{background:#111215; color:#fff; height:30px; text-align:center;}

div#datepicker div {float:left; padding:5px;}
div#datepicker select {width:auto;}
div#datepicker td.mover, div#datepicker td.selected {background-color:#efefef;}
div#datepicker td {padding:0;margin:0;border:1px solid #efefef;text-align:center;vertical-align:middle;cursor:pointer;background:#fff;width:24px;height:24px;}
div#datepicker td.datePickerDay{width:24px;height:24px;}
div#datepicker td input{float:none;background:#111215;border:1px solid #111215;margin:0;padding-bottom:0;color:#FFF;}
/**********************************************   END OF COMMON FORM STYLE    ********************************/
.slideShowMask{background:#000;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);z-index:400}
#slideshow .slideShowPos{position:absolute;}
#slideshow .slideshowContainer{ background:url(../zimages/slideshow.png) 0 0 no-repeat; width:141px;height:47px;}
#slideshow .slideshowBtn ul{padding:0; margin:0;}
#slideshow .slideshowBtn li{list-style:none;display:block;float:left; padding:11px 10px;}
#slideshow .slideshowBtn .prevIcon{background:url(../zimages/slideshow.png) 0 -48px no-repeat; width:26px;height:26px; cursor:pointer}
#slideshow .slideshowBtn .nextIcon{background:url(../zimages/slideshow.png) -26px -48px no-repeat; width:26px;height:26px;cursor:pointer}
#slideshow .slideshowBtn .playIcon{background:url(../zimages/slideshow.png) -52px -48px no-repeat; width:26px;height:26px;cursor:pointer}
#slideshow .slideshowBtn .stopIcon{background:url(../zimages/slideshow.png) -78px -48px no-repeat; width:26px;height:26px;cursor:pointer}
#slideshowImg .imgStyle{background:#FFF;padding:3px; border:1px solid #121212;cursor:pointer}
.slideShowCloseCont{position:absolute; top:10px; right:10px;z-index:960;cursor:pointer}
.slideShowCloseImg{background:url(../zimages/slideshow.png) 0 -80px no-repeat;width:14px;height:14px;}
.slideShowThumbCont{height:50px;position:relative;top:4px}
.withMask,.withoutMask{width:50px;height:50px; border:1px solid #000;background:#000; margin:0 3px;float:left; cursor:pointer;overflow:hidden}
.withMask img{opacity:0.5;filter:alpha(opacity=5);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}
.withoutMask{border:1px solid #FFF;}
/****************************** Facebook css for diable post comment after like ************/
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {display: none !important;}

pre{
	white-space:normal;
}
.slideCont{overflow:hidden}
.carouselRightArrow{position: absolute; z-index: 150; top: 50%; right: 10px; height: 36px; margin-top: -18px; width: 36px; background: url(../zimages/carouselRightArrow.png) no-repeat;cursor:pointer;opacity:0;transition:opacity 500ms;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;-ms-transition:opacity 500ms}
.carouselLeftArrow{position: absolute; z-index: 150; top: 50%; left: 10px; height: 36px; width: 36px; margin-top: -18px; background: url(../zimages/carouselLeftArrow.png) no-repeat;cursor:pointer;opacity:0;transition:opacity 500ms;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;-ms-transition:opacity 500ms}
.carouselProIndiCont{position: absolute;z-index:150; width: 100%; text-align: center; bottom: 3px;opacity:0;transition:opacity 500ms;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;-ms-transition:opacity 500ms}
.carProSelIndi{width: 10px; height: 10px; background:url(../zimages/carProSelIndi.png) no-repeat; margin: 0px 2px; cursor: pointer; display: inline-block;}
.carProUnSelIndi{width: 10px; height: 10px; background:url(../zimages/carProUnSelIndi.png) no-repeat; margin: 0px 2px; cursor: pointer; display: inline-block;}
.carouselInnerProIndiCont{padding: 4px 6px 2px; background:rgba(1, 1, 1, 0.7); border-radius: 5px;}
#carouselImg:hover .carouselLeftArrow{opacity:1}
#carouselImg:hover .carouselRightArrow{opacity:1}
#carouselImg:hover .carouselProIndiCont{opacity:1}