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


/* PAGE BACKGROUND */
/* background color for the content part of the pages */
Body
{
    /*background-color: white;*/
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size: medium;
    /*font-size: 0.875em;*/ /* 14px/16=0.875em */
    font-weight: normal;
    background-image:url(../Images/Dashboard/BlackBackground.jpg);
    background-repeat:repeat;
}

Body p
{
    background-color: inherit;
    font-family: inherit;
    font-size: medium;
    font-weight: inherit;
}

.page
{
    width: 1060px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    /*border: 1px solid #496077;*/
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: White;
    width: 100%;
}

/* Header Color */
.HeaderColor
{
    /*border-color : #0057a8;*/
    background-color : #0e8fab;

}

/* Table Border Color */
.HeaderBorderColor
{
    border-color: #B0C4DE;
}



.main
{
    /*padding: 0px 12px;*/
    /*margin: 12px 8px 8px 8px;*/
    padding: 0px 0px;
    margin: 8px 0px 0px 0px;
    min-height: 600px;
    background-color: #F8F8F8;
}

div#page-left
{
    float: left;
    width: 15%;
    /*background:orange;*/
}
div#page-right
{
    float: right;
    width: 15%;
    /*background:green;*/
}
div#page-middle
{
    float: left;
    margin: 0 auto;
    width: 70%;
    /*background:blue;*/
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    min-height: 100px;
}


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


/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: inherit;
    font-size:  large;
    font-weight:    bold;
    color: blue;
}

/* style of item titles on edit and admin pages */
.SubHeadRed    {
    font-family: inherit;
    font-size:  large;
    font-weight:    bold;
    color: red;
}

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

/* text style used for most text rendered by modules */
.Normal
{
    font-family: inherit;
    /*font-size: inherit;*/
    font-size: 14px;
    font-weight: inherit;
}

.NormalxSmall
{
    font-family: inherit;
    font-weight: inherit;
    font-size: x-small;
}

.NormalxxSmall
{
    font-family: inherit;
    font-weight: inherit;
    font-size: xx-small;
}

/* reversed text style used for most text rendered by modules */
.NormalWhite
{
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    color:White  
}

/* text style used for most text rendered by modules */
.NormalTiny
{
    font-family: inherit;
    font-size: small;
    font-weight: inherit;
}

/* text style used for grids in the admin and edit pages, for Nav compatibility */
.NormalGrid
{
    font-family: inherit;
    font-weight: inherit;
    font-size: medium;
}

.NormalGridBold
{
    font-family: inherit;
    font-size: medium;
    font-weight: bold
}

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

.NormalDropDownList
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

.NormalRadioButton
{
    font-family: inherit;
    font-size: larger;
}

.NormalCheckBox
{
    font-family: inherit;
    font-size: larger;
}

.NormalGreenBold
{
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    color: green
}

.NormalRedBold
{
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    color: red
}

.NormalRed
{
    font-family: inherit;
    font-size: inherit;
    color: red
}

.NormalBold
{
    font-family: inherit;
    font-size: inherit;
    font-weight: bold
}

.NormalBoldWhite
{
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    color: white;
}

/* text style used for most text rendered by modules */
.NormalLink
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color:Blue
}
/* White - text style used for most text rendered by modules */
.NormalLinkWhite
{
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    color:Yellow;
    text-decoration: underline;    
    
}
/* text style used for Activation Codes */
.NormalCourier
{
    font-family:Courier;
    font-size: 14px;
    font-weight: normal; 
}
.ErrorMessage
{
    font-family: inherit;
    font-size: inherit;
    font-weight: bold;
    color: red
}

/* style of item titles by Announcements and events */
.AIMSMessages    {
    font-family: inherit;
    font-size: x-small;
    font-weight: inherit;
    color: red;
}

/* style of item titles by Announcements and events */
.AIMSMessages_alt    {
    font-family: inherit;
    font-size: x-small;
    font-weight: inherit;
    color: Black;
}

.dashboardHeader1
{
    font-family: inherit;
    font-size:22px;
    font-weight: bold;
    /*color: #4682B4;*/
    color: White;
}

.dashboardHeader2
{
    font-family: inherit;
    font-size:17px;
    font-weight: bold;
    color: #4682B4;
}

.dashboardLabel
{
    font-family: inherit;
    font-size:13px;
    font-weight: bold;
    color: black;
}

.dashboardText
{
    font-family: inherit;
    font-size:13px;
    font-weight: normal;
    color: black;
}

.boxed {
  border: 1px solid #70acab ;
  border-top-width: 3px;
}


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

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

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

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



/* GENERIC */
H1  {
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: blue;
}

H4  {
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: blue;
}

H5, DT  {
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: blue;
}

H6  {
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: blue;
}

TFOOT, THEAD    {
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size:  12px;
    color: blue;
}

TH  {
    vertical-align: baseline;
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: blue;
}

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

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

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

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

.class1 A:link {text-decoration: none;color:#0057a8}
.class1 A:visited {text-decoration: none;color:#0057a8}
.class1 A:active {text-decoration: none;color:#0057a8}
.class1 A:hover {text-decoration: underline;color:#0057a8}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

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


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

/* Added styles for Table */
TD
{
	font-size: 11px;
	padding: 3px 3px 3px 3px;
}

TR.DataGrid_ItemStyle
{
	background-color: #E0E0E0;
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
   /*  font-weight: normal; */
    font-size:11px
}

TR.DataGrid_ItemStyle_NDE
{
	background-color: White;  
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size:larger;
}

TR.DataGrid_ItemStyle_Courier
{
	background-color: White;
    font-family:Courier New;
    font-size:larger;
    font-weight: normal;
}

TR.DataGrid_AlternatingItemStyle
{
	background-color: White; 
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
   /*  font-weight: normal; */
    font-size:11px
}

TR.DataGrid_HeaderStyle A
{
	text-decoration:	underline;
	color:	White;
	background-color: #B0C4DE;
	font-weight: bold;
}
TR.DataGrid_HeaderStyle A:visited
{
	text-decoration:	underline;
	color:	White;
}
TR.DataGrid_HeaderStyle A:hover
{
	text-decoration:	none;
	color:	#9CF;
}
TR.DataGrid_SelectedItemStyle
{
	Color: navy;
	background-color: #9CF; 
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size: 16px;
    font-weight: normal
}
TR.DataGrid_HeaderStyle
{
    font-size: 20px;
	color:White;
	background-color: #0057a8;
	font-weight:bold;
	font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
}

TR.DataGrid_HeaderStyle_NDE
{
    font-size: 20px;
	color:White;
	background-color: #0057a8;
	font-weight:bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

TR.DataGrid_SubHeaderStyle
{
    font-size: 18px;
	color:Black;
	background-color: #fee986;
	font-weight:bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

TR.DataGrid_SubHeaderStyle_NDE
{
    font-size: 18px;
	color:Black;
	background-color: #BCD2EE;
	font-weight:bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

TR.DataGrid_FooterStyle
{
	background-color: #9CF; 
}

TR.DataGrid_PagerStyle
{
	color: White;
	background-color: #CCC; 
	font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
	font-weight: bold;
	text-align: left;
}

/* End of Ya added styles for Admin Approval */

TR.DataGrid_ItemStyle_white
{
	background-color: White;
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-weight: normal
}
TR.DataGrid_HeaderStyle_small
{
    font-size: 16px;
	color:White;
	background-color: #0057a8;
	font-weight:bold;
	font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
}


/* Table Formatting */
.AspTblHdr
{
	color:White;
	background-color: #003366;
	font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size: 16px;
}

.TblItm
{
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size: 12px;
    font-weight: normal
}

.TblHdr
{
	color:White;
	background-color: #003366;
	font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size: 14px;
}

.GridViewStyle
{    
    border-right: 2px solid #A7A6AA;
    border-bottom: 2px solid #A7A6AA;
    border-left: 2px solid white;
    border-top: 2px solid white;
    padding: 4px;
}

.GridViewStyle a
{
    color: #FFFFFF;
}

.GridViewHeaderStyle th
{
    border-left: 1px solid #EBE9ED;
    border-right: 1px solid #EBE9ED;
}

.GridViewHeaderStyle
{
    /*background-color: #ffd200;
    color: #0057a8;*/
    background-color: White;
    color: Black;
    font-weight: bold;
}

.GridViewFooterStyle
{
    background-color: #5D7B9D;
    color: Black;
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size:medium;
    font-weight: bold;
}

.GridViewRowStyle
{
    background-color: White;
    color: Black;
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size:medium;
    font-weight: normal;
    vertical-align:top
}

.GridViewAlternatingRowStyle 
{
    background-color: #FFFFFF;
    color: #284775;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
    border: 1px solid #EBE9ED;
}

.GridViewSelectedRowStyle
{
    background-color: #CEE8FF;
    color: Black;
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size:medium;
    font-weight: bold;
    vertical-align:top
}

.GridViewPagerStyle
{
    background-color: White;
    color: Black;
    font-family: Myriad, Helvetica, Gill Sans, Franklin Gothic, sans-serif;
    font-size:medium;
    font-weight: normal;
    text-align: center;
}

.GridViewPagerStyle table /* to center the paging links*/
{
    margin: 0 auto 0 auto;
}

.hiddencol
{ 
    visibility: hidden;
    background-color: Purple;
    width: 0px;
}

.Purplecol
{ 
    background-color: Purple;
    font-style: italic;
}

/*  Goals DIV Formatting  */
#Div_Goal
{
  width:80%;
  border:4px solid #707070;
}

#Div_Goal_Header
{
  background:#B0C4DE;
	padding:3px 3px 3px 3px;
}

#Div_Goal_Row
{
  margin:auto;
  height:auto;
}

#Div_Goal_Left
{
	float:left;
	width:50%;
	border: 1px solid #707070;
}

#Div_Goal_Right
{
	float:left;
	width:50%;
	border: 1px solid #707070;
}

#Div_Goal_Data_Left
{
	background:#B9C9E6;
	padding:3px 10px 3px 5px;
	float:left;
	/*border: 1px solid #707070;*/
}

#Div_Goal_Data_Right
{
	padding:3px 5px 3px 10px;
	float:left;
	/*border: 1px solid #707070;*/
	width:auto;
}

/*AutoComplete flyout */
.autocomplete_completionListElement
 {
            margin: 0px !important;
            background-color: inherit;
            color: windowtext;
            border: buttonshadow;
            border-width: 1px;
            border-style: solid;
            cursor: default;
            overflow: auto;
            height: 200px;
            text-align: left;
            list-style-type: none;
        }
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
   {
    background-color : #ffff99 ;
    color : black ;
    padding : 1px ;
    }

    /* AutoComplete item */
.autocomplete_listItem
    {
    background-color : window ;
    color : windowtext ;
    padding : 1px ;
   }
 
 .AccordianHeader
    {
        background-color:#dedbd5;
        color:Black;
        font-size:small;
        font-weight:bold;
        border:solid 1px black;
    }
    
.AccordianContent
    {
        border:solid 1px black
    }       

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color: White;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 6px;
    font-size:14px;
    font-weight: bold;
    list-style:none;
}

div.menu ul
{
    list-style: none;
    margin:0px;
    padding:0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #B0C4DE;
    color: Black;
    border: 2px White solid;
    display: block;
    line-height: 1em;
    text-decoration: none;
    padding: 10px 15px;
}

div.menu ul li a:hover
{
    background-color: White;
    color: Black;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #B0C4DE;
    color: Black;
    text-decoration: none;
}    

.mGrid {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse:collapse;
}
.mGrid td {
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #717171;
}
.mGrid th {
    padding: 4px 2px;
    color: #fff;
    background: #424242 url(grd_head.png) repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td {
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
 }
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }