/**
 * project: barmer web
 * type: stylesheet
 * media: screen, projection, print
 * description: loader for stylesheets (opera 9 series)
 * @author: Stefan Heimann, 24.10.2007
 * @copyright: T-Systems 2005-2007. All rights reserved.
 */




/**
 * description: base styles for elements and element in certain contexts
 * platform: web
 * @author: stefan.heimann (24.10.2007)
 */


/* tables */
tfoot th, tfoot td {
    border-top-width: 1px;
}

	

/**
 * description: utility classes for a web portal
 * platform: web
 * @author: stefan.heimann (24.10.2007)
 */


/* forms */
input.submit {
    height: 1.6em;
}


/* standard link and list of links with icon */
.ic, .icList a, .icList strong {
    background-position: .0909em .4545em;
}

/* standard "link-button" and list of "link-buttons" */
.but, .butList a, .icList .but {
    background-position: 0 .0909em;
}
	





/**
 * description: modules which build the portal framework
 * platform: web
 * @author: stefan.heimann (24.10.2007)
 */


/**
 * module: header
 */
#subLogoBarmer {
    line-height: 1.1667;
}



/* ====================  SCREEN Styles  ==================== */
@media screen {
    /**
     * module: search (wrapper main navigation)
     */
    #search fieldset {
        margin-top: .375em;
    }
    #search input.submit {
      	padding: 0 .5em 0 1.2em;
        top: 1.6em;
    }
}


/**
 * description: modules which reside in the portal sidebars
 * platform: web
 * @author: stefan.heimann (01.08.2008)
 */


.sidebar blockquote {
/*    padding-bottom: 1px;*/
}
/* mailbox in loginlogoutsnippet */
.sidebar .mailIndicator {
	line-height: 1.4545;
}


/**
 * module: mailbox functions
 */
.sidebar #mailboxFunctions .icList a,
.sidebar #mailboxFunctions strong {
	background-position: .1818em .0;
}


/* ====================  SCREEN Styles  ==================== */
@media screen {
	/**
	 * module: generic element styles
	 */
	.sidebar h3.otherPortal {
		background-position: 98% .0909em;
	}


    /**
     * module: form classes
     */
    .sidebar fieldset:after {
/*        clear: left;
        content: ".";
        display: block;
        font-size: 1px;
        line-height: 0;
        visibility: hidden;*/ /* TODO: check if necessary */
    }
    .sidebar form p.radio label {
        padding-left: .1818em;
        top: .2727em;
    }


    /**
     * module: login employee (sidebar)
     */
    #loginEmployee input.submit {
        top: 4.7em;
    }
}

/**
 * description: modules which reside in the portal content
 * platform: web
 * @author: stefan.heimann (01.08.2008)
 */


/**
 * module: generic element styles
 */
#ctBody blockquote {
    padding-bottom: 1px;
}


/**
 * module: form styles
 * Note: opera only uses full percent values! (e.g. 11.567% = 11%)
 */
#ctBody form fieldset {
/*    line-height: 1.0;*/
}
#ctBody form fieldset:after { /* fix for opera 5.x-8.x -> TODO: check */
/*    clear: both;
    content: ".";
    display: block;
    font-size: 1px;
    height: 1px;
    line-height: 1.0;
    visibility: hidden;*/
}
/* legends and headlines */
#ctBody form fieldset hr {
    width: 95%;
}
#ctBody form fieldset .sub hr {
    width: 91%;
}
/* paragraph: normal */
#ctBody form fieldset p {
    margin-right: 1.1%; /* 12px */
    width: 96%;
}
#ctBody form fieldset p.sizeXS { width: 5%; }
#ctBody form fieldset p.sizeS { width: 11%; }
#ctBody form fieldset p.sizeM { width: 23%; }
#ctBody form fieldset p.sizeL { width: 47%; }
/* headline: indented */
#ctBody form fieldset .idt h3 {
    padding-left: 3.5%;
}
/* paragraph: indented */
#ctBody form fieldset .idt p {
    padding-left: 3.5%;
    width: 92%;
}
#ctBody form fieldset .idt p.sizeS { width: 8%; }
#ctBody form fieldset .idt p.sizeM { width: 20%; }
#ctBody form fieldset .idt p.sizeL { width: 44%; }
/* text field: normal */
#ctBody form input.text {
    padding-left: 0;
}
#ctBody form p input.text { width: 99%; }
#ctBody form p input.text.sizeXS { width: 5%; }
#ctBody form p input.text.sizeS { width: 11%; }
#ctBody form p input.text.sizeM { width: 24%; }
#ctBody form p input.text.sizeL { width: 49%; }
#ctBody form p.sizeXS input.text.sizeXS { width: 100%; }
#ctBody form p.sizeS input.text.sizeXS { width: 45%; }
#ctBody form p.sizeS input.text.sizeS { width: 100%; }
#ctBody form p.sizeM input.text.sizeXS { width: 22%; }
#ctBody form p.sizeM input.text.sizeS { width: 48%; }
#ctBody form p.sizeM input.text.sizeM { width: 100%; }
#ctBody form p.sizeL input.text.sizeXS { width: 11%; }
#ctBody form p.sizeL input.text.sizeS { width: 23%; }
#ctBody form p.sizeL input.text.sizeM { width: 49%; }
#ctBody form p.sizeL input.text.sizeL { width: 100%; }
/* text field: indented */
#ctBody form .idt p input.text { width: 100%; }
#ctBody form .idt p input.text.sizeS { width: 8%; }
#ctBody form .idt p input.text.sizeM { width: 21%; }
#ctBody form .idt p input.text.sizeL { width: 48%; }
#ctBody form .idt p.sizeS input.text.sizeS { width: 99%; }
#ctBody form .idt p.sizeM input.text.sizeS { width: 39%; }
#ctBody form .idt p.sizeM input.text.sizeM { width: 99%; }
#ctBody form .idt p.sizeL input.text.sizeS { width: 17%; }
#ctBody form .idt p.sizeL input.text.sizeM { width: 45%; }
#ctBody form .idt p.sizeL input.text.sizeL { width: 100%; }
/* drop-down: normal */
#ctBody form p select { width: 100%; }
#ctBody form p select.sizeS { width: 12%; }
#ctBody form p select.sizeM { width: 25%; }
#ctBody form p select.sizeL { width: 50%; }
#ctBody form p.sizeS select.sizeS { width: 107%; }
#ctBody form p.sizeM select.sizeS { width: 51%; }
#ctBody form p.sizeM select.sizeM { width: 104%; }
#ctBody form p.sizeL select.sizeS { width: 25%; }
#ctBody form p.sizeL select.sizeM { width: 51%; }
#ctBody form p.sizeL select.sizeL { width: 102%; }
/* drop-down: indented */
#ctBody form .idt p select { width: 101%; }
#ctBody form .idt p select.sizeS { width: 9%; }
#ctBody form .idt p select.sizeM { width: 22%; }
#ctBody form .idt p select.sizeL { width: 48%; }
#ctBody form .idt p.sizeS select.sizeS { width: 109%; }
#ctBody form .idt p.sizeM select.sizeS { width: 43%; }
#ctBody form .idt p.sizeM select.sizeM { width: 103%; }
#ctBody form .idt p.sizeL select.sizeS { width: 19%; }
#ctBody form .idt p.sizeL select.sizeM { width: 47%; }
#ctBody form .idt p.sizeL select.sizeL { width: 102%; }
/* text area: normal */
#ctBody form textarea {
    padding-left: 0;
}
#ctBody form p textarea { width: 99%; }
#ctBody form p textarea.sizeM { width: 24%; }
#ctBody form p textarea.sizeL { width: 49%; }
#ctBody form p.sizeM textarea.sizeM { width: 100%; }
#ctBody form p.sizeL textarea.sizeM { width: 49%; }
#ctBody form p.sizeL textarea.sizeL { width: 100%; }
/* text area: indented */
#ctBody form .idt p textarea { width: 100%; }
#ctBody form .idt p textarea.sizeM { width: 21%; }
#ctBody form .idt p textarea.sizeL { width: 48%; }
#ctBody form .idt p.sizeM textarea.sizeM { width: 99%; }
#ctBody form .idt p.sizeL textarea.sizeM { width: 45%; }
#ctBody form .idt p.sizeL textarea.sizeL { width: 100%; }
/* file upload: normal */
#ctBody form p input.file { width: 99%; }
#ctBody form p input.file.sizeL { width: 49%; }
#ctBody form p.sizeL input.file.sizeL { width: 100%; }
/* file upload: indented */
#ctBody form .idt p input.file { width: 100%; }
#ctBody form .idt p input.file.sizeL { width: 48%; }
#ctBody form .idt p.sizeL input.file.sizeL { width: 100%; }
/* block: label and radio button */
#ctBody form p.radio label {
    padding-left: .25em;
    top: .25em;
}
/* submit button */
#ctBody form p.button input.submit {
    background-position: .25em .5em;
  	padding: 0 .25em 0 1.25em;
}


/* application: reminder */
#ctBody .reminder .currentMonth div ul a:hover em,
#ctBody .reminder .currentMonth div ul a:focus em,
#ctBody .reminder .currentMonth div ul a:active em {
    left: 110%; /* TODO: where is it used? */
}


/* links */
#ctBody .ic,
#ctBody .icList a,
#ctBody .icList strong {
    background-position: .0833em .4167em;
}
#ctBody .but,
#ctBody .butList a,
#ctBody .icList .but {
    background-position: 0 .0833em;
}
/* links: mailbox */
#ctBody .mailReply,
#ctBody .icList .mailReply,
#ctBody .mailSend,
#ctBody .icList .mailSend,
#ctBody .mailThreadDelete,
#ctBody .icList .mailThreadDelete,
#ctBody .mailboxIconOverview,
#ctBody .icList .mailboxIconOverview {
	background-position: 0 0;
}



/* ====================  SCREEN Styles  ==================== */
@media screen {
    /**
     * module: search box in content area
     */
    #ctBody #searchBox input.submit {
        top: 0;
    }


    /**
     * module: tiny MCE editor (fix)
     */
    #mce_editor_0_parent img {
        height: 20px;
        width: 20px;
    }
    #mce_editor_0_parent img.mceSeparatorLine {
        width: 2px;
    }
}