/* make up for the new bar on the top of the screen */
body {margin: 49px 0px 0px 0px !important; }
div#ccm-page-controls img {border: 0px}
img {border: 0px}

form {margin: 0px; padding: 0px}

img#ccm-topbar-loader {
	position: absolute; top: 24px; right: 10px; visibility: hidden; z-index: 80;
}

img#ccm-pane-loader {
	margin: 10px auto 10px auto;
	display: block;
	width: 126px;
}

div#ccm-overlay {
	position: fixed;
	z-index:99;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	height:100%;
	width:100%;
	display: none;
}

div#ccm-page-controls {z-index: 102; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; background: transparent url(../images/bg_header.png) repeat-x scroll; height: 53px; width: 100%; position: fixed; top: 0px; left: 0px; margin:0; padding:0;}
div#ccm-page-controls * {z-index: 102; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}

div#ccm-page-controls a {color: #1B67A2; text-decoration: none}

div#ccm-logo-wrapper {position: absolute; top: 0px; left: 0px; height: 49px; border-right: 1px solid #d7d7d7}
div#ccm-logo-wrapper img {display: block; border-right: 1px solid #fff}

div#ccm-notification {display: none; position: absolute; top: 28px; text-align: right; width: 290px; right: 180px; font-size: 11px; color: #333}
div#ccm-notification a {font-weight: bold}
div#ccm-notification a:hover {text-decoration: underline}

div#ccm-system-nav-wrapper1 {position: absolute; border-left: 1px solid #fff; top: 0px; right: 0px; }
ul#ccm-system-nav {height: 49px; border-left: 1px solid #d7d7d7}

div#ccm-page-controls ul#ccm-system-nav { margin: 0px; padding: 0px; }
div#ccm-page-controls ul#ccm-main-nav {margin: 0px; padding: 0px 0px 0px 49px;}
ul#ccm-system-nav li, ul#ccm-main-nav li, ul#ccm-main-nav li.ccm-nav-rolloversOff:hover {
	float: left;
	border-right: 1px solid #d7d7d7;
	line-height: 12px; 
	margin: 0px 0px 0px 0px !important;
	background: transparent url(../images/bg_header_rib.png) repeat-x top left;
	padding: 0px !important;
	list-style-type: none;
}


ul#ccm-system-nav li a, ul#ccm-system-nav li span, ul#ccm-main-nav li a, ul#ccm-main-nav li span, 
ul#ccm-main-nav li.ccm-nav-rolloversOff:hover a, ul#ccm-main-nav li.ccm-nav-rolloversOff:hover li span
 {
	display: block; 
	padding: 34px 9px 3px 9px; 
	height: 12px; 
	text-align: center; 
	background-repeat: no-repeat; 
	font-size: 10px; color: #828282; 
	text-decoration: none; 
	border-right: 1px solid #fff
}

ul#ccm-main-nav li span, ul#ccm-system-nav li span {color: #cecece}
ul#ccm-system-nav li:hover, ul#ccm-main-nav li:hover, ul#ccm-main-nav li.ccm-nav-active {background: #A2DAFD url(../images/bg_header_active.png) repeat-x scroll;}
ul#ccm-main-nav.ccm-pane-open li.ccm-nav-inactive:hover {background: #dedede url(../images/bg_header_active_over.png) repeat-x scroll;}
ul#ccm-system-nav a:hover, ul#ccm-main-nav a:hover, ul#ccm-main-nav li.ccm-nav-active a {border-right: none; padding-right: 10px; color: #333}
ul#ccm-main-nav li.ccm-nav-rolloversOff:hover a{ cursor: default}

ul#ccm-main-nav li.ccm-nav-inactive:hover {	background: transparent url(../images/bg_header_rib.png) repeat-x scroll;}
ul#ccm-main-nav li.ccm-nav-inactive:hover a {border-right: 1px solid #fff; padding-right: 9px; color: #828282;}

a.ccm-nav-loading {background-image: url(../images/icons/icon_header_loading.gif) !important;}

ul#ccm-main-nav #ccm-nav-edit {background-image: url(../images/icons/icon_header_edit.png); background-position: 22px 4px !important}
ul#ccm-main-nav a#ccm-nav-edit.ccm-nav-loading {background-position: 24px 8px !important}

ul#ccm-main-nav a#ccm-nav-add {background-image: url(../images/icons/icon_header_add.png); background-position: 24px 8px !important}
ul#ccm-main-nav a#ccm-nav-add.ccm-nav-loading {background-position: 24px 9px !important}

ul#ccm-main-nav a#ccm-nav-exit-edit {background-image: url(../images/icons/icon_header_exit_edit_mode.png); background-position: 38px 8px !important}
ul#ccm-main-nav a#ccm-nav-exit-edit.ccm-nav-loading {background-position: 36px 9px !important}

ul#ccm-main-nav a#ccm-nav-properties {background-image: url(../images/icons/icon_header_properties.png); background-position: 25px 7px !important}
ul#ccm-main-nav a#ccm-nav-properties.ccm-nav-loading {background-position: 26px 9px !important}

ul#ccm-main-nav a#ccm-nav-design {background-image: url(../images/icons/icon_header_design.png); background-position: 9px 8px !important}
ul#ccm-main-nav a#ccm-nav-design.ccm-nav-loading {background-position: 18px 9px !important}

ul#ccm-main-nav a#ccm-nav-permissions {background-image: url(../images/icons/icon_header_permissions.png); background-position: 30px 7px !important}
ul#ccm-main-nav a#ccm-nav-permissions.ccm-nav-loading {background-position: 30px 10px !important}

ul#ccm-main-nav a#ccm-nav-versions {background-image: url(../images/icons/icon_header_versions.png); background-position: 13px 11px !important}
ul#ccm-main-nav a#ccm-nav-versions.ccm-nav-loading {background-position: 24px 10px !important}

ul#ccm-main-nav a#ccm-nav-mcd {background-image: url(../images/icons/icon_header_move_delete.png); background-position: 28px 12px !important}
ul#ccm-main-nav a#ccm-nav-mcd.ccm-nav-loading {background-position: 33px 11px !important}

ul#ccm-main-nav a#ccm-nav-save-arrange {background-image: url(../images/icons/icon_header_save_arrange.png); background-position: 38px 4px !important}
ul#ccm-main-nav a#ccm-nav-save-arrange.ccm-nav-loading {background-position: 42px 9px !important}

ul#ccm-system-nav #ccm-nav-dashboard {background-image: url(../images/icons/icon_header_dashboard.png); background-position: 25px 8px !important}
ul#ccm-system-nav #ccm-nav-dashboard.ccm-nav-loading {background-position: 28px 8px !important}
ul#ccm-system-nav #ccm-nav-help {background-image: url(../images/icons/icon_header_help.png); background-position: 12px 8px !important}
ul#ccm-system-nav #ccm-nav-logout {background-image: url(../images/icons/icon_header_logout.png); background-position: 18px 8px !important}


div#ccm-page-detail {
	position: absolute;
	top: 49px;
	z-index: 100;
	left: 0px;
	width: 100%;
	background: transparent;
	display: none;
}
 
div#ccm-page-detail-b {background: transparent url(../images/bg_pane_b.png) repeat-x 0 100%; height: 53px; margin-left: 28px; margin-right: 28px}
div#ccm-page-detail-l {background: transparent url(../images/bg_pane_l.png) repeat-y scroll 0 0;}
div#ccm-page-detail-r {background: transparent url(../images/bg_pane_r.png) repeat-y scroll 100% 0; }
div#ccm-page-detail-bl {background: transparent url(../images/bg_pane_lb.png) no-repeat 0 100%; }
div#ccm-page-detail-br {background: transparent url(../images/bg_pane_rb.png) no-repeat 100% 100%;}

div#ccm-page-detail-content {font-family: "Helvetica Neue", Arial, Helvetica; background: #f2f2f2; position: relative; margin-left: 28px; margin-right: 28px; padding-top: 0; }
div#ccm-page-detail-content div {font-family: "Helvetica Neue", Arial, Helvetica;}

div.ccm-block-arrange, div.ccm-block {
	margin: 0px;
	border: 2px dotted #f00;
	padding: 2px;
	margin-bottom: 4px;
	overflow: hidden;
}

div.ccm-block-arrange {
	min-height: 20px;
	max-height: 200px;
	overflow: hidden;
}

div.ccm-block-arrange:hover {
	cursor: move;
	border: 2px dotted #000;
}

div.ccm-add-block {
	padding: 2px;
	font-size: 11px;
	white-space: nowrap;
	font-weight: bold;
	border: 2px dotted #ccc;
}

div.ccm-add-block.selected {
	color: #369;
	text-decoration: underline;
}

div.ccm-move-mode {
	border: 1px solid #ccc;
	padding: 2px;
	min-height: 20px;
}

div#ccm-highlighter {
	filter: alpha(opacity=60);	
	background-image: url(../images/bg_trans.png);	
	z-index: 5;
	cursor: pointer;
}

/* theme selector in pane */
div.ccm-theme-selector {width: 124px; height: 120px; float: left; text-align: center; margin-right: 15px}
div.ccm-theme-selector a img {border: 2px solid #ababab}
div.ccm-theme-selector a.ccm-theme-thumbnail-selected img {border: 2px solid #00B7FF}

div.ccm-paging-top {background: #A7C5DA; padding: 4px}

/* preview */
.ccm-preview-pane {
	padding: 3px 3px 3px 3px;
	height: 250px;
	background-color: white;
	border: 2px groove #c0c0c0;
	overflow: auto;
}

ul#autonav-preview {margin-left: 20px; padding: 0px}
ul#autonav-preview, ul#autonav-preview li {list-style-type: disc}
ul#autonav-preview li {margin-left: 10px; padding: 0px; }
ul#autonav-preview ul {margin-left: 30px; padding: 0px}

div.ccm-scrapbook-list-item-detail {padding-left: 30px; padding-top: 8px; overflow: hidden; margin-bottom: 8px; max-height: 100px}

div.ccm-pane-header {margin-top: -12px; padding-top: 8px; position: relative}
div.ccm-pane-header a.ccm-button {position: absolute; top: 10px; right: 0px; background-image: none}
div.ccm-pane-header a.ccm-button span {background-image: none;}
div.ccm-pane-header a.ccm-button em {background-position: left top; line-height: 15px}
div.ccm-pane-header * {outline: none}

div#ccm-bc {
	position: fixed;
	width: 100%;
	display: none;
	top: 0px;
	left: 0px;
	z-index: 99;
	background: #e3ecf2;
	font-size: 11px; 
	border-bottom: 1px solid #dedede;
	color: #888;
}
div#ccm-bc-inner {
	height:18px;
	padding: 12px 8px 8px 20px;
	line-height: 14px;
}
div#ccm-bc a {color: #888; text-decoration: none}
div#ccm-bc a:hover {text-decoration: underline}
div#ccm-bc ul li:first-child {background-image: none; padding-left: 0px; padding-right: 0px; margin-right: 0px}
div#ccm-bc ul li {float: left; margin: 0px 0px 0px 6px; list-style-type: none; background: transparent url(../images/icons/bc.png) no-repeat scroll left top; padding: 0px 0px 0px 20px}
div#ccm-bc ul {padding: 0px; margin: 0px}
div#ccm-bc ul:after {	
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}