* {padding: 0; margin: 0; font-family: Arial, Helvetica, Sans-Serif; font-weight: normal; }

a img {border: 0;}

input, select {width: 100%; }
input { border: 1px solid #999;}
select { border: 1px solid #999;}
textarea { border: 1px solid #999;}
select {padding:0px;}

body.conv350 {background: url(/widgets/Backgrounds/cur_con_350.jpg) no-repeat; }
body.conv350 * {font-size: 12px; }
.conv350 #divamt {position: fixed; top: 82px; left: 160px; right: 22px; }
.conv350 #divcur1 {position: fixed; top: 115px; left: 160px; right: 20px; }
.conv350 #divcur2 {position: fixed; top: 148px; left: 160px; right: 20px; }
.conv350 #subcur {position: fixed; top: 180px; right: 20px; width: 72px; border:0;}
.conv350 #result_u {position: fixed; top: 217px; right: 20px; text-align:right; font-weight: bold; font-size: 13px;}
.conv350 #result_l {position: fixed; top: 233px; right: 20px; font-size: 10px; text-align: right; color:#333}
.conv350 label {font-size: 13px; color:#333;  left: 20px; position: fixed;}
.conv350 #lblamt { top: 83px; }
.conv350 #lblcur1 { top: 115px; }
.conv350 #lblcur2 { top: 148px; }
.conv350 #disclaimer { position: fixed; bottom: 10px; left: 20px; right: 20px; font-size: 11px; color:#666; line-height: 96% }
.conv350 #linkinfo {position: fixed; top: 250px; left: 20px; height: 40px; width: 310px;}
.conv350 #moreinfo {
   position: absolute;
   bottom: 10px;
   right: 10px;
}

body.conv250 {background: url(/widgets/Backgrounds/cur_con_250.jpg) no-repeat; }
body.conv250 * {font-size: 11px; }
.conv250 #divamt {position: fixed; top: 53px; left: 100px; right: 14px; }
.conv250 #divcur1 {position: fixed; top: 78px; left: 100px; right: 10px; }
.conv250 #divcur2 {position: fixed; top: 103px; left: 100px; right: 10px; }
.conv250 #subcur {position: fixed; top: 128px; right: 10px; width: 60px;border:0}
.conv250 #result_u {position: fixed; top: 159px; left: 10px; right: 10px; text-align:right; font-weight: bold; font-size: 13px;}
.conv250 #result_l {position: fixed; top: 132px; right: 80px; left: 10px; font-size: 10px; text-align: right; color:#333; display:none;}
.conv250 label {font-size: 11px; color:#333;  left: 10px; position: fixed;}
.conv250 #lblamt { top: 56px; }
.conv250 #lblcur1 { top: 80px; }
.conv250 #lblcur2 { top: 105px; }
.conv250 #disclaimer { position: fixed; bottom: 10px; left: 10px; right: 10px; font-size: 9px; color:#666; line-height: 96%}
.conv250 #linkinfo {position: fixed; top: 180px; left: 10px; height: 30px; width: 230px;}
.conv250 #moreinfo {
   position: absolute;
   bottom: 6px;
   right: 10px;
}



body.mview350 {background: url(/widgets/Backgrounds/marketview_350.jpg) no-repeat; }
body.mview350 * {font-size: 13px; }
.mview350 #baselabel {position: fixed; top: 68px; left: 25px;  font-size:14px; color: #0072AE}
.mview350 .base { top: 97px;  }
.mview350 .cur1 { top: 140px; }
.mview350 .cur2 { top: 173px; }
.mview350 .cur3 { top: 205px; }
.mview350 .cur4 { top: 237px; }
.mview350 .cur5 { top: 270px; }
.mview350 .curshort {position: fixed; font-weight: bold; color:#000; left: 25px;}
.mview350 .curlong {position: fixed; font-weight: normal; color:#999; left: 60px;}
.mview350 .currate {position: fixed; font-weight: bold; color:#000; right: 30px;}
.mview350 #moreinfo {
   position: absolute;
   bottom: 10px;
   right: 10px;
}


body.mview250 {background: url(/widgets/Backgrounds/marketview_250.jpg) no-repeat; }
body.mview250 * {font-size: 11px; }
.mview250 #baselabel {position: fixed; top: 48px; left: 18px;  font-size:11px; color: #0072AE}
.mview250 .base { top: 68px;  }
.mview250 .cur1 { top: 98px; }
.mview250 .cur2 { top: 122px; }
.mview250 .cur3 { top: 145px; }
.mview250 .cur4 { top: 168px; }
.mview250 .cur5 { top: 191px; }
.mview250 .curshort {position: fixed; font-weight: bold; color:#000; left: 18px;}
.mview250 .curlong {position: fixed; font-weight: normal; color:#666; left: 48px;}
.mview250 .currate {position: fixed; font-weight: bold; color:#000; right: 15px;}

.mview250 #moreinfo {
   position: absolute;
   bottom: 6px;
   right: 10px;
}


body.reqinfo350 {background: url(/widgets/Backgrounds/enquiry_350.jpg) no-repeat; }
body.reqinfo350 * {font-size: 13px; }
.reqinfo350 label {left: 15px; color:#333; position: fixed; }
.reqinfo350 input {left: 110px; width: 220px; position: fixed;}
.reqinfo350 select {left: 110px; width: 222px; position: fixed;}
.reqinfo350 textarea          {left: 110px; width: 220px; height: 60px; resize: none; position: fixed;}
.reqinfo350 #divFullName      {position: fixed; top: 80px;}
.reqinfo350 #divEmail         {position: fixed;top: 110px;}
.reqinfo350 #divTelephone     {position: fixed;top: 140px;}
.reqinfo350 #divBuyCurrency   {position: fixed;top: 170px;}
.reqinfo350 #divSellCurrency  {position: fixed;top: 200px;}
.reqinfo350 #divNotes         {position: fixed;top: 230px;}
.reqinfo350 span              {position: fixed;top: 80px; left: 15px; right: 15px; bottom: 50px; }
.reqinfo350 h2                {font-family: calibri, Arial, Helvetica, Sans-Serif; font-size:1.3em; padding: 0; margin: 0; font-weight:normal; color: #0073B0; }
.reqinfo350 ul                {padding-left: 20px; margin-bottom: 25px;}
.reqinfo350 #submitter        {position: fixed; bottom: 14px; left: 260px ;width:72px; border:0;}
.reqinfo350 #divGo             {position: fixed; bottom: 20px; right: 20px;}


body.reqinfo250 {background: url(/widgets/Backgrounds/enquiry_250.jpg) no-repeat; }
body.reqinfo250 * {font-size: 11px; }
.reqinfo250 label {position: fixed; left: 10px; color:#333;}
.reqinfo250 input {position: fixed; left: 85px; width: 150px;}
.reqinfo250 select {position: fixed; left: 85px; width: 152px;}
.reqinfo250 textarea          {position: fixed; left: 85px; width: 151px; height: 30px; resize: none}
.reqinfo250 #divFullName      {position: fixed; top: 55px;}
.reqinfo250 #divEmail         {position: fixed; top: 80px;}
.reqinfo250 #divTelephone     {position: fixed; top: 105px;}
.reqinfo250 #divBuyCurrency   {position: fixed; top: 130px;}
.reqinfo250 #divSellCurrency  {position: fixed; top: 155px;}
.reqinfo250 #divNotes         {position: fixed; top: 180px;}
.reqinfo250 span              {position: fixed;top: 55px; left: 10px; right: 10px; bottom: 30px; line-height: 100%;}
.reqinfo250 h2                {font-family: calibri, Arial, Helvetica, Sans-Serif; font-size:1.1em; padding: 0; margin: 0; font-weight:normal; color: #0073B0;  }
.reqinfo250 ul                {padding-left: 20px; margin-bottom: 15px;}
.reqinfo250 li                {margin-bottom: 3px;}
.reqinfo250 #divGo             {position: fixed; bottom: 12px; right: 15px; }
.reqinfo250 #submitter        {position: fixed; bottom: 9px; left: 185px; width:52px; border:0;}


body.mwatch350 {background: url(/widgets/Backgrounds/mwatch_350.jpg) no-repeat; }
body.mwatch350 * {font-size: 13px; }
.mwatch350 label             {left: 15px; color:#333; position: fixed; padding-top: 2px;}
.mwatch350 input             {left: 110px; width: 220px; position: fixed;}
.mwatch350 select            {left: 110px; width: 222px; position: fixed;}
.mwatch350 textarea          {left: 110px; width: 220px; height: 60px; resize: none; position: fixed;}
.mwatch350 #divBuyCurrency   {position: fixed;top: 110px;}
.mwatch350 #divSellCurrency  {position: fixed;top: 80px;}
.mwatch350 #divDesiredRate   {position: fixed;top: 170px;}
.mwatch350 #divMarketRate    {position: fixed;top: 140px;}
.mwatch350 #divFullName      {position: fixed; top: 200px;}
.mwatch350 #divEmail         {position: fixed;top: 230px;}
.mwatch350 #divTelephone     {position: fixed;top: 260px;}
.mwatch350 span              {position: fixed;top: 80px; left: 15px; right: 15px; bottom: 50px; }
.mwatch350 h2                {font-family: calibri, Arial, Helvetica, Sans-Serif; font-size:1.3em; padding: 0; margin: 0; font-weight:normal; color: #0073B0; }
.mwatch350 ul                {padding-left: 20px; margin-bottom: 25px;}
.mwatch350 #divGo            {position: fixed; bottom: 20px; right: 20px; }
.mwatch350 #submitter        {position: fixed; bottom: 14px; left: 260px ;width:72px; border:0;}

body.mwatch250 {background: url(/widgets/Backgrounds/mwatch_250.jpg) no-repeat; }
body.mwatch250 * {font-size: 11px; }
.mwatch250 label {position: fixed; left: 10px; color:#333;}
.mwatch250 input {position: fixed; left: 85px; width: 150px;}
.mwatch250 select {position: fixed; left: 85px; width: 152px;}
.mwatch250 #divSellCurrency  {position: fixed; top: 55px;}
.mwatch250 #divBuyCurrency   {position: fixed; top: 78px;}
.mwatch250 #divMarketRate    {position: fixed; top: 101px;}
.mwatch250 #divDesiredRate   {position: fixed; top: 124px;}
.mwatch250 #divFullName      {position: fixed; top: 147px;}
.mwatch250 #divEmail         {position: fixed; top: 170px;}
.mwatch250 #divTelephone     {position: fixed; top: 193px;}
.mwatch250 #divGo            {position: fixed; bottom: 12px; right: 15px;}
.mwatch250 span              {position: fixed;top: 55px; left: 10px; right: 10px; bottom: 30px; line-height: 100%;}
.mwatch250 h2                {font-family: calibri, Arial, Helvetica, Sans-Serif; font-size:1.1em; padding: 0; margin: 0; font-weight:normal; color: #0073B0;  }
.mwatch250 ul                {padding-left: 20px; margin-bottom: 15px;}
.mwatch250 li                {margin-bottom: 3px;}
.mwatch250 #submitter        {position: fixed; bottom: 9px; left: 185px; width:52px; border:0;}

.multiwidget img              {position: fixed; top: 0; left: 0;}
.multiwidget iframe              {position: fixed; top: 40px; left: 0;}


.account_112 input {position: fixed; left: 0px; top: 0px; width: 280px; height: 112px;}
.account_183 input {position: fixed; left: 0px; top: 0px; width: 280px; height: 183px;}

a {text-decoration: none;
   color: #0073B0;
}

a.submitter     {background-color: transparent;
                 background-image: url("http://www.internationalfx.com/AppImages/application_button.gif");
                 background-position: left center;
                 background-repeat: no-repeat;
                 text-decoration: none;
                 border: 0 none;
                 color: #1E1E1E;
                 cursor: pointer;
                 font-size: 1.1em;
                 padding-left: 30px;
}     

body.newstick350 {background: url(/widgets/Backgrounds/fx_newsroom_350.jpg) no-repeat; }
body.newstick350 * {font-size: 13px; }

.newstick350 #news-container
{
   position: absolute; 
   top: 65px; 
   left: 10px;
   width: 330px;

}
 
.newstick350 #news-container ul  {


width: 330px;
}

.newstick350 #news-container ul li div
{
   height: 55px;
   border-bottom: 1px dotted #aaaaaa;
   position: relative;

}

.newstick350 #news-container ul li div .category {
   font-size: 11px;
   color: #999;
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   text-transform: uppercase;
}

.newstick350 #news-container ul li div .article {
   font-size: 12px;
   color: #000;   
   position: absolute;
   top: 17px;
   left: 0;
   display: block;
}

.newstick350 #news-container ul li div .datetime {
   clear:left;
   display: block;
   font-size: 11px;
   color: #999;
   position: absolute;
   bottom: 5px;
}

.newstick350 #moreinfo {
   position: absolute;
   bottom: 10px;
   right: 10px;
}

.newstick350 #buttons {
   position: absolute;
   bottom: 10px;
   left: 10px;
}



body.newstick250 {background: url(/widgets/Backgrounds/fx_newsroom_250.jpg) no-repeat; }
body.newstick250 * {font-size: 11px; padding: 0; margin: 0;}

.newstick250 #news-container
{
   position: absolute; 
   top: 48px; 
   left: 10px;
   width: 230px;

}
 
.newstick250 #news-container ul  {
    width: 230px;
    }

.newstick250 #news-container ul li {
padding: 0px;
}
    
    
.newstick250 #news-container ul li div
{
   height: 50px;
   border-bottom: 1px dotted #aaaaaa;
   position: relative;
   margin-top: 5px;
   margin-bottom: 5px;
}

.newstick250 #news-container ul li div .category {
   font-size: 11px;
   color: #999;
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   text-transform: uppercase;
}

.newstick250 #news-container ul li div .article {
   font-size: 11px;
   color: #000;   
   position: absolute;
   top: 17px;
   left: 0;   
   display: block;
   width: 200px;
}

.newstick250 #news-container ul li div .datetime {
   font-size: 11px;
   color: #999;
   position: absolute;
   top: 0px;
   right: 0px;
}

.newstick250 #moreinfo {
   position: absolute;
   bottom: 6px;
   right: 10px;
}

.newstick250 #buttons {
   position: absolute;
   bottom: 6px;
   left: 10px;
}



/* THE BIG BANK WIDGET */
  .comparebank * {font-family: Arial, Helvetica, Sans-Serif}
   body.comparebank {width:500px; height: 500px; background: url("/widgets/Backgrounds/bank_compare_500_500.jpg") no-repeat;}
   .comparebank form {margin:0; padding:0;}
   .comparebank #lblAmount {position:absolute; top:80px; left: 18px; font-size: 11px; color: #000; font-weight: bold;}
   .comparebank #lblCurTo {position:absolute; top:100px; left: 18px; font-size: 11px; color: #000; font-weight: bold;}
   .comparebank #txtAmount {position:absolute; top:78px; left: 89px; height:16px; width: 65px; border: 1px solid #999; font-size: 11px; color: #666;}
   .comparebank #selCurFrom {position:absolute; top:78px; left: 158px; height:18px; width: 150px; border: 1px solid #999; font-size: 11px; color: #666;}
   .comparebank #selCurTo {position:absolute; top:98px; left: 89px; height:18px; width: 150px; border: 1px solid #999; font-size: 11px; color: #666;}
   .comparebank #btn_compare_deals {position:absolute; top:85px; left: 344px; height:30px; width: 122px; border: 0;}
   .comparebank #btn_apply_now {position:absolute; top:457px; left: 344px; height:30px; width: 122px; border: 0;}
   .comparebank #compare_container {position: absolute; top: 137px; left: 2px; width: 496px; height: 306px;}
   .comparebank .compare_holder {height: 51px; background: url(/widgets/Backgrounds/bank_compare_dark_gradient.jpg) repeat-x; width: 496px;}
   .comparebank .compare_left {position: relative; height: 51px; width: 168px; float: left; background: url(/widgets/Backgrounds/bank_compare_light_gradient.jpg) repeat-x;}
   .comparebank .compare_right {position: relative; height: 51px; margin-left: 168px;  border-left: 1px solid #CCC;}
   .comparebank .bank_logo {height: 32px; width: 150px; position: absolute; top: 10px; right: 10px; border: 0;}
   .comparebank .bar_holder {position: absolute; top: 6px;}
   .comparebank .bar_left {height: 25px; background:url(/widgets/Backgrounds/bar_mid.gif) repeat-x; float: left;}
   .comparebank .bar_right {height: 25px; background:url(/widgets/Backgrounds/bar_end.gif) no-repeat; width: 10px; float: left;}
   .comparebank .amount {position: absolute; top: 11px; left: 10px; color: #FFF; font-size: 11px; font-weight: bold;}
   .comparebank .compare_right .rate_holder {font-size: 9px; color: #666; position: absolute; bottom: 4px; left: 10px;}
   .comparebank .compare_right .rate_holder span {color: #000;}
   .comparebank .compare_right .rate {padding-right: 5px; margin-right: 5px; border-right: 1px solid #CCC;; float: left;}
   .comparebank .compare_right .charge {float: left;}
   .comparebank .compare_right .best_buy {position: absolute; right: 1px; top: 1px; width: 18px; height: 50px; background:#F00 url(/widgets/Backgrounds/best_buy.gif) no-repeat; display:none;}
   .comparebank #message {position: absolute; top: 456px; left: 20px; font-size: 13px; font-weight: bold; color: #C9E1EE;}
   .comparebank #message span {color: #FFF;font-weight: bold;}
   
/* THE LITTLE BANK TEASER WIDGET */
  .comparebank280 * {font-family: Arial, Helvetica, Sans-Serif}
   body.comparebank280 {width:280px; height: 200px; background: url("/widgets/Backgrounds/bank_compare_280_200.jpg") no-repeat;}
   .comparebank280 form {margin:0; padding:0;}
   .comparebank280 #lblAmount {position:absolute; top:50px; left: 12px; font-size: 11px; color: #000; font-weight: bold;}
   .comparebank280 #lblCurFrom {position:absolute; top:70px; left: 12px; font-size: 11px; color: #000; font-weight: bold;}
   .comparebank280 #lblCurTo {position:absolute; top:90px; left: 12px; font-size: 11px; color: #000; font-weight: bold;}
   .comparebank280 #txtAmount {position:absolute; top:48px; left: 95px; height:16px; width: 55px; border: 1px solid #999; font-size: 11px; color: #666;}
   .comparebank280 #selCurFrom {position:absolute; top:68px; left: 95px; height:18px; width: 160px; border: 1px solid #999; font-size: 11px; color: #666;}
   .comparebank280 #selCurTo {position:absolute; top:88px; left: 95px; height:18px; width: 160px; border: 1px solid #999; font-size: 11px; color: #666;}
   .comparebank280 #btn_compare_deals {position:absolute; top:115px; left: 79px; height:30px; width: 122px; border: 0;}

