.boxes {
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #444;
    display: none;
    text-shadow: none;
}
.boxes a:active, .boxes a:visited {
    color: #2D6C96;
}
.boxes a:hover {
    color: #222;
}
.boxes.inactive {
    /*opacity: 0.7;*/
}
.boxes.active {
    /* box aktywny - bez styli */
}
.boxes.container {
    background: #FFFFFF;
    border-radius: 3px;
    box-shadow: 1px 1px 4px #222222;
    padding: 10px;
    position: fixed;
}
.boxes.image.container {
    padding: 5px;
}
.boxesBackground {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.5;
    display: none;

    background: #888888; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4ODg4ODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  #888888 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#888888), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #888888 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #888888 0%,#000000 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #888888 0%,#000000 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #888888 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.boxes .title {
    position: relative;
    height: 20px;
    /*border-bottom: 1px solid #eee;*/
    font-size: 18px;
    color: #195882;
    padding-bottom: 5px;
}
.boxes .title .text {
    display: inline;
    padding-right: 30px;
}
.boxes.ui-draggable .title {
    cursor: move;
}
.boxes .title.shown {
    display: block !important;
}
.boxes .title + .content {
    margin-top: 10px;
}
.boxes .close {
    background: url("images/closeCircle.png") no-repeat scroll 0 0 transparent;
    height: 26px;
    position: absolute;
    right: -14px;
    top: -14px;
    width: 26px;
    z-index: 1003;
    cursor: pointer;
}
.boxes .title .close {
    background: url("images/close.png") no-repeat scroll 4px 4px #FFFFFF;
    cursor: pointer;
    height: 21px;
    opacity: 0.5;
    position: absolute;
    right: -5px;
    top: -1px;
    width: 21px;
    box-shadow: none;
}
.boxes .title .close:hover {
    opacity: 1;
}
.boxes .content {
    position: relative;
    text-align: justify;
}
.boxes .content .imageContainer {
    /* style do kontenera ze zdjeciem */
    display: inline;
    /*line-height: 0px;*/
}
.boxes .content .loading {
    width: 32px;
    height: 32px;
    margin: auto;
    background: url('images/loading.gif') no-repeat;
}
.boxes .content p {
    padding: 0px;
    margin-bottom: 5px;
}
.boxes .buttons {
    padding: 10px 0px 0px 0px;
    text-align: center;
}
.boxes .separator {
    background: none repeat scroll 0 0 #EEEEEE;
    height: 1px;
    left: 0;
    margin-top: -10px;
    position: absolute;
    width: 100%;
}
.boxes .button {
    font-family: Arial, sans-serif;
    font-size: 13px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    min-width: 80px;
    border-radius: 4px;
    color: #fff;
    text-shadow: -1px -1px 0 #2D6C96;
    text-align: center;
    cursor: pointer;
    margin: 0 5px;
    padding: 0 7px;
    border: none;

    background: #2D6C96;
    background: -moz-linear-gradient(top,  #3990b2 0%, #2d6c96 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3990b2), color-stop(100%,#2d6c96));
    background: -webkit-linear-gradient(top,  #3990b2 0%,#2d6c96 100%);
    background: -o-linear-gradient(top,  #3990b2 0%,#2d6c96 100%);
    background: -ms-linear-gradient(top,  #3990b2 0%,#2d6c96 100%);
    background: linear-gradient(to bottom,  #3990b2 0%,#2d6c96 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3990b2', endColorstr='#2d6c96',GradientType=0 );
    box-shadow: 0 0 5px #2D6C96 inset, 0 0 1px #222222 inset;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.boxes .button:hover {
    opacity: 0.9;
}
.boxes .button:focus, .boxes .button:active {
    box-shadow: 0 0 5px #28658C inset, 0 0 5px #222222 inset;
}
.boxes .button.cancel {
    background: #8c8c8c;
    background: -moz-linear-gradient(top,  #8c8c8c 0%, #666666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c8c8c), color-stop(100%,#666666));
    background: -webkit-linear-gradient(top,  #8c8c8c 0%,#666666 100%);
    background: -o-linear-gradient(top,  #8c8c8c 0%,#666666 100%);
    background: -ms-linear-gradient(top,  #8c8c8c 0%,#666666 100%);
    background: linear-gradient(to bottom,  #8c8c8c 0%,#666666 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c8c8c', endColorstr='#666666',GradientType=0 );

    box-shadow: 0 0 5px #666666 inset, 0 0 1px #222 inset;
    text-shadow: -1px -1px 0 #666666;
}
.boxes .button.green {
    background: #3B932C;
    background: -moz-linear-gradient(top, #5FBC4F 0%, #3B932C  100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5FBC4F), color-stop(100%,#3B932C ));
    background: -webkit-linear-gradient(top, #5FBC4F 0%,#3B932C  100%);
    background: -o-linear-gradient(top, #5FBC4F 0%,#3B932C  100%);
    background: -ms-linear-gradient(top, #5FBC4F 0%,#3B932C  100%);
    background: linear-gradient(to bottom, #5FBC4F 0%,#3B932C  100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5FBC4F', endColorstr='#3B932C ',GradientType=0 );

    box-shadow: 0 0 5px #3B932C  inset, 0 0 1px #222 inset;
    text-shadow: -1px -1px 0 #3B932C ;
}
.boxes .button.red {
    background: #b33939;
    background: -moz-linear-gradient(top,  #b33939 0%, #973a2d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b33939), color-stop(100%,#973a2d));
    background: -webkit-linear-gradient(top,  #b33939 0%,#973a2d 100%);
    background: -o-linear-gradient(top,  #b33939 0%,#973a2d 100%);
    background: -ms-linear-gradient(top,  #b33939 0%,#973a2d 100%);
    background: linear-gradient(to bottom,  #b33939 0%,#973a2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b33939', endColorstr='#973a2d',GradientType=0 );

    box-shadow: 0 0 5px #973a2d  inset, 0 0 1px #222 inset;
    text-shadow: -1px -1px 0 #973a2d ;
}
.boxes .button.progress {
    background: url(/images/progress.gif) repeat-x center;
    box-shadow: 0 0 5px #2D6C96 inset, 0 0 1px #222222 inset;
    text-shadow: -1px -1px 0 #2D6C96;
}
.boxes .button.cancel:focus, .boxes .button.cancel:active {
    box-shadow: 0 0 5px #666666 inset, 0 0 5px #222 inset;
}

.boxes .button.right {
    margin-right: 0px;
    float: right;
}

.boxesIcon {
    display: inline-block;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 10px;
}
.boxesIcon.alert {
    background: url('images/alertIcon.png') no-repeat;
}
.boxesIcon.error {
    background: url('images/errorIcon.png') no-repeat;
}
.boxesIcon.success {
    background: url('images/successIcon.png') no-repeat;
}
.boxesIcon.info {
    background: url('images/infoIcon.png') no-repeat;
}
.boxesIcon.confirm {
    background: url('images/confirmIcon.png') no-repeat;
}

.boxesIcon + p {
    vertical-align: top;
    margin: 0;
}

.clear {
    clear: both;
}


/** Custom classes */
#boxesLoading {
    padding: 5px;
}


/** custom boxes */
.boxes.custom {
    margin: 50px;
}
.boxes.custom.title {

}

.boxes.information {
    background: #4FA3C1;
    border: 1px solid #4FA3C1;
    color: #FFFFFF;
    text-align: center;
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
    min-width: 120px !important;
}
.boxes.information .content {
    text-align: center;
}

.boxes.information.ok {
    background: #88AC64;
    border-color: #88AC64;
}
.boxes.information.error {
    background: #C76969;
    border-color: #C76969;
}