﻿/* SogoElite Css version 1.0 */


html {margin:0px; padding:0px; }
body {margin-left:0; padding:0; background-color:#fff; text-align:center; font-family:Verdana, Arial, sans-serif; font-weight:normal; font-size:11px; color:#363636;}

h1 {font-weight:bold; font-size:12px; padding:0; margin:0;}
h2 {font-weight:bold; font-size:14px; padding:0; margin:0;}
h3 {font-weight:bold; font-size:16px; padding:0; margin:0;}
a:link, a:visited {color:#306caf; text-decoration:none; border:0px solid #fff; background-color:Transparent;}
a:hover, a:active {color:#E68b2C; text-decoration:none; border:0px solid #fff; background-color:Transparent;}
p {margin:0; padding:0;}
ul {margin:0; padding:0}
li {margin:0; padding:0}
div {margin:0; padding:0}
.smallFont {font-size:9px; color:#666666;}
.boldFontBlue {color:#306caf; font-weight:bold;}
.textBox{font-size: 11px; color: #000; background-color:#FFF; border:1px solid #666666; padding:1px 5px 1px 2px; width:120px}

/* Global Layout */

#mainContainer {width:733px; height:100%; margin-right:auto; margin-left:auto; margin-bottom:0; margin-top:10px; padding:0; position:relative; text-align:left;}
/* header style */
#header {position:relative; width:733px;}
#headerTop {background:url(../images/headernav/header_top.jpg) no-repeat; width:733px; height:33px;}
#headerMid {background:url(../images/headernav/header_mid.jpg) repeat-y; width:733px; height:32px;}
#headerBtm {background:url(../images/headernav/header_btm.jpg) no-repeat; width:733px; height:3px; clear:both;}
#mainLogo {background-image:url(../images/headernav/logo_elite.gif); background-repeat:no-repeat; width:274px; height:47px; margin:7px 10px; position:absolute; border:0px solid #fff; background-color:Transparent;}

.logBtn {background:url(../images/buttons/logBtn_notext.gif) no-repeat; width:64px; height:18px; margin:10px 0px 0px 660px; position:absolute; color:#FFFFFF; font-size:11px; font-weight:bold; text-align:center; cursor:pointer; border:0px solid #fff;}
.login {background:url(../images/headernav/login.gif) no-repeat; width:64px; height:18px; margin:10px 0px 0px 660px; position:absolute;}
.postlog {background:url(../images/headernav/logout.gif) no-repeat; width:64px; height:18px; margin:10px 0px 0px 660px; position:absolute;}
#chinese {background:url(../images/headernav/chinese.gif) no-repeat; width:51px; height:15px; margin:12px 0px 0px 600px; position:absolute; border:0px solid #fff; background-color:Transparent;}
#sogoinvest {background:url(../images/headernav/sogoinvest_btn.gif) no-repeat; width:140px; height:14px; margin:12px 0px 0px 500px; position:absolute; border:0px solid #fff; background-color:Transparent;}
#sogotrade {background:url(../images/headernav/sogotrade_btn.gif) no-repeat; width:140px; height:14px; margin:12px 0px 0px 500px; position:absolute; border:0px solid #fff; background-color:Transparent;}
#openAcc {position:absolute; margin:32px 0px 0px 645px; margin-left:625px; width:110px; text-decoration:underline;}

/* breadcrumb style */
#breadCrumb {color:#306caf; font-weight:bold; width:733px; position:relative;}

/*main content style */
#mainContent {position:relative; padding-top:5px; width:733px;}
#main {position:relative; width:530px; float:left;}
#postmain {position:relative; width:733px; float:left;}
#sideNav {position:relative; width:185px; float:right;}
#sideAds {position:relative; width:290px; float:right;}
#accountLoginContent {position:relative; width:418px; float:left;}

/* bottom content style */
#bottomContent {position:relative; width:733px; padding-top:0px; clear:both;}



/* footer style */
#footer {position:relative; padding-top:5px; text-align:center; width:733px;}
#footer p {font-size:8px; color:#666666;}
#footer a {color:#306caf;  font-weight:normal; text-decoration:none; border:0px solid #fff; background-color:Transparent;}

.footerCopy {font-family:Arial, sans-serif; font-size:11px;color:#000;}
a.footerCopylink {text-decoration:underline; font-size:11px;color:#306CAF}
a.footerCopylink:visited {text-decoration:underline; font-size:11px;color:#306CAF}
a.footerCopylink:hover {text-decoration:none; font-size:11px;color:#E68B2C}

/* Style for tables and columns */
a.newslink {text-decoration:underline; font-size:11px;color:#306CAF}
a.newslink:visited {text-decoration:underline; font-size:11px;color:#306CAF}
a.newslink:hover {text-decoration:none; font-size:11px;color:#E68B2C}

a.editlink {text-decoration:underline; font-size:11px;color:#FFFFFF;font-weight:normal}
a.editlink:hover {text-decoration:none; font-size:11px;color:#10245A;font-weight:normal}

a.morelink {text-decoration:underline; font-size:11px;color:#FFFFFF;font-weight:normal}
a.morelink:hover {text-decoration:none; font-size:11px;color:#10245A;font-weight:normal}

.Table-CellBorder{border-style: solid;border-color: #CCCCCC;border-width: 1px}
.Table-CellNoBorder{border-style:none}
.Table-CellPadded{padding-left: 6px; padding-right: 12px; padding-top: 3px; padding-bottom: 3px }
.tdgray{background-color:#CCCCCC; height:22px}
.tdgray3{background-color:#DDDDDD; height:22px}
.tdgray4{background-color:#EAEAEA; height:22px}
.tdgrayEdu{background-color:#CCCCCC;}
.tdblue{background-color:#306CAF; height:22px; border-style: solid; border-color: White; border-width: 1px}
.tdblue3{background-color:#DDE4EB;}
.tdLtBlue {background-color: #E9EEF2; height:22px}

.tderror{ table-layout:auto;  text-decoration:none; font-size:10px; color:#ED1C24; font-weight:normal; border-style: solid; background-color:Transparent; border-color: #CC3300; border-width: 1px; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 5px;}
.tderrorNoBorder{ table-layout:auto;  text-decoration:none; font-size:10px; color:#ED1C24; font-weight:normal; border-width: 1px;  background-color:Transparent; padding-left: 8px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px;}
.tderrorNoBorder2{ table-layout:auto;  text-decoration:none; font-size:10px; color:#ED1C24; font-weight:normal; background-color:Transparent; border-style: solid; border-color: #CC3300; border-width: 1px; padding-left: 8px; padding-right: 8px; padding-top: 1px; padding-bottom: 1px;}
.tderrorNoBorder3{ table-layout:auto;  text-decoration:none; font-size:11px; color:#ED1C24; font-weight:normal; background-color:Transparent; border-width: 1px; padding-left: 8px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px;}

.tdBgBlue{font-size: 11px; color: #3B3B3B; background-color:#b1d3f7; border-style: solid; border-color: #4883b4; border-width: 1px; height:20px;}
.tdBgBlue2{font-size: 11px; height:20px;  color: #3B3B3B; background-color:#ddedff; border-style: solid; border-color: #7ab3db; border-width: 1px; font-weight:bold;}
.tdBgBlue3{font-size: 11px; color: #3B3B3B; background-color:#ddedff;}
.tdBgBlue4{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #3B3B3B; vertical-align:middle; background: url(../Images/Bg/bg_line_blue25.gif); height:25px; padding-top:4px; padding-left:4px; padding-right:4px;}

.tdBgGray4{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3B3B3B; vertical-align:middle; background: url(../Images/Grid/bg_line_gray25.gif); height:25px; padding-top:4px; padding-left:2px; padding-right:2px;}

/* Greybox styles */
#GB_overlay {
    background-color: #306caf;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #306caf;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }


/* Table start temp - should really change these */
.tdGrayBorder{font-size: 11px; color: #3B3B3B; line-height: 16px; border-style: solid; border-color: #bdbdbd; border-width: 1px;}

.tdBgGray{font-size: 11px; height:20px; color: #3B3B3B; font-weight: bold; background-color:#E6E6E6; border-style: solid; border-color: #CCCCCC; border-width: 1px;}
.tdBgGrayNoBorder{font-size: 11px; height:20px; color: #3B3B3B; font-weight: bold; background-color:#E6E6E6; border-style: solid; border-color: #FFF; border-width: 0px}
.tdBgGray3{font-size: 11px; height:25px; color: #3B3B3B; font-weight: normal; background-color:#E6E6E6; border-style: solid; border-color: #CCCCCC; border-width: 1px}
.tdBgGray4{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3B3B3B; vertical-align:middle; background: url(../Images/Bg/bg_line_gray25.gif); height:25px; padding-top:4px; padding-left:2px; padding-right:2px;}
.tdBgGray5{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3B3B3B; vertical-align:middle; background: url(../Images/Bg/bg_line_gray25.gif); height:25px; padding-top:2px; padding-left:2px; padding-right:2px;}

.tdBgWhite{font-size: 11px; height:20px; color: #3B3B3B; font-weight: normal; background-color:#FFF; height:22px;}
.tdBgWhiteLine{font-size: 11px; color: #3B3B3B; font-weight: normal; background-color:#FFF; height:30px; border-bottom:1px solid #cacaca;}

.tdBgBlue{font-size: 11px; color: #3B3B3B; background-color:#b1d3f7; border-style: solid; border-color: #4883b4; border-width: 1px; height:20px;}
.tdBgBlue2{font-size: 11px; height:20px;  color: #3B3B3B; background-color:#ddedff; border-style: solid; border-color: #7ab3db; border-width: 1px; font-weight:bold;}
.tdBgBlue3{font-size: 11px; color: #3B3B3B; background-color:#ddedff;}
.tdBgBlue4{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #3B3B3B; vertical-align:middle; border-bottom:1px solid #363636; background-color:#b1d3f7; height:30px; padding:4px;}


.tdStepGray{background-color:#a0a0a0;}
.tdStepBgGray{font-size: 10.5px; color: black; background-color:#e4e4e4; font-weight:normal; text-align:center;}
.tdStepBgBlue{font-size: 10.5px; color: black; background-color:#b0d2f6; font-weight:normal; text-align:center;}
.tdStepBgWhite{font-size: 10.5px; color: black; background-color:#ffffff; font-weight:normal; text-align:center;}
.tdStepBgGreen{font-size: 10.5px; color: black; background-color:#6fd271; font-weight:normal; text-align:center;}

.tdCPBgGray{font-size: 11px; color: black; background-color:#e4e4e4; font-weight:normal; text-align:left; padding-left:6px; padding-right:6px;}
.tdCPBgGrayBold{font-size: 11px; color: #1f64a0; background-color:#e4e4e4; font-weight:bold; text-align:left; padding-left:6px; padding-right:6px;}
.tdCPBgGray2{font-size: 11px; color: black; background-color:#f2f2f2; font-weight:normal; text-align:left; padding-left:6px; padding-right:6px;}
.tdCPBgGray2Bold{font-size: 11px; color: #1f64a0; background-color:#f2f2f2; font-weight:bold; text-align:left; padding-left:6px; padding-right:6px;}
.tdCPBgBlue{font-size: 12px; color: white; background-color:#66b3f2; font-weight:bold; text-align:left; padding-left:6px; padding-right:6px; padding-top:6px; padding-bottom:6px;}
.tdCPBgBlue2{font-size: 12px; color: black; font-weight:bold; text-align:left; padding-left:6px; padding-right:6px;}


.tdQuote{font-size: 11px; color: #3B3B3B; font-weight: normal; border-style: solid; border-color: #FFF; border-width: 1px; padding-left:2px; padding-right:2px;}

.MsgPopupText {font-size:12px; font-weight:normal; background-color: #FFFFFF; height:16px; width:80%; text-align:center; border-style: solid; border-color: #bdbdbd; border-width: 1px; padding-top:15px; padding-bottom:15px;}


.tdBgEnable{background: url(../Images/trade/bkgnd.gif);}
.tdBgDisable{background: url(../Images/trade/bkgnd_gray.gif);}

/* Table end */

#dataPackage {text-align:left; margin:10px auto;}
#dataPackage td {padding:3px 0;}
#dataPackage h1 {font-weight:bold; border-bottom:1px solid #363636;}
#dataPackage ol li {list-style-type:square; padding:2px;}



.Progress { background-color:#e7e7e7;  filter:alpha(opacity=70); opacity:0.7; margin:0 5px 0 6px; position:absolute; width:720px; height:10px;}
.loading { text-align:center; width:720px; position:absolute;}


/* #UpdateProgress1 { margin:0 300px 0 315px; background-color:#e1e1e1; position:fixed; text-align:center;}*/
/* #UpdateProgress1 img {vertical-align:middle; margin:80px; border:15px;}*/





