body { background-image: url('../images/background.jpg'); }
#top_black { background: #000000; height: 10px; width: 100%; }
#top_dotted { height: 12px; width: 100%; border-bottom: 2px dashed black; }
#top_grouped { width: 980px; margin: 0 auto; position: relative; top: -52px; }
#top_grouped_cont { width: 727px    ; float: left; }
#top_grouped_cont .top_grouped_leftFirst { height: 52px; width: 100%; padding-left: 30px; }
#top_grouped_cont .top_grouped_leftFirst ul li {
    line-height: 52px;
    list-style: none;
    margin-right: 11px;
    font-size: 20px;
    text-shadow: 0 1px 1px black;
    float: left;
}
#top_grouped_cont .top_grouped_leftFirst ul li a {
    color: white;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    text-decoration: none;
}
#top_grouped_cont .top_grouped_leftFirst ul li a:hover { text-shadow: 0 -1px 1px black; background: #000000; }
.activeLink { text-shadow: 0 -1px 1px black; background: #000000; }
#top_grouped_cont .top_grouped_leftFirst ul li:last-child { margin-right: 0px; }
#top_grouped_cont .top_grouped_leftSec { height: 119px; width: 100%; padding-left: 42px; }
#top_grouped_cont .top_grouped_leftSec ul li { line-height: 149px; list-style: none; float: left; width: 60px; }
#top_grouped_cont .top_grouped_leftSec ul li a img { height: 129px; position: relative; z-index: 1; }
#top_grouped_cont .top_grouped_leftSec ul li#top_grouped_addMe {
    box-shadow: 2px 2px 10px 2px gray;
    width: 100px;
    margin-left: 120px;
    margin-top: 30px;
    line-height: normal;
    padding: 10px;
    text-align: center;
    background: #46de8d;
    height: 70px;
    border: 1px solid black;
}
#top_grouped_addMe a:hover { text-shadow: 0 -1px 1px #fff; color: brown; }
#top_nav_background {
    background-image: url('../images/top_nav_bg.jpg'); 
    background-repeat: repeat-x;
    height: 52px;
    width: 100%;
}
#top_grouped .top_grouped_right {
    position: relative;
    top: -9px;
    float: left; 
    width: 243px; 
    height: 200px; 
    background-image: url('../images/corner-peel.png'); 
    background-repeat: no-repeat;
}
#content { width: 980px; margin: 0 auto; position: relative; top: -30px; }
#content #content_text { float: left; width: 727px; }
#content #content_right { float: left; width: 253px; }
#content #content_right #search { margin-top: -57px; }
#content #content_text .content_left { float: left; margin-bottom: 30px; }
#content #content_text .content_left .content_box_top { width: 100%; }
#content #content_text .content_left .content_box_top .cont_date_label {
    text-align: center;
    font-size: 11px;
    color: #fff;
    float: left; 
    width: 45px; 
    height: 38px; 
    background-image: url('../images/date_label.png');
    background-repeat: no-repeat;
}
#content #content_text .content_left .content_box_top .cont_date_label div { margin-top: 5px; }
#content #content_text .content_left .content_box_top .cont_title { 
    float: left; 
    width: 400px; 
    color: #fff;
    font-weight: bold;
    text-indent: 20px;
    line-height: 38px;
    background-image: url('../images/cont_title.jpg');
    background-repeat: repeat-x;
    border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
}
.cont_title a:hover { color: #d4d0ce; text-shadow: 0 -1px 1px black; }
#content #content_text .content_left .content_box_mid { width: 100%; clear: both; }
#content #content_text .content_left .content_box_mid .cont_date_bottom {
    margin-left: 25px;
    width: 18px; 
    height: 20px; 
    float: left; 
    background-image: url('../images/date_bottom.jpg');
    background-repeat: no-repeat;
}
#content #content_text .content_left .content_box_mid .cont_container {
    overflow: hidden;
    margin-left: 43px;
    max-height: 300px;
    width: 600px;
    padding: 10px;
    border-bottom: 1px solid #222222;
    border-left: 1px solid #222222;
    border-radius: 0 0 0 10px;
}
.cont_text {
    padding: 0 20px 25px 20px;
    overflow: hidden;
    max-height: 217px;
}
#content #content_text .content_left .content_box_mid .cont_container2 {
    overflow: hidden;
    margin-left: 43px;
    width: 600px;
    padding: 10px 30px;
    border-bottom: 1px solid #222222;
    border-left: 1px solid #222222;
    border-radius: 0 0 0 10px;
}
.sites_label {
    line-height: 20px;
    top: 175px;
    display: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    z-index: 1000;
    position: absolute;
    text-align: center;
    padding: 5px;
    background-color: #62e0aa;
    border: 1px solid lightgray;
    box-shadow: 0 1px 10px black;
}
.rightInfoBox {
    color: #fff;
    text-shadow: 0 -1px 1px black;
    font-weight: bold;
    top: 70px;
    right: 23px;
    position: relative;
    height: 46px;
    padding: 10px 0 0 40px;
    background-image: url('../images/rightInfoBox.png');
    background-repeat: no-repeat;
    width: 252px;
}
.onlineBox {
    width: 243px; 
    background-color: #e6e6e6;
    border: 1px solid #a7a7a7;
    box-shadow: 2px 2px 10px gray;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 60px 5px 5px 5px;
}
.onlineBox a:hover { text-shadow: 0 -1px 0 gray; }
.onlineBox ul li { cursor: pointer; list-style: none; margin-left: 10px; }
#fastSlow div ul li ul li { list-style: square; }
.onlineBox ul li.dobaveniO6te { text-align: right; width: 90%; margin: 10px 0; }
.onlineRow { cursor: pointer; width: 100%; height: 30px; }
.onlineRow div a { line-height: 25px; }
.onlineRow div:first-child { float: left; }
.onlineName { width: 160px; margin-left: 10px; }
.onlineRow div:first-child img { margin-right: 10px; }
.onlineOptions { text-align: right; float: left; width: 60px; }
.textShadowWhite {text-shadow: 0 1px 1px #fff; }
.textShadowBlack {text-shadow: 0 1px 1px #000; }
.boxShadow { box-shadow: 1px 1px 5px gray; }
.moreOption { clear: both; padding: 5px 0 5px 0; width: 90%; text-align: right; }
.blank { width: 100%; height: 24px; }
a { text-decoration: none; color: inherit; }
a:hover { color: white; }
a.moreOptionLink:hover { color:#993300; }
.subscribeText {
    background: transparent;
    width: 58%; 
    border: 0;
    margin-top: 3px;
    padding: 8px 0 8px 5px;
    float: left;
}
.subscribeSubmit {
    width: 36%;
    cursor: pointer;
    color: white;
    text-shadow: 0 1px 1px black;
    font-size: 16px;
    margin: 8px 0 0 8px;
    border: 0;
    background: transparent;
}
.subscribeSubmit:hover { text-shadow: 0 -1px 1px black; color: cadetblue; }
#subscribe .onlineBox ul, #search .onlineBox ul {  
    height: 37px; 
    border-radius: 5px;
    -moz-border-radius: 5px;
    background: url('../images/subscribe.jpg') no-repeat;
}
#search div ul:last-child { margin-bottom: 10px; }
#subscribe .onlineBox ul li { margin-left: 0; }
#footer { border-top: 1px solid #fff; clear: both; width: 100%; height: 150px; background: #383838; }
#footer div { margin: 0 auto; width: 960px; }
#footer div div ul li.footerLastCol { list-style: none; }
#footer div div { 
    text-shadow: 0 1px 1px black; 
    font-size: 14px; 
    color: #E6E6E6; 
    float: left; 
    padding: 10px; 
    width: 300px; 
}
.onlineOptLink { margin-top: 2px; opacity: 0.3; }
.onlineOptLink:hover { opacity: 1; }
#subscribe div p { padding: 5px; }
/* Floating menu class .fixed */
#menu { background: #464646; opacity: 0.9; }
.fixed {
    padding: 7px 0 0 100px;
    width: 100%;
    border-bottom: 1px solid #000;
    position: fixed;
    top: -5px;
    left: 0;
    z-index: 10000;
    box-shadow: 0 2px 10px #222;
    -webkit-box-shadow: 0 2px 10px #222;
    -moz-box-shadow: 0 2px 10px #222;
    background-image: url('../images/top_nav_bg.jpg');
    background-repeat: repeat-x;
}
.contEnd { clear: both; width: 100%; margin-top: 10px; font-weight: bold; font-size: 11px; color: brown; }
.contEnd div { float: left; }
.contEnd .contEndAddedMaster { width: 400px; }
.contEnd .contEndContinue { text-align: right; width: 200px; }
.contEnd a { color: green; }
.contEnd a:hover { color: #62b1e0; }
#fastSlow div ul li { margin-left: 25px; list-style: circle; }
.clear { clear: both; }
#login_form { 
    position: relative;
    top: -160px;
    width: 300px; 
    margin-left: 250px; 
    background: #f7f6f6; 
    padding: 20px; 
    border: 10px solid gray;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px black;
    box-shadow: 0 0 20px black;
}
#login_form form .loginRow { width: 100%; padding: 10px; }
#login_form form .loginRow span { line-height: 36px; width: 100px; float: left; }
#login_form form .loginRow input { color: gray; padding: 10px; font-weight: bold; font-size: 12px; }
#login_form form .loginRow input[type=submit] {
    color: black;
    cursor: pointer;
    width: 86px;
    padding: 0;
    height: 24px;
    margin: -10px 25px 0 0; 
    border: 0px; 
    background: transparent; 
    background-image: url('../images/login-button.jpg');
    background-repeat: no-repeat;
}
#login_form form .loginRow input[type=submit]:hover { -webkit-box-shadow: 0 0 10px gray; color: gray; box-shadow: 0 0 10px gray; }
/* NOTIFICATION kutiikite */
.notification {
    margin: 10px auto;
    padding: 5px;
    min-height: 25px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    text-shadow: 0 1px 1px #fff;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    color: #333;
    width: 97%;
}
.notification .notText { padding: 0 20px 0 60px; }
.note-info {
    background-image: url('../images/box_info.jpg');
    background-repeat: no-repeat;
    background-color: #dbecff;
    background-position: 20px center;
}
.note-success {
    background-image: url('../images/box_success.jpg');
    background-repeat: no-repeat;
    background-color: #d5ffcf;
    background-position: 20px center;
}
.note-error {
    background-image: url('../images/box_error.jpg');
    background-repeat: no-repeat;
    background-color: #fcd2d6;
    background-position: 20px center;
}
.note-warning {
    background-image: url('../images/box_warning.jpg');
    background-repeat: no-repeat;
    background-color: #fbfec5;
    background-position: 20px center;
}
.notClose {
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 3px;
    right: 3px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url('../images/close_button.png');
    z-index: 1;
}
.notClose2 {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 3px;
    right: 3px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url('../images/close_button2.png');
    z-index: 1;
}
/* END */
#mainBgDiv { z-index: 10000; position: absolute; width: 100%; background: #000; opacity: 0.7; display: none; }
#newPost_box, #newLibrary_box, #newShits_box {
    background: url('../images/adminDivs_bg.jpg') repeat-x #fff;
    padding: 0 10px;
    border: 1px solid black;
    border-radius: 10px;
    -moz-border-radius: 10px;
    position: absolute;
    z-index: 10001;
    display: none;
    width: 820px;
}
#uploadPhoto_box, #newAddPage_box {
    background: url('../images/adminDivs_bg.jpg') repeat-x #fff;
    padding: 0 10px;
    border: 1px solid black;
    border-radius: 10px;
    -moz-border-radius: 10px;
    position: absolute;
    z-index: 10001;
    display: none;
    width: 400px;
}
#addPotrebitel_box, #addKategoriq_box {
    background: url('../images/adminDivs_bg.jpg') repeat-x #fff;
    padding: 0 10px;
    border: 1px solid black;
    border-radius: 10px;
    -moz-border-radius: 10px;
    position: absolute;
    z-index: 10001;
    display: none;
    width: 325px;
}
#addPotrebitel_box div div input[type=text], #addPotrebitel_box div div input[type=password],
#addKategoriq_box div div input[type=text], #addKategoriq_box div div input[type=password],
#addKategoriq_box div div select, #addKategoriq_box div div select {
    width: 200px;
}
#addKategorType2 { display: none; }
.boxOptions { width: 100%; line-height: 46px; cursor: move; }
.boxText { width: 100%; margin: 20px 0; }
.boxBoth { width: 100%; margin-bottom: 10px; text-align: left; height: 44px; line-height: 44px; }
.boxBoth p { width: 100px; float: left; line-height: 44px; font-weight: bold; }
.boxBoth input { width: 680px; padding: 10px 0 10px 10px; }
.boxBoth select { padding: 5px; }
.bgGray { background: #f7f6f6; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.roundBorders { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.boxRandom { width: 100%; line-height: 44px; height: 44px; margin-bottom: 5px; }
.boxRandom div { float: left; margin-right: 10px; }
.boxRandom div span { font-weight: bold; padding-left: 100px; }
.boxRandom div span:first-child { padding-left: 0; }
.boxRandom div input, .boxRandom div select { background: #fff; padding: 5px; }
.boxSubmit { 
    padding: 5px;
    margin-top: 10px; 
    text-align: right; 
}
.boxSubmit input {
    color: gray;
    height: 24px;
    cursor: pointer;
    padding: 5px; 
    border: 0px; 
    background: transparent; 
    background-image: url('../images/login-button.jpg');
    background-repeat: no-repeat;
    background-position: right center;
    width: 86px;
}
.adminMenuLinks { display: none; }
.loadingDiv { margin-top: 5px; width: 100%; text-align: right; }
.loadingDiv input { padding: 5px; width: 95%; text-align: right; font-weight: bold; color: darkgreen; font-size: 20px; }
#profileContainer {
    box-shadow: 1px 1px 5px gray;
    -webkit-box-shadow: 1px 1px 5px gray;
    width: 660px; 
    background: #E6E6E6;
    border: 1px solid gray;
    padding: 10px;
}
.profileContainerRow { margin-bottom: 10px; }
.profileContainerRow div input { padding: 5px; }
.profileContainerRow div.firstProfDiv { text-align: right; overflow: hidden; font-style: italic; width: 130px; margin-right: 10px; float: left; }
.profileContainerRow div.secProfDiv { font-weight: bold; margin-top: 10px; }
.rightAlign { text-align: right; }
#uploadPhotoMessage { opacity: 0; }
.showImgDiv { 
    width: 150px; 
    margin: 5px; 
    float: left; 
    overflow: hidden; 
    padding: 5px;
    background-color: #f4f2f2;
    border-radius: 7px;
    -moz-border-radius: 7px;
    box-shadow: 2px 2px 10px gray;
}
.showImgDiv img { height: 100px; max-width: 150px; }
.showImgDiv div { background-color: #f4f2f2; width: 60px; position: relative; top: -192px; }
.showImgDiv input { width: 146px; }
.showImgDiv div a:hover { color: red; }
.linkOpenImgBox, .actionLinks, .actionLinksDelete { padding: 5px; }
.linkOpenImgBox:hover, .actionLinks:hover, .actionLinksDelete:hover { 
    background-color: #d6d5d5; 
    -moz-border-radius: 7px; 
    border-radius: 7px; 
    text-shadow: 0 -1px 0 gray;
}
#loading { position: fixed; left: 50%; top: 50%; display: none; }
.libCatSearch select { opacity: 0; padding: 5px; }
.libCatSearch span { color: white; position: absolute; line-height: 35px; }
.libCatSearch {
    margin-right: 10px;
    float: left;
    box-shadow: 1px 1px 7px gray;
    -webkit-box-shadow: 1px 1px 10px gray;
    padding: 0 5px;
    background-color: #464646;
    background-image: url('../images/hand.png');
    width: 145px;
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #464646;
    border-radius: 7px;
    -moz-border-radius: 7px;
    line-height: 34px;
}
.textSearchDiv input { 
    color: white; 
    background:transparent; 
    border: 1px solid gray;
    padding: 5px; 
    font-weight: bolder;
}
.textSearchDiv input[type=submit] {
    cursor: pointer;
    background-image: url('../images/Search.png');
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    width: 40px;
}
.textSearchDiv {
    margin-right: 10px;
    float: left;
    line-height: 34px;
    box-shadow: 1px 1px 7px gray;
    -webkit-box-shadow: 1px 1px 10px gray;
    padding: 0 5px;
    background-color: #464646;
    width: 220px;
    border: 1px solid #464646;
    border-radius: 7px;
    -moz-border-radius: 7px;
}
.fileDownloadLink { 
    text-align: right;
    margin: 10px 0;
    background-image: url('../images/downImg.png');
    background-repeat: no-repeat;
    background-position: center left;
    padding: 5px;
    border-radius: 0 7px 7px 0;
    -moz-border-radius: 0 7px 7px 0;
    width: 87px;
    font-size: 12px;
}
.fileDownloadLink a { color: #222222; }
.fileDownloadLink a:hover { color: brown; }
.catName { 
    line-height: 38px; 
    width: 150px; 
    margin-left: 70px; 
    color: #fff;
    border-radius: 10px 5px 5px 10px;
    float: left; 
    background-image: url('../images/cont_title.jpg');
    background-repeat: repeat-x;
    text-align: center;
}
.fieldSetAdmn {
    width: 160px; 
    float: left; 
    border: 1px dotted gray;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 10px 25px; 
    margin-right: 10px;
}
#admnCont {
    height: auto;
    box-shadow: 1px 1px 5px gray;
    -webkit-box-shadow: 1px 1px 5px gray;
    width: 660px;
    background: #E6E6E6;
    border: 1px solid gray;
    padding: 10px;
}
#admnCont ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#admnCont ul {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#admnCont ul li {
    list-style: none; 
    float: left; 
    overflow: hidden;
    line-height: 30px;
    height: 30px;
}
#admnCont ul.admnContTitles li { text-align: center; font-size: 18px; color: brown; }
#admnCont ul li.admnOptions { width: 47px; }
#admnCont ul li.admnOptions a { opacity: 0.5; }
#admnCont ul li.admnOptions a:hover { opacity: 1; }
#admnCont ul li.admnNum { width: 20px; color: brown; font-weight: bold;}
#admnCont ul li.admnNick { width: 100px; }
#admnCont ul li.admnName { width: 130px; }
#admnCont ul li.admnType { width: 30px; }
#admnCont ul li.admnFolter { width: 180px; font-size: 12px; font-weight: bold; }
#admnCont ul li.admnEmail { width: 150px; }
.admnForbidenProfile { text-decoration: line-through; opacity: 0.2; }
/*CSS za stilizane na formata za komentari*/
#comDiv, #comComs { 
    margin-left: 40px;
    clear: both; 
    padding: 10px; 
    width: 640px;
}
#comDiv div span {
    font-weight: bolder;
    font-size: 12px;
}
#comDiv div input[type=text] { 
    width: 200px; 
    padding: 7px; 
    font-size: 16px; 
    border-radius: 6px;
    -moz-border-radius: 6px;
    border: 1px dotted gray;
    margin: 10px 0;
}
#comDiv div textarea { 
    width: 630px; 
    height: 150px; 
    border-radius: 6px;
    -moz-border-radius: 6px;
    border: 1px dotted gray;
}
#comDiv div:last-child {
    text-align: right;
}
#comDiv div input[type=submit] { 
    padding: 7px; 
    cursor: pointer;
    border-radius: 6px;
    -moz-border-radius: 6px;
    border: 1px dotted gray;
    margin-top: 10px;
}
.comText {
    min-height: 60px;
}
#comComs div.comRow {
    padding: 5px;
    background: #fff;
    border: 1px dotted gray;
    border-radius: 6px;
    -moz-border-radius: 6px;
    margin-bottom: 20px;
}
#comComs div div {
    padding: 5px;
}
hr {
    border: 1px dashed lightgray;
}
.comDate { text-align: right; }
.comAvatar { float: left; margin-right: 10px; }
.comAvatar img {
    border-radius: 7px;
    -moz-border-radius: 7px;
}
.clear2 {
    content: ".";
    display: block;
    height: 0;
    clear: both;
}
.comMyCom { margin-top: 9px; text-align: center; }
.comEdit { font-weight: bold; font-size: 12px; color: green; }
.comDelete { font-weight: bold; font-size: 12px; color: red; }
.comDelete:hover, .comEdit:hover { color: brown; }
/*END----------------------*/
.catRow { width: 100%; height: 20px; clear: both; }
.catRow div { float: left; width: 160px; overflow: hidden; padding: 5px; }
.catRow div.catNum { width: 80px; }
.catTitle { 
    margin-bottom: 10px; 
    text-align: center;
    font-size: 18px;
    color: brown; 
}
.catRow div.options { width: 50px; }
.catNum a { text-decoration: none; opacity: 0.4; }
.catNum a:hover { opacity: 1; }
#news { width: 690px; }
#news .rowNews { width: 100%; }
#news .rowNews .firstNews {
    margin-right: 15px;
}
#news .rowNews .tdNews {
    box-shadow: 2px 2px 10px gray;
    background-color: #fff;
    border-top-left-radius: 10px; 
    border-top-right-radius: 10px; 
    float: left; 
    width: 334px; 
}
#news .rowNews .tdNews ul li.contNews {
    padding: 3px;
}
#news .rowNews .tdNews ul li { 
    margin-left: 20px; 
    list-style:url("../images/online.png");
    overflow: hidden;
}
#news .rowNews .tdNews ul li.titleNews { 
    list-style: none;
    margin-left: 0;
    border-top-left-radius: 10px; 
    border-top-right-radius: 10px; 
    color: #F65D20;
    font-weight: bold;
    text-transform: capitalize;
    padding-left: 10px;
    height: 50px; 
    line-height: 50px; 
    background-image: url(../css/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png);
}
#news .rowNews .tdNews ul li a:hover { color: brown; }
.contNews img { height: 30px; }