a:hover {
    text-decoration: underline;
}
.caption {
    font-size:16pt;
    margin:10px 0 10px 0;
    font-weight: normal;
}
.caption2 {
    font-size:14pt;
    margin:10px 0 10px 0;
}
.clear {
    clear:both;
}
.w400 {
    width: 400px;
}
.w300 {
    width: 300px;
}
.w250 {
    width: 250px;
}
.w220 {
    width: 220px;
}
.mr5 {
    margin-right: 5px;
}
.NB, table.NB td, td.NB {
    border: 0;
}

/**menu**/
.links {margin-bottom: 20px;}
/**messages**/
.message {font-size:14pt;font-weight: bold;padding-left:20px;}
.message.error {color:red; background-image: url('../img/messages-error.png');background-repeat: no-repeat;background-position-y: 3px;}
.message.info  {color:slateblue; background-image: url('../img/messages-info.png');background-repeat: no-repeat;background-position-y: 1px;}
.message.good  {color:green; background-image: url('../img/messages-good.png');background-repeat: no-repeat;background-position-y: 1px;}

/** progress bar **/
.meter-wrap{
    position: relative;
    border:1px solid white;
    border-radius: 1px;

}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 300px; height: 30px;
}

.meter-wrap, .meter-value {
    background: #bdbdbd;
}

.meter-text {
    position: absolute;
    top:0; left:0;

    padding-top: 5px;

    color: #fff;
    font-size:12pt;
    text-shadow: 0 2px rgba(0, 0, 0, 0.2);
    text-align: center;
    width: 100%;
}

.meter-value {
    background: royalblue;
    width:100%;
}
/** progress bar end **/

.action-list {margin-left:10px;}
.action-list dd {margin-bottom: 10px;margin-left:20px;}
.action-list dt {font-size:14pt;font-size:14pt;line-height: 20pt;}
.action-list dt span {font-size:14pt;}
.action-list a.cp-link {background: none;border:none;}

dl > dt {
    margin-top: 10px;
}

.column{
    width: 48%;
    float: left;
    padding: 0 2% 0 0;
    margin: 0;
}

.caption-block {
    padding: 0 0 7px;
    margin: 18px 0 10px;
    line-height: 20px;
    font-size: 20px;
    font-weight: normal;
    white-space: nowrap;
    border-bottom: 1px solid #BBB;
    display:block;
}
.product-install{
    width: 100%;
    border-radius: 4px;
    position: relative;
    margin-top:2px;
    margin-bottom: 5px;
    border-color: #5880B4;

}
.product-install:hover{
    background: #eee;
}
.product-install .plogo {
    width:50px;
    height: 50px;
    float:left;
    background-repeat: no-repeat;
}

.product-install .mainlink {
    float:left;
    text-decoration: none;
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    font-size:14pt;
    padding-top:5px;
    padding-left: 60px;
}
.product-install .mainlink:hover {
    text-decoration: underline;
    border:0;
}
.product-install .mainlink.no-image {
    padding-top:10px;
    padding-left: 10px;
}
.product-install p {
    padding-top: 29px;
    padding-left:60px;
    font-size: 10pt;
    color: #555;
    font-style: italic;
}

.product-install .plogo.gni {
    background-image: url('../img/gni.png');
    background-position: 3px 1px;
}
.product-install .plogo.gnc {
    background-image: url('../img/gnc.png');
    background-position: 2px 8px;
}
.product-install .plogo.gnf {
    background-image: url('../img/gnf.png');
    background-position: 3px 4px;
}
.product-install .plogo.gng {
    background-image: url('../img/gng.png');
    background-position: 3px 1px;
}
.product-install .plogo.adm {
    background-image: url('../img/admin.jpg');
    background-position: 3px 3px;
}
.product-install .plogo.gndd {
    background-image: url('../img/process-install/wheels.png');
    background-position: 10px 6px;
    background-size: 40px;
}
.product-install .plogo.php {
    background-image: url('../img/php.jpg');
    background-position: 3px 3px;
}
.product-install .plogo.pma {
    background-image: url('../img/pma.jpg');
    background-position: 3px 3px;
}
.product-install .plogo.backup {
    background-image: url('../img/backup.png');
    background-position: 3px 3px;
}
.product-install .plogo.install {
    background-image: url('../img/install.png');
    background-position: 3px 1px;
}
.product-install .plogo.control-panel {
    background-image: url('../img/control-panel.png');
    background-position: 3px 0;
}
.product-install .plogo.update {
    background-image: url('../img/update-icon.png');
    background-position: 3px 1px;
}
.product-install .plogo.downgrade {
    background-image: url('../img/downgrade-icon.png');
    background-position: 3px 1px;
}
.product-install .plogo.domen {
    background-image: url('../img/domen.png');
    background-position: 3px 1px;
}
.product-install .plogo.journal {
    background-image: url('../img/journal.png');
    background-position: 3px 1px;
}
.product-install .plogo.lock {
    background-image: url('../img/cones.png');
    background-position: 3px 2px;
}
.product-install .plogo.adminpsw {
    background-image: url('../img/adminpsw.png');
    background-position: 3px 2px;
}
.product-install .plogo.db {
    background-image: url('../img/db.png');
    background-position: 3px 2px;
}
.product-install .plogo.timezone {
    background-image: url('../img/timezone.png');
    background-position: 3px 2px;
}
.product-install .plogo.access {
    background-image: url('../img/access.png');
    background-position: 3px 2px;
}
.product-install .plogo.settings {
    background-image: url('../img/settings.png');
    background-position: 2px 2px;
}
.product-install .plogo.server-update {
    background-image: url('../img/server-update.png');
    background-position: 2px 2px;
}

.recovery-form select {
    width:320px;
}

.process-steps div {
    opacity: 0.7;
    background-image: url('../img/next-icon.png');
    background-repeat: no-repeat;
    color: #888;
    margin:15px;
    padding-left:35px;
    font-size:20px;
}
.process-steps div.run {
    opacity: 1.0;
    background-image: url('../img/update-load.gif');
    color: #444;
}
.process-steps div.completed {
    opacity: 1.0;
    background-image: url('../img/ok-icon.png');
    color: #222;
}
#error .message {
    margin-left: 20px;
}
#error .text {
    margin-left: 20px;
    margin-top: 5px;
    color: #555;
}

.activation-key-input  {width:400px;}


table#storages {width:100%;border: 1px solid #ddd;}
table#storages th,
table#storages td {border:1px solid #ddd;text-align:left;padding:5px;}

table#storages td > input {text-align:center;}