body {color:#555;background:#363636;font-family:"Lucida Grande",Verdana,sans-serif;font-size:11px;}
#panel-width {width:1100px;}
* {outline:none;}

a {color:#333;text-decoration:none;}
a img {border:0}
a:hover {color:#121212;text-decoration:underline;}
a.white, li.white a {color:#ddd;text-decoration:none;}
a:hover.white, li.white a:hover {color:#ddd;text-decoration:underline;}
hr {border-top:1px #838383 solid;border-bottom:none;border-right:none;border-left:none;}
.admin-footer {line-height:16px;text-align: left;}
.footer {color:#999;}
.footer a {color:#999;}
.center {margin:0 auto;}
.clear {clear:both;}
.no-display {display:none;}
.ui-slider ol {display:none;}

/* Layout */
.left_top {background:url('images/left_top.png') no-repeat top left;height:9px;}
.top_center {background:#FFF;height:9px;}
.right_top {background:url('images/right_top.png') no-repeat top right;margin:0 0 0 9px;height:9px;}
.capmain h2 {margin:0;color:#333;font-size:15px;padding:16px 0 6px 10px;letter-spacing:-1px;}
.main-bg {color:#555;background:#fff;}
.content table {width:98%;margin:10px auto 10px auto;}
.content .status table { margin:0px auto; }
.admin-body {background:#fafafa;border:1px solid #e1e1e1;margin:0 10px 0 10px; padding: 10px;}
.content {background:#fff;min-height:500px;overflow:hidden}
.left_bottom {background:url('images/left_bottom.png') no-repeat;height:9px;}
.center_bottom {background:#FFF;height:9px;}
.right_bottom {background:url('images/right_bottom.png') no-repeat top right;margin:0 0 0 9px;height:9px;}
.opentable_title {height:50px;padding:0 0 0 38px;background:url('images/opentable_bg_50.png') no-repeat left 0;}
.center .button {margin:16px 0 0 0;}
.small, .small2 {font-size:9px;}

/* Side left*/
.side-border-left a {font-size:12px;line-height:17px;color:#fff;text-decoration:none;}
.side-border-left a:hover {color:#f1f1f1;text-decoration:underline;}
.side-border-left .status a { color: #000; }
.side-border-left {color:#f1f1f1;padding:10px 0;width:212px;}
.scapmain {background:#fff;font-size:16px;letter-spacing:-1px;color:#333;padding:0 0 0 12px;}
#admin-ul-nav {font-size:12px;margin:10px 0 14px 0;padding:0px;list-style:none;position:relative;height:160px;}
#admin-ul-nav li {width:175px;height:32px;z-index:10;text-align:left;border-bottom: 1px #555 solid;margin-left:7px;color:#555}
#admin-ul-nav li a {display: block;height:32px;padding:6px 0 0 0;}
#admin-ul-nav li:hover, #admin-ul-nav li.active {width:168px;}
#admin-ul-nav li:last-child {border-bottom:none}
#admin-ul-nav li.access {text-decoration:line-through; padding-top:8px;height:24px;}
#admin-ul-nav li.active a {font-weight:bold;background: url(images/active.png) no-repeat right 10px;}
#admin-ul-nav li a:hover {text-decoration: none;}
#admin-ul-nav li.admin-ul-nav-1 {background:url(images/content.png) no-repeat 0 4px;position:absolute;top:0;padding-left:30px;}
#admin-ul-nav li.admin-ul-nav-1:hover {background:#4d4d4d url(images/content.png) no-repeat 7px 4px;position:absolute;top:0;padding-left:37px;}
#admin-ul-nav li.admin-ul-nav-active-1  {background:#1f1f1f url(images/content.png) no-repeat 7px 4px;position:absolute;top:0;padding-left:37px;}
#admin-ul-nav li.admin-ul-nav-2 {background:url(images/users.png) no-repeat 0 4px;position:absolute;top:33px;padding-left:30px;}
#admin-ul-nav li.admin-ul-nav-2:hover  {background:#4d4d4d url(images/users.png) no-repeat 7px 4px;position:absolute;top:33px;padding-left:37px;}
#admin-ul-nav li.admin-ul-nav-active-2  {background:#1f1f1f url(images/users.png) no-repeat 7px 4px;position:absolute;top:33px;padding-left:37px;}
#admin-ul-nav li.admin-ul-nav-3 {background:url(images/system.png) no-repeat 0 4px;position:absolute;top:66px;padding-left:30px;}
#admin-ul-nav li.admin-ul-nav-3:hover {background:#4d4d4d url(images/system.png) no-repeat 7px 4px;position:absolute;top:66px;padding-left:37px;}
#admin-ul-nav li.admin-ul-nav-active-3  {background:#1f1f1f url(images/system.png) no-repeat 7px 4px;position:absolute;top:66px;padding-left:37px;}
#admin-ul-nav li.admin-ul-nav-4 {background:url(images/web.png) no-repeat 0 4px;position:absolute;top:99px;padding-left:30px;}
#admin-ul-nav li.admin-ul-nav-4:hover  {background:#4d4d4d url(images/web.png) no-repeat 7px 4px;position:absolute;top:99px;padding-left:37px;}
#admin-ul-nav li.admin-ul-nav-active-4  {background:#1f1f1f url(images/web.png) no-repeat 7px 4px;position:absolute;top:99px;padding-left:37px;}
#admin-ul-nav li.admin-ul-nav-5 {background:url(images/infusions.png) no-repeat 0 4px;position:absolute;top:132px;padding-left:30px;}
#admin-ul-nav li.admin-ul-nav-5:hover {background:#4d4d4d url(images/infusions.png) no-repeat 7px 4px;position:absolute;top:132px;padding-left:37px;}
#admin-ul-nav li.admin-ul-nav-active-5  {background:#1f1f1f url(images/infusions.png) no-repeat 7px 4px;position:absolute;top:132px;padding-left:37px;}

/* Messages */
.valid {background:#EAFFEA;border:1px #BAFFBA solid;}
.error {background:#F7DAD8;border:1px #D3322A solid;}
.admin-message {background:#FCFAF2;border:1px #FCEFA1 solid;margin:10px 10px 10px 10px;}
.admin-message, .error, .valid, .status, .response {font-size:12px;color:#000;text-align:center;padding:14px 10px 14px 10px;margin:0 20px 5px 20px;}
.status, .response {background:#FCFAF2;border:1px #FCEFA1 solid;margin:10px 10px 10px 10px;}
.response {display:none;}
.admin-message_stat {background:#FCFAF2;border:1px #FCEFA1 solid;margin:10px 10px 10px 10px;}
#messageBox { text-align: center; font-weight: bold; background-color: #F5F5F5; display: none; margin: 100px auto; width: 250px; padding: 10px; font-size: 13px; border: 1px solid #E1E1E1; box-shadow:2px 2px 8px rgb(219, 219, 219); -moz-box-shadow:4px 4px 10px rgb(219, 219, 219); -webkit-box-shadow:4px 4px 10px rgb(219, 219, 219); -ms-box-shadow:4px 4px 10px rgb(219, 219, 219); -o-box-shadow:4px 4px 10px rgb(219, 219, 219); -khtml-box-shadow:4px 4px 10px rgb(219, 219, 219); }

/* Tables */
.tbl {color:#555;background:transparent;padding:6px;}
.tbl1 {color:#555;background:#fff;padding:6px;}
.tbl2 {color:#555;background:#F2F2F2;padding:6px;}

/* Administration */
#admin-nav {padding:0 10px 0 10px;list-style:none;}
#admin-nav li {padding:0 0 8px 0;min-height:60px;}
.admin-main-panel ul {padding:0;margin:0;list-style:none;}
.admin-main-panel dt {border-bottom:1px #e5e5e5 solid;padding:10px;font-size:12px;}
.admin-main-panel-contener {margin:0 10px;}
.admin-main-panel-contener h2 {font-size:14px}
.admin-main-panel-contener-bg {background:#f5f5f5;border:1px solid #e1e1e1;}
.admin-icons {float:left;width:60px;height:60px;display:block;vertical-align:top;cursor:pointer;}
.admin-desc {float:left;width:90%;font-size:11px;color:#B7B7B7;}
.admin-desc h3 {font-size:13px;color:#555;margin:8px 0 2px 0;}
.admin-desc h3:hover {font-size:13px;color:#000;margin:8px 0 2px 0;}
#admin-nav .admin-height {border-bottom:1px solid #eaeaea;}
#admin-nav .admin-height:hover {background:#f1f1f1 url(images/opentable_bg_50.png) no-repeat 6px 7px;cursor:pointer;}
.admin-icons .icon {width:50px;height:50px;margin:5px 10px 0 5px;}
.admin-main-icons {width: 48%;float:left;}
li.no-desc {float:left;width:110px;height:80px;text-align:center;padding-bottom:0 5px 5px 5px;margin: 5px 10px;}
li.no-desc a {font-size:11px;display:block;width:100%;height:100%}
li.no-desc a:hover {text-decoration:none;}
li.no-desc:hover {background:#eaeaea;cursor:pointer;}
li.no-desc div img {width:50px;height:50px;}

/* Buttons, BB-Codes und Textfelder
 ---------------------------------------------------------------------*/
.textbox { -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; background: #ededed; border: solid 1px #d3d3d3; font-size:13px; margin:0; padding:5px; color: #6e6e6e; }
.textbox:focus, .textbox:active { color: #333; border-color: #999; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
.button, .bbcode { color: #6e6e6e; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; padding: 7px 12px; position: relative; display: inline-block; text-shadow: 0 1px 0 #fff; -webkit-transition: border-color .218s; -moz-transition: border .218s; -o-transition: border-color .218s; transition: border-color .218s; background: #f3f3f3; background-image: linear-gradient(bottom, rgb(245,245,245) 50%, rgb(241,241,241) 100%); background-image: -o-linear-gradient(bottom, rgb(245,245,245) 50%, rgb(241,241,241) 100%); background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 50%, rgb(241,241,241) 100%); background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 50%, rgb(241,241,241) 100%); background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 50%, rgb(241,241,241) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, rgb(245,245,245)), color-stop(1, rgb(241,241,241)) ); border: solid 1px #d3d3d3; cursor: pointer; }
.bbcode { padding: 2px 5px; margin: 2px; }
.button:hover, .bbcode:hover { color: #333; border-color: #999; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
.button:active, .bbcode:active { color: #000; border-color: #444; }
.bbcode-popup { z-index: 99999999; }

/* Button Icons
 * Da ich ja eh keine anderen Hobbies hab >.<
 ---------------------------------------------------------------------*/
.button.accept, .button[name=save], .button[name=savesettings], .button[name=save_cat], .button[name=save_download], .button[name=save_faq], .button[name=save_forum], .button[name=save_album], .button[name=save_photo], .button[name=save_link], .button[name=save_group], .button[name=save_rank], .button[name=save_banners], .button[name=save_robots], .button[name=save_smiley], .button[name=save_wall], .button[name=submit_wunsch], .button[name=update_admin], .button[name=confirm], .button[name=blacklist_user], .button[name=savecat], .button[name=savelink], .button[name=saveoptions], .button[name=load], .button[name=update_settings] { background: url('images/icons/accept.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.preview, .button[name=preview], .button[name=preview_banners] { background: url('images/icons/xeyes.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.edit, .button[name=edit], .button[name=savechanges] { background: url('images/icons/pencil.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.delete, .button[name=delete], .button[name=delete_entries], .button[name=delete_watermarks] { background: url('images/icons/trash.gif') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.add, .button[name=uploadimage], .button[name=addoption], .button[name=add_admin], .button[name=add_to_group] { background: url('images/icons/add.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.cancel, .button[name=cancel] { background: url('images/icons/cancel.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.close, .button[name=close] { background: url('images/icons/cross.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.checkbox, .button[name=move_sel_photos], .button[name=remove_sel] { background: url('images/icons/checkbox_yes.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.move, .button[name=move_all_photos] { background: url('images/icons/arrow-move.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.return, .button[name=reset_admins], .button[name=set_default] { background: url('images/icons/arrow-return-180.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.search, .button[name=search_users], .button[name=search] { background: url('images/icons/Search.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.checkbox_checked, .button[name=uncheck_all] { background: url('images/icons/ui-check-box.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.checkbox_unchecked, .button[name=check_all] { background: url('images/icons/ui-check-box-uncheck.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.check_save, .button[name=check_save] { background: url('images/icons/key.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.send, .button[name=send] { background: url('images/icons/tick_b.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.remove_user, .button[name=remove_all] { background: url('images/icons/user-delete.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.test, .button[name=post_test] { background: url('images/icons/research.gif') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.backup, .button[name=btn_create_backup] { background: url('images/icons/graphite.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.buttton.restore, .button[name=restore] { background: url('images/icons/view-restore.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.buttton.install, .button[name=infuse], .button[name=upgrade] { background: url('images/icons/installer.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.game { background: url('images/icons/controller_.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.favorite { background: url('images/icons/star.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.popout, .button[name=popout] { background: url('images/icons/popout.gif') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }
.button.abuse, .button[name=abuse] { background: url('images/icons/error.png') 10px 7px no-repeat #f3f3f3; padding-left: 30px; }

/* Float Clearing
 ---------------------------------------------------------------------*/
.module:after {clear:both;content:".";display:block;height:0;visibility:hidden;}

/* float clearing for IE6 */
* html .module{height:1%;overflow:visible;}

/* float clearing for IE7 */
* + html .module {min-height:1%;}

/* Breadcrumb Styles
 ---------------------------------------------------------------------*/
.breadCrumb {margin:0;padding:0;float:left;display:block;height:21px;overflow:hidden;padding:5px;background:#fff;width:auto;}
.breadCrumb ul {margin:0;padding:0;height:21px;display:block;overflow:hidden;width:auto;}
.breadCrumb ul li {display:block;float:left;position:relative;height:21px;overflow:hidden;line-height:21px;margin:0px 6px 0px 0;padding:0px 10px 0px 0;font-size: .9167em;background:url(images/Chevron.gif) no-repeat 100% 0;}
.breadCrumb ul li div.chevronOverlay {position:absolute;right:0;top:0;z-index:2;}
.breadCrumb ul li span {display:block;overflow:hidden;}
.breadCrumb ul li a {display:block;position:relative;height:21px;line-height:21px;overflow:hidden;float:left;color: #0e82c7;}
.breadCrumb ul li.first a {height:16px !important;text-indent:-1000em;width:16px;padding:0;margin-top:2px;overflow:hidden;background:url(images/IconHome.gif) no-repeat 0 0;}
.breadCrumb ul li.first a:hover {background-position:0 -16px;}
.breadCrumb ul li:last-child {background:none;margin-right:0;padding-right:0;}
.chevronOverlay {display:none;background:url(images/ChevronOverlay.png) no-repeat 100% 0;width:13px;height:20px;}

/* Tipsy Styles
 ---------------------------------------------------------------------*/
.tipsy { font-size: 10px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; position: absolute; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #EFEFEF; max-width: 150px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; padding-top: 5px; text-align: left; overflow: hidden; }
.tipsy-inner { border: 1px solid #000; border-radius: 4px; }
.tipsy-arrow { background-attachment: scroll; background-color: transparent; background-image: url("images/tipsy.gif"); background-position: left top; background-repeat: no-repeat; height: 5px; position: absolute; width: 9px; }
.tipsy-n .tipsy-arrow { left: 50%; margin-left: -4px; top: 0; }
.tipsy-nw .tipsy-arrow { left: 10px; top: 0; }
.tipsy-ne .tipsy-arrow { right: 10px; top: 0; }
.tipsy-s .tipsy-arrow { background-position: left bottom; bottom: 0; left: 50%; margin-left: -4px; }
.tipsy-sw .tipsy-arrow { background-position: left bottom; bottom: 0; left: 10px; }
.tipsy-se .tipsy-arrow { background-position: left bottom; bottom: 0; right: 10px; }
.tipsy-e .tipsy-arrow { background-position: right top; height: 9px; margin-top: -4px; right: 0; top: 50%; width: 5px; }
.tipsy-w .tipsy-arrow { height: 9px; left: 0; margin-top: -4px; top: 50%; width: 5px; }

/* Fix
 ---------------------------------------------------------------------*/