/*	
    iucon GmbH 2010 | style definitions 
    author: CS
    © iucon GmbH 2009-2010 

    _ NEWBOOKS color code
    
        black : #000
        white:  #fff
        grey_1: #414141
        grey_2: #666
        grey_3: #bfc0c1
*/


/* IMPORTS */
@import url('Layout.css');
@import url('TabControl.css');
    
/* GENERAL + RESET */
* { font-family: Verdana, Helvetica, Sans-Serif; font-size: 12px; color: #414141; }

body, div, p, form, span, table, tr, th, td, h1, h2, h3, h4, ul, li, form {
	margin: 0; padding: 0; border: none;
}

body { background: url('../images/bgr_main.gif') top left repeat-x; padding: 0 20px; }
hr { border: 1px solid #666; border-left: none; border-right: none; border-top: none; height: 1px; }
hr.less { border: 1px solid #BBB; border-left: none; border-right: none; border-top: none; height: 1px; }


#clear { clear: both; height: 0; font-size: 0; line-height: 0; }
.flLeft { float: left; }
.flRight { float: right; }
.hidden { display: none; width: 0; height: 0; }
.vtop { vertical-align: top; }
.vmiddle, span.vmiddle input, span.vmiddle label { vertical-align: middle; }
.vbottom { vertical-align: bottom; }
.max { width: 100% !important; }

.pCenter { text-align: center !important; }
.pRight { text-align: right; }
.pLeft { text-align: left;}
.pBlock { text-align: justify; }
.pFlow { line-height: 15px; }

/* FORMAT */
.sizeUp1 { font-size: 13px !important; }
.sizeNorm { font-size: 12p !important; }
.sizeDown1, .sizeDown1 label { font-size: 11px !important; }
.strong { font-weight: bold; }
.emph { font-weight: bold; color: #000; }
.header { color: #fff; font-size: 12px; font-weight: bold; }

/* LINKS */
a:link, a:active, a:visited, a:focus {
    color: #000 !important; padding: 1px 0 1px 1px !important; text-decoration: none; border-bottom: 1px dotted #000; }
a:hover { border-bottom: 1px solid #000; background: #bfc0c1; }

a.header:link, a.header:active, a.header:visited, a.header:focus {
    color: #fff !important; font-size: 12px; padding: 1px 2px !important; margin: 0px 6px; text-decoration: none; font-weight: bold; border: none !important; }
a.header:hover { background: #000 !important; }

a.header2:link, a.header2:active, a.header2:visited, a.header2:focus {
    color: #ccc !important; font-size: 12px; padding: 1px 2px !important; margin: 0px 6px; text-decoration: none; font-weight: bold; border: none !important;  }
a.header2:hover { color: #fff !important; background: none !important; }

a.footer:link, a.footer:active, a.footer:visited, a.footer:focus {
    color: #666 !important; font-size: 12px; padding: 1px 0 1px 1px !important; margin: 0px 6px; text-decoration: none; font-weight: bold; border: none !important; }
a.footer:hover { color: #000 !important; background: none !important; }

a.footer2:link, a.footer2:active, a.footer2:visited, a.footer2:focus, a.footer2:hover {
    color: #999 !important; font-size: 10px; padding: 0 !important; margin: 0 !important; text-decoration: none; 
    border: none !important; background: none !important }

a.simple:link, a.simple:active, a.simple:visited, a.simple:focus, a.simple:hover  
{
		text-decoration: none !important; border: none !important; background: none !important; 
}

.pseudoLink { color: #000 !important; padding: 1px 0 1px 1px !important; text-decoration: none; border-bottom: 1px dotted #000; }
.pseudoLink:hover { border-bottom: 1px solid #000; background: #bfc0c1; }

.linkIcon { margin: 0 5px 0 0; }
.buttonIcon { cursor: pointer; }

/* HEADLINES */
h1 { font-size: 12px; color: #000; margin: 0 0 5px 0; }
h2 { font-size: 11px; color: #000; font-weight: normal; margin: 0 0 4px 0; }
h3 { font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, Lucida, Verdana, Helvetica, Arial, sans-serif; 
     color: #414141; font-weight: normal; font-size: 12px; }

    .h3Icon { float: left; margin: 0 5px 0 0; }

h4 { font-size: 11px; color: #000; margin: 10px 0 5px; }

h5 { font-size: 12px; color: #414141; margin: 10px 0; }    

h1.details { font-size: 13px; color: #000; margin: 0 0 20px 0; }
h2.details { font-size: 12px; color: #000; margin: 0 0 5px 0; }
     
/* FORM + INPUT */
input.text, textarea.text { border: 1px solid #000; padding: 2px 2px 2px 3px; }
select.select { border: 1px solid #000; padding: 1px; }
input.radio { border: none; }
input.error { background: #fffacd; }
.alterna { background: #e8e8e8; }

/* FORM + INPUT ERROR */
span.formError { color: #dc3801 !important; font-size: 11px !important; }
span.formError img { margin-right: 5px; margin-bottom: 25px; }

/* FCK EDITOR */
td.fckEditor div { width: 100%; margin: 8px 0; border-top: 1px solid #AAA; }

/* LOADING + PROGRESS UPDATE */
.modalBackground { background: #000; filter: alpha(opacity=80); opacity: 0.8; }
.ProgressPopup { width: 200px; height: 150px; padding: 150px 0 0 150px;
                 background: #none; color: #fff !important; z-index: 10001; }
.ProgressPopup strong { color: #fff !important; }



/******* OLD STYLE.CSS *******/
div.Left { float: left;	margin-right: 10px; }
div.Content { background-color: White; padding: 5px 5px 5px 5px; }
div.MenuHeader { margin-top: 10px; margin-bottom: 10px;	margin-left: 5px;
				 font-weight: bold; border-bottom: solid 1px black;	width: 150px; }

.Menu, div.ContentBorder { background-color: White; }

.Menu { margin-bottom: 10px; width: 150px; background-color: White; }

div.ContentCaption { background-color: #999; background-image: url(../images/bgr_cBoxHeader_max_mid.gif);
					padding: 5px 5px 5px 5px; color: #666; font-family: Sans-Serif;	font-size: medium;
					font-weight: bold; height: 31px; }

div.MenuCaption {
	background-color: #999;
	background-image: url(../images/catalog_boxTitle.png);
	border: solid 1px #ddd;
	padding: 5px 5px 5px 5px;
	color: #666;
	font-family: Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
}

div.MenuContent {
	background-color: white;
	padding: 5px 5px 5px 5px;
	color: Black;
	font-family: Sans-Serif;
	font-size: 12px;
	width: 100%;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#efefef);
}

.sendername {
	font-family: Verdana;
	font-size: 20px;
	font-style: italic;
	color: Black;
}

.senderlogo { border: solid 1px #c5c2b8; }


.error { color: Red; }
.menuitem { height: 20px; }
.HiddenColumn {	display: none; }
.LoginBox {	margin-top: 100px; }
.LoginBox table { background: #fff; }
.LoginBox label { font-size: small; }

.LoginButton
{
	border: 1px solid #ccc;
	color: #000;
	background-color: #eee;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: x-small;
	font-weight: bold;
	padding: 2px 6px;
}

.Pager
{
	background-image: url(../images/catalog_boxTitle.png);
	font-weight: bold;
	font-size: small;
	color: #666666;
	border: 1px solid rgb(221, 221, 221); 
}

.RowHover:hover
{
	background-color: #CCCCCC !important;
	cursor: pointer;
}