/********************************************************
**
**  Billboard admin area main stylesheet.
**
**  Copyright (c) 2007, Nimisoft LTD. All rights reserved.
**  for more information visit http://www.nimisoft.com/
**/

html, body {
    height:100%;
    font-family:Verdana, Arial, Helvetica;
    color: #444444;
    font-size: 11px;
    text-align:center;
}

#wrapper {
    /*height:100%;*/
    width:100%;
    display:table;
}

#top_shadow {
    background-image: url('../images/top_shadow.gif');
    height:5px;
    font-size:0;
}

.page_block {
    width: 995px;
    text-align: left;
    margin-left:auto;
    margin-right:auto;
}



/**************************************
*           Header Styles
*/

#header {
    background-color: #f7f7f7;
    border-bottom:1px solid #eef2f6;
}

#header .container {
    float:left;
    padding-left:10px;
}

#header .user {
    float:right;
    padding-right:10px;
    padding-top:8px;
}


/**************************************
*           Page Title
*/

#page_title {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    color: white;
    background-image: url('../images/page_title_bg.gif');
    margin-top:5px;
    margin-bottom:5px;
}


#page_title .title {
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom:2px;
}


/**************************************
*           Content Styles
*/


#buttons {
    background-image: url('../images/btn/bg.gif');
    height:32px;
    font-size: 0;
    text-align: left;
}

#buttons .separator  {
    padding-bottom:2px;
    height: 22px;
    width: 2px;
    margin-left: 3px;
    margin-right: 3px;
}

.inner #buttons .separator  {
    padding-bottom:2px;
    height: 18px;
    width: 2px;
    margin-left: 3px;
    margin-right: 3px;
}

#buttons .button  {
    margin-top: 3px;
    margin-right: 2px;
    margin-left: 2px;
    padding: 0;
}

/* Дефинираме това и като стил за да може да се използват по няколко линии с бутони на страница
   Всъщност всички бутони трябва да станат така ...  */
.buttons {
    background-image: url('../images/btn/bg.gif');
    height:32px;
    font-size: 0;
    text-align: left;
}

.buttons .separator  {
    padding-bottom:2px;
    height: 22px;
    width: 2px;
    margin-left: 3px;
    margin-right: 3px;
}

.inner-buttons .separator  {
    padding-bottom:2px;
    height: 18px;
    width: 2px;
    margin-left: 3px;
    margin-right: 3px;
}

.inner-buttons {
    background-image: url('../images/btn/small/bg.gif');
    height:26px;
    font-size: 0;
}

.buttons .button  {
    margin-top: 3px;
    margin-right: 2px;
    margin-left: 2px;
    padding: 0;
}
/*#buttons .spacer  { width: 5px; }*/

#content {
    margin-bottom: 40px;
}

#content .half {
    width: 49%;
}

#content .section {
    margin: auto;
    margin-top: 5px;
    background: url('../images/form/section_bg.gif') 0 100% repeat-x;
}

#content .section .title {
    width: auto;
    float: left;
}

#content .section .title .text {
    background: url('../images/form/section_title_bg.gif') repeat-x;
    line-height: 20px;
    float: left;
    color: white;
}


.checkbox {
    margin-top: 1px;
}


/**************************************
*           Footer Styles
*/
#footer {
    height: 30px;
    position:relative;
    margin-top:-31px;
    clear:both;
    border-top: 1px solid #eef2f6;
    background: url('../images/bottom_shadow.gif') 0 100% #f7f7f7 repeat-x;
    padding-left: 20px;
    text-align: left;
}


/**************************************
*           Misc Styles
*/
.orange {
    color:#F49D14;
}


.blue {
    color: #617fa7;
}

.left {
    float:left;
}

.right {
    float:right;
}

.clear {
    clear:both;
    font-size:0;
}

.bold {
    font-weight: bold;
}

.hidden {
    display: none;
}

.blue {
    color: #7195c4;
}

.container {
    text-align:left;
}

a {
    color:black;
}

a:hover {
    text-decoration: none;
}

.tcenter {
    text-align: center;
}

.tright {
    text-align: right;
}

.tleft {
    text-align: left;
}

.vtop {
    vertical-align: top;
}

.vbottom {
    vertical-align: bottom;
}

.vmiddle {
    vertical-align: middle;
}

.p48 {
    width: 48%;
}


.p100 {
    width: 100%;
}

table.content td {
    padding: 2px;
}

.tpadding {
    padding-top: 10px;
}


/************************************************************
*           Scrollable Information dialog
*/

.information {
    border: 1px solid #E4E5E5;
    overflow: auto;
    padding: 2px;
}

.information .action {
    color: #ED5C5C;
    font-style: italic;
}



/*
*       Inner Menues
*/

.dropdown {
    position: relative;
    width: 1px;
    height: 1px;
    float: left;
}


.dropdown ul {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid red;
    z-index: 1000;
    border: 1px solid #d3d8de;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 2px;
    background: url('../images/dropdown/menu_bg.gif') 0 0 repeat-x #f6f7f8;
}

.dropdown ul li {
    line-height: 21px;
    font-size: 0px;
    padding: 0px;
    margin: 0px;
    padding-left: 7px;
    padding-right: 3px;
    background: none;
}


.dropdown li span {
    display: block;
    font-size: 11px;
    text-decoration: none;
    padding-right: 5px;
    cursor: hand;
    background: none;
}


.dropdown ul li.hover {
    background: url('../images/dropdown/item_left_h.gif') 2px 0 no-repeat;
}

.dropdown li.hover span {
    background: url('../images/dropdown/item_right_h.gif') 100% 0 no-repeat;
}


/* Calendar */
#calendar {
    width: 100%;
}

#calendar .ui-datepicker-multi-3 {
    width: 100% !important;
}

#calendar .ui-state-activity a.ui-state-default {
    background:url("ui/images/ui-bg_inset-hard_100_f5f8f9_1x100.png") repeat-x scroll 50% 50% #F5F8F9;
    border:1px solid #79B7E7;
    color:black;
    font-weight:bold;
}

#calendar .ui-state-activity a.ui-state-active {
    border:1px solid #79B7E7;
    color:#E17009;
    font-weight:bold;
}

#calendar .ui-datepicker-inline {
    padding-right: 0;
    padding-left: 0;
    border: none;
    width: 100%;
}

#calendar .ui-datepicker-one-month {
    float: left;
    width: 250px;
    margin-left: 118px;
}

#calendar .ui-datepicker-new-row {
/*     margin-right: 80px; */
}

#calendar .ui-datepicker-new-row {
    margin-left: 0px;
}


#calendar .ui-datepicker-one-month {
    position: relative;
}

#calendar .ui-datepicker-header {
    /*position: absolute;
    top: -18px;*/
    font-weight: bold;
/*     color: #617fa7; */
}


#calendar .ui-datepicker-header select {
    top: -4px;
    font-weight: normal;
}


/**************************************
*          Message Block
*/
#message {
    background: url('../images/message/block_bg.gif') repeat-x;
    height: 30px;
    margin-bottom: 5px;
}

#message .icon {
    float: left;
    padding-left  : 5px;
    padding-top   : 7px;
    padding-right : 10px;
}

#message .message {
    color: #6e6e6e;
    font-weight: bold;
    padding-top: 7px;
    padding-left: 30px;
}