/* ================================
    CSS STYLES FOR IBUYSPY PORTAL 
    v1.0, 01/2001
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: white;
    font-family: Arial;
    font-size: 13px;
    color:DarkRed;
    font-weight:bold;
     
}

/* background color for the content part of the pages */
Body
{
    background-color: white;
    font-family: Arial;
    font-size: 12px;
    color:black
}

.HelpPage 
{
	background-color:CCFFFF;
	font-family : Arial;
	font-size : 20px
	
}



/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle {
    font-family: Verdana Bold, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color:black
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: white;
    border-color: white;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg {
    background-color: dimgray;
    border-color: black;
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Arial;
    font-size: 13px;
    color:DarkRed;
    font-weight: bold
}

/* text style for the unselected tabs */
.OtherTabs {
    font-family: Arial;
    font-size: 13px;
    color:gainsboro;
    text-decoration:none;
    font-weight: bold
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link    {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:visited {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:active  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover   {
    text-decoration:    underline;
    color:white;
}
    
/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold
}   

/* hyperlink style for the site links */
A.SiteLink:link {
    text-decoration:    none;
    color:white;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color:white;
}

/* style for separator between site links */
.Accent
{
    color: red;
    font-weight:    bold;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Arial;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}



/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Arial;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Arial;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Arial;
    font-size: 24px; // 28px; // 16px;
    font-weight:   normal; // bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{

    font-family: Arial;
    font-size: 22px; //24px; //28px; //16px;
    font-weight: normal;
    
}
.Choices
{
    font-family: Arial;
    font-size: 20px; //16px;
    font-weight: normal;
    
}
.OptionalChoices
{
    font-family: Arial;
    font-size: 20px; //16px;
    font-weight: normal;
    
}
.Choices2
{
    font-family: Arial;
    font-size: 20px;
    font-weight: normal;
    height: 50px;
    
}


/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.NormalWhite
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: black;
}

.NormalBold
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: red;
}
    



/* GENERIC */
H1  {
    font-family: Arial;
    font-size:  20px;
    font-weight:    normal;
    color: black;
}

H2  {
    font-family: Arial;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Arial;
    font-size:  12px;
    font-weight:    normal;
    color: darkred;
}

H4  {
    font-family: Arial;
    font-size:  12px;
    font-weight:    normal;
    color: darkred;
}

H5, DT  {
    font-family: Arial;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

H6  {
    font-family: Arial;
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

TFOOT, THEAD    {
    font-family: Arial;
    font-size:  12px;
    color: darkred;
}

TH  {
    vertical-align: baseline;
    font-family: Arial;
    font-size:  12px;
    font-weight:    bold;
    color: darkred;
}

A {
	font-family: Arial;
	font-size:  12px;
    font-weight:    bold;
}

A:link  {
    text-decoration:    underline;	
    color:  darkred;
}

A:visited   {
    text-decoration:    underline;
    color:  darkred;
}

A:active    {
    text-decoration:    none;
    color:  darkred;
}

A:hover {
    text-decoration:    underline;
    color:  red;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}


.ctlProcess{
	visibility:hidden;
	height:1px;
	width:1px;
}

.ctlEdit{
	COLOR: black;
   	 FONT-FAMILY: Arial;
   	 FONT-SIZE: 11px;	
}

.ctlViewOnly{
    	FONT-FAMILY: Arial;
    	FONT-SIZE: 11px;	
	BACKGROUND-COLOR: lightgrey;

}
.ctlMessage{
	COLOR:red;
	font: size:12; 
	WIDTH:450px;
	Border:0px;
}
.ctlMessage1{
	COLOR:red;
	height:22px;
	Border:0px;
}
.ctlChoices{
	FONT-FAMILY: Arial;
	COLOR:black;
	FONT-SIZE: 18px;	
	font-weight:bold;	
	 height:85px; 
	 /* width:140px; */ 
}

.ctlNext{
	FONT-FAMILY: Arial;
	COLOR:black;
	font: size:16px; 
	height:75px;
	font-weight:bold;		
}

.ctlContinue{
	FONT-FAMILY: Arial;
	COLOR:black;
	font: size:28px; 
	height:75px;
	width:200px;
	font-weight:bold;		
}
.ctlQuestion{
	FONT-FAMILY: Arial;
	COLOR:Black;
	FONT-SIZE: 28px;	
	width:720px;
	height:155px;
}
.NavBack {
    background-color:white;
    	border-right-color: black;
	border-right-style:groove; 
	border-right-width:thin;
	border-top-color: black;
	border-top-style:groove; 
	border-top-width:thin;
	
	 
}
.ctlNavHeader
{
FONT-FAMILY:Arial;
color:Navy;
font-size:x-small;
font-weight:bold;	
}
.ctlNavHeaderAfterWindow
{
FONT-FAMILY:Arial;
color:Red;
font-size:x-small;
font-weight:bold;	
}
.ctlNavHeaderBeforeWindow
{
FONT-FAMILY:Arial;
color:Green;
font-size:x-small;
font-weight:bold;	
}

.ctlNavHeaderU
{
FONT-FAMILY:Arial;
color:Navy;
font-size:x-small;
font-weight:bold;
 border-bottom-color: black;
	border-bottom-style:groove; 
	border-bottom-width:thin;	
}
.ctlNavRegister
{
FONT-FAMILY:Arial;
color:Navy;
font-size:x-small;
font-weight:bold;	
cursor:hand;	
cursor:pointer;

}
.ctlNavElement
{
FONT-FAMILY:Arial;
color:black;
font-size:x-small;
cursor:hand;
cursor:pointer;	
}
.ctlNavElementBeforeWindow
{
FONT-FAMILY:Arial;
color:Green;
font-size:x-small;
cursor:hand;	
cursor:pointer;
}
.ctlNavElementAfterWindow
{
FONT-FAMILY:Arial;
color:Red;
font-size:x-small;
cursor:hand;	
cursor:pointer;
}
.ctlNavElementFinished
{
FONT-FAMILY:Arial;
color:black;
font-size:x-small;
text-decoration:line-through;
cursor:hand;
cursor:pointer;	
}
.ctlNavElementFinishedBeforeWindow
{
FONT-FAMILY:Arial;
color:Green;
font-size:x-small;
text-decoration:line-through;
cursor:hand;	
cursor:pointer;
}
.ctlNavElementFinishedAfterWindow
{
FONT-FAMILY:Arial;
color:Red;
font-size:x-small;
text-decoration:line-through;
cursor:hand;	
cursor:pointer;
}

.ctlNavGO
{
FONT-FAMILY:Arial;
color:black;
font-size:x-small;
width:25px;
height:20px;	
}
.ctlNavText
{
FONT-FAMILY:Arial;
color:black;
font-size:x-small;
width:75px;
height:20px;	
}
.clsGraph {
	
	position:absolute;
	BACKGROUND-COLOR: lightgrey;
	top: 150px;
	left:250px;
	height :300px;
	width:625px;
}

.clsScore {
	position:absolute;
	BACKGROUND-COLOR: red;
	width:150px;
}



.clsLine {
	font-size : 8;
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	position:absolute;
	left:0;
	width:625px;
}
.Help 
{
	font-size : 16;
	font-family : Arial, Helvetica, sans-serif;
	position:absolute;
	left:20px;
	top:10px;
}

#LeftPane {
	Visible: true;
 	Width : 130px;
	height : 600px;
	overflow : auto; 
	BACKGROUND-COLOR: lightgrey;
	
}
#Footer{
	Visible: true;
	font-size : 12;
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	/*Width : 1000px; */
	
	/* 

	border-top-color: black;
	border-top-style:groove; 
	border-top-width:thin;

	border-bottom-color: black;
	border-bottom-style:groove; 
	border-bottom-width:thin;
	*/	
	
}