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


/* background color for the content part of the pages */
html, body
{
	margin: 0 0 0 0;
    background-color: white;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: small;
    background-color: #cccc99;
}

#PanelTop
{
	height: 107px;
}

.PanelLogo
{
	position: absolute;
	top: 0;
	width: 235px;
	height: 107px;
	background-color: #660033;
	z-index: 100;
}

.PanelTabs
{
	font-size: smaller;
	position: absolute;
	height: 107px;
	top: 0;
	width: 100%;
	background-image: url(images/CFS/upper_right_hand_corner_pic.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #660033;
}

.PanelTabs TABLE
{
	margin-left: 275px;
	margin-right: auto;
	margin-top: 84px;
	margin-bottom: 0px;
	vertical-align: bottom;
}

#PanelLeft
{
	float: left;
	background-color: #cccc99;
	color:#660033;
	width: 19%;
	padding-top: 10px;
	padding-left:10px;
}

#PanelMiddle
{
	float: left;
	vertical-align: top;
	width: 54.5%;
	background-color: White;
	padding-left:30px;
	min-height:800px;
	height:auto !important;
	height:800px;
	background-image: url(images/CFS/tan_line_left25.gif);
	background-repeat: repeat-y;
	background-position: left;
}

#PanelMiddleNested
{
	padding-right:30px;
	min-height:800px;
	height:auto !important;
	height:800px;
	background-image: url(images/CFS/tan_line_right25.gif);
	background-repeat: repeat-y;
	background-position: right;
}

#ContentPane
{
	padding-top:10px;
	min-height:680px;
	height:auto !important;
	height:680px;
	overflow:visible;
}

#PanelFooter
{
	padding-top:10px;
	height: 100px;
	font-size: smaller;
	text-align: center;
	background-color:White;
}

#PanelFooter P
{
	margin: 0;
}

#PanelRight 
{
	float: left;
	padding-left: 10px;
	width: 20%;
	vertical-align: top;
	background-color: #cccc99;
	color:#660033;
	padding-top: 10px;
}

#PanelRight TABLE 
{
	width: 99%;
}

#PanelRight A
{
	font-size: smaller;
}

#PanelBottom
{
	clear: both;
}

#Markets
{
	font-size: smaller;
}

#Markets INPUT
{
	width: 75px;
	overflow: hidden;
}

.Module
{
	padding-bottom: 20px;
}

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

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

/* text style for the selected tab */
.SelectedTab 
{
    color:DarkRed;
    font-weight: bold;
    text-decoration: none;
}

/* text style for the unselected tabs */
.OtherTabs 
{
    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;
}
    

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

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



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

TD.Head
{
	background-color: #660033;
	padding-right: 2;
	padding-left: 2;
	padding-bottom: 2;
    color: white;
}

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

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-weight: normal;
}

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

.NormalRed
{
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    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;
}

/* text style for buttons and link buttons used in the portal admin pages */
.Head .CommandButton     {
    font-weight: normal;
    background-color:Black;
    color: White;
}

.Head TD.CommandButton
{
	background-color: Black;
    color: white;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
.Head A.CommandButton:link {
    text-decoration:    underline;
    color: white;
}

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

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

.Head A.CommandButton:hover    {
    text-decoration:    underline;
    font-weight: bold;
    color:White;
}


/* GENERIC */
H1  {
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

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

H3  {
    font-weight:    normal;
    color: darkred;
}

H4  {
    font-weight:    normal;
    color: darkred;
}

H5, DT  {
    font-weight:    bold;
    color: darkred;
}

H6  {
    font-weight:    bold;
    color: darkred;
}

TFOOT, THEAD    {
    color: darkred;
}

TH  {
    vertical-align: baseline;
    font-weight:    bold;
    color: darkred;
}

.SubMenu A
{
	font-size: smaller;
	font-weight: bold;
}

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

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

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

A:hover {
    text-decoration:    underline;
    color:  #660033;
}

#PanelMiddle A:active, #PanelMiddle A:visited, #PanelMiddle A:link
{
	text-decoration: underline;
}


.small
{
	font-size: smaller;
}

.Admin
{
	margin-top: 107px;
	height: 800px;
	background-color: White;
}

.SpacedPanel
{
	margin-top:20px;
	margin-bottom:20px;
}