/*
 * -----------
 *  Local CSS
 * -----------
 */

html, body { 
  margin: 0;
  padding: 0; 
  border: 0;
  background-color: White;
  min-width: 650px;
}

html *
{
  font-family: Tahoma, Helvetica, SansSerif, Verdana, Arial;
  font-size: 11px;
}

html body div,
html body form
{
	margin : 0;
	padding: 0;
	border: 0;
}

#page-wrap {

}

#page-wrap .padding {
}

.invisible {
	visibility: hidden;
	display: none;
}

.visible {
	visibility: visible;
	display: block;
} 

/* =========================================== */
/*                H E A D E R                  */
/* =========================================== */
#header 
{
    height: 80px; /* +1px border */
    border-bottom: solid 1px #444444;
    vertical-align: top;
}

#header .padding {
}

#header #appname
{
	background-repeat: no-repeat;
    height: 80px;
    width: 260px;
    float: left;
}

#header #security
{
	position: absolute;
	top: 0px;
	right: 0px;
	color: white;
    margin-right: 10px;
}

#header #security SPAN.TextBlock
{
	color: yellow;
	font-weight: bold;
	font-style: italic;
    white-space: nowrap !important;
}

#header #security SELECT
{
	font-weight: bold;
	font-style: italic;
}

#header #security SPAN.FormLabel
{
	color: white;
	font-style: italic;
}


/* =========================================== */
/*                  B O D Y                    */
/* =========================================== */
#body 
{
    background-color: #f0f0f5;
    overflow: hidden;
    background-color: #f5f5f5;
    background-image: url('xp-leftmenu-bg.png');
    background-repeat: repeat-y;
}

/* =========================================== */
/*                 F O O T E R                 */
/* =========================================== */
#footer 
{
	background-color: #f5f5f5;
    height: 16px;
    max-height: 20px;
    overflow: hidden;
}

#footer .padding 
{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #888888;
    padding-left: 5px;
}

/* =========================================== */
/*     M E N U   A D M I N I S T R A C I O     */
/* =========================================== */
#menu 
{
	float: left;
    width: 200px;
}

#page-wrap #menu .padding {
	padding: 12px 14px 12px 12px;
}

#menu .Title
{
    vertical-align: baseline;
    height: 22px;
    overflow: hidden;
    border-top: solid 1px #2a4dab;
    border-left: solid 1px #2a4dab;
    border-right: solid 1px #2a4dab;
    background-image: url('xp-menu-title-bg.png');
    color: White;
    font-weight: bold;
    display: block;
    text-align: center;
}

#menu ul, #menu #menuoptions 
{
    border-left: solid 1px #2a4dab;
    border-right: solid 1px #2a4dab;
    border-bottom: solid 1px #2a4dab;
    background-color: #f0f0f0;
    padding: 10px 12px 10px 12px;
	margin: 0;
}

#menu #menuoptions {
	overflow: auto;	
}

#menu ul li 
{
    list-style-type: none;
    margin: 0;
    padding: 2px 0px;
}

#menu ul li a 
{
    padding-left: 24px;
}

#menu a, #menu a:visited 
{
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    padding-left: 4px;
    color: #222288;
    font-weight: bold;
}

#menu a:hover
{
    text-decoration: underline;
    color: #4444ff;
}

#menu ul li#logoff a
{
    background-image: url('icons/disconnect.png');
}

#menu ul li#hora span.TextBlock
{
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    padding-left: 24px;
    background-image: url('icons/clock.png');
}

#menu ul li#nivel span.TextBlock
{
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    padding-left: 24px;
    background-image: url('icons/user_gray.png');
}

/* =========================================== */
/*               C O N T E N T                 */
/* =========================================== */
#content 
{
	margin-left: 200px;
}

#content .padding {
	padding: 12px;
}


#content .filter {
	background-color: #FFEEF5;
	margin: 0;
	padding: 1px;
	border: 1px solid #ccc;
}

#content .filter TABLE {
	margin: 10px 10px 4px 10px;
}

#content .filter TABLE TABLE {
	margin: 0px;
}

#content .filter .SubTitle {
    margin: 0;
    padding: 4px 4px;
    white-space: nowrap !important;
    font-weight: bolder;
    background-color: #ddd;
    border-top: solid 1px #eeeeee;
    border-left: solid 1px #eeeeee;
    border-bottom: solid 1px #bbb;
    border-right: solid 1px #bbb;
	display: block;
}

#content .filter INPUT.BtnSearch {
	/* margin-bottom: 0px; */
}

#content .spacing {
	margin-bottom: 10px;
}

#content P 
{
    margin-top: 0px;
    padding-top: 0px;
}

#content TABLE TD P
{
    margin: 0;
    padding: 0;
	vertical-align: middle;
}

#content SELECT 
{
	background-color: white !important;
}

#content .Title, 
#content .AttribTitle, 
#content .ReadonlyAttribTitle
{
    text-align: left;
    font-weight: bold;
    font-size: 120%;
    display: block;
    height: 20px;
    background-color: white !important;
    background-image: url('xp-content-hr.png') !important;
    background-repeat: no-repeat !important;
    background-position: left bottom !important;
    border-style: none !important;
    border-width: 0px;
    margin-left: -12px;
    padding: 5px 12px 6px 12px;
}

#content .ReadonlyAttribSelected
{
    font-weight: bold;
    display: block;
    border: 1px dotted #ccc;
    background-color: #ffd;
    padding: 2px 2px;
}

#content .ReadonlyAttribNoWrap
{
    display: inline;
    font-weight: normal;
    color: #333;
    white-space: nowrap;
    padding-left: 4px;
    padding-right: 4px;
}

#content a img {
	border: 0px none;
}

/* =========================================== */
/*                  G R I D                    */
/* =========================================== */
.GridContainer {
	vertical-align: top;
    border: 1px solid #ccc;
    overflow: scroll;
    overflow-x: auto;
    overflow-y: auto;
    background-color: #fbf8f8;
    margin: 0;
    padding: 0;
}

TABLE.Grid 
{
	width: auto;
    border-collapse: separate;
    border-spacing: 0px;
    padding: 0px;
    margin: 0;
    border: 0;
}

TABLE.Grid TH.GridTitle
{
    margin: 0;
    padding: 4px 4px;
    white-space: nowrap !important;
    font-weight: bolder;
    background-color: #ddd;
    border-top: solid 1px #eeeeee;
    border-left: solid 1px #eeeeee;
    border-bottom: solid 1px #bbb;
    border-right: solid 1px #bbb;
}

TABLE.Grid TR 
{
}

TABLE.Grid TD
{
    margin: 0;
	padding: 0;
    padding: 4px 8px 4px 8px;
    white-space: nowrap;
    border: solid 1px #ffffff;
}

TABLE.Grid .GridEven
{
    background-color: #ffffff;
}

TABLE.Grid .GridOdd 
{
    background-color: #FFEEF5; 
}

TABLE.Grid TD A,
TABLE.Grid TD .ReadonlyAttribNoWrap, 
TABLE.Grid TD .ReadonlyAttrib,
TABLE.Grid TD IMG.Image
{
	border: 0;
	color: Black;
    display: block !important;
    margin: 0 !important;
	padding: 0 !important;
    text-decoration: none;
    font-weight: normal;
    white-space: nowrap;
    vertical-align: middle;
}

TABLE.Grid TD A IMAGE.Image
{
	border: 0px;
}

.GridButtons 
{
    margin: 0;
    padding: 0;
    text-align: right;
}

/* =========================================== */
/*             E R R O R    V I E W E R        */
/* =========================================== */
.ErrorViewer 
{
    display: block;
    padding: 0;
    background-color: #FFF1A8;
    -moz-border-radius: 6px;    
	border: 1px solid red; 
	margin: 15px 10px 0px 10px;
}

.ErrorViewer MENU 
{
    padding: 0;
    margin: 0;    
}

.ErrorViewer MENU LI
{
    padding: 15px 15px;
    color: Black;
    font-weight: bold;  
	text-align: center;
	list-style: none;
	list-style-position: inside;
	background-color: #F8E8B8;
	padding: 10px;
	margin: 0;
	-moz-border-radius: 5px;
}



/* =========================================== */
/*            F O R M    T A B L E S           */
/* =========================================== */
TABLE.FormTable 
{
    border: none;
    padding: 0;
    margin: 0;
}

TABLE.FormTable TD
{
    vertical-align: top;
    margin: 0px;
    padding: 1px 2px;
    white-space: nowrap;
}

TABLE.FormTable TD#upload A
{
	display: inline !important;
	padding-right: 5px;
}

.FormTable .FormLabelTD
{
	padding: 4px 8px 4px 12px;
    margin: 0;
    background-color: #eeeeee;
    white-space: nowrap;
    text-align: right;
    font-style: italic;
    font-weight: bold;
    height: 1.5em;
}

.FormTable .FormLabelTD .FormLabel
{
}

.FormTable .FormLabel:after
{
/*    content: ":"; */
}

TABLE.FormTable INPUT,
TABLE.FormTable TEXTAREA
{
	background-color: white; 
}


/* =========================================== */
/*               B U T T O N S                 */
/* =========================================== */
INPUT.Button,
INPUT.SpecialButtons
{
    display: inline;
    text-align: left;
    width: auto;
    overflow: visible;
    margin: 8px 4px 8px 4px;
    padding: 6px 12px 6px 12px;
    background-position: 8px center;
    background-repeat: no-repeat;
    background-image: url('empty.png');
}

INPUT.BtnStock,
INPUT.BtnCancel,
INPUT.BtnCheck,
INPUT.BtnDelete,
INPUT.BtnEnter,
INPUT.BtnFirst,
INPUT.BtnGet,
INPUT.BtnHelp,
INPUT.BtnLast,
INPUT.BtnNew,
INPUT.BtnNext,
INPUT.BtnPrevious,
INPUT.BtnRefresh,
INPUT.BtnSave,
INPUT.BtnSearch,
INPUT.BtnSelect,
INPUT.BtnPrint
{
    display: inline;
    text-align: left;
    width: auto;
    overflow: visible;
    margin: 8px 4px 8px 4px;
    padding: 6px 12px 6px 28px;
    background-position: 8px center;
    background-repeat: no-repeat;  
}

INPUT.BtnPrint
{
    background-image: url('icons/printer.png');
}

INPUT.BtnStock
{
    background-image: url('icons/package.png');
}

INPUT.BtnSearch
{
    background-image: url('icons/find.png');
}

INPUT.BtnCancel
{
    background-image: url('icons/cancel.png');
}

INPUT.BtnEnter
{
    background-image: url('icons/accept.png');
}

INPUT.BtnSave
{
    background-image: url('icons/disk.png');
}

INPUT.BtnNew
{
    background-image: url('icons/add.png');
}

INPUT.BtnDelete
{
    background-image: url('icons/delete.png');
}

INPUT.BtnNext
{
    background-image: url('icons/resultset_next.png');
}

INPUT.BtnPrevious
{
    background-image: url('icons/resultset_previous.png');
}

INPUT.BtnLast
{
    background-image: url('icons/resultset_last.png');
}

INPUT.BtnFirst
{
    background-image: url('icons/resultset_first.png');
}


/* =========================================== */
/*  div.ErrorMessages (inf. errors amb ajax)   */
/* =========================================== */
div.ErrorMessages {
	padding: 4px;
    background-color: #FFF1A8;
	border: 1px solid red;
	color: black; 
}

/* =========================================== */
/*                  L O G I N                  */
/* =========================================== */
#LoginPage, #LoginPage .TableLogin {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	vertical-align: middle;
	background-color: #ffffff;
}

#LoginPage .TableLogin .FormTable {
	margin: 0 auto;
	background-color: #f0f0f0;
	border: solid 1px black;
	border-spacing: 0px;
	border-collapse: collapse;
}


#LoginPage .TableLogin TABLE.FormTable TD#Logo {
	height: 80px;
	width: 400px;
	background: url('fidelizate.gif') no-repeat center;
	background-color: #B91377;
	padding: 0;
}
	 
#LoginPage .TableLogin TABLE.FormTable TD {
	padding: 4px;
}

#LoginPage .TableLogin TABLE.FormTable TD SPAN {
	background-color: transparent;
}


/* =========================================== */
/*               P R O M P T                   */
/* =========================================== */
#prompt
{
	height: 100%;
	overflow: scroll;
	vertical-align: top; 
	padding: 12px 12px 12px 12px;
    border-left: solid 1px ThreeDLightShadow;
    background-color: #f0f0f5;
    text-align: left;
  	font-family: Tahoma, Helvetica, SansSerif, Verdana, Arial;    
}

/* =========================================== */
/*               C A L E N D A R               */
/* =========================================== */

.calendar

{

	font-size: 8pt;

	cursor: default;

	background-color: Window;

	color: Black;

	font-family: Verdana, Arial;

	position: relative;

	display: none;

	font:    8pt Verdana, Arial;

	border-color: #fff #000 #000 #fff;

	

}

.calendar TABLE

{

	border-style: solid;

	border-width: 1px;

	font-size: 8pt;

	cursor: default;

	background-color: White;

	color: Black;

	font-family: Verdana, Arial;

	font:    8pt Verdana, Arial;

	border-bottom-color: #4682B4;

	border-top-color: #4682B4;

	border-right-color: #4682B4;

	border-left-color: #4682B4;

	border-color: #4682B4;

	

}

.calendar TABLE .wn

{

	padding-top: 2px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 2px;

	padding: 2px 3px 2px 2px;

	border-right: 1px solid rgb(31, 76, 135);

	background-color: rgb(219, 236, 252);

	color: ButtonText;

	

}

.calendar .calendarButton

{

	text-align: center;

	border-width: 1px;

	padding-top: 1px;

	padding-right: 1px;

	padding-bottom: 1px;

	padding-left: 1px;

	padding: 1px;

	border-style: solid;

	border-top-color: #DBECFC;

	border-right-color: #4682B4;

	border-bottom-color: #4682B4;

	border-left-color: #DBECFC;

	background-color: #DBECFC;

	color: Black;

	border-color: #DBECFC #4682B4 #4682B4 #DBECFC;

	font-size: 8pt;

	font-family: Verdana, Arial;

	font:    8pt Verdana, Arial;

	

}

.calendar .nav

{

	background-color: rgb(219, 236, 252);

	background-image: url(menuarrow.gif);

	background-repeat: no-repeat;

	background-position: 100% 100%;

	border-style: outset;

	border-top: 1;

	font-size: 8pt;

	font-family: Verdana, Arial;

	font:    8pt Verdana, Arial;

	

}

.calendar THEAD .name

{

	border-bottom: 1px solid rgb(31, 76, 135);

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 2px;

	padding: 2px;

	text-align: center;

	background-color: #DBECFC;

	color: Black;

	

}

.calendar THEAD .weekend

{

	color: #f00;

	

}

.calendar THEAD .hilite

{

	border-style: solid;

	border-width: 2px;

	border-top-color: #DBECFC;

	border-right-color: #4682B4;

	border-bottom-color: #4682B4;

	border-left-color: #DBECFC;

	border-color: #DBECFC #4682B4 #4682B4 #DBECFC;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	padding: 0px;

	

}

.calendar THEAD .active

{

	border-width: 1px;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 2px;

	padding: 2px 0px 0px 2px;

	border-top-color: #DBECFC;

	border-right-color: #4682B4;

	border-bottom-color: #4682B4;

	border-left-color: #DBECFC;

	border-color: #DBECFC #4682B4 #4682B4 #DBECFC;

	background-color: Gainsboro;

	border-style: outset;

	

}

.calendar THEAD .calendarTitle

{

	font-weight: bold;

	padding-top: 1px;

	padding-right: 1px;

	padding-bottom: 1px;

	padding-left: 1px;

	padding: 1px;

	border-width: 1px;

	border-style: solid;

	border-top-color: #000;

	border-right-color: #000;

	border-bottom-color: #000;

	border-left-color: #000;

	border-color: #000;

	background-color: rgb(31, 76, 135);

	color: CaptionText;

	text-align: center;

	

}

.calendar TBODY

{

	font-size: 8pt;

	font-family: Verdana, Arial;

	font:    8pt Verdana, Arial;

	

}

.calendar TBODY .day

{

	width: 2em;

	text-align: center;

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 2px;

	padding: 2px;

	vertical-align: middle;

	color: #000000;

	

}

.calendar TBODY .rowhilite TD

{

	background-color: rgb(70, 130, 180);

	color: White;

	

}

.calendar TBODY .emptyrow

{

	display: none;

	

}

.calendar TBODY .emptycell

{

	visibility: hidden;

	

}

.calendar TBODY td.hilite

{

	padding-top: 1px;

	padding-right: 3px;

	padding-bottom: 1px;

	padding-left: 1px;

	padding: 1px 3px 1px 1px;

	background-color: rgb(31, 76, 135);

	color: #FFFFFF;

	border-color: #fff #000;

	

}

.calendar TBODY td.active

{

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 2px;

	padding: 2px;

	border-style: solid;

	border-width: 1px;

	border-top-color: ButtonShadow;

	border-right-color: ButtonHighlight;

	border-bottom-color: ButtonHighlight;

	border-left-color: ButtonShadow;

	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;

	background-color: rgb(31, 76, 135);

	color: #FFFFFF;

	text-align: center;

	vertical-align: middle;

	

}

.calendar TBODY td.selected

{

	font-weight: bold;

	border-width: 1px;

	border-style: solid;

	border-top-color: ButtonShadow;

	border-right-color: ButtonHighlight;

	border-bottom-color: ButtonHighlight;

	border-left-color: ButtonShadow;

	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 2px;

	padding: 2px;

	background-color: Gainsboro;

	color: ButtonText;

	vertical-align: middle;

	

}

.calendar TBODY td.weekend

{

	color: #f00;

	

}

.calendar TBODY td.today

{

	font-weight: bold;

	color: rgb(31, 76, 135);

	

}

.calendar TBODY td.disabled

{

	color: GrayText;

	

}

.calendar TFOOT .ttip

{

	background-color: #DBECFC;

	padding-top: 1px;

	padding-right: 1px;

	padding-bottom: 1px;

	padding-left: 1px;

	padding: 1px;

	color: ButtonText;

	text-align: center;

	border-top: 1px solid #4682B4;

	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;

	

}

.calendar TFOOT .hilite

{

	border-style: solid;

	border-width: 1px;

	border-top-color: #DBECFC;

	border-right-color: #4682B4;

	border-bottom-color: #4682B4;

	border-left-color: #DBECFC;

	border-color: #DBECFC #4682B4 #4682B4 #DBECFC;

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 2px;

	padding: 2px;

	background-color: Gainsboro;

	

}

.calendar TFOOT .active

{

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 2px;

	padding: 2px;

	border-width: 1px;

	border-style: solid;

	border-top-color: #DBECFC;

	border-right-color: #4682B4;

	border-bottom-color: #4682B4;

	border-left-color: #DBECFC;

	border-color: #DBECFC #4682B4 #4682B4 #DBECFC;

	

}

.calendar td.time

{

	border-top: 1px solid rgb(31, 76, 135);

	padding-top: 1px;

	padding-right: 0px;

	padding-bottom: 1px;

	padding-left: 0px;

	padding: 1px 0px;

	text-align: center;

	background-color: #DBECFC;

	

}

.calendar td.time .hour

{

	padding-top: 0px;

	padding-right: 2px;

	padding-bottom: 4px;

	padding-left: 2px;

	padding: 0px 2px 4px;

	font-weight: bold;

	border-color: #889;

	

}

.calendar td.time .minute

{

	padding-top: 0px;

	padding-right: 2px;

	padding-bottom: 4px;

	padding-left: 2px;

	padding: 0px 2px 4px;

	font-weight: bold;

	border-color: #889;

	

}

.calendar td.time .ampm

{

	padding-top: 0px;

	padding-right: 3px;

	padding-bottom: 4px;

	padding-left: 3px;

	padding: 0px 3px 4px;

	font-weight: bold;

	text-align: left;

	border-color: #889;

	

}

.calendar td.time span.hilite

{

	border-top-color: #000;

	border-right-color: #000;

	border-bottom-color: #000;

	border-left-color: #000;

	border-color: #000;

	background-color: rgb(31, 76, 135);

	color: White;

	

}

.calendar td.time span.active

{

	border-top-color: #f00;

	border-right-color: #f00;

	border-bottom-color: #f00;

	border-left-color: #f00;

	border-color: #f00;

	background-color: rgb(31, 76, 135);

	color: Gold;

	

}

.calendar td.time .colon

{

	padding-top: 0px;

	padding-right: 2px;

	padding-bottom: 0px;

	padding-left: 3px;

	padding: 0px 2px 0px 3px;

	font-weight: bold;

	

}

.calendarcombo

{

	position: absolute;

	width: 4em;

	top: 0px;

	left: 0px;

	cursor: default;

	border-width: 1px;

	border-style: solid;

	border-top-color: #DBECFC;

	border-right-color: #4682B4;

	border-bottom-color: #4682B4;

	border-left-color: #DBECFC;

	border-color: #DBECFC #4682B4 #4682B4 #DBECFC;

	background-color: rgb(219, 236, 252);

	color: Black;

	font-size: 8pt;

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 2px;

	padding: 2px;

	display: none;

	font-family: Verdana, Arial;

	font:    8pt Verdana, Arial;

	

}

.calendarcombo .label

{

	text-align: center;

	padding-top: 1px;

	padding-right: 1px;

	padding-bottom: 1px;

	padding-left: 1px;

	padding: 1px;

	font-size: 8pt;

	font-family: Verdana, Arial;

	font:    8pt Verdana, Arial;

	

}

.calendarcombo .label-IEfix

{

	padding-top: 1px;

	padding-right: 1px;

	padding-bottom: 1px;

	padding-left: 1px;

	padding: 1px;

	text-align: center;

	width: 4em;

	font-size: 8pt;

	font-family: Verdana, Arial;

	font:    8pt Verdana, Arial;

	

}

.calendarcombo .active

{

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 2px;

	padding: 2px;

	border-width: 1px;

	border-style: outset;

	border-top-color: rgb(31, 76, 135);

	border-right-color: rgb(31, 76, 135);

	border-bottom-color: rgb(31, 76, 135);

	border-left-color: rgb(31, 76, 135);

	border-color: rgb(31, 76, 135);

	font-size: 8pt;

	font-family: Verdana, Arial;

	font:    8pt Verdana, Arial;

	

}

.calendarcombo .hilite

{

	background-color: rgb(31, 76, 135);

	color: White;

	padding-top: 2px;

	padding-right: 2px;

	padding-bottom: 2px;

	padding-left: 2px;

	padding: 2px;

	font-size: 8pt;

	font-family: Verdana, Arial;

	font:    8pt Verdana, Arial;

	

}