body {
    margin: 0px;
    background-color: #f2f1e9;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.page_width {
    width: 1000px;
}

.small {
    width: 1px;
    height: 1px;
}

.big {
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

.button {
    cursor: pointer;
    cursor: hand;
    border: none;
}

.icon {
    margin-left:2px;
    margin-right:2px;
    border: none;
    cursor: pointer;
    cursor: hand;
}

.inactive_icon {
	margin-left:2px;
    margin-right:2px;
    border: none;
}

.form_el {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid gray;
    background-color: #F5F4F2;
}

.num_fld {
    text-align:right;
}


.list_edit_num input {
    padding-right:-10px;
    margin:0px;
    text-align:right;
}

.list_edit_hide input {
    display: none;
}

.text {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

.bold {
    font-weight: bold;
}

.error {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #D40000;
    padding-bottom:5px;
}

form {
    display: inline;
}

div.p100 { width: 100%; }
.p100 { width: 100%; }
.p90  { width: 90%; }
.p80  { width: 80%; }
.p50  { width: 50%; }
.p40  { width: 40%; }

.h100 { height: 100%; }

p {
    margin:0px;
    margin-bottom:5px;
}

.top_spacer {
    margin-top: 10px;
}

.vmiddle {
    vertical-align: middle;
}

.datefld {
    width:70px;
    text-align: center;
}

.right {
    float:right;
}

.left {
    float:left;
}

.clear {
    clear:both;
}

.center {
    text-align: center;
}

.bborder, .bborder td {
    border-bottom: 1px solid gray;
}

.tborder, .tborder td {
    border-bottom: 1px solid gray;
}

.lborder, .lborder td {
    border-left: 1px solid gray;
}

.rborder, .rborder td {
    border-right: 1px solid gray;
}


/************************************************
* 				Navigation Styles
*/
#navigation {
    background-image: url("../images/nav/bg.jpg");
    height: 30px;
    text-align: center;
}

.container{
    margin: auto;
}

#navigation #btn{
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    margin-left: 5px;
}

#btn #img { z-index: 1; margin:0px; }

#navigation #menu {
    position: absolute;
    top: 28px;
    display: none;
    z-index: 100;
    border: 1px solid #adae9c;
    background-color: #f2f1e9;
    padding: 2px;
    text-align:left;
}

#menu .min_width { width: 150px; }

#menu .item {
    width:100%;
    behavior: url(css/hover.htc);
    clear:both;
}

#menu .start{
    width:3px;
    height:20px;
    float:left;
}

#menu .text{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height:18px;
    padding-bottom:2px;
    width: 100%;
}

#menu .end{
    width:3px;
    height:20px;
    float:right;
}

#menu .item:hover .start, #menu .item_hover .start { background-image: url("../images/nav/hlc.jpg"); }
#menu .item:hover .text,  #menu .item_hover .text  { background-image: url("../images/nav/hbg.jpg"); }
#menu .item:hover .end,   #menu .item_hover .end   { background-image: url("../images/nav/hrc.jpg"); }



/************************************************
* 				  Search Styles
*/
#search {
    background-color: #d9d5c5;
    border-top: 1px solid #4b5368;
    border-bottom: 1px solid #4b5368;
    margin-bottom:10px;
    padding:5px;
    text-align:center;
}

#search .filters {
    text-align:left;
    margin:auto;
}

#search td {
    padding-right: 4px;
}


/************************************************
* 				  Page Styles
*/
#page_title {
    color: white;
    padding-top: 2px;
    height: 24px;
    background-color: #4b5368;
}

#page_title .title {
    font-weight: bold;
    font-size: 11px;
    line-height: 20px;
    float: left;
}

#page_title .user {
    float: right;
    line-height: 20px;
}


#page_content {
    padding-top:10px;
    padding-bottom:10px;
}

#page_content .page_width {
    width: 980px;
}

#page_content .media_spending {
    position: relative;
    width: 99%;
    height: calc(100vh - 140px) !important;
/*     bottom: 0; */
}

#page_content .media_spending .excel_holder {
    position:absolute;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    overflow: auto;
}


#section div.header {
	margin-top:10px;
    font-weight: bold;
    font-style: italic;
    /*background-image: url("../images/expanded.gif");*/
    background-repeat: no-repeat;
    background-position: left;
    padding: 2px;
    padding-left: 16px;
    border-bottom: 1px solid #4b5368;
}

#section .content {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;

    /*box-sizing: border-box;
    -moz-box-sizing: border-box;*/
}


.history {
    margin-top:5px;
    padding:3px;
    background-color: #ffffff;
    border:1px solid #bec9d1;
    width:98%;
    height:150px;
    overflow:auto;
}

.history .record {
    width:100%;
    margin-top: 3px;
    margin-bottom: 10px;
    border-bottom:1px solid #bec9d1;
}

.history .system {
    color: red;
}

.history .record .date {
    color: black;
    font-weight: bold;
}

.history .record .user {
    color: black;
    font-weight: bold;
}


/* info history */
#info.history {
    border: none;
    height: 10px;
    overflow: visible;
}


/************************************************
* 				  List Styles
*/

#list a {
    color: #000000;
    text-decoration: none;
}

#list a:hover {
    text-decoration: underline;
}

/* --- list header --- */
#list { width: 100%; }

#list tr.header {
    background-color: #4b5368;
    color: white;
}

#list tr.header td {
    padding: 2px;
    line-height:18px;
    border-right:1px solid #bec9d1;
    behavior: url(css/hover.htc);
}


#list .sortable:hover, #list .sortable_hover {
    cursor: pointer;
    cursor: hand;
    background-color: #818da0;
}

#list .sorted {
    background-color: #818da0;
}


/* --- list row --- */

#list tr.row {
    background-color: #ffffff;
    behavior: url(css/hover.htc);
}

#list tr.row td {
    padding: 2px;
    height: 30px;
    border-bottom:1px solid #bec9d1;
}

#list tr.row:hover td, #list tr.row_hover td {
    background-color: #efeee7;
}


#list tr.row td.clean {
    border-bottom:none;
}


/* --- grey row --- */
#list tr.grey { background-color: #E7E6DF; }

#list tr.grey:hover td, #list tr.grey_hover td {
    background-color: #EEEDE6;
}

/* --- grey row --- */
#list tr.dark_grey { background-color: #E1E0D9; }

#list tr.dark_grey:hover td, #list tr.dark_grey_hover td {
    background-color: #E1E0D9;
}


/* --- red row --- */
#list tr.red { background-color: #ecd4c6; }

#list tr.red:hover td, #list tr.red_hover td {
    background-color: #F5E2D6;
}


/* --- yellow row --- */
#list tr.yellow { background-color: #F5ECAF; }

#list tr.yellow:hover td, #list tr.yellow_hover td {
    background-color: #EEE39E;
}


/* --- color row styles --- */

#list tr.green 	{ background-color: #DCECD6; }

#list tr.green:hover td, #list tr.green_hover td {
    background-color: #CEDDC8;
}


/* --- list footer --- */
#list .footer td{
    padding-top: 5px;
}

#list .footer .results{
    float: right;
}

#list .footer .pages{
    float: left;
}

/* stats obligations */
tr.info_row {
    background-color: white;
}

tr.info_row td {
    padding: 2px;
}



tr.white_header td {
    padding: 2px;
    background-color: #EEEEF3;
    border-bottom: 1px solid #BEC9D1;
    height:22px;
}

tr.white_row td {
    padding: 2px;
    border-bottom: 1px solid #BEC9D1;
    height:22px;
}


#list tr td.ident, .ident{
    padding-left: 30px;
}

#list tr td.ident2, .ident2{
    padding-left: 60px;
}


#list #section div.header {
    margin-top:2px;
    border-bottom: 1px solid #BEC9D1;
}


#list.detailed tr.row td {
    border-bottom: 1px solid #BEC9D1;
    border-top: 1px solid #BEC9D1;
}


.totals td, td.totals {
    font-weight: bold;
    text-align: right;
    border-bottom:1px solid #bec9d1;
    padding: 2px;
    background-color: #e1e2eb;
}


.totals td.clear {
    border: none;
    background: none;
}