to 30px */
@media screen and (max-width: 1000px) {
body {
background-color: gray;
}
/*
#leftNavBar, #Layer7, #Layer13, #Layer4, #Layer9{
display: none;
}
*/
/* hide trading header */
#trading_header {
visibility: hiddden;
display: none;
}
input:focus {
background-color: seashell;
}
input[name="Submit"] {
height:100%;
width: 50%;
}
.login {
align:center;
height:100%;
width:100%;
display: block;
font-size: 100%;
background-color: white;
}
}
/* If the screen size is 601px wide or more, set the font-size of
to 80px */
@media screen and (min-width: 1001px) {
body {
background-color: white;
}
#leftNavBar, #Layer7, #Layer13, #Layer4, #Layer9{
visibility: visible;
}
#Layer14{
display: none;
}
/* hide layer 21 for investor registration wide screen*/
#Layer21{
display: none;
}
.login {
align:center;
font-size:100%;
height:25px;
width:100px;
display: block;
background-color: white;
}
input[name="Submit"] {
width: 100px;
height: 25px;
}
body {
background-color: white;
}
p { Font-Family : Arial,Geneva,Helvetica,Sans-Serif;
Font-Size : 12px; }
A {
Font-Family : Arial, Geneva, Helvetica, Sans-Serif;
text-decoration : none;
font-weight : bold;
color: #336699;
}
A:hover {
Font-Family : Arial, Geneva, Helvetica, Sans-Serif;
text-decoration : none;
color: #336699
}
A:visited {
Font-Family : Arial, Geneva, Helvetica, Sans-Serif;
text-decoration : none;
color: #336699;
}
B { Font-Family : Arial,Geneva,Helvetica,Sans-Serif; Font-Size : 12px; }
TD { Font-Family : Arial,Geneva,Helvetica,Sans-Serif;
Font-Size : 12px;
}
TD.bold { font-weight: bold; }
TD.fieldlalign { color: #336699; text-align: left;}
TD.field { Font-Family : Arial ;
color: #336699;
Font-Size : 12px;
text-align: right;
font-weight : bold;
}
TD.field2 { Font-Family : Arial ;
color: white;
Font-Size : 12px;
font-weight : bold;
}
TD.noteField { Font-Size: 8pt; }
TD.center { text-align: center; }
TD.centerfield { color: #336699; text-align: center;}
TD.errorfield { color: #ff0000; text-align: right; }
TD.columnheader {color: #336699; text-align: left;
font-weight: bold;}
TD.columnheaderRight { color: #336699; text-align: right;
font-weight: bold;}
TD.columnheaderCenter { color: #336699; text-align: center;
font-weight: bold;}
TD.colheaderWhite
{ Color : #FFFFFF;
Font-Size: 10px;
Text-Align : center;
Background-Color : #336699;}
TD.progrNameRed { color: #FF0000; font-size: 12px; text-align: right; }
INPUT
{ Font-Family : Arial,Geneva,Helvetica,Sans-Serif;
Font-Size : 12px;
}
SELECT {
Font-Family : Arial,Geneva,Helvetica,Sans-Serif;
Font-Size : 12px;
}
SELECT.monospaced
{ Font-Family : Arial, courier new,monospaced;
Font-Size : 12px;
}
.text { Font-Family : Arial,Geneva,Helvetica,Sans-Serif; Font-Size : 12px; }
.error { color: #ff0000; }
.errorfield { color: #ff0000; text-align: right; }
.bold { font-weight: bold; }
.right { text-align: right; }
.red { color: #FF0000;
Font-Family : Arial, courier new,monospaced;
Font-Size : 11px;
}
.boldred { font-weight: bold; color: #FF0000; }
.boldwhite { font-weight: bold; color: #FFFFFF; }
TD.greetingLarge {
Font-Family : Arial, courier new,monospaced;
Font-Size : 14px; }
TD.greetingSmall {
Font-Family : Arial, courier new,monospaced;
Font-Size : 11px;
}
TD.message { Text-Align : left; text-indent: 5px;}
TD.wideSpacing { line-height: 16px; }
#tradingSublayer {
position: absolute;
left: 85px;
top: 28px;
height: 10px;
visibility: hidden;
zIndex: 5;
}
#circleLayer {
position: absolute;
left: 180px;
top: 65px;
visibility: visible;
}
#choicesLayer {
position: absolute;
left: 194px;
top: 65px;
visibility: hidden;
zIndex: 5;
}
TD.h3 {
Font-Family : Arial;
Font-Size : 20px;
color: #336699;
font-weight: bold;
}
TD.header { Color: #336699; font-weight: bold; }
.hdh { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #003399}
}