/* PAGE LAYOUT */

body
{
	margin: 0;
	padding: 0;
	background-color: #f4f4f4;
	font-size: 14px;
}

.wrapper
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background: #ffffff;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

/* PAGE STRUCTURE */

.header {
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
}
.header h1 {
	margin:0;
}
.header h2 {
	font-family: Arial;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}

div.login-widget {
	text-align: right;
	padding-right: 10px;
	font-size: 0.7em;
	background-color: #dddddd;
	color: #000000;
}
div.login-widget span {
	border-right: 1px solid #666666;
	padding-right: 4px;
	padding-left: 4px;
}
div.login-widget span.last {
	border-right: none;
	padding-right: 0;
}

.content {
	float: left;
	display: inline;
	width: 700px;
	margin-left: 10px;
	margin-right: 10px;
	min-height: 300px;
}
.footer {
	margin-left: 10px;
	margin-right: 10px;
	clear: both;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid #eeeeee;
	font-size: .7em;
}

div.breadcrumbs {
	font-size: 12px;
	margin-bottom: 10px;
}

/* Help Link */
div.page-help {
	float: right;
}
div.page-help a {
	display: block;
	min-height: 32px;
	padding-left: 40px;
	background-image: url('../images/icons/icnHelp32.png');
	background-repeat: no-repeat;
	padding-top: 6px;
}

/* FLASH MESSAGES */

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}


/* ICONS */
ul.features {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.features li {
	padding-left: 80px;
	padding-top: 0;
	margin-bottom: 10px;
}
.icon {
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 64px;
}

.icon-clock {
	background-image: url('../images/icons/icnClock64.png');
}
.icon-money {
	background-image: url('../images/icons/icnMoney64.png');
}
.icon-website {
	background-image: url('../images/icons/icnWebsite64.png');
}
.icon-reports {
	background-image: url('../images/icons/icnReports64.png');
}
.icon-news {
	background-image: url('../images/icons/icnNews64.png');
}
.icon-faq {
	background-image: url('../images/icons/icnFaq64.png');
}
.icon-power {
	background-image: url('../images/icons/icnPower64.png');
}
.icon-tick {
	background-image: url('../images/icons/icnTick64.png');
}
.icon-compliant {
	background-image: url('../images/icons/icnCompliant64.png');
}
.icon-secure {
	background-image: url('../images/icons/icnSecurity64.png');
}

.mailing-list-widget {
	margin-top: 20px;
}

ul#action-menu {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	list-style: none;
	text-align: right;
}
ul#action-menu li {
	display: inline;
	margin-left: 10px;
	background-color: #ffffff;
	border: 1px solid #aaaaaa;
	font-weight: bold;
	padding: 5px;
	font-size: 13px;
}


/* MAIN MENU */
.case-menu {
	float: left;
	display: inline;
	width: 220px;
	margin-left: 10px;
	margin-right: 10px;
}
.case-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.case-menu ul li {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 5px;
	padding-top: 5px;
}
main-menu ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.case-menu div.page-name {
	width: 160px;
	float: left;
}
.case-menu div.page-actions {
	width: 25px;
	font-size: 10px;
	text-align: right;
	line-height: 80%;
	float: right;
	padding-top: 5px;
	padding-right: 5px;
}
.case-menu a.add-page {
	text-align: right;
	font-size: 12px;
	display: block;
	padding-top: 6px;
	padding-right: 24px;
	margin-right: 10px;
	min-height: 32px;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url('../images/icons/icnAddPage16.png');
}

.case-menu .menu-group {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #bbbbbb;
	padding: 0;
}
.case-menu .menu-group h3 {
	margin-bottom: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #bbbbbb;
	padding: 5px;
}
.case-menu .menu-group li {
	padding-left: 10px;
}

.case-menu li.visibility-0 .page-name a {
	color: #bbbbbb;
}
.case-menu li.visibility-1 .page-name a{
	
}

/* CLIENTS MENU */
/* Includes an icon */
#client-menu li {
	padding: 0;
}
#client-menu li a {
	display: block;
	padding-left: 40px;
	padding-top: 6px;
	min-height: 32px;
	background-repeat: no-repeat;
}
#client-menu li a.cases {
	background-image: url('../images/icons/icnReports32.png');
}
#client-menu li a.settings {
	background-image: url('../images/icons/icnSettings32.png');
}
#client-menu li a.users {
	background-image: url('../images/icons/icnUsers32.png');
}

/* WEBSITE ADMIN MENU */
/* Includes an icon */
/* Uses a class because the menu is split into two UL tags with custom
	pages in the middle */
.website-admin-menu li {
	padding: 0;
	padding-left: 0;
}
.website-admin-menu li a {
	display: block;
	padding-left: 40px;
	padding-top: 6px;
	min-height: 32px;
	background-repeat: no-repeat;
}
.website-admin-menu li a.home {
	background-image: url('../images/icons/icnHome32.png');
}
.website-admin-menu li a.settings {
	background-image: url('../images/icons/icnSettings32.png');
}
.website-admin-menu li a.mailing-list {
	background-image: url('../images/icons/icnMailingList32.png');
}
.website-admin-menu li a.preview {
	background-image: url('../images/icons/icnPreview32.png');
}



#side-menu {
	list-style: none;
	padding: 0;
}
#side-menu li {
	border-bottom: 1px solid #dddddd;
	font-weight: bold;	
}
#side-menu li a {
	color: #666666;
}
#side-menu li a:hover {
	color: #333333;
	text-decoration: none;
}
#side-menu li.active {
	background-color: #f4f4f4;
}

/* ACTION BAR */
div.actionBar {
	margin-bottom: 10px;
	background-color: #f4f4f4;
	border-bottom: 1px solid #cccccc;
	text-align: right;
}
div.actionBar a {
	padding: 3px;
}


/* SIMPLE TABLE */
table.simple-table
{
	border-collapse: collapse;
	width: 100%;
}

table.simple-table th, table.simple-table td
{
	border-bottom: 1px #dddddd solid;
	padding: 0.3em;
}

table.simple-table th
{
	font-weight: bold;
	text-align: left;
}

table.simple-table th.label
{
	width: 150px;
}

table.simple-table tr.odd
{
	background: #EEEEEE;
}

/* FAQ */
.faq dt {
	padding: 3px;
}

/* HELP FILES */
.help-file h1 {
	font-size: 20px;
	margin-bottom: 10px;
}
.help-file h2 {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
}

/* Used for web address of a repository */
.grey-box {
	border: 1px solid #333333;
	background-color: #eeeeee;
	padding: 10px;
	margin-bottom: 10px;
}
.grey-box pre {
	margin-bottom: 0;
	margin-top: 0;
	font-weight: bold;
}