/*** GREEN ***/
/* set the image to use and establish the lower-right position */                                        
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {                                                   
    background: transparent url(bg_box_green_800x800.gif) no-repeat bottom right;                               
}                                                                                                        
.cssbox {                                                                                                
    /* Quito el width fijo para que se ajuste al width del contenedor donde este.*/
    /*width: 335px !important;*/ /* intended total box width - padding-right(next) */                        
    /*width: 320px;*/ /* IE Win = width - padding */                                                         
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */              
    margin: 5px auto; /* use to position the box */                                                     
}                                                                                                        

/* set the top-right image */                                                                            
.cssbox_head {                                                                                           
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */                                    
}                                                                                                        
                                                                                                         
/* set the top-left image */                                                                             
.cssbox_head h2 {                                                                                        
    background-position: top left;                                                                       
    margin: 0; /* reset main site styles*/                                                               
    border: 0; /* ditto */                                                                               
    padding: 15px 0 0px 40px; /* padding-left = image gap + interior padding ... no padding-right */    
    height: auto !important; height: 1%; /* IE Holly Hack */                                             
}                                                                                                        
                                                                                                         
/* set the lower-left corner image */                                                                    
.cssbox_body {                                                                                           
    background-position: bottom left;                                                                    
    margin-right: 25px; /* interior-padding right */                                                     
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */                                      
}

/*** LIGHT BLUE ***/
/* set the image to use and establish the lower-right position */                                        
.cssbox_ltblue, .cssbox_body_ltblue, .cssbox_head_ltblue, .cssbox_head_ltblue h2 {                                                   
    background: transparent url(bg_box_ltblue_800x800.gif) no-repeat bottom right;                               
}                                                                                                        
.cssbox_ltblue {                                                                                                
    /* Quito el width fijo para que se ajuste al width del contenedor donde este.*/
    /*width: 335px !important;*/ /* intended total box width - padding-right(next) */                        
    /*width: 320px;*/ /* IE Win = width - padding */                                                         
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */              
    margin: 5px auto; /* use to position the box */                                                     
}                                                                                                        

/* set the top-right image */                                                                            
.cssbox_head_ltblue {                                                                                           
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */                                    
}                                                                                                        
                                                                                                         
/* set the top-left image */                                                                             
.cssbox_head_ltblue h2 {                                                                                        
    background-position: top left;                                                                       
    margin: 0; /* reset main site styles*/                                                               
    border: 0; /* ditto */                                                                               
    padding: 15px 0 0px 40px; /* padding-left = image gap + interior padding ... no padding-right */    
    height: auto !important; height: 1%; /* IE Holly Hack */                                             
}                                                                                                        
                                                                                                         
/* set the lower-left corner image */                                                                    
.cssbox_body_ltblue {                                                                                           
    background-position: bottom left;                                                                    
    margin-right: 25px; /* interior-padding right */                                                     
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */                                      
}

/*** GREEN FILLED ***/
/* set the image to use and establish the lower-right position */                                        
.cssbox_greenf, .cssbox_body_greenf, .cssbox_head_greenf, .cssbox_head_greenf h2 {                                                   
    background: transparent url(bg_box_green_filled_800x800.gif) no-repeat bottom right;                               
}                                                                                                        
.cssbox_greenf {                                                                                                
    /* Quito el width fijo para que se ajuste al width del contenedor donde este.*/
    /*width: 335px !important;*/ /* intended total box width - padding-right(next) */                        
    /*width: 320px;*/ /* IE Win = width - padding */                                                         
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */              
    margin: 5px auto; /* use to position the box */                                                     
}                                                                                                        

/* set the top-right image */                                                                            
.cssbox_head_greenf {                                                                                           
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */                                    
}                                                                                                        
                                                                                                         
/* set the top-left image */                                                                             
.cssbox_head_greenf h2 {                                                                                        
    background-position: top left;                                                                       
    margin: 0; /* reset main site styles*/                                                               
    border: 0; /* ditto */                                                                               
    padding: 15px 0 0px 40px; /* padding-left = image gap + interior padding ... no padding-right */    
    height: auto !important; height: 1%; /* IE Holly Hack */                                             
}                                                                                                        
                                                                                                         
/* set the lower-left corner image */                                                                    
.cssbox_body_greenf {                                                                                           
    background-position: bottom left;                                                                    
    margin-right: 25px; /* interior-padding right */                                                     
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */                                      
}

/*** LIGHT BLUE FILLED ***/
/* set the image to use and establish the lower-right position */                                        
.cssbox_ltbluef, .cssbox_body_ltbluef, .cssbox_head_ltbluef, .cssbox_head_ltbluef h2 {                                                   
    background: transparent url(bg_box_ltblue_filled_800x800.gif) no-repeat bottom right;                               
}                                                                                                        
.cssbox_ltbluef {                                                                                                
    /* Quito el width fijo para que se ajuste al width del contenedor donde este.*/
    /*width: 335px !important;*/ /* intended total box width - padding-right(next) */                        
    /*width: 320px;*/ /* IE Win = width - padding */                                                         
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */              
    margin: 5px auto; /* use to position the box */                                                     
}                                                                                                        

/* set the top-right image */                                                                            
.cssbox_head_ltbluef {                                                                                           
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */                                    
}                                                                                                        
                                                                                                         
/* set the top-left image */                                                                             
.cssbox_head_ltbluef h2 {                                                                                        
    background-position: top left;                                                                       
    margin: 0; /* reset main site styles*/                                                               
    border: 0; /* ditto */                                                                               
    padding: 15px 0 0px 40px; /* padding-left = image gap + interior padding ... no padding-right */    
    height: auto !important; height: 1%; /* IE Holly Hack */                                             
}                                                                                                        
                                                                                                         
/* set the lower-left corner image */                                                                    
.cssbox_body_ltbluef {                                                                                           
    background-position: bottom left;                                                                    
    margin-right: 25px; /* interior-padding right */                                                     
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */                                      
}

/*** LIGHT YELLOW FILLED CON SHADOW ***/
/* set the image to use and establish the lower-right position */                                        
.cssbox_ltyellowf, .cssbox_body_ltyellowf, .cssbox_head_ltyellowf, .cssbox_head_ltyellowf h2 {                                                   
    background: transparent url(bg_box_ltyellow_filled_800x800.jpg) no-repeat bottom right;                               
}                                                                                                        
.cssbox_ltyellowf {                                                                                                
    /* Quito el width fijo para que se ajuste al width del contenedor donde este.*/
    /*width: 335px !important;*/ /* intended total box width - padding-right(next) */                        
    /*width: 320px;*/ /* IE Win = width - padding */                                                         
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */              
    margin: 5px auto; /* use to position the box */                                                     
}                                                                                                        

/* set the top-right image */                                                                            
.cssbox_head_ltyellowf {                                                                                           
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */                                    
}                                                                                                        
                                                                                                         
/* set the top-left image */                                                                             
.cssbox_head_ltyellowf h2 {                                                                                        
    background-position: top left;                                                                       
    margin: 0; /* reset main site styles*/                                                               
    border: 0; /* ditto */                                                                               
    padding: 15px 0 0px 40px; /* padding-left = image gap + interior padding ... no padding-right */    
    height: auto !important; height: 1%; /* IE Holly Hack */                                             
}                                                                                                        
                                                                                                         
/* set the lower-left corner image */                                                                    
.cssbox_body_ltyellowf {                                                                                           
    background-position: bottom left;                                                                    
    margin-right: 25px; /* interior-padding right */                                                     
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */                                      
}

/*Un tipo blockquote*/
.indented
   {
   padding-left: 50pt;
   padding-right: 50pt;
   }

.graymediumfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #505050;
}

.greenmediumfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: green;
}

.graymediumfontnumbers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #505050;
}

.orangebigfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FF6600;
}

.greenbigfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: green;
}

/* Un tabbed Menu y Submenu */
.Menu {                                                                                                                                                                                        
font-family: Arial, sans-serif;                                                                                                                                                                
border-bottom: 1px solid #ccc;                                                                                                                                                                 
font-size: 11px;                                                                                                                                                                               
text-align: left; /* We are using text-align: left on ul to left align our menu to the page. If you want the menu aligned centered or right just change text-align to either center or right */
margin: 5px 0 5px 10px;                                                                                                                                                                        
padding: 0 0 3px 0;                                                                                                                                                                            
}                                                                                                                                                                                              
.Menu li {                                                                                                                                                                                     
margin: 0 2px 0 0;                                                                                                                                                                             
border-bottom: none;                                                                                                                                                                           
display: inline; /* Menu links are horizontally aligned using display: inline */                                                                                                               
}                                                                                                                                                                                              
.Menu li a {                                                                                                                                                                                   
margin: 0 -2px 0 0;                                                                                                                                                                            
padding: 3px 12px 3px 12px; /* Display: block won't work in this example, instead we are using padding */                                                                                      
color: #666;                                                                                                                                                                                   
text-decoration: none;                                                                                                                                                                         
border: 1px solid #ccc;                                                                                                                                                                        
background: #f5f5f5;                                                                                                                                                                           
}                                                                                                                                                                                              
.Menu li a:hover {                                                                                                                                                                             
background: #ededed;                                                                                                                                                                           
color: #000;                                                                                                                                                                                   
}                                                                                                                                                                                              
.Menu li#active {                                                                                                                                                                              
margin: 0 3px 0 0;                                                                                                                                                                             
padding: 3px 6px 3px 8px; /* Display: block won't work in this example, instead we are using padding */                                                                                        
background: white;                                                                                                                                                                             
border: 1px solid #ccc;                                                                                                                                                                        
border-bottom: 1px solid white;                                                                                                                                                                
}                                                                                                                                                                                              
.Menu li a:hover {                                                                                                                                                                             
background: #ededed;                                                                                                                                                                           
color: #000;                                                                                                                                                                                   
}                                                                                                                                                                                              
.Menu .subMenu                                                                                                                                                                                 
float: left;                                                                                                                                                                                   
text-align: left; /* If both menus are going to be left-aligned we really don't need to use text-align: left on the sub menu, since this menu will inherit the alignment from .Menu */         
width: 100%;                                                                                                                                                                                   
margin: 6px 0 5px 0;                                                                                                                                                                           
padding: 3px 0 3px 0;                                                                                                                                                                          
border-bottom: 2px solid #F89226;                                                                                                                                                              
}                                                                                                                                                                                              
* html .Menu .subMenu {                                                                                                                                                                        
margin: 2px 0 5px 0; /* IE hack */                                                                                                                                                             
}                                                                                                                                                                                              
.Menu .subMenu li {                                                                                                                                                                            
padding: 3px 0 3px 0;                                                                                                                                                                          
border: 0;                                                                                                                                                                                     
}                                                                                                                                                                                              
.Menu .subMenu li a {                                                                                                                                                                          
border: 0;                                                                                                                                                                                     
background-color: #fc9;                                                                                                                                                                        
}                                                                                                                                                                                              
.Menu .subMenu li a:hover {                                                                                                                                                                    
background: #d4de7c;                                                                                                                                                                           
}                                                                                                                                                                                              
.Menu .subMenu li#subActive {                                                                                                                                                                  
padding: 3px 6px 3px 8px;                                                                                                                                                                      
font-weight: bold;                                                                                                                                                                             
}

.errorBox {
	border: 1px red solid;
	margin: 5px 5px 5px 5px;
	padding: 5px; 
	padding-bottom: 5px; 
	padding-left: 5px;
	color: red;
}	

.msgBox {
	border: 1px green solid;
	margin: 5px 5px 5px 5px;
	padding: 5px; 
	padding-bottom: 5px; 
	padding-left: 5px;
	color: green;
}	

.commonButton BUTTON.button SPAN {
	BACKGROUND: url(button.gif) no-repeat 0px -44px
}
.commonButton BUTTON.button SPAN SPAN {
	BACKGROUND: url(button.gif) no-repeat 100% -44px
}
.commonButton BUTTON.button:hover SPAN {
	BACKGROUND: url(button.gif) no-repeat 0px -22px
}
.commonButton BUTTON.button:hover SPAN SPAN {
	BACKGROUND: url(button.gif) no-repeat 100% -22px
}

.magentaTitle {
	color:#F9215B;
	font-size:16px;
}