﻿	/*DATA DISTRIBUTION Default.aspx*/
	
	#HomeContent
    {
	    margin-top: 10px;
	    float: left;
	    width: 555px;

    }
    .HomeRightBlock
    {
	    float: right;
	    clear: right;
	    width: 200px;
	    height: 100px;
	    border: 1px solid red;
	    margin-bottom: 5px;
    }
    .HomeRightBlock h1
    {
	    font: bold 12px arial;
	    float: right;
	    margin-right: 5px;
    }
    

    .PanelsImage
    {
	    float: left;
	    margin-right: 5px;
	    width: 75px; height: 80px;
	    background: url("../../../App_Themes/DefaultTheme/Images/WebPanelSmall.gif") no-repeat;
    }
    .XmlServiceImage
    {
	    float: left;
	    margin-right: 5px;
	    width: 75px; height: 80px;
	    background: url("../../../App_Themes/DefaultTheme/Images/XmlServicesSmall.jpg") no-repeat;
    }
    
    .ItemBoxContentBlue
    {
	    padding: 5px;
	    background: url("../../../App_Themes/DefaultTheme/Images/gr_Blue1.gif") repeat-y;
    }
    .ItemBoxContentBlue2
    {
	    padding: 5px;
	    background: url("../../../App_Themes/DefaultTheme/Images/gr_Blue2.gif") repeat-y;
    }
    .ItemBoxContentYellow
    {
	    padding: 5px;
	    background: url("../../../App_Themes/DefaultTheme/Images/gr_Yellow.gif") repeat-y;
    }
    .OverviewList li
    {
	    margin-bottom: 5px;
    }



/*Left Panel related*/
    .LeftPanel
    {
	    float: left;
	    margin-right: 5px;
	    margin-top: 5px;
	    width: 75px; height: 80px;
	    font-size: 10px;
	    color: Red;
    }
    
    a.LeftPanelLink:link
    {
		font-size: 10px;
	    display: block; 
	    margin-top: 25px; 
	    text-align: left;
    }
    
    a.LeftPanelLink:visited
    {
		font-size: 10px;
	    display: block; 
	    margin-top: 25px; 
	    text-align: left;
    }
    
    .VendorImage
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/VendorSmall.jpg") no-repeat;
    }
    .PowerImage
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/power_image.jpg") no-repeat;
    }
     .PowerImage2
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/power2_image.jpg") no-repeat;
    }
    .PowerImageCoal
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/coal_image.jpg") no-repeat;
    }
   .AgriImage
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/Agri_image.jpg") no-repeat;
    } 
    .AgriImageOJ
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/orange_image.jpg") no-repeat;
    } 
    .AgriImageCocoa
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/cocoa_image.jpg") no-repeat;
    } 
    .AgriImageCoffee
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/coffee_image.jpg") no-repeat;
    } 
    .AgriImageSugar
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/Sugar_image.jpg") no-repeat;
    } 
    .AgriImageCotton
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/cotton_image.jpg") no-repeat;
    } 
    .FuturesImage
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/hours_image.jpg") no-repeat;
    } 
    .FuturesImage2
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/charge_image.jpg") no-repeat;
    }
    .OilImage
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/Oil_image.jpg") no-repeat;
    }
    .OilImage2
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/Oil2_image.jpg") no-repeat;
    }
    .OilImage3
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/Oil3_image.jpg") no-repeat;
    }
    .GasImage
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/gas_image.jpg") no-repeat;
    }
    .BuyDataImage
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/BuyData_image.jpg") no-repeat;
    }
    .VendorCodesImage
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/Vendor_Codes_Image.jpg") no-repeat;
    }
    .VendorMatrixImage
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/Vendor_Matrix_image.jpg") no-repeat;
    }
    .GasImage2
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/gas2_image.jpg") no-repeat;
    }
    .EmissionsImage
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/emissions_image.jpg") no-repeat;
    } 
     .EmissionsImage2
    {
	    background: url("../../../App_Themes/DefaultTheme/Images/emissions2_image.jpg") no-repeat;
    }


/*DATA DISTRIBUTION PANELS Default.aspx*/
.IntroBox
{
	float: left;
	width: 570px; height: 191px;
	background: url("../../../App_Themes/DefaultTheme/Images/ItemBoxLeftBlueGradient.jpg") no-repeat;
}
.IntroBox .IntroImage
{
	float: right;
	background: url("../../../App_Themes/DefaultTheme/Images/TablePanel.gif") no-repeat;
	width: 152px; height: 171px;
	margin-top: 10px; margin-right: 10px;
	cursor: hand;
}
.IntroBox .IntroImage2
{
	float: right;
	background: url("../../../App_Themes/DefaultTheme/Images/XmlComputers.jpg") no-repeat;
	width: 152px; height: 171px;
	margin-top: 10px; margin-right: 10px;
}
.IntroBox .IntroText
{
	color: #2E4E6F;
	font: bold 16px arial;
	width: 200px;
	text-align: center;
	margin-left: 70px; margin-top: 65px; 
}

.IntroBox .IntroTextSmaller
{
	color: #2E4E6F;
	font: bold 16px arial;
	width: 210px;
	text-align: center;
	margin-left: 14px; margin-top: 60px; 
}

.ContentText
{
	margin-top: 15px;
	width: 555px;
	clear: left; float: left;
}
.ContentText h1
{
	margin-bottom: 15px;
}
ul.steps li
{
	list-style-image: none;
	list-style-type: square;
	list-style: square;	
}
.ContentText .PanelExample
{
	margin-left: 30px;
	margin-top: 20px;
	width: 348px; height: 179px;
	background: url("../../../App_Themes/DefaultTheme/Images/PanelInWebsiteExample.jpg") no-repeat;
}



/*-- CHECKOUT PAGE ----------------------------------------------------------------------------------*/
.invoice
{
	margin-top: 20px;
}

.cards
{
	border: 1px solid #547AB4;
	padding: 10px; 
	padding-right: 25px; 
	width: 520px;
}

#CcRow
{
    text-align: left;
}
#CcRow label
{
    float:none;
    margin-left: 10px;
}
#WaitMessage
{
    background: url("http://data.theice.com/App_Themes/DefaultTheme/Images/progress.gif") no-repeat right;
    width: 400px; height: 20px;
    color:#323265;
    font-weight:bold; font-size:12px;
    padding-top: 4px; 
}
#CheckoutCardLogos
{
    background: url("../../../App_Themes/DefaultTheme/Images/cclogos_nosolo.gif") no-repeat;
    width: 107px; height: 20px;
    float: right;
}
#CcList
{
    text-align: left;
    padding-left: 15px;
    
}
#CcList label
{
    float: none;
    font: 12px arial;
    margin-left: 5px;
    margin-right: 15px;
}
#CcList input
{
    width: 10px;
    border: none;

}
a.btnClose
{
    float:right;
    margin-left: 2px;
    padding-left: 20px;
    background: url("http://data.theice.com/App_Themes/DefaultTheme/images/btnClose.gif") no-repeat;
}
.csvLink
{
    padding-left: 20px;
    background: url("http://data.theice.com/App_Themes/DefaultTheme/images/csv.gif") no-repeat;
    margin: 15px;
}
/*-- INVOICE ----------------------------------------------------------------------------------------------*/
#InvoiceLogo
{
	width: 248px;
	height: 82px;
	background: url("../../../App_Themes/DefaultTheme/images/InvoiceLogo.gif") no-repeat;

}
#Invoice
{
	width: 650px;
	border: 1px solid #aaa;
	padding: 10px;
	margin-left: 35px;
	margin-top: 20px;
}
@media print
{
	#Header, #SideMenu, .button, .CheckoutHeader
	{
		display: none;
	}
	html
	{
		background: none;
		text-align: left;
	}
	#Invoice
	{
		width: 700px;
		position: absolute;
		left: 0px; top: 0px;
		margin: 0px;
	}
}

/*-- REGISTRATION FORM --------------------------------------------------------------------------*/
.RegistrationForm
{
  margin-top: 15px;
  margin-left: 15px;
  padding: 2px;
  width: 500px;
  border: 1px solid #547AB4;   
  margin-bottom: 15px;
  clear: both;
}
.RegistrationForm div
{
    text-align: right;
    margin-bottom: 3px;
    padding: 3px 5px 3px 5px;
    background: #F5F9FC;
}
.RegistrationForm div div
{
    margin-left: 270px;
    text-align: left;
}
.RegistrationForm div label
{
    float: left;
}
.RegistrationForm input
{
    width: 270px;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-left: 3px;
}
.ErrorValidator
{
    font: bold 12px verdana;    
}
.RegistrationForm div span
{
    margin-right: 5px;
}