body
{
    margin: 0;
    padding: 0;
    color: #555;
    font: normal 10pt Arial,Helvetica,sans-serif;
    background: #BCD6B9;
}

#page
{
    margin-top: 0px;
    margin-bottom: -4em;
    background: #BCD6B9;
    /*border: 1px solid #C9E0ED;*/
}

#header
{
    margin: 0;
    padding: 0;
    border-top: 3px solid #C9E0ED;
}

#content
{
    padding: 20px;
}

#sidebar
{
    padding: 20px 20px 0 0;
}

#menubar
{
    padding: 20px 0 0 0;
}

#menubar ul li
{
    padding:3px 0;
    font-size:12px;
    font-weight:bold;
}

#menubar ul li a
{
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    /*vertical-align: middle;*/
    /*padding:15px 0;*/
}

#footer
{
    /*padding: 10px;*/
    /*margin: 10px 20px;*/
    padding-top: 10px;
    font-size: 0.8em;
    text-align: center;
    border-top: 1px solid #888888;
    height: 4em;
}

#logo
{
    padding: 10px 20px;
    font-size: 200%;
}

#mainmenu
{
    background:white url(bg.gif) repeat-x left top;
}

#mainmenu ul
{
    padding:6px 20px 5px 20px;
    margin:0px;
}

#mainmenu ul li
{
    display: inline;
}

#mainmenu ul li a
{
    color:#ffffff;
    background-color:transparent;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    /*vertical-align: middle;*/
    padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
    color: #6399cd;
    background-color:#EFF4FA;
    /*background-color:#000;*/
    text-decoration:none;
}
/*
#mainmenu ul { list-style: none; margin: 0; padding:0px 20px 0px 20px; position: relative; height: 30px; z-index: 1;}
 
#mainmenu ul li { display: block; height: 30px; float: left; overflow: visible; }
#mainmenu ul li:hover > ul { display: block; }
 
#mainmenu ul li a { float: left; display: block; }
 
#mainmenu ul li ul { display: none; position: absolute; top: 100%;
                    background: #000; color: #fff; height: auto;}

#mainmenu ul li ul li{clear: left;} 

#mainmenu ul li ul li a { color: #ccc; padding: 4px 14px; display: block; background-color:#000; }

#mainmenu ul li ul li.active a { color: #6399cd; background-color:#000;}
#mainmenu ul li ul li a:hover { color: #6399cd; background-color:#EFF4FA;}
*/

div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}

div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}

div.form .rememberMe label
{
    display: inline;
}

div.view
{
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
    font-size: 0.9em;
    padding: 5px 20px;
}

div.breadcrumbs span
{
    font-weight: bold;
}

div.search-form
{
    color: #000000;
    padding: 10px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
    background: #91bf8b;
}

div.entry-form
{
    color: #000000;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    background: #91bf8b;
}

div.empty-form
{
    color: #000000;
    padding: 0;
    margin: 0;
    background: #91bf8b;
}

.portlet
{

}

.portlet-decoration
{
    padding: 3px 8px;
    background: #B7D6E7;
    border-left: 5px solid #6FACCF;
}

.portlet-title
{
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #298dcd;
}

.portlet-content
{
    font-size:0.9em;
    margin: 0 0 15px 0;
    padding: 5px 8px;
    background:#EFFDFF;
}

.portlet-content ul
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    padding: 0;
}

.portlet-content li
{
    padding: 2px 0 4px 0px;
}

.operations
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.operations li
{
    padding-bottom: 2px;
}

.operations li a
{
    font: bold 12px Arial;
    color: #0066A4;
    display: block;
    padding: 2px 0 2px 8px;
    line-height: 15px;
    text-decoration: none;
}

.operations li a:visited
{
    color: #0066A4;
}

.operations li a:hover
{
    background: #80CFFF;
}

.grid-view table.items th, .grid-view table.items td 
{
    border: 1px solid gray !important;
} 

.grid-view table.items tbody tr.odd
{
    background: #e5f1f4;
}
.grid-view table.items tbody tr.even
{
    background: #d8f5d5;
}

.grid-view tfoot td 
{ 
    font-style: normal;
    text-align: right;
}
    
.grid-view td 
{
    height: 30px;
}
.grid-view .title {
    float: left; 
    padding-left: 20px;
    font-weight: bold;
    font-size: 14px;
}

.divdialog {
    background: #BCD6B9;
}

/* change framework\web\js\source\jui\css\base\jquery-ui.css */
/*
.ui-tabs{position:relative;padding:.2em;zoom:1}
.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}
.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:1px;margin:0 .2em 1px 0;border-bottom:0!important;padding:0;white-space:nowrap}
.ui-tabs .ui-tabs-nav li a{float:left;padding:2px 1em;text-decoration:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:0;padding-bottom:1px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}
.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}
.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:#bcd6b9;}
.ui-tabs-hide{display:none!important;}

.ui-widget{font-family:Arial,Verdana,sans-serif;font-size:10pt}
.ui-widget .ui-widget{font-size:9pt;}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Verdana,sans-serif;font-size:10pt}
.ui-widget-content{border:1px solid #aaa;background:#bcd6b9;color:#222}
.ui-widget-content a{color:#222}
.ui-widget-header{border:1px solid #aaa;background:#ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold}
.ui-widget-header a{color:#222}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555}


.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#bcd6b9;font-weight:normal;color:#212121}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}
*/