/* Vote */
.vote-inline-rating {display:block;vertical-align:middle;line-height:25px;}
.vote-star-rating, .vote-star-rating a:hover, .vote-star-rating .current-rating {background:url(../images/star.png) left -1000px repeat-x;}
.vote-star-rating {position:relative;width:75px;height:15px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top; margin-bottom: 5px;}
.vote-star-rating li {display:inline;background-image:none;padding:0;}
.vote-star-rating a, .vote-star-rating .current-rating {position:absolute;top:0;left:0;text-indent:-1000px;height:15px;line-height:15px;outline:none;overflow:hidden;border:none;cursor:pointer;}
.vote-star-rating a:hover {background-position:left bottom;}
.vote-star-rating a.one-star {width:20%;z-index:6;}
.vote-star-rating a.two-stars {width:40%;z-index:5;}
.vote-star-rating a.three-stars {width:60%;z-index:4;}
.vote-star-rating a.four-stars {width:80%;z-index:3;}
.vote-star-rating a.five-stars {width:100%;z-index:2;}
.vote-star-rating .current-rating {z-index:1;background-position:0 center;margin:0;padding:0;}
.vote-box {margin:0 0 0 5px;padding:0;float:left;}
.vote-clr {clear:both;}
.vote-strong {display: block; float: left; margin-right: 5px; font-weight: 700;}
.tpwebgallerylistdetail .vote-strong,
.tpwebgallerygroupwrapper .vote-strong ,
.tpwebgallerystylewrapper .vote-strong  {
    display: none;
}
.clrfix {clear: both;}
.tpwebgalleryrow1 td,
.tpwebgalleryrow2 td {
    background:url(../images/dot.gif) repeat-x bottom;
    padding: 10px 0;
}
.tpwebgallerynumber {
    padding-right: 10px;
    font-size: 30px;
    font-style: italic;
    color: #ccc;
    text-align: right;
}
.tpwebgalleryrow1 .tpwebgallerynumber,
.tpwebgalleryrow2 .tpwebgallerynumber {
    background-image: none;}
.tpwebgallerytitlebar {
    font-size: 20px;
    font-weight: 700;
    display: block;
    float:left;
    height: 20px;
    line-height: 20px;
    padding-right: 5px;
    white-space: nowrap;
    margin-top: 5px;
}
.tpwebgalleryprice {
    font-size: 30px;
    line-height: 120%;
    color: #666;
}

.tpwebgalleryimgthumb { 
    float:left;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #303030;}
.tpwebgallerydiscount { color: #ccc;}
.tpwebgallerydiscountspan {
    font-size: 90%;
    color: #FF8040;
    display: block;    
}
.tpwebgallerythumbnophoto {
    display: block;    
    border:1px solid #c0c0c0;
    background:url(../images/nophoto.png) right bottom #ccc;
    vertical-align: bottom;
    color:#FFF;
    font-size: 10px;
    text-transform: uppercase;
    float: left;
    margin: 0 10px 10px 0;
    text-indent: 10px;
    line-height: 25px;
}
/*category page*/
.tpwebgallerycatheadingwrp {
    background: #f3f3f3;
    padding:10px;
}
.tpwebgallerycatheadingwrp  h1 {
    margin-top: 0;

}
/*detail page*/
.tpwebgallerymenudetail {}
.tpwebgallerymenudetailinsidebox {
    width: 200px;
    float:right;
    padding: 10px;}
.tpwebgallerybuttonorderbig {
    margin: 20px 0 10px 0;
}
h2.tpwebgalleryh2 {
    display: block;
    text-align: right;
    border-bottom:5px solid #ccc;
    margin-bottom: 10px;  
}
.tpwebgalleryh2 span {
    background: #CCCCCC;
    padding: 5px 10px;
    color:#FFF;
    font-style: italic;
}

h3.tpwebgalleryh3 {
    display: block;
    text-align: left;
    border-bottom:5px solid #ccc;
    margin-bottom: 10px;  
}
.tpwebgalleryh3 span {
    background: #CCCCCC;
    padding: 5px 10px;
    color:#FFF;
    font-style: italic;
}
.tpwebgallerytypeli li {
    display: inline; 
}
.tpwebgallerytypeli li a:link,
.tpwebgallerytypeli li a:visited{
    color: #FFF;
    padding: 5px 10px;
    margin-right: 5px;
    background: #ccc;
}
.tpwebgallerytypeli li a:hover {
    background: #666;
}

.tpwebgalleryvotealert {
    display: block;
    padding: 5px 10px 5px 30px;
    margin: 5px 0 10px 0;
    clear: both;
    font-weight: 700;
    background:url(../images/alert.png) 8px 8px #faf0b8 no-repeat; 
}
/*group page */
.tpwebgallerygroupwrapper {
    border: 1px solid #ccc;
    margin: 5px;
    padding: 10px;
    height: 175px;
}
span.tpwebgallerynumbergrouppage {
    display: block;
    background: #ccc;
    color: #FFF;
    width: auto;
    padding: 10px;
    font-size: 30px;
    font-style: italic;
    float: left;
    margin:-10px 10px 10px -10px;   
    
}
.tpwebgallerygrouptypedesc {
    padding-bottom: 10px;
}
.tpwebgallerytitlebargrouppage {
    font-size: 20px;
    font-weight: 700;
    display: block;
    line-height: 20px;
    padding-right: 5px;
    margin-bottom: 5px;
}
.tpwebgalleryglobalvotebox {
    float: left;
    margin-right: 5px;
}
.tpwebgalleryicon {margin-right:2px;}
/*style page */
.tpwebgallerystylewrapper {
    border: 1px solid #ccc;
    margin: 5px;
    padding: 10px;
    height: 175px;
}
.tpwebgallerytitlebarstylepage {
    font-size: 20px;
    font-weight: 700;
    display: block;
    line-height: 20px;
    padding-right: 5px;
    margin-bottom: 5px;
}

.tpwebgallery_footer {
    font-size:10px;
    display: block;
    padding-top: 10px;
    display: block;
    opacity:0.0;
    filter:alpha(opacity=0);
    text-indent: -9999px;

}
.tpwebgallerygroupmorelink {
    display: block;
    text-align: right;
    padding: 5px 0;
}

#input-step-1,
#input-step-2,
#input-step-3,
#input-step-4 {
    background:url(../images/steps.png) no-repeat 0 0;
    width: 455px;
    height: 58px;
    text-indent: -9999px;
    display: block;
    margin-bottom: 20px;
}

#input-step-2 {
    background-position: 0 -58px;
}
#input-step-3 {
    background-position: 0 -116px;
}
#input-step-4 {
    background-position: 0 -174px;
}

#step-note-1,
#step-note-2,
#step-note-3,
#step-note-4  {
    font-size:10px;
    background: #FBF2D4;
    border: 1px solid #F1E0A9;
    padding: 10px ;
    margin-top: 10px;
    
}
.uploadbutton,
#button-step-2,
#button-step-3,
#back-to-step-1,
#back-to-step-2,
#back-to-step-3,
#button-update-image-submit
{
    border: none;
    background: #e33100;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-bottom: 1px solid #222;
    position: relative;
    cursor: pointer;
    font-size: 11px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    margin: 10px 0;
}
#back-to-step-1:hover,
#back-to-step-2:hover,
#back-to-step-3:hover,
#button-step-2:hover,
#button-step-3:hover,
#button-step-4:hover,
#button-update-image-submit:hover {
    background-color: #9D4C2F;
}
.submitfields,
.submitfieldsregister {
    display: block;
    width:100%;
    border: 1px solid #ccc;
    float: left;
    font-weight: 700;
    margin-bottom: 5px;

}
.submitfields:hover,
.submitfields:focus
 {
   border: 1px solid #ff0000; 
}
.submitfields span,
.submitfieldsregister span {
    display: block;
    width: 140px;
    background: #ccc;
    color: #fff;
    float: left;
    padding: 5px 10px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}
span.descr {
    width:100%;
    padding: 5px 0;
    text-indent: 10px;
}
.submitfieldsregister {
        border: 1px solid #e0e0e0; 
    background: #e0e0e0;
}
.submitfieldsregister span {
    background: #e0e0e0;
    font-style: italic;
    
}
.submitfields input,
.submitfields input:hover,
.submitfields input:focus,
.submitfields textarea,
.submitfields textarea:hover,
.submitfields textarea:focus,
.submitfields select,
.submitfields select:hover,
.submitfields select:focus {
    border: none;
}
.submitcheckbox {
    border: none;
    text-align: left;
    float: left;
    padding: 10px;

}
.cropcaption {
    background-color: #9D4C2F;
    border: none;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-bottom: 1px solid #222;
    position: relative;
    font-size: 11px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
        margin: 10px 0;
}
#thumbnail1,
#thumbnail2 {
    cursor: crosshair;
    border:1px solid #303030
}
#divpreview1,
#divpreview2 {
     border:1px solid #303030
}
.approvalalert {
    padding: 10px 10px 10px 40px;
    background: url(../images/alert.png)  10px 50% no-repeat #FBF2D4;
    border: 1px solid #F1E0A9;
    font-weight: 700;
    width: auto;
}