/*

ToolBox STYLE SHEET
This stylesheet defines the look of elements on StockGrade.com web pages. 


*/




/* ----- Elements --------------------- */

.boxheader{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : black;
	background : #A2B6CB;
	text-decoration : none;
}

.boxlabelcolor{
	background : #BAD8F5;
}

.chartlabel{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : Black;
}


body {
	background-color: #FFFFFF;
	color : #585858;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.white {
	color: #FFFFFF;
}
.padRight10 {
	padding-right: 10px;
}
.padLeft10 {
	padding-left: 10px;
}

.titleAbout {
	color: #0A7D9A;
}

.padLeft20 {
	padding-left: 20px;
}

a {
	text-decoration : underline;
	color : #3452bb;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bold
}

p {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : black
}

td {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : black
}

option {
    FONT-SIZE: 9px
}

select {
    FONT-SIZE: 9px
}


/* ----- Standard Styles ------------- */

a:link {
	text-decoration : none;
	color : #3452bb;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold
}
a:visited {
	text-decoration : none;
	color : #3452bb;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold
}
a:hover {
	text-decoration : underline;
	color : #CC0000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold
}

.missing {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : red;
	font-weight : bold
}

.menulink {
	text-decoration : none;
	color : #3452bb;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold
}

.input {
	background-color : #D3F2DC;
	color : #02962E;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold
}

.inputnews {
	background-color : #CCDDED;
	color : #2178C4;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold
}

.button {
	background-color : #DEDEDE;
	color : #3452bb;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold
}

.smalltext { 
	font : 10px Verdana, Arial, Helvetica, sans-serif
}

.supersmalltext { 
	font : 9px Verdana, Arial, Helvetica, sans-serif
}

.mediumtext { 
	font : 12px Verdana, Arial, Helvetica, sans-serif
}

.largetext { 
	font : 16px Verdana, Arial, Helvetica, sans-serif
}

.smalldate {
	font : 11px Arial, sans-serif;
	font-size : 11px
}

.titleactive {
	font : 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #02962E;
	background-color : white
}

.helpcontentsactive {
	font : 13px Verdana, Arial, Helvetica, sans-serif
	color : #000000;
	background-color : white
}

.green {
	font : 13px Verdana, Arial, Helvetica, sans-serif;
	color : #02962E
}

.red {
	font : 13px Verdana, Arial, Helvetica, sans-serif;
	color : red
}

.gray {
	font : 13px Verdana, Arial, Helvetica, sans-serif;
	color : #A6A6A6
}


/* ----- Ticker Styles ------------------ */
.changenone {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	font-weight: bold
}

.changepositive {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #02962E;
	font-weight: bold
}

.changenegative {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : red;
	font-weight: bold
}

.quotecurrent {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	background-color: yellow
}

.pagetitle {
	font : 16px Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold
}

/* ----- Data Table Styles ------------------ */

.cotitle {
	font : 15px Verdana, Arial, Helvetica, sans-serif;
	font-size : 15px;
	font-weight : bold
}

.title {
	font : 15px Arial, Helvetica, sans-serif;
	font-size : 15px;
	font-weight : bold
}

.hugetitle {
	font : 28px Arial, Helvetica, sans-serif;
	font-size : 28px;
	font-weight : bold
}

.header {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	border-bottom : 1px solid Black
}

.term {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}

.epsterm {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #3333CC
}

.cpsterm {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #009966
}

.redterm {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : red;
}

.greenterm {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #02962E;
}

.number {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}

.note {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}

.required {
	font : 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : red
}

.checkgreen {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #02962E
}

.checkgray {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #A6A6A6
}

.menublack {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : black
}

.menugrey {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #A6A6A6
}

.menugreen {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #02962E
}
.menublue {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #2178C4
}

.menuactive{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : black
}

/* ----- Click Verb Styles ------------------ */

.alertlink {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #D95A00
}

.tooldot {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #02962E
}

.linkdot {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #3452bb
}

.helplink {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #916122
}
.borderFull {
	border: 1px solid #000000;
}
.padLeftRt10 {
	padding-right: 10px;
	padding-left: 10px;
}
.borderBottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.date {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
a.headerLink:link {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.headerLink:visited {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.headerLink:hover {
	font-size: 11px;
	font-weight: bold;
	color: #66FFCC;
	text-decoration: none;
}
a.footLink:link {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.footLink:visited {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.footLink:hover {
	font-size: 10px;
	font-weight: bold;
	color: #66FFCC;
	text-decoration: none;
}
a.adLink:link {
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
a.adLink:visited {
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
a.adLink:hover {
	font-size: 9px;
	font-weight: bold;
	color: #006600;
	text-decoration: underline;
}
a.menuLogin:link {
	font-size: 9px;
	font-weight: bold;
	color: #3452bb;
	text-decoration: none;
}
a.menuLogin:visited {
	font-size: 9px;
	font-weight: bold;
	color: #3452bb;
	text-decoration: none;
}
a.menuLogin:hover {
	font-size: 9px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
}.white11 {
	color: #FFFFFF;
	font-size: 11px;
}
.alertMsg {
	font-size: 16px;
	font-weight: bold;
	color: #990000;
}