﻿body 
{
	margin-top:0px;
	font-family: Calibri;
	font-size: 9pt;
	background-image:url('images/pageBG.gif');
	background-repeat:repeat-x;
}
a
{
	color: #019BBD;
	text-decoration: underline;
}

ul
{
	
}
input
{
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	height: 16px;
	font-size: 12px;
	font-family: Arial;
	padding-top: 2px;
	color: #444;
	
}
#Header
{
	width: 940px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: solid 1px #019BBD;	
}
#Header .LogoText
{
	font-size: 20pt;
	margin-top: 0px;
	margin-left: 0px; 
	color: #019BBD;
	float: left;
	text-decoration: none;
	cursor: hand;
	width: 195px;
	height: 70px;
}
#Header .LogoText i
{
	font-size:larger; 
	font-weight:bold;
}
#Header .LogoText span
{
	color:#818181;
}
#Header a.LogoImageLink
{
	float: right; 
	margin-top: 5px; 
	margin-right: 5px;
	clear: none;
}
#Header .AspMenu
{
	float: left;
	margin-top: 47px;
	margin-left: 5px;
	border-right: 1px solid #ccc;
}

#Header .AspMenu ul li a
{
	border-left: 1px solid #999;
	width: auto;
	height: 18px;
	display: block;
	color: #333;
	padding-top: 4px;
	padding-left: 18px;
	padding-right: 18px;
	text-align: center;
}
#Header .AspMenu ul li a:hover
{
	background: #ccc;
	
	background-image: none;
    background-image: url('Images/pricelisttitlebg.gif');
    background-repeat:repeat-x;
    color:White;
    font-weight:400;
}
#Header .AspMenu ul li ul li a
{
	background: #fff;
	width: 180px;
	border: 1px solid #ccc;
}

a.Main
{
	font-size:15pt;
	text-decoration:none;
	color:#A6D112;		
}

a.Main:Hover
{
	color:White;
}

a.Underline
{
	text-decoration:none;
	color: #00a4ca;;		
}

a.Underline:Hover
{
	color:black;
	text-decoration:underline;
}

ul.Blue
{
	list-style-image: url('Images/BlueBullet.gif');
}

ul.Blue li
{
	width:150px;	
	margin-top:3px;
	margin-bottom:3px;
}

ul.Blue a
{
	color: Black;
	text-decoration:none;
	background: url("Images/pdf.gif") right top no-repeat;
	padding-right: 25px;
	display:inline-block;
	width:120px;
}

ul.Blue a:hover
{
	color:#019BBD;
	text-decoration:underline;
	background: url("Images/pdf_highlight.gif") right top no-repeat;
	padding-right: 25px;
	display:inline-block;
	width:120px;
}

ul.Blue2
{
	list-style-image: url('Images/BlueBullet.gif');
	margin-bottom:0px;
}

ul.Blue3
{
	list-style-image:none;
}

ul.Blue3 li
{
	padding: 0 0 0.35em 1.5em;
	background: url("images/BlueBullet.gif") no-repeat left 0.25em;
	width:500px;	
	margin-top:3px;
	margin-bottom:3px;
	list-style:none;
}

ul.Green
{
	list-style-image: url('Images/Bullet.gif');
}

div.ShowMeLinks
{
	
	margin-top: 10px;
	clear:both;
}

.ImgButtonLink
{
	background: url("Images/LargeArrow.gif") right top no-repeat;
	width:20px;
	height:25px;
	display:inline-block;
	color: #00a4ca;
	text-decoration:none;
}
.ImgButtonLink:hover
{
	background: url("Images/LargeArrow_highlight.gif") right no-repeat;
	color: Gray;
	text-decoration:underline;
}

a.MiddleButtonLink
{
	background: url("Images/LargeArrow.gif") no-repeat;
	background-position: 100% 70%;
	display:block;
	width: 180px;
	height: 40px;
	padding-right: 25px;
	margin-top: 5px;
	padding-top: 3px;
	color: #00a4ca;
	text-decoration:none;
	
}

a.MiddleButtonLink:hover
{
	background: url("Images/LargeArrow_highlight.gif") no-repeat;
	background-position: 100% 70%;
	color: Gray;
	text-decoration:underline;
}

.ToggleSwitch.Plus 
{
    background: url("Images/maximize2.gif") right center no-repeat;
    display:inline-block;
    height: 20px;
    width:20px;
    margin-top: 15px;
    margin-left: -24px;
    cursor:pointer;
}

.ToggleSwitch.Minus 
{
    background: url("Images/minimize2.gif") right center no-repeat;
    display:inline-block;
    height: 20px;
    width:20px;
    margin-top: 15px;
    margin-left: -24px;
    cursor:pointer;
}

a.ButtonLink
{
	background: url("Images/LargeArrow.gif") right top no-repeat;
	display:block;
	width: 165px;
	height: 20px;
	padding-right: 25px;
	margin-top: 5px;
	padding-top: 3px;
	color: #00a4ca;
	text-decoration:none;
	
}
a.ButtonLink:hover
{
	background: url("Images/LargeArrow_highlight.gif") right no-repeat;
	color: Gray;
	text-decoration:underline;
}
a.ButtonLinkHighLight
{
	background: url("Images/mypdf.gif") right top no-repeat;
/*	display:block;
	width: 165px;
	height: 20px;
	padding-right: 25px;
	margin-top: 5px;
	padding-top: 3px;*/
	color: #00a4ca;
	text-decoration:none;
	
}
a.ButtonLinkHighLight:hover
{
	background: url("Images/mypdf.gif") right no-repeat;
	color: Gray;
	text-decoration:underline;
}
a.ButtonLinkShort
{
	background: url("Images/LargeArrow.gif") right top no-repeat;
	width:20px;
	height:25px;
	display:inline-block;
	color: #00a4ca;
	text-decoration:none;
}
a.ButtonLinkShort:hover
{
	background: url("Images/LargeArrow_highlight.gif") right no-repeat;
	color: #007590;
}
a.ButtonLinkWhite
{
	background: url("Images/LargeArrow.gif") right top no-repeat;
	display:block;
	width: 165px;
	height: 20px;
	padding-right: 25px;
	margin-top: 5px;
	padding-top: 3px;
	color: #FFFFFF;
	text-decoration:none;
	font-size:10pt;
	text-align:right;
	
}
a.ButtonLinkWhite:hover
{
	background: url("Images/LargeArrow_highlight.gif") right no-repeat;
}
a.BattleGroundLink
{
	background: url("Images/LargeArrow.gif") right top no-repeat, url("Images/RulesEngageSmall.gif") left top no-repeat;
	display:block;
	width: 165px;
	height: 20px;
	padding-right: 25px;
	margin-top: 5px;
	padding-top: 3px;
	color: #00a4ca;
	text-decoration:none;
	
}
a.BattleGroundLink:hover
{
	background: url("Images/LargeArrow_highlight.gif") right no-repeat, url("Images/RulesEngageSmall.gif") left top no-repeat;
	color: Gray;
	text-decoration:underline;
}
a.AddMeNow
{
	background: url("Images/addmenow.gif") right top no-repeat;
	display:block;
	width: 103px;
	height: 29px;
	margin-left:auto;
	margin-right:auto;
}
a.ViewReport
{
	background: url("Images/viewReport.gif") right top no-repeat;
	display:block;
	width: 89px;
	height: 72px;
}
a.ViewReport:hover
{
	background: url("Images/viewReport_highlight.gif") right top no-repeat;
}
.imgShowMe
{
	width: 76px;
	height: 48px;
	background: url("Images/ShowMe.gif");
	float: right;
}

a:hover
{
	color: Black;
	text-decoration: none;
}

.Page
{
	width:950px;
	border: solid 1px #EAEAEA;
	background-color:#FFFFFF;
	margin: 0px auto;	
}



.PageContent
{
	width:940px;
	margin-left:auto;
	margin-right:auto;
}

.Footer
{
	width:940px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding-top:3px;
	height: 50px;
	border-top: solid 1px #019BBD;	
	text-align:center;
	font-size: 10pt;
	color:#858585;
	clear: both;
}

.Footer a
{
	text-decoration:none;
	color:#858585;
}

h1
{
	font-size:18pt;	
	font-weight:300;
	margin-left:20px;
	margin-bottom:0px;
}

h2
{
	font-size:18pt;	
	font-weight:300;
	margin:0px 0px 5px 0px;
	color:#019BBD;
}

h3
{
	margin:10px 0px 5px 0px;
	font-size:16pt;	
	font-weight:bold;
}

h4
{
	margin:0px 0px 5px 0px;
	font-size:14pt;	
	font-weight:bold;
	color: #000000;
}

h5
{
	font-size:12pt;
	color:#019BBD;	
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:400;
}

h6
{
	font-size:14pt;
	color:#019BBD;	
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:400;
}

.Menu-Skin-StaticItem
{
	text-align:left;	
}


/* OVERVIEW CSS*/

.TopContainer
{
	width:95%;
	margin-left:auto;
	margin-right:auto;
    height: 500px;
}

.BottomContainer
{
	clear: both;
	font-size: 12px;
	width: 95%;
	height: 190px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
}
.BottomContainerCSS
{
	clear: both;
	font-size: 12px;
	width: 95%;
	height: 150px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	background: url("Images/FeatureBoxBG.gif") repeat-x;
	border: 1px solid #ccc;
}
.BottomContainerCSS .LeftPart
{
	margin: 10px;
	width: 580px;
	float: left;
}
.BottomContainerCSS .RightPart
{
	border-left: 1px solid #ccc;
	height: 150px;
	width: 210px;
	float: right;
	padding-left: 10px;
}
.BottomContainerCSS .RightPart h4
{
	margin-top: 10px;
	float: left;
}



.SideContainerLeft
{
	width:200px;
	height:330px;
}

.SideContainerRight
{
	width:200px;
	height:330px;
}

.SideContainerBox
{
	height:100px;
	width:200px;
	border:solid 1px #EAEAEA;
	margin-top:0px;
	margin-bottom:10px;
	text-align:center;
	vertical-align:sub;
	color:#454545;
}

.MiddleContainer
{
	width:460px;
	height:330px;
	margin-left:auto;
	margin-right:auto;
}

#RightContainer
{
	
}

.FeatureBoxLeft
{
	width:25%;
	height:160px;
	border: solid 1px #EAEAEA;
	border-right:none 0px #EAEAEA;  
	padding: 0px 10px 0px 10px;
	background-image: url('Images/FeatureBoxBG.gif');
	background-repeat:repeat-x;
	font-size:10pt;
	color:#454545;
	vertical-align:text-top;
}

.FeatureBoxRight
{
	width:25%;
	height:160px;
	border: solid 1px #EAEAEA; 
	padding: 10px;
	background-image: url('Images/FeatureBoxBG.gif');
	background-repeat:repeat-x;
	vertical-align:text-top;
	font-size:10pt;
	color:#454545;
}

.FeatureBoxLeftLong
{
	width:75%;
	height:160px;
	border: solid 1px #EAEAEA;
	border-right:none 0px #EAEAEA; 
	padding: 10px;
	background-image: url('Images/FeatureBoxBG.gif');
	background-repeat:repeat-x;
	vertical-align:text-top;
	font-size:10pt;
	color:#000000;
}

.LongBottom
{
	height:180px;
	border: solid 1px #ccc;
	padding: 10px;
	background-image: url('Images/FeatureBoxBG.gif');
	background-repeat:repeat-x;
	vertical-align:text-top;
	font-size:10pt;
	color:#000000;
	margin-top: 8px;
	clear: both;
}

.TopContainerTable
{
	width:100%;
	margin:5px;
}

.TopContainerTableWBG
{
	width:100%;
	margin:5px;	
	background-image:url('Images/pageBG.gif');
	background-repeat:repeat-x;
	border:solid 1px #EAEAEA;
}

.TopContainerTableWBG2
{
	width:100%;
	margin:0px 5px 5px 5px;	
	background-color:#EAEAEA;
	border:solid 1px #EAEAEA;
}

.GreenContainerWBG
{
	width:auto;
	border: solid 1px #A6D112;
	height:239px; 
	margin-top:0px; 
	padding-top:20px;	
	background-image:url('images/GreenBoxBG.gif');
	background-repeat:repeat-x;
	text-align: center;
}

.UserInput
{
	width:250px;font-size:9pt;
}
select option
{
	padding: 2px;
	font-size: 12px;
	
}

.ReportDDL
{
	margin:0px 0px 0px 30px;
	float:left;
	padding:0px;
}

.BlueTop
{
	background-image:url('Images/bluebgtop.png');
	background-repeat:repeat-x;
	color:#FFFFFF;
	height:250px; 
	width:215px; 
	vertical-align:text-top
}

.BlueBottom
{
	background-image:url('Images/bluebgbottom.png');
	background-repeat:repeat-x;
	border:none;
	color:#FFFFFF;
	padding:10px;
	border-top:none;
	height: 128px;
	width:195px;
}


/*--------------------------------NEW STYLES---------------------------------------*/

.FooterContainer
{
	width:873px; 
	margin-left:23px;
	margin-right:auto; 
	height:auto; 
	margin-bottom:10px; 
	border: solid 1px #EAEAEA; 
	background-image: url('Images/FeatureBoxBG.gif');
	background-repeat:repeat-x; 
	display:inline-block;
	/*float:left;*/
	padding:10px;
}

.OverviewSideBox
{
	height:80px;
	width:180px;
	border:solid 1px #EAEAEA;
	text-align:center;
	vertical-align:middle;
	color:#454545; 
	margin-bottom:5px;	
	font-size:12pt;
	padding:10px;
}

.ShortFeatureBoxLeft
{
	height:160px; 
	width:205px; 
	float:left; 
	border-right: solid 1px #EAEAEA;	
	padding-left:10px;
}

.FeatureContainer
{
	border: none;
	padding:0px; 
	height:370px; 
	margin-bottom:10px;	
	font-size:12pt;
}

.FeatureLeft
{
	float:left; 
	width:400px; 
	border:solid 1px #EAEAEA; 
	height:340px; 
	background-image:url('Images/FeaturesBoxVeryTall.gif');
	background-repeat:repeat-x;
	padding:10px 20px 20px 20px;
}

.FeatureRight
{
	float:right; 
	width:400px; 
	border:solid 1px #A6D112; 
	height:330px;
	padding:20px;
	text-align:center;
}

.MktQualInfoBox
{
	background-color:#FFFFFF; 
	height:280px; 
	margin-bottom:10px; 
	padding:20px;	
}

.MktQualInfoBoxLeft
{
	float:left; width:450px;	
}

.CenterText
{
	text-align:center;	
}

.MailListHeading
{
	xxbackground-color:#019BBD; 
	font-size:12pt; 
	font-weight:400;
	padding:5px 10px 5px 10px;
	margin-top:10px;
	margin-bottom:10px;
	width:550px;
	float:left;
	color:#019BBD;
	xxbackground-image:url('Images/pricelisttitlebg.gif');
	background-repeat:repeat-x;	
}

.BattleMapIntro
{
	height:100px;
	border: solid 1px #EAEAEA; 
	width: 665px; 
	margin-right:7px; 
	float:left; 
	padding:20px 10px 0px 10px; 	
}

.BattleMapLatestFigures
{
	height:100px; 
	border: solid 1px #A6D112; 
	width:170px; 
	margin-left:0px; 
	float:left; 
	padding:20px 10px 0px 10px;	
	/*background-image: url('Images/GreenBoxBG.gif');*/
	/*background-repeat:repeat-x;*/
	background-image: url('Images/Battlemap.jpg');
}

.BattleMapComment
{
	width:200px; 
	height:130px; 
	border: solid 0px #EAEAEA; 
	color:#505050; 
	font-size:10pt;	
	vertical-align:text-top;
}

.FloatRight
{
	float:right;	
}

.TopDivContainer
{
	width:95%; 
	margin-left:auto;
	margin-right:auto; 
	height:140px; 
	margin-bottom:10px;	
}

.TopDivLeft
{
	width:564px; 
	height:120px; 
	border: solid 1px #ccc; 
	float:left; 
	padding:10px 10px 10px 10px;	
}

.TopDivRight
{
	width:280px; 
	height:120px; 
	border: solid 1px #A6D112; 
	float:right; 
	padding:20px 10px 0px 10px;	
	background-image: url('Images/FeatureBoxBG.gif');
	background-repeat:repeat-x;
}

.TopRightDiv2
{
	border: solid 1px #A6D112; 
	width: 280px; 
	height: 130px; 
	float:right; 
	padding: 20px 10px 0px 10px; 
	background-image: url('Images/FeatureBoxBG.gif');
	background-repeat:repeat-x;	
}

.CustomRightPart
{
	border: solid 1px #A6D112; 
	height:409px;
	width: 280px; 
	float:right; 
	padding: 10px 10px 0px 10px; 
	background-image: url('Images/FeaturesBoxTall.gif');
	background-repeat:repeat-x;	
}

.DownloadDivText
{
	font-size:13pt; 
	color: #000000;	
	margin:0px auto 0px auto; 
	font-weight:bold; 
	text-align:center;	
}

.OuterGrayPageContent
{
	width:95%; 
	background-color:#EAEAEA; 
	border:solid 1px #EAEAEA; 
	margin-left:auto;
	margin-right:auto; 
	height:120px; 
	height:auto;	
}

.InnerGrayPageContent
{
	width:95%; 
	margin-left:auto; 
	margin-right:auto;	
}

.PriceListHeader
{
	background-color:#019BBD; 
	color:white;
	font-weight:400; 
	font-size:12pt; 
	background-image:url('Images/pricelisttitlebg.gif'); 
	background-repeat:repeat-x;
}

.PriceListLeft
{
	height:1030px;
	border: solid 1px #999999; 
	font-size:10pt;
	vertical-align:text-top; 
	float:left; 
	width:640px;	
}

.PriceListRight
{
	width:200px;
	border: solid 1px #999999; 
	background-image:url('Images/FeaturesBoxVeryTall.gif'); 
	background-repeat:repeat-x; 
	height:100%; 
	padding:10px; 
	font-size:11pt;
	height:1030px; 
	float:right;	
}

.WhiteBG
{
	background-color:#FFFFFF;	
}

.GrayBG
{
	background-color:#EAEAEA;	
}

.Spacer
{
	float:left; 
	height:10px; 
	width:100%;
}

.HomeSide
{
	width: 265px; 
	height: 372px; 
	float:left; 
	border: 1px solid #ccc;
	background-image:url('images/FeaturesBoxTall.gif');
	background-repeat:repeat-x;
	color:#019BBD;
}

.FeatureBoxSpacer
{
	height:130px;	
}

.HomeMain
{
	width: 619px; 
	height: 373px; 
	float: left; 
	/*border: 1px solid #A6D112; */
	text-align: center;
	background-image:url('images/emeraldbg.gif');
	background-repeat:repeat-x;
}


a.DownloadButton
{
	display: block;
	background: url("Images/download.gif") no-repeat;
	width: 198px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
}
a.DownloadButton:hover
{
	background: url("images/download_hover.gif") no-repeat;
}

.DownloadBox
{
	border:solid 1px pink;
	width:460px; 
	height: 239px; 
	margin-bottom:10px;
	border: solid 1px #A6D112;
	height:239px; 
	margin-top:0px; 
	padding-top:20px;	
	background-image:url('images/GreenBoxBG.gif'); 
	background-repeat:repeat-x; 
	text-align: center;	
}

.AdvertHolder
{
    margin-left:auto;
    margin-right:auto; 
    margin-bottom:10px; 
    width:894px; 
    height: 508px; 
    border: 1px solid #ccc;
    background: url("Images/OverviewBG_hd.jpg");
    display:inline-block;
    text-decoration:none;
}
.AdvertHolder h1
{
	font-family: Times New Roman;
	margin: 0px;
	font-size: 26px;
	zzfont-weight:bolder;
	font-weight: 600;
}
.AdvertHolder i
{
	color: #fff;
	font-family: arial;
	font-size: 14px;
}
.AdvertHolder ul
{
	margin-top: 10px;
}
.AdvertHolder ul li
{
	list-style-image: url("Images/bullet_BrightBlue.gif");
	color: #7FF7FF;
	font-size: 20px;
	
}

.DlPgImg
{
	margin-bottom:-2px;	
}

.OvSolDiv
{
	margin-left: 150px; 
	float:left; 
	margin-top: 20px;
	text-align:left;	
}

.ROEHeaderArticle
{
	background: url("Images/RulesEngageImage_littleMen.gif") right top no-repeat;
	margin-top: 20px;
    margin-bottom: 10px;
    padding: 10px;
    background-color:White;
}


 .ROEHeaderArticle h1
{
    font-size: 16px;
    margin-left: 0px;
    margin-bottom: 8px;
    color:#A6C166;
    font-weight:700;
}

.ROEHeaderArticle p
{
	width:630px;
}

.LinkButton
{
	color: #019BBD;
	text-decoration:none;	
}

.LinkButton:hover
{
	color: gray;
	text-decoration:underline;	
}

.ukxSwitch
{
	background: url("Images/ukx_flag.gif") no-repeat top;
	padding-top: 8px;
	width: 20px;
	height: 20px;
	text-align: center;
}
.cacSwitch
{
	background: url("Images/cac_flag.gif") no-repeat top;
	padding-top: 8px;
	width: 20px;
	text-align: center;
}
.aexSwitch
{
	background: url("Images/aex_flag.gif") no-repeat top;
	padding-top: 8px;
	width: 20px;
	text-align: center;
}
.daxSwitch
{
	background: url("Images/dax_flag.gif") no-repeat top;
	padding-top: 8px;
	width: 20px;
	text-align: center;
}
.omxs30Switch
{
	background: url("Images/omxs30_flag.gif") no-repeat top;
	padding-top: 8px;
	width: 20px;
	text-align: center;
}
.omxh25Switch
{
	background: url("Images/omxh25_flag.gif") no-repeat top;
	padding-top: 8px;
	width: 20px;
	text-align: center;
}
.omxc20Switch
{
	background: url("Images/omxc20_flag.gif") no-repeat top;
	padding-top: 8px;
	width: 20px;
	text-align: center;
}
.obxSwitch
{
	background: url("Images/obx_flag.gif") no-repeat top;
	padding-top: 8px;
	width: 20px;
	text-align: center;
}
.mibSwitch
{
	background: url("Images/mib_flag.gif") no-repeat top;
	padding-top: 8px;
	width: 20px;
	text-align: center;
}
.atxSwitch
{
	background: url("Images/atx_flag.gif") no-repeat top;
	padding-top: 8px;
	width: 20px;
	text-align: center;
}
.smiSwitch
{
	background: url("Images/smi_flag.gif") no-repeat top;
	padding-top: 8px;
	width: 20px;
	text-align: center;
}
.btnSubscribe
{
	background: url("Images/subscribe.gif") no-repeat top;
	width: 131px;
	height: 37px;
	display: block;
	float: left;
}
p.big
{
    font-size:12pt;
}

p.big a
{
	color: #019BBD;
	text-decoration: underline;
}
