@import "multibox.css";
@import "Yolly7_depositedStyles.css";
@import "Yolly7_Controls.css";

/* SHOP COLORS
 *
 * darkBlue/		#004194 
 * linkBlue/		#0069B5
 * hoverBlue/		#6BAAD6
 * lightBlue		#DEEBF7
 * backgroundBlue/	#DEEBF7
 * orange/			#EFB663
 * lightorange/		#F6C782
 * borderGrey/		#737373
 *
 * SHOP COLORS */

/*global styles
******************************************************************/
BODY, TABLE, TR, TD, TH, DIV, SPAN{
	border				: none;
	padding				: 0;
	margin				: 0;
	border-collapse		: collapse;
}
HTML{
	height				: 100%;
}
BODY{
	height				: 100%; 
	font-family			: Arial, Verdana, Helvetica, sans-serif; 
	font-size			: 11px;
	overflow			: -moz-scrollbars-vertical;
	padding				: 0 3px;
}
A{
/*	background			: url(../images/square_standard.gif) no-repeat 0 6px; */
/*	padding				: 2px 0 2px 10px;*/
}
A:hover{
	text-decoration		: underline;
}
H1, H2, H3, H4, A{
    color				: #1D7BBB;
	padding				: 0;
	margin				: 0;
}
H1{ 
	display				: block;
	font-size			: 11px;
	background-image	: url(../images/ecke.gif);
	background-repeat	: no-repeat;
	background-position	: top right;
}
H2{
	font-size			: 12px;
}
H3{
	font-size			: 16px;
}
H4{
	color				: #000000;
	font-size			: 14px;
}
HR{
	background-color	: #737373;
	height				: 1px;
	border				: 0;
}
INPUT, SELECT, TEXTAREA{
	border				: 1px solid #aaaaaa;
	border-left			: 1px solid #000000;
	border-top			: 1px solid #000000;
	font-size			: 11px;
	padding				: 1px 0 1px 2px;
}
INPUT{
}
SELECT{
	width				: 156px;
}
LABEL{
	padding-left		: 3px;
}
P{
	margin				: 0 0 5px 0;
	line-height			: 1,5em;
}
UL, OL{
	line-height			: 1,5em;
}
BR{
	line-height			: 1,5em;
}
/*sheme styles
******************************************************************/
/*element_background*/
.button, #topNavigation, .inner, .registerWebPanelAddress, .registerWebPanelParticipant, .registerWebPanelPassword, .igtab_StandardDefaultTab_Bottom, .igtab_StandardDefaultTab_Top{
	background-color	: #DEEBF7;
}
.button{
	cursor				: pointer;
}
/*header_background*/
H1, .igpnl_StandardHeaderExpanded, .headlines TD, .rankingPanel THEAD, .childrenOverviewPanel THEAD, .detailAccountPanel THEAD{
    background-color	: #EFB663;
    color				: #fff;
	font-weight			: bold;
	padding				: 3px 5px;
}
/*border_style*/
.inner .login, .itemPreview, .newsBoxPanel, .accountInfoBoxPanel, .itemSearchBoxPanel{
	border				: 1px solid #EFB663;
}

/*common styles
******************************************************************/
.overview{	
}
.formular TD{
	padding				: 2px 0;
}
.formular .leftColumn{
	width				: 200px;
}
.dataList{
	width				: 100%;
}
.menu{
}
.box{
	margin-bottom		: 10px;
}
.inner{
}
.leftcontentarea A, .rightcontentarea A{
	background			: url(../images/square_standard.gif) no-repeat 0 7px; 
	padding				: 2px 0 2px 10px;
	text-decoration		: none;
}
.leftcontentarea A:hover, .rightcontentarea A:hover{
}
TR.headlines TD{
	border-bottom		: 1px solid #737373;
}
TR.conclusion TD, TR.seperator TD{
	height				: 0.5em;
	line-height			: 0.5em;
}
HR.conclusion{
	background-color	: #737373;
	height				: 1px;
	border				: none;
}
.contentarea .button, .igtab_StandardDefaultTab_Bottom, .igtab_StandardDefaultTab_Top{
	overflow			: visible;
	color				: #1D7BBB;
	border				: solid 1px #737373;
	padding				: 2px 4px;
	cursor				: pointer;
	width				: auto;
}
.checkbox INPUT, .checkboxRright INPUT{
	border				: none;
}
.checkboxRight INPUT, .checkboxRight LABEL {
	float				: right;	
}
.buttonPanel{
	text-align			: right;
	padding				: 5px 0;
	clear				: both;
}
TD.buttonPanel{
	border-bottom		: 1px solid #737373;
}
.buttonPanel INPUT.button{
	float				: none;
}
.sumPanel{
	text-align			: right;
	font-size			: 12px;
    padding				: 3px 5px;
}
.box .sumPanel{
    padding				: 2px 5px;
    border				: 1px solid #737373;
}
.errorPanel{   
    font-weight			: bold;
	color				: #E72C29;
	padding				: 5px 0;
}
.headlinePanel{
	padding				: 5px 0;
}
.infoPanel{
	padding				: 5px 0;
}
.even{
}
.odd, .igtbl_StandardAlt{
     background			: #DEEBF7;
}
.firstColumn{
}
.dateColumn{
} 
.descriptionColumn{
}
.debitColumn{
	text-align			: right;
}
.sumColumn{
	text-align			: right;
}
.variantColumn{
}
.amountColumn{
	text-align			: center;
}
.preliminaryCreditColumn{
	text-align			: center;
}
.creditColumn{
	text-align			: center;
}
.pointsColumn{
	text-align			: center;
}
.imageColumn{
	text-align			: center;
	padding				: 5px;
}
.imageColumn A{
	background			: none;
	padding				: 0;
}
.amountColumn INPUT{
	width				: 3em;
}
.clearDiv{
	line-height			: 0px;
	clear				: both;	
}
/*template styles
******************************************************************/
#all{
	width				: 980px;
	margin				: auto;
	padding-bottom		: 30px;
}
/*header*/
#header{
	padding				: 0 0 15px 0;
}
/*topnavigation*/
#topNavigation{
	padding				: 5px 10px;
	border				: 1px solid #004194;
	border-bottom		: none;
	line-height			: 20px;
	font-weight			: bold;
	font-size			: 12px;
}
#topNavigation A{
	color				: #1D7BBB; 
	text-decoration		: none;
	/*border-right		: 1px solid #000000;*/
	padding				: 2px 5px;
	color				: #1D7BBB;
	text-decoration		: none;
	background-image	: none;
}
#topNavigation DIV{
	display				: inline;
}
#topNavigation A:hover{
	text-decoration		: underline;
	color				: #EBB464;
}
#topNavigation .active{
	color				: #EBB464;
	text-decoration		: underline;
}
#topNavigation .first{
}
#topNavigation .last{
}
/*content*/
#contentarea{		
	border				: 1px solid #004194;
	border-top			: none;
	padding-bottom		: 30px;
}
#contentrow{
    height				: 400px;
	min-height			: 400px;
}
#leftarea, #rightarea{	
	width				: 196px;
	vertical-align		: top;
}
#leftcontentarea, .leftcontentarea{
	padding				: 15px 10px 0px 5px;
	overflow			: hidden;

}
#rightcontentarea, .rightcontentarea{
	padding				: 15px 5px 0px 10px;
	overflow			: hidden;
}
#centerarea{
	width				: 586px;
	vertical-align		: top;
}
#centercontentarea{
    margin-top			: 15px;
	margin-bottom		: 15px;
}
/* Standard_Elements
******************************************************************/
#home{}
#home .box3_4{
	width				: 360px;	
	margin-left			: 180px;
}
#home .homeBox1{
	float				: left;
	width				: 180px;
}
#home .homeBox2{
	width				: 360px;
	margin-left			: 180px;
}
#home .homeBox3{
	width				: 180px;
	float				: left;
	
}
#home .homeBox4{
	width				: 160px;
	float:right;
}
#home .homeBox5{
	clear				: both
}
#home .homeBox6{
	visibility			: hidden; 
}

.noneDisplay
{
	display				: none;
}