﻿body 
{
    margin:0px; padding:0px;
    font-family:arial;
    background:#222
}




.ui-body-a 
{
    clear:both;
    background:#232323;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,  #666666),color-stop(1, #222222)); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#222222')";
    border:1px solid #2A2A2A;
    color:#FFFFFF;
    font-weight:normal;
    text-shadow:0 1px 0 #000000;
    padding:15px 7px 7px 7px
}

html>body .ui-body-a {background:-moz-linear-gradient(center top , #666666, #222222) repeat scroll 0 0 #222222;}

.ui-body-b 
{
    padding:15px 7px;
background:#ddd;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,  #DDDDDD),color-stop(1, #CCCCCC)); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#DDDDDDD', EndColorStr='#CCCCCC')";
border:1px solid #C6C6C6;
color:#000;
font-weight:normal;
text-shadow:0 1px 0 #FFFFFF;
}
html>body .ui-body-b {background:-moz-linear-gradient(center top , #E6E6E6, #CCCCCC) repeat scroll 0 0 #CCCCCC;}


.ui-body-b ul 
{
    -webkit-border-radius: 5px;
-moz-border-radius:0.6em 0.6em 0.6em 0.6em;
border-radius:0.6em 0.6em 0.6em 0.6em;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3)
}
.ui-body-a ul 
{
    -webkit-border-radius: 5px;
-moz-border-radius:0.6em 0.6em 0.6em 0.6em;
border-radius:0.6em 0.6em 0.6em 0.6em;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3)
}

.ui-body-a li
{
    position:relative;zoom:1;
    background:#eee;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,  #FEFEFE),color-stop(1, #EEEEEE)); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FEFEFE', EndColorStr='#EEEEEE')";
    
    border:1px solid #CCCCCC;
    color:#444444;
    cursor:pointer;
    font-weight:bold;
    text-decoration:none;
    padding:0 35px 0 0px;
    text-shadow:0 1px 0 #FFFFFF;
}

.ui-body-a a {color:#c0c0c0; text-decoration:none}

.ui-button-b li:active {background:#000; color:#fff}

.ui-body-b li 
{
    position:relative;zoom:1;
background:#fff;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,  #F0F0F0),color-stop(1, #DEDEDE)); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F0F0F0', EndColorStr='#DEDEDE')";
    
border:1px solid #CCCCCC;
color:#444444;
cursor:pointer;
font-weight:bold;
text-decoration:none;
padding:0 35px 0 0px;
margin-top:-1px
}
html>body .ui-body-b li 
{
    background:-moz-linear-gradient(center top , #FEFEFE, #EEEEEE) repeat scroll 0 0 #EEEEEE ; 
    text-shadow:0 1px 1px #F6F6F6;
    
}
.ui-body-b li a, .ui-body-a li a {text-decoration:none; display:block; overflow:hidden; white-space:nowrap; padding:14px 14px; color:#000}
.ui-body-b li strong {font-size:16px; color:#333}
.ui-body-b li em {font-weight:bold; color:#35A989; font-style:normal; font-size:11px}
.ui-body-b li span {color:#333; font-size:12px; font-weight:normal}
.ui-body-b li sup {font-size:11px; color:#333; font-weight:bold}


.ui-body-b li.list-divider 
{
     
    margin:0px;padding:10px 14px;
    font-size:14px;
    background:#2567AB;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4E89C5),color-stop(1, #2567AB)); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4E89C5', EndColorStr='#2567AB')";
    border:0px solid #145072; 
    text-shadow:0 -1px 1px #145072;
    color:#FFFFFF;
    cursor:pointer;
    font-weight:bold;
    text-decoration:none;
}
html>body .ui-body-b li.list-divider  {background:-moz-linear-gradient(center top , #4E89C5, #2567AB) repeat scroll 0 0 #2567AB;}




h1,h2,h3,h4,h5 {margin:0px; padding:0px; position:relative;zoom:1}
p {font-size:17px; line-height:1.4em; margin-left:7px !important;margin-right:7px !important}
ul {list-style:none; margin:14px 0; padding:0px}


#top {background:#000; padding:15px}
#top h5 {background:url(https://mojtv.hr/m2/img/mojtv.png?v=2) no-repeat 0px 4px; width:100px; height:32px; text-indent:-9999px}
#top h5 a {display:block;width:80px; height:32px}


fieldset.search {border:1px solid #fff; padding:3px 20px 3px 3px; margin:0px; background:#fff; position:relative;
          
          -moz-border-radius:0.2em;border-radius:0.2em; height:18px
          }
fieldset input.search {position:absolute; top:0px; 
                       right:-20px;border:0px;width:22px;height:22px; text-indent:-9999px;background:url(../img/search.png) no-repeat}
fieldset input.text {border:0px;width:98%;font-size:11px; color:#999;  }



.button,.newpostbutton a
{  
    padding:10px; margin:15px 0px; 
    -moz-border-radius:0.6em 0.6em 0.6em 0.6em;
    border-radius:0.6em 0.6em 0.6em 0.6em;
    background:#2567AB;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4E89C5),color-stop(1, #2567AB)); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4E89C5', EndColorStr='#2567AB')";
    border:1px solid #145072; 
    text-shadow:0 -1px 1px #145072;
    color:#FFFFFF !important;
    cursor:pointer;
    font-weight:bold;
    text-decoration:none;
    display:block
}
html>body .button,.newpostbutton a {background:-moz-linear-gradient(center top , #4E89C5, #2567AB) repeat scroll 0 0 #2567AB;}

.ui-body-b .button
{
    color:#444 !important;
    text-shadow:0 -1px 1px #fff;
    background:#e0e0e0;
    border:1px solid #bbb; 
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e0e0e0),color-stop(1, #fff)); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e0e0e0', EndColorStr='#fff')";
}
html>body .ui-body-b .button {background:-moz-linear-gradient(center top , #e0e0e0, #fff) repeat scroll 0 0 #e0e0e0;}


ul.menu {display:block;background:#fff;list-style:none outside none; margin:0px; padding:0px; float:left; width:100%;position:relative}
ul.menu li {float:left; margin:0px; padding:0px; width:25%}
ul.menu li a 
{
    position:relative;
    display:block; padding:30px 3px 7px 3px; text-align:center; color:#444;
    text-shadow:0px 1px 0 #fff;
    text-decoration:none;
    font-weight:bold;
    font-size:11px;
    white-space:nowrap;
    border-right:1px solid #d0d0d0;
    
}

ul.read-only li a {display:inline !important; margin:0px; padding:0px}
ul.read-only li {padding:14px 14px 0 14px; color:#000; cursor:auto}
ul.read-only li blockquote {font-size:11px; color:#666 !important; padding:7px 14px}
ul.read-only li blockquote p {font-size:11px;color:#666 !important}
ul.read-only li blockquote strong {font-size:11px;color:#666 !important}
ul.read-only li p {font-size:14px; color:#000 !important; margin:7px 0 0 0 !important; padding:0px}
ul.read-only li strong {font-size:14px; color:#000}
ul.read-only li div {font-size:14px}
ul.read-only li em {color:#000; font-size:12px}


.user-icon {background:url(../img/user-icons.png) no-repeat; display:block; width:30px; height:30px; position:absolute; left:50%; margin-left:-15px; top:5px}
.icon-false-up {background-position:0 0}
.icon-false-down {background-position:-30px 0px}
.icon-true-up {background-position:-60px 0}
.icon-true-down {background-position:-90px 0px}

.menu-icon {background:url(../img/menu.png) no-repeat; display:block; width:30px; height:30px; position:absolute; left:50%; margin-left:-15px; top:5px} 
.icon-tvguide {background-position:-30px 0px}
.icon-news {background-position:-60px 0px}
.icon-forum {background-position:-90px 0px}

.alarm-icon{background:url(../img/alarm.png) no-repeat; display:block; width:30px; height:30px; position:absolute; left:50%; margin-left:-15px; top:5px} 

.paging {padding:10px}
.paging a {display:block; float:left;padding:3px 7px;margin-right:1px; background:#f0f0f0; text-decoration:none; color:#666}
.paging a.current {color:#000; background:#fff}
.ui-icon {display:block; width:18px; height:18px; position:absolute; right:7px;z-index:1;top:50%; margin-top:-9px;background-image: url(/m2/img/icons/icons-18-white.png); background-repeat: no-repeat; background-color: #999;  -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }

.ui-icon-btn {background-image: url(/m2/img/icons/icons-18-white.png); background-repeat: no-repeat;background-position:center}
/*plus minus*/
.ui-icon-plus { background-position: -0 0; }
.ui-icon-minus { background-position: -36px 0}

/* delete/close */
.ui-icon-delete { background-position: -72px 0; }

/*arrows*/
.ui-icon-arrow-r { background-position: -108px 0; }
.ui-icon-arrow-l { background-position: -144px 0; }
.ui-icon-arrow-u { background-position: -180px 0; }
.ui-icon-arrow-d { background-position: -216px 0; }

.ui-icon-check { background-position: -252px 0; }
.ui-icon-gear { background-position: -288px 0; }
.ui-icon-refresh { background-position: -324px 0; }
.ui-icon-forward { background-position: -360px 0; }
.ui-icon-back { background-position: -396px 0; }

.ui-icon-grid { background-position: -432px 0; }
.ui-icon-star { background-position: -468px 0; }
.ui-icon-alert { background-position: -504px 0; }
.ui-icon-info { background-position: -540px 0; }

/*checks,radios*/
.ui-icon-checkbox-off,
.ui-icon-checkbox-on,
.ui-icon-radio-off,
.ui-icon-radio-on { background-color: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-size: 20px 20px; }

.ui-icon-checkbox-off { background-image: url(images/form-check-off.png);  }
.ui-icon-checkbox-on { background-image: url(images/form-check-on.png);  }
.ui-icon-radio-off { background-image: url(images/form-radio-off.png);}
.ui-icon-radio-on { background-image: url(images/form-radio-on.png);  }

.ui-icon-search { background-image: url(images/icon-search-black.png); background-size: 16px 16px; }


.channel-img {-moz-border-radius: 5px; -webkit-border-radius: 5px; padding:3px 0; border-radius: 5px;position:absolute;margin-left:-75px; border:0px; background:#fff; border:1px solid #e0e0e0}

.show-time {position:absolute;top:7px;left:10px;display:block; width:55px; text-align:center; border-right:1px dotted #000}
.show-category {position:absolute; top:22px; left:10px; display:block; width:55px; text-align:center}

.movieinfoimg { border:2px solid #a0a0a0; -webkit-border-radius:4px ;-moz-border-radius:4px;
    border-radius:4px;margin:7px 0 0px 0px}
    
    
    
    
 .read-only img {max-width:100% !important; border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px}
    
#bottom {position:relative;clear:both;background:#000; padding:25px 80px 25px 10px; color:#666; font-size:11px; text-align:center}
#bottom em {font-style:normal; color:#999; font-size:10px; line-height:100%}


.frontimage {border-radius:7px;-moz-border-radius:7px;
             
             -moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000; border:0px; margin:1px 1px 5px 1px
             }
             
             .full-article-text img {width:100% !important; max-width:340px !important}

