/* Basics
======================================================================*/
#admin img { border: 0; margin-right: 1em; padding: 0; vertical-align: middle; }
#admin p { margin: 0; }
#admin ul { list-style: none; margin-bottom: 0; margin-left: 0; margin-top: 0; }

/* Fonts
======================================================================*/
#admin, .drag, .sys, .tools-mini { font-family: Calibri, Tahoma, Geneva, Arial, Verdana, sans-serif; }
.notice, .status, .status-title, .status-tools { font-family: Verdana, sans-serif; }

	
/* Core layout
======================================================================*/
#admin { background: #f7f7f7; border: 1px solid #999; border-width: 1px 0; font-size: 12px; text-align: left; width: 100%; }
#admin .content-sub li { float: right; }
#admin .content-main { float: left; width: 49%; }
#admin .content-sub { float: right; width: 49%; }
#admin .ribbon { margin: 0 auto; }
#admin #admin-editor { margin: 0 auto; width:980px; }

/* Toolbar
======================================================================*/
.tools a { color: #000; display: block; padding: 0.2em 0.7em; float: left; text-align: center; text-decoration: none; }
.tools a i { display: block; margin: 0 auto; }
.tools a:hover { background-color: #e4e4e4; }
.tools a:hover i { color: #000; }
.tools a:active { background-color: #9d9d9d; color: #fff; }
.tools a:active i { color: #fff; }
.tools i { color: #444; font-size: 32px; }
.tools li { background: none; float: left; margin: 0; padding: 0; position: relative; }

	/*--- Disabled tools ---*/
	.tools a.disabled { background-color: transparent; color: #aaa; cursor: default; }
	
	/*--- Highlight tool currently in use ---*/
	.tools .current { background-color: #e4e4e4; }


/* Content
======================================================================*/
.draft { background: url(../images/admin/draft.gif) 50% 50%; }
.inactive, .inactive a { color: #888; }
.highlighted { background-color:#ffe; }
#logo-admin { left: 2em; position: absolute; top: 5px; }

/* Chooser */
.chooser { margin-bottom: 1em; }
.chooser .c3l, .chooser .c3r { width: 40%; }
.chooser .c3m { padding-top: 10em; text-align: center; width: 15%; }
.chooser p { margin-bottom: 0.5em; }
.chooser select { width: 100%; }

/* CMS */

    /* CMS block */
    .cms-block { position: relative; }
    .cms-block:hover { background: #f0f0f0; }
    .cms-block:hover .cms-tasks { display: block; }
    
        /* CMS block tasks */
        .cms-block .cms-tasks {
            background: #fff;
            border: 1px solid #ccc;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
            display: none;
            list-style: none;
            margin: 0;
            position: absolute;
            right: 0;
            text-align: right;
            top: 0;
        }
        
        .cms-block .cms-tasks a { display: inline-block; padding: 0.3em 0.5em; }
        .cms-block .cms-tasks a:hover { background: #ddd; text-decoration: none; }
        .cms-block .cms-tasks li { display: inline-block; }

/*--- Editing galleries of images ---*/
.gallery-edit li { background: #fff; border: 1px solid #ddd; height: 145px; }
.gallery-edit li a.thumb { background: none; cursor: move; width: 118px; }
.gallery-edit p { font-size: 11px; margin: 0; padding: 0 10px; text-align: left; }
.gallery-edit p a { margin-left: 0.2em; }

/* Forms */
#admin .form { overflow: hidden; }

/*--- History ---*/
#history { list-style: none; margin: 0; }
.history { list-style: none; margin-left: 0; }
.history li { border-bottom: 1px solid #ddd; margin-bottom: 0.4em; padding-bottom: 0.6em; }
.history p { margin: 0; }

	/*--- Flags ---*/
	.flag { background: #e0e3ff; color: #000; font-size: 0.8em; font-weight: normal; margin-right: 0.5em; padding: 0.4em 0.7em; text-decoration: none; }
	.flag:hover { text-decoration: underline; }
	.flag-sent { background: #fff6d2; }
	.flag-declined { background: #ffd3d3; }
	.flag-approved { background: #d7ffd3; }

/*--- Login ---*/
#admin .c2l, #admin .c2r { padding: 0.8em 0; }
#admin .c2r { text-align: right; }

/*--- Messages ---*/
#messages dl { background: #ffe; border: 1px solid #ccc; padding: 0 1em; }
#messages dt { font-weight: normal; }

/*--- Popups ---*/
.ribbon-popup {
	background: #f7f7f7;
	border: 1px solid #999;
	left: 0;
	padding: 0.3em 0.7em 0.5em;
	position: absolute;
	width: 25em;
	top: 56px;
	z-index: 1000;
}

.ribbon-popup a {
	cursor: pointer;
	display: inline;
	padding: 0;
	text-align: left;
	text-decoration: underline;
	width: auto;
}

.ribbon-popup a:hover { background: none; text-decoration: none; }

.ribbon-popup dt {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin: 0.3em 0 0.1em;
	padding-bottom: 0.3em;
}

.ribbon-popup dd, .ribbon-popup li, .ribbon-popup ul { float: none; margin: 0; padding: 0; }
.ribbon-popup .txt { width: 98%; }

/*--- Pages ---*/
.pages { float: right; list-style: none; margin-left: 0; }
.pages li { display: inline; margin: 0 0 0 0.7em; }

/*--- Sorting ---*/
.sort a, .sort li, .sort p, .sort select, .sort strong, .sort ul {
	background: none;
	border: 0;
	display: inline;
	font-size: 1em;
	margin: 0 0.9em 0 0;
	padding: 0;
}

/*--- Tables ---*/
.col-opts { width: 6em; }
.sys td, .sys th { border: 1px solid #ddd; border-width: 1px 0; }
.sys thead th { border-bottom: 2px solid #777; border-top: 0; color: #777; padding: 0 0.4em 0.25em; }
table.sys { width: 100%; }

/*--- Task lists ---*/
.tasks img { background: none; border: 0; float: left; padding: 0; }
.tasks span { float: right; width: 80%; }
.tasks strong { display: block; }
.tasks p { margin: 0; }