/* CSS Document */
body {margin:10px 0 0 0; padding:0; background:#ddd; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
img {border:0;}
h1 {margin:0; padding:0 0 7px 0; color:#000; font-size:20px; font-weight:normal;}
h2 {margin:0; padding:0 0 0 0; color:#0051d1; font-size:17px; font-weight:normal;}
h2 a, h2 a:hover{color: #0051d1; text-decoration:none;}
h3 {margin:0; padding:10px 0 0 0; color:#03a9ff; font-size:20px; font-weight:normal; text-align:center;}
h4 {margin:0; padding:0; color:#fff; font-size:24px; font-weight:normal;}
h5 {margin:0; padding:0 0 0 5px; color:#fff; font-size:14px; font-weight:normal}
h6 {margin:0; padding:0; color:#03a9ff; font-size:16px; font-weight:normal;}

a {color:#0066FF; text-decoration:underline;}
a:hover {text-decoration:none;}
a.white {color:#fff; text-decoration:none;}
a.white:hover {text-decoration:none;}

a.but/*, a.but:visited*/ {margin:0; /*padding:0;*/ padding:2px 12px 3px 12px; font-family:"trebuchet MS"; background:url(../images/but1_bg.gif) repeat-x; border:2px solid #ffdc4f; height:38px; color:#5c3200; font-size:16px; font-weight:normal; line-height:45px; text-align:center; text-decoration:none;}
a.but:hover/*,  a.but:visited,  a.but:active*/ {/*margin:0;*/ padding:2px 12px 3px 12px; text-decoration:none;}

a.but2/*, a.but2:visited*/ {margin:0; /*padding:0;*/ padding:2px 15px 3px 15px; font-family:"trebuchet MS"; background:url(../images/but2_bg.gif) repeat-x; border:2px solid #e1f5ff; height:38px; color:#fff; font-size:16px; font-weight:normal; line-height:45px; text-align:center; text-decoration:none;}
a.but2:hover/*,  a.but2:visited,  a.but2:active*/ {/*margin:0;*/ padding:2px 15px 3px 15px; text-decoration:none;}

.popup2 {position:relative; margin:-15px 0 0 224px; padding:0; width:110px;}
.popup2 table {position:absolute; border:0; border-collapse:collapse; left:0;}
.popup2 a {color:#0066FF; text-decoration:underline;}
.popup2 .box {display:none; font-weight:normal;}
.popup2:hover {position:relative; z-index:100;}
.popup2 a:hover,.popup2:hover a {border:0; text-decoration:none; position:relative;}
.popup2:hover .box, .popup2 a:hover .box {display:block; margin:0; padding:7px 12px; width:330px; visibility:visible; position:absolute; left:100px; top:-100px; background:#fff; cursor:pointer; border:3px solid #ccc;}
.popup2 .box a {color:#0066FF; text-decoration:underline; background:transparent;}
.popup2 .box a:hover {text-decoration:none;}
.clear {clear:both;}
.note {font-weight:bold;}

.popup3 {position:relative; margin:-15px 0 0 217px; padding:0; width:110px;}
.popup3 table {position:absolute; border:0; border-collapse:collapse; left:0;}
.popup3 a {color:#0066FF; text-decoration:underline;}
.popup3 .box {display:none; font-weight:normal;}
.popup3:hover {position:relative; z-index:100;}
.popup3 a:hover,.popup3:hover a {border:0; text-decoration:none; position:relative;}
.popup3:hover .box, .popup3 a:hover .box {display:block; margin:0; padding:7px 12px; width:330px; visibility:visible; position:absolute; left:100px; top:-100px; background:#fff; cursor:pointer; border:3px solid #ccc;}
.popup3 .box a {color:#0066FF; text-decoration:underline; background:transparent;}
.popup3 .box a:hover {text-decoration:none;}
.clear {clear:both;}
.note {font-weight:bold;}

.popup table {position:absolute; border:0; border-collapse:collapse; left:0;}
.popup a {color:#0066FF; text-decoration:underline;}
.popup .box {display:none; font-weight:normal;}
.popup:hover {position:relative; z-index:100;}
.popup a:hover,.popup:hover a {border:0; text-decoration:none; position:relative;}
.popup:hover .box, .popup a:hover .box {display:block; margin:0; padding:7px 12px; width:330px; visibility:visible; position:absolute; left:100px; top:-100px; background:#fff; cursor:pointer; border:3px solid #ccc;}
.popup .box a {color:#0066FF; text-decoration:underline; background:transparent;}
.popup .box a:hover {text-decoration:none;}
.clear {clear:both;}
.note {font-weight:bold;}



ul.list2 {margin:0; padding:0 0 15px 0;}
ul.list2 li {margin:0; padding:0; list-style:none}
ul.list3 li {margin-top:12px; padding:0px 0 0 18px; background:url(../images/dot5.gif) no-repeat; list-style:none}
ul.list4 li {margin:5px 0 0 0; padding:0px 0px 5px 0px;background:none; list-style:circle;}

/* Header */
#header {margin:0 auto; padding:0; width:870px; height:127px; background:url(../images/header_bg.gif) no-repeat;}
#header .logo {margin:0 0 0 28px; padding:0; width:277px; height:83px; float:left; background:url(../images/FxSpyder_logo.gif) no-repeat;}
#header .right1 {margin:20px 0 0 20px; padding:0px 0 0 0; width:340px; float:left;}
#header .links {margin:0; padding:0; float:left;}
#header .search {margin:10px 0 0 120px; padding:0;}
#header .search input {margin:0; padding:0; width:150px; height:23px;}
#header .livehelp {margin:20px 0 0 0; padding:20px 0 0 0; _padding:0 0 0 0; *padding:0 0 0 0;}
#header .butgo {margin:0; padding:0; vertical-align:middle; _vertical-align:middle; *vertical-align:top;}

/* Menu */
#menu {position:static; margin:0;  _margin:0; padding:0; width:870px; height:44px; background:#000; z-index:1000; clear:both;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu ul li {position:relative; margin:0; padding:0 0 0 30px; color:#a6a6a6; float:left;}
#menu ul li a, #menu ul li a:visited {display:block; margin:0; padding:0 27px 0 27px; color:#fff; line-height:43px; text-decoration:none;}
#menu ul li:hover a, #menu ul li a:hover {background:url(../images/menu_bg_ov.gif) top repeat-x;}
#menu ul li ul {display: none;}
#menu table {margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;}
/* specific to non IE browsers*/
#menu ul li:hover ul {display:block; position:absolute; margin:0; padding:0; top:43px; left:0px; font-size:12px; font-weight:normal;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display:block; width:190px; padding:0 0 0 17px; margin:0; background:#00517b; font-weight:bold; line-height:45px; color:#fff; text-decoration:none;}
#menu ul li:hover ul li a:hover {background:#fff; color:#00517b;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:207px;top:-1px;}
#menu ul li:hover ul li:hover ul li a {background:#777;}
#menu ul li:hover ul li:hover ul li a:hover {background:#fff;}
#menu .last {border-bottom:1px solid #fff;}
#menu .last2 {border:none;}
/* specific to IE5.5 and IE6 browsers */
#menu ul li a:hover ul {display:block; position:absolute; margin:0; padding:0; height:auto; top:43px; left:0px; font-size:12px; font-weight:normal;}
#menu ul li a:hover ul li a {display:block; padding:0 0 0 17px; width:190px; width:172px; background:#00517b; color:#fff; text-decoration:none; font-weight:bold; height:1px; line-height:25px; border-bottom:0;  font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; text-transform:none;}
#menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0; z-index:1000;}
#menu ul li a:hover ul li a:hover {background:#fff; color:#00517b;}
#menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; top:0;color:#000; left:190px; z-index:1000;}
#menu ul li a:hover ul li a:hover ul li a {background:#777;}
#menu ul li a:hover ul li a:hover ul li a:hover {background:#fff;}
/* end menu */


/* Header_StartGuide */
#header_StartGuide {margin:0; padding:0; width:100%; height:127px;}
#header_StartGuide .logo {margin:0 0 0 28px; padding:0; width:277px; height:83px; float:left; background:url(../images/FxSpyder_logo_StartGuide.gif) no-repeat;}
#header_StartGuide .right1 {margin:20px 0 0 20px; padding:0px 0 0 0; width:340px; float:left;}
#header_StartGuide .links {margin:0; padding:0; float:left;}
#header_StartGuide .search {margin:10px 0 0 120px; padding:0;}
#header_StartGuide .search input {margin:0; padding:0; width:150px; height:23px;}
#header_StartGuide .livehelp {margin:20px 0 0 0; padding:20px 0 0 0; _padding:0 0 0 0; *padding:0 0 0 0;}
#header_StartGuide .butgo {margin:0; padding:0; vertical-align:middle; _vertical-align:middle; *vertical-align:top;}

/* Menu_StartGuide */
#menu_StartGuide {position:static; margin:0;  _margin:0; padding:0; width:100%; height:44px; background:#000; z-index:1000; clear:both;}
#menu_StartGuide ul {margin:0; padding:0; list-style-type:none;}
#menu_StartGuide ul li {position:relative; margin:0; padding:0 0 0 30px; color:#a6a6a6; float:left;}
#menu_StartGuide ul li a, #menu_StartGuide ul li a:visited {display:block; margin:0; padding:0 27px 0 27px; color:#fff; line-height:43px; text-decoration:none;}
#menu_StartGuide ul li:hover a, #menu_StartGuide ul li a:hover {background:url(../images/menu_bg_ov.gif) top repeat-x;}
#menu_StartGuide ul li ul {display: none;}
#menu_StartGuide table {margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;}
/* specific to non IE browsers*/
#menu_StartGuide ul li:hover ul {display:block; position:absolute; margin:0; padding:0; top:43px; left:0px; font-size:12px; font-weight:normal;}
#menu_StartGuide ul li:hover ul li ul {display: none;}
#menu_StartGuide ul li:hover ul li a {display:block; width:190px; padding:0 0 0 17px; margin:0; background:#00517b; font-weight:bold; line-height:45px; color:#fff; text-decoration:none;}
#menu_StartGuide ul li:hover ul li a:hover {background:#fff; color:#00517b;}
#menu_StartGuide ul li:hover ul li:hover ul {display:block; position:absolute; left:207px; top:-1px;}
#menu_StartGuide ul li:hover ul li:hover ul li a {background:#777;}
#menu_StartGuide ul li:hover ul li:hover ul li a:hover {background:#fff;}
#menu_StartGuide .last {border-bottom:1px solid #fff;}
#menu_StartGuide .last2 {border:none;}
/* specific to IE5.5 and IE6 browsers */
#menu_StartGuide ul li a:hover ul {display:block; position:absolute; margin:0; padding:0; height:auto; top:43px; left:0px; font-size:12px; font-weight:normal;}
#menu_StartGuide ul li a:hover ul li a {display:block; padding:0 0 0 17px; width:190px; width:172px; background:#00517b; color:#fff; text-decoration:none; font-weight:bold; height:1px; line-height:25px; border-bottom:0;  font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; text-transform:none;}
#menu_StartGuide ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0; z-index:1000;}
#menu_StartGuide ul li a:hover ul li a:hover {background:#fff; color:#00517b;}
#menu_StartGuide ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; top:0;color:#000; left:190px; z-index:1000;}
#menu_StartGuide ul li a:hover ul li a:hover ul li a {background:#777;}
#menu_StartGuide ul li a:hover ul li a:hover ul li a:hover {background:#fff;}
/* end menu */


#top {margin:0 auto; padding:30px 0 0 30px; width:840px; height:149px; background:url(../images/top_bg.jpg) no-repeat; color:#fff;}
#top ul {margin:0; padding:15px 0 0 0; list-style:none;}
#top ul li {margin:0; padding:0px 0 0 23px; background:url(../images/dot1.gif) no-repeat; font-size:18px; line-height:25px;}


#page {margin:0 auto; padding:0 0 10px 0; width:870px; background:#fff; overflow:hidden;}
#page .left {margin:0; padding:30px 0 0 30px; width:600px; float:left;}
#page .right {margin:0; padding:0 0 0 670px;}
.banners {margin:0 0 0 30px; padding:0;}
.banners a {margin:0; padding:0 50px 0 0;}
.bottom {margin:0 auto; padding:0; width:870px; height:9px; background:url(../images/bottom_bg.gif) no-repeat;}

#news {margin:10px 0 0 0; padding:0; background:#F0F7FF; border:1px solid #A5CCFF; width:190px;}
#news p {margin:0; padding:8px 20px; line-height:15px; font-size:8pt;}
#news a {color:#0066FF; font-weight:bold; font-size:8pt;}

#menu_oanda {margin:0; padding:0; background:#fff; border:1px solid #A5CCFF; width:190px; z-index:1000;}
#menu_oanda ul {margin:10px 0 0 25px; padding:0 0 0 0; list-style:none;}
#menu_oanda ul li {margin:0; padding:0 0 10px 17px; background:url(../images/dot2.gif) no-repeat; font-size:16px;}

.balans_oanda {position:relative; margin:0; padding:2px 3px 0 0; top:0; background:#e5f6ff; font-weight:bold; z-index:500;}
.balans_oanda td {margin:0 auto; color:#00003c; padding-bottom:5px;}

.login {position:relative; margin:10px 0 0 0; padding:10px 3px 0 12px; top:0; background:#A5CCFF; font-weight:bold; font-size:11px; z-index:500;}
.login .input {margin:3px 0 0 0; padding:0; width:100px; border:1px solid #F0F7FF;}
.login td {color:#fff; padding-bottom:5px;}

.input {margin:0; padding:0; width:170px; border:1px solid #A5CCFF;}

.red {color:Red;}

.hedit {border:1px solid #ade3ff;}
.hedit td {padding:3px; font-size:9pt; text-align:center;}
.hedit th {padding:3px; color:#000; background:#fff; font-size:9pt; text-align:center;}
.hedit .leftcol {text-align:left;}
.hedit .col1 {background:#c7ecff;}
.hedit .col2 {background:#fff;}

#footer {margin:0 auto; padding:5px 0 0 0; width:870px; font-size:11px;}
#footer p {margin:0; padding:0 0 0 7px; width:210px; color:#000; float:left;}
#menufooter {margin:0; padding:0; text-align:center;}
#menufooter span {padding:0;}
#menufooter a {font-size:11px; padding:0 5px;}
#menufooter a:hover { text-decoration:none;}

#footer_StartGuide {margin:0; padding:5px 0 0 0; width:870px; font-size:11px;}
#footer_StartGuide p {margin:0; padding:0 0 0 7px; width:210px; color:#000; float:left;}
#footer_StartGuide {margin:0; padding:0; text-align:center;}
#footer_StartGuide span {padding:0;}
#footer_StartGuide a {font-size:11px; padding:0 5px;}
#footer_StartGuide a:hover { text-decoration:none;}

.rates {margin:0; padding:0; color:#000;background-color:White;}
.rates table {width:163px; background-color:White;}
