/**************************************************************************
 *
 * Default css for CMS2 
 *
 **************************************************************************/
 
	label.design-notes{
		font-style: italic;
	}
	
	.page-status{
		display:inline;
		position:absolute;
		top: 0px;
		right:0px;
		text-align:right;
	}
	
	.approved{
		background-color:#f5fbea;
	}
    ul.online-users-list {
        margin-bottom : 0;
    }
    
    div.cms-new-comments {
        width:75%;
    }

/****** fieldset styles ***/
	.simple-form-image {
		border-style:solid !important;
	}

	.simple-form fieldset, fieldset.simple-form{
		margin-top:1em;
		border-width:1px;
		border-color:#ACD9F7;
		padding:2em;
		border-style:solid none none;
	}

	.simple-form label{
		width:25%;
		clear:left;
		float:left;
		text-align:left;
		margin-right: 0.5em;
		display: block
	}
	
	.simple-form textarea{
		width:30%;
	}
	
	.simple-form div div{
	/*	clear:left;
		display:inline-block; */
	}
	
	.simple-form div.help{
		float:right;
		width:30%;
		/*max-width:12em;*/
		margin:0;
		padding:0  0.5em 0 15px;
		border:1px #ACD9F7;
		border-style:none none dashed dashed;
		background-color: #D9EEFD;
	}
	.simple-form div.help-wide{
		width:95%;
	}

	.simple-form div{		
		padding:0.2em;
		margin:0.2em 0;
		/*border-bottom:1px dotted #ACD9F7;*/
	}
	.simple-form legend {
		padding:0 1em;
		color: #4A4631;
		font-size: 100%;
		text-transform: uppercase;
	}
	.simple-form input.button {
		/*min-width:1em;*/
		width: auto;
		margin:0 10% 0 0.2em;
	}
	.simple-form label em {
		color:#DD0000;
		padding:0 0.2em;
	}
	
	.simple-form div:after{
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: left; 
	    visibility: hidden;
	}


/****** these are the tabular styles used throughout the cms ***/
	ul.notebook, ul.notebook ul, ul.notebook li{
		background-color: #FFFFFF;
		margin: 0px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	ul.notebook ul{
		padding-left: 0.3em;
	}
	
	ul.notebook li{	
		list-style: none;
		border-bottom: 2px solid #F4FBFF;
		border-left: 	1px dotted #000;
		padding-left: 	13px;
		background: url(/admin/cms2/images/dotted.gif) scroll no-repeat 1px 0.8em;
		clear:left;
	}
	
	
	table.notebook{
		background-color: #FFFFFF;
		border: none;
		margin: 0;
		width: 100%;
	}
	
	table.notebook td { 
		border-bottom: 2px solid #F4FBFF;
	}

	table#siteexplorer {
		border-collapse: collapse;
	}

	table.notebook td.lock {
		padding: 0;
		text-align: center;
		width: 18px;
	}



/****** these is the button box on nearly all cms pages ***/
	div.buttons_box{
		height: 60px;
		background-color: #F4FBFF;	
		padding: 0.5% 1% 1% 0.5%;
		margin: 0 auto 1em auto;
		border: 1px solid #A1CBE6;
	}


	div.button{
		float:left;
		width:80px;
		padding: 0.2% 1% 1% 1%;
		margin: 0 auto 1em auto;
		margin-left:auto;
		margin-right:auto;
		background-image: url("/admin/cms2/images/keyline.png");
		background-position: top right;
		background-repeat: no-repeat;
		text-align:center;
		display: block;
	}
	
	.help{		
	}
	
	div.large-button{
		float:left;
		width:180px;
		padding: 0.2% 1% 1% 1%;
		margin: 0 auto 1em auto;
		margin-left:auto;
		margin-right:auto;
		background-image: url("/admin/cms2/images/keyline.png");
		background-position: top right;
		background-repeat: no-repeat;
		text-align:center;
		display: block;
	}


/****** button classes - this is to get around the <input type="button" /> problems ***/
	input.cms_button {
		height:33px;
		width:36px;
		border:0;
		background-color:#F4FBFF;
		cursor:pointer;
		cursor:hand;
	}

	.next{
		background-image: url("/admin/cms2/images/ico-next.png");
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	input.cms_button.cancel {
		background-image: url("/admin/cms2/images/ico-cancel.png");
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	.histroy{
		background-image: url("/admin/cms2/images/ico-revision.png");
		background-position: top left;
		background-repeat: no-repeat;
	}
		
	.delete{
		background-image: url("/admin/cms2/images/ico-delete.png");
		background-position: top left;
		background-repeat: no-repeat;
	}
		
	.preview{
		background-image: url("/admin/cms2/images/ico-previewpage.png");
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	.draft{
		background-image: url("/admin/cms2/images/ico-savedraft.png");
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	.approve{
		background-image: url("/admin/cms2/images/ico-approve.png");
		background-position: top left;
		background-repeat: no-repeat;
	}
		
	.refresh{
		background-image: url("/admin/cms2/images/ico-refreshpage.png");
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	.save{
		background-image: url("/admin/cms2/images/ico-save.png");
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	.edit{
		background-image: url("/admin/cms2/images/ico-newpage.png");
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	.upload{
		background-image: url("/admin/cms2/images/ico-fileupload.png");
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	.change_template{
		background-image: url("/admin/cms2/images/ico-changetemplate.png");
		background-position: top left;
		background-repeat: no-repeat;
	}

/****** Style fields ***/
	.cm_field{	
		border-bottom:1px dotted black;
		padding:5px;
	}
	
	.textarearich{
		width:500px;
	}
	
	.text{
	}
	
	.image{
		width:500px;
	}
	
	.del p{
		padding:5em;
	}


/*** this stuff is for the index box ***/

.content-box{
	border: 1px solid #ACD9F7;
	background-color: #EDF7FE;
	padding: 1%;
}

.content-box div.tab{
	background-image: url("/admin/cms2/images/tab.png");
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 90%;
	padding: 0.5%;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	width: auto;
}

/*** calendar stuff ***/
/*
div.tabs{
	background-color:#ffffff;
}

div.tabs a.active{
	background-color:#EEF9FF;	
}

div.tabs a.visited{
	background-color:#ffffff;
}
*/

.cms-links{
	font-size: 60%;
	font-weight: bold;
	text-transform: uppercase;
	height: 30px;
	/*position: absolute;
	bottom:-0px;*/
	left: 3%;
	padding:0px 10px 0px 0px;
	text-align: center;
	overflow:hidden;
}

.cms-links div.layout.tail{
	float: right;
	background-image: url("/images/mainnav-li.png");
	background-repeat: no-repeat;
	background-position: right top;
	height: 33px;
	width: 2px;
	background-color: #ACD9F7;
}

.cms-links div.layout.left{
	background-image: url("/images/subnav-left.png");
	background-repeat: no-repeat;
	background-position: top left;
	width: 23px;
	height: 33px;
	float: left;
}

.cms-links ul {
	background-image: url("/images/subnav-right.png");
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0px;
	padding: 0 15px 0 0;
	padding-right:10px;
	text-align: center;
	height: 33px;
	float: left;
}

.cms-links ul li{
	float: left;
	list-style: none;
	/*margin-left: 5px;*/
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url("/images/mainnav-li.png");
	background-repeat: no-repeat;
	height: 29px;
}

.cms-links ul li a{
	margin-top: 10px;
	padding-top: 10px;
	color: #313A91;
	text-decoration: none;
}

.cms-links a:hover{
	text-decoration: underline;
} 

#subnav li.active{
	background:url(/images/subnav-li-highlight.png) top left transparent repeat-x;
	
}


/*
table.diary-month, table.diary-week, table.diary-day{
	border:none;
	background-color:#ffffff;
	border-collapse:collapse;
}

table td.month-title{
	color:#4A4631;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:5px;
	font-weight:bold;
	background-color:#F4FBFF;
	border: 1px solid #A7CDE8;
}

table td.day, td.day{
	font-weight:bold;
	padding:5px;
	background:#F4FBFF;
	border: 1px solid #A7CDE8;
}


table th.date, th.time, th.day{
	border:none;
	padding:5px;
	background-color:#ffffff;
	border-right: 1px solid #A7CDE8;
	border-left: 1px solid #A7CDE8;
}

table td.date, td.time{
	background-color:#ffffff;
	padding:5px;
	border-right: 1px solid #A7CDE8;
	border-left: 1px solid #A7CDE8;
	border-bottom: 1px solid #A7CDE8;
}

td.date, a.date{
	border:none;
}

th.date a{
	float:left
}

th.today-date, td.today-date{
	background-color: #D7F0FF !important;
}

	*/

table.calendar {
	margin-top: 0px;
}
div.tabs a.active {
	background-color:#F5F5F5;
	border-bottom:medium none;
	color:#4A4631;
	font-weight:bold;
}
div.tabs a {
	background-color:#D7D7D7;
	border-left:1px solid #E1DDDC;
	border-right:1px solid #E1DDDC;
	border-top:1px solid #E1DDDC;
	color:#4A4631;
	display:block;
	float:left;
	margin-right:1px;
	margin-top:0;
	padding:0.6em 3em 0.6em 2em;
	text-decoration:none;
	text-transform:uppercase;
	white-space:nowrap;
}

th.date a.SRC-blue {
	border:1px solid #A7CDE8;
	font-size:smaller;
	margin:0pt 0pt 0pt 0.5em;
	padding:1pt 1px;
	text-decoration:none;
	float:right;
	color:#A7CDE8;
}

/*** filter for calendar ***/
fieldset label.filter{
	margin: 5px 0;
	width: 6em;
}
div.filter div.dates div.quickfindbutton {
    float: left;
}
div.filter div.dates div.quickfindtext {
    margin-top: 1em;
}
div.filter div.dates div.daydiv {
    text-align: center;
    margin-bottom: 0.5em;
}
div.filter div.dates div.inputs center {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/*the date picker*/
img.ui-datepicker-trigger {
    cursor: pointer;
}
div#ui-datepicker-div {
    text-align: center;
}
div#ui-datepicker-div div.ui-datepicker-header, div#ui-datepicker-div table.ui-datepicker-calendar {
    border: solid 1px #cccccc;
    background-color: #FFFFFF;
}
div#ui-datepicker-div a.ui-corner-all {
    cursor: pointer;
}
div#ui-datepicker-div a.ui-datepicker-prev {
    margin-right: 0.5em;
}
div#ui-datepicker-div a.ui-datepicker-next {
    margin-left: 0.5em;
}


fieldset select, fieldset input{
	margin:5px 0;
}


/*** scaffold stuff (calendar) ***/
table.scaffold, .ut-label, .ut-content, .help, td, table th{
	background-color:#ffffff;
	border:none;
	collapse:collapse;
}

.desc{
	padding-left:0;
}

ul{
	list-style: none;
}

ul li{
	list-style: disc;
}

div.tabcontent{
	background-color: #ffffff;
}
#title-url {
	border:1px solid #A1CBE6;
	padding:4px 7px;
	display:none;
}

.js-show {
	display:none;
}

/* site explorer */
.visibility-invisible {
	color:gray;
}
.visibility-visible {
	color:green;
}
.visibility-visible-with-warning, .visibility-invisible-with-warning {
	color:orange;
}
.siteexp-information{
background: transparent url(images/information.png) no-repeat center center;

}
.siteexp-help{
background: transparent url(images/help.png) no-repeat center center;
}
.siteexp-information, .siteexp-help{
float:right;
height:14px;
width:14px;
}
.siteexp-cell-control {
	width:61px;
}
.siteexp-cell-status {
	width:66px;
}


/* REVISION DIFF - see /admin/cms2/revision/ */
.revision-diff-first,
.revision-diff-second,
.revision-diff-difference,
.revision-diff tr td.revision-col,
.revision-diff tr td.revision-diff-col {
	width: 27.9%;
}
.revision-type-col {
	width: 16%;
}
.revision-diff table {
}
.revision-diff .cm_field{
	width:auto;
	border:none;
	padding:0px;
	margin:0px;
}
.revision-diff tr td,.revision-diff tr th {
	border: 1px solid #D7D7D7;
}
.revision-diff tr img{
	max-width: 300px;
	overflow: hidden;
}
.revisions-are-the-same td, .revisions-are-the-same th{
	background-color: #EBFFFF;
}
.revisions-are-different td, .revisions-are-different th{
	background-color: #FFF0EF;
}
.revision-diff del * {
	text-decoration: line-through;
}
.revision-diff ins * {
	text-decoration: underline;
}
.cms-section {
	background-color:#F4FBFF;
	border:1px solid #A1CBE6;
	clear:left;
	height:auto;
	margin:0 auto 1em;
	padding:6px;
}


ol.asmList {
	width:50%;
	margin:0px 0px 0px 25.5%;
	padding:0%;
}
ol.asmList li {
	background:#D9EEFD;
	padding:0.2em;
	border:1px solid #A1CBE6;
	margin: 0px 0px 1px 0px;
	font-weight:bold;
}
ol.asmList li a.asmListItemRemove {
	font-weight:normal;
	float:right;
}

fieldset.simple-form #accordion {
	font-size:inherit;
/*	width:90%;*/
}

/*fieldset.simple-form #accordion .ui-state-default .ui-icon {
	background-position: right;
}*/

fieldset.simple-form #accordion a.ui-accordion-header {
    padding-left:2.4%;
	padding-top:3px;
	padding-bottom:3px;
	width:97.5% !important;

}

fieldset.simple-form #accordion .ui-accordion-content {
border: 1px solid #E1DDDC;
}

.asmContainer li{
	list-style: none;
}
.simple-form div.page-tag-asm-wrapper {
width:40%;
float:left;
padding:0px;
margin:0px;
}
.simple-form div.page-tag-asm-wrapper div,
.simple-form div.page-tag-asm-wrapper select {
padding:0px;
margin:0px;
margin-bottom:5px;
}
.simple-form div.page-tag-asm-wrapper ol.asmList{
margin-left:0px;
width:99%;
}

textarea.editor, span.mceEditor {
	margin-left:25.1%;
	display:block;
}
#forumpost_parent {
    margin-left:0;
}

/****** google map in calendar (frontend) ***/
div#cms2_google_map {
	height:500px;
	min-width:500px;
	margin: 10px;
	padding:0;
}

div.cms-news-image {
    float: left;
    margin-right: 10px;
}

div#relatedpages.portlet div.portlet-header.headertab h2 {
    padding-left: 0px;
}

div.page-tags-related-pages-list-entry {
    margin-top: 0.5em;
}

/*for IE*/
img.cms_paragraph_image {
    border: none;
}

div.home-fbpost {
    margin-bottom: 1.5em;
}

.map {
	width:600px;
	height:450px
}

.ui-tooltip {
	position: absolute;
	z-index: 9999;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}

.ui-tooltip h3, .ui-tooltip div { margin: 0 }

/* CMS Documents */
div.documents-rich-textarea, div.documents-filters.submitbuttons {
	margin-bottom: 20px;
}
div.filter-area.documents-filters {
	margin-bottom: 5px;
}
div.documents-rich-textarea.nomargin {
	margin-bottom: 0px;
}
div.documents-rich-textarea div.section p {
	margin: 0.25em;
}

div.documents-rich-textarea.nobg div.section, div.documents-filters.nobg.submitbuttons div.section {
	background: none;
}

/* news tags */
div.cms-tag-divider{
	border-top: 1px solid #000;
}

div.news-wrapper table.list td div.news-list-tags {
	margin-top: 1em;
}

/* Edit/New Page  */
label.edit-page-upload-new-image, label.edit-page-upload-new-image-descr {
	margin-top: 7px;
	margin-bottom: 5px;
}

/*lightweight-filters*/
form table.lightweight-filters.documents tr.lightweight-filters td.documents-keyword-phrase {
	width:36%;
}