/****************************************************************************** 
 * STYLESHEET - COPYRIGHT 2005 (C) XILLENT CORP.                              *
 ******************************************************************************/
 
/****************************************************************************** 
 * BODY                                                                       *
 ******************************************************************************/
A:link{color:#000000;text-decoration:none}
A:visited{color:#000000;text-decoration:none}
A:hover{color:#000000;text-decoration:underline}
A:active{color:#000000;text-decoration:underline}

body {background-color: #000000;margin-top: 10px;background-image: url(../_images/bgd/bgd.gif);background-repeat: repeat-x;}
H1 {font-family: Arial, Helvetica, sans-serif;font-size: 20px;font-weight: bold;}

/****************************************************************************** 
 * BOXES AND BUTTONS                                                          *
 ******************************************************************************/
.Button {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;font-weight: bold;}
.Box25  {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 25px;border: 1px solid #666666;}
.Box50  {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 50px;border: 1px solid #666666;}
.Box75  {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 75px;border: 1px solid #666666;}
.Box100 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFFFFF;width: 100px;border: 1px solid #666666;}
.Box125 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #333333; width: 117px;}
.Box190 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #333333; width: 182px;}
.Box200 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;background-color: #FFFFFF;width: 200px;border: 1px solid #999999;}
.Box230 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;background-color: #ECECEC;width: 230px;border: 1px solid #666666;}
.Box210 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;background-color: #FFFFFF;width: 212px;border: 1px solid #666666;}
.Box350 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333; width: 350px;}
.Box450 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;background-color: #FFFFFF;width: 450px;border: 1px solid #666666;}

.Clock {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #333333;background-color: #E8E1D6;width: 75px;border: 1px solid #E8E1D6;}


/****************************************************************************** 
 * TOP SECTION                                                                *
 ******************************************************************************/
.TopNav {background-image: url(../_images/nav/top_nav.gif);background-repeat: no-repeat;height: 85px;}
.BtnOn     {background-image: url(../_images/nav/btn_on.gif);background-repeat: repeat-x;}
.BtnOff    {background-image: url(../_images/nav/btn_off.gif);background-repeat: repeat-x;}

.DivContainer {position: absolute;top: 0;left:50%;height: 1px;width: 1px;z-index: 1;visibility: hidden;}
.DivContainerRight {position:relative; top: 78px; height: 53px; width: 53px; z-index: 2; visibility: visible; left: 399px;}
.VerticalAd {background-color: #222222;padding: 5px; border: 1px solid #999999;}

/****************************************************************************** 
 * SUB NAV                                                                    *
 ******************************************************************************/
.SubInActive        {display: block;width: 192px;font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 12px;color: #666666;background-color: #E4E4E4;}
.SubActive          {display: block;width: 192px;font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;background-color: #CCCCCC;}

.SubGray            {display: block;width: 192px;background-color: #e0e0e0;padding: 5px;}
A.SubGray:link      {display: block;width: 192px;text-decoration:none;color: #666666;background-color: #e0e0e0;}
A.SubGray:visited   {display: block;width: 192px;text-decoration:none;color: #666666;background-color: #e0e0e0;}
A.SubGray:hover     {display: block;width: 192px;text-decoration:none;color: #000000;background-color: #BBBBBB;}
A.SubGray:active    {display: block;width: 192px;text-decoration:none;color: #000000;background-color: #BBBBBB;}

.SubGrayOn            {display: block;width: 192px;background-color: #BBBBBB;padding: 5px;}
A.SubGrayOn:link      {display: block;width: 192px;text-decoration:none;color: #000000;background-color: #BBBBBB;}
A.SubGrayOn:visited   {display: block;width: 192px;text-decoration:none;color: #000000;background-color: #BBBBBB;}
A.SubGrayOn:hover     {display: block;width: 192px;text-decoration:none;color: #000000;background-color: #BBBBBB;}
A.SubGrayOn:active    {display: block;width: 192px;text-decoration:none;color: #000000;background-color: #BBBBBB;}


/****************************************************************************** 
 * MIDDLE SECTION                                                             *
 ******************************************************************************/
.MainBox {background-color: #ededed;background-image: url(../_images/nav/top_nav_bgd.jpg);background-repeat: no-repeat;}
.MainBoxWhite {background-color: #ededed;}
.TxtBox {background-color: #FFFFFF;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #8F8F8F;border-left-color: #8F8F8F;}
.HomepageBoxHdr {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #000000;padding: 5px;
	border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;
	border-bottom-style: solid;border-left-style: solid;border-top-color: #FFFFFF;border-right-color: #9c9a9b;border-bottom-color: #FFFFFF;
	border-left-color: #9c9a9b;background-color: #D4D4D4;}

.LeftSubBgd {background-image: url(../_images/bgd/left_bgd.jpg);background-repeat: repeat-x;background-position: 2px;}
.LeftSubGrayHdr {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;font-weight: bold;background-color: #ECECEC;}
.LeftSubGrayTxt {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #666666;padding: 0px 5px;}
.LeftSubGrayTxtSm {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #666666; padding: 0px 5px;}

.SpacerLg {padding: 16px;}
.SpacerLeftLg {padding-left: 16px;}
.SpacerRightLg {padding-right: 16px;}
.SpacerLeftRightLg {padding-left: 16px;padding-right: 16px;}
.SpacerTopLg {padding-top: 16px;}
.SpacerBottomLg {padding-bottom: 16px;}
.SpacerTopBottomLg {padding-top: 16px; padding-bottom: 16px;}

.Spacer {padding: 8px;}
.SpacerLeft {padding-left: 8px;}
.SpacerRight {padding-right: 8px;}
.SpacerLeftRight {padding-left: 8px;padding-right: 8px;}
.SpacerTop {padding-top: 8px;}
.SpacerBottom {padding-bottom: 8px;}
.SpacerTopBottom {padding-top: 8px; padding-bottom: 8px;}

.SpacerSm {padding: 4px;}
.SpacerLeftSm {padding-left: 4px;}
.SpacerRightSm {padding-right: 4px;}
.SpacerLeftRightSm {padding-left: 4px;padding-right: 4px;}
.SpacerTopSm {padding-top: 4px;}
.SpacerBottomSm {padding-bottom: 4px;}
.SpacerTopBottomSm {padding-top: 4px; padding-bottom: 4px;}

.SpacerLeft2 {padding-left: 2px;}
.SpacerBottom1 {padding-bottom: 1px;}

.MarginRight {margin-right: 10px;}

.Picture 	  {border: 1px solid #666666;}
.PictureThick {border: 3px solid #999999;}
.PictureLight {border: 1px solid #E4E4E4;}
.PictureGrey  {border: 1px solid #CCCCCC;}
.PictureWhite {border: 3px solid #FFFFFF;}
.BannerWhite  {border: 1px solid #FFFFFF;}
.PictureRed   {border: 1px solid #B10606;}
.PictureInActive {border: 1px solid #999999; filter: alpha(opacity=50); -moz-opacity: 50; opacity: 50;}

.HoverOn  {font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;background-color: #E4E4E4;border: 1px dotted #999999;}
.HoverOff {font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 12px;color: #666666;background-color: #FFFFFF;border: 1px solid #FFFFFF;}


/****************************************************************************** 
 * BOTTOM SECTION                                                             *
 ******************************************************************************/
.BotNav {background-image: url(../_images/nav/bot_nav.gif); background-repeat: no-repeat; height: 5px;}


/****************************************************************************** 
 * TEXT AND LINKS                                                             *
 ******************************************************************************/
.Txt9  {font-size: 9px;}
.Txt10 {font-size: 10px;}
.Txt11 {font-size: 11px;}
.Txt12 {font-size: 12px;}
.Txt13 {font-size: 13px;}
.Txt14 {font-size: 14px;}
.Txt15 {font-size: 15px;}
.Txt16 {font-size: 16px;}
.Txt17 {font-size: 17px;}
.Txt18 {font-size: 18px;}
.Txt20 {font-size: 20px;}

.Bold {font-weight: bold;}
.LineHeight14 {line-height: 1.4;}
.UpperCase {text-transform: uppercase;}

.Arial {font-family: Arial, Helvetica, sans-serif;}
.Verdana {font-family: Verdana, Arial, Helvetica, sans-serif;}
.Trebuchet {font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}

.Black {color: #000000;}
.Blue {color: #004995;}
.Gray {color: #666666;}
.LightGray {color: #CCCCCC;}
.DarkGray {color: #444444;}
.Red {color: #B9001D;}
.White {color: #FFFFFF;}

.BgdGreen {background-color: #0C6C02;}

.Header {font-family: Arial, Helvetica, sans-serif;font-size: 15px;color: #333333;font-weight: bold;}
.HeaderSm {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;font-weight: bold;}
.HeaderRed {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #CC0000;font-weight: bold;}
.HeaderGreen {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #129208;font-weight: bold;}
.HeaderBlue {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #004995;font-weight: bold;}
.HeaderBlueLg {font-family: Arial, Helvetica, sans-serif;font-size: 15px;color: #004995;font-weight: bold;}
.HeaderMain {font-family: Arial, Helvetica, sans-serif;	font-size: 18px;color: #222222;font-weight: bold;}
.HeaderMainBlue {font-family: Arial, Helvetica, sans-serif;	font-size: 18px;color: #004995;font-weight: bold;}
.HeaderSub {font-family: Arial, Helvetica, sans-serif;font-size: 16px;color: #444444;font-weight: bold;}

.Error {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #CC0000;font-weight: bold;}

.H-Line {background-image: url(../_images/bgd/h-line.gif);background-repeat: repeat-x;height: 3px;background-position: 0px;}
.H-LineDotted {background-image: url(../_images/bgd/h-line-dot.gif);background-repeat: repeat-x;height: 3px;}
.H-LineDottedRed {background-image: url(../_images/bgd/hldotred.gif);background-repeat: repeat-x;height: 3px;background-color: #B10606;}
.V-LineDotted {background-image: url(../_images/bgd/v-line-dot.gif);background-repeat: repeat;width: 3px;}
.V-LineDotted2 {background-image: url(../_images/bgd/v-line-dot.gif);background-repeat: repeat;width: 3px;background-position: 0px 1px;}

.BlankLine4 {background-image: url(../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 4px;}
.BlankLine8 {background-image: url(../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 8px;}
.BlankLine10 {background-image: url(../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 10px;}
.BlankLine20 {background-image: url(../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 20px;}
.LineBot{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #8F8F8F;}
.LineBotDotted {border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #8F8F8F;}
.LineTop{border-top-width: 1px;border-top-style: solid;border-top-color: #8F8F8F;}
.LineLeft{border-left-width: 1px;border-left-style: solid;border-left-color: #8F8F8F;}
.LineRight{border-right-width: 1px;border-right-style: solid;border-right-color: #8F8F8F;}
.LineRightDotted{border-right-width: 1px;border-right-style: dotted;border-right-color: #8F8F8F;}

.LineTopRed {border-top-width: 3px;border-top-style: solid;border-top-color: #b3383b;}
.LineTopGreen {border-top-width: 3px;border-top-style: solid;border-top-color: #108944;}
.LineTopBlue {border-top-width: 3px;border-top-style: solid;border-top-color: #1f456a;}

A.LinkGrayBlack:link{color:#666666;text-decoration:none}
A.LinkGrayBlack:visited{color:#666666;text-decoration:none}
A.LinkGrayBlack:hover{color:#000000;text-decoration:none}
A.LinkGrayBlack:active{color:#000000;text-decoration:none}

A.LinkGrayWhite:link{color:#CCCCCC;text-decoration:none}
A.LinkGrayWhite:visited{color:#CCCCCC;text-decoration:none}
A.LinkGrayWhite:hover{color:#FFFFFF;text-decoration:none}
A.LinkGrayWhite:active{color:#FFFFFF;text-decoration:none}

A.LinkBlackGray:link{color:#000000;text-decoration:none}
A.LinkBlackGray:visited{color:#000000;text-decoration:none}
A.LinkBlackGray:hover{color:#666666;text-decoration:none}
A.LinkBlackGray:active{color:#666666;text-decoration:none}

A.LinkBlackWhite:link{color:#000000;text-decoration:none}
A.LinkBlackWhite:visited{color:#000000;text-decoration:none}
A.LinkBlackWhite:hover{color:#FFFFFF;text-decoration:none}
A.LinkBlackWhite:active{color:#FFFFFF;text-decoration:none}

A.LinkBlackRed:link{color:#000000;text-decoration:none}
A.LinkBlackRed:visited{color:#000000;text-decoration:none}
A.LinkBlackRed:hover{color:#CC0000;text-decoration:none}
A.LinkBlackRed:active{color:#CC0000;text-decoration:none}

A.LinkRedBlack:link{color:#dc1d24;text-decoration:none}
A.LinkRedBlack:visited{color:#dc1d24;text-decoration:none}
A.LinkRedBlack:hover{color:#000000;text-decoration:none}
A.LinkRedBlack:active{color:#000000;text-decoration:none}

A.LinkRedWhite:link{color:#CC000;text-decoration:none}
A.LinkRedWhite:visited{color:#CC0000;text-decoration:none}
A.LinkRedWhite:hover{color:#FFFFFF;text-decoration:none}
A.LinkRedWhite:active{color:#FFFFFF;text-decoration:none}

A.LinkRed:link{color:#CC0000;text-decoration:none}
A.LinkRed:visited{color:#CC0000;text-decoration:none}
A.LinkRed:hover{color:#CC0000;text-decoration:none}
A.LinkRed:active{color:#CC0000;text-decoration:none}

A.LinkBlueBlack:link{color:#004995;text-decoration:none}
A.LinkBlueBlack:visited{color:#004995;text-decoration:none}
A.LinkBlueBlack:hover{color:#000000;text-decoration:none}
A.LinkBlueBlack:active{color:#000000;text-decoration:none}

A.LinkBlueRed:link{color:#004995;text-decoration:none}
A.LinkBlueRed:visited{color:#004995;text-decoration:none}
A.LinkBlueRed:hover{color:#CC0000;text-decoration:none}
A.LinkBlueRed:active{color:#CC0000;text-decoration:none}

A.LinkBlack:link{color:#000000;text-decoration:none}
A.LinkBlack:visited{color:#000000;text-decoration:none}
A.LinkBlack:hover{color:#000000;text-decoration:none}
A.LinkBlack:active{color:#000000;text-decoration:none}

A.LinkWhiteGray:link{color:#FFFFFF;text-decoration:none}
A.LinkWhiteGray:visited{color:#FFFFFF;text-decoration:none}
A.LinkWhiteGray:hover{color:#CCCCCC;text-decoration:none}
A.LinkWhiteGray:active{color:#CCCCCC;text-decoration:none}

A.LinkUnderLine:link{color:#000000;text-decoration:underline}
A.LinkUnderLine:visited{color:#000000;text-decoration:underline}
A.LinkUnderLine:hover{color:#CC0000;text-decoration:underline}
A.LinkUnderLine:active{color:#CC0000;text-decoration:underline}


/**********************************************************
 * TOGGLE BOX ELEMENTS                                    *
 **********************************************************/
.ToggleOn {}
.ToggleOff {display: none;}


/**********************************************************
 * COURSER STYLES                                         *
 **********************************************************/
.CursorCros {cursor: crosshair;}
.CursorHand {cursor: pointer;}
.CursorHour {cursor: wait;}
.CursorHelp {cursor: help;}


/**********************************************************
 * PRODUCT RELATED                                        *
 **********************************************************/
.ProdOptAvail {border:1px solid #999999;cursor: pointer;float:left;margin-right:2px;width: 25px;height: 15px;font-size:10px;text-align:center;padding-top: 2px;
	background-color: #FFFFFF;color: #333333;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}
.ProdOptNotAvail {border:1px solid #999999;cursor: pointer;float:left;margin-right:2px;width: 25px;height: 15px;font-size:10px;text-align:center;padding-top: 2px;
	background-color: #FFFFFF;color: #333333;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}
.ProdOptActive {border:1px solid #129208;cursor: pointer;float:left;margin-right:2px;width: 25px;height: 15px;font-size:10px;text-align:center;padding-top: 2px;
	background-color: #FFFFFF;color: #129208;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}

A.ProdOptAvail:link {color:#333333;text-decoration:none}
A.ProdOptAvail:visited {color:#333333;text-decoration:none}
A.ProdOptAvail:hover {border:1px solid #129208;color:#129208;text-decoration:none;background-color: #D4D4D4;}
A.ProdOptAvail:active {border:1px solid #129208;color:#129208;text-decoration:none;background-color: #D4D4D4;}

A.ProdOptActive:link {color:#129208;text-decoration:none}
A.ProdOptActive:visited {color:#129208;text-decoration:none}
A.ProdOptActive:hover {text-decoration:none;background-color: #D4D4D4;}
A.ProdOptActive:active {text-decoration:none;background-color: #D4D4D4;}


/**********************************************************
 * TOOL TIP / DYNAMIC CONTEXT                             *
 **********************************************************/
#dhtmltooltip {position: absolute;left: -300px;width: 150px;border: 1px solid black;padding: 2px;background-color:#FFFFFF;visibility: hidden;z-index: 100;}
#dhtmlpointer {position:absolute;left: -300px;z-index: 101;visibility: hidden;}

.balloonstyle{position:absolute;top: -500px;left: 0;padding: 5px;visibility: hidden;border:1px solid black;font:normal 12px Verdana;line-height: 18px;z-index: 100;
background-color: white;width: 200px;}

#arrowhead{z-index: 99;position:absolute;top: -500px;left: 0;visibility: hidden;}

.frame{
	display:block;
	padding:10px;
	background-color:#000000;
	border: solid 1px white;
	color:#CCCCCC;
	font:Arial, Helvetica, sans-serif small-caps 10pt;
	z-index:30;
	margin-left: -200px;
	left: 50%;
	top: 100px;
	position: fixed;
	vertical-align:top;
	padding-bottom:20px;
}

.bgframe{
	display:block;
	background-color:#000000;
	position:fixed;
	top: 0;
	left: 0;
	z-index:29;
	filter:alpha(opacity=40);
	-moz-opacity:.4;
	-khtml-opacity: .4;
	opacity: .4;
	width:100%;
	min-height:100%;
	height:100%;
}