/******************************************************************************/
/**************** GALLERY *******************/

#galleryHolder {
    width: 104%;
}
#galleryHolder .picture {
    width: 210px; height: 210px;
    display: block;
    float: left;
    border: 1px solid #ccc;
    text-align: center;
    margin: 0 5px 5px 0;
}
#galleryHolder .picture.last {
    margin: 0 0 5px 0;
}
#galleryHolder .picture a {
    width: 210px; height: 210px;
    displaY: block;
}
#galleryHolder .picture a img {
    border: 0 none !important;
    margin: 0; padding: 0;
    display: none;
}

/******************************************************************************/
/**************** TOOL TIP *******************/

#dweTip {
    padding: 10px 10px;
    background: #444;
    color: #fff;
    font-family: Tahoma; font-size: 12px;
    line-height: 100%;
    border: 1px solid #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: normal;
    text-align: left;
}

/******************************************************************************/
/**************** SYSTEMS NOTIFY *******************/

.success {
    background-color: #e2ffe5;
    background-image: -moz-linear-gradient(center top , #e2ffe5, #ccffd2);
    border: 1px solid #36b044;
    color: #016e0e;
    padding: 5px; margin: 5px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.alert {
    background-color: #FEF1EC;
    background-image: -moz-linear-gradient(center top , #FEF1EC, #ffeaea);
    border: 1px solid #CD0A0A;
    color: #CD0A0A;
    padding: 5px; margin: 5px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/******************************************************************************/
/**************** OFF ELEMENTS *******************/

p.pinputs {
    display: none !important;
}
.clear, .Clear {
    height: 0;
    font-size: 0;
    clear: both;
}

/******************************************************************************/
/**************** USER INTERFACE *******************/

#content #formAlerts ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
}
#content #formAlerts ul li {
    background: #ffe0e0 url('../images/components/crossSmall.png') no-repeat 7px 4px !important;
    display: block;
    margin:  0 0 5px 0 !important; padding: 3px 0 3px 30px !important;
    border: 1px solid #ff1b1b !important;
    color: #960000 !important;
}
#registrationHolder {
    display: none;
}
#registrationLoader {
    background: url('../images/components/registrationLoader.gif') no-repeat center center;
    display: block;
    height: 200px;
}
.registrationSection {
    display: none;
}
.registrationNameItem {
    background: #f8f8f8 url('../images/components/square.gif') no-repeat 10px center;
    display: block;
    cursor: pointer;
    border:1px solid #d4d4d4;
    padding: 7px 23px; margin: 0 0 5px 0;
}
.registrationNameItem:hover {
    background-color: #fff5e4;
    border:1px solid #ff9000;
    color: #444;
}
.registrationNameItem.active {
    background: #e3f5ff url('../images/components/squareBlue.gif') no-repeat 10px center;
    border:1px solid #00a8ff;
    color: #444;
    cursor: default !important;
}
.registrationButtonHolder .registrationButton,
.registrationButton {
    display: block;
    padding: 5px 15px;
    background:#fff5e4;
    width: 100px;
    text-align: center;
    border: 1px solid #ff9000;
    cursor: pointer;
    color: #444;
    margin: 0 0 20px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: right;
    text-decoration: none;
}
.registrationButtonHolder .registrationButton:hover,
.registrationButton:hover {
    background: #ffe4b5;
}
#registrationHolder .registrationButtonHolder .sendRegistration {
    background: #ff9000;
    color: black;
}
#registrationHolder .registrationButtonHolder .sendRegistration:hover {
    background: #ff6600;
}
#registrationHolder .box,
#userProfileHolder .box {
    border: 1px solid #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px; margin: 0 0 15px 0;
    display: block;
}
#content #registrationHolder .text,
#content #loginHolder .text {
    border: 1px solid #ccc;
    padding: 5px;
    color: #666;
    width: 200px;
}
#content #registrationHolder .text.req,
#content #loginHolder .text.req {
    background: #eaf9ff;
    color: #444;
}
#content #registrationHolder .note {
    resize: none;
    width: 550px;
    height: 70px;
}
.description {
    color: #b9b9b9;
}
#content #loginHolder .button,
#userProfileHolder .button {
    display: block;
    padding: 4px 12px;
    background:#fff5e4;
    width: 100px;
    text-align: center;
    border: 1px solid #ff9000;
    cursor: pointer;
    color: #444;
    margin: 0 5px 5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}
#content #loginHolder .button:hover,
#userProfileHolder .button:hover {
    background: #ffe4b5;
}

/******************************************************************************/
/**************** USER ORDERS*******************/

#content table.objednavky {
    border: 0 none;
    border-collapse: collapse;
    margin: 0; padding:0;
}
#content table.objednavky tr th {
    font-weight: normal;
    color: #000;
    text-align: left;
    border-bottom: 2px solid #eee;
    padding: 5px 0;
}
#content table.objednavky tr td {
    border-bottom: 1px solid #eee;
    padding: 5px 0;
}
#content table.objednavky tr th.padding,
#content table.objednavky tr td.padding {
    padding: 5px 5px;
}
#content table.objednavky tr.orderRowHover {
    cursor: pointer;
}
#content table.objednavky tr.orderRowHover:hover td {
    background: #f1fdff;
    color:#000;
}
#content table.objednavky tr td.orderInnerWrap {
    padding: 0;
}
#content table.objednavky tr td table.orderInner {
    background: #ffffdb;
    margin: 0;
}
#content table.objednavky tr td table.orderInner tr th {
    border-bottom: 1px solid #ffe25c;
    background: #fffeae;
    color: #825600;
    padding: 5px 5px;
}
#content table.objednavky tr td table.orderInner tr td {
    padding: 5px 5px;
    border-bottom: 1px solid #ffe25c;
}
#content table.objednavky tr td table.orderInner tr td a {
    color: #444;
    text-decoration: none;
}
#content table.objednavky tr td table.orderInner tr td a:hover {
    text-decoration: underline;
}
.nova {
    color: green;
}
.prijata {
    color: blue;
}
.vyrizeno {
    color: shaddow;
}
.expedovana {
    color: orange;
}

.pdfLinkEx {
    background: transparent url('../images/files_icons/pdf.gif') no-repeat top center;
    background-size: 14px;
    float: right;
    width: 15px;
    height: 18px;
}