
/**
 * project: barmer web
 * type: stylesheet
 * media: screen, projection, print
 * description: loader for stylesheets (mac safari 2 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)
 */
 

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






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


/* ====================  SCREEN Styles  ==================== */
@media screen {
    /**
     * module: form classes
     */
    :root .sidebar form fieldset:after {
        clear: left;
        content: ".";
        display: block;
        font-size: 1px;
        line-height: 0;
        visibility: hidden;
    }
    :root .sidebar form input.submit {
        bottom: .8em;
    }


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


    /**
     * module: student consultant (sidebar)
     */
    :root #studentConsultant input.submit {
        bottom: .6em;
    }


    /**
     * module: heartrate (sidebar)
     */
    :root #heartrate input.submit {
        bottom: .6em;
    }
}


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


/**
 * Note: safari only uses full percent values! (e.g. 11.567% = 11%)
 */
:root #ctBody form fieldset {
    padding-right: .5625em;
}
:root #ctBody form fieldset:after { /* fix for safari 1.x-2.x */
    clear: both;
    content: ".";
    display: block;
    font-size: 1px;
    height: 1px;
    line-height: 1.0;
    visibility: hidden;
}
:root #ctBody form fieldset p {
    margin-right: 1%;
    width: 95%;
}

:root #ctBody .magazine .magazineNavigation fieldset div.row p {
	width:auto;
}

:root #ctBody form fieldset p.sizeXS { width: 5%; }
:root #ctBody form fieldset p.sizeS { width: 11%; }
:root #ctBody form fieldset p.sizeM { width: 23%; }
:root #ctBody form fieldset p.sizeL { width: 47%; }
:root #ctBody form fieldset .idt h3 {
    padding-left: 3%;
}
:root #ctBody form fieldset .idt p {
    padding-left: 3%;
    width: 92%;
}
:root #ctBody form fieldset .idt p.sizeS { width: 8%; }
:root #ctBody form fieldset .idt p.sizeM { width: 20%; }
:root #ctBody form fieldset .idt p.sizeL { width: 44%; }

:root #ctBody form input.text {
    padding:  0;
}
:root #ctBody form p input.text { width: 100%; }
:root #ctBody form p input.text.sizeXS { width: 5%; }
:root #ctBody form p input.text.sizeS { width: 11%; }
:root #ctBody form p input.text.sizeM { width: 24%; }
:root #ctBody form p input.text.sizeL { width: 49%; }
:root #ctBody form p.sizeXS input.text.sizeXS { width: 100%; }
:root #ctBody form p.sizeS input.text.sizeXS { width: 45%; }
:root #ctBody form p.sizeS input.text.sizeS { width: 100%; }
:root #ctBody form p.sizeM input.text.sizeXS { width: 21%; }
:root #ctBody form p.sizeM input.text.sizeS { width: 47%; }
:root #ctBody form p.sizeM input.text.sizeM { width: 100%; }
:root #ctBody form p.sizeL input.text.sizeXS { width: 10%; }
:root #ctBody form p.sizeL input.text.sizeS { width: 23%; }
:root #ctBody form p.sizeL input.text.sizeM { width: 49%; }
:root #ctBody form p.sizeL input.text.sizeL { width: 100%; }

:root #ctBody form .idt p input.text { width: 100%; }
:root #ctBody form .idt p input.text.sizeS { width: 8%; }
:root #ctBody form .idt p input.text.sizeM { width: 21%; }
:root #ctBody form .idt p input.text.sizeL { width: 47%; }
:root #ctBody form .idt p.sizeS input.text.sizeS { width: 100%; }
:root #ctBody form .idt p.sizeM input.text.sizeS { width: 39%; }
:root #ctBody form .idt p.sizeM input.text.sizeM { width: 100%; }
:root #ctBody form .idt p.sizeL input.text.sizeS { width: 18%; }
:root #ctBody form .idt p.sizeL input.text.sizeM { width: 45%; }
:root #ctBody form .idt p.sizeL input.text.sizeL { width: 100%; }

:root #ctBody form p select { width: 100%; }
:root #ctBody form p select.sizeS { width: 11%; }
:root #ctBody form p select.sizeM { width: 24%; }
:root #ctBody form p select.sizeL { width: 49%; }
:root #ctBody form p.sizeS select.sizeS { width: 100%; }
:root #ctBody form p.sizeM select.sizeS { width: 47%; }
:root #ctBody form p.sizeM select.sizeM { width: 100%; }
:root #ctBody form p.sizeL select.sizeS { width: 23%; }
:root #ctBody form p.sizeL select.sizeM { width: 49%; }
:root #ctBody form p.sizeL select.sizeL { width: 100%; }

:root #ctBody form .idt p select { width: 100%; }
:root #ctBody form .idt p select.sizeS { width: 8%; }
:root #ctBody form .idt p select.sizeM { width: 21%; }
:root #ctBody form .idt p select.sizeL { width: 47%; }
:root #ctBody form .idt p.sizeS select.sizeS { width: 100%; }
:root #ctBody form .idt p.sizeM select.sizeS { width: 39%; }
:root #ctBody form .idt p.sizeM select.sizeM { width: 100%; }
:root #ctBody form .idt p.sizeL select.sizeS { width: 18%; }
:root #ctBody form .idt p.sizeL select.sizeM { width: 45%; }
:root #ctBody form .idt p.sizeL select.sizeL { width: 100%; }

:root #ctBody form textarea {
    padding:  0;
}
:root #ctBody form p textarea { width: 100%; }
:root #ctBody form p textarea.sizeM { width: 23%; }
:root #ctBody form p textarea.sizeL { width: 49%; }
:root #ctBody form p.sizeM textarea.sizeM { width: 100%; }
:root #ctBody form p.sizeL textarea.sizeM { width: 49%; }
:root #ctBody form p.sizeL textarea.sizeL { width: 100%; }

:root #ctBody form .idt p textarea { width: 100%; }
:root #ctBody form .idt p textarea.sizeM { width: 21%; }
:root #ctBody form .idt p textarea.sizeL { width: 47%; }
:root #ctBody form .idt p.sizeM textarea.sizeM { width: 100%; }
:root #ctBody form .idt p.sizeL textarea.sizeM { width: 45%; }
:root #ctBody form .idt p.sizeL textarea.sizeL { width: 100%; }



/* applications */
:root #ctBody .catalogue.facts span.flow {
    padding-right: 2.5%;
}
:root #ctBody .reminder .monthView td {
    width: 13.321%;
}

/* h4 in ordered list */
:root #ctBody .app form .twoCol .moduleBox fieldset ol h4 {
		margin-left: 0;
}

