﻿*,html,form,body{margin:0;padding:0;}
body,td,th{font-family:Verdana,Arial,Helvetica,sans-serif;color:#444;font-size:11px;font-weight:bold;}
html,body{height:100%;}
body{min-width:640px;background:#fff url(../Images/main_bg.jpg) repeat-x;}

.HttpErrorImage{margin:20px;}
.HttpErrorText{font-size:2em;margin:0px 200px;}

#Mytrade{min-height:100%;height:auto !important;height:100%;margin:0 auto -31px;}

.Iframe{float:left;height:1px;width:1px;}

a{color:#0066cc;font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:none;}
a:link{color:#0066cc;text-decoration:none;}
a:active{color:#0066cc;text-decoration:none;}
a:visited{color:#0066cc;text-decoration:none;}
a:hover{color:#0066cc;text-decoration:underline;}

img{border:none;}

.Clear{clear:both;}
.Hidden{display:none;}
.Highlight{background:#FFD980;}

.Center{text-align:center;}
.Left{float:left;}
.Right{float:right;}
.TextBlock{background:#B6D7A8;border:solid 1px #96B788;padding:10px 5px;}
.TextBlock p{font-weight:normal;font-size:16px;}

#Header{position:relative;height:45px;background:#e5e5e5 url(Images/logo.gif) no-repeat 5px 5px;white-space:nowrap;}
#HeaderLogoLink{position:absolute;width:200px;height:45px;cursor:pointer;}
#HeaderNav{padding:27px 0px 5px 210px;border-bottom:solid 1px #596c87;}
#HeaderNav li{list-style:none;display:inline;margin:0;padding:0;}
#HeaderNav li a{padding:5px;margin-left:5px;color:#fff;font-weight:bold;border:solid 1px #596c87;background:#596c87;outline:none;}
#HeaderNav li a:hover{color:#fff;text-decoration:none;}
#HeaderNav li a:link{color:#fff;}
#HeaderNav li a:visited{color:#fff;}
#HeaderNav li.Current{background:transparent;}
#HeaderNav li.Current a{color:#444;background:#dadada;border-bottom:solid 1px #dadada;}
#HeaderNav li.Current a:hover{color:#444;}
#HeaderNav li.Current a:link{color:#444;}
#HeaderNav li.Current a:visited{color:#444;}

#HeaderNav li.TempTab{display:none;margin-left:10px;}
#HeaderNav li.TempTab .TempTabTitle{}
#HeaderNav li.TempTab .TempTabX{margin-left:5px;padding:0px 3px;border:solid 1px #fff;}
#HeaderNav li.TempTab .TempTabX.Over{color:#444;background:#fff;}
#HeaderNav li.TempTab .TempTabX.Down{color:#fff;background:#444;}

#HeaderNav li.LoginRequiredTab a{background:#B6D7A8;border:solid 1px #96B788;border-bottom:solid 1px #B6D7A8;color:#444;}
#HeaderNav li.LoginRequiredTab a:visited{color:#444;}

#HeaderStatus{position:absolute;top:5px;right:5px;text-align:right;}
#HeaderGreeting{font-size:1.2em;margin-bottom:5px;}
#HeaderGreetingName{}
.LoginSpan{}
.LogoutSpan{display:none;}

.Content{padding-top:6px;margin-bottom:5px;}

.Push{height:31px;}
.Footer{width:100%;height:20px;padding-top:10px;text-align:center;background:#fff;border-top:solid 1px #596c87;}

.FormRow{padding:5px 5px;height:24px;line-height:24px;}
.CheckBoxRow{height:17px;line-height:17px;padding-top:10px;}
.FormLabel{float:left;font-weight:bold;}
.FormRequired{float:left;width:12px;color:#f00;font-weight:bold;}
.FormNotRequired{float:left;width:12px;visibility:hidden;}
.FormField{float:right;}
.FormField input{width:163px;}
/*.FormField select{width:160px;}*/

.ShadowBoxDrop{display:none;position:fixed;width:100%;height:100%;top:0px;left:0px;background:#000000;filter:alpha(opacity=50);opacity:0.5;}

.NoteArea{background:#B6D7A8;border:solid 1px #96B788;padding:5px;margin-bottom:5px;text-align:left;}
.NoteArea textarea{font-family:arial;}
.NoteArea .Counter{font-size:18px;text-align:right;}

.SplashBox{width:700px;margin:0px auto;background:#E5E5E5;border:solid 1px #A8A8A8;padding:10px;font-size:14px;font-weight:normal;}
.SplashBox ul{padding:0px 0px 10px 15px;}
.SplashBox p{margin-bottom:10px;}
.SplashBox h1{font-size:1.2em;padding-bottom:10px;}

.Backdrop{background:#B6D7A8;border:solid 1px #96B788;}

.ImagePopupImage{width:100%;}
.ImagePopupText{padding:5px 0px;}

.CharCountWarning{color:#ffcb00;}
.CharCountError{color:#ff0000;}

.CoolInput{
background:#eee url(/images/input-overlay.png) repeat-x 0px 0px;
display:inline-block;
/*position:relative;*/
padding:4px 2px;
color:#000 !important;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.1);
border:1px solid #C9C9C9;
}

.CoolInput:hover{
border-color: #d7d7d7;
}
.CoolInput:focus{  
border-color: #0066cc;
-moz-box-shadow:0px 0px 3px rgba(0,102,204,0.5);
-webkit-box-shadow:0px 0px 3px rgba(0,102,204,0.5);
}  

.CoolButton, .CoolButton:visited{
background:#222 url(/images/button-overlay.png) repeat-x;
display:inline-block;
/*position:relative;*/
padding:6px 10px;
color:#fff !important;
text-decoration:none;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
border:none;
border-bottom:1px solid rgba(0,0,0,0.25);
cursor:pointer;
}

button.CoolButton{padding:3px 5px;}

.CoolButton:hover{background-color:#111;color:#fff;text-decoration:none;}
.CoolButton:active{top:1px;}
.CoolButton, .CoolButton:visited{font-size:13px;font-weight:bold;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25);}
.Large.CoolButton, .Large.CoolButton:visited{font-size:14px;padding:8px 14px;}

.Green.CoolButton, .Green.CoolButton:visited{background-color:#91bd09;}
.Green.CoolButton:hover{background-color:#749a02;}
.Blue.CoolButton, .Blue.CoolButton:visited{background-color:#2daebf;}
.Blue.CoolButton:hover{background-color:#007d9a;}
.Magenta.CoolButton, .Magenta.CoolButton:visited{background-color:#a9014b;}
.Magenta.CoolButton:hover{background-color:#630030;}

.Pod{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:5px;}
.PodTopLeft{width:7px;background:#f7f7f7;border-top:1px solid #a8a8a8;border-left:1px solid #a8a8a8;}
.PodTopLeftOver{width:7px;background:#b6ddff;border-top:1px solid #5aa2e1;border-left:1px solid #5aa2e1;}
.PodTop{height:30px;background:#f7f7f7;border-top:1px solid #a8a8a8;}
.PodTopOver{height:30px;background:#b6ddff;border-top:1px solid #5aa2e1;}
.PodTopRight{width:7px;background:#f7f7f7;border-top:1px solid #a8a8a8;border-right:1px solid #a8a8a8;}
.PodTopRightOver{width:7px;background:#b6ddff;border-top:1px solid #5aa2e1;border-right:1px solid #5aa2e1;}
.PodLeft{background:#f7f7f7;border-left:1px solid #a8a8a8;}
.PodRight{width:10px;background:#f7f7f7;border-right:1px solid #a8a8a8;}
.PodBottomLeft{width:7px;height:7px;background:#f7f7f7;border-bottom:1px solid #a8a8a8;border-left:1px solid #a8a8a8;}
.PodBottom{height:7px;background:#f7f7f7;border-bottom:1px solid #a8a8a8;}
.PodBottomRight{width:7px;height:7px;background:#f7f7f7;border-bottom:1px solid #a8a8a8;border-right:1px solid #a8a8a8;}
.PodBody{background:#f7f7f7;vertical-align:top;}
.PodContent{padding:10px;}

.PodHeader{width:100%;height:100%;table-layout:fixed;border-collapse:collapse;}
.PodMin{background:transparent;width:24px;padding-left:0px;}
.PodArrow{width:19px;height:19px;background:url(images/arrow.gif) no-repeat;cursor:pointer;}
.PodArrowMin{width:19px;height:19px;background:url(images/arrow_min.gif) no-repeat;cursor:pointer;}
.PodTitle{background:transparent;font-weight:bold;font-size:12px;overflow:hidden;white-space:nowrap;vertical-align:middle;}

.PodButtons{background:transparent;width:115px;}
.PodButtons div{float:right;height:19px;margin-top:0px;cursor:pointer;}

.PodX{width:19px;background:url(../TOSImages/x_bright.gif) no-repeat;}
.PodXOver{width:19px;background:url(../TOSImages/x_hover_bright.gif) no-repeat;}
.PodXDown{width:19px;background:url(../TOSImages/x_bright.gif) no-repeat;}

.PodEdit{width:35px;background:url(../TOSImages/edit_bright.gif) no-repeat;}
.PodEditOver{width:35px;background:url(../TOSImages/edit_hover_bright.gif) no-repeat;}
.PodEditDown{width:35px;background:url(../TOSImages/edit_bright.gif) no-repeat;}

.PodRefresh{width:58px;height:19px;background:url(../TOSImages/refresh_bright.gif) no-repeat;}
.PodRefreshOver{width:58px;height:19px;background:url(../TOSImages/refresh_hover_bright.gif) no-repeat;}
.PodRefreshDown{width:58px;height:19px;background:url(../TOSImages/refresh_bright.gif) no-repeat;}

.PodTickerBox{border:solid 1px #cccccc;background:#ebebeb;padding:4px;line-height:25px;}
.PodTickerLink{padding-right:18px;cursor:pointer;}
.PodTickerLink.Link{background:url(../Images/link.gif) no-repeat right 5px;}
.PodTickerLink.Unlink{background:url(../Images/unlink.gif) no-repeat right 5px;}
.PodTickerSpacer{border:solid 1px #cccccc;margin:6px 0px 6px 0px;}

.PodFeed{width:100%;border:solid 1px #eeeeee;}
.PodFeedRow{border:solid 1px #eeeeee;}
.PodFeedRowOver{background-color:#f3f3f3;}
.PodFeedDate{float:left;width:60px;padding:4px 10px 4px 4px;}
.PodFeedLink{padding:4px 4px 4px 6px;}
.PodFeedError{padding:5px;color:#f00;font-weight:bold;}

.WatchlistHeader{list-style:none;border:solid 1px #a8a8a8;font-weight:bold;background:#a8a8a8;}
.WatchlistHeaderCell{float:left;width:70px;padding:4px;text-align:center;color:#fff;}
.WatchlistTickerRow{list-style:none;border:solid 1px #a8a8a8;}
.WatchlistTickerRowOver{background-color:#f3f3f3;}
.WatchlistTickerCell{float:left;width:70px;padding:4px;font-weight:bold;border-right:solid 1px #a8a8a8;text-align:center;}
.WatchlistTickerX{float:right;width:20px;height:20px;background:url(../Images/x_circle.gif) no-repeat center center;cursor:pointer;}

.PodLinks{border:solid 1px #eeeeee;}
.PodLinksRow{background:url(../TOSImages/menuArrow_dark.gif) no-repeat 3px center;border:solid 1px #eeeeee;}
.PodLinksRowOver{background-color:#f3f3f3;}
.PodLinksLink{margin-left:20px;padding:4px 0px 4px 6px;border-left:solid 2px #eeeeee;}
.PodLinksError{padding:5px;font-weight:bold;color:#f00;}
.PodImage {float:left; width:50px; padding:5px;}
.PodImage img {border:none;}

.MenuLinks{border:solid 1px #cccccc;border-bottom:none;}
.MyLinksEdit{border-bottom:solid 1px #cccccc;background:#f3f3f3;}
.MyLinksEditItem{}
.MyLinksEditDiv{border-bottom:solid 1px #cccccc;padding:10px 5px 10px 5px;}
.MyLinksEditName{width:40%;margin-right:10px;}
.MyLinksEditUrl{width:45%;margin-right:10px;}
.MyLinksEditAddLink{float:left;cursor:pointer;padding:10px 0px 0px 5px;}
.MyLinksEditButtons{margin:5px;text-align:center;}
.MyLinksDisplay{border-bottom:none;font-weight:bold;}
.MyLinkItem{border-bottom:solid 1px #cccccc;padding:10px 5px 10px 5px;}

.RowBottom{border-bottom:dashed 1px #cccccc;}

/*
Uniform Theme: Agent
Version: 1.0
By: Collin Allen
License: Creative Commons Share Alike
*/
div.selector, div.selector span,div.checker span,div.radio span,div.uploader,div.uploader span.action
{background: url(../images/sprite-agent.png) no-repeat;}

.selector, .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader *
{margin: 0;padding: 0;}

div.selector
{background-position: -487px -164px;line-height: 26px;height: 26px;}
div.selector span
{background-position: right -4px;height: 26px;line-height: 26px;margin-right:-3px;}
div.selector select
{top: 5px;left: 0px;}
div.selector:active, div.selector.active
{background-position: -487px -196px;}
div.selector:active span, div.selector.active span
{background-position: right -36px;}
div.selector.focus, div.selector.hover, div.selector:hover
{background-position: -487px -228px;}
div.selector.focus span, div.selector.hover span, div.selector:hover span
{background-position: right -68px;}
div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover
{background-position: -487px -260px;}
div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span
{background-position: right -100px;}
div.selector.disabled, div.selector.disabled:active, div.selector.disabled.active
{background-position: -487px -292px;}
div.selector.disabled span, div.selector.disabled:active span, div.selector.disabled.active span
{background-position: right -132px;}

div.checker
{/*width: 17px;height: 17px;*/}
div.checker input
{width: 17px;height: 17px;}
div.checker span
{background-position: -3px -323px;height: 17px;width: 17px;}
div.checker:active span, div.checker.active span
{background-position: -26px -323px;}
div.checker.focus span, div.checker:hover span
{background-position: -49px -323px;}
div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span
{background-position: -72px -323px;}
div.checker span.checked
{background-position: -95px -323px;}
div.checker:active span.checked, div.checker.active span.checked
{background-position: -118px -323px;}
div.checker.focus span.checked, div.checker:hover span.checked
{background-position: -141px -323px;}
div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked
{background-position: -164px -323px;}
div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span
{background-position: -187px -323px;}
div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked
{background-position: -210px -323px;}

div.radio
{/*width: 17px;height: 17px;*/}
div.radio input
{width: 17px;height: 17px;}
div.radio span
{height: 17px;width: 17px;background-position: -3px -346px;}
div.radio:active span, div.radio.active span
{background-position: -26px -346px;}
div.radio.focus span, div.radio:hover span
{background-position: -49px -346px;}
div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span
{background-position: -72px -346px;}
div.radio span.checked
{background-position: -95px -346px;}
div.radio:active span.checked, div.radio.active span.checked
{background-position: -118px -346px;}
div.radio.focus span.checked, div.radio:hover span.checked
{background-position: -141px -346px;}
div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked
{background-position: -164px -346px;}
div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span
{background-position: -187px -346px;}
div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked
{background-position: -210px -346px;}

div.uploader
{background-position: 0px -366px;height: 32px;}
div.uploader span.action
{background-position: right -494px;height: 24px;line-height: 24px;}
div.uploader span.filename
{height: 24px;margin: 4px 0px 4px 4px;line-height: 24px;}
div.uploader.focus, div.uploader.hover, div.uploader:hover
{background-position: 0px -430px;}
div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action
{background-position: right -526px;}
div.uploader.active span.action, div.uploader:active span.action
{background-position: right -558px;}
div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action
{background-position: right -590px;}
div.uploader.disabled
{background-position: 0px -398px;}
div.uploader.disabled span.action
{background-position: right -462px;}

div.selector
{/*margin-bottom: 20px;  width: 168px;*/font-weight: bold;color: #464545;/*font-size: 14px;*/}
div.selector select
{width: 168px;/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 1em;*/border: solid 1px #fff;}
div.selector span
{padding: 0px 25px 0px 2px;cursor: pointer;color: #ffffff;width: 138px;text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;}
div.selector.disabled span
{color: #bbb;}

div.checker
{margin-right: 10px;}

div.radio
{margin-right: 10px;}

div.uploader
{/*width: 190px;margin-bottom: 20px;*/cursor: pointer;}
div.uploader span.action
{width: 83px;text-align: center;text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;background-color: #1a1a1a;font-weight: bold;color: #ffffff;}
div.uploader span.filename
{color: #1a1a1a;width: 82px;border-right: solid 1px #2e2e2e;font-size: 90%;font-size: 11px;}
div.uploader input
{width: 190px;}
div.uploader.disabled span.action
{color: #aaa;}

div.uploader.disabled span.filename
{border-color: #ddd;color: #aaa;}

/*
CORE FUNCTIONALITY 
Not advised to edit stuff below
*/
.selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus {outline: 0;}
div.selector {position: relative;padding-left: 6px;}
div.selector span {display: block;float: left;}
div.selector select {position: absolute;opacity: 0;}

div.checker{position: relative;float: left;}
div.checker span {display: block;float: left;text-align: center;}
div.checker input {opacity: 0;display: inline-block;}

div.radio {position: relative;float: left;}
div.radio span {display: block;float: left;text-align: center;}
div.radio input {opacity: 0;text-align: center;display: inline-block;}

div.uploader {position: relative;float: left;overflow: hidden;}
div.uploader span.action {float: left;display: inline;padding: 4px 0px;overflow: hidden;cursor: pointer;}
div.uploader span.filename {padding: 0px 10px;float: left;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
div.uploader input {opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;float: right;}