/* Hoja de estilos CSS predeterminada para un nuevo proyecto de aplicación Web */

BODY, TD
{
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}

H1	
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	
		
H2	
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	
		
H3	
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	
		
H4	
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	
		
H5, DT	
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	
		
H6	
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	
		
TFOOT, THEAD	
{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
}	
		
TH	
{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
}

A:link	
{	
	text-decoration:	none;
	color:	#3333cc;
}	
		
A:visited	
{	
	text-decoration:	none;
	color:	#333399;
}	
		
A:active	
{	
	text-decoration:	none;
	color:	#333399;
}	
		
A:hover	
{	
	text-decoration:	underline;
	color:	#3333cc;
}
	
SMALL	
{	
	font-size:	.7em;
}	

BIG	
{	
	font-size:	1.17em;
}	

BLOCKQUOTE, PRE	
{	
	font-family:	Courier New, monospace;
}	
	
UL LI	
{	
	list-style-type:	square ;
}	

UL LI LI	
{	
	list-style-type:	disc;
}	

UL LI LI LI	
{	
	list-style-type:	circle;
}	
	
OL LI	
{	
	list-style-type:	decimal;
}	

OL OL LI	
{	
	list-style-type:	lower-alpha;
}	

OL OL OL LI	
{	
	list-style-type:	lower-roman;
}	


/* Clases definidas */


.classLogoutMsg
{
	font-size: 8pt;
	font-weight: bold;
}

.classPrintPage
{
	margin: 0 0 0 0;
	border: solid 2px #BC8F8F;
}


.classOrangeL
{
	color: Red;
	font-weight: bold;
}

.classErrorPage
{
	color: #A91111;
	font-weight: bold;
}


.classWelcome
{
	color: #000070;
}

.classInputBox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #EFEFEF;
	border-color: #93A1B4;
	border-style: solid;
	border-width: 1px;
	color: #19304F;
}

.classInputBoxR
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #EFEFEF;
	border-color: #93A1B4;
	border-style: solid;
	border-width: 1px;
	color: #19304F;
	text-align:right;
	width:100%;
}
.classButton
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
	background-color: #DDDDDD;
	border: 1px solid #444444;
	height: 20px;
}


/* Botones con imágenes */

.btnLogout
{
	border: 0px;
	background-image: url(../../img/buttons/logout.png);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	cursor: pointer;
}

.btnShowPanel { background-image: url(../img/buttons/showPanel.png); }
.btnHidePanel { background-image: url(../img/buttons/hidePanel.png); }

.btnShowPanel, .btnHidePanel
{
	border: 0px;
	background-repeat: no-repeat;
	width: 90px;
	height: 11px;
	cursor: pointer;
	margin-bottom: 1px;
}


/*********************************************** INICIO ********************************************/


/* Window */
.winTL { background-image: url(../img/window/tl.png); }
.winTR { background-image: url(../img/window/tr.png); }
.winTC { background-image: url(../img/window/tc.png); height: 23px; padding-left: 12px; padding-top: 0px;  }/*cursor: pointer;*/
.winBL { background-image: url(../img/window/bl.png); }
.winBR { background-image: url(../img/window/br.png); }
.winBC { background-image: url(../img/window/bc.png); height: 18px; }
.winML { background-image: url(../img/window/ml.png); width: 8px; }
.winMR { background-image: url(../img/window/mr.png); width: 10px; }

/* winGreen */
.winGreenTL { background-image: url(../img/window/green/tl.png); }
.winGreenTR { background-image: url(../img/window/green/tr.png); }
.winGreenTC { background-image: url(../img/window/green/tc.png); height: 23px; padding-left: 12px; padding-top: 5px; cursor: pointer; }
.winGreenBL { background-image: url(../img/window/green/bl.png); }
.winGreenBR { background-image: url(../img/window/green/br.png); }
.winGreenBC { background-image: url(../img/window/green/bc.png); height: 18px; }
.winGreenML { background-image: url(../img/window/green/ml.png); width: 8px; }
.winGreenMR { background-image: url(../img/window/green/mr.png); width: 10px; }

/* winGold */
.winGoldTL { background-image: url(../img/window/gold/tl.png); }
.winGoldTR { background-image: url(../img/window/gold/tr.png); }
.winGoldTC { background-image: url(../img/window/gold/tc.png); height: 23px; padding-left: 12px; padding-top: 5px; cursor: pointer; }
.winGoldBL { background-image: url(../img/window/gold/bl.png); }
.winGoldBR { background-image: url(../img/window/gold/br.png); }
.winGoldBC { background-image: url(../img/window/gold/bc.png); height: 18px; }
.winGoldML { background-image: url(../img/window/gold/ml.png); width: 8px; }
.winGoldMR { background-image: url(../img/window/gold/mr.png); width: 10px; }

/* winBrown */
.winBrownTL { background-image: url(../img/window/brown/tl.png); }
.winBrownTR { background-image: url(../img/window/brown/tr.png); }
.winBrownTC { background-image: url(../img/window/brown/tc.png); height: 23px; padding-left: 12px; padding-top: 5px; cursor: pointer; }
.winBrownBL { background-image: url(../img/window/brown/bl.png); }
.winBrownBR { background-image: url(../img/window/brown/br.png); }
.winBrownBC { background-image: url(../img/window/brown/bc.png); height: 18px; }
.winBrownML { background-image: url(../img/window/brown/ml.png); width: 8px; }
.winBrownMR { background-image: url(../img/window/brown/mr.png); width: 10px; }

/* winGrey */
.winGreyTL { background-image: url(../img/window/grey/tl.png); }
.winGreyTR { background-image: url(../img/window/grey/tr.png); }
.winGreyTC { background-image: url(../img/window/grey/tc.png); height: 23px; padding-left: 12px; padding-top: 5px; cursor: pointer; }
.winGreyBL { background-image: url(../img/window/grey/bl.png); }
.winGreyBR { background-image: url(../img/window/grey/br.png); }
.winGreyBC { background-image: url(../img/window/grey/bc.png); height: 18px; }
.winGreyML { background-image: url(../img/window/grey/ml.png); width: 8px; }
.winGreyMR { background-image: url(../img/window/grey/mr.png); width: 10px; }

/*********************************************** FIN ********************************************/


/* BoxGreen */
.boxGreen 
{
	background: url(../img/box/green/nt.gif) repeat;
	margin: 1em auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.boxGreenContent { margin: 7px 7px; text-align: center }
.boxGreenTop div { background: url(../img/box/green/tl.gif) no-repeat top left; }
.boxGreenTop  { background: url(../img/box/green/tr.gif) no-repeat top right; }
.boxGreenBot div { background: url(../img/box/green/bl.gif) no-repeat bottom left; }
.boxGreenBot  { background: url(../img/box/green/br.gif) no-repeat bottom right; }

.boxGreenTop div, .boxGreenTop, .boxGreenBot div, .boxGreenBot 
{
	width: 100%;
	height: 7px;
	font-size: 1px;
}

/* PanGreen */
.panGreen 
{
	margin: 1em auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.panGreenContent { margin: 7px 7px 7px 7px; text-align: center }
.panGreenTop div { background: url(../img/box/green/tl.gif) no-repeat top left; }
.panGreenTop  { background: url(../img/box/green/tr.gif) no-repeat top right; }
.panGreenTop  { background: url(../img/box/green/nt.gif) repeat-x center top; }
.panGreenBot div { background: url(../img/box/green/bl.gif) no-repeat bottom left; }
.panGreenBot  { background: url(../img/box/green/br.gif) no-repeat bottom right; }
.panGreenBot { background: url(../img/box/green/nt.gif) repeat-x center bottom; }


.panGreenTop div, .panGreenTop, .panGreenBot div, .panGreenBot 
{
	height: 7px;
	font-size: 1px;
}


/* BoxOrangeL */
.boxOrangeL 
{
	background: url(../img/box/orangel/nt.gif) repeat;
	margin: 1em auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.boxOrangeLContent { margin: 7px 7px; text-align: center }
.boxOrangeLTop div { background: url(../img/box/orangel/tl.gif) no-repeat top left; }
.boxOrangeLTop  { background: url(../img/box/orangel/tr.gif) no-repeat top right; }
.boxOrangeLBot div { background: url(../img/box/orangel/bl.gif) no-repeat bottom left; }
.boxOrangeLBot  { background: url(../img/box/orangel/br.gif) no-repeat bottom right; }

.boxOrangeLTop div, .boxOrangeLTop, .boxOrangeLBot div, .boxOrangeLBot 
{
	width: 100%;
	height: 7px;
	font-size: 1px;
}


/* BoxGold */
.boxGold 
{
	background: url(../img/box/gold/nt.gif) repeat; 
	margin: 1em auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.boxGoldContent { margin: 0 7px; text-align: center }
.boxGoldTop div { background: url(../img/box/gold/tl.gif) no-repeat top left; }
.boxGoldTop { background: url(../img/box/gold/tr.gif) no-repeat top right; }
.boxGoldBot div { background: url(../img/box/gold/bl.gif) no-repeat bottom left; }
.boxGoldBot { background: url(../img/box/gold/br.gif) no-repeat bottom right; }

.boxGoldTop div, .boxGoldTop, .boxGoldBot div, .boxGoldBot 
{
	width: 100%;
	height: 7px;
	font-size: 1px;
}

/* BoxBrown */
.boxBrown 
{
	background: url(../img/box/brown/nt.gif) repeat; 
	margin: 1em auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.boxBrownContent { margin: 0 7px; text-align: center }
.boxBrownTop div { background: url(../img/box/brown/tl.gif) no-repeat top left; }
.boxBrownTop { background: url(../img/box/brown/tr.gif) no-repeat top right; }
.boxBrownBot div { background: url(../img/box/brown/bl.gif) no-repeat bottom left; }
.boxBrownBot { background: url(../img/box/brown/br.gif) no-repeat bottom right; }

.boxBrownTop div, .boxBrownTop, .boxBrownBot div, .boxBrownBot 
{
	width: 100%;
	height: 7px;
	font-size: 1px;
}

/* BoxGrey */
.boxGrey 
{
	background: url(../img/box/grey/nt.gif) repeat; 
	margin: 1em auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.boxGreyContent { margin: 0 7px; text-align: center }
.boxGreyTop div { background: url(../img/box/grey/tl.gif) no-repeat top left; }
.boxGreyTop { background: url(../img/box/grey/tr.gif) no-repeat top right; }
.boxGreyBot div { background: url(../img/box/grey/bl.gif) no-repeat bottom left; }
.boxGreyBot { background: url(../img/box/grey/br.gif) no-repeat bottom right; }

.boxGreyTop div, .boxGreyTop, .boxGreyBot div, .boxGreyBot 
{
	width: 100%;
	height: 7px;
	font-size: 1px;
}


/* BoxBlue */

.boxBlueTL { background: url(../img/box/blue/tl.gif) no-repeat; width: 2px; height:2px; }
.boxBlueTR { background: url(../img/box/blue/tr.gif) no-repeat; width: 2px; height:2px; }
.boxBlueBL { background: url(../img/box/blue/bl.gif) no-repeat; width: 2px; height:2px; }
.boxBlueBR { background: url(../img/box/blue/br.gif) no-repeat; width: 2px; height:2px; }
.boxBlueRect { background: url(../img/box/blue/nt.gif) no-repeat; width: 2px; height:2px; }
.boxBlue { background: url(../img/box/blue/nt.gif); }


/* BoxBlueSteel */

.boxBlueSteelTL { background: url(../img/box/blueSteel/tl.gif) no-repeat; width:3px; height:3px; }
.boxBlueSteelTR { background: url(../img/box/blueSteel/tr.gif) no-repeat; width:3px; height:3px; }
.boxBlueSteelBL { background: url(../img/box/blueSteel/bl.gif) no-repeat; width:3px; height:3px; }
.boxBlueSteelBR { background: url(../img/box/blueSteel/br.gif) no-repeat; width:3px; height:3px; }
.boxBlueSteelRect { background: url(../img/box/blueSteel/nt.gif); width: 3px; height:3px; }
.boxBlueSteel { background: url(../img/box/blueSteel/nt.gif); }


/* BoxMoccasin */

.boxMoccasinTR { background: url(../img/box/moccasin/tr.gif) no-repeat; width: 10px; height:10px; }
.boxMoccasinBL { background: url(../img/box/moccasin/bl.gif) no-repeat; width: 10px; height:10px; }
.boxMoccasinRect { background: url(../img/box/moccasin/nt.gif) no-repeat; width: 10px; height:10px; }
.boxMoccasin { background: url(../img/box/moccasin/nt.gif); }


/*********************************************** INICIO ********************************************/

/* Panel ajustable */

#paneGroup 
{
	OVERFLOW: visible; 
	WIDTH: 100%; 
	POSITION: relative 
}

#leftPane 
{ 
	BORDER-RIGHT: #DDDDDD 10px solid; 
	Z-INDEX: 2; 
	OVERFLOW: hidden; 
	POSITION: relative;
	padding-right: 10px;
	margin-right: 10px;
}

#rightPane 
{ 
	Z-INDEX: 1; 
	OVERFLOW: hidden; 
	POSITION: absolute 
}
/*********************************************** FIN ********************************************/



/****************************** INICIO ******************************/


/* Estilos para los Tabs */

.tabPanelGroup { margin-top:10px; padding:0; border:1px solid #596380; }
.tabPanel { margin:0; padding:10px; color:#000; background:#FAFAD2; }
.tabGroup { margin:0; padding:0; }
.tabDefault { margin:0; padding:2px; background:#FFF; }
.tabSelected { margin:0; padding:2px; color:#000; background:#CFD4E6; }

.tabPanelGroup { position:relative; overflow:hidden; }
.tabPanel { position:absolute; overflow:auto; display:none; }
.tabGroup { position:absolute; overflow:hidden; }
span.linkDelim { display:none; }
			
.tabGroup a.tabDefault:link, .tabGroup a.tabDefault:visited, .tabGroup a.tabDefault:active, .tabDefault
{
	position:absolute; overflow:hidden;
	cursor:pointer;
	text-align:center;
	border-top:none;
	border-left:1px solid #CFD4E6;
	border-right:1px solid #CFD4E6;
	border-bottom:1px solid #596380;
	background:#FFF;
	text-decoration:none;
}
						
.tabGroup a.tabDefault:hover, .tabDefault:hover 
{
	position:absolute; overflow:hidden;
	cursor:pointer;
	text-align:center;
	border-top:none;
	border-left:1px solid #CFD4E6;
	border-right:1px solid #CFD4E6;
	border-bottom:1px solid #596380;
	background:#FFF;
	text-decoration:none;
}
			
.tabGroup a.tabSelected:link, .tabGroup a.tabSelected:visited, .tabGroup a.tabSelected:active, .tabGroup a.tabSelected:hover, .tabSelected 
{
	position:absolute; overflow:hidden;
	cursor:pointer;
	text-align:center;
	border-top:1px solid #596380;
	border-right:1px solid #596380;
	border-bottom:1px solid #CFD4E6;
	border-left:1px solid #596380;
	background:#DDDDBD;
	text-decoration:none;
}


/****************************** FIN ******************************/