body {background: #efefef url(../images/dashboard/bg.png) repeat-y scroll; padding: 0px; margin: 0px}
ul, li {margin: 0px; padding: 0px}
body, ul, td, div, h1, h2, h3, h4, h5 {font-family: "Arial Rounded MT", "Helvetica Neue", Arial, Helvetica, sans-serif}
img {border: 0px}

div#ccm-dashboard-header {background: transparent url(../images/dashboard/bg_header.png) repeat-x scroll; position: absolute; top: 0px; left: 0px; height: 53px; width: 100%; z-index: 10}

div#ccm-system-nav-wrapper1 {position: absolute; border-left: 1px solid #fff; top: 0; right: 0; z-index: 15; text-align:right;}
ul#ccm-system-nav {height: 45px; border-left: 1px solid #d7d7d7; float:right;}
ul#ccm-system-nav li {
	float: left;
	border-right: 1px solid #d7d7d7;
	margin: 0px 0px 0px 0px !important;
	background: transparent url(../images/bg_header_rib.png) repeat-x scroll;
	padding: 0px 0px 1px px !important;
	list-style-type: none;
}

ul#ccm-system-nav li a, ul#ccm-system-nav li span {display: block; padding: 15px 9px 14px 28px; text-align: center; background-repeat: no-repeat; font-size: 13px; font-weight: bold; color: #787878; text-decoration: none; border-right: 1px solid #fff}
ul#ccm-system-nav li span {color: #cecece}
ul#ccm-system-nav li:hover {background: #A2DAFD url(../images/bg_header_active.png) repeat-x scroll;}
ul#ccm-system-nav a:hover {border-right: none; padding-right: 10px; color: #333}

ul#ccm-system-nav #ccm-nav-return {background-image: url(../images/dashboard/icon_return_to_website.png); background-position: 6px 14px !important}
ul#ccm-system-nav #ccm-nav-logout {background-image: url(../images/dashboard/icon_logout.png); background-position: 5px 14px !important}
ul#ccm-system-nav #ccm-nav-dashboard-help {background-image: url(../images/icons/icon_header_help.png); background-position: 6px 15px !important}

div#ccm-dashboard-nav {position: absolute; top: 45px; left: 0px; width: 200px; z-index: 2}
div#ccm-dashboard-nav li {display: block; width: 200px; background: #ededed url(../images/dashboard/bg_nav.png) repeat-x scroll; border-bottom: 1px solid #e1e1e1}
div#ccm-dashboard-nav li a {color: #787878; font-weight: bold; display: block; font-size: 13px; height: 40px; overflow: hidden; padding: 6px 11px 0px 12px; text-decoration: none}
div#ccm-dashboard-nav li a:hover {background: #A2DAFD url(../images/bg_header_active.png) repeat-x scroll;}
div#ccm-dashboard-nav li.ccm-nav-active a {background: #cdd9dd url(../images/dashboard/bg_nav_active.png) repeat-x scroll bottom right}
div#ccm-dashboard-nav li a span {font-family: Arial, Helvetica; font-size: 11px; color: #a8a8a8; height: 12px; overflow: hidden; font-weight: normal; display: block; margin-top: 1px}

/*
div#ccm-dashboard-page{ width:auto; padding-left:225px; margin:0px; padding-right:20px; padding-top:70px; padding-bottom:30px  }
div#ccm-dashboard-content {width:auto; height:auto; padding:0px; overflow:hidden  }
{ margin: 70px 30px 30px 225px; }
div#ccm-dashboard-content {width:auto; position: absolute; left:225px; top:70px; margin-bottom:30px; margin-right:30px; padding:0px  }
*/

div#ccm-dashboard-content { width:auto; margin: 70px 30px 30px 225px; padding:0px; height:auto }
div.ccm-dashboard-inner {background-color: #fff; color: #666; border: 1px solid #ccc; padding: 8px; margin-bottom: 20px;  font-size: 12px; position:relative; }
div.ccm-dashboard-inner td {font-size: 12px}


div.ccm-dashboard-inner fieldset {
	border:1px solid #efefef;
}

h1 {background: transparent url(../images/dashboard/header_l.png) no-repeat}
h1 span {display: block; background: transparent url(../images/dashboard/header_r.png) repeat-x right top; padding: 4px 3px 4px 0px; margin-left: 11px}

form {margin: 0px}
a {text-decoration: none; color: #5377A9; cursor:pointer}
.required {color: #009}
.error {color: #f00}
.success {color: #666}
.deem {color: #aaa; }

h1, h2, h3, h4, h5 {color: #666; margin: 0px}
h1 {font-size: 16px; margin: 0px}
h2 {font-size: 14px; color: #457da5; margin-bottom: 8px}
h3 {margin-bottom: 8px}

div.message {padding: 10px; border: 1px solid #94a7c7; background: #eee; margin-bottom: 10px; font-size: 13px; font-weight: bold;}
div.message li {color: #666; font-weight: normal}
div.message ul {margin: 10px 0px 0px 0px; padding-left: 20px}

div.actions { position: absolute; top: 7px; right: 10px }


div#ccm-user-search {border: 1px solid #ddd; padding: 8px; margin-bottom: 10px;}
div#ccm-user-search div, div#ccm-user-search td, div#ccm-user-search input {font-size: 11px}
div#ccm-user-search span.ccm-input-time-wrapper {white-space: nowrap}
div#ccm-user-search-advanced {margin-top: 10px; display: none;}
div#ccm-user-search-regular {margin-top: 10px; display: none;}

img.handle:hover {cursor: move}

table.grid-list td.crumb {color: #777;font-size:9px;background: #efefef}
table.grid-list td.crumb a {color: #aaa}
table.grid-list {background: #bbb; width:100%}
table.grid-list td {padding: 8px; background: #fff; color: #666}
table.grid-list td.subheader {padding: 4px; background: #ddd; font-size: 11px; font-weight: bold}
table.grid-list td.subheader a {color: #666;}
table.grid-list td.subheaderActive {background: #aaa; color: #222; font-size: 11px; font-weight: bold}
table.grid-list td.subheaderActive a {color: #fff}
table.grid-list td.active {background-color: #D3E4F0}
table.grid-list td.status {text-align: center}

table.entry-form {background: #bbb; margin-bottom: 10px}
table.entry-form td {padding: 4px; background: #fff; color: #666}
table.grid-list td.header {font-weight: bold; background: #D3E4F0}
table.entry-form td.header {font-weight: bold; background: #D3E4F0}
table.entry-form td.subheader {font-weight: bold; color: #333; font-size: 13px; background: #efefef}
table.entry-form input, table.entry-form select {font-size: 13px}

div.ccm-paging {margin: 10px 0px 10px 0px}
div.ccm-paging-top {margin: 0px 0px 10px 0px}

img.u-avatar {margin: 0px 10px 10px 0px; border: 2px solid #eaeaea}
div.ccm-dashboard-inner div.ccm-buttons {padding-top: 0px !important}

/* notification */
div#ccm-dashboard-notification {
	background: #D4DFCE;
	border-bottom: 1px solid #afafaf;
	margin: 46px 0px -48px 201px;
	padding: 5px;
	font-size: 12px;
	color: #888;
}

/* subnav */

div#ccm-dashboard-subnav {
	background: #BDD1DD;
	border-bottom: 1px solid #afafaf;
	margin: 46px 0px -48px 201px;
	padding-bottom: 5px;
}

div#ccm-dashboard-subnav div.ccm-spacer {line-height: 0px; margin: 0px; height: 0px}

div#ccm-dashboard-subnav ul {
	font-size: 11px;
	color: #666;
	list-style-type: none;
	padding: 0px 0px 0px 10px;
}

div#ccm-dashboard-subnav li {float: left; padding: 3px 10px 3px 10px; margin: 6px 20px 0px 0px}

div#ccm-dashboard-subnav a {color: #666; text-decoration: none}
div#ccm-dashboard-subnav a:hover {text-decoration: underline}
div#ccm-dashboard-subnav li.nav-selected {background-color: #6A7881; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
div#ccm-dashboard-subnav li.nav-selected a {color: #fff; font-weight: bold}
/* groups */
ul.ccm-dashboard-list li {list-style-type: none; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc}

form#ccm-log-search {position: absolute; top: -22px; font-size: 10px; right: 10px}
form#ccm-log-search input {font-size: 10px;}
form#ccm-log-search input.ccm-input-text {padding: 2px}

/* homepage modules */

div#ccm-module-wrapper {min-width: 778px}
div#ccm-module-row1 div.ccm-module {width: 375px; min-height: 300px; }
div#ccm-module-row2 div.ccm-module {width: 247px; min-height: 220px}
div.ccm-module div.ccm-dashboard-inner {margin-bottom: 0px}
div.ccm-module {margin-bottom: 10px; margin-right: 10px; float: left; font-size: 12px}
div#ccm-module-row2 {clear: both}

div.post {font-size: 11px; line-height: 16px; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px dotted #aaa}

div#user-attributes-list {margin-top: 20px; margin-bottom: 20px}
div.uat img {vertical-align: middle; margin-right: 4px}
div.uat {border-bottom: 1px dotted #aaa; margin-bottom: 5px; padding-bottom: 5px}

*.notes {font-size: 10px; color: #aaa}

table.entry-form {width: 100%}
table.entry-form input.uak-text {width: 200px}
table.entry-form textarea.uak-textarea {width: 200px; height: 120px}
table.entry-form div.uak-radio {margin: 0px 0px 10px 0px}

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; position: relative}
.pagination .pageRight{position: absolute; top: 0px; right: 0px;}
.pagination .pageLeft{position: absolute; top: 0px; left: 0px}

.noDisplay{display:none}
.center{text-align:center}

#loadingIcon{ display:none }
   
/* templates */

table#ccm-template-list {width: 100%}
table#ccm-template-list img.ccm-icon-theme {border: 3px solid #888; margin-right: 10px; margin-bottom: 10px}
table#ccm-template-list td {padding: 10px}
table#ccm-template-list td.ccm-template-content {width: 100%; padding-left: 0px}
table#ccm-template-list tr.ccm-theme-active td {background-color: #E2F2FC}

div.ccm-dashboard-radio input {vertical-align: middle}
div.ccm-dashboard-radio {margin-bottom: 8px}
div.ccm-dashboard-description {color: #888; margin-bottom: 8px}
.clear {clear:both;}