/* 
    Document   : main.css
    Created on : 18/Jan/2013, 16:04:33
    Author     : Filipa
    Description:
        Purpose of the stylesheet follows.
*/
root { 
    display: block;
}
body
{
    margin: 0;
    padding: 0;
    color: #333;
    font: normal 12px Arial,Helvetica,sans-serif;
    background: #EFEFEF;
}

h1,h2,h3,h4,h5,h6,p,div{margin:0;}

#page
{
    margin-top: 5px;
    margin-bottom: 5px;
    background: white url('../../images/logotipo.png') no-repeat 99% 5px;
    border: 1px solid #C9E0ED;
    width:960px;
    margin:0 auto;
}

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

#content
{
    padding: 0px 10px;
    width:70%;
    display:inline-block;
    vertical-align: top;
    margin-top: 10px;
    margin-left:35px;
}
#content h1{ text-align:left;}

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

#footer
{
    padding: 10px;
    margin: 10px 20px;
    font-size: 0.8em;
    text-align: center;
    border-top: 1px solid #C9E0ED;
}

#logo
{
    padding: 10px 20px;
    font-size: 200%;
    font-weight: bold;
    font-style: italic;
    /*    color:#298DCD;*/
    color: #990000;
}

#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;
    padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
    color: #6399cd;
    background-color:#EFF4FA;
    text-decoration:none;
}

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.breadcrumbs
{
    padding: 10px;
    /*background-color: #e8e8e8;*/
    color: #333;
    /*border: 1px solid #444;*/
    text-transform: uppercase;
    font-weight: bold;
}

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

div.search-form
{
    padding: 10px;
    margin: 10px 0;
    background: #eee;
}

.portlet
{
    background: #B7D6E7;
    width:23.5%;
    display:inline-block;
    vertical-align: top;
    margin-top: 10px;
}

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

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

.portlet-content
{
    font-size:0.9em;
    border-left: 5px solid #990000;
    padding: 5px 8px;
    /*	background:#EFFDFF;*/
    background:#FFFFFF;;
}

.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;
}

.portlet-content li.active {
    font-weight: bold;
}

.portlet-content li.active a { 
    color: #990000;
}

.portlet-content li.spacer {
    border-top: 2px dotted #990000;
    /*width: 50%;*/
    margin: 2px auto;
    padding:0;
}

.portlet-content li a {
	text-decoration: none;	
} 
	
.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;
}

.operation .spacer{
    width: 50%;
    margin:2px auto;

}

.list-view .summary{margin: 0 15px 0 0 !important; float: right;font-size:0.9em;font-weight:bold;}
.list-view .sorter{margin: 0 0 0 15px !important; float: left;}
.list-view .items{clear:both;}
.list-view .pager{}

.note {border:1px solid #666; color:#333; padding:5px 5px 5px 25px; font-size:14px; font-weight:bold; font-style:italic; font-variant: small-caps; background: #e8e8e8 no-repeat 5px 5px;margin:0px;width:75%;}
.note.info {border-color:#03A; color:#03A; background-color:#DEF; background-image:url('./images/levels/info.png'); }
.note.warning {/*border-color:#FC0; color:#FC0; background-color:#FFC;*/background-image:url('./images/levels/warn.png'); }
.note.error {border-color:#C00; color:#C00; background-color:#FEE;background-image:url('./images/levels/error.png'); }

.wide, .half, .third, .twothirds, .quarter, .threequarters,.fifth, .twofifths,.threefifths,.fourfifths{ /*vertical-align:top; */display: inline-block; }

.wide{ width:98%; }
.half{ width:47.8%; }
.third{ width:31%; }
.twothirds{ width:64.4%; }
.quarter{ width:22.7%; }
.threequarters{ width:72.75%; }
.fifth{ width:19%; }
.twofifths{ width:37%; }
.threefifths{ width:58%; }
.fourfifths{ width:76%; }

.ficha .half, .filter .half{ width:48.5%; margin:0.5% }
.ficha .third, .filter .third{ width:31.75%; margin:0.5% }
.ficha .twothirds, .filter .twothirds{ width:64.75%;margin:0.5% }
.ficha .quarter,.filter .quarter{ width:23.75%; margin:0.5%}
.ficha .threequarters, .filter .threequarters{ width:73.75%;margin:0.5% }
.ficha .fifth, .filter .fifth{ width:18.7%;margin:0.5% }
.ficha .twofifths, .filter .twofifths{ width:38.7%;margin:0.5% }
.ficha .threefifths, .filter .threefifths{ width:58.7%;margin:0.5% }
.ficha .fourfifths, .filter .fourfifths{ width:78.7%;margin:0.5% }

.ficha{  margin:1%; font-size:1em;height: 160px; overflow:hidden;}
.ficha .header{border:1px solid #298dcd; font-size:1.25em; background:#298DCD; color:#FFF; height:28px; line-height:28px; padding:0.1em 0.25em;overflow:hidden;}
.ficha .header a{color:#CCC; text-decoration:none; border-bottom:1px dashed #CCC;}
.ficha .header a:hover{ color:#FFF; border-bottom:1px solid #FFF;}
.ficha .info-right{ float:right; font-weight:bold; }
.ficha .body{ border:1px solid #298dcd; overflow-y: auto; padding: 0.25em; height: 118px; }
.ficha .body a{color:#B7D6E7; text-decoration:none; border-bottom:1px dashed #B7D6E7;}
.ficha .body a:hover{ color:#298DCD; border-bottom:1px solid #298DCD;}
.ficha .body img.centered{ display:block; height:98%; margin: 0 auto; border:none; }

div.form{  }
div.form.filter{ width:100%; margin:0; }
div.form.login{ width:50%; margin-left:200px; }
div.form .buttons, div.form .errorMessage{ margin-left:200px; }
div.form .buttons.unpadded, div.form.filter .buttons{ margin-left:0px; text-align:right; }
div.form fieldset .errorMessage{ margin-left:105px; }
div.form .buttons input[type="submit"],div.form .buttons input[type="button"]{ /*color:#298DCD;*/cursor:pointer; padding: 5px 20px; /*font-size: larger; font-weight: bold;*/ font-variant: small-caps; width:150px; }
div.form label {display: inline-block; width: 200px; text-align: left; vertical-align: top; margin-top: 5px; }
div.form fieldset label {display: inline-block; width: 200px; text-align: left; vertical-align: top; margin-top: 5px; }
div.form label.resized{ display: inline-block; margin-top: 4px; width: auto; margin-right: 10px; }

div.form .errorSummary { color: #C00; }
div.form .errorSummary ul { list-style-type: square; }
div.form .errorSummary ul li { font-variant: small-caps; font-weight: bold; color: #F00; }

.ui-sortable{ list-style: none; padding:0;margin:0;}
.ui-sortable li{ background: transparent url('./images/ops/move.png') no-repeat 1% 50%; cursor:pointer; padding: 5px 10px 5px 30px; margin:5px 0; border:1px dashed #B7D6E7; color:#B7D6E7; }
.ui-sortable li:hover{ background-image: url('./images/ops/move_on.png');border:1px solid #298DCD; color: #298DCD; background-color:#B7D6E7;  }

.forView{ max-height:550px; min-height:275px; width:960px; }

.ajax-new img,
.ajax-viewInsolvente img,
.ajax-viewTribunal img,
.ajax-viewproprietario img,
.ajax-viewmandatario img,
.ajax-viewpresidente img,
.ajax-viewprimeirovogal img,
.ajax-viewsegundovogal img,
.ajax-viewprimeirosuplente img,
.ajax-viewsegundosuplente img,
.ajax-editInsolvente img,
.ajax-editTribunal img,
.ajax-editproprietario img,
.ajax-editmandatario img,
.ajax-editpresidente img,
.ajax-editprimeirovogal img,
.ajax-editsegundovogal img,
.ajax-editprimeirosuplente img,
.ajax-editsegundosuplente img
.ajax-categoria img
{ vertical-align:middle;}

.resetable{ font-size:1px; display:inline-block; width:16px; height:16px; background-image:url('./images/ops/delete.png');text-indent:24px;overflow:hidden;}

.ajax img{ margin: 0 2px; vertical-align: middle; }
/**
 *  Tab Styling - START
**/
.lpcTabs ul.tabs
{
    padding: 2px 0;
    margin: 0;
    border-bottom: 1px solid #4F81BD;
    font: bold 12px Verdana, sans-serif;
}

.lpcTabs ul.tabs li
{
    list-style: none;
    margin: 0;
    display: inline;
}

.lpcTabs ul.tabs a
{
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    padding: 2px 0.5em;
    margin: 0 0 0 3px;
    border: 1px solid #4F81BD;
    border-bottom: none;
    background: #d3dfee;
    text-decoration: none;
}

.lpcTabs ul.tabs a:link
{
    color: #667;
}

.lpcTabs ul.tabs a:visited
{
    color: #667;
}

.lpcTabs ul.tabs a:hover
{
    color: #000;
    background: #E6F2FF;
    border-color: #227;
}

.lpcTabs ul.tabs a.active
{
    background: white;
    border-bottom: 1px solid white;
}

.lpcTabs div.view
{
    border-left: 1px solid #4F81BD;
    border-right: 1px solid #4F81BD;
    border-bottom: 1px solid #4F81BD;
    padding: 8px;
    margin: 0;
}
/**
 *  Tab Styling - END
**/