/* Begin Laytout */
div#header
{
    background: #35537e url(../img/layoutHeader.gif) repeat-x scroll left top;
    color: #fff;
    font: normal normal normal 14px/30px Tahoma;
    padding: 0 10px;
    width: 1150px;
    margin: 0 auto;
}
div#container
{
    background: #ffffff;
    width: 1150px;
    margin: 0 auto;
}
div#footer
{
    background: #f1f2f4;
    border-top: solid 1px #99bbe8;
    color: #35537e;
    font: normal normal bold 11px/30px Tahoma;
    text-align: center;
}
/* End Laytout */

/* Begin User Interface */

    /* Begin Panel Generico */
div.panel
{
    background: #fff;
    border: solid 1px #99bbe8;
    clear: both;
    font: normal normal normal 10px/16px Tahoma;
    margin: 5px;
}
div.panel div.panelTitle
{
    background: #d2e1f4 url(../img/panelTitle_bg.gif) repeat-x scroll left top;
    border-right: solid 1px #f3f7fb;
    border-left: solid 1px #f3f7fb;
/*    height: 25px;*/
    margin: 0;
    padding: 0 5px;
}
div.panel div.panelTitle a
{
    color: #15428b;
    display: block;
    text-decoration: none;
    text-transform: capitalize;
}
div.panel div.panelTitle a.expanderOpen
{
    background: transparent url(../img/panelTitleOpen.gif) no-repeat scroll right top;
    font: normal normal bold 10px/25px Tahoma;
    height: 25px;
}
div.panel div.panelTitle a.noexpander
{
    background: transparent no-repeat scroll right top;
    font: normal normal bold 10px/25px Tahoma;
    height: 25px;
}
div.panel div.panelTitle a.expanderClose
{
    background: transparent url(../img/panelTitleClose.gif) no-repeat scroll right top;
    font: normal normal bold 10px/24px Tahoma;
    height: 24px;
}
div.panel div.panelMain
{
    background: #ffffff;
    border-right: solid 1px #f3f7fb;
    border-bottom: solid 1px #f3f7fb;
    border-left: solid 1px #f3f7fb;
    display: block;
    margin: 0;
    padding: 0 10px;
}
div.panel div.panelMain p
{
    font: normal normal normal 11px/18px Verdana;
    margin: 0;
    padding: 5px 0 10px 0;
}
div.panel div.panelMain div.msg
{
	font: normal normal bold 10px/58px Verdana;
	margin: 0;
	padding: 0 0 0 58px;
}
div.panel div.panelMain div.msgError
{
    background: transparent url(../img/msgErrorBig_bg.gif) no-repeat scroll left center;
    color: #cf4700;
}
div.panel div.panelMain div.msgWarning
{
    background: transparent url(../img/msgWarningBig_bg.gif) no-repeat scroll left center;
    color: #e8901c;
}
div.panel div.panelMain div.msgOk
{
    background: transparent url(../img/msgOkBig_bg.gif) no-repeat scroll left center;
    color: #80a92d;
}
    /* End Panel Generico */

    /* Begin Panel Menu */
div.panelMenu div.panelMain ul, div.panelMenu div.panelMain ul li
{
    list-style: none;
    margin: 0;
    padding: 0;
}
div.panelMenu div.panelMain ul li a
{
    color: #000000;
    font: normal normal normal 12px/20px Tahoma;
    text-decoration: none;
}
div.panelMenu div.panelMain ul li a:hover
{
    color: #c00;
}
    /* End Panel MenuV */

    /* Begin Panel MenuH */
div.panelMenuH
{
    clear: none;
    float: left;
    width: 120px;
}
    /* End Panel MenuH */

/* End User Interface */

/* Begin Form */
form.myForm
{
    padding: 20px;
    margin: 0;
    font: normal normal normal 10px/24px Verdana;
}
form.myForm div.fieldset
{
    border: solid 1px #b5b8c8;
    padding: 0 10px 10px 10px;
}
form.myForm div.fieldset strong.legend
{
    background: #ffffff;
    color: #15428b;
    display: block;
    float: left;
    font: normal normal bold 10px/24px Verdana;
    margin: -12px 0 0 0;
    padding: 0 10px;
}
form.myForm label.l
{
     clear:both;
     display: block;
     float:left;
     font: normal normal normal 11px Verdana;
     height: 20px !important;
     height/**/: 20px;
     line-height: 20px !important;
     line-height/**/: 20px;
     margin: 1px 0 0 0 ;
     text-align:left;
     vertical-align:middle;
}
form.myForm label.l100
{
	width:100px;
}
form.myForm label.l150
{
	width:150px;
}
form.myForm label.l200
{
	width:200px;
}
form.myForm label.l250
{
	width:250px;
}
form.myForm label.l300
{
	width:300px;
}
form.myForm label.l350
{
	width:350px;
}
form.myForm label.l400
{
	width:400px;
}
form.myForm label.l450
{
	width:450px;
}
form.myForm span.label
{
    color: #666;
	float:left;
    font: normal normal normal 10px Verdana;
    height: 20px !important;
    height/**/: 20px;
    line-height: 20px !important;
    line-height/**/: 20px;
	margin: 1px 0 0 3px !important;
	margin/**/: 1px 0 0 3px;
}
form.myForm span.msg
{
	float:left;
    font: normal normal bold 10px Verdana;
    height: 20px !important;
    height/**/: 20px;
    line-height: 20px !important;
    line-height/**/: 20px;
	margin: 1px 0 0 3px !important;
	margin/**/: 1px 0 0 3px;
	padding: 0 0 0 20px;
}
form.myForm span.msgError
{
    color: #cf4700;
    background: transparent url(../img/msgError_bg.gif) no-repeat scroll left center;
}
form.myForm span.msgWarning
{
    color: #e8901c;
    background: transparent url(../img/msgWarning_bg.gif) no-repeat scroll left center;
}
form.myForm span.msgOk
{
    color: #80a92d;
    background: transparent url(../img/msgOk_bg.gif) no-repeat scroll left center;
}
form.myForm input.text
{
    background: #fff url(../img/input_bg.gif) repeat-x scroll top;
    border: 1px solid #b5b8c8;
	float:left;
    font: normal normal normal 10pt Verdana;
/*    line-height: 14px !important;
    line-height/**//*: 18px;
    height: 14px !important;
    height/**//*: 18px;*/
    line-height: 28px;
    height: 26px;
    margin: 1px 0 1px 3px;
    padding: 2px 3px 1px 1px !important;
    padding/**/: 0;
}
form.myForm input.file
{
	float:left;
    font: normal normal normal 11px Verdana;
    margin: 1px 0 1px 4px;
}
form.myForm input.checkbox
{
	float:left;
    height: 20px !important;
    height/**/: 20px;
    margin: 1px 0 1px 4px !important;
    margin/**/: 1px 0 1px 0;
    padding: 0;
}
form.myForm input.radio
{
	float:left;
    height: 20px !important;
    height/**/: 20px;
    margin: 1px 0 1px 4px !important;
    margin/**/: 1px 0 1px 0;
    padding: 0;
}
form.myForm textarea
{
    background: #fff url(../img/input_bg.gif) repeat-x scroll top;
    border: 1px solid #b5b8c8;
	float:left;
    font: normal normal normal 12px/21px Verdana;
    margin: 1px 0 1px 4px;
    overflow: auto;
}
form.myForm select
{
    background: #fff url(../img/input_bg.gif) repeat-x scroll top;
    border: 1px solid #b5b8c8;
	float:left;
    font: normal normal normal 12px/20px Verdana;
    height: 20px !important;
    margin: 1px 0 1px 4px !important;
    margin/**/: 1px 0 1px 4px;
}

form.myForm button
{
    background: #fff url(../img/button_bg.gif) repeat-x scroll top;
    border: 1px solid #c9c9c9;
	float:left;
    font: normal normal normal 11px Verdana;
    height: 20px !important;
    height/**/: 20px;
    line-height: 18px !important;
    line-height/**/: 16px;    
    margin: 1px 0 1px 4px;
    overflow: hidden;
    padding: 0 10px !important;
    padding/**/: 0 5px 0 5px;
}
form.myForm label.button2
{
     background: #fff url(../img/button2_bg.gif) no-repeat scroll top left ;
     border: 0;
     color: #fff;
     display: block;
     float:left;
     font: normal normal bold 12px/35px Tahoma;
     margin: 1px 5px 12px 0 ;
     vertical-align:middle;
     text-align: center;
     height: 35px;
     width: 200px;
}
form.myForm label.button
{
    background: #fff url(../img/button_bg.gif) repeat-x scroll top;
    border: 1px solid #c9c9c9;
     float:left;
    font: bold bold bold 11px Verdana;
    height: 20px !important;
    height/**/: 20px;
    line-height: 18px !important;
    line-height/**/: 16px; 
    margin: 1px 0 1px 4px;
    overflow: hidden;
    padding: 0 10px !important;
    padding/**/: 0 5px 0 5px;
}

/* End Form */


/* Begin Table */
table.myTable
{
    border: solid 1px #99bbe8;
}
table.myTable caption
{
    background: #d2e1f4 url(../img/tableCaption_bg.gif) repeat-x scroll left top;
    border: solid 1px #99bbe8;
    border-bottom: none;
    color: #15428b;
    font: normal normal bold 11px/25px Verdana;
    height: 25px;
    margin: 0;
    padding: 0 10px;
    text-align: left;
    
}
table.myTable label.button
{
    background: #fff url(../img/button_bg.gif) repeat-x scroll top;
    border: 1px solid #c9c9c9;
     float:left;
    font: bold bold bold 11px Verdana;
    height: 20px !important;
    height/**/: 20px;
    line-height: 18px !important;
    line-height/**/: 16px;
    margin: 1px 0 1px 4px;
    overflow: hidden;
    padding: 0 10px !important;
    padding/**/: 0 5px 0 5px;
}
table.myTable thead th
{
    background: #f1f2f4 url(../img/thead_bg.gif) repeat-x scroll left top;
    border-top: solid 1px #fff;
    border-right: solid 1px #d0d0d0;
    border-bottom: solid 1px #d0d0d0;
    border-left: solid 1px #fff;
    font: normal normal bold 11px Verdana;
    height: 22px;
    padding: 0 5px;
    text-align: center;
}

table.myTable tbody
{
    display: none;
}

table.myTable tbody th
{
    background: #f1f2f4;
    border-top: solid 1px #fff;
    border-right: solid 1px #d0d0d0;
    border-bottom: solid 1px #d0d0d0;
    border-left: solid 1px #fff;
    font: normal normal normal 11px Verdana;
    padding: 5px;
    vertical-align: top;
}
table.myTable tbody td
{
    background: #fff;
    border-top: solid 1px #fff;
    border-right: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
    border-left: solid 1px #fff;
    font: normal normal normal 11px/16px Verdana;
    padding: 5px;
    vertical-align: top;
}
table.myTable tbody td b.pos
{
    color: #090;
    font: normal normal normal 11px/16px Verdana;
}
table.myTable tbody td b.neg
{
    color: #c00;
    font: normal normal normal 11px/16px Verdana;
}
table.myTable tbody td a
{
    color: #00c;
    font: normal normal normal 10px Verdana;
    text-decoration: none;
}
table.myTable tbody td a:hover
{
    color: #c00;
}
table.myTable tbody tr.odd td
{
    background: #fafafa;
}
table.myTable tbody tr.red td
{
    background: #F78895;
}
table.myTable tbody tr.green td
{
    background: #ccff99;
}
table.myTable tbody tr.subrow
{
    display: none;
}
table.myTable tbody tr.subrow td
{
    font: normal normal normal 10px/20px Verdana;
    padding: 0;
}
table.myTable tbody th a.expanderClose
{
    background: #f1f2f4 url(../img/expanderClose.gif) no-repeat scroll center;
    display: block;
    height: 10px;
    text-decoration: none;
    width: 10px;
}
table.myTable tbody th a.expanderOpen
{
    background: #f1f2f4 url(../img/expanderOpen.gif) no-repeat scroll center;
    display: block;
    height: 10px;
    text-decoration: none;
    width: 10px;
}

table.myTable tfoot td
{
    background: #f1f2f4 url(../img/tfoot_bg.gif) repeat-x scroll left top;
    border-top: solid 1px #99bbe8;
    color: #15428b;
    font: normal normal normal 10px/25px Verdana;
    height: 25px;
}
table.myTable tfoot td a
{
    display: block;
    float: left;
    height: 25px;
    text-decoration: none;
    width: 25px;
}
table.myTable tfoot td a.firstOn
{
    background: transparent url(../img/paginationFirstOn.gif) repeat-x scroll left;
}
table.myTable tfoot td a.firstOff
{
    background: transparent url(../img/paginationFirstOff.gif) repeat-x scroll left;
}
table.myTable tfoot td a.prevOn
{
    background: transparent url(../img/paginationPrevOn.gif) repeat-x scroll left;
}
table.myTable tfoot td a.prevOff
{
    background: transparent url(../img/paginationPrevOff.gif) repeat-x scroll left;
}
table.myTable tfoot td a.nextOn
{
    background: transparent url(../img/paginationNextOn.gif) repeat-x scroll left;
}
table.myTable tfoot td a.nextOff
{
    background: transparent url(../img/paginationNextOff.gif) repeat-x scroll left;
}
table.myTable tfoot td a.lastOn
{
    background: transparent url(../img/paginationLastOn.gif) repeat-x scroll left;
}
table.myTable tfoot td a.lastOff
{
    background: transparent url(../img/paginationLastOff.gif) repeat-x scroll left;
}
table.myTable tfoot td span
{
    display: block;
    float: left
}
/* End Table */