/*
	GENERAL CONTENT CONTAINERS FOR VIS.IS
	ESKILL - JUNE 2009
*/

/*= CORNERS
--------------------------*/
html>body .bl-graybg, html>body .br-graybg, html>body .tl-graybg, html>body .tr-graybg,
html>body .bl-whitebg, html>body .br-whitebg, html>body .tl-whitebg, html>body .tr-whitebg {
	position: absolute;
	height: 6px;
	width: 6px;	
	overflow: hidden;
}
html>body .bl-graybg { bottom: -1px; left: -1px; background: transparent url(../images/bgs/corner-sprite-small.gif) no-repeat 0 0; }
html>body .br-graybg { bottom: -1px; right: -1px;	background: transparent url(../images/bgs/corner-sprite-small.gif) no-repeat -7px 0; }
html>body .tl-graybg { top: -1px;	left: -1px;	background: transparent url(../images/bgs/corner-sprite-small.gif) no-repeat -14px 0; }
html>body .tr-graybg { top: -1px;	right: -1px; background: transparent url(../images/bgs/corner-sprite-small.gif) no-repeat -21px 0; }
html>body .bl-whitebg { bottom: -1px; left: -1px;	background: transparent url(../images/bgs/corner-sprite-small.gif) no-repeat 0 -8px; }
html>body .br-whitebg { bottom: -1px;	right: -1px; background: transparent url(../images/bgs/corner-sprite-small.gif) no-repeat -7px -8px; }
html>body .tl-whitebg { top: -1px; left: -1px; background: transparent url(../images/bgs/corner-sprite-small.gif) no-repeat -14px -8px; }
html>body .tr-whitebg { top: -1px; right: -1px; background: transparent url(../images/bgs/corner-sprite-small.gif) no-repeat -21px -8px; }

html>body .tl-error-whitebg, html>body .tr-error-whitebg, html>body .bl-error-whitebg, html>body .br-error-whitebg,
html>body .tl-info-whitebg, html>body .tr-info-whitebg, html>body .bl-info-whitebg, html>body .br-info-whitebg,
html>body .tl-warning-whitebg, html>body .tr-warning-whitebg, html>body .bl-warning-whitebg, html>body .br-warning-whitebg,
html>body .tl-error-graybg, html>body .tr-error-graybg, html>body .bl-error-graybg, html>body .br-error-graybg,
html>body .tl-info-graybg, html>body .tr-info-graybg, html>body .bl-info-graybg, html>body .br-info-graybg,
html>body .tl-warning-graybg, html>body .tr-warning-graybg, html>body .bl-warning-graybg, html>body .br-warning-graybg {
	position: absolute;
	height: 5px;
	width: 5px;
	overflow: hidden;
}
html>body .tl-error-whitebg {	top: -1px; left: -1px; background: transparent url(../images/bgs/corners-error-whitebg.gif) no-repeat 0 0; }
html>body .tr-error-whitebg {	top: -1px; right: -1px;	background: transparent url(../images/bgs/corners-error-whitebg.gif) no-repeat -5px 0; }
html>body .bl-error-whitebg {	bottom: -1px; left: -1px; background: transparent url(../images/bgs/corners-error-whitebg.gif) no-repeat 0 -5px; }
html>body .br-error-whitebg {	bottom: -1px; right: -1px; background: transparent url(../images/bgs/corners-error-whitebg.gif) no-repeat -5px -5px; }
html>body .tl-info-whitebg { top: -1px; left: -1px; background: transparent url(../images/bgs/corners-info-whitebg.gif) no-repeat 0 0; }
html>body .tr-info-whitebg { top: -1px; right: -1px; background: transparent url(../images/bgs/corners-info-whitebg.gif) no-repeat -5px 0; }
html>body .bl-info-whitebg { bottom: -1px; left: -1px; background: transparent url(../images/bgs/corners-info-whitebg.gif) no-repeat 0 -5px; }
html>body .br-info-whitebg { bottom: -1px; right: -1px; background: transparent url(../images/bgs/corners-info-whitebg.gif) no-repeat -5px -5px; }
html>body .tl-warning-whitebg { top: -1px; left: -1px; background: transparent url(../images/bgs/corners-warning-whitebg.gif) no-repeat 0 0; }
html>body .tr-warning-whitebg { top: -1px; right: -1px; background: transparent url(../images/bgs/corners-warning-whitebg.gif) no-repeat -5px 0; }
html>body .bl-warning-whitebg { bottom: -1px;	left: -1px;	background: transparent url(../images/bgs/corners-warning-whitebg.gif) no-repeat 0 -5px; }
html>body .br-warning-whitebg { bottom: -1px;	right: -1px; background: transparent url(../images/bgs/corners-warning-whitebg.gif) no-repeat -5px -5px; }

html>body .tl-error-graybg { top: -1px; left: -1px; background: transparent url(../images/bgs/corners-error-graybg.gif) no-repeat 0 0; }
html>body .tr-error-graybg {	top: -1px; right: -1px;	background: transparent url(../images/bgs/corners-error-graybg.gif) no-repeat -5px 0; }
html>body .bl-error-graybg {	bottom: -1px; left: -1px; background: transparent url(../images/bgs/corners-error-graybg.gif) no-repeat 0 -5px; }
html>body .br-error-graybg {	bottom: -1px; right: -1px; background: transparent url(../images/bgs/corners-error-graybg.gif) no-repeat -5px -5px; }
html>body .tl-info-graybg { top: -1px; left: -1px; background: transparent url(../images/bgs/corners-info-graybg.gif) no-repeat 0 0; }
html>body .tr-info-graybg { top: -1px; right: -1px; background: transparent url(../images/bgs/corners-info-graybg.gif) no-repeat -5px 0; }
html>body .bl-info-graybg { bottom: -1px; left: -1px; background: transparent url(../images/bgs/corners-info-graybg.gif) no-repeat 0 -5px; }
html>body .br-info-graybg { bottom: -1px; right: -1px; background: transparent url(../images/bgs/corners-info-graybg.gif) no-repeat -5px -5px; }
html>body .tl-warning-graybg { top: -1px; left: -1px; background: transparent url(../images/bgs/corners-warning-graybg.gif) no-repeat 0 0; }
html>body .tr-warning-graybg { top: -1px; right: -1px; background: transparent url(../images/bgs/corners-warning-graybg.gif) no-repeat -5px 0; }
html>body .bl-warning-graybg { bottom: -1px;	left: -1px;	background: transparent url(../images/bgs/corners-warning-graybg.gif) no-repeat 0 -5px; }
html>body .br-warning-graybg { bottom: -1px;	right: -1px; background: transparent url(../images/bgs/corners-warning-graybg.gif) no-repeat -5px -5px; }

/*= CONTAINERS
--------------------------*/
div.container-white,
div.container-large-grad,
div.container-small-grad,
div.emphasis-box,
div.container-heading {
	position: relative;
	border: 1px solid #e3e3e3;
	margin-top: 12px;
	background: #fff;
}
	div.container-large-grad .container-content { background: #fff url(../images/bgs/large-grad.gif) repeat-x top left; }
	div.container-small-grad .container-content { background: #fff url(../images/bgs/small-grad.gif) repeat-x top left; }
	div.emphasis-box { background: #fff url(../images/bgs/large-grad.gif) repeat-x top left; padding: 15px 20px; margin-top: 2em; }
	div.container-heading .container-content { position: relative; background: #fff url(../images/bgs/container-heading-bg.gif) repeat-x top left; }
	html>body div.container-heading .container-content span.bg-right-end,
	html>body div.container-heading .container-content span.bg-left-end { height: 4px; width: 24px; position: absolute; top: 40px; }
	html>body div.container-heading .container-content span.bg-right-end { background: transparent url(../images/bgs/container-heading-bg-ends.gif) no-repeat bottom right; right: 0; }
	html>body div.container-heading .container-content span.bg-left-end { background: transparent url(../images/bgs/container-heading-bg-ends.gif) no-repeat top left; left: 0; }

.container-content {
	margin: 1px;
	padding: 5px 23px 22px 23px;
}

.page404 .container-content { padding:25px; }

.smallpadding .container-content {
	margin: 1px;
	padding: 5px 15px;
}
.nopadding .container-content {
	margin: 1px;
	padding: 0;
}
.container-heading .container-content h2>a:hover {color: #e01b27;}
.container-heading .container-content h2>a {color: #818181;}
.container-heading .container-content h2,
.container-heading .container-content h3 {
	margin: 0 0 15px 0;
	line-height: 31px;
	font-size: 1.25em;
	color: #818181;
	padding: 0 0 10px 0;
}
.general-error,
.general-info,
.general-warning {
	padding: 10px 20px 15px 75px;
	margin: 1em 0;
	position: relative;
}
.general-error p,
.general-info p,
.general-warning p {
	margin: 0;	
}
.general-error {
	border: 1px solid #e7b1b1;
	background: #fff0ea url(../images/icons/error.gif) no-repeat 20px 15px;	
}
.general-info {
	border: 1px solid #b0c4d8;
	background: #f5f9fd url(../images/icons/info.gif) no-repeat 20px 15px;	
}
.general-warning {
	border: 1px solid #ece277;
	background: #ffffe9 url(../images/icons/warning.gif) no-repeat 20px 15px;	
}
div.tabpane {
	position: relative;
	background: #fff url(../images/bgs/tabpanegrad.gif) repeat-x top left;	
	border: 1px solid #e3e3e3;
	padding: 10px 20px 15px 20px;
	clear: both;
}

.quotebox .container-content { font-style: italic; padding: 16px 14px 8px 14px; }
.quotebox .container-content * { z-index: 2; position: relative; }
.question span.quote { background: transparent url(../images/bgs/questionmark.png) no-repeat top left;}
.quotebox .quote { position: absolute; top: 8px; left: 10px; background: transparent url(../images/bgs/quote.png) no-repeat top left; width: 39px; height: 30px; z-index: 1; }
.quotebox .arrow { position: absolute; bottom: -7px; right: 25px; background: transparent url(../images/bgs/down-arrow.gif) no-repeat top left; width: 16px; height: 8px; z-index: 1; font-size:1px; line-height: 1px; }