/*

    -- -- -- -- -- -- --
    protosw.com Modules CSS
    -- -- -- -- -- -- --

    Module specific items. Anything which will repeat
    on non-Module templates should be pulled out and defined
    in a more general stylesheet instead.

*/

#mainColumn {padding: 10px 50px;}


.modules #subHeader {margin-bottom: 0;}

/* -- index page -- */
.module-listing {clear: left; margin-bottom: 3em;}
.module-listing h3, .module-listing h4, .module-listing p {padding-left: 180px; margin: 1em 0 0.5em 0;}
.module-listing h3 .date {display: block; font-size: 0.8em;}
.module-listing h4 {font-size: 0.9em; font-weight: normal; color: #000; margin: 0.3em 0em;}
.module-listing .screenshot {width: 168px; height: 129px; background: url(../i/module-ss-default.gif) no-repeat; float: left;}
.module-listing .screenshot img {padding: 6px 5px;}
.module-listing p {margin-top: 1em;}

/* -- module index controls -- */
.module-control {line-height: 1; height: 38px; padding-top: 1px; }
.module-control p {line-height: 1.5; padding-top: 15px; }
.module-control a:link, .module-control a:visited {color: #9E9E9E;}

/* -- sidebar items -- */
#sidebar .modules h3 {background: url(../i/h3-uploadmodules.gif) no-repeat;}
#sidebar .item a.viewall, #sidebar .item a:visited.viewall {text-indent: -9000px; text-decoration: none; text-align: left; outline: none;}


/* -- individual module page -- */
.module-name {font-size: 1.7em; margin: 1.7em 0 1em 0;}
.module-details {width: 648px; background: #ECECEC; position: relative;}
.module-details .wrapper {width: 648px; background: url(../i/bg-module-bottom.gif) repeat-x left bottom; padding-bottom: 20px;}
.module-details dl {width: 646px; background: url(../i/bg-module-top.gif) no-repeat; padding: 27px 1px 0 1px;}

.module-details dt {padding-left: 25px; width: 125px; float: left; clear: left; line-height: 37px; font-size: 0.9em; font-weight: bold; text-transform: uppercase; color: #195C76; background: url(../i/bg-module2.gif) repeat-x;}
.module-details dd {line-height: 37px; background: none; padding: 0; background: url(../i/bg-module2.gif) repeat-x;}


.module-download {position: absolute; top: -20px; right: 10px; width: 194px; background: url(../i/bg-moduledownload-bottom.gif) no-repeat left bottom; padding-bottom: 10px;}
.module-download h3 {background: url(../i/bg-moduledownload-header.gif) no-repeat; width: 194px; height: 70px; margin: 0;}
.module-download h3 a, .module-download h3 a:visited {width: 194px; height: 70px; display: block; text-indent: -9999px; text-decoration: none;}
.module-download p, .module-download ul {padding: 0 10px 0 40px; line-height: 1.2; font-size: 0.9em;}

#mainColumn .module-download ul li {list-style-type: none; margin: 0 0 0 0.5em; padding: 0 10px 0 15px; background: url(../i/ico-greenarrow.gif) no-repeat 0 1px;}
html>body #mainColumn .module-download ul li:before {content: ""; margin: 0;}

/* -- module's screenshot page -- */
.module-screenshot { text-align: center; }
.module-screenshot img { border: 1px solid #ddd; }


/* ADDED BY BM/FCS */

.gallery-pane {
    overflow: auto;
    height: 300px;
    padding: 0px 20px;
    border: 1px;
    border-style: none solid none solid;
    border-color: #ccc;
}

.filter {
    margin: 2em 0em;
}

.browsemodules {
    background-color: #363636;
    padding: 4px;
    font: bold 1.1em Helvetica, Arial, sans-serif; color: #FFFFFF;
}
.viewmodules {
    border: 1px solid #CCCCCC;
}
.browsemodspad {
    padding-right: 15px;
}

.browsemodules form {
    display: inline;
}

/* -- pager -- */
.viewmodules .pager {padding: 10px 0; margin: 0 0 0 0;}
.viewmodules .pager .searchResults {padding: 15px 5px 7px 5px; color: #000;}
.viewmodules .pager span.current a:link, .viewmodules .pager span.current a:visited, .viewmodules .pager span.current a:hover {border: none 1px #ccc; color: #000; background: #fff; cursor: default;}




#topPanels {float: left; margin: 2em 0;}

#featuredpanel {float: left; background: #fff7da url(../i/module_orangemid.gif) repeat-y; width: 425px; margin-right: 20px;}
#featuredpanel .wrapper {background: url(../i/module_orangebot.gif) no-repeat left bottom;}
#featuredpanel .wrapper .wrapper {padding: 1px 20px; background: url(../i/module_orangetop.gif) no-repeat left top;}

#newpanel {width: 200px; float: left; }

#featuredpanel h3 {
    color: #FF8A00;
}

#featuredpanel div.module-listing {
    margin-bottom: 1em;
}