/**
 * @author Thomas Rahlf
 * @copyright fresh frames GmbH & Co. KG 2007 - 2008
 * @version  $Id: styles.css 115 2009-08-12 20:21:48Z thomas $
 */
#console {
	font: normal 10px/1.4em Arial;
	background-color: #dedede;
	padding:5px 10px 5px 30px;
}
.consoleHeader {
	font: normal 12px/1.4em Arial;
	background-color: #fff;
	padding:15px 10px 5px 15px;
	
	background-image:url(../bilder/debug_bg.png);
	background-repeat:repeat;	
}
	
a.extern {
	background:transparent url(../bilder/bg_link_extern.gif) no-repeat scroll left center;
	padding-left:17px;
}

.broadtable {
	width:100%;
}
td {
	font:Arial, Helvetica, sans-serif 12px;
}
img {
	border:0;
}

.logsys {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
div.form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
    padding:5px 0px 0px 0px;
    text-align:left;
    margin:3px;
    /*font-size:80%;*/
    max-width:700px;
}

    .form input:focus, textarea:focus {
        border-color:#000;
    }

    .form p {
        padding:0px;
        margin:0px;
        color:#555;
        clear:left;
    }
    .form  label {
        /*font-size:100%;*/
        width:19%;
        display:block;
        float:left;
        text-align:right;
        padding-top:4px;
    }

    .form p.invalid {
        border:1px solid #d00;
    }
    .form p.invalid  label {
        /*font-size:100%;*/
        color: #d00;
    }
    .form p.text {
        margin:1em 1em 1em 19% ;
        color:#555;
        clear:left;
    }
    .form p.text_right {
        margin:0;
		padding:4px;
        color:#555;
        clear:none;
		float:left;
    }	
	
	.form p td {
        font-size:12px;
        
    }
	.form p .right {
		/*text-align:right;*/
	}

    .form .inp {
        width:78%;
        margin:2px 0px 2px 4px;
        border:1px solid #bbb;
        padding:1px 2px 1px 3px;
        /*font-family:verdana;*/
        -moz-border-radius:4px;
    }
	
	.form .inp:disabled {
		/*background-color:#fcfcfc;*/
		color:#333;
	}

    .form .inp.captcha{
        clear:left;
        width: 20%;
    }

    .form p.required input {
        background-color:#ff8;
    }
    .form .invalid {
        border-width:2px;
        border-color:#f00;
    }

    .form .datetime .inp_date{
        width:30%;
        margin:2px 0px 2px 4px;
        border:1px solid #bbb;
        padding:1px 2px 1px 3px;
        /*font-family:verdana;*/
        -moz-border-radius:4px 1px 1px 4px;
    }
    .form .datetime .inp_time{
        width:10%;
        margin:2px 0px 2px 4px;
        border:1px solid #bbb;
        padding:1px 2px 1px 3px;
        /*font-family:verdana;*/
        -moz-border-radius:4px 1px 1px 4px;
    }

    .form .datetime .button_calendar {
        font-size:0.06em;
        padding:13px 9px 2px 9px;
        -moz-border-radius:0px 0px 0px 0px;
        background:#BBBBBB url(img/bg_button_calendar.gif);
        background-repeat:no-repeat;
        color:#bbb;
        cursor:pointer;
    }
    .form .datetime .slider_time {
        padding:13px 12px 2px 12px;
        font-size:0.06em;
        -moz-border-radius:3px 4px 4px 3px;
        background:#BBB url(img/bg_slider_time.gif);
        color:#bbb;
        background-repeat:no-repeat;
        cursor:move;
        border-left:1px solid #EEEEFF;
    }


    .form .inp_dtime {
        width:7%;
        margin:2px 0px 2px 4px;
        border:1px solid #bbb;
        padding:1px 2px 1px 3px;
        /*font-family:verdana;*/
        -moz-border-radius:4px;
    }

    .form .date input {
        width:20%;
        margin:2px 0px 2px 4px;
        border:1px solid #bbb;
        padding:1px 2px 1px 3px;
        /*font-family:verdana;*/
        -moz-border-radius:4px;
    }

    .form .date .button {
        border:1px solid #bbb;
        /*vertical-align:center;*/
        padding:1px 1px 1px 1px;
        /*font-family:verdana;*/
        -moz-border-radius:4px;
        /*font-size:80%;*/
        background-color:#ddd;
        cursor:pointer;
    }

    .form .checker {
        padding:2px 2px 1px 3px;
        margin:5px 0px 2px 4px;
        display:block;
        vertical-align:bottom;

    }




    .form textarea {
        width:78%;
		height:100px;
        border:1px solid #bbb;
        padding:1px 2px 1px 3px;
        margin:2px 0px 2px 4px;
        /*font-size:100%;*/
        /*font-family:verdana;*/
        -moz-border-radius:4px;
    }

    .form select {
        margin:2px 0px 2px 4px;
        border:1px solid #bbb;
        padding:0;;
        border-width:1px;
    }
	
	.form .dropdown_wide select {
		width:78%;
    }
			

    .form span.checker {
        clear:both;
        width:auto;
        margin:6px 0px 5px 4px;
    }

    .form span.checker label {
        float:left;
        display:inline;
        padding:0px;
        margin-left:6px;
        text-align:left;
        cursor:pointer;
        width:auto;
    }
	
	.form  label.heading {
		/*font-size:100%;*/
        width:25%;
    }

    .form span.checker input {
        float:left;
        padding:1px 2px 0px 3px;
        margin:4px 0px 3px 115px;
        display:inline;
    }


    /*--- button area -------------------*/
    div.formbuttons  {

        /*background-image:url(../bilder/bg_form_button_area.png);*/
        background-repeat:repeat-x;
        padding:3px 10px 3px 3px;

        margin:10px 0px 0px 0px;
        text-align:right;
        /*border-top:1px solid #aaa;*/
        clear:both;
    }


    .button  {
        margin:0px 0px 0px 3px;
        padding:2px 20px 1px 20px;
        border:1px solid #8F8F8F;
		color:#8F8F8F;
        background:#E9E9E9 url(../bilder/bg_button.png);
        background-position: top left;
        cursor:pointer;
    }

    .button:hover{
        background-color:#fff;
        background-image:none;
    }
    div.formbuttons .button:focus{
        background-color:#fff;
        background-image:none;
    }

    div.formbuttons .submit {
        border:2px solid #8F8F8F;
    }

    div.formbuttons .apply,
    div.formbuttons .cancel{
        border:1px solid #8F8F8F;
    }

    div.formbuttons div.formoptions {
        text-align:left;
        float:left;
    }

    div.formbuttons div.formoptions a {
        margin-right:1em;

    }

    div.formbuttons div.formoptions label {
        text-align:left;
        display:inline;
        float:left;
        width:auto;
        margin:0px;
        padding:0px;
    }

    div.formbuttons div.formoptions input {
        display:inline;
        text-align:left;
        margin:3px 3px 0px 0px;
        float:left;

    }


    /* --- tabgroup ---- */
    div.tabgroup {
     clear:both;
     margin:0.5em 1em;
	 margin:10px 0;
    }
    div.tabgroup ul {
     margin:0;
     padding:0px 0px 0px 1em;
     list-style:none;
     background-image: url(../bilder/bg_tabgroup_tabrow.png);
     background-repeat:repeat-x;
     background-position:bottom;
     height:1.8em;

    }

    div.tabgroup li.tab_header a {
     color:#777;
     border:0;
     display:block;
     padding:0em .6em;
    }
    div.tabgroup li.tab_header {
      background-color:#eee;
      float:left;
      margin-right:.3em;
      border:1px solid #D5D5D5;
      border-width: 1px 1px 0px 1px;
      height:1.65em;
    }
    div.tabgroup li.tab_header.Active {
      background-color:#fff;
      height:1.8em;

    }


    div.tabgroup li.Active a {
     color:#000;
    }
    div.tabgroup li a:hover {
     background-color:#fff;
    }
    div.tabgroup div.tab_body {
     background-image: url(../bilder/bg_tabgroup_tabbody.png);
     background-repeat:repeat-x;
     background-position:top;
	 background-color:#f9f9f9;
     padding:0.8em .7em 1em 1em;
     border:1px solid #d5d5d5;
     border-width:  0px 1px 1px 1px;
     clear:both;
    }

    div.tabgroup div.Hidden {
        display:none;
    }
    div.tabgroup div.tab_body label {
        position:relative;
    }
    .block label {
        position:relative;
    }

.user_image {
	width:28%;
	height:165px;
	float:left;
	background-color:#fff;
	border: solid 1px #D5D5D5;
	padding:0.8em 0.7em 1em 1em;
	margin:0 0.5em 1em 0;
	text-align: center;
}
	.user_image .image img {
		height:130px;
    }
    .user_image .actions {
		font-size:11px;
		color:#aaa;
    }
    	.user_image .actions a {
			font-size:11px;
			color:#aaa;
			text-decoration: none;
	    }
	    .user_image .actions a:hover {
			text-decoration:underline;
	    }
	    
#quicklinks {
	position:fixed;
	left:770px;
	top:116px;
	background:#f8f8f8;
	padding:5px 15px;
	border:1px dotted #666666;

}