/* used by Arr\*List.asp,*Info.aspx (intern) */

/* NOTE: WebKit browsers (Safari, Chrome, etc) don't use the Windows UI colors when using System Colors (ButtonFace, etc), but some grey color scheme instead (Macintosh default?) */

BODY {
	font-size : 0.75em; /* IE6/7: causes border around table to shrink too much (visabb.aspx) */
	font-family : Arial, Helvetica, sans-serif; 
	margin : 0px;
}
@media print { body { padding: 0; } }

IFRAME {
	width : 100%;
	border : none;
}

/* Tables: assume layout tables, because ASP.NET uses unclassed tables for all kinds of things... */
/* .data, .scrollable, .sortable, .selectable, .zebra commonly apply to TABLEs, but can also apply to encapsulating DIVs (to create fixed headers) */
TABLE { 
	font-size : 100%;
	border-collapse: collapse;
}
.data {
	border : solid 1px ActiveBorder;
	margin-bottom : 1em; /* "padding" will not be rendered on IE7 */
}
TABLE.data, .data TABLE {
	border-collapse: separate !important; /* separate is needed for header buttons */
}
.scrollable {
	border : none; /* border causes fragments to be visible with both jquery.tablescroller-0.1.js and webtoolkit.scrollabletable.js */
}

/* table rows */
TR { 
	vertical-align: baseline; /* this causes problems with textarea's that are 100% wide? that is because they have padding and border! */
} 
.zebra TR.odd { 
	background-color : ThreeDLightShadow;
}
.selectable TR.selected {
	color : HighlightText; 
	background-color : Highlight !important; /* prioritize over zebra stripes */
}

/* table heads (THEAD, TH) */
THEAD TH, THEAD TD {
	background-color : ButtonFace; 
	border-top : solid 1px ButtonHighlight;
	border-bottom : solid 1px ButtonShadow;
	font-weight : normal;
	text-align : left;
	vertical-align : middle; /* for better alignment of input elements in thead */
}
TH A, THEAD TD A { 
	color : black; 
	text-decoration : none; /* override hyperlink layout in ASP.NET sortable tables, no 'inherit' for IE7 */
	display : block; 
} 
.sortable THEAD TH, .sortable THEAD TD {
	border-left : solid 1px ButtonHighlight;
	border-right : solid 1px ButtonShadow;
	padding : 0 2px; /* remove 1px from padding, as compensation for border */
	cursor : pointer;
}
.sortable TH:hover { 
	background-color : InactiveCaption; 
	color : InactiveCaptionText;
}
.sortable TH:hover A { 
	color : InactiveCaptionText;
}
.sortable TH.nosort:hover, .sortable TD.nosort:hover {
	background-color : ButtonFace;
}

/* table bodies (TBODY) */
.selectable TBODY { 
	cursor : pointer;
}
.selectable TBODY TR:hover {
	background-color : InactiveCaption; 
	color : InactiveCaptionText;
}

/* table cells (TH, TD) */
TH, TD { text-align : left; margin : 0px; padding : 0px; }
.data TH, .data TD { padding : 0 4px; }
TH.num, TD.num { text-align : right; }
TH.sym, TD.sym { text-align : center; }
TH.checkboxcol, TD.checkboxcol { 
	width : 15px; 
	padding : 0 !important;
	}
.data INPUT {
	margin : 1px; /* don't expand row height so much */
}
.sortable TH.nosort, .sortable TD.nosort {
	border-left : none;
	border-right : none;
	padding : 0 4px; /* reset to default padding */
	cursor : auto;
}

INPUT, SELECT { margin-bottom : 1px; }
TD INPUT, TD SELECT { margin-bottom : 0px; }
/* NOTE: Since INPUT/TEXTAREA/SELECT elements have a border (and padding), they should never be forced to 100% width! */

IMG { border : none; } /* not only images within hyperlinks, but also images with clickable maps get a border */
EM { font-style : normal; font-weight : bold; }
STRONG { font-style : italic; font-weight : bold; }

.disabled {
	color : GrayText;
}

.section {
	padding-bottom: 1px; /* allow space for border-bottom (underline) on stream elements, in combination with overflow:hidden */
	margin: 1em 0px;
	overflow: hidden; /* wrap around floating elements */
}
.col2 { float : left; width : 49%; margin : 0 0.5%; }
.float-clear { height : 0px; clear : both; } /* use .footer instead? */
.footer { clear : both; }
.label { font-weight : bold; white-space : nowrap; width : 1%; }

.message {
	display : block; 
	margin : 1em 0; 
	padding : 0.5em; 
}
@media print {
	.message {
		display : none;
	} 
}
.message.error, #validationSummary, #ValidationSummary1, #ValidationSummary2 { 
	display : block; 
	border : solid 1px red; 
	background-color : #ffeeee; 
	font-weight : normal !important; 
}
.message.error UL, #validationSummary UL, #ValidationSummary1 UL, #ValidationSummary2 UL { 
	margin : 0px; 
	padding-left : 1em; 
	padding-top : 0.5em;
}
.message.warning { 
	border : solid 1px #d9bc00; 
	background-color : #ffffe6; 
}
.message.info { 
	border : solid 1px #aeceef; 
	background-color : #eff7ff; 
}

/* Styles for validation helpers, from ASP.NET 4
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}