/*	=======================
	webloginpe.css
===========================
	Author: Sascha Merkofer
			http://endif.ch
=========================== */



/*          Colors / Borders
============================ */


/* Buttons */

div.wlpe button {
            color: #2779aa;
			background: transparent url(images/Button.png) no-repeat scroll;
            background-position: 0px 50%;
			border: 1px solid #97b5cc;
			border-radius: 8px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
            }

div.wlpe button:link,
div.wlpe button:visited {
            color: #2779aa;
			background-position: 0px 50% !important;
			border: 1px solid #97b5cc;
            }

div.wlpe button:focus,
div.wlpe button:hover {
            color: #fff;
			background-position: -320px 50% !important;
			border: 1px solid #2694e8 !important;
            }

div.wlpe button:active {
            color: #105694;
			background-position: -640px 50% !important;
			border: 1px solid #105694 !important;
            }

/* wlpe Message */

div.wlpeMessage {
			color: #d60000;
			}

div.wlpeMessage span.WLPE-OK {
			color: #00a600;
			}

/* Labels, Inputs */

div.wlpe label .text,
div.wlpe label textarea {
            color: #000000;
            background: #ffffff url();
            border: 1px solid #97b5cc;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            }

div.wlpe label .text:focus,
div.wlpe label textarea:focus {
            border: 1px solid #105694;
            outline: none;
            }

div.wlpe input#Suchfeld {
            color: #000000;
            background: #ffffff url();
            border: 1px solid #97b5cc;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            }

/* Div */

hr {
			margin: 20px 0px 0px 0px;
			padding: 0 0 20px 0px;
			border: none;
			border-top: 1px solid #d6dcdc;
			}


/*          Fonts
================= */

div.wlpe button {
            font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
            font-size: 12px;
            }

div.wlpe .main {
			font-weight: bold;
			}


/*          WLPE
================ */

div.wlpe {
            position: relative;
            }


/*          Buttons
=================== */

div.wlpe button {
            display: inline-block;
            height: 22px;
            line-height: 22px;
            padding: 0 8px;
            box-sizing: content-box;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            cursor: pointer;
            }

/* Edit-Buttons */

a.dsfe-new-link {
            padding-left: 28px;
            background-image: url(images/Button-New.png);
            }

a.new-icon-only {
            padding-left: 20px !important;
            }

a.dsfe-delete-link {
            padding-left: 28px;
            background-image: url(images/Button-Delete.png);
            }

a.delete-icon-only {
            padding-left: 20px !important;
            }

a.dsfe-edit-link {
            padding-left: 30px;
            background-image: url(images/Button-Edit.png);
            }

a.edit-icon-only {
            padding-left: 24px !important;
            }

a.dsfe-drag-link {
            padding-left: 28px;
            background-image: url(images/Button-Drag.png);
            }

a.drag-icon-only {
            padding-left: 20px !important;
            }


/*          Fieldsets, Labels, Inputs
===================================== */

div.wlpe fieldset.buttons {
            padding: 6px 0px;
            }

div.wlpe label .text,
div.wlpe label textarea {
            display: block;
            width: 300px;
            padding: 2px 4px;
            margin-bottom: 6px;
            }

div.wlpe label.Check-Vertical {
            display: block;
            }

div.wlpe input.short {
            width: 80px;
			}


/*          Users-List
====================== */

ul.wlpeUsersList {
			padding: 0 0 20px 0 !important;
			margin: 0 !important;
			list-style: none !important;
			list-style-type: none !important;
			}

ul.wlpeUsersList li {
			position: relative;
			overflow: hidden;
			height: 32px;
			padding: 0 !important;
			margin: 0 !important;
			list-style: none !important;
			list-style-type: none !important;
			border-bottom: 1px solid #d6dcdc;
			}

ul.wlpeUsersList li a {
			display: block;
			height: 32px;
			}

ul.wlpeUsersList li a:link,
ul.wlpeUsersList li a:visited {
			border-bottom: none;
			}

ul.wlpeUsersList li a:focus,
ul.wlpeUsersList li a:hover,
ul.wlpeUsersList li a.hover {
			border-bottom: none;
			background-color: #eeeeee !important;
			}

ul.wlpeUsersList li a:active {
			border-bottom: none;
			}

ul.wlpeUsersList li span {
			position: absolute;
			display: block;
			overflow: hidden;
			top: 0;
			left: 0;
			height: 20px;
			padding: 6px 0 6px 0;
			}

ul.wlpeUsersList li span.firma {
			left: 0px;
			width: 50%;
			}

ul.wlpeUsersList li.user span.firma {
			font-weight: bold;
			}

ul.wlpeUsersList li span.name {
			left: 50%;
			width: 50%;
			}


div#Mitglieder-Suche {
			padding: 6px 0px;
			}

div#Mitglieder-Suche span.Suchtitel {
            padding-right: 6px;
            }

div.wlpe input#Suchfeld {
            width: 166x;
            padding: 2px 4px;
            margin-bottom: 6px;
            }

/*          View Profile
======================== */

div.wlpe div.Userprofil div.Benutzerbild {
            position: absolute;
            top: 0;
            left: 0;
            width: 120px;
            height: 160px;
            }

div.wlpe div.Userprofil h2.Maintitle {
            padding-left: 140px;
            padding-top: 122px;
            }

div.wlpe div.Userprofil span.edit {
            position: relative;
            display: block;
            overflow: hidden;
            padding: 20px 0px;
            margin: 0px 0px 20px 0px;
			border-top: 1px solid #d6dcdc;

            }


/*          Register Users
========================== */

div.wlpe fieldset.Groups label {
            position: relative;
            overflow: hidden;
            }

div.wlpe fieldset.Groups input.check {
            position: absolute;
            top: 4px;
            left: 0px;
            width: 24px;
            }

div.wlpe fieldset.Groups span.Group-Name {
            position: absolute;
            top: 0px;
            left: 28px;
            width: 120px;
            }

div.wlpe fieldset.Groups span.Group-Info {
            position: relative;
            display: block;
            padding-left: 140px;
            font-size: 12px;
            }