.pull-left { float: left; }
.pull-right { float: right; }

.share { line-height: 32px; }
.share label { display: inline-block; }

.share-buttons { display: inline-block; }
.share-buttons > div, 
.share-buttons > a { display: inline-block; vertical-align: middle; margin: 0 2px; }
.share-buttons > a { width: 20px; height: 20px; }

#gg-share { background: url("../img/share/gg.png") no-repeat center; }
#nk-share { background: url("../img/share/nk.png") no-repeat center; }
#twitter-share { background: url("../img/share/twitter.png") no-repeat center; }
#gr-share { background: url("../img/share/gr.png") no-repeat center; }
#blip-share { background: url("../img/share/blip.png") no-repeat center; }
#wykop-share { background: url("../img/share/wykop.png") no-repeat center; }
#fb-share { background: url("../img/share/fb.png") no-repeat center; }

.actions_list .actions {
    float: right;
    overflow: hidden;
    margin: 5px;
    clear: both;
}

.actions_list .entry_actions {
    overflow: hidden;
    margin: 5px;
    clear: both;
}

.actions_list .entry_actions .actions {
    clear: none;
    margin: 0;
}

.actions_list .actions li {
    display: inline;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #585858;
}
.actions_list .actions li:last-child {
    margin-right: 0px;
    padding-right: 0px;
    border-right: none;
}

/* FLASHINFO 
*******************************************************************************/

.flashinfo {  
    position: relative; font-weight: bold; font-size: 13px; padding-top: 20px; padding-bottom: 17px;
    margin-bottom: 15px; text-align: center; 
}
.flashinfo.info {color: #0067C0;}
.flashinfo.error { border: 2px solid #9c0d11; background-color: #f1c9ca; color: #a10b0d;  }
.flashinfo.success { border: 2px solid #8ec63d; background-color: #d2e9b5; color: #476823; } 
.flashinfo.warning { border: 2px solid #FFBC00; background-color: #FFF79B; color: #FF8E0D; }

/* PAGINATION
*******************************************************************************/

.pagination { float: right; margin: 15px 0; overflow: hidden; }

.pagination > * {
    display: inline-block;
    line-height: 34px;
    margin: 0px 1px;
    font-size: 13px;
    font-weight: bold;
    color: #555555;
    width: 32px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    background: white;
}

.pagination strong {
    font-size: 14px;
    color: white;
    background: #c7c7c7;
}
.pagination a[rel="prev"],
.pagination a[rel="next"] {
    width: auto; padding: 0 14px; color: #0072bc; font-weight: normal;
}

/* FORMS
*******************************************************************************/

.bform { margin-top: 20px; }

.bform span.error { color: #ed1c24; font-weight: bold; display: block; float: right; width: 410px; text-align: left; }

.bform fieldset { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e1e1e1; }

.bform fieldset.buttons { text-align: right; }

.bform fieldset legend {
    font-size: 14px; font-weight: bold; border: 1px solid #e1e1e1; display: block;
    padding: 6px;
}

.bform input[type=text],
.bform input[type=password],
.bform select { width: 180px; padding: 5px; border: 1px solid #e1e1e1; background: white; }
.bform textarea { padding: 5px; border: 1px solid #e1e1e1; outline: 0 none; }
.bform textarea.editor { width: 450px; }

.bform input[type=checkbox], 
.bform input[type=radio] { vertical-align: middle; }

.bform input.error,
.bform select.error,
.bform textarea.error { border: 1px solid #ed1c24 !important; }

.bform input[disabled],
.bform select[disabled],
.bform textarea[disabled] {
    background-color: #eee;
    cursor: not-allowed;
}

a.button.center { display: block; width: 140px; padding: 4px 10px; text-align: center; margin: 0 auto; }

.btn-facebook {
    background: url("../img/buttons/FBlogin.png") no-repeat;
    width: 226px;
    height: 29px;
    display: inline-block;
    padding-left: 30px;
    line-height: 29px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

a.btn-facebook:hover {
    color: white;
    text-decoration: none;
}

#auth_login_box .btn-facebook { margin-top: 30px; }

ul.errors { margin-top: 20px; margin-bottom: 20px; text-align: center; color: #ed1c24; list-style: none; }
ul.errors li { margin-bottom: 4px; }

.bform .row { overflow: hidden; clear: both; margin: 0; padding: 0; }

.control-group { margin-bottom: 15px; overflow: hidden; }
.control-group.full { width: auto; float: none; clear: both; }

.control-group > label,
.control-group > .label {
    float: left; width: 280px; font-weight: bold; text-align: right; padding: 5px 5px 5px 0;
}
.control-group > label.full { float: none; width: auto; display: block; text-align: left; }
.control-group label .required,
.control-group .label .required { color: red; }

.control-group > .controls { margin-left: 285px; }
.control-group > .controls > *  { margin-bottom: 3px; }
.control-group > .controls label  { font-weight: normal; }

.control-group span.error { float: none; width: auto; }

.control-group .controls .inline { overflow: hidden; }
.control-group .controls .inline > * { display: inline; }

.control-group.group > label { width: auto; }
.control-group.group > .controls { width: auto; }
.control-group.group > .controls label { width: auto; text-align: left; }

.control-group .controls label input[type="checkbox"] { margin: 2px 3px 0 }

.form-buttons { clear: both; overflow: hidden; margin-top: 10px; }
.form-buttons ul { margin-left: 285px; padding: 0; list-style: none; }

.form-vertical { margin: 20px auto; }
.form-vertical .control-group { float: left; clear: none; }
.form-vertical .control-group.full { float: none; clear: both; }
.form-vertical .control-group > label { width: 150px; float: left; }
.form-vertical .control-group > .controls { margin-left: 155px; }
.form-vertical .input-chbox > label { display: none; }
.form-vertical .form-buttons ul { float: right; margin: 0px; }

.form-mini {
    margin: 20px auto 0 auto;
    max-width: 590px;
}

.form-mini ul.errors {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: #ed1c24;
    list-style: none;
}

.form-mini ul.errors li {
    margin-bottom: 4px;
}

.form-mini span.error {
    color: #ed1c24;
    font-weight: bold;
    display: block;
    float: right;
    width: 410px;
    text-align: left;
}

.form-mini fieldset.border {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e1e1e1;
}

.form-mini fieldset.buttons {
    text-align: right;
}

.form-mini fieldset legend {
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding: 6px;
}

.form-mini .form-buttons ul {
    margin-left: 0;
}

.form-mini *[type="submit"] {
    width: 100%;
}

.form-mini .control-group {
    margin-bottom: 10px;
}

.form-mini .control-group > label,
.form-mini .control-group > .label {
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 6px;
    padding: 0;
    float: none;
    width: 100%;
    clear: both;
    text-align: left;
}

.form-mini .control-group > label .required,
.form-mini .control-group > .label .required {
    color: red;
}

.form-mini .control-group > .controls {
    overflow: hidden;
    margin-left: 0;
    width: 100%;
}

.form-mini .control-group > .controls > * {
    margin-bottom: 3px;
}

.form-mini .control-group > .controls input[type="text"],
.form-mini .control-group > .controls input[type="password"] {
    width: 100%;
    font-size: 15px;
    border: 1px solid #d2d2d2;
    background-color: #ffffff;
    color: #545454;
    padding: 6px;
    height: 34px;
}

.form-mini .control-group > .controls input[type="text"].error,
.form-mini .control-group > .controls input[type="password"].error {
    border: 1px solid #ed1c24;
    background-color: #fcd9da;
}

.form-mini .control-group > .controls input[type="text"].success,
.form-mini .control-group > .controls input[type="password"].success {
    border: 1px solid #3c763d;
    background-color: #cce5cc;
}

.form-mini .control-group > .controls input[type="text"]:disabled,
.form-mini .control-group > .controls input[type="password"]:disabled {
    opacity: 0.5;
}

.form-mini .control-group > .controls input[type="text"].half,
.form-mini .control-group > .controls input[type="password"].half {
    width: 50%;
    float: left;
}

.form-mini .control-group > .controls select {
    width: 100%;
    font-size: 15px;
    border: 1px solid #d2d2d2;
    background-color: #ffffff;
    color: #545454;
    padding: 6px;
    height: 34px;
    outline: 0;
}

.form-mini .control-group > .controls select.error {
    border: 1px solid #ed1c24;
    background-color: #fcd9da;
}

.form-mini .control-group > .controls select.success {
    border: 1px solid #3c763d;
    background-color: #cce5cc;
}

.form-mini .control-group > .controls select:disabled {
    opacity: 0.5;
}

.form-mini .control-group > .controls textarea {
    width: 100%;
    font-size: 15px;
    border: 1px solid #d2d2d2;
    background-color: #ffffff;
    color: #545454;
    padding: 6px;
    height: auto;
}

.form-mini .control-group > .controls textarea.error {
    border: 1px solid #ed1c24;
    background-color: #fcd9da;
}

.form-mini .control-group > .controls textarea.success {
    border: 1px solid #3c763d;
    background-color: #cce5cc;
}

.form-mini .control-group > .controls textarea:disabled {
    opacity: 0.5;
}

.form-mini .control-group > .controls textarea.editor {
    width: 100%;
}

.form-mini .control-group > .controls .html-before,
.form-mini .control-group > .controls .html-after {
    color: #898989;
    font-size: 12px;
    font-weight: 300;
}

.form-mini .control-group.input-chbox > label,
.form-mini .control-group.input-chbox > .label {
    display: none;
}

.form-mini .control-group.input-chbox > .controls input[type="checkbox"] {
    margin: 0 5px 0 0;
}

.form-mini .control-group.input-chbox > .controls label {
    font-weight: 300;
    font-size: 14px;
}

.form-mini .control-group.input-chbox > .controls label .required {
    color: red;
}

@media (max-width: 768px) {
    .form-mini .form-buttons ul {
        float: none;
        margin: 0px;
    }
}

/* payment method group */

.payment_method_group .controls label { padding: 4px 0; display: block; font-weight: normal; }
.payment_method_group .controls label:last-child { margin-right: 0; }

#payment-info { padding: 8px 0; }

.bform .field_map { width: 400px; height: 400px; }

/* File uploader field */

.file_uploader { width: 480px; }
.file_uploader .files_container { overflow: hidden; }
.file_uploader .files_container > * { display: inline-block; float: left; margin: 5px; width: 100px; height: 100px; overflow: hidden; }
.file_uploader .files_container .placeholder { background: #cecece; border: 1px dashed #535353; }
.file_uploader .files_container .file { position: relative; border: 1px solid #E4E4E4; background: white; }
.file_uploader .files_container .file .image-wrapper { height: 100px; line-height: 100px; text-align: center; }
.file_uploader .files_container .file .image-wrapper img,
.file_uploader .files_container .file .image-wrapper canvas { max-width: 100px; max-height: 100px; vertical-align: middle; }
.file_uploader .files_container .file .file_name {
    text-align: center; margin-top: 3px; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap;font-size: 11px;
}
.file_uploader .files_container .file .close {
    position: absolute; right: 0; top: 0; color: red; background: white; padding: 2px;
    width: 16px; height: 16px; font-size: 20px; text-align: center; opacity: .8;
    text-decoration: none;
}
.file_uploader .files_container .file .close:hover { font-weight: bold; text-decoration: none; }
.file_uploader .upload_files { width: auto; }
.file_uploader .upload_files input { margin: 5px; display: inline-block; }

/* Captcha */

.captcha_box .riddle .question { font-weight: bold; }

/* Filters visability */

.toggle_visability_box {
    position: relative;
    min-height: 40px;
	margin-bottom: 10px;
}

.toggle_visability_box .toggle_visability_btn {
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px;
    display: none;
    padding-left: 8px;
    padding-right: 28px;
    text-align: center;
    font-size: 13px;
    color: white;
    border-radius: 3px;
}

.toggle_visability_box .toggle_visability_btn:before {
    content: "";
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    width: 7px;
    height: 7px;
    border-width: 0 0 3px 3px;
    border-style: solid;
    border-color: white;
    margin: auto;
    background: transparent;
    -webkit-transform: translateY(-2px) rotate(-45deg);
    -moz-transform: translateY(-2px) rotate(-45deg);
    -ms-transform: translateY(-2px) rotate(-45deg);
    -o-transform: translateY(-2px) rotate(-45deg);
    transform: translateY(-2px) rotate(-45deg);
}

.toggle_visability_box .toggle_visability_btn:hover {
    color: white;
}

.toggle_visability_box.collapsed .toggle_visability_btn {
    background: #008ed4;
    background: -moz-linear-gradient(top, #008ed4 0%, #007ac9 100%);
    background: -webkit-linear-gradient(top, #008ed4 0%,#007ac9 100%);
    background: linear-gradient(to bottom, #008ed4 0%,#007ac9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ed4', endColorstr='#007ac9',GradientType=0 );
    border: 1px solid #006cd8;
}

.toggle_visability_box.expanded .toggle_visability_btn {
    color: #545454;
    background: #d5d5d5;
    background: -moz-linear-gradient(top, #d5d5d5 0%, #cacaca 100%);
    background: -webkit-linear-gradient(top, #d5d5d5 0%,#cacaca 100%);
    background: linear-gradient(to bottom, #d5d5d5 0%,#cacaca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#cacaca',GradientType=0 );
    border: 1px solid #bebebe;
}

.toggle_visability_box.expanded .toggle_visability_btn:before {
    border-color: #2c2c2c;
}

/* Cookies alert */

.cookie-alert {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: black;
    color: white; 
    font-size: 11px;
    line-height: 1.4em;
    text-align: center;
    opacity: 0.8;
    z-index: 9999;
}

.cookie-alert .wrapper {
    max-width: 990px;
    margin: 5px auto 20px auto;
}

.cookie-alert .text {
    margin: 10px 0;
}

.cookie-alert a {
    color:white;
    text-decoration: underline;
    font-weight:bold;
    font-size:14px;
}

@media (max-width: 768px) {
    .control-group { margin: 0 0 10px 0; }
    .control-group > label { text-align: left; display: block; width: auto; float: none; clear: both; margin: 0; }
    .control-group > .controls { display: block; width: auto; float: none; clear: both; margin: 0; }
    
    .bform input[type=text],
    .bform input[type=password],
    .bform select,
    .bform textarea { width: 100%; }
    
    .form-buttons ul { float: right; margin: 0px; }
    
    .form-vertical .control-group { float: none; clear: both; }
    .form-vertical .control-group > label { width: 100%; float: none; }
    .form-vertical .control-group > .controls { margin-left: 0; }
    
    .payment_method_group .controls label { display: block; }
}

/* Dialog */
.dialog { display: none; max-width: 900px; }

/* Fix dialog overlay gap bug */
.ui-widget-overlay { background: #000 !important; }