@import "exigoStandardClasses.css";


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* --------------- [START Body and Main Container Elements] --------------- */
#__asptrace { 
WIDTH: 1000px; 
HEIGHT: auto; 
MARGIN: 0 auto; 
MARGIN-TOP: 50%; 
}

body {
	MARGIN: 0;
	PADDING: 0;
	HEIGHT: 100%;
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: center top;
	COLOR: #333;
	LINE-HEIGHT: 15px;
	list-style-image: url(../Images/Inicio/VinetaPlayPEQ.png);
	background-color: #FFFFFF;
}

.TituloAzul {
	font-size: 16px;
	color: #1254A5;
	text-align: center;
}

.SubTituloNegrita {
	font-size: 16px;
	color: #000;
	font-weight: bold ;
}
.SubTituloNegritaBlanco {
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
}

.TextoBlanco {
	color: #FFF;
}


.CuadroGrs {
	BACKGROUND-COLOR: #F6F6F6;
	border: 1px outset #CCC;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* --------------- [START Element Definitions] --------------- */
img { 
BORDER: 0; 
MARGIN: 0; 
PADDING: 0; 
}
a {
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
	CURSOR: pointer;
	COLOR: #1C5684;
	text-decoration: none;
}
a:hover { 
COLOR: #062842; 
TEXT-DECORATION: None; 
}
h1 { 
}

h2 { 
COLOR: #333; 
FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;  
FONT-SIZE: 18px; 
FONT-WEIGHT: normal; 
TEXT-DECORATION: none; 
PADDING-BOTTOM: 10px; 
}

p { 
LINE-HEIGHT: 14px; 
PADDING-BOTTOM: 25px; 
}

b, strong { 
COLOR: #333; 
}

input, select, textarea { 
FONT-FAMILY: Tahoma, Arial, Helvetica, Sans Serif; 
FONT-SIZE: 12px; 
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*-----[START Main, Header, Navigation and Footer Containers and Definitions]-----*/
.mainContainer { 
WIDTH: 1000px; 
HEIGHT: auto; MARGIN: 0 auto; 
BORDER-LEFT: 1px solid #CCC; 
BORDER-BOTTOM: 1px solid #CCC; 
BORDER-RIGHT: 1px solid #CCC; 
}

.mainHeader { 
WIDTH: auto; 
HEIGHT: 100px; 
BACKGROUND: url(images/bgHeaderB.jpg);
}

.rightInfo { 
FLOAT: right; 
MARGIN-RIGHT: 5px; 
TEXT-ALIGN: right; 
COLOR: #FFF; 
FONT-SIZE: 12px; 
MARGIN-TOP: 5px; 
LINE-HEIGHT: 14px; 
}

.rightInfo b { 
FONT-WEIGHT: bold; 
COLOR: #FFF; 
}

.rightInfo a { 
FONT-WEIGHT: normal; 
COLOR: #FFF; 
TEXT-DECORATION: none; 
}

.rightInfo a { 
TEXT-DECORATION: underline; 
}
.productTitle { 
WIDTH: 410px; 
MARGIN-LEFT: 20px; 
}

a.lnkMore { 
FONT-SIZE: 10px; 
FONT-WEIGHT: bold; 
COLOR: #235C7A; 
TEXT-TRANSFORM: uppercase; 
FONT-FAMILY: Tahoma, Arial, Helvetica, Sans Serif; 
TEXT-DECORATION: none; 
}

.mainNav { 
WIDTH: 100%; 
HEIGHT: 30px; 
BACKGROUND: url(images/bgHeader.jpg) repeat-x left bottom #1C5684; 
}
/* .time { 
FLOAT: right; 
WIDTH: auto; 
HEIGHT: 29px; 
LINE-HEIGHT: 29px; 
TEXT-ALIGN: right; 
MARGIN-RIGHT: 5px; 
COLOR: white; F
ONT-WEIGHT: normal; 
}*/

.footerLinks { 
PADDING-TOP: 5px; 
BORDER-TOP: 1px solid #CCC; 
}

.footerLinks td { 
WIDTH: 14%; 
VERTICAL-ALIGN: top; 
}

.footerLinks b { 
DISPLAY: block; 
WIDTH: auto; 
HEIGHT: auto; 
FONT-SIZE: 13px; 
}

.footerLinks a { 
DISPLAY: block; 
WIDTH: auto; 
HEIGHT: auto; 
FONT-SIZE: 12px; 
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* --------------- [START Content Section Definitions] --------------- */
.contentSection { 
WIDTH: auto; 
HEIGHT: auto; 
BACKGROUND: url(images/bgContentSection.jpg) no-repeat left top; 
BACKGROUND-COLOR: #FFFFFF; 
PADDING: 15px 15px 0 15px; 
}

.contentSection h1 
{ COLOR: #CCC; 
FONT-FAMILY: Arial, Helvetica, san-serif; 
FONT-SIZE: 36px; 
TEXT-DECORATION: none; 
PADDING: 0px 40px 5px 0px; 
FONT-WEIGHT: bold; 
LETTER-SPACING: -1px; 
}

.contentSection h2 { 
COLOR: #333; 
FONT-FAMILY: Arial, Helvetica, san-serif; 
FONT-SIZE: 18px; 
FONT-WEIGHT: normal; 
TEXT-DECORATION: none; 
PADDING-BOTTOM: 10px; 
}


.leftColumn { 
WIDTH: 20%; 
HEIGHT: auto; 
FLOAT: left; 
}

.rightColumn { 
WIDTH: 78%; 
HEIGHT: auto; 
FLOAT: right; 
}

.content p { 
LINE-HEIGHT: 16px; 
MARGIN-BOTTOM: 0px; 
MARGIN-TOP: 0px; 
}

.section { 
WIDTH: auto; 
BORDER: 1px solid #1C5684; 
MARGIN-BOTTOM: 20px; 
}

.section h2 { 
MARGIN: 0; 
PADDING: 0; 
FONT-SIZE: 12px; 
COLOR: White; 
WIDTH: auto; 
HEIGHT: auto; 
PADDING: 5px; 
FONT-WEIGHT: bold; 
FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; 
BACKGROUND: url(images/bgH2.gif) repeat-x left top #1C5684; 
}

.section .content { 
PADDING: 10px; 
}

.section .wide { 
PADDING-TOP: 10px !important; 
PADDING-LEFT: 0px !important; 
PADDING-RIGHT: 0px !important; 
PADDING-BOTTOM: 0px !important; 
}

.half { 
WIDTH: 48.5%; 
}

.gray { 
BORDER: 1px solid #CCC !important; 
}

.gray h2 { 
COLOR: #333; 
BACKGROUND: url(images/bgH2White.gif) repeat-x left top #CCC; 
}

.special { 
BORDER: 1px solid #57841C !important; 
BACKGROUND-COLOR: #d7e8c0; 
}

.special h2 { 
COLOR: #FFF; 
BACKGROUND: url(images/bgH2Special.gif) repeat-x left top #57841C; 
}

.dashboard {
	BACKGROUND-COLOR: #EEE;
	FONT-SIZE: 12px;
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;

}

.dashboard p { 
LINE-HEIGHT: 20px; 
MARGIN-BOTTOM: 0px; 
MARGIN-TOP: 0px; 
}

.email a, .quickLinks a {
DISPLAY: block; 
WIDTH: auto; 
HEIGHT: auto; 
PADDING: 2px 5px 2px 10px; 
BACKGROUND: url(images/bltArrow.gif) no-repeat left center; 
}

.downloads a, .rightNav a { 
DISPLAY: block; 
WIDTH: auto; 
HEIGHT: auto; 
PADDING: 2px 5px 2px 10px; 
BACKGROUND: url(images/bltArrow.gif) no-repeat left center; 
}

.downloads a.lnkMore { 
BACKGROUND: none; 
}

.downloadTable {
 WIDTH: 100%; 
 HEIGHT: auto; 
 MARGIN-LEFT: 0px; 
 BORDER-COLOR: #CCC; 
 }
 
.downloadTable .style1 { 
TEXT-INDENT: 15px; 
BORDER: 1px solid #CCC; 
}

.downloadTable .style2 { 
BORDER: 1px solid #CCC; 
}

.profileTable { 
MARGIN-LEFT: 30px; 
COLOR: #78737B; 
VERTICAL-ALIGN: top; 
}

.profileTable td { 
VERTICAL-ALIGN: top; 
}

#ctl01_txtNotes, #ctl01_txtNotes2, #ctl01_txtNotes3, #ctl01_txtNotes4 { WIDTH: auto; HEIGHT: auto; PADDING: 10px; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #333; MARGIN-BOTTOM: 40px; }



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ----------- [START Home Tables Definitions] ---------- */
.tblHomeVolumes { 
WIDTH: 100%; HEIGHT: auto; 
}

.tblHomeVolumes tr { 
BORDER-BOTTOM: 1px solid #CCC; 
}

.tblHomeVolumes .label { 
TEXT-ALIGN: left; 
WIDTH: 40%; 
FONT-SIZE: 12px; 
}

.tblHomeVolumes .value { 
TEXT-ALIGN: right; 
WIDTH: 30%; 
FONT-SIZE: 12px; 
}
.tblHomeVolumes .header { 
FONT-WEIGHT: bold; 
FONT-SIZE: 10px; 
FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; 
TEXT-TRANSFORM: uppercase; 
BORDER-BOTTOM: 1px solid #CCC; 
COLOR: #999; 
}

.tblStatus { 
WIDTH: 100%; 
HEIGHT: auto; 
}

.tblStatus tr { 
BORDER-BOTTOM: 1px solid #CCC; 
}

.tblStatus .label { 
TEXT-ALIGN: left; 
WIDTH: 70%; 
FONT-SIZE: 12px; 
}

.tblStatus .value { 
TEXT-ALIGN: right; 
WIDTH: 30%; 
FONT-SIZE: 12px; 
}

.tblStatus .header { 
FONT-WEIGHT: bold; 
FONT-SIZE: 10px; 
FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; 
TEXT-TRANSFORM: uppercase; 
BORDER-BOTTOM: 1px solid #CCC; COLOR: #999; 
}

#countdownMonth { 
FONT-SIZE: 12px; 
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* --------------- [START Product List Definitions] --------------- */
.profileTable td { 
PADDING: 5px 0; 
VERTICAL-ALIGN: middle; 
}

.downloadTable p { 
PADDING: 0; 
}

.clsProductCategory { 
COLOR: #333; 
FONT-FAMILY: Arial, Helvetica, san-serif; 
FONT-SIZE: 18px; FONT-WEIGHT: normal; 
TEXT-DECORATION: none; 
PADDING-BOTTOM: 10px; 
}

table.clsProductList td { 
PADDING-BOTTOM: 30px; 
}

.plImageDimensions { 
DISPLAY: block; 
WIDTH: 160px; 
HEIGHT: 115px; 
MARGIN-BOTTOM: 20px; 
}

.plImageDimensions img { 
MAX-HEIGHT: 115px; 
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* --------------- [START Shopping Cart Definitions] --------------- */
.confHeader { 
PADDING: 0 0 10px 0; 
MARGIN-BOTTOM: 10px; 
TEXT-ALIGN: left; 
FONT-SIZE: 15px !important; 
FONT-FAMILY: Arial, Helvetica, Sans-Serif; 
COLOR: #000; 
FONT-WEIGHT: bold; 
}

.confSubheader { 
}

.popup { 
WIDTH: 500px; 
HEIGHT: 500px; 
BACKGROUND-COLOR: white; 
PADDING: 20px; 
}
.popup p { 
WIDTH: 460px; 
}

.SectionTitle { 
DISPLAY: none; 
}

.invoiceContainer { 
WIDTH: 572px; 
HEIGHT: 752px; 
PADDING: 20px; 
}

.PlaceOrder { 
BACKGROUND: url(images/bgPlaceOrder.jpg) no-repeat left top; 
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ----------- [START Downline/Report Definitions] ---------- */
.ActionGridData, .AGridData { 
MARGIN-BOTTOM: 15px; 
}

.ActionGridDataContainer { 
MARGIN-BOTTOM: 15px; 
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ----------- [START Downline Tree Definitions] ---------- */
.treeLegend, #navControls, .treeHeader, .treeLegend td { 
TEXT-ALIGN: left; 
}
.treeHeader { 
FONT-SIZE: 16px; 
BORDER-BOTTOM: 1px solid #CCC; 
FONT-WEIGHT: bold; 
}
.treeLegend { 
WIDTH: 250px; 
}
.currentVw { 
FONT-SIZE: 14px; 
FONT-WEIGHT: bold; 
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ----------- [START Travis' Default Wizard Classes] ---------- */
#WizardTable input, #WizardTable select, #WizardTable textarea { COLOR: #333333; FONT-WEIGHT: bold; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; }



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ----------- [START Custom Tooltip Definitions] ---------- */
.tooltip { 
WIDTH: 300px; 
HEIGHT: auto; 
COLOR: #FFF; 
FONT-SIZE: 12px; 
TEXT-DECORATION: none; 
TEXT-ALIGN: left; 
BORDER: 0 !important; 
}

.tooltip span.top { 
PADDING: 55px 20px 0px 20px; 
BACKGROUND: url(images/bt.gif) no-repeat top; 
}

.tooltip b.bottom { 
HEIGHT: 35px; 
BACKGROUND: url(images/bt.gif) no-repeat bottom; 
}

.whatsThis.whiteText a { 
FONT-SIZE: 12px; 
COLOR: #FFFFFF; 
TEXT-DECORATION: none; 
LINE-HEIGHT: 22px; 
WIDTH: auto; 
HEIGHT: 22px;
MARGIN-RIGHT: 5px; 
}

.whatsThis.whiteText a:hover { 
FONT-SIZE: 12px; 
COLOR: #FFFFFF;
TEXT-DECORATION: underline; 
 }









#jsddm { 
MARGIN: 0; 
PADDING: 0;  
}
#jsddm li { 
FLOAT: left; 
LIST-STYLE: none; 
FONT: 12px; 
font-weight: bold;
}

#jsddm li a { 
DISPLAY: block;  
HEIGHT: 30px; 
LINE-HEIGHT: 30px; 
PADDING: 0 10px; 
TEXT-DECORATION: none;
 WIDTH: 70px; 
 COLOR: #FFFFFF; 
 WHITE-SPACE: nowrap; 
 text-align: center; 
 }
 
#jsddm li a:hover { 
BACKGROUND: #1C5684; 
}

#jsddm li ul { 
width: 200px; 
MARGIN: 0; 
PADDING: 0; 
POSITION: absolute; 
VISIBILITY: hidden;  
}

#jsddm li ul li { 
FLOAT: none; 
DISPLAY: inline; 
font-weight: normal; 
}

#jsddm li ul li a { 
WIDTH: auto; 
height: 24px; 
line-height: 24px; 
BACKGROUND: #1C5684; 
text-align: left; 
}

#jsddm li ul li a:hover { 
BACKGROUND: #3682B7;   
}




/*** DOWNLINE CHART STYLES **********************************************/
DIV#loader { 
BORDER: 1px solid #ccc; 
WIDTH: 800px; 
HEIGHT: 350px; 
OVERFLOW: visible; 
}

DIV#loader.loading { 
BACKGROUND: url(images/loading.gif) no-repeat center center; 
}

.loading-indicator { 
BACKGROUND: url(images/loading.gif); 
BACKGROUND-REPEAT: no-repeat; 
BACKGROUND-POSITION: center center; 
}

.loading-indicator-overlay { 
BACKGROUND-COLOR: #FFFFFF; OPACITY: 0.8; FILTER: alpha(opacity = 90); 
}