.floatleft{float:left}
.floatright{float:right}
.justify{text-align:justify}
.border-bottom{}
.center{text-align:center}
.padding10{padding:10px}
.padding5bottom{padding-bottom:5px}
.margin-right10{margin-right:10px}
.margin-top10{margin-top:10px}
.margin5{margin:5px}.margin10{margin:10px}
.margin30{margin:30px}
 .collapse{border-collapse:collapse}
.bold{font-weight:700}
.xoopsCode{width:100%;max-width:900px;overflow:auto}
.pageNav{margin:10px;float:right; clear: both;position: relative}
.moduleTitle{font-size:22px;font-weight:700;border-bottom:1px solid #666;letter-spacing:.3em;margin:0 5px 0 5px}
.moduleBreadcrumbs{font-size:14px;font-weight:700;border-bottom:1px solid #666;letter-spacing:.2em}
.box_margins{    border:0 none;margin:1px;    background-image: url(visuals/border-l.png);    background-repeat:repeat-y;    background-position:left}
.box{  height:270px;width: 250x;    border:0 none;    margin:0 0 0 4px;padding:0 14px 0 0;background-color:#fff;    background-image: url(visuals/border-r.png);    background-repeat:repeat-y;    background-position:right}
.boxindex{ width: 250x;   border:0 none;margin:0 0 20px 5px;padding:0 4px 0 0;background-color:#fff;    background-image: url(visuals/border-r.png);    background-repeat:repeat-y;    background-position:right}
.boxphoto{    border:0 none;    margin:0 0 0 4px;padding:0 4px 0 0;background-color:#fff;    background-image: url(visuals/border-r.png);    background-repeat:repeat-y;    background-position:right}
.border-top{    overflow:hidden;    width:auto;    height:24px;    font-size:0;    margin-bottom:-14px;background-color:#fff;    background-image: url(visuals/border-t.png);    background-repeat:repeat-x;    background-position:top left}
.border-bottom{    width:359px;    height:20px;    margin-top:-14px;    font-size:0;    background-image: url(visuals/border-b.png);    background-repeat:repeat-x;    background-position:bottom left;position:relative;z-index:3}
.border-bottom-index{    width:auto;    height:20px;    margin-top:-30px;    font-size:0;background-color:#fff;    background-image: url(visuals/border-b.png);    background-repeat:repeat-x;    background-position:bottom left;position:relative;z-index:3}
.corner-tl{    float:left;    width:24px;    height:24px;    font-size:0;    background-image: url(visuals/corner-tl.png); background-position:top left}
.corner-tr { position:relative;  float:right;    width:24px;    height:24px;    font-size:0;    background-image: url(visuals/corner-tr.png); background-position:top right }
.corner-bl{    float:left;    width:20px;    height:20px;    background-image: url(visuals/corner-bl.png); background-position:bottom left;position:relative;z-index:3}
.corner-br{ position: absolute;margin-left:348px; width:20px;    height:20px;    background-image: url(visuals/corner-br.png); background-position:right;margin-top: -2px}
.catTitle{font-size:16px;font-weight:700;letter-spacing:.2em;padding-bottom:5px}.catOff{border:1px solid #fafafa;padding:30px;margin:0}
.catHover{background-color:#eee;border:1px solid #ddd;padding:30px;margin:0}.ico-folder{background-image: url(visuals/ico_folder.png)}
.ico-htaccess{background-image: url(visuals/ico_htaccess.png)}
.ico-html{background-image: url(visuals/ico_html.png)}
.ico-txt{background-image: url(visuals/ico_txt.png)}
.ico-jpg{background-image: url(visuals/ico_jpg.png)}
.ico-gif{background-image: url(visuals/ico_gif.png)}
.ico-php{background-image: url(visuals/ico_php.png)}
.width800{width:765px ;clear: both;position: relative;margin-left: 5px}
.titleT{margin:0 5px 5px 5px;padding:0 5px 5px 5px;text-align:center;font-weight:bold;font-size:15px;border-bottom:#ccc 1px solid;position:relative;background-color:#fff; width: 350px}
.widthT{width:340px}
.thumbshot{float:left;margin-left:3px}
.thumbshot img{max-height:200px;padding-left:5px;position:relative;overflow:hidden !important;z-index:2; width: 140px}
.infoT{float:right;text-align:left;padding:2px;margin:5px 10px 8px 4px;color:#0171b1;border:1px #ccc solid;background-color:#eee;font-size:10px;font-weight:bold;width:180px;line-height:18px}
.rateT{float:right;text-align:center;width:180px}
.rateT img{width:109px;height:24px}
.actionsT{float:right;width:200px;text-align:center;padding-right:5px;position: relative}
div.moreT a{float:right;display:inline;background-image:url(visuals/more_icon.png); width:35px;height:35px;margin:0 15px 0 15px;background-repeat:no-repeat}
div.downT a{float:right;display:inline;background-image:url(visuals/download_icon.png);width:35px;height:35px;margin:0 15px 0 15px;background-repeat:no-repeat}
div.prevT a{float:right;display:inline;background-image:url(visuals/preview_icon.png);width:35px;height:35px;margin:0 15px 0 15px;background-repeat:no-repeat}
.photonav{border:1px solid #ccc;margin:5px 10px 5px 10px}
.actionsP{margin-left:10px;line-height:40px}
div.downP{background-image:url(visuals/download_icon.png);height:50px;padding-left:45px;background-repeat:no-repeat;font-weight:bold}
div.prevP{background-image:url(visuals/preview_icon.png);height:50px;padding-left:45px;background-repeat:no-repeat;font-weight:bold}
div.timeP{background-image:url(visuals/time_icon.png);height:50px;background-repeat:no-repeat;padding-left:40px}
div.hitsP{background-image:url(visuals/hits_icon.png);height:50px;background-repeat:no-repeat;padding-left:40px}
div.scoreP{font-weight:bold;padding-bottom:10px}div.commentP{background-image:url(visuals/comment_icon.png);height:35px;background-repeat:no-repeat;padding-left:40px}
.sortthemes{font-size:9px;background-color:transparent}
.sortthemes img,.sorthemes a,span.sortthemes{width:16px;height:16px;background-color:transparent}

.sayclear { clear: both}
.sayfix {width: 370px;margin: 0px}

/* I am Pretty */


/* ------------------------------------------------------------------------
    This you can edit.
------------------------------------------------------------------------- */

    div.pictureHolder .top .left { background: url(visuals/prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */
    div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
    div.pictureHolder .top .right { background: url(visuals/prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */

    div.pictureHolder .content { background-color: #fff; } /* Content background */
    div.pictureHolder .content a.next:hover { background: url(visuals/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
    div.pictureHolder .content a.previous:hover { background: url(visuals/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
    div.pictureHolder .content a.expand { background: url(visuals/prettyPhoto/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
    div.pictureHolder .content a.expand:hover { background: url(visuals/prettyPhoto/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
    div.pictureHolder .content a.contract { background: url(visuals/prettyPhoto/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
    div.pictureHolder .content a.contract:hover { background: url(visuals/prettyPhoto/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
    div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(visuals/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */

    div.pictureHolder .content .details .nav a.arrow_previous { background: url(visuals/prettyPhoto/arrow_previous.gif) top left no-repeat; } /* The previous arrow in the bottom nav */
    div.pictureHolder .content .details .nav a.arrow_next { background: url(visuals/prettyPhoto/arrow_next.gif) top left no-repeat; } /* The next arrow in the bottom nav */

    div.pictureHolder .bottom .left { background: url(visuals/prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */
    div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
    div.pictureHolder .bottom .right { background: url(visuals/prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */

    div.pictureHolder .loaderIcon { background: url(visuals/prettyPhoto/loader.gif) center center no-repeat; } /* Loader icon */

    div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(visuals/prettyPhoto/ttl.gif) top left no-repeat; }
    div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(visuals/prettyPhoto/ttr.gif) top left no-repeat; }
    div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(visuals/prettyPhoto/ttp.gif) top left repeat-x; }

/* ------------------------------------------------------------------------
    DO NOT CHANGE
------------------------------------------------------------------------- */

div.prettyPhotoOverlay{background: grey;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pictureHolder{position:absolute;z-index:10000;width:100px}div.pictureHolder .top{position:relative;height:20px}* html div.pictureHolder .top{padding:0 20px}div.pictureHolder .top .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .top .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .top .middle{position:static}div.pictureHolder .top .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .content{position:relative;text-align:left;width:100%;height:40px}div.pictureHolder .content .details{display:none;margin:10px 15px 0 20px}div.pictureHolder .content .details p.description{display:none;float:left;margin:0}div.pictureHolder .content .details .nav{float:left;margin:4px 0 0 0}div.pictureHolder .content .details .nav p{float:left;margin:0 4px}div.pictureHolder .content .details .nav a.arrow_previous,div.pictureHolder .content .details .nav a.arrow_next{float:left;display:block;width:8px;height:9px;text-indent:-10000px;margin-top:4px}div.pictureHolder .content .details .nav a.disabled{background-position:0 -10px;cursor:default}div.pictureHolder .content div.hoverContainer{position:absolute;z-index:10000;top:0;left:0;width:100%}div.pictureHolder .content a.next{position:relative;z-index:2000;display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(visuals/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.previous{cursor:pointer;display:block;text-indent:-10000px;width:49%;height:100%;background:url(visuals/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.expand,div.pictureHolder .content a.contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pictureHolder .content a.close{float:right;display:block;text-indent:-10000px}div.pictureHolder .bottom{position:relative;height:20px}* html div.pictureHolder .bottom{padding:0 20px}div.pictureHolder .bottom .left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .bottom .middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .bottom .middle{position:static}div.pictureHolder .bottom .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder .loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pictureHolder #fullResImageContainer{width:100%;text-align:center}div.prettyPhotoTitle{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle div.prettyPhotoTitleRight{float:left;width:19px;height:23px;overflow:hidden}div.prettyPhotoTitle div.prettyPhotoTitleContent{float:left;line-height:23px}


/* I was Pretty */


/* ==== BIG BOXES === */
.Bbox_margins {
    border: 0 none;
    margin: 1px;
    background-image:  url(visuals/border-l.png);
    background-repeat:repeat-y;
    background-position:left;
  }
.Bbox {
  height:250px;
    border: 0 none;
    margin: 0 0 0 4px;
    padding: 0 4px 0 0;
    background-color: #fff;
    background-image:  url(visuals/border-r.png);
    background-repeat:repeat-y;
    background-position:right;
  }
.Bboxindex{
    border: 0 none;
    margin: 0 0 20px 5px;
    padding: 0 4px 0 0;
    background-color: #fff;
    background-image:  url(visuals/border-r.png);
    background-repeat:repeat-y;
    background-position:right;
  }
.Bboxphoto{
    border: 0 none;
    margin: 0 0 0 4px;
    padding: 0 4px 0 0;
    background-color: #fff;
    background-image:  url(visuals/border-r.png);
    background-repeat:repeat-y;
    background-position:right;
  }
.Bborder-top {
    overflow:hidden;
    width: auto;
    height: 24px;
    font-size:0;
    margin-bottom: -14px;
    background-color: #fff;
    background-image:  url(visuals/border-t.png);
    background-repeat:repeat-x;
    background-position:top left;
  }
.Bborder-bottom {
    width: auto;
    height: 20px;
    margin-top: -14px;
    font-size:0;
    background-image:  url(visuals/border-b.png);
    background-repeat:repeat-x;
    background-position:bottom left;
    position: relative;
    z-index: 3;
  }
.Bborder-bottom-index {
    width: auto;
    height: 20px;
    margin-top: -30px;
    font-size:0;
    background-color: #fff;
    background-image:  url(visuals/border-b.png);
    background-repeat:repeat-x;
    background-position:bottom left;
    position: relative;
    z-index: 3;
  }
.Bcorner-tl {
    float:left;
    width: 24px;
    height: 24px;
    font-size:0;
    background-image:  url(visuals/corner-tl.png);
    background-position: top left;
  }
.Bcorner-tr {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 24px;
    height: 24px;
    font-size:0;
    background-image:  url(visuals/corner-tr.png);
    background-position: top right;
  }
.Bcorner-bl {
    float:left;
    width: 20px;
    height: 20px;
    background-image:  url(visuals/corner-bl.png);
    background-position: bottom left;
    position: relative;
    z-index: 3;
  }
.Bcorner-br {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 20px;
    height: 20px;
    background-image:  url(visuals/corner-br.png);
    background-position: bottom right;
  }

.BtitleT {
margin: 0 5px 5px 5px;
padding: 0 5px 5px 5px;
text-align: center;
font-weight: bold;
font-size: 15px;
border-bottom: #ccc 1px solid;
    position: relative;
    z-index: 3;
    background-color: #fff;
}

/* ---- BIG BOXES END ---- */