/** 
 * The toolbar used for the front-end of the site and the dashboard
 */
 
div#ccm-toolbar {-webkit-box-shadow: 0px 2px 2px rgba(90,90,90,0.3);-moz-box-shadow: 0px 2px 2px rgba(90,90,90,0.3); box-shadow: 0px 2px 2px rgba(90,90,90,0.3); border-bottom: 1px solid #888;background: #eee url(../images/dashboard/bg_header.png) repeat-x scroll; position: fixed; top: 0px; left: 0px; height: 49px; width: 100%; z-index: 100}

ul#ccm-main-nav, ul#ccm-system-nav {font-size: 15px; font-weight: bold;}
ul#ccm-main-nav a, ul#ccm-system-nav a {color: #666; font-weight: bold; text-decoration: none;}
ul#ccm-main-nav a:hover, ul#ccm-system-nav a:hover {text-decoration: none; }
ul#ccm-main-nav {border-left: 1px solid #c5c5c5; margin: 0px; padding: 0px; margin: 0px; position: fixed; top: 0px; left: 0px}
ul#ccm-main-nav li, ul#ccm-system-nav li {
	float: left;
	border-right: 1px solid #c5c5c5;
	padding: 0px; 
	line-height: 12px; 
	margin: 0px 0px 0px 0px !important;
	padding: 0px !important;
	list-style-type: none;
	height: 49px;
}
li.ccm-system-nav-selected, ul#ccm-main-nav li:hover, ul#ccm-system-nav li:hover {background: transparent url(../images/dashboard/bg_header_active.png) repeat-x scroll !important; }
li.ccm-nav-edit-mode-active {background: transparent url(../images/bg_header_editing_active.png) repeat-x scroll }

ul#ccm-main-nav li#ccm-logo-wrapper a {padding: 0px;}
ul#ccm-main-nav li#ccm-white-label-message:hover, 
ul#ccm-main-nav li#ccm-logo-wrapper:hover, 
ul#ccm-main-nav li#ccm-white-label-message.ccm-system-nav-selected,
ul#ccm-main-nav li#ccm-logo-wrapper.ccm-system-nav-selected {background: transparent !important;}
ul#ccm-main-nav li#ccm-white-label-message {font-size: 10px; color: #ccc; border: 0px; padding-left: 10px !important; padding-top: 18px !important;height:31px;}
ul#ccm-main-nav li#ccm-white-label-message a {display: inline; color: #ccc; margin: 0px; padding: 0px;}
ul#ccm-main-nav li#ccm-white-label-message a:hover {text-decoration: underline; color: #ccc;}

ul#ccm-main-nav a, ul#ccm-system-nav a {display: block; padding-right: 10px; padding-left: 31px; height: 31px; padding-top: 18px; background-repeat: no-repeat; }
ul#ccm-main-nav a.ccm-header-nav-package-item, ul#ccm-system-nav a.ccm-header-nav-package-item {background-position: 8px center !important;}
ul#ccm-system-nav a#ccm-nav-sign-out {padding-left: 10px; padding-right: 31px;}
ul#ccm-system-nav li#ccm-nav-intelligent-search-wrapper:hover {cursor: pointer;}
ul#ccm-system-nav input#ccm-nav-intelligent-search {margin: 14px 12px 0px 12px; height: 11px; width: 142px; background: #fff url(../images/icon_intelligent_search_mag.png) no-repeat scroll 3px 4px; padding-left: 16px; padding-top: 6px; padding-bottom: 4px}

ul#ccm-system-nav { margin: 0px; padding: 0px; margin: 0px 0px 0px 8px; position: fixed; top: 0px; right: 0px}
ul#ccm-system-nav li { border-right: 0px; border-left: 1px solid #c5c5c5; }

/* Intelligent Search Results - will move into ccm.menus.css */
div#ccm-intelligent-search-results {text-align: left; padding: 0px; z-index: 2000; background: transparent url(../images/bg_intelligent_search.png) repeat-y scroll; position: fixed; display: none; top: 50px; right: 103px; width: 430px; border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: 0px 2px 2px rgba(90,90,90,0.3);-moz-box-shadow: 0px 2px 2px rgba(90,90,90,0.3); box-shadow: 0px 2px 2px rgba(90,90,90,0.3);}
div#ccm-intelligent-search-results span {display: none;}
div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module-offsite {display: block;}
div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module-onsite {display: none;}
div.ccm-intelligent-search-results-module-loading {background: transparent url(../images/loader_intelligent_search.gif) no-repeat scroll 130px 25px}
div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module {position: relative; min-height: 60px; margin-left: 120px; border-top: 2px groove #fff; }
div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module h1 {font-size: 11px; font-weight: bold; color: #9a9a9a; text-transform: uppercase; line-height: 14px; position: absolute; top: 12px; left: -110px; text-align: right; width: 95px}
div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module li {list-style-type: none; margin-left: -15px}
div#ccm-intelligent-search-results div.ccm-intelligent-search-results-module ul {margin-left: 15px; margin-bottom: 10px !important; margin-top: 10px !important}
ul#ccm-intelligent-search-results-list-marketplace li a img {float: left; margin-right: 8px; margin-top: 1px; width: 16px; height: 16px}

div#ccm-intelligent-search-results li a {display: block; border-color: transparent; color: #000; padding: 1px 15px 1px 15px;}
div#ccm-intelligent-search-results li a:hover {text-decoration: none;}
div#ccm-intelligent-search-results li a.ccm-intelligent-search-result-selected {border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background-color: rgba(192,225,246,0.4); border: 1px solid rgba(117,185,240,0.4) !important; padding: 0px 14px 0px 14px; text-decoration: none;}

/* Dashboard Overlay */
div#ccm-dashboard-overlay {text-align: left; position: fixed; z-index: 2000; visibility: hidden; background: #fff; top: 50px; right: 103px; width: 580px; border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: 0px 2px 2px rgba(90,90,90,0.3);-moz-box-shadow: 0px 2px 2px rgba(90,90,90,0.3); box-shadow: 0px 2px 2px rgba(90,90,90,0.3);}
div#ccm-dashboard-overlay-footer {border-top: 1px solid #dfdfdf; position: relative; background-color: #f2f2f2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
div#ccm-dashboard-overlay-footer div.ccm-dashboard-overlay-inner {border-top: 1px solid #fff}
div#ccm-dashboard-overlay-misc {border-top: 1px solid #dfdfdf; background-color: #fafafa;  }
div#ccm-dashboard-overlay-misc li {list-style-type: none; margin-left: 0px;}
div#ccm-dashboard-overlay-misc ul {margin: 0px;}
div#ccm-dashboard-overlay-misc div.ccm-dashboard-overlay-inner {border-top: 1px solid #fff}
.ccm-dashboard-overlay-misc-rounded {.border-radius-bottom-only(4px);}
div.ccm-dashboard-overlay-inner {padding: 10px 0px 10px 10px; .clearfix()}
div.ccm-dashboard-overlay-module h1 {font-size: 13px; line-height: 15px; margin-bottom: 0px; }
div.ccm-dashboard-overlay-module h1 a:hover {background-color: #eaeaea; text-decoration: none; padding: 2px !important; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background-color: rgba(192,225,246,0.4); border: 1px solid rgba(117,185,240,0.4) !important; }
div.ccm-dashboard-overlay-module h1 a, div.ccm-dashboard-overlay-module h1 a:hover {color: #333; padding: 3px; display: block}
div.ccm-dashboard-overlay-module {float: left; width: 120px; margin-right: 20px; margin-bottom: 10px;}
div.ccm-dashboard-overlay-module ul {list-style-type: none; padding: 0px; margin: 3px 0px 10px 3px; font-size: 12px; border-top: 1px solid #d1d1d1}
a#ccm-dashboard-overlay-packages-view-all {font-size: 11px; color: #aaa !important; position: absolute; top: 0px; right: 5px }

/* Edit Menu */
div#ccm-edit-overlay {text-align: left; position: fixed; z-index: 2000; display: none; background: #fff; top: 50px; left: 0px; width: 580px; border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: 0px 2px 2px rgba(90,90,90,0.3);-moz-box-shadow: 0px 2px 2px rgba(90,90,90,0.3); box-shadow: 0px 2px 2px rgba(90,90,90,0.3);}
div.ccm-edit-overlay-inner {padding: 20px;}
div#ccm-edit-overlay-footer {border-top: 1px solid #dfdfdf; background-color: #f2f2f2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
div#ccm-edit-overlay-footer div.ccm-edit-overlay-inner {.clearfix(); border-top: 1px solid #fff}
div.ccm-edit-overlay-actions {margin: 0px 0px 30px 0px;}
div#ccm-edit-overlay-footer ul {margin: 0px;}
div#ccm-edit-overlay-footer ul li {float: left; width: 160px; list-style-type: none; padding: 0px; margin: 0px;}
div#ccm-edit-overlay-footer ul li a {color: @grayDark; font-weight: bold; display: block; padding-bottom: 10px; padding-left: 30px;}
div.ccm-edit-overlay-inner span.label, div.ccm-edit-overlay-inner .btn {margin-right: 10px;}

/* In-page HUD */
div#ccm-notification {#font > .sans-serif(); position: fixed; display: none; top: 60px; border: 1px solid #d7d7d7; -khtml-border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; color: #333; background: #fff; right: 10px; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1); padding-right: 8px; padding-bottom: 6px; padding-left: 8px; padding-top: 6px; z-index: 500; font-size: 14px;}
div#ccm-notification a {color: #444; text-decoration: underline}
div#ccm-notification h3 {font-size: 16px; font-weight: bold; margin: 2px 0px 2px 0px; padding: 0px; line-height: 16px; color: #444}
img#ccm-notification-icon {margin-right: 6px; margin-top: 2px; opacity: 0.5}

/* Quick Nav */
div#ccm-quick-nav {z-index: 99; .gradientBar(#EDF3F7, #D9EBF5); position: relative; display: none; .box-shadow(inset 0 1px 0 @white); border-bottom: 1px solid #A1C3DA; position: fixed; left: 0px; top: 50px; height: 32px; width: 100%; .clearfix();}
.ccm-quick-nav-always {visibility: visible !important; display: block !important;}
div#ccm-quick-nav ul#ccm-quick-nav-favorites {position: absolute; top: 8px; left: 10px; margin: 0px; padding: 0px;}
div#ccm-quick-nav ul#ccm-quick-nav-favorites li {
	margin-right: 20px;
}
div#ccm-quick-nav ul li {
	a {display: inline}
}
div#ccm-quick-nav ul#ccm-quick-nav-breadcrumb {
	position: absolute; top: 8px; right: 10px; margin: 0px; padding: 0px;
	.divider {
	padding: 0 5px;
	color: #9FBCCF;
	}
}
div#ccm-quick-nav ul {font-size: 12px;}
div#ccm-quick-nav a {padding: 4px; line-height: 15px; .border-radius(6px);}
.ui-effects-transfer {.border-radius(6px); border: 1px solid #000; z-index: 10000; background-color: rgba(255,255,255,0.4);  }
