.dl-options { margin-top: 2em; }
.dl-options h3 { float: left; width: 160px; padding: 6px 0 0 0; }

#dl-one-options {
    font-size: 80%; 
    padding: 1em;
    margin-top: 2em;
    border: 1px solid #ddd;
}
#dl-one-options li { list-style: none; line-height: 2em;}

#dl-linux-one-select-dm {
    float: left;
    width: 520px;
    height: 240px;
    margin: 0 auto 2em auto;
}
#dl-linux-one-select-dm li { float: left; display: block; margin: 0 10px 0 0; padding: 0; width: 230px; 
    padding: 0 8px 8px 8px; 
    border: 1px solid #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
#dl-linux-one-select-dm li label { display: block; width: 100%; font-size: 110%; padding: 5px 0 10px 0; }
#dl-linux-one-select-dm li label span { padding: 0 0 0 0.5em; }

#dl-linux-one-select-dm li label:hover { cursor: pointer; }
#dl-linux-one-select-dm li label img { width: 230px; height: 150px; margin-top: 0.5em; }

#dl-linux-one-select-lang {
    float: left;
    width: 600px;
    height: 200px;
    margin: 0 auto 2em auto;
}
#dl-linux-one-select-lang li { float: left; display: block; margin: 0 10px 0 0; padding: 0; width: 120px;
    padding: 0 8px 8px 8px;
    border: 1px solid #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
#dl-linux-one-select-lang li label { display: block; width: 100%; font-size: 110%; padding: 5px 0 10px 0; }
#dl-linux-one-select-lang li label:hover { cursor: pointer; }
#dl-linux-one-select-lang li p { font-size: 85%; }

.dl-one-select-dm {}
.dl-one-select-dm li { display: block; float: left; width: 25%; }

.dl-one-select-lang {}
.dl-one-select-lang li span { font-size: 80%; color: #888; }

.mirrors-for {
    display: none;
    padding: 0; margin: 0;
    font-size: 90%; 
    height: 200px;
    width: 500px;
    overflow-y: auto;
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 0 10px #777;
}
#change-linux-one-http-mirror:hover { cursor: pointer; }
.change-http-mirror-trigger { color: #2854b0; font-size: 90%; }

#dl-mf-tip { padding: 0.4em 0 0.5em 1em; background: #666; color: #ddd; font-size: 90%; }
#dl-mf-close { color: #6c98f4; text-decoration: underline; cursor: pointer; }
.dl-mf { font-family: arial; margin: 0; padding: 0; width: 100px; float: left; height: 175px; overflow: auto;}
#dl-mf-zones { width: 120px; }
#dl-mf-mirrors { width: 150px; }
.dl-mf li { list-style: none; display: block; padding: 0.2em 1em 0.2em 1em;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    color: #444;
}
.dl-mf li:hover { background: #eee; cursor: pointer; }
.dl-mf li.l { border: 0; border-bottom: 1px solid #aaa; color: #aaa; font-weight: bold; padding: 0 0 0 1em; }
.dl-mf li.l:hover { cursor: normal; }
.dl-mf li.selected { color: #000; background: #ddd; font-weight: bold; }

h4.tnav { background: #ccc; padding: 0.5em 1em; font-size: 85%; margin: 0;
    -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;
    -moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px;
    text-shadow: #fff 1px 1px 2px; }
ul.tnav { padding: 1em 0; margin: 0; border: 1px solid #ccc; border-top: 0; }
ul.tnav ul { padding: 0; margin: 0 0 0.5em 0; }
ul.tnav li a {  display: block; padding: 0.2em 0.4em 0.2em 0.4em; }
ul.tnav li a:hover { background: #eee; }
ul.tnav ul li.selected a { background: #ddd; color: #000; font-weight: bold; }

ul.tnav li { list-style: none; padding: 0.1em 0 0.2em 0.5em; }
ul.tnav ul li { list-style: none; padding: 0.1em 0 0.2em 1.5em; }
ul.tnav ul ul li { list-style: none; padding: 0.1em 0 0.2em 2.5em; }

.dlBox {
    margin: 0 0 1em 0;
    padding: 0.5em;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 1px 4px #aaa;
    -webkit-box-shadow: 0 1px 4px #aaa;
    background: #eee; 
}
.dlBox a {}
.dlBox a.h { margin: -1px -1px 1em -1px; padding: 0.4em 0.6em; display: block;
    color: #fff;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
    -moz-box-shadow: 0 1px 4px #aaa; -webkit-box-shadow: 0 1px 4px #aaa; box-shadow: 0 1px 4px #aaa;
}

.dlBox a:hover { text-decoration: none; }
.dlBtn {
    display: block;
    padding: 0.5em;
    border: 2px solid #000;
    -webkit-border-radius: 6px;
}

.dlName, .dlAct, .dlDet, .dlAlt { display: block; }
.dlName { font-size: 140%; font-weight: bold;  text-shadow: 0 1px 3px #aaa; }

.cPowerpack, .cOne, .cFree, .cPro {}
.cPowerpack .h { background: #0A3453; }
.cOne .h { background: #158ccd; }
.cFree .h { background: #5d658e; }
.cPro .h { background: #222; }
.cCnb .h { background: #444455;}
.cAlt .h { background: #556; }
.cOne .h.b { background: #ffffff; color: #2854b0;; }

.dlVers { font-size: 70%; font-weight: normal; }
.dlAct, .dlAlt { font-size: 90%; margin-bottom: 0.5em; }
.dlAct { margin-top: 0.8em; }
.dlAlt { font-size: 85%; padding-left: 0.5em; }
.dlDet, .dlMir { font-size: 80%; margin-top: 0.5em; }

.dlTable { width: 100%; }
.dlTable th { text-align: left; }
.dlTable th, .dlTable td { border: 0; }
.dlTable thead tr { border-bottom: 2px solid #ccc; }
.dlTable tbody tr { border-bottom: 1px solid #ddd; }
.dlTable tbody tr:hover { background: #eef;}
.dlTable tbody tr td { padding: 0.6em; }

.dl2tab { width: 100%; border: 0; border-collapse: collapse; }
.dl2tab td, .dl2tab th { vertical-align: top; text-align: left; font-size: 90%; border: 1px solid #aaa;; }
.dl2tab thead th { border-top: 0; border-left: 0; border-right: 0; color: #aaa; font-size: 85%; }
.dl2tab .sm { font-size: 85%; color: #888 }
.dl2tab .sm a { color: #888; }

.dl-survey { display: inline; border: 0; width: 100%; }
.dl-survey td, table.dl-survey th {  text-align: left; border: 0; }
.dl-survey td { padding-bottom: 2em; }
.dl-survey tr th { border-bottom: 1px solid #ccc; }
#dl-survey { font-size: 90%; display: none; }
#dl-survey fieldset { border: 1px solid #ccc; padding: 1em; }
#dl-survey fieldset legend { padding: 0 0.5em; }

.section { margin-top: 2em; border: 1px solid #ddd; padding: 1em;
    -webkit-border-radius: 6px; }
.section h2 { border-bottom: 1px solid #ddd; margin: 0 0 1em 0; }

.act .buy
{
    border: 2px solid #fff; 
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    background: #3b5; background: #494;
    color: #fff;
    padding: 0.5em 1.5em;
    text-shadow: 0 1px 3px #444;
    font-weight: bold;
    -webkit-box-shadow: 0 1px 3px #666; -moz-box-shadow: 0 1px 3px #666; box-shadow: 0 1px 3px #666;
}

.shade { -webkit-box-shadow: 0 1px 6px #222; -moz-box-shadow: 0 1px 6px #222; box-shadow: 0 1px 6px #222; }
.file { font-family: andale mono, courier; font-size: 90%; }