/* Copyright (C) 2009-2011 Lelak Web+Design. All Rights Reserved. */

/* CONTAINER */
#container {min-width:980px}
#container #content {padding:10px 23px 23px 23px}
#container #content .content-top {padding-bottom:24px; width:100%}
#container #content table img {border: none; padding-left: 12px}
body.modal-dialog #container {padding-bottom: 0; min-width: 0}

/*** COMPANY */
.company {background:url("../images/company.jpg") repeat-x; float:left; width:201px; height:55px; margin-right:24px; text-align:center; border-right:1px solid #333; border-left:1px solid #333}
.company > div {border:1px solid #515151; padding:8px 24px}
.company h1 {margin:0; font-size:24px; color:#fff}
.company h1 span {color:#2B8FE7}
.company span.panel {font-size:11px; color:#a577d4}

#admin-header .company {-moz-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3)}

/*** admin-header */
#admin-header {background:#333333 url("../images/header.jpg") repeat-x; height:87px; padding:0 23px 0 23px; border-bottom:1px solid #ffffff}
#admin-header a.img {margin:0 auto; width:173px; height:55px; display:block; text-indent:-9999em; overflow:hidden; background:url("../images/logo_lelak.png") no-repeat right center}

/*** Menu */
#menu_admin {height:4.55em; float:left; padding-bottom:2.7em; position:relative; font-size:12px!important}
#menu_admin li {float:left; position: relative; position:static; list-style:none}
#menu_admin li a {display:block; position:relative; text-decoration:none; font-size:11px; color:#ccc; padding:0.6em 1.4em 0.8em 1.4em; font-family:tahoma,arial,helvetica,sans-serif}

#menu_admin > li > a {font-size:19px!important; padding:0.9em 1em 1em; color:#fff; border-left:1px solid transparent; border-right:1px solid transparent}
#menu_admin ul > li:hover {color:#fff; background:#191919; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3); visibility:inherit/*IE7*/}
	/* Current */
	#menu_admin > li.sfHover > a {background-color:#333333; border-left:1px solid #0f0f0f; border-right:1px solid #0f0f0f; padding-bottom:20px; -moz-box-shadow:0 -4px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 -3px 8px rgba(0, 0, 0, 0.3);box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.3)}

/*** Sub Menu */
#menu_admin li ul {display: none; position:absolute; top:59px; z-index:100; width:700px}
#menu_admin li ul.current {display: block;}
#menu_admin li ul li {float:left; position:relative}
#menu_admin li ul li:hover > a {color:#fff}
#menu_admin li:hover ul, #menu_admin li.sfHover ul {left:0; z-index:99}
#menu_admin li li.sfHover > a {box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3)}
	/* Current */
	#menu_admin li.current > a {color:#ffffff}

/*** Sub Sub Menu */
#menu_admin li li ul {width:158px; top:2.3em; background-color:#191919; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3)}
#menu_admin li li ul li {width:100%}
#menu_admin li ul li li:hover {background:#2b8fe7}
#menu_admin li li ul li a {padding:0.5em 1.4em}

/*** Arrows */
#menu_admin a.sf-with-ul {padding-right:1.7em; min-width:1px/*IE7*/}
#menu_admin > li > a > .sf-sub-indicator, #menu_admin li a .sf-sub-indicator {position:absolute; display:block; right:0.6em; top:1.3em; width:7px; height:4px; text-indent:-999em; overflow:hidden}
#menu_admin li a .sf-sub-indicator { background:url("../images/menu/MinDown.gif") no-repeat 0 0}
#menu_admin li:hover a .sf-sub-indicator { background-image:url("../images/menu/MinDownHover.gif")}
#menu_admin > li > a > .sf-sub-indicator {top:1.5em; right:1.2em; background:url("../images/menu/MenuBarDown.gif") no-repeat 0 0}
#menu_admin > li:hover > a > .sf-sub-indicator {background-image:url("../images/menu/MenuBarDown.gif")}

/* Logout */
.logout {float:right; padding:1em; display:block}
.logout a {padding-right:24px; background:url(../images/menu/logout.png) no-repeat right 7px; color:#cccccc; font-size:19px}
.logout a:hover {text-decoration:none}

/* ICON EDIT */
.content-edit {overflow:hidden!important; text-indent:-999em; border:1px solid #ccc; width:10px!important; height:12px!important; display:block!important; background:url("../images/icons/editSite.png") no-repeat -11px 0; background-color:#ffffff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:1px}
.content-edit:hover {background-position:0 0; background-color:#333}