/* DONT CHANGE */
.mediar-container {width: 100%;float: left;}
.mediar-container div {float: left;}
.mediar-container .mediar-top {width: 100%}
.mediar-left, .mediar-right {width: 80%;}
.mediar-right {float: right!important;width: 20%;}
.mediar-right .mediar-menu-icon {width: 99%;margin-bottom: 5px;}
.mediar-right .mediar-menu-inner {width: 100%;text-align: center;}
.mediar-right .mediar-menu-inner .align {margin: 0 auto;width: 86px;float: none;}
.mediar-container .hidden {display: none;}
    /* DONT CHANGE */


    /* styles */

.mediar-large-icon {text-align: center;width: 28%;margin-top: 15px;height: 120px}
.mediar-large-right {width: 70%}
.mediar-head {font-size: 10px;width: 100%;border-bottom: 1px solid #E6E6E6;padding: 1px 0 5px 0;margin-bottom: 2px}
.mediar-title {text-align: left;width: 100%;}
.mediar-title h2 {margin: 0;font-size: 2em;margin-bottom: 6px}
.mediar-date {font-size: 12px;}
.mediar-description {}
/*.mediar-top img {width: 35%;} */

.mediar-menu-icon {margin: 1px;font-size: 11px;color:#515151;}
.mediar-menu-icon a {display: block;}

.mediar-sliders {width: 90%}
.mediar-sliders .slider-holder {color:#515151;height: 18px;float: left;width: 99%;font-size: 11px}
.mediar-sliders .slider-outer {text-align:left; ;width: 68%;position: relative;top: 4px;border: 1px solid #D3D3D3;background: #E6E6E6;height: 5px;font-size: 3px}
.mediar-sliders .slider-inner {float: left;height: 5px;font-size: 3px;background: #2777F2;}
.mediar-sliders .slider-label {width: 30%}


.horoskope-icons {margin-bottom: 2px;text-indent:-999em;float: left;width: 86px;height: 86px;padding: 0;background: url(/DailyHoroscope/images/horoskopspriteplavi_280.png) 0px 0px no-repeat;background-repeat: no-repeat;cursor: pointer;}
.horoskope-icons-active, .horoskope-icons:hover {background-image: url(/DailyHoroscope/images/horoskopspritecrveni_280.png)} 

.ic-scorpio {background-position: -278px -95px}
.ic-leo {background-position: -3px -95px;}
.ic-cancer {background-position: -278px -3px;}
.ic-sagittarius {background-position: -3px -188px}
.ic-libra {background-position: -186px -95px;}
.ic-virgo {background-position: -97px -95px;}
.ic-gemini {background-position: -186px -3px;}
.ic-taurus {background-position: -97px -3px;}
.ic-aries {background-position: -3px -4px;}
.ic-pisces {background-position: -278px -188px}
.ic-aquarius {background-position: -187px -188px}
.ic-capricorn {background-position: -97px -188px;}


.mediar-imbedJavascript {font-size: 11px;margin-top: 14px;color:#515151;width: 95%;}
#mediar-imbed-Overlay {opacity:.65;filter:alpha(opacity=65);-moz-opacity:.65;background: #000;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;overflow: hidden;}
#mediar-imbed-Inner {text-align: left;width: 320px;font-size: 1.1em;z-index: 10010;position: absolute;padding: 20px;margin: 20px;background-color: #2B2B2B;color: rgb(0, 0, 0);left: 4%;top: 3em;}
.mediar-imbed-align-right {width: 100%;text-align: right;margin-top: -10px;margin-bottom: 4px}
.mediar-imbed-align-boot {width: 100%;text-align: right;margin-top: 4px;font-size: 10px;color:#515151;}
.mediar-imbed-align-boot a {color:#949494;text-decoration: none;}
.mediar-imbed-align-right a {color:#9E9E9E;}


.mediar-right-add {margin-top: 8px}


.box-shadow {
-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,.15);
-ms-box-shadow: inset 0px 1px 2px rgba(0,0,0,.15);
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,.15);
box-shadow: inset 0px 1px 2px rgba(0,0,0,.15);
}
.mediar-form-input-textarea {
border-color: #000000;
border-top-color: #000000;
width: 250px;
padding: 5px 8px 6px;
margin-top: 0;
margin-bottom: 0;
font-size: 11px;
color: #333;
border: 1px solid #d5d5d5;
border-top-color: #b5b5b5;
font-size: 12px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
height: 243px;
display: block;
font-family: monospace;
width: 96%;
}






    /*  tabs */
#mediar-tabs-min .ui-tabs {
    position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}
#mediar-tabs-min .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}
#mediar-tabs-min .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap;
}
#mediar-tabs-min .ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .1em .4em;
    text-decoration: none;
}
#mediar-tabs-min .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
#mediar-tabs-min .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
#mediar-tabs-min .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
#mediar-tabs-min .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
}
#mediar-tabs-min .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#mediar-tabs-min .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}
#mediar-tabs-min .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em 1em .8em;
    background: none;
}
#mediar-tabs-min .ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
body #mediar-tabs-min .ui-tooltip {
    border-width: 2px;
}


/* Interaction states
----------------------------------*/
#mediar-tabs-min .ui-state-default,
#mediar-tabs-min .ui-widget-content .ui-state-default,
#mediar-tabs-min .ui-widget-header .ui-state-default {
    border: 1px solid #87B7CC/*{borderColorDefault}*/;
    background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #555555/*{fcDefault}*/;
}
#mediar-tabs-min .ui-state-default a,
#mediar-tabs-min .ui-state-default a:link,
#mediar-tabs-min .ui-state-default a:visited {
    color: #555555/*{fcDefault}*/;
    text-decoration: none;
}
#mediar-tabs-min .ui-state-hover,
#mediar-tabs-min .ui-widget-content .ui-state-hover,
#mediar-tabs-min .ui-widget-header .ui-state-hover,
#mediar-tabs-min .ui-state-focus,
#mediar-tabs-min .ui-widget-content .ui-state-focus,
#mediar-tabs-min .ui-widget-header .ui-state-focus {
    border: 1px solid #999999/*{borderColorHover}*/;
    background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #212121/*{fcHover}*/;
}
#mediar-tabs-min .ui-state-hover a,
#mediar-tabs-min .ui-state-hover a:hover,
#mediar-tabs-min .ui-state-hover a:link,
#mediar-tabs-min .ui-state-hover a:visited {
    color: #212121/*{fcHover}*/;
    text-decoration: none;
}
#mediar-tabs-min .ui-state-active,
#mediar-tabs-min .ui-widget-content .ui-state-active,
#mediar-tabs-min .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa/*{borderColorActive}*/;
    background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #212121/*{fcActive}*/;
}
#mediar-tabs-min .ui-state-active a,
#mediar-tabs-min .ui-state-active a:link,
#mediar-tabs-min .ui-state-active a:visited {
    color: #212121/*{fcActive}*/;
    text-decoration: none;
}
#mediar-tabs-min .ui-widget-content,
#mediar-tabs-min .ui-widget-header {
    border: none;
    background: transparent;
}

@media(max-width: 1500px){
.mediar-right .mediar-menu-icon {width: 24%;}
}
@media(max-width: 1300px){
.mediar-right .mediar-menu-icon {width: 24%;}
}
@media(max-width: 1050px){
.mediar-right .mediar-menu-icon {width: 32%;}
}
@media(max-width: 780px){
.mediar-right .mediar-menu-icon {width: 48%;}
}
@media(max-width: 480px){
.mediar-right .mediar-menu-icon {width: 99%;}
}
@media(max-width: 380px){
.mediar-right .mediar-menu-icon {width: 99%;}
}