/*
* stylesheets for Pay24-7.
* note that these get partially overwritten through inline and 
* browser dependant styles. Please consult style.js
* 
* generic styles may be applied to any element 
*
* some explanations
* _ni  no indent
* _a   active
* _h   hover
* _dk   dark
* _al   alternate e.g. lists 
* _o	opaque (no colour)
* _r	alignment right
* _b	bold
*
* everything is written in a table, so our defaults go there 
*
*
* IMPORTANT NOTE: whenever changes are made in here, the same changes must be made to Print_Default.css!!
*/

table { font-size:8pt; font-family:Arial,Helvetica,sans-serif; font-weight:normal; text-decoration:none; }
.normal { }
.bold { padding: 5px; padding-left: 10px; padding-right: 10px; font-weight:bold; }
.bold_ni { padding: 0px; padding-left: 0px; padding-right: 0px; font-weight:bold; }
.bd { padding-left: 10px; padding-right: 10px; font-weight:bold; }

.width { width:100%;}
.width01 { width:670;}
.width02{ width:500;}
.width03{ width:832;}
.width04{ width:400;}
.width05{ width:982; background-color:#003965;}

/* user informations, name, company */

.user {white-space:nowrap;}

/*background colors*/

.bg {background-color:#E4F1F8;}
.bg_blue {background-color:#CDE4EF;}
.bg_dkblue{background-color:#4B8CB8;}
.bg_dk{background-color:#003965;}
.bg_white {background-color:#ffffff;}
.bg_mid {background-color:#003965;}
.bg_light {background-color:#CDE4EF;}

/* table design (was bg_blue)*/
.tb_01 {background-color:#CDE4EF;}
.tb_02 {background-color:#CDE4EF;}
.tb_03 {background-color:#CDE4EF;}
.tb_helppopup {background-color:#CDE4EF; border:#000000 solid thin; outline: #000000 solid 3px;}

.csp_01 {padding-left: 2px; padding-bottom:2px; padding-top:2px; padding-right:1px; vertical-align:top; text-align:right;}
.csp_02 {padding-left: 1px; padding-bottom:2px; padding-top:2px;}

/* text passages for Inside and Outside*/

.content { padding: 25px;}

/* lists*/

/* old yellow colour - .head  {   padding: 5px; padding-left: 10px; padding-right: 10px; color:#000000; font-weight:bold; background-color:#F9F8EA; }*/
.head { padding: 5px; padding-left: 10px; padding-right: 10px; color:#000000; font-weight:bold; background-color:#FFFCDF; }
.head_ni { padding: 0px; padding-left: 0px; padding-right: 0px; color:#000000; font-weight:bold; background-color:#FFFCDF; }
.head_r { padding: 5px; padding-left: 10px; padding-right: 10px; color:#000000; font-weight:bold; background-color:#FFFCDF; text-align:right;}

.con { vertical-align:top; padding: 5px; padding-left: 10px; padding-right: 10px; background-color:#E4F1F8; }
.con_r { vertical-align:top; padding: 5px; padding-left: 10px; padding-right: 10px; background-color:#E4F1F8; text-align:right;}
.con_ni { vertical-align:top; padding: 0px; padding-left: 0px; padding-right: 0px; background-color:#E4F1F8; }
.con_b { vertical-align:top; padding: 5px; padding-left: 10px; padding-right: 10px; background-color:#E4F1F8; font-weight:bold;}
.con_c { vertical-align:top; padding: 5px; padding-left: 10px; padding-right: 10px; background-color:#E4F1F8; text-align:center; }


.con_al { vertical-align:top; padding: 5px; padding-left: 10px; padding-right: 10px; background-color:#FFFFFF; }
.con_alni { vertical-align:top; padding: 0px; padding-left: 0px; padding-right: 0px; background-color:#FFFFFF; }
.con_alr { vertical-align:top; padding: 5px; padding-left: 10px; padding-right: 10px; background-color:#FFFFFF; text-align:right;}
.con_lg { vertical-align:top; padding: 10px; background-color:#FFFFFF; }
.con_alb { vertical-align:top; padding: 5px; padding-left: 10px; padding-right: 10px; background-color:#FFFFFF; font-weight:bold;}
.con_albr { vertical-align:top; padding: 5px; padding-left: 10px; padding-right: 10px; background-color:#FFFFFF; font-weight:bold; text-align:right;}
.con_alc { vertical-align:top; padding: 5px; padding-left: 10px; padding-right: 10px; background-color:#FFFFFF; text-align:center;}

/* stlye used in alternating lists with colouring style on row but right alignment in cell (e.g. currencies)*/
.con_or { vertical-align:top; padding: 5px; padding-left: 10px; padding-right: 10px; text-align:right; }
.con_orred { vertical-align:top; padding: 5px; padding-left: 10px; padding-right: 10px; text-align:right; color:Red; }

.news {padding: 5px; padding-left: 10px; padding-right: 10px; color:#FFFFFF;}

/* stylesheets for error und confirmation texts */
.error { padding: 5px; padding-left: 20px; padding-right: 20px; color:red; font-weight:bold; background-color:#FFFFFF; }
.confirm { padding: 5px; padding-left: 20px; padding-right: 20px; color:#000000; font-weight:bold; background-color:#FFFFFF; }
.duedateover { padding: 5px; padding-left: 10px; padding-right: 10px; color:red; }

/* 
* following css are needed for the navigation 
*/
/* first level navigation 

.n  {   padding: 5px; padding-left: 10px; padding-right: 10px; font-weight:bold; background-color:#CDE4EF; white-space:nowrap;}
.n_a  {   padding: 5px; padding-left: 10px; padding-right: 10px; font-weight:bold; background-color:#ffffff; white-space:nowrap; }
.n_h  {   padding: 5px; padding-left: 10px; padding-right: 10px; font-weight:bold; background-color:ffffff; white-space:nowrap; }
.n_ni  { padding: 0px; padding-left: 0px; padding-right: 0px; font-weight:bold; background-color:#CDE4EF; white-space:nowrap;}
*/
.n  {   padding: 5px; padding-left: 10px; padding-right: 10px; font-weight:bold; background-color:#003965; white-space:nowrap; }
.n_a  {   padding: 5px; padding-left: 10px; padding-right: 10px; font-weight:bold; background-color:#ffffff; white-space:nowrap; }
.n_h  {   padding: 5px; padding-left: 10px; padding-right: 10px; font-weight:bold; background-color:#CDE4EF; white-space:nowrap; }
.n_ni  { padding: 0px; padding-left: 0px; padding-right: 0px; font-weight:bold; background-color:#003965; color:#ffffff; white-space:nowrap; }
.n_nib  { padding: 0px; padding-left: 10px; padding-right: 10px; background-color:#003965; color:#ffffff; white-space:nowrap; }
.n_r {   padding: 5px; padding-left: 10px; padding-right: 10px; font-weight:bold; background-color:#003965; white-space:nowrap; text-align:right; }


/* second level navigation maybe for future use */

.sn  {   padding: 5px; padding-left: 10px; padding-right: 10px; font-weight:bold; background-color:#CDE4EF; white-space:nowrap; }
.sn_a  {   padding: 5px; padding-left: 10px; padding-right: 10px; font-weight:bold; background-color:#ffffff; white-space:nowrap; }
.sn_h  {   padding: 5px; padding-left: 10px; padding-right: 10px; font-weight:bold; background-color:ffffff; white-space:nowrap; }
.sn_ni  { padding: 0px; padding-left: 0px; padding-right: 0px; font-weight:bold; background-color:#CDE4EF; white-space:nowrap; }

/*
*specially formatted buttons
*/
.button { padding-left: 10px; padding-right: 10px; font-family: Arial, Helvetica; font-size: 11px; }
.file   { padding-left: 10px; padding-right: 10px; font-family: Arial, Helvetica; font-size: 14px; }

/*
*specially formatted textboxes
*/
.managerinput { width: 400px; font-family:Arial,Helvetica,sans-serif;}
.stylefont { font-family:Arial,Helvetica,sans-serif;}

/*/*
* our specially formatted links
*/

a {font-weight:bold; text-decoration:none;}
/* Schriftfarbe dunkelblau*/
a.link { color:#003965; font-weight:bold; text-decoration:none; }
/* Schriftfarbe rot*/
a.link:hover  { color:#94070A; font-weight:bold; text-decoration:none;}

a.nav { color:#ffffff; font-weight:bold; text-decoration:none;}
a.nav:hover { color:#003965; font-weight:bold; text-decoration:none;}

a.nav_a { color:#003965; font-weight:bold; text-decoration:none; }
a.nav_a:hover { color:#003965; font-weight:bold; text-decoration:none; }

a.subnav { color:#ffffff; font-weight:bold; text-decoration:none; }
a.subnav:hover { color:#CDE4EF; font-weight:bold; text-decoration:none; }

h1 { font-size:10pt; font-weight:bold;}
h2 { font-size:8pt; font-weight:bold;}

#mainmenu a
{
color: #FFFFFF;
background: #003965 url(../images/blind_default.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px;
}

#mainmenu a span
{
background: url(../images/blind_default.gif) right top no-repeat;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

#mainmenu a , #mainmenu a span
{
display: block;
float: left;
}

/* Hide from IE5-Mac \*/
#mainmenu a , #mainmenu a span
{
float: none
}
/* End hide */

#mainmenu a:hover
{
color: #003965;
background: #FFFFFF url(../images/blind_default.gif) left top no-repeat;
padding-left: 10px;
}

#mainmenu a:hover span
{
background: url(../images/blind_default.gif) right top no-repeat;
padding-right: 10px;
padding-top: 5px;
}

#mainmenu a.nav_a
{
color: #003965;
background: #FFFFFF url(../images/blind_default.gif) left top no-repeat;
font-weight:bold; height:23px;
padding-left: 10px;
}

#mainmenu a.nav_a span
{
background: url(../images/blind_default.gif) right top no-repeat;
padding-right: 10px;
padding-top: 5px;
}

#mainmenu a.nav_a:hover
{
color: #003965;
background: #FFFFFF url(../images/blind_default.gif) left top no-repeat;
font-weight:bold; height:23px;
padding-left: 10px;
}

#mainmenu a.rightpanes
{
color: #FFFFFF;
background: #003965 url(../images/blind_default.gif) left top no-repeat;
font-weight:bold; height:24px;
padding-left: 10px;
}

#mainmenu a.rightpanes span
{
background: url(../images/blind_default.gif) right top no-repeat;
padding-right: 10px;
padding-top: 5px;
}

#mainmenu a.rightpanes:hover
{
color: #003965;
background: #FFFFFF url(../images/blind_default.gif) left top no-repeat;
font-weight:bold; height:23px;
padding-left: 10px;
}

#mainmenu a.rightpanes:hover span
{
background: #FFFFFF url(../images/blind_default.gif) right top no-repeat;
}

#mainmenu td
{
list-style: none;
padding: 0;
margin: 0
}

#mainmenu table
{
float: left;
margin: 0;
}


#submenu a
{
color: #003965;
background: #CDE4EF;
text-decoration: none; height:23px;
padding-left: 10px;
}

#submenu a span
{
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

#submenu a , #submenu a span
{
display: block;
float: left;
}

/* Hide from IE5-Mac \*/
#submenu a , #submenu a span
{
float: none
}
/* End hide */

#submenu a:hover
{
color: #003965;
background: #FFFFFF;
padding-left: 10px;
}

#submenu a:hover span
{
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

#submenu a.nav_a
{
color: #003965;
background: #FFFFFF;
text-decoration: none;
padding-left: 10px;
}

#submenu a.nav_a span
{
padding-right: 10px;
}

#submenu a.nav_a:hover
{
color: #003965;
background: #FFFFFF;
text-decoration: none; 
padding-left: 10px;
}

#submenu
td.n {background-color:#CDE4EF; height:23px;}

#submenu td
{
list-style: none;
padding: 0;
margin: 0
}

#submenu table
{
float: left;
margin: 0;
}

/* No hover effect for navicons in submenu */

#submenu td.submenurp
{background: #BEE4F0;}

#submenu a.submenurp:hover
{background: #BEE4F0;}