/* ================================
    CSS STYLES FOR IBUYSPY PORTAL 
    v1.0, 01/2001
   ================================
*/   
/* VML objects require this line */
v\:* {BEHAVIOR: url(#default#VML)}

Body
{
	background-color: white;
	margin:0;
}

body, span, div, p, td, th, label, option, select
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 12px;
}

input {font-family: Verdana, Helvetica, sans-serif; font-size: 12px;font-weight: normal;}

#container, #mdContainer {min-height: 100%; margin: 0 auto;}
#mdContainer{background-color:#BBE0E3;padding:1em;}

html, body {height: 100%;}

* html #container {height: 100%;}

.copyright {font-weight:normal;color:#ccccff;text-align:center;white-space:nowrap;width:500px;clear:both;height:20px;margin: -30px auto 0 auto;position:relative;padding-top:10px;}

#clearfooter {display: block;height: 30px;}
:focus {outline: 0;}
.dd {margin:0;padding:0;}
.msg { margin:0.5em; line-height:16px;}
.okMsg {margin:0.5em; color:Green;}
.eContent {margin-left: 2em;margin-top: 1em;}
.times {font-size:14px;font-weight:bold;}
.controlTitle {font-weight:bold;padding-left:3px;padding-right:3px;}

.modalBackground {background-color:Gray;filter:alpha(opacity=70);opacity:0.7;}
.modalPopup {background-color:#BBE0E3;border: 1px solid #777;font-weight: normal;white-space: nowrap;width:auto;}

/* TA point */
.point {z-index:1;width:7px;height:7px;}

/*TODO: get rid of duplication:*/
.btnLinks a:link    {text-decoration: none;color:black;}
.btnLinks a:visited {text-decoration: none;color:black;}
.btnLinks a:active  {text-decoration:  none;color:black;}
.btnLinks a:hover   {text-decoration:  none;color:black;}


.FiltersContent {margin:5px 0;}
.FiltersContent span {margin-right: 3px;}

div.content {padding: 10px;}

hr.hr70 {width:70%;margin:10px 0px 15px 0px;}

.footer {margin: 5px 5px 10px 7px;}
.footer2 {margin: 2em 5px 10px 7px;}
.footer a:link, .footer a:visited, .footer2 a:link, .footer2 a:visited
{
	text-decoration: none;
}
.footer a, .footer2 a
{
	background-image: url(../images/btn.gif);
	background-repeat: repeat-x;
	background-position: center center; 
	border: 1px solid #AAA;
	margin: 0 0 0 5px;
    line-height: 16px;
	padding: 3px 5px 3px 5px;
}

.footer a:hover, .footer2 a:hover
{
	background-image: none;
	border: 1px solid #777;
	background-color: white;
}

div#TA_PANE * { position:absolute; left:0; top:0;}

.bgRed {background-color: Red;}
.bgGreen {background-color: green;}
.bgBlack {background-color: black;}

tr.autoWidth > td > input {width:auto;}
tr.autoWidth > th > label { width:auto;float:none}

fieldset.filter select  {width:60px;font-size:smaller;}

/* TODO: use mvp style*/
fieldset {padding: 5px;}
fieldset > div {margin: 5px;}
fieldset legend{font-weight:bold;}
fieldset.vStretch {margin: 1em 0 1em 0;padding: 0.5em;width:85%;}

/*fieldset legend input[type="image"]*/

div.field {margin-left:1em;}
div.column7 span {width:12em;}


/* All help panels */
#HelpWindow {
    position: absolute;
    width: 500px;
    background-color:#ffffcc;
    text-align: left;
    z-index: 10009;
    border: 1px solid black;
    font-size: x-small;
}

/* All help panels */
#MVPErrorWindow {
    position: absolute;
    width: 600px;
    background-color:#ddffcc;
    text-align: left;
    z-index: 10010;
    border: 1px solid black;
    padding: 5px;
    font-size: x-small;
}

/* outscoped layers*/
.outscoped {font-style:italic;color:Gray;}
/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {background-color: #006699;}

.MapBtn {width: 29px; height: 29px; border: none; margin:0 2px 0;padding:0;}

#PanesContainer { padding: 2px 2px 2px 1em; background-color: white; }

.LeftPane {padding: 0 2px 0 0;margin:0;background-color:#fff;}

.ContentPane {padding: 0 2px 0 2px;margin:0;background-color:#fff;}

.RightPane {padding: 0 0 0 2px;margin:0;background-color:#fff;}

#errorContent {width:600px;margin:60px auto;padding:10px;}

#errorContent > p {font-size:1.1em;line-height:1.4em;}

.AuxControl {margin-left: 6px;background-color: white;}

.AddressPanel {margin-bottom: -2px;}

.SiteNamePanel {margin: -2px 2px 2px 2px;}

.PaneNormal, .ViewerPane, .LocationControl{border: 1px solid darkgray;font-weight: normal;line-height: 20px;}

.LocationControl {background-color: aliceblue;margin: 4px 0 4px 6px;width: 212px;}
.PaneNormal {background-color: lavender;padding: 2px;}
.ViewerPane {background-color: aliceblue;padding: 2px;margin-top:2px;}

/* This style defines rectangular for drawing zoom-in area*/
.Canvas {position:absolute;left:0;top:0;width:0;height:0;border:1px black none;}

.Coords {
	position:absolute;
	font-weight:bold;
	height:2em;
	bottom:-2em;
	text-align:center;
	white-space:nowrap;
}

#ExtCanvas 
{
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	border:2px blue none;
}

div.MapContainer { position:relative}

/* This style defines container for ImageBox container.*/ 
.ImageFrame 
{
	position: absolute;
	left:0;
	top:0;
	border:1px solid #999;
	overflow: hidden;
	display:none;
}

 /* This style defines container for map image. It's using to "pan" image*/ 
.ImageBox 
{
	position: absolute;
	left: 0;
	top: 0;
	border-width:thin;
	border-color:#999;
	border-style:none;
	cursor:crosshair;
}

#TA_PANE {position: absolute;left: 0;top: 0;}
img#mapLocation {position:absolute;display:none;}

/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle
{
	line-height:normal;
	font-weight: bold;
	font-size: 20px;
	color: white;
	padding:10px;
}

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

/* background/border colors for the unselected tabs */
.OtherTabsBg {margin-left:10px;background-image: url(../images/menu_bg.jpg);background-repeat: repeat-x;}
.OtherTabsBg td .OtherTabsDiv{}

/* text style for the selected tab */
.SelectedTab {color: #990000;}

/* text style for the unselected tabs */
.OtherTabsDiv {color:gainsboro;text-decoration:none;}
.OtherTabsBg div {font-size: 13px;font-weight: bold;padding:0 18px;}
.OtherTabsBg td {border: 1px solid;height:  3em;vertical-align: middle;}

/* hyperlink styles of the unselected tabs */
div.OtherTabsDiv a:link {text-decoration: none;color:#eeeeee;}
div.OtherTabsDiv a:visited {text-decoration: none;color:#eeeeee;}
div.OtherTabsDiv a:active {text-decoration: none;color:#eeeeee;}
div.OtherTabsDiv a:hover {text-decoration: underline;color:white;}
div.OtherTabsDiv a:link {text-decoration: none;color:#eeeeee;}

   
/* text style for the site links (at extreme top-right of header) */
.SiteLink {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-weight: normal;background-color: #eeeeee}   

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

/* GENERAL */
/* style for module titles */
.Head, .Header   {font-size:  20px;font-weight: normal;color: #666644;}
.Header {margin:15px;}
.Header hr {width:75%;}
/*TODO: use eContent > h1, get rid of Header & Head classes */
.eContent > h1 {padding-bottom:0.4em; margin-right:3em; border-bottom: solid 1px #666644; white-space:nowrap;}

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

/* text style used for most text rendered by modules */
.Normal {font-size: 11px;font-weight: normal;line-height: 12px;}

.NormalNW {font-size: 11px;font-weight: normal;line-height: 12px; white-space: nowrap;}

.NormalSmall {font-size: 9px;font-weight: normal;line-height: 12px}

.Loading {display: none;font-weight: normal;color: red;}
.Loading span {margin-left: 3px;}

.UpdateProgress, .UpdateProgress2, .updProgress {padding: 5px;background-color: #FFC080; border: 2px solid #B38659;}
.UpdateProgress span, .UpdateProgress2 span, .updProgress span {padding:0 1em 0 1em;font-weight: bold}
.UpdateProgress {z-index:10100;bottom: 50%; left: 50%; position: absolute;}
.UpdateProgress2{bottom: 0; left: 0%; position: absolute;}
.updProgress { width:12em;}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox{font-size: 12px;font-weight: normal;}
.NormalRed, .error {font-weight: bold;color: red;}
.error {display:inline-block;padding:0.5em;}
.NormalBold {font-weight: bold}
.LabelBold {font-weight: bold;white-space: nowrap;}
.Keyword {margin:4px;font-size: 16px;font-weight: bold;color: Black}

/* text style for buttons and link buttons used in the portal admin pages */
input[type=button], input[type=submit], .CommandButton {font-size: 11px;font-weight: normal;white-space:nowrap;}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active, A.CommandButton:hover{text-decoration: underline;color: #0000cc;}
    
/*  Freezing column in a table enclosed in div named "freezingDiv" */
.FreezingCol 
{ 
	LEFT: expression(getFreez(this));
	/*LEFT: expression(document.getElementById("freezingDiv").scrollLeft);*/
	POSITION: relative; 
	z-index: 1; 
    font-size: 11px;
    font-weight: normal;
    line-height: 12px  
} 

/* GENERIC */
table.NormalBold td {font-weight: bold;}

table.Base, table.tLeft, table.tRight, table.tGrid {border:0; border-collapse:collapse;}

table.tGrid {border-width:0;}
table.tGrid tbody td {background-color:#EFF3FB;}
table.tGrid tbody tr.trFooter td{ background-color: #006699; padding:4px}
table.tGrid tbody tr.trPager td{ background-color: white; padding:2px}
table.tGrid tbody tr.trAlt td{ background-color: white; }
table.tGrid tbody th{ background-color:#006699; text-align:left;}
table.tGrid tbody th a{color:White; font-weight:bold;}
table.tGrid tbody tr td, table.tGrid tbody tr th {padding:4px;}

table.tRight td{ padding: 2px}
table.Base, table.tLeft {width:100%;}
table.Base td, table.tLeft td {padding:0;}
table.nBase td, table.nBase th, table.tThin td, table.tThin th {padding:2px;}
table.tLeftIndent td, table.tLeftIndent th {padding-left:0.5em;}
table.tThin th {font-weight:normal;white-space:nowrap;}
table.Base th {text-align:right;white-space:nowrap;}
table.Base thead tr {line-height: 16px;background-color:#507CD1;color:White;font-weight:bold;}
table.tRight thead tr {background-color:White;color:Black;font-weight:bold;}

table.tRight > tbody > tr > th,  table.tRight > tr > th
{
    vertical-align: middle;
	text-align:right;
    white-space: nowrap;
    color: darkred;
    padding-right:0.5em;
}

table.tLeft th {text-align:left;white-space: nowrap;}
table.tRight td {text-align:left;}
tr.altRow {background-color:#DFF3FB}
div.altSettings {background-color:#E6E6FA;padding:5px 0 5px 0;}
div.settings {padding:5px 0 5px 0;}

div.altSettings label, div.settings  label {display:inline-block;width:120px;}

/*generic elemnents*/
H1, H2 {font-size:  20px;font-weight: normal;color: #666644;}
H3, H4 {font-size:  12px;font-weight: normal;color: darkred;}
H5, H6, DT {font-size:  11px;font-weight: bold;color: darkred;}
DT { margin-top: 0.5em; }

TFOOT, THEAD {font-size:  12px;}
TH  {vertical-align: baseline;font-weight: bold;}

A:link, A:visited, A:active {text-decoration: underline;color:#0000cc;}
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:1px;text-align:left}

CAPTION {caption-side:top; padding:0.5em; font-weight:bold;}

#silverlightControlHost {width: 100%; height: 100%; padding-bottom:75px; margin:0, 0, -170px, 0; text-align:center;}
#silverlightControlHost > iframe {visibility:hidden;height:0;width:0;border:0}
fieldset.dvBtn {padding:0; margin:0;display:inline;}
fieldset.dvBtn input {padding:0; margin: 0 3px;vertical-align:bottom;}
.configControl {margin-left:20px;padding:5px;}