﻿
.Header_Box
{
    position:relative;
    top:0px;
    left:10px;
    border:0px solid #DDE6FC;
    /*display:inline-block;*/
    display:inline;
}

.Album_Box
{
}

.Album_Box .header
{
    color:#666666;
    background-color:#F4F4F4;
    position:relative;
    height:30px;
    top:4px;
}

.Album_Box .header .list
{
    position:absolute;top:3px;
    right:220px;
}

.Album_Box .header .Counter
{
    font-size:11px;
    position:absolute;
    top:20px;
    left:10px;
}

.Album_Box .grid
{
    overflow:auto;
    display:inline-block;
}

.Album_Box .low_grid
{
    top:150px;
}

.Album_Box .Pager
{
    float:right;
    width:190px;
    right:4px;
    top:0px;
    position:absolute;
}

.Album_Box .Pager .prev
{
  position:absolute;top:5px;left:0px;
}

.Album_Box .Pager .next
{
   position:absolute;top:5px;right:0px;
}

.Album_Box .Pager .slider
{
    position:absolute;top:20px;left:20px;
}

.Album_Box .Pager .pages
{
    position:absolute;top:3px;left:20px;
    font-size:11px;
}

.Thumb{
    float:left;
    position:relative;
    display:inline-block;
    background-color:#142538;
    height:250px;
    width:205px;
    margin-right:20px;
    margin-bottom:20px;
    padding-left:12px;
    overflow:hidden;
    background-image:url('/App/img/thumb.png');
    line-height:normal;
    font-family:helveticaneuem6roman;
    font-size:12px;
}

.Thumb .label
{
    font-size:11px;
    padding-left:0px;
    font-weight:normal;
}

.Thumb .image
{
    margin-bottom:5px;
}

.Thumb .title
{
    font-size:10px;
    padding-left:0px;
}

.Thumb .header{
    background-color:transparent;
    height:30px;
    position:relative;
}

.Thumb .Basket
{
    position:absolute;left:0px;top:5px;
}

.Thumb .Download
{
    position:absolute;left:20px;top:5px;
}

.Thumb .Serie_Pack
{
    float:right; margin-top:2px;margin-right:4px;font-size:16px;cursor:pointer;
}

.Thumb .Count
{
    float:right; margin-top:2px;margin-right:4px;
}

.Thumb .Download:hover, .Thumb .Basket:hover, .Lightbox .Create:hover, .Thumb .Serie_Pack:hover
{
}

.Thumb .logo
{
    display:none;
}

.Report_Box
{
    margin-top:-3px;
    margin-bottom:10px;
}

.Report_Box  .Legend
{
    width:880px;
}

.Report_Box .title
{
    margin-right:20px;
}

.Selection {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 10px;
    height: 30px;
    line-height: 30px;
}

.Selection select
{
    float:left;
    width:276px;
    display:inline-block;
    height:30px;
    padding:6px 12px;
    color:#BFDFFF;
    background-color:#384F6E;
    border-radius:6px;
    border-width:1px;
    border-style:solid;
    border-top-color: #A9C7EA;
    border-left-color:#374F6C;
    border-right-color:#374F6C;
    border-bottom-color: #556E8E; /*#A9C7EA;*/
    font-family:helveticaneuem6roman;
}

.Selection .action
{
    margin-left:10px;
}

.Search
{
    display:inline-block;
    width:900px;
    margin-bottom:20px;
    margin-top:0px;
}

.Search select
{
    float:left;
    width:280px;
    display:inline-block;
    height:30px;
    padding:6px 12px;
    color:#BFDFFF;
    background-color:#384F6E;
    border-radius:6px;
    border-top-width:1px;
    border-bottom-width:1px;
    border-style:solid;
    border-top-color: #A9C7EA;
    border-left-color:#374F6C;
    border-right-color:#374F6C;
    border-bottom-color: #556E8E; /*#A9C7EA;*/
    font-family:helveticaneuem6roman;
    margin-bottom:10px;
}

.Search .Date
{
    margin-right:20px;
}

.Search .DY
{
    width:200px;
    margin-right:2px;
}

.Search .DW
{
    width:78px;
    margin-right:20px;
}

.Search .Cat
{
    margin-right:20px;
}

.Search .Subject
{
    width:580px;
}

.Search .Unit
{
}

.Lightbox
{
    margin-top:16px;
    margin-left:0px;
    width:300px;
}

.Lightbox .Detail
{
    width:300px;
    padding-left:10px;
    background-color:#192d44;
    border-radius:6px;
    padding-top:6px;
    padding-bottom:6px;
    min-height:1000px;
    margin-top:-6px;
    font-size:12px;
}

    .Lightbox .Menu {
        width: 300px;
        padding-left: 10px;
        background-color: #192d44;
        border-radius: 6px;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .Lightbox .Menu .action {
        padding-left: 0px;
    }

.Lightbox .Sel
{
    width:300px;
    position:relative;
    margin-bottom:20px;
}

.Lightbox .Sel select
{
    /*background-position:center;
    background-position-x:0px;
    background-repeat:no-repeat;
    background-color:transparent;
    background-image:url('/App/img/S_MD.png');*/
    /*-moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;*/
    display:block;
    width:100%;
    height:30px;
    padding:6px 12px;
    color:white;
    background-color:#384F6E;
    border-radius:6px;
    border-width:1px;
    border-style:solid;
    border-top-color: #A9C7EA;
    border-left-color:#374F6C;
    border-right-color:#374F6C;
    border-bottom-color: #556E8E; /*#A9C7EA;*/
    font-family:helveticaneuem6roman;
}
.Lightbox .Sel select:focus
{
    outline:none;
}

.Lightbox .Detail td{
    vertical-align:top;
    padding-right:6px;
}

.Hidden
{
    display : none;
}

.hidden
{
    visibility:hidden;
}

.Wide_Dialog
{
    width:100%;
}

.Medium_Dialog
{
    width:1000px;
}

.Small_Dialog
{
    width:600px;
}

.Progress
{
    color:Blue;
    font-weight:bold;
}

td.bg_color{
BACKGROUND-COLOR: #969495;
TEXT-ALIGN: center;
padding-left:1px;
padding-right:1px;
padding-top:1px;
padding-bottom:1px;
}

P.body {
FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: justify; margin-left: 30px; padding-right: 30;
}


.rollover div
{
    position: absolute;
    width:100%;
    height:0px;
    top: 30px;
    left: 0px;
    opacity: 0.8;
    background-color: white;
    color:#484848;
    overflow:hidden;
    word-wrap:normal;
    text-align:center;
    /*margin:0px;*/
}

div.rollover
{
    cursor:pointer;
    /*margin:0px;*/
}



.grid{
    clear:both;
    width:900px;
    display:inline-block;
    margin-top:20px;
}

.ui-dialog{
    background-color:#1D3550;
    border:none;
}

.ui-dialog .ui-dialog-titlebar{
    border:none;
    margin-top:6px;
    padding:0px;
    background-color:transparent;
    float:right;
    display:block;
    width:32px;
    height:32px;
}
.ui-dialog-title{
    display:none;
}

.ui-dialog .ui-dialog-titlebar-close
{
    top:0px;
    width:32px;
    height:32px;
    border:none;
    margin:0px;
    background-image:url('/App/img/B_Close.png');
    background-repeat:no-repeat;
    background-color:transparent;
    background-position:left top;
}

.ui-dialog .ui-dialog-titlebar-close:hover
{
    background-image:url('/App/img/B_Close_H.png');
}

.ui-widget-content, .ui-widget-content a
{
    color:#839BB6;
}
.ui-widget
{
    font-family:helveticaneuem6roman;
    font-size:12px;
}

.ui-widget label
{
    font-weight:normal;
}

.ui-widget a
{
   color:#BFDFFF;
}


.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl
{border-top-left-radius:6px}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr
{border-top-right-radius:6px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl
{border-bottom-left-radius:6px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br
{border-bottom-right-radius:6px}

.Download{
    width:22px;
    height:22px;
    border:none;
    background-image:url('/App/img/download.png');
    background-repeat:no-repeat;
    background-color:transparent;
    background-position:left top;
}
.Download:hover{
    background-image:url('/App/img/download_H.png');
}

.B_Pin{
    width:22px;
    height:22px;
    border:none;
    background-repeat:no-repeat;
    background-color:transparent;
    background-position:left top;
    outline:none;
}

.B_Pin.On, .B_Pin.Off:hover{
    background-image:url('/App/img/unpin.png');
}
.B_Pin.On:hover, .B_Pin.Off{
    background-image:url('/App/img/pin.png');
}

.Detail_Box .grid{
    clear:none;
}

.Pager{

    float:right;
}

.Pager .buttons{
    position:relative;
    float:right;
    padding-right:20px;
    padding-bottom:0px;
    height:30px;
}

.Pager .buttons input{
    display:inline-block;
    width:30px;
    height:30px;
    border:none;
    background-repeat:no-repeat;
    background-color:transparent;
    margin-right:0px;
    margin-left:0px;
}

.Pager .buttons .prev{
   background-image:url('/App/img/L_Arrow.png');
}

.Pager .buttons .next{
   background-image:url('/App/img/R_Arrow.png');
}
.Pager .buttons .prev:hover{
   background-image:url('/App/img/L_Arrow_H.png');
}
.Pager .buttons .next:hover{
   background-image:url('/App/img/R_Arrow_H.png');
}


.Pager .pages{
    display:inline-block;
    margin-right:10px;
    height:30px;
}

.Pager .pages .num{
    border-radius:6px;
    height:30px;
    text-align:center;
    width:50px;
    border:none;
    font-size:16px;

}

.Pager .pages .count{
    font-size:16px;
}

.Detail_Box {
}
.Detail_Box input.text:focus{
    outline:none;
}

    .Detail_Box .header {
        padding-right: 20px;
    }

.Detail_Box .grid
{
    margin-top:0px;
    padding-left:5px;
    font-size:12px;
    width:100%;
    display:block;
}

.Detail_Box .grid p
{
    margin-bottom:0px;
}

.Detail_Box .Label
{
    font-size:12px;
}

.Detail_Box .grid .Value
{
    color:white;
    font-size:12px;
}

.Detail_Box img
{
    float:left;
    margin-right:20px;
}

.Detail_Box .footer
{
    float:left; clear:both;
    font-size:14px;
    width:100%;
    margin:4px 0px 4px 0px;
    color:white;
}

.Detail_Box .Code
{
    display:block;
    color:white;
    font-size:14px;
    margin-bottom:10px;
}

.Detail_Box .footer i
{
    margin-right:10px;
}

.View .header .title, .View .header .label {
    /*display:none;*/
}

.View .header .Counter {
    font-size:16px;
    line-height:32px;
}

.View .header .list{
    float:left;
    width:280px;
    display:inline-block;
    height:30px;
    padding:6px 12px;
    color:#BFDFFF;
    background-color:#384F6E;
    border-radius:6px;
    border-width:1px;
    border-style:solid;
    border-top-color: #A9C7EA;
    border-left-color:#374F6C;
    border-right-color:#374F6C;
    border-bottom-color: #556E8E; /*#A9C7EA;*/
    font-family:helveticaneuem6roman;
    font-size:14px;
    margin-right:20px;
}

.SEARCH .Padding{
    display:block;
    height:104px;
}

span.nohdef {
    color: indianred;
    font-size: 12px;
    margin-left: 20px;
    padding-left: 5px;
    padding-right: 5px;
}