﻿
/*** Chart default***/
#ChartContainer { position:absolute; top:-35px; left:220px; }

.ConverterHeading { display:none; }

/*** Converter default***/
.converterDefault
{
    position: relative; 
	background-color: #efefef;
	border: 1px solid #d0d4da;
	width: 224px;
	height: 140px;
	font-size: 10px;
	color:#585858
}
.converterDefault .convertbutton
{
    background-image:url(images/convert.gif);
}
.converterDefault .cnvtpanel
{
	width: 224px; height:140px; padding-top:4px;
}
.converterDefault .cnrespanel
{
	width: 224px; height:140px; padding-top:4px;
}
.converterDefault #theScreen
{
    position: absolute; 
    z-index: 150; 
    top: 1px; 
    left: 1px; 
    width: 224px; 
    height: 140px;
    background-color: Gray; 
    filter: alpha(opacity=40); 
    opacity: 0.4;
}
.converterDefault #theScreenLoader
{
    position: absolute; 
    z-index: 160; 
    top: 0px; 
    left: 0px; 
	width: 100%;
    height: 100%; 
}

/*** Converter neutral***/
.converterNeutral
{
    position: relative; 
	background-color: Transparent;
	border: 1px solid Transparent;
	width: 224px;
	height: 140px;
	font-size: 10px;
	color:#585858
}
.converterNeutral .convertbutton
{
    background-image:url(images/convert.gif);
    
}
.converterNeutral .cnvtpanel
{
	width: 224px; height:140px; padding-top:4px;
}
.converterNeutral .cnrespanel
{
	width: 224px; height:140px; padding-top:4px;
}
.converterNeutral #theScreen
{
    position: absolute; 
    z-index: 150; 
    top: 1px; 
    left: 1px; 
    width: 224px; 
    height: 140px;
    background-color: white; 
    filter: alpha(opacity=40); 
    opacity: 0.4;
}
.converterNeutral #theScreenLoader
{
    position: absolute; 
    z-index: 160; 
    top: 0px; 
    left: 0px; 
	width: 100%;
    height: 100%; 
}

/*** Converter affiliate01***/
.converterAffiliate01
{
    position: relative; 
	background-color: #efefef;
	border: 1px solid #d0d4da;
	width: 224px;
	height: 120px;
	color:#585858
}
.converterAffiliate01 td
{
		font-size: 10px;
}
.converterAffiliate01 table
{
	margin: 5px 0 0 12px
}
.converterAffiliate01 .convertbutton
{
    background-image:url(images/convert.gif);
    margin: 0 0 0 -23px;
    padding: 0
}
.converterAffiliate01 .cnvtpanel
{
	width: 224px; height:110px; padding-top:4px;
}
.converterAffiliate01 .cnrespanel
{
	width: 224px; height:110px; padding-top:4px;
}
* + html .converterAffiliate01 .cnrespanel 	
{
	width: 224px; height:110px; padding-top:8px;
 }
* html .converterAffiliate01 .cnrespanel  	
{
	width: 224px; height:110px; padding-top:8px;
}
.converterAffiliate01 #theScreen
{
    position: absolute; 
    z-index: 150; 
    top: 1px; 
    left: 1px; 
    width: 224px; 
    height: 120px;
    background-color: Gray; 
    filter: alpha(opacity=40); 
    opacity: 0.4;
}
.converterAffiliate01 #theScreenLoader
{
    position: absolute; 
    z-index: 160; 
    top: 0px; 
    left: 0px; 
	width: 100%;
    height: 100%; 
}
.converterAffiliate01 #ChartContainer { position:absolute; top:-35px; left:250px;  }

/*** Converter affiliate02***/
.converterAffiliate02
{
    position: relative; 
	background-color: #efefef;
	border: 1px solid #d0d4da;
	width: 224px;
	height: 120px;
	color:#585858
}
.converterAffiliate02 td
{
		font-size: 10px;
}
.converterAffiliate02 table
{
	margin: 5px 0 0 12px
}
.converterAffiliate02 .convertbutton
{
    background-image:url(images/convert.gif);
    margin: 0 0 0 -23px;
    padding: 0
}
.converterAffiliate02 .cnvtpanel
{
	width: 224px; height:110px; padding-top:4px;
}
.converterAffiliate02 .cnrespanel
{
	width: 224px; height:110px; padding-top:4px;
}
* + html .converterAffiliate02 .cnrespanel 	
{
	width: 224px; height:110px; padding-top:8px;
 }
* html .converterAffiliate02 .cnrespanel  	
{
	width: 224px; height:110px; padding-top:8px;
}
.converterAffiliate02 #theScreen
{
    position: absolute; 
    z-index: 150; 
    top: 1px; 
    left: 1px; 
    width: 224px; 
    height: 120px;
    background-color: Gray; 
    filter: alpha(opacity=40); 
    opacity: 0.4;
}
.converterAffiliate02 #theScreenLoader
{
    position: absolute; 
    z-index: 160; 
    top: 0px; 
    left: 0px; 
	width: 100%;
    height: 100%; 
}
.converterAffiliate02 #ChartContainer { position:absolute; top:-35px; left:250px; display:none }

/*** Converter tnt ***/
.convertertnt
{
    position: relative; 
	background-color: Transparent;
	border: 1px solid Transparent;
	width: 165px;
	height: 140px;
	font-size: 10px;
	color:#585858
}
.convertertnt .convertbutton
{
}
.convertertnt #theScreen
{
    position: absolute; 
    z-index: 150; 
    top: 1px; 
    left: 1px; 
    width: 165px; 
    height: 140px;
    background-color: white; 
    filter: alpha(opacity=40); 
    opacity: 0.4;
}
.convertertnt #theScreenLoader
{
    position: absolute; 
    z-index: 160; 
    top: 0px; 
    left: 0px; 
	width: 100%;
    height: 100%; 
}

.convertertnt td
{
	font-size: 12px;
	color:#585858
}
.convertertnt .convertFields
{
	color:#757575;
	font-size: 12px;
	width:80px;
	height:14px;
	background-image:url('Images/formback.gif');
	border:1px solid #bcbcbc;
}
.convertertnt select.convertFields 
{
	width:150px;
	height:18px;
	background-image:url('Images/formback.gif');
	border: 1px solid #bcbcbc;
}
.convertertnt .convertButton
{
	padding-left:5px;
}
.convertertnt #ChartContainer { position:absolute; top:-35px; left:250px; }

/*** Converter TntForex ***/
.convertertntforex
{
    position: relative; 
	background-color: Transparent;
	border: 1px solid Transparent;
	width: 165px;
	height: 140px;
	font-size: 10px;
	color:#585858
}
.convertertntforex .convertbutton
{
    position:relative; top:-33px; left:100px;
}
.convertertntforex #theScreen
{
    position: absolute; 
    z-index: 150; 
    top: 1px; 
    left: 1px; 
    width: 165px; 
    height: 140px;
    background-color: white; 
    filter: alpha(opacity=40); 
    opacity: 0.4;
}
.convertertntforex #theScreenLoader
{
    position: absolute; 
    z-index: 160; 
    top: 0px; 
    left: 0px; 
	width: 100%;
    height: 100%; 
}

.convertertntforex td
{
	font-size: 12px;
	color:#585858
}
.convertertntforex .convertFields
{
	color:#757575;
	font-size: 12px;
	width:80px;
	height:14px;
	background-image:url('Images/formback.gif');
	border:1px solid #bcbcbc;
}
.convertertntforex select.convertFields 
{
	width:150px;
	height:18px;
	background-image:url('Images/formback.gif');
	border: 1px solid #bcbcbc;
}
.convertertntforex .convertButton
{
	padding-left:5px;
}
.convertertntforex #ChartContainer { position:absolute; top:-35px; left:250px; }


/*** Converter with heading***/
.converterWithHeading
{
    position: relative; 
	background-color: Transparent;
	border: 1px solid Transparent;
	width: 224px;
	height: 140px;
	color:#585858;
}
.converterWithHeading td
{
		font-size: 10px;
}
.converterWithHeading table
{
	margin: 5px 0 0 12px
}
.converterWithHeading .ConverterHeading { display:block; }
* + html .converterWithHeading .ConverterHeading
{ 
	display:block;
	padding-top: 15px
}
* html .converterWithHeading .ConverterHeading 
{ 
	display:block;
	padding-top: 15px
}
* html .converterWithHeading
{ 
	border: 0
}
.converterWithHeading .convertbutton
{
    background-image:url(images/convert.gif);
    margin: 0 0 10px -23px;
    padding: 0
    
}
.converterWithHeading .cnvtpanel
{
	width: 224px; height:110px; padding-top:4px;
	background-color: #efefef;
	border: 1px solid #d0d4da;

}
.converterWithHeading .cnrespanel
{
	width: 224px; height:110px; padding-top:4px;
	background-color: #efefef;
	border: 1px solid #d0d4da;
}
* + html .converterWithHeading .cnrespanel 	
{
	width: 224px; height:140px; padding-top:8px;
 }
* html .converterWithHeading .cnrespanel  	
{
	width: 224px; height:140px; padding-top:8px;
}
.converterWithHeading #theScreen
{
    position: absolute; 
    z-index: 150; 
    top: 51px; 
    left: 1px; 
    width: 224px; 
    height: 140px;
    background-color: Gray; 
    filter: alpha(opacity=40); 
    opacity: 0.4;
}
.converterWithHeading #theScreenLoader
{
    position: absolute; 
    z-index: 160; 
    top: 0px; 
    left: 0px; 
	width: 100%;
    height: 100%; 
}
.converterWithHeading #ChartContainer { position:absolute; top:15px; left:230px; }
