html {
    background-color:#FFFFFF;
    height:100%;
    padding:0px;
    margin:0px;
    overflow-y:auto;
    overflow-x:hidden;
}

body {
    margin:0px;
    background:#FFFFFF url("../interface/header_bar.gif") top left repeat-x;
    font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, p, ul, form {
    padding:0px;
    margin:0px;
    cursor:default;
}

a {
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    color:#20B1BB;
}
a:hover {
    color:#999999;
    text-decoration:none;
}

a img { border:none }

ul{ list-style:none }

label {
    font-size:12px;
    font-weight:bold;
    padding:0px 5px;
}

em.required {
    font-size:12px;
    color:#FF0000;
    vertical-align:super;
}

input, textarea, select {
    border:1px solid #999999;
}

div.clear {
    clear:both;
    height:0px;
    font-size:0px;
    line-height:0px;
}

p.warning {
    font-size:12px;
    font-weight:bold;
    color:#FF0000;
}

p.message {
    padding:5px;
    font-size:12px;
    font-weight:bold;
    color:#DD0000;
}

div.message {
    margin:10px 5px;
    padding:7px 5px 5px 40px;
    background:#FFFFFF url('../interface/warning.jpg') 4px 4px no-repeat;
    border:1px solid #FFA909;
    font-size:14px;
    font-weight:bold;
    color:#DE8900;
    
    min-height:18px;
    height:18px;
    height:auto !important;
    height:18px;
}

img.tutorial_image {
    border:1px solid #000000;
    padding:2px;
}

img#preview-image-item {
    position:absolute;
    padding:1px;
    border:1px solid #000000;
    z-index:257;
}

input#parsed_rss_link { width:500px }

div.paging_bar {
    text-align:center;
}

    div.paging_bar p.paging_info {
        font-size:12px;
        color:#AAAAAA;
    }

form#login_form {
    margin:50px auto;
    width:300px;
}
    form#login_form label {
        width: 90px;
        float:left;
    }
    form#login_form input#username, form#login_form input#password {width:150px;}

div#wrapper {
    width:850px;
    margin:auto;
}

    div#header {
        color:#FFFFFF;
        height:40px;
    }
    
        div#logo {
            float:left;
            width:170px;
            font-size:23px;
            color:#20B1BB;
            font-family:"Trebuchet MS";
        }
        
        div#login_info {
            float:left;
            width:140px;
            font-size:11px;
            font-weight:bold;
            margin:3px 0px;
            padding:0px 0px 0px 10px;
            border-left:1px solid #FFFFFF;
        }
        
        div#login_info p {
            line-height:12px;
        }
        
        div#login_info p#welcome_login {
            color:#DDDDDD;
        }
        
        div#login_info a {
            font-size:11px;
            color:#999999;
        }
        
        div#lang {
            float:left;
            width:45px;
        }
            div#lang a { outline:none }
            div#lang a img { border:1px solid #000000 }
            div#lang a.sel_lang img { border:1px solid #FFFFFF }
        
        ul#main_menu {
            float:right;
            margin:0px;
            width:465px;
            padding:0px 0px;
        }
        
        ul#main_menu li {
            float:left;
            padding:0px;
            font-size:13px;
            font-weight:bold;
        }
        
        ul#main_menu li a {
            display:block;
            width:75px;
            padding:9px 0px 5px 0px;
            color:#FFFFFF;
            text-align:center;
            outline:none;
        }
        
        ul#main_menu li a:hover {
            color:#CCCCCC;
        }
        
        ul#main_menu li a.selected {
            background: url("../interface/menu_selected.gif") top center no-repeat;
        }
    
    div#body {
        min-height:500px;
        height:500px;
        height:auto !important;
        height:500px;
        padding:5px;
    }
    
        div.toolbar {
            float:right;
            height:35px;
            width:570px;
        }
        
        div.toolbar div.left_curve {
            float:left;
            width:7px;
            height:35px;
            background:url("../interface/toolbar_left_curve.gif") top left no-repeat;
        }
        
        div.toolbar div.right_curve {
            float:right;
            width:7px;
            height:35px;
            background:url("../interface/toolbar_right_curve.gif") top left no-repeat;
        }
        
        div.toolbar div.toolbar_content {
            margin:0px 7px;
            height:28px;
            background:#E7E7E7;
            padding:7px 3px 0px 3px;
        }
        
        div.toolbar div.toolbar_content a {
            color:#555555;
        }
        
        div.toolbar div.toolbar_content a:hover {
            color:#20B1BB;
        }
        
        div.toolbar div.toolbar_content input {
            color:#999999;
            padding:0px 1px;
        }
        
        div.toolbar div.toolbar_content span#search_holder {
            position:relative;
        }
        
        span#search_results {
            display:none;
            position:absolute;
            top:19px;
            left:0px;
            width:300px;
            background:#FFFFFF;
            border:1px solid #999999;
            z-index:255;
        }
        
        span#search_results p#not_found {
            font-size:12px;
            padding:2px 5px;
        }
        
        span#search_results a {
            display:block;
            padding:2px 5px;
        }
        
        span#search_results a:hover {
            background:#F3F3F3;
        }
        
    div#footer {
    }
    
    div#copyrights {
        float:left;
        width:450px;
        height:23px;
        background:url("../interface/copyright.jpg") center left no-repeat;
        padding:7px 0px 0px 70px;
        margin:3px 0px 0px 0px;
        font-size:12px;
        font-weight:bold;
        color:#777777;
    }
    
    div#powered_by {
        float:right;
        width:129px;
        height:33px;
        background:url("../interface/powered_by.jpg") top right no-repeat;
    }
    
/*  Articles  */

div#main {
    padding:5px;
}

div.row_item {
    margin:5px 0px;
    padding:5px 0px;
    border-bottom:1px solid #EEEEEE;
}

div.row_item h4.row_title {
    float:left;
    width:auto;
    padding:0px 10px;
    background:url("../interface/point_left.gif") left center no-repeat;
}

div.row_item h4.row_title_revealed {
    padding:0px 10px;
    background:url("../interface/point_bottom.gif") left center no-repeat;
}

div.row_item div.row_tools {
    float:right;
    width:150px;
    text-align:right;
}

div.row_item p.row_description {
    font-size:13px;
}

div.row_item div.expand_panel {
    display:none;
    padding:10px;
    background:#F5F5F5;
}

    div.row_item p, div.row_item div, div.row_item div.expand_panel p {
        font-size:12px;
        color:#555555;
    }
    
        div.row_item div.expand_panel p em, div.row_item div.expand_panel p em {
            font-style:normal;
            font-weight:bold;
            color:#000000;
        }
        
        div.row_item div.expand_panel ul {
            padding:5px 25px;
            font-size:12px;
            list-style:square;
        }

div#add_frm_wrapper {
    position:absolute;
    display:none;
    width:635px;
    border:1px solid #000000;
    background:#EEEEEE;
}

div#edit_frm_wrapper {
    border:1px solid #000000;
    background:#EEEEEE;
}

div#add_frm_wrapper h4,
div#edit_frm_wrapper h4 {
    padding:2px 5px;
    font-size:14px;
    background:#000000;
    color:#CCCCCC;
}

form#add_frm,
form#edit_frm {
    margin:5px;
}

form#add_frm label,
form#edit_frm label {
    display:block;
    float:left;
    width:100px;
}

form#add_frm input,
form#edit_frm input {
    width:500px;
}

form#add_frm input#add_article_submit,
form#edit_frm input#edit_article_submit,
form#add_frm input#add_channel_submit,
form#edit_frm input#edit_channel_submit,
form#add_frm input#add_slideshow_submit,
form#add_frm input#add_slideshow_submit,
form#add_frm input#add_help_submit,
form#add_frm input#edit_help_submit {
    display:compact;
    clear:both;
    width:auto;
    font-weight:bold;
    cursor:pointer;
}

div#dd_item_form {
    position:absolute;
    top:0px;
    left:0px;
    width:250px;
    background:#EEEEEE;
    border:1px solid #777777;
    padding:5px;
}

div#dd_item_form label {
    display:block;
    float:left;
    width:65px;
    padding:3px 0px 0px 0px;
    color:#555555;
}

div#dd_item_form input {
    float:right;
}

div#dd_item_form a {
    display:block;
    float:left;
    width:50px;
    margin:5px 1px;
    text-align:center;
    background:#CCCCCC;
    border:1px solid #999999;
    color:#555555;
}

div#dd_item_form a:hover {
    border:1px solid #000000;
    color:#000000;
}

form#add_frm textarea,
form#edit_frm textarea {
    width:500px;
}

div#added_rss_items,
div#notadded_rss_items {
    width:350px;
    height:400px;
    border:1px solid #000000;
    overflow-y:auto;
    overflow-x:hidden;
}

div#added_rss_items {float:left;}
div#notadded_rss_items {float:right}

div#added_rss_items p.head_info,
div#notadded_rss_items p.head_info {
    padding:3px 5px;
    font-size:12px;
    background:#000000;
    color:#999999;
}

div#notadded_rss_items a {
    display:block;
    padding:1px 5px;
    width:340px;
    font-size:12px;
    font-weight:bold;
    cursor:move;
}

div#added_rss_items span.expired {
    color:#FF0000;
    opacity:0.3;
}

div#added_rss_items span.current {
}

div#added_rss_items span.yet_to_come {
    color:#0000FF;
}

div#added_rss_items p.included_item {
    padding:1px 5px;
    font-size:12px;
    border-bottom:1px solid #EEEEEE;
}

a.del_included_item {
    background:url('../interface/del_icon.gif') center center no-repeat;
}

a.up_included_item {
    background:url('../interface/point_top.gif') center center no-repeat;
}

a.down_included_item {
    background:url('../interface/point_bottom.gif') center center no-repeat;
}

a.top_included_item {
    background:url('../interface/point_fftop.gif') center center no-repeat;
}

a.bottom_included_item {
    background:url('../interface/point_ffbottom.gif') center center no-repeat;
}

/*statistics*/
div.chart {
    border:1px solid #000000;
    margin:10px 0px;
    padding-bottom:10px;
}

    div.chart h4 {
        float:right;
        padding:2px 5px;
        margin:0px 0px 1px 0px;
        background:#000000;
        font-size:12px;
        text-align:right;
        width:auto;
        color:#FFFFFF;
    }

    div.bars {
        position:relative;
        height:25px;
        background:#24C9D5 url('../interface/bars.gif') top left repeat-x;
        font-size:12px;
        margin:1px 0px 0px 0px;
        oveflow:visible;
    }
    
        div.bars a.label, div.bars p.label {
            position:absolute;
            padding:5px 5px 0px 5px;
            font-size:10px;
            font-weight:normal;
            color:#555555;
            white-space:nowrap;
            outline:none;
        }
        
        div.bars a.label:hover {
            color:#555555;
        }

/*Contacts*/

div#contacts_avantx,
div#contacts_wizzycast {
    width:270px;
    margin : 50px auto;
    padding : 0px 0px 0px 160px;
    
    min-height:75px;
    height:75px;
    height:auto !important;
    height:75px;
}

div#contacts_avantx {
    margin-top:100px;
    background : #FFFFFF url("../interface/logo_avantx.jpg") 20px 5px no-repeat;
}

div#contacts_wizzycast {
    background : #FFFFFF url("../interface/logo_wizzycast.jpg") 0px 5px no-repeat;
}

div.contacts_info {
    padding:0px 20px;
    font-size:12px;
    color:#333333;
    border-left:1px solid #DDDDDD;
    
    min-height:45px;
    height:45px;
    height:auto !important;
    height:45px;
}

    div.contacts_info p {
        padding:3px;
    }
    
/* add new user */
input.in, select.sel{
    width:100%;
    height:20px;
    padding:4px 0 0 3px;
    border:1px solid #737373;
    color: #000;
    font-family:Arial, sans-serif;
    font-size:12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
input.bt{
    font-size:14px;
    color:#fff;
    padding:5px;
    cursor: pointer;
    background:#000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

.cycle{
    background:#f5f5f5;
    color:#0000b0;
}
.message_error{
    font-size:14px;
    font-family:Tahoma,Arial, sans-serif;
    padding:5px;
    margin:10px;
    font-weight: bold;
    color:#fff;
    background:#d70000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.message_success{
    font-size:14px;
    font-family:Tahoma,Arial, sans-serif;
    padding:5px;
    margin:10px;
    font-weight: bold;
    color:#fff;
    background:#00ce00;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#showuserlink{
    position: absolute;
    left:0px;
    top:50px;
    border-left:none;
    background:#eee;
    border: 1px solid #000;
    border-left: none;
}
    #showuserlink h2{
        font-size:18px;
        margin-left:5px;
    }
    #showuserlink a{
        display: block;
        border:1px solid #4062bd;
        background:#5b79c8;
        color:#fff;
        padding:5px;
        text-decoration: none;
        font-size:12px;
        font-family:Arial, sans-serif;
        font-weight: normal;
        margin:5px;
    }
    #showuserlink a:hover{
        color:#fff;
        text-decoration: none;
        font-weight: normal;
        background:#8ca2d9;
        color:#fff;
    }