body
{
	font-family: Arial;
	background-color: #f0f0f0;	
	margin-left:0px;
	margin-top:0px;
	font-size: 13px;
	color: #585858;
}

/*** convert default***/
.converter td
{
	font-size: 10px;
	color:#585858
}
.convertFields
{
	color:#757575;
	font-size: 9px;
	width:118px;
	height:13px;
	background-image:url('images/formback.gif');
	border:1px solid #bcbcbc;
}
select.convertFields 
{
	width:120px;
	height:18px;
	background-image:url('images/formback.gif');
	border: 1px solid #bcbcbc;
}
.convertButton
{
	padding-left:5px;
}

/*** Chart default***/
.ChartContainer { position:absolute; top:-35px; left:220px; }
.ConverterHeading { display:none; }
#convertericons { margin: 10px 0 0 5px; }
#convertericons img { margin-right: 6px }

/*** Converter default***/
.converterDefault
{

}
.converterDefault .convertbutton
{
    background-image:url(images/convert.gif);
}
.converterDefault .resetbutton
{
    background-image:url(images/reset-blue.gif);
	position: absolute;
	top: 95px;
	width: 70px;
	height: 22px;
	right: 0;
	margin-right: 10px;
}
.converterDefault .cnvtpanel
{

}
.converterDefault .cnrespanel
{

}
.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: 1860; 
    top: 0px; 
    left: 0px; 
	width: 100%;
    height: 100%; 
}

.converterDefault .convertFields
{
	color: #090909;
	display: block;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	height: 20px;
	line-height: 20px;
	border: none;
	background: none;
	background-color: white;
	width: 188px;
	padding: 4px 10px;
}
/*** Converter neutral***/
.converterNeutral
{
    position: relative; 
	background-color: Transparent;
	border: 1px solid Transparent;
	font-size: 10px;
	color:#585858
}
 .converterNeutral .convertlabel
 {
 	display:none
 }
 .converterNeutral .convertFields
{
	color:#757575;
	font-size: 12px;
	width:140px;
}
.converterNeutral select.convertFields 
{
	width:140px;
}
.converterNeutral .convertbutton
{
    background-image:url(images/get-quote.gif);
    border: 0; width:auto 
}
.converterNeutral .resetbutton
{
    background-image:url(images/reset.gif);
    border: 0; width:auto 
}
.converterNeutral .cnvtpanel
{
	height:120px; padding-top:4px; border: 0
}
.converterNeutral .cnrespanel
{
	height:140px; padding-top:4px;
}
.converterNeutral #theScreen
{
    position: absolute; 
    z-index: 150; 
    top: -30px; 
    left: -40px; 
    width: 224px; 
    height: 140px;
    background-color: white; 
    filter: alpha(opacity=40); 
    opacity: 0.4;
}
.converterNeutral #theScreenLoader
{
    position: absolute; 
    z-index: 160; 
    top: -20px; 
    left: -20px; 
	width: 100%;
    height: 100%; 
}
.converterNeutral td
{
		font-size: 10px;
}
/*** 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);
    padding: 0
}
.converterAffiliate01 .resetbutton
{
    background-image:url(images/reset-blue.gif);
	position: absolute;
	top: 80px;
	width: 70px;
	height: 22px;
	right: 0;
	margin-right: 10px;
}
.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);
    padding: 0
}
.converterAffiliate02 .resetbutton
{
    background-image:url(images/reset-blue.gif);
	position: absolute;
	top: 80px;
	width: 70px;
	height: 22px;
	right: 0;
	margin-right: 10px;
}
.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 0;
    padding: 0
    
}
.converterWithHeading .resetbutton
{
    background-image:url(images/reset-blue.gif);
}
.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; }

/*** Converter 150px wide ***/
.convertertnt150
{
    position: relative; 
	background-color: Transparent;
	border: 1px solid Transparent;
	width: 150px;
	height: 140px;
	font-size: 9px;
	color:#585858
}
.convertertnt150 .convertbutton
{
}
.convertertnt150 #theScreen
{
    position: absolute; 
    z-index: 150; 
    top: 1px; 
    left: 1px; 
    width: 150px; 
    height: 140px;
    background-color: white; 
    filter: alpha(opacity=40); 
    opacity: 0.4;
}
.convertertnt150 #theScreenLoader
{
    position: absolute; 
    z-index: 160; 
    top: 0px; 
    left: 0px; 
	width: 100%;
    height: 100%; 
}

.convertertnt150 td
{
	font-size: 10px;
	color:#585858
}
.convertertnt150 .convertFields
{
	color:#757575;
	font-size: 12px;
	width:70px;
	height:14px;
	background-image:url('images/formback.gif');
	border:1px solid #bcbcbc;
}
.convertertnt150 select.convertFields 
{
	width:120px;
	height:18px;
	background-image:url('images/formback.gif');
	border: 1px solid #bcbcbc;
}
.convertertnt150 .convertButton
{
	padding-left:5px;
}
.convertertnt150 .ChartContainer { position:absolute; top:-35px; left:250px; }

/*** Converter Gold ***/
.converterAffiliate03
{
    position: relative; 
	background-color: #efefef;
	border: 1px solid #d0d4da;
	width: 250px;
	height: 120px;
}
.converterAffiliate03 td
{
		font-size: 12px;
		font-weight: bold;
		color: #000
}
.converterAffiliate03 table
{
	margin: 5px 0 0 12px
}
.converterAffiliate03 .convertbutton
{
    background-image:url(images/converter-gold.gif);
    padding: 0
}
.converterAffiliate03 .resetbutton
{
    background-image:url(images/reset-blue.gif);
	position: absolute;
	top: 80px;
	width: 70px;
	height: 22px;
	right: 0;
	margin-right: 10px;
}
.converterAffiliate03 .cnvtpanel
{
	width: 250px; height:110px; padding-top:4px;
}
.converterAffiliate03 .cnrespanel
{
	width: 250px; height:110px; padding-top:4px;
}
* + html .converterAffiliate03 .cnrespanel 	
{
	width: 250px; height:110px; padding-top:8px;
 }
* html .converterAffiliate03 .cnrespanel  	
{
	width: 250px; height:110px; padding-top:8px;
}
.converterAffiliate03 #theScreen
{
    position: absolute; 
    z-index: 150; 
    top: 1px; 
    left: 1px; 
    width: 250px; 
    height: 120px;
    background-color: Gray; 
    filter: alpha(opacity=40); 
    opacity: 0.4;
}
.converterAffiliate03 #theScreenLoader
{
    position: absolute; 
    z-index: 160; 
    top: 0px; 
    left: 0px; 
	width: 100%;
    height: 100%; 
}
.converterAffiliate03 .ChartContainer { position:absolute; top:-35px; left:270px;  }


/**** Springbok Supporters Club ***/
.converterSsc { position: relative; background-color: #efefef; border: 1px solid #d0d4da; width: 250px; height: 120px; }
.converterSsc td { font-size: 12px; font-weight: bold; color: #000; }
.converterSsc table { margin: 5px 0 0 12px; }
.converterSsc .convertbutton { background-image:url(images/check-rate-gold.gif); padding: 0; }
.converterSsc .resetbutton { background-image:url(images/reset-gold.gif); position: absolute; padding: 0; top: 80px; width: 70px; height: 22px; right: 0; margin-right: 10px;}
.converterSsc .cnvtpanel { width: 250px; height:110px; padding-top:4px; }
.converterSsc .cnrespanel { width: 250px; height:110px; padding-top:4px; }
* + html .converterSsc .cnrespanel { width: 250px; height:110px; padding-top:8px; }
* html .converterSsc .cnrespanel { width: 250px; height:110px; padding-top:8px; }
.converterSsc #theScreen { position: absolute; z-index: 150; top: 1px; left: 1px; width: 250px; height: 120px;background-color: Gray; filter: alpha(opacity=40); opacity: 0.4; }
.converterSsc #theScreenLoader { position: absolute; z-index: 160; top: 0px; left: 0px; width: 100%; height: 100%; }
.converterSsc .ChartContainer { position:absolute; top:-35px; left:270px; display:none;  }
/**********************************/

/**** Currency Int ***/
.converterCurrencyInt { position: relative; background-color: #efefef; border: 1px solid #d0d4da; width: 250px; height: 120px; }
.converterCurrencyInt td { font-size: 12px; font-weight: bold; color: #000; }
.converterCurrencyInt table { margin: 5px 0 0 12px; }
.converterCurrencyInt .convertbutton { background-image:url(images/currencyint-convert.gif); padding: 0; width: 83px !important; height: 30px !important; padding: 0; top: 80px; right: 0; margin-right: 10px;}
.converterCurrencyInt .resetbutton { background-image:url(images/currencyint-reset.gif); padding: 0; width: 83px !important; height: 30px !important; left: 160px; position: absolute; bottom: 0;}
.converterCurrencyInt .cnvtpanel { width: 250px; height:110px; padding-top:4px; }
.converterCurrencyInt .cnrespanel { width: 250px; height:110px; padding-top:4px; }
* + html .converterCurrencyInt .cnrespanel { width: 250px; height:110px; padding-top:8px; }
* html .converterCurrencyInt .cnrespanel { width: 250px; height:110px; padding-top:8px; }
.converterCurrencyInt #theScreen { position: absolute; z-index: 150; top: 1px; left: 1px; width: 250px; height: 120px;background-color: Gray; filter: alpha(opacity=40); opacity: 0.4; }
.converterCurrencyInt #theScreenLoader { position: absolute; z-index: 160; top: 0px; left: 0px; width: 100%; height: 100%; }
.converterCurrencyInt .ChartContainer { position:absolute; top:-35px; left:270px; display:none;  }
/**********************************/