body
{
  background-color: #eee;
  font-family:                Arial, Sans-serif;
  font-size:                  11px;
}

.AnyTime-win
{
  z-index: 2100;
}

.ui-dialog
{
  z-index: 2000;
}

#mdApp_logo
{
  position: absolute;
  top: 10px;
  left: 10px;
  width: 300px;
  height: 100px;
  overflow: hidden;
  cursor: pointer;
}

#mdApp_menu
{
  position: absolute;
  top: 20px;
  left: 310px;
  width: 650px;
  height: 100px;
  overflow: visible;
  z-index: 1000;
}

#mdApp_list
{
  position: absolute;
  top: 120px;
  left: 10px;
  width: 300px;
  height: 100px;
  overflow: hidden;
  /*background-color: #ddd;*/
  border: 1px dotted #ccc;
}

#mdApp_content
{
  position: absolute;
  top: 120px;
  left: 310px;
  width: 650px;
  height: 100px;
  overflow: hidden;
  border-top: 1px dotted #ccc;
}

#mdApp_content_cover
{
  position: absolute;
  top: 120px;
  left: 310px;
  width: 650px;
  height: 100px;
  background-color:rgba(0,0,0,0.3);
  z-index: 999;
  text-align: center;
  display: none;
}

#mdApp_statusbar
{
  position: absolute;
  bottom: 0px;
  left: 10px;
  width: 950px;
  height: 30px;
  overflow: hidden;
  background-color:rgba(0,0,0,0.71);
  color: #fff;
  font-size: 12px;
}

#mdApp_dashboard
{
  position: absolute;
  top: 10px;
  left: 960px;
  width: 310px;
  height: 400px;
  overflow: auto;
  /*background-color:rgba(0,0,0,0.71);*/
  border-left: 1px dotted #ccc;
}

.mdApp_menu_tab
{
  float: left;
  width: 75px;
  height: 70px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}

#mdApp_menu_tabs{ margin:0px; margin-top: 10px; padding:0px; list-style:none; color:#fff; line-height:15px; display:inline-block;
    float:left; z-index:1000; }
#mdApp_menu_tabs li a { color:#000; text-decoration:none; cursor: pointer; }
#mdApp_menu_tabs > li {cursor:pointer; float:left; position:relative;
    padding:0px 10px;}
#mdApp_menu_tabs > li div:hover {background-color:#ddd;}
/*#mdApp_menu_tabs .logo {background:transparent none repeat scroll 0% 0%; padding:0px;
    background-color:Transparent;} */
/* sub-menus*/
#mdApp_menu_tabs ul { padding:0px; margin:0px; display:block; display:inline;}
#mdApp_menu_tabs li ul { position:absolute; left:-30px; top:70px; margin-top:0px; padding-top: 25px; width:155px; line-height:16px;
    background-image: url(/bundles/mdadmin/images/app/submenu_top.png); background-repeat: no-repeat; background-position: center top;
    background-color:rgba(0,0,0,0.71); color:#eee; /* for IE */ display:none;
    border-radius: 0px 0px 15px 15px;
    -moz-border-radius: 0px 0px 15px 15px;
    -webkit-border-radius: 0px 0px 15px 15px;  }
#mdApp_menu_tabs li:hover ul { display:block;}
#mdApp_menu_tabs li ul li{ display:block; margin:5px 20px; padding: 5px 0px;  border-top: dotted 1px #606060;
    list-style-type:none; }
#mdApp_menu_tabs li ul li:first-child { border-top: none; }
#mdApp_menu_tabs li ul li a { display:block; color:#ddd; font-weight: bold; }
#mdApp_menu_tabs li ul li a:hover { color:#fff; }
/* main submenu */
#mdApp_menu_tabs #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff;
    z-index:999;}

#mdApp_list_search_div, #mdApp_content_toolbar
{
  height: 40px;
}

#mdApp_list_search_icon
{
  position: absolute;
  top: 4px;
  left: 9px;
}

#mdApp_list_search_input
{
  position: absolute;
  top: 7px;
  left: 50px;
  width: 200px;
  height: 20px;
  background-color: #eee;
  border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}

#mdApp_list_pag
{
  height: 40px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  border-top: 2px solid #fff;
}

#mdApp_list ul
{
  padding:0px;
  margin:0px;
  display:block;
  overflow: auto;
}

.mdApp_list li
{
  cursor: pointer;
}

.mdApp_list li a
{
  text-decoration: none;
  color: inherit;
}

#mdApp_list ul.mdApp_list li.selected, .mdApp_tablist tr.selected
{
  background-image: -webkit-linear-gradient(top, rgb(201, 220, 236), rgb(175, 195, 210) );
  background-image: -moz-linear-gradient(top,rgb(201, 220, 236), rgb(175, 195, 210) );
  background-image: -ms-linear-gradient(top,rgb(201, 220, 236), rgb(175, 195, 210) );
  background-image: -o-linear-gradient(top,rgb(201, 220, 236), rgb(175, 195, 210) );
  background-image: linear-gradient(top,rgb(201, 220, 236), rgb(175, 195, 210) );
  background-image: -webkit-gradient(linear, left top, left bottom,color-stop( 0.0, rgb(201, 220, 236) ),color-stop( 1.0, rgb(175, 195, 210) ));
}

#mdApp_list ul.mdApp_list li, .mdApp_tablist tr
{
  padding: 10px;
  background-image: -webkit-linear-gradient(top, rgb(236, 236, 236), rgb(210, 210, 210) );
  background-image: -moz-linear-gradient(top,rgb(236, 236, 236), rgb(210, 210, 210) );
  background-image: -ms-linear-gradient(top,rgb(236, 236, 236), rgb(210, 210, 210) );
  background-image: -o-linear-gradient(top,rgb(236, 236, 236), rgb(210, 210, 210) );
  background-image: linear-gradient(top,rgb(236, 236, 236), rgb(210, 210, 210) );
  background-image: -webkit-gradient(linear, left top, left bottom,color-stop( 0.0, rgb(236, 236, 236) ),color-stop( 1.0, rgb(210, 210, 210) ));
}

#mdApp_list ul.mdApp_list li:hover, .mdApp_tablist tr:hover
{
  background-image: -webkit-linear-gradient(top, rgb(236, 236, 201), rgb(210, 210, 175) );
  background-image: -moz-linear-gradient(top,rgb(236, 236, 201), rgb(210, 210, 175) );
  background-image: -ms-linear-gradient(top,rgb(236, 236, 201), rgb(210, 210, 175) );
  background-image: -o-linear-gradient(top,rgb(236, 236, 201), rgb(210, 210, 175) );
  background-image: linear-gradient(top,rgb(236, 236, 201), rgb(210, 210, 175) );
  background-image: -webkit-gradient(linear, left top, left bottom,color-stop( 0.0, rgb(236, 236, 201) ),color-stop( 1.0, rgb(210, 210, 175) ));
}

.mdApp_tablist tr th
{
  padding: 10px 5px 10px 5px;
  background-image: -webkit-linear-gradient(top, rgb(120, 120, 120), rgb(74, 74, 74) );
  background-image: -moz-linear-gradient(top,rgb(120, 120, 120), rgb(74, 74, 74) );
  background-image: -ms-linear-gradient(top,rgb(120, 120, 120), rgb(74, 74, 74) );
  background-image: -o-linear-gradient(top,rgb(120, 120, 120), rgb(74, 74, 74) );
  background-image: linear-gradient(top,rgb(120, 120, 120), rgb(74, 74, 74) );
  background-image: -webkit-gradient(linear, left top, left bottom,color-stop( 0.0, rgb(120, 120, 120) ),color-stop( 1.0, rgb(74, 74, 74) ));
  color: #fff;
}

.mdApp_tree
{
  padding-top: 10px;
  padding-left: 10px;
}

.mdApp_tree a.dynatree-title
{
  white-space: normal;
  display: block;
  padding-left: 35px;
  margin-top: -16px;
}

#mdApp_list_slider
{
 /*background-color: red;*/
  width: 275px;
  height: 20px;
  margin-top: 2px;
  margin-left: 10px;
  font-weight: bold;
}

#mdApp_list_slider p
{
  margin: 0px;
  margin-top: 2px;
  margin-bottom: 4px;
  text-align: center;
}

#mdApp_list_slider-range
{
  width: 220px;
  position: absolute;
  top: 20px;
  left: 40px;
}

#mdApp_list_prev
{
  position: absolute;
  top: 15px;
  left: 10px;
  cursor: pointer;
}

#mdApp_list_next
{
  position: absolute;
  top: 15px;
  right: 10px;
  cursor: pointer;
}

#mdApp_statusbar_logout
{
  margin-top: 2px;
  margin-left: 5px;
  cursor: pointer;
}

#mdApp_statusbar_user
{
  position: absolute;
  top: 8px;
  left: 55px;
  width: 250px;
}

#mdApp_statusbar_status
{
  position: absolute;
  top: 8px;
  left: 310px;
  width: 400px;
  font-weight: bold;
}

#mdApp_statusbar_status.success
{
  color: #0d0;
}

#mdApp_statusbar_status.warning
{
  color: #f33;
}

#mdApp_statusbar_icons
{
  position: absolute;
  top: 4px;
  left: 840px;
  width: 100px;
  text-align: right;
}

#mdApp_statusbar_icons img
{
  cursor: pointer;
}

#mdApp_statusbar_clock
{
  position: absolute;
  top: 8px;
  left: 660px;
  width: 185px;
  text-align: right;
}

#mdApp_help
{
  /*width: 400px;
  height: 300px;
  background-color: aqua;*/
  display: none;
}

.mdApp_helpcursor
{
  cursor: help;
}

.mdApp_widget
{
  margin: 10px;
  width:  280px;
  /*height: 200px;*/
  border: 1px solid #ccc;
  border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
  background-image: -webkit-linear-gradient(top, rgb(248, 248, 248), rgb(236, 236, 236) );
  background-image: -moz-linear-gradient(top,rgb(248, 248, 248), rgb(236, 236, 236) );
  background-image: -ms-linear-gradient(top,rgb(248, 248, 248), rgb(236, 236, 236) );
  background-image: -o-linear-gradient(top,rgb(248, 248, 248), rgb(236, 236, 236) );
  background-image: linear-gradient(top,rgb(248, 248, 248), rgb(236, 236, 236) );
  background-image: -webkit-gradient(linear, left top, left bottom,color-stop( 0.0, rgb(248, 248, 248) ),color-stop( 1.0, rgb(236, 236, 236) ));
}

.mdApp_widget_padding
{
  padding: 10px;
}

.mdApp_widget .w100
{
  width: 260px;
}

.mdApp_widget h3
{
  margin-top: 0px;
}

.mdApp_doublelist_item
{
  margin-top: 5px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
  background-image: -webkit-linear-gradient(top, rgb(248, 248, 248), rgb(236, 236, 236) );
  background-image: -moz-linear-gradient(top,rgb(248, 248, 248), rgb(236, 236, 236) );
  background-image: -ms-linear-gradient(top,rgb(248, 248, 248), rgb(236, 236, 236) );
  background-image: -o-linear-gradient(top,rgb(248, 248, 248), rgb(236, 236, 236) );
  background-image: linear-gradient(top,rgb(248, 248, 248), rgb(236, 236, 236) );
  background-image: -webkit-gradient(linear, left top, left bottom,color-stop( 0.0, rgb(248, 248, 248) ),color-stop( 1.0, rgb(236, 236, 236) ));
}


#mdApp_content_content
{
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  overflow: auto;
}

#mdApp_content_toolbar button
{
  margin-top: 5px;
  margin-left: 10px;
  height: 30px;
}

.mdApp_buttonset button
{
  margin: 0px !important;
  border: 0px;
}

.mdApp_buttonset
{
  margin-top: 5px;
  margin-left: 10px;
  display: inline;
}

#mdApp_content_submit button, #mdApp_content_submit input, #mdApp_modal input[type="submit"], #mdApp_modal input[type="reset"]
{
  margin-top: 5px;
  margin-left: 8px;
}

#mdApp_content_submit
{
  height: 40px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  border-top: 2px solid #fff;
  margin-top: 10px;
}

#mdApp_submit, #mdApp_modal input[type="submit"]
{
  font-weight: bold;
  border: 1px solid #666;
}

#mdApp_reset, #mdApp_modal input[type="reset"]
{
  margin-right: 10px;
}

#mdApp_content_tools
{
  height:30px;
  width: 30px;
}

.mdApp_tablist_add
{
  margin-bottom: 10px;
}

.mdApp_tablist th
{
  text-align: left;
  padding: 5px;
}

ul.sortable
{
  margin:0px;
  padding:0px;
  list-style:none;
  /*color:#fff;
  line-height:15px;
  display:inline-block; */
}


/*
 * FORMULÄR
 */
#mdApp_content_content label, #mdApp_modal label, .mdApp_tabs label, #mdApp_login_form label, .mdApp_label, label
{
  display: block;
  font-weight: bold;
  margin-top: 5px;
  margin-left: 4px;
  font-size: 11px;
}

#mdApp_content_content input, #mdApp_content_content textarea, #mdApp_modal input, #mdApp_modal textarea, , #mdApp_login_form input, .mdApp_input
{
  margin-bottom: 5px;
  background-color: #fff;
  padding: 3px;border: 1px solid #ccc;
  border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

#mdApp_content_content select, #mdApp_modal select, .mdApp_select
{
  margin-bottom: 5px;
}

#mdApp_content_content legend, #mdApp_modal legend
{
  font-weight: bold;
  font-size: 14px;
  padding: 0px 5px 0px 5px;
  margin-left: 15px;
  color: #666;
}

#mdApp_content_content fieldset, #mdApp_modal fieldset
{
  margin-bottom: 20px;
  border: 1px solid #999;
  border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}

input[type=checkbox]
{
  width: 20px !important;
}

.w100
{
  width: 582px;
  margin-right: 10px;
}

.w100 input, .w100 select, .w100 textarea, .w100 div
{
  width: 575px;
}

.w100 .mdApp_tabs input, .w100 .mdApp_tabs select, .w100 .mdApp_tabs textarea
{
  width: 525px;
}

.w50
{
  width: 276px;
  margin-right: 10px;
  float: left;
}

.w50 input, .w50 select, .w50 textarea
{
  width: 265px;
}

.w33
{
  width: 173px;
  margin-right: 10px;
  float: left;
}

.w33 input, .w33 select, .w33 textarea
{
  width: 160px;
}

.w66
{
  width: 378px;
  margin-right: 10px;
  float: left;
}

.w66 input, .w66 select, .w66 textarea
{
  width: 350px;
}

.w80
{
  width: 465px;
  margin-right: 10px;
}

.w80 input, .w80 select, .w80 textarea
{
  width: 437px;
}
.w16
{
  width: 75px;
  margin-right: 10px;
  float: left;
}

.w16 input, .w16 select, .w16 textarea
{
  width: 75px;
}

.first
{
  clear: both;
}

.last
{
  clear: right;
  float: right;
}

.mdApp_tablist
{
  width: 95%;
  border-collapse: collapse;
  border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.mdApp_tablist tr
{
  /*background-color: #eee;*/
  vertical-align: top;
  cursor: pointer;
}

.mdApp_tablist td
{
  background-color: transparent;
  border: 0px;
  padding: 5px;
}



/*
 * ALLMÄN LAYOUT
 */

.gradient_light
{
  background-image: -webkit-linear-gradient(top, rgb(213, 213, 213), rgb(179, 179, 179) );
  background-image: -moz-linear-gradient(top,rgb(213, 213, 213), rgb(179, 179, 179) );
  background-image: -ms-linear-gradient(top,rgb(213, 213, 213), rgb(179, 179, 179) );
  background-image: -o-linear-gradient(top,rgb(213, 213, 213), rgb(179, 179, 179) );
  background-image: linear-gradient(top,rgb(213, 213, 213), rgb(179, 179, 179) );
  background-image: -webkit-gradient(linear, left top, left bottom,color-stop( 0.0, rgb(213, 213, 213) ),color-stop( 1.0, rgb(179, 179, 179) ));
}

#mdApp_list_search_spinner
{
  position:absolute;
  left: 260px;
  top: 5px;
}

#mdApp_content_spinner_div
{
  width: 250px;
  height: 100px;
  border: 2px solid #666;
  background-color: #eee;
  margin-top: 80px;
  margin-left: 200px;
}

#mdApp_content_spinner_div .mdApp_spinner
{
  margin-left: 109px;
  margin-top: 20px;
}

.mdApp_spinner
{
width:32px;
height:32px;
-webkit-transform:scale(0.6);
-moz-transform:scale(0.6);
-o-transform:scale(0.6);
-ms-transform:scale(0.6);
}

#mdApp_login_form
{
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  width:  320px;
  /*height: 200px;*/
  border: 1px solid #ccc;
  border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
  background-image: -webkit-linear-gradient(top, rgb(248, 248, 248), rgb(236, 236, 236) );
  background-image: -moz-linear-gradient(top,rgb(248, 248, 248), rgb(236, 236, 236) );
  background-image: -ms-linear-gradient(top,rgb(248, 248, 248), rgb(236, 236, 236) );
  background-image: -o-linear-gradient(top,rgb(248, 248, 248), rgb(236, 236, 236) );
  background-image: linear-gradient(top,rgb(248, 248, 248), rgb(236, 236, 236) );
  background-image: -webkit-gradient(linear, left top, left bottom,color-stop( 0.0, rgb(248, 248, 248) ),color-stop( 1.0, rgb(236, 236, 236) ));
}

.f_circleG{
position:absolute;
background-color:#FFFFFF;
height:6px;
width:6px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-moz-animation-name:f_fadeG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-o-animation-name:f_fadeG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-ms-animation-name:f_fadeG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
}

#frotateG_01{
left:0;
top:13px;
-webkit-animation-delay:0.39s;
-moz-animation-delay:0.39s;
-o-animation-delay:0.39s;
-ms-animation-delay:0.39s}

#frotateG_02{
left:4px;
top:4px;
-webkit-animation-delay:0.52s;
-moz-animation-delay:0.52s;
-o-animation-delay:0.52s;
-ms-animation-delay:0.52s}

#frotateG_03{
left:13px;
top:0;
-webkit-animation-delay:0.65s;
-moz-animation-delay:0.65s;
-o-animation-delay:0.65s;
-ms-animation-delay:0.65s;
}

#frotateG_04{
right:4px;
top:4px;
-webkit-animation-delay:0.78s;
-moz-animation-delay:0.78s;
-o-animation-delay:0.78s;
-ms-animation-delay:0.78s;
}

#frotateG_05{
right:0;
top:13px;
-webkit-animation-delay:0.9099999999999999s;
-moz-animation-delay:0.9099999999999999s;
-o-animation-delay:0.9099999999999999s;
-ms-animation-delay:0.9099999999999999s;
}

#frotateG_06{
right:4px;
bottom:4px;
-webkit-animation-delay:1.04s;
-moz-animation-delay:1.04s;
-o-animation-delay:1.04s;
-ms-animation-delay:1.04s;
}

#frotateG_07{
left:13px;
bottom:0;
-webkit-animation-delay:1.1700000000000002s;
-moz-animation-delay:1.1700000000000002s}

#frotateG_08{
left:4px;
bottom:4px;
-webkit-animation-delay:1.3s;
-moz-animation-delay:1.3s;
-o-animation-delay:1.1700000000000002s;
-ms-animation-delay:1.1700000000000002s;
}

#frotateG_08{
left:4px;
bottom:4px;
-webkit-animation-delay:1.3s;
-moz-animation-delay:1.3s;
-o-animation-delay:1.3s;
-ms-animation-delay:1.3s;
}

@-webkit-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-moz-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-o-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

@-ms-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}

.dropzone
{
  border: 2px dashed;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  min-height: 50px;
}

.starrating
{
  width:20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('/bundles/mdcommon/images/icons/Star-Empty16.png');
  float: left;
}

.starrating_wrapper
{
  float: none;
  clear: both;
}

.starrating.full
{
  background-image: url('/bundles/mdcommon/images/icons/Star-Full16.png');
}

.starrating.tempfull
{
  background-image: url('/bundles/mdcommon/images/icons/Star-Full16.png') !important;
}
.starrating.tempempty
{
  background-image: url('/bundles/mdcommon/images/icons/Star-Empty16.png') !important;
}