/*
 * $Id: common.css,v 1.8 2003/04/18 15:57:40 ksmith Exp $
 * PINT base style sheet definition
 */
 
/* STANDARD */
body			{ background-color: #e8e8f1; margin-top: 0px; margin-left: 0px; margin-right: 0px;  
				  font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 1.4; color: #333333; background: #e8e8f1; } 
				  
/* body OLD			{ background-color: #e8e8f1; margin-top: 0px; margin-left: 0px; margin-right: 0px; font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 1.4; color: #333333; background: #e8e8f1 url(../images/H_toptile.gif) repeat-x; } */
				  

font			{ font-family: arial, helvetica, sans-serif; font-size: 11px; color: #333333; }


font.goto1	{font-family: verdana, arial, helvetica; color: #ffffff; font-size: 11px; }
font.goto2	{font-family: verdana, arial, helvetica; color: #ffffff; font-size: 13px; }

font.blanco	{color: #ffffff}
font.azul	{color: darkblue}

.number		{ font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 14px; color: #ff9933; }
.signin		{ font-family: arial, helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.intro		{ font-family: arial, helvetica, sans-serif; font-size: 13px; color: #333333; }
.legal			{ font-family: arial, helvetica, sans-serif; font-size: 10px; color: #333333; }

.moreinfo { margin-top: 5px; margin-bottom: 0px; text-align: right; }

/*ul				{ margin-top: 5px; margin-bottom: 0px; margin-left: 20px; padding-left: 0px; line-height: 1.1; list-style-type : square; }
ol				{ margin-top: 5px; margin-bottom: 0px; margin-left: 30px; padding-left: 0px; line-height: 1.1; }

/*li				{margin-bottom: 7px;}
sub				{ font-size: 90%; line-height: .75; }
sup				{ font-size: 90%; line-height: 1.25; }

blockquote		{margin-top: 5px; margin-bottom: 5px;}


/* table.center	{ margin-left: auto; margin-right: auto; } */

/* CONTENT */
h1 				{ font-size: 13px; color: #cc6600; margin-top: 0px; margin-bottom: 5px; } /* tertiary heading*/
h2				{ font-size: 12px; margin-top: 0px; margin-bottom: 0px; } /* sub page paragraph headings*/
h3   			{ font-size: 12px; margin-top: -2px; margin-bottom: 5px; } /* home page highlight headings */
h4   			{ font-size: 12px; color: #ff9933; margin-top: 0px; margin-bottom: 0px; } /* Related links */
h5   			{ font-size: 12px; color: #cc6600; margin-top: 0px; margin-bottom: 0px; } /* FAQ question */


.body2			{ font-size: 10px; color: #333333; line-height: 1.2; }
.tabhead		{ font-size: 12px; color: #FCEA50; }


span.error		{ color: #990000; }
font.error		{ font-family: arial, helvetica, sans-serif; font-size: 9px; color: #990000; }
.error		    { color: #990000; }
.required	    { color: #990000; font-weight: bold; font-size: 12px; }


/* NAVIGATION */
a:active		{ color: #1f1f7a; text-decoration: underline; }
a:link			{ color: #4b4b94; text-decoration: underline; }
a:visited		{ color: #4b4b94; text-decoration: underline; }
a:hover			{ color: #1f1f7a; text-decoration: underline; }

/* RIGHTNOW TEMPLATE */
a.seltabbtn		{ font-size: 12px; color: #FFFFFF; text-decoration: underline; }
.seltabbtn		{ font-size: 12px; color: #FFFFFF; text-decoration: underline; }

.seltab			{ font-size: 12px; color: #FFFFFF; text-decoration: underline; }
a.seltab			{ font-size: 12px; color: #FFFFFF; text-decoration: underline; }


.secondarynav			{ font-size: 11px; font-family: arial, helvetica, sans-serif; color: #8383b5; text-decoration: none; font-weight: normal; line-height: 1.3; }
a.secondarynav			{ color: #4b4b94; text-decoration: none; }
a.secondarynav:active	{ color: #1f1f7a; }
a.secondarynav:visited	{ color: #4b4b94; text-decoration: none; }
a.secondarynav:hover	{ color: #1f1f7a; text-decoration: none; }

.tertnav				{ font-size: 11px; font-family: arial, helvetica, sans-serif; color: #8383b5; text-decoration: none; font-weight: bold; line-height: 1.1; }
a.tertnav				{ color: #4b4b94; text-decoration: none; }
a.tertnav:active		{ color: #1f1f7a; }
a.tertnav:visited		{ color: #4b4b94; text-decoration: none; }
a.tertnav:hover			{ color: #1f1f7a; text-decoration: none; }

.tertnav2				{ font-size: 10px; font-family: arial, helvetica, sans-serif; color: #8383b5; text-decoration: none; font-weight: bold; line-height: 1.0; }
a.tertnav2				{ color: #4b4b94; text-decoration: none; }
a.tertnav2:active		{ color: #1f1f7a; }
a.tertnav2:visited		{ color: #4b4b94; text-decoration: none; }
a.tertnav2:hover			{ color: #1f1f7a; text-decoration: none; }

.breadcrumbs				{ font-size: 10px; font-family: arial, helvetica, sans-serif; color: #8383b5; text-decoration: none; font-weight: normal; line-height: 1.2; }
a.breadcrumbs			{ color: #4b4b94; text-decoration: none; }
a.breadcrumbs:active		{ color: #1f1f7a; }
a.breadcrumbs:visited	{ color: #4b4b94; text-decoration: none; }
a.breadcrumbs:hover		{ color: #1f1f7a; text-decoration: none; }

.relatedlinks			{ font-size: 11px; font-family: arial, helvetica, sans-serif; color: #8383b5; text-decoration: none; font-weight: normal; line-height: 1.0; }
a.relatedlinks			{ color: #4b4b94; text-decoration: none; }
a.relatedlinks:active	{ color: #1f1f7a; }
a.relatedlinks:visited	{ color: #4b4b94; text-decoration: none; }
a.relatedlinks:hover	{ color: #1f1f7a; text-decoration: none; }

.textnav			{ font-size: 10px; font-family: arial, helvetica, sans-serif; color: #8383b5; text-decoration: none; font-weight: normal; line-height: 1.2; }
a.textnav			{ color: #4b4b94; text-decoration: none; }
a.textnav:active	{ color: #1f1f7a; }
a.textnav:visited	{ color: #4b4b94; text-decoration: none; }
a.textnav:hover		{ color: #1f1f7a; text-decoration: none; }

.address			{ font-size: 2px; color: #E8E8F1;  }
					
/* FORMS */
form			{ margin-top: 0px; margin-bottom: 0px; }
input			{ background-color: #ffffff; color: #333333; margin: 0px; font-size: 11px; font-family: arial, helvetica, sans-serif; }
select			{ background-color: #ffffff; color: #333333; margin: 0px; font-size: 11px; font-family: arial, helvetica, sans-serif; }
input.radio		{ border: 0px; background-color: transparent; }
input.checkbox 	{ border: 0px; background-color: transparent; }

.formRequired		{ color:red; }
.formError			{ color:red; font-weight: normal; font-style:italic;}

td.formRequired {vertical-align:top;}
td.formLabel { vertical-align:top;}
td.formInput {vertical-align:top;}

textarea			{ background-color: #ffffff; border: 1px solid #003366; color: #000000; margin: 0px; }


/* MISC ELEMENTS */
.borderbott		{ border-bottom: 1px solid #a2c0dc; }
.border			{ border: 1px solid #a2c0dc; }
.pdf			{ font-size: 11px; list-style-image: url('../images/ICN_pdf_sm.gif'); margin-left: 25px; line-height: 200%; }
#tag			{ text-align: right; }
blockquote		{ margin-left: 20px; margin-right: 0px; }


td.formTableStyle {border-bottom: 1px solid #e8e8f1;}
td.formTableStyle.background1 {background-color: #ffffff}
td.formTableStyle.lightPurpleBackground {background-color: #e8e8f1}
td.calculationTotal {border-bottom: 1px solid #383872; background-color: #ffffff;}
font.roiSpecialText {color: #ff9933;}

/* scrollbar hack for non-IE browsers */
html		{ min-height: 100%; margin-bottom: 1px; }









/* DNF STYLE */
.MENUcontent_GREENbg {background: #027C72; font-weight:bold; COLOR: #FFFFFF; font-family:arial; FONT-SIZE: 11px}
.MENUcontent_WHITEbg {background: #FFFFFF; font-weight:normal; COLOR: #000000; font-family:arial; FONT-SIZE: 11px}
.MENUcontent_EEEEEEGRAYbg {background: #EEEEFF; font-weight:normal; COLOR: #000000; font-family:arial; FONT-SIZE: 11px}
.MENUcontent_LIGHTGRAYbg {background: #DDDDDD; font-weight:normal; COLOR: #000000; font-family:arial; FONT-SIZE: 11px}
.MENUcontent_DARKGRAYbg {background: #777777; font-weight:normal; COLOR: #DDDDDD; font-family:arial; FONT-SIZE: 11px}
.MENUcontent_BLACKbg {background: #000000; font-weight:normal; COLOR: #FFFFFF; font-family:arial; FONT-SIZE: 11px}
.MENUcontent_YELLOWbg {background: #FEF7B9; font-weight:normal; COLOR: #000000; font-family:arial; FONT-SIZE: 11px}
.MENUcontent_REDbg {background: #FF0000; font-weight:bold; COLOR: #FFFFFF; font-family:arial; FONT-SIZE: 11px}

.PRICEfontBOLD {font-weight:bold; COLOR: #000000; font-family:arial; FONT-SIZE: 12px}
.PRICEfontRED {font-weight:bold; COLOR: #FF0000; font-family:arial; FONT-SIZE: 12px}
.BLACKcontent {font-weight:normal; COLOR: #000000; font-family:arial; FONT-SIZE: 11px}
.BLACKcontentBOLD {font-weight:bold; COLOR: #000000; font-family:arial; FONT-SIZE: 11px}
.GRAYcontent {font-weight:normal; COLOR: #888888; font-family:arial; FONT-SIZE: 11px}
.GRAYcontentLIGHT {font-weight:normal; COLOR: #AAAAAA; font-family:arial; FONT-SIZE: 11px}
.GRAYcontentBOLD {font-weight:bold; COLOR: #777777; font-family:arial; FONT-SIZE: 11px}
.TABLEheader {font-weight:bold; COLOR: #000000; font-family:arial; FONT-SIZE: 18px}
.REDcontent {font-weight:normal; COLOR: #FF0000; font-family:arial; FONT-SIZE: 11px}
.REDcontentBOLD {font-weight:bold; COLOR: #FF0000; font-family:arial; FONT-SIZE: 11px}
.TABLEheaderRED {font-weight:bold; COLOR: #FF0000; font-family:arial; FONT-SIZE: 18px}
.TOPphone {font-weight:bold; COLOR: #CCCCCC; font-family:verdana; FONT-SIZE: 22px}
.GREENcontent {font-weight:normal; COLOR: #4b4b94; font-family:arial; FONT-SIZE: 11px}

.CSSsolidBORDER {
	border-style: solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-top-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	}

.CSSsolidBORDER_Blue {
	border-style: solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-color: #4b4b94;
	border-right-color: #4b4b94;
	border-top-color: #4b4b94;
	border-bottom-color: #4b4b94;
	}

.CSSsolidBORDER_Top {
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-top-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	}

.CSSsolidBORDER_Bott {
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-top-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	}

.CSSsolidBORDER_BottBLUE {
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-color: #027C72;
	border-right-color: #027C72;
	border-top-color: #027C72;
	border-bottom-color: #027C72;
	}

.CSSsolidBORDER_Tp_Lft {
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-top-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	}

.CSSsolidBORDER_Tp_Rht {
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-top-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	}

.CSSsolidBORDER_Tp_Lft_Bot {
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-top-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	}

.CSSsolidBORDER_Tp_Rt_Bot {
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-top-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	}

.CSSsolidBORDER_TopONLY {
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-top-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	}

.CSSsolidBORDER_BotONLY {
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-top-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	}

.CSSsolidBORDER_LeftONLY {
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-top-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	}

.CSSsolidBORDER_RightONLY {
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-top-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	}

.CSSsolidBORDER_Lft_Rgt {
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-top-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	}

#pvpmenu {
	position: absolute; 
	top: 88px; 
	left: 0px;
	visibility: hidden;
	align: middle;
	valign: middle;
	}
	
#youraccntmenu {
	position: absolute; 
	top: 88px; 
	left: 0px;
	visibility: hidden;
	align: middle;
	valign: middle;
	}
	
#promosmenu {
	position: absolute; 
	top: 88px; 
	left: 0px;
	visibility: hidden;
	align: middle;
	valign: middle;
	}

#pricemenu {
	position: absolute; 
	top: 88px; 
	left: 0px;
	visibility: hidden;
	align: middle;
	valign: middle;
	}
	
#channelmenu {
	position: absolute; 
	top: 207px; 
	left: 0px;
	visibility: hidden;
	align: middle;
	valign: middle;
	}
	
#alliancemenu {
	position: absolute; 
	top: 360px; 
	left: 0px;
	visibility: hidden;
	align: middle;
	valign: middle;
	}
	
#earnedmenu {
	position: absolute; 
	top: 40px;
	left: 0px;
	visibility: hidden;
	align: middle;
	valign: middle;
	}

#earnedsavedmenu {
	position: absolute; 
	top: 40px;
	left: 0px;
	visibility: hidden;
	align: middle;
	valign: middle;
	}

#estpointsmenu {
	position: absolute; 
	top: 40px;
	left: 0px;
	visibility: hidden;
	align: middle;
	valign: bottom;
	}

#estpointssavedmenu {
	position: absolute; 
	top: 40px;
	left: 0px;
	visibility: hidden;
	align: middle;
	valign: middle;
	}
		
span.menu {
	background-color: transparent;
	left: 0px;
	padding: 0px 1px 1px 0px;
	position: absolute;
	top: 2px;
	visibility: hidden;
	z-index: 2;
	}

span.menu a.menuItem {
	background-color: #DDDDDD;
	color: #000000;
	cursor: hand;
	display: block;
	padding: 1px 1em;
	text-decoration: none;
	white-space: nowrap;
	font-weight:normal; 
	COLOR: #027C72;
	font-family:arial; 
	FONT-SIZE: 11px;
	text-align: left;
	}

span.menu a.menuItem:hover {
	background-color: #027C72;
	color: #FFFFFF;
	}

span.box {
	background-color: transparent;
	position: reletive;
	visibility: visible;
	}

span.box a.boxItem {
	background-color: #EEEEFF;
	cursor: hand;
	display: block;
	text-decoration: none;
	font-weight:normal; 
	COLOR: #027C72;
	font-family:arial; 
	FONT-SIZE: 11px;
	text-align: left;
	}

span.box a.boxItem:hover {
	background-color: #FFFFFF;
	color: #027C72;
	}
	
.Horiz_Solid {background: white url('images/gray_dot.gif') repeat-x;}
.Horiz_Dot {background: white url('images/h_dot.gif') repeat-x;}
.Vert_Solid {background: white url('images/gray_dot.gif') repeat-y;}
.Vert_Dot {background: white url('images/v_dot.gif') repeat-y;}

.Horiz_Red {background: white url('images/h_red.gif') repeat-x;}
.Vert_Red {background: white url('images/v_red.gif') repeat-y;}

td {font-weight:normal; COLOR: #000000; font-family:arial; FONT-SIZE: 11px}

.button  	{ font-size: 11px; 
			  font-weight: bold;
			  height: 20px;
			  background-color: #1f1f7a; 
			  color: #ffffff;
			  border-left:   solid 2px #000000;
			  border-bottom: solid 2px #000000;
			  border-top:    solid 2px #9090bd;
			  border-right:  solid 2px #9090bd; }