/*

    -- -- -- -- -- -- --
    protosw.com
    Download box CSS
    -- -- -- -- -- -- --

    Download formatting. Applied to any pages
    which need the downloadable styles.

*/


/* -- Downloads -- */
.downloadable {
    overflow: hidden;
    margin: 0 0 2em 0;
    width: 100%;
}
.downloadable .download-box {
    float: left;
}


/* -- Download Box -- */

.download-box {
    display: block;
    width: 310px;
    background: #FAFAFA url(../i/download-top.gif) no-repeat 0 0;
    margin: 0 10px 10px 0;
}
.download-box a:link, .download-box a:visited {
    display: block;
    width: 310px;
    background: url(../i/download-bottom.gif) no-repeat left bottom;
}
.download-box a:hover, .download-box a:hover .download-name, .download-box a:hover .download-name .date {
    color: #1B5D76;
    text-decoration: none;
    cursor: pointer;
}
.download-box .wrapper {
    display: block;
    width: 218px;
    min-height: 45px;
    padding: 15px 15px 15px 77px;
    background: url(../i/download-icon-grey.gif) no-repeat 11px 4px;
}
div.latest-release .wrapper {
    background: url(../i/download-icon-green.gif) no-repeat 11px 4px;
}
.download-box a:hover .wrapper {
    background: url(../i/download-icon-blue.gif) no-repeat 11px 4px;
}
.download-name {
    color: #363636;
    text-transform: uppercase;
}
.download-name .date {
    color: #8F8F8F;
    font-size: 0.9em;
    font-weight: normal;
    display: block;
    margin-bottom: 0.8em;
}



/* -- Full Size -- */

div.full-size {
    width: 638px;
    background: #FAFAFA url(../i/download-top-lg.gif) no-repeat 0 0;
    margin-right: 0;
}
div.full-size a:link, div.full-size a:visited {
    background: url(../i/download-bottom-lg.gif) no-repeat left bottom;
    width: 638px;
}
div.full-size .wrapper {
    width: 526px;
}



/* -- Individual Item -- */
div.individual-item {
    margin-top: 2em;
    margin-right: 0;
}
div.individual-item .wrapper {
    padding: 30px 50px 30px 127px;
    background-position: 56px 24px;
    width: 460px;
}
.individual-item a:hover .wrapper {
    background: url(../i/download-icon-blue.gif) no-repeat 56px 24px;
}
.individual-item .download-name {
    font-size: 1.6em;
    font-weight: bold;
}
.individual-item .date {
    font-size: 0.55em;
}
.line {
    display: block;
    margin-top: 0.5em;
}
.name, .filename {
    font-weight: bold;
}

.individual-item a:link, .individual-item a:visited {
    color: #333;
    font-weight: normal;
}
.individual-item a:hover {
    color: #1B5D76;
}

/*
  GENERAL FORM STYLE
  Creating re-usable style for simple forms.
 */

.onecolumn .trialpanel {background: #A8C95A url(../i/downloads_greenmid.gif) repeat-y; width: 640px; margin: 2em 0;}
.onecolumn .trialpanel .wrapper {background: url(../i/downloads_greenbot.gif) no-repeat left bottom;}
.onecolumn .trialpanel .wrapper .wrapper {padding: 1px 20px; background: url(../i/downloads_greentop.gif) no-repeat left top;}

.trialpanel h4 {
    font: bold 1.5em Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 1em 0em 0em 0em;
}

.trialpanel h5 {
    color: #FFFFFF;
    font: 1em Helvetica, Arial, sans-serif;
    margin: 0em 0em 1em 0em;
}

.trialpanel a {
    color: #FFFFFF;
    font-weight: normal;
}

td .form-styled {
    margin: 0 0;
}

span.tagline img {
    vertical-align: middle;
}

/* download step styles */

.step {
    position: relative;
    padding: 10px 0 0 70px;
    margin-bottom: 40px;
}

/*
.laststep {
    border-bottom: 1px solid #999;
}
*/

.step h3.stepnumber {
    position: absolute;
    top: 0px;
    left: 0px;
    text-indent: -9999px;
    display: block;
    width: 55px;
    height: 48px;
    text-decoration: none;
    outline: 0;
    margin: 0;
    padding: 0;
}
/* -- IE6: Fix absolute positioning of step numbers on downloads page -- */
* html .step h3.stepnumber {
    /*\*/
    lef\t:-70px;
    /* */
}
#step1 h3.stepnumber {
    background: url(../i/downloads_icon1.gif) no-repeat;
    z-index: 5;
}
#step2 h3.stepnumber {
    background: url(../i/downloads_icon2.gif) no-repeat;
    z-index: 5;
}
#step3 h3.stepnumber {
    background: url(../i/downloads_icon3.gif) no-repeat;
    z-index: 5;
}
#step4 h3.stepnumber {
    background: url(../i/downloads_icon4.gif) no-repeat;
    z-index: 5;
}

h3.steptitle {
    text-transform: capitalize;
    font-size: 1.5em;
    margin: 0;
    padding: 0;
    height: 48px;
}
/* don't center the form */
.form-styled {
    margin: 0;
}