/* changing box models: http://www.quirksmode.org/css/box.html  */

/* causes problems with fckeditor full screen mode
/*
* {
	-moz-box-sizing: border-box;
  box-sizing: border-box;
}
*/

BODY {
	margin: 0px;
	padding: 0px;
	
	/* seems to fix IE's position:fixed problem */
	/*height: 10%; 
	overflow-y: auto;*/
}

/* gets rid of the annoying dotted outline in firefox */
a {
  outline: none;
  cursor: pointer;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}


/****************************** KO CONTAINER STYLES ***************/

#content > .koContainer {
	width: 100%;
}

.koContainer {
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
	overflow: none;
}

.showContainer {
	background-color: #FFFFFF !important;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}



/* *************************************************************************/

/* addChild/deleteChild styles */

#addNewContent {
	clear: right;
	margin-bottom: 10px;
}

#modTypes {
	margin: 6px;
	padding: 2px;
	clear: right;
}
#modTypes h3 {
	margin: 0px;
	padding: 0px;
}
#modTypes h4 {
	margin: 4px;
	margin-top: 14px;
	margin-bottom: 10px;
	padding: 0px;
}
#modTypes ul {
	margin: 0px;
	padding: 0px;
}
.modType {
	margin: 2px;
	padding: 2px;
	padding-top: 0px;
	list-style: none;
	border: 1px solid silver;
	float: left;
}
.modType input {
	margin: 6px 2px 0px 6px;
}
.modType label {
	margin: 5px;
	margin-bottom: 10px;
}
.modTypeDescription {
	position: absolute;
	margin: 2px;
	padding: 8px;
	border: 1px solid black;
	background-color: #CCCCCC;
	font-size: 95%;
	width: 300px;
}
.modVersion {
	font-size: smaller;
}


/* add existing content */

#addExistingContent {
	clear: left;
	border-left: 1px solid #CCCCCC;
}

#kbSearchList {
	margin: 6px;
	padding: 2px;
}
#kbSearchList h3 {
	margin: 0px;
	padding: 0px;
}
table {
	display: table;
	/*border: 1px solid black;*/
	clear: both;
}

tr {
	display: table-row;
}
/*tr:hover {
	background-color: #CCCCCC;
}*/

th, td {
	display: table-cell;
	padding: 4px;
}
th {
	font-weight: bold;
	background-color: #CCCCCC;
}

.selectedContent, .toBeDeleted {
	background-color: #CCCCCC;
}

ul.searchResults li { 
	list-style: none; 
}
ul.searchResults li a {
	text-decoration: none;
	border: 0px;
}

.controlLinks {
	margin-left: 10px;
}

.controlLink {
	border: 1px solid #666666;
	padding: 1px;
	text-decoration: none;
	cursor: pointer;
}

#loadStatus {
	margin: 20px;
}
#loadStatus img {
	margin: 10px;
}


/****************************** MESSAGES STYLES ***************/

.systemMessages
{
	position: absolute;
	width: 60%;
	height: 40%;
	top: 140px;
	left: 50%;
	margin-left: -30%;
	padding: 10px;
	border-style: outset;
	border-width: 2px;
}

#userMessages {
	z-index: 100;
	background-color: #ceefff;
	border-color: #336699;
	color:#003399;
}

#errorMessages {
	z-index: 101;
	border-color: #990000;
	background-color: #ffcccc;
	font-weight: bold;
	color: #990000;
}
#closeSystemMessages {
	position: absolute;
	font-size: 10px;
	right: 10px;
	bottom: 10px;
}

#errorMessages ul {
	margin-top: 14px;
}

#phpErrorMessages {
	border: 2px solid red;
	margin: 2px;
	padding: 6px;
}

#phpErrorMessages h4 {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
#phpErrorMessages h5 {
	margin-left: 20px;
	margin-bottom: 15px;
	color: red;
}

#phpErrorMessages .messageLine {
	display: block;
}


/****************************** FORM STYLES ***************/


div.clnFormBlock {
	padding: 5px;
	margin-bottom: 10px;
	clear: both;
}

div.clnFormLine {
   clear: both;
   padding: 10px 0 0 0;
}

.cmsFormContext{
	margin: .3em 0 1em 9em;
}
	

fieldset.c1Fieldset {
	clear: both;
	margin: 0px;
	margin-top: 10px;
	padding-left: 20px;
}
fieldset.c1Fieldset legend {
	font-weight: bold;
}
fieldset.c1Fieldset .clnFormLabel {
	margin-left: -20px;
}
fieldset.c1Fieldset .clnFormField {
	margin-left: 123px;
}

.clnFormGroup {
	border: 1px solid green;
}

.clnRow {
  clear: both;
  padding: 10px 0 0 0;
}

.clnInnerRow {
  clear: both;
  padding: 10px 0px 10px 20px;
}

div.clnFormIndent {
	margin-left: 150px;
}

.clnFormLabel {
  float: left;
  width: 140px;
  text-align/**/: right;  /* these characters in this declaration hack out Mac IE5.x */
  padding: 0px 5px 10px 0px;
}

.clnFormField {
	display: block;
	margin-left: 143px;
}

.clnFormField iframe {
	width: 99%;
}
			
.clnFormContext {
	visibility: hidden;
	position: absolute;
	margin: 0px;
	padding: 8px;
	border: 1px solid black;
	background-color: #CCCCCC;
	color: #000000;
	font-size: 95%;
	width: 300px;
}
			
.orSeparator {
	display: block;
	margin: 6px;
	margin-left: 180px;
}

th {
	/* border-bottom: 1px solid black; */
}

.groupName {
	/*background-color: #CCCCCC;*/
	font-weight: bold;
	width: 300px;
}

/****************************** TEXT STYLES ***************/

.viewDescription {
	margin-top: 6px;
	margin-left: 10px;
	margin-right: 16px;
	margin-bottom: 16px;
	padding: 2px;
}

.controlLink {
	font-size: smaller;
}

.note {
	font-size: smaller;
}
.subnote {
	font-size: x-small;
	margin-left: 10px;
}

.simpleButton {
	border: 1px solid silver;
	padding: 2px;
	cursor: pointer;
}

.selectedButton {
	background-color: #ccc;
}

.status_live {
	border: 2px dotted yellow !important;
	/* text-decoration: blink; */
}


/****************************** ROLES STYLES ***************/

.roleDescriptions h4 {
	margin: 0px;
	padding: 0px;
}

.roleDescriptions {
	font-size: smaller;
}


/****************************** SEARCH/LISTING STYLES ***************/

#resultsControls {
	padding: 2px;
	text-align: center;
	margin: 0px;
	margin-top: 10px;
	height: 30px;
	/*height: auto;*/
	clear: both;
}

#alphabetNavigation {
	display: block;
	margin: 4px;
	margin-bottom: 8px;
	padding: 8px;
	/*border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;*/
	font-size: smaller;
	clear: both;
}

#alphabetNavigation span {
	margin: 1px;
	padding: 1px;
}

#alphabetNavigation span.notAvailable {
	font-style: italic;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

#alphabetNavigation span.selected {
	border: 1px solid #000000;
}

#searchResults {
	float: left;
	width: 36%;
	text-align: left;
	padding: 2px;
	font-size: smaller;
}
#pagingNavigation {
	float: left;
	width: 60%;
	text-align: right;
	padding: 2px;
	font-size: smaller;
	clear: right;
}

span.kbSearchPreviousButton {
}

span.kbSearchPreviousButton span, span.kbSearchPreviousButton a {
	margin: 4px;
}

span.kbSearchPages {
	margin-left: 10px;
	margin-right: 10px;
}

span.kbSearchPages span {
	margin: 1px;
	padding: 1px;
}

span.kbSearchNextButton {
}

span.kbSearchNextButton span, span.kbSearchNextButton a {
	margin: 4px;
}

span.kbSearchPreviousButton span, span.kbSearchNextButton span {
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
}

.selectedPageResult {
	border: 1px solid #000000;
}

#koResults {
	font-size: smaller;
	width: 100%;
	border: 1px solid #000000;
	margin-top: 10px;
	padding: 4px;
}
#kbSearchResults {
	width: 100%;
}

#ListOfTypes li, #ListOfTags li {
	list-style-type: none;
}

.media_caption, .media_showcaption {
	float: left;
}

.media_showcaption {
 	clear: right;
}


.addNewTypeLink {
	float: none;    /*right*/
	/* margin-top: -26px; */
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 2px;
	clear: left;
	border: 1px solid #000000;
	font-size: smaller;
}
.addNewTypeLink a {
	text-decoration: none;
}


/**************************************************************************/
/**************************************************************************/
/**************************************************************************/
/**************************************************************************/

/* pulled from controller.css to lighten the load */

/****************************** CONTROLLER AND CONTROLBOX STYLES ***************/

.controlBoxHeading {
	margin: 0px;
	padding: 6px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #333333;
	color: #333333;
	margin-bottom: 10px;
	height: 120px;
}

.objectInformation {
	float: left;
}
.controlBoxTitle {
	font-weight: bold;
}

.controlBoxKOTitle {
	padding: 2px;
	border: 1px solid black;
}

.controlBoxModName {
	margin-left: 10px;
}

.editLangSelection {
	float: right;
	margin-right: 20px;
}

.editInformation {
	margin: 10px;
}

.versionStatus {
	margin-left: 10px;
	color: red;
}

.controllerOutline {
	position: absolute;
	border-top: 0px solid red;
	border-left: 0px solid red;
	border-width: 2px;
}

.controllerText {
	position: relative;
	float: right;
	/*background-image: url("./images/edit.gif");
	background-repeat: no-repeat;*/
	margin-top: 0px;
	margin-left: 0px;
	padding: 2px;
	text-align: center;
	background-color: darkblue;
	color: lightblue;
	border: 1px solid lightblue;
	z-index: 9;
	width: 46px;
}

.controllerText:hover {
	background-color: lightblue;
	color: darkblue;
	border: 1px solid darkblue;
}

.controller {
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: center;
	z-index: 9;
	width: 20px;
	height: 20px;
}

.controllerButton  {
	margin: 0px;
	padding: 0px;
	text-align: center;
	z-index: 9;
	width: 20px;
	height: 20px;
}

.containerOutline {
	z-index: 1000;
	background-color: #000;
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}

.closeControlBoxButtonText {
	position: relative;
	float: right;
	/*background-image: url("./images/close.gif");
	background-repeat: no-repeat;*/
	margin-top: 0px;
	margin-left: 0px;
	padding: 2px;
	text-align: center;
	background-color: lightblue;
	border: 1px solid darkblue;
	color: darkblue;
	z-index: 100;
	width: 46px;
}

.closeControlBoxButton {
	position: relative;
	float: right;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	width: 24px;
	height: 24px;
}

.controlBox
{
	/* display: none; */
	visibility: hidden;
	width: 600px;
	height: 400px;
	position: fixed; /* this does not work in IE - should be absolute, but that causes trouble for content at bottom of page */
	padding: 0px;
	margin: 0px;
	background-color: #CCCCCC;
	border: 2px solid #000000;
	/* border-style: outset; */
	text-align: left;
	z-index: 10;
	color: #000000;
	overflow: hidden;
	font-size: 12px;
}


/* **************************** controlBox *****************************/

.contentViews li .description {
	margin-left: 10px;
}

.controlBox .contentViews {
	display: block;
	margin: 10px;
	clear: both;
}
.controlBox .contentViews {
	font-weight: bold;
}
.controlBox .contentViews ul {
	margin: 0px;
	padding: 0px;
}
.controlBox .contentViews ul li {
	font-weight: normal;
	border: 1px solid #333333;
	float: left;
	text-align: center;
	margin: 2px;
	padding: 2px;
	list-style-type: none;
	font-size: 14px;
	background: #ffffff;
}
.controlBox .contentViews ul li a {
	color: #000000;
}



/* **************************************************************************/

.getViewInHtml {
	padding: 10px;
	/* border: 1px solid red; */
}

select.taskMenu {
	background-color: #000000;
	margin-left: 0px;
}


.drawerTop{
	padding: 2px;
}

.drawerBottom{
	padding: 2px;
}

.drawerRole {
}

.drawerInformation {
}

.drawerLanguages {
}

.activeLanguage {
	font-weight: bold;
}

.viewsColorKey {
	width: 200px;
	margin: 10px;
	margin-bottom: 20px;
	border: 1px solid black;
}

.colorKeyBox {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	margin: 2px;
	margin-left: 8px;
}
.colorKeyLabel {
	font-size: 10px;
	font-weight: normal;
	float: left;
}

.roleDescriptions {
	margin: 20px;
	padding: 10px;
	border: 1px solid #000000;
}

.koInformation {
	display: block;
	clear: both;
	margin: 10px;
}

ul.statusList {
	margin: 0px;
	padding-left: 20px;
}

#overlay {
	position: fixed;
	/*top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;*/
	z-index: 100;
	overflow: hidden;
}

.ghosted {
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_load {
	text-align: center;
	position: absolute;
	top: 30%;
	left: 0px;
	right: 0px;
	overflow: visible;
	visibility: visible;
	display: block;
	z-index:101;
}

#TB_loadContent {
	margin-left: -65px;
	margin-top: -65px;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	visibility: visible;
}


#loadingIndicator {
	display: block;
	/*margin-top: 100px;
	margin-left: 50%;*/
}
#loadingIndicator img {
	/*margin-left: -50px;*/
}

.editorOverlay {
	align: center;
	vertical-align: middle;
}
.editorOverlay div {
	display: inherit;
	color: red;
	font-size: 32px;
	padding: 10px;
}

.langLabel
{
	width: 20px;
	height: 20px;
	color: red;
	margin-left: 6px;
	padding: 2px;
	font-size: smaller;    
	vertical-align: baseline;
  position: relative;
  bottom: 0.33em;
}

#koTags {
	margin: 10px;
	padding: 4px;
	border: 1px solid silver;
}

#koTags h4{
	margin-bottom: 2px;
}

#tagList {
	margin: 10px;
}

ul#allTags {
	margin-left: -10px;
	padding: 40px;
	padding-top: 10px;
	text-align: center;
}

ul#allTags li {
	display: inline;
	list-style: none;
	margin: 4px;
	line-height: 24px;
}

ul#allTags li a {
	text-decoration: none;
}
ul#allTags li a:hover {
	background-color: #CCC;
	color: #000;
}

.tagLevel1 { font-size: small; }
.tagLevel2 { font-size: medium; }
.tagLevel3 { font-size: large; }
.tagLevel4 { font-size: x-large; }
.tagLevel5 { font-size: xx-large; }

#koTags span {
	margin-right: 4px;
}


.simpleTitle {
	font-weight: bold;
}



/****************************** AUTOCOMPLETER STYLES ***************/


div.autocomplete {
	position: absolute !important;
	width: 250px !important;
	background-color: #FFFFFF !important;
	color: #000000 !important;
	border: 1px solid #888 !important;
	margin: 0px;
	padding: 0px;
	opacity: 1 !important;
}
div.autocomplete ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div.autocomplete ul li.selected { background-color: #ffb; }
div.autocomplete ul li {
	list-style-type: none;
	display: block;
	margin: 0px;
	padding: 1px;
	cursor: pointer;
}
span.autocompleterIndicator {
	float: left;
	margin-left: 6px;
	border: none;
	clear: right;
}
input.autocompleter {
	float: left;
}



/****************************** AUTOCOMPLETER STYLES ***************/

/* for display Type/Image as thumbnails */

.imageThumbs > ul {
	margin: 2px;
	padding: 6px;
	clear: right;
	list-style: none;
}
.imageThumbs > ul > li {
	float: left;
	width: 170px;
	height: 184px;
}
.imageThumbs li .type_Image {
	height: 160px;
}
.imageThumbs .imageDetails {
	display: none;
}

.imageThumbs li .controlLinks {
	display: block;
	clear: both;
}


.imageList > ul {
	margin: 2px;
	padding: 6px;
	list-style: none;
	clear: right;
}
.imageList > ul > li {
	/*border: 1px solid #cccccc;
	height: 186px;*/
	width: 100%;
	margin: 4px;
	clear: both;
}
.imageList li img {
	font-size: 9px;
}

/*.imageList li .photoSlideContainer {
	display: none;
}*/

.imageList li .type_Image {
	height: 160px;
}

.imageList li .controlLinks {
	clear: both;
}

.imageTitle, .imageCaption, .imageFilename, .imageSize, .thumbnailSize {
	display: block;
	/*margin-left: 4px;*/
}
.imageTitle {
	font-weight: bold;
}

.thumbDisplaySelector {
	font-size: smaller;
}

/***** photo slide styles *****/

/* based upon http://www.brunildo.org/test/img_center.html */

.type_Image .photoSlideContainer {
	float: left;
}
.type_Image .imageDetails {
	float: left;
	margin-left: 8px;
	max-width: 400px;
}

.photoSlide
{
	background-image: url('../images/photoSlide.png');
	background-repeat: none;
	background-position: 100% 100%;
	display: block;
	text-align: center;
	vertical-align: middle;
	width: 160px;
	height: 160px;
}
/* IE6 cannot see this */
html > body .photoSlide {  
	display: table-cell;
}

.photoSlide * {
  vertical-align: middle;
}
.photoSlide img {
	margin-right: 4px;	/* shifts the image to account for the dropShadow effect */
	margin-bottom: 4px; 	/* shifts the image to account for the dropShadow effect */
	border: 1px solid silver;
	padding: 1px;
	font-size: 9px;
}
.photoSlide span.imageUnavailable {
	margin-top: 4px;
	margin-left: 4px;
	width: 100px;
	height: 20px;
	padding: 1px;
	font-size: 10px;
	text-align: center;
}
.photoSlide span {
	display: inline-block;
	height: 100%;
}
/* IE6 cannot see this */
html > body .photoSlide span {
	width: 1px; 
}


#unpublishedKOs {
	border: 1px solid #000000;
	width: 100%;
}
#unpublishedKOs tr th {
	background-color: #CCC;
}
#unpublishedKOs .classColumn {
	width: 400px;
}


#pageInfo {
	border: 2px solid #000000;
	padding: 4px;
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: #FFFFFF;
	color: #000000;
	z-index: 400;
}
#pageInfo a {
	color: #000000;
}


/* ************************** Set Navigation *********************************/

.SetNavigation {
	height: 24px;
	/*float: right;
	clear: right;*/
}

.SetResults {
	float: left;
	height: 20px;
	vertical-align: middle;
	margin-right: 4px;
	padding: 2px;
	font-size: 10px;
}
.SetButtons {
	float: left;
	clear: right;
	height: 20px;
	padding: 1px;
}

#previousButton img, #nextButton img {
	width: 20px;
	height: 20px;
	border: none;
}

/* ************************** Modules Manager ********************************/

table#allModules {
	padding: 0;
	margin: 0;
}
table#allModules tr {
	margin: 0;
	padding: 0;
}
table#allModules td {
	margin: 0;
	padding: 2;
}
table#allModules tr.d0 td {
	background-color: #cccccc; color: black;
}
table#allModules tr.d1 td {
	background-color: #999999; color: black;
}



/* ************************** sideBar Manager ********************************/


#sideBar {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	position: absolute;
	top: 120px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	z-index: 50;
}
#sideBarController {
	position: absolute;
	top: 56px;
	right: 0px;
	width: 1em;
	background-color: navy;
	color: white;
	text-align: center;
	text-transform: uppercase;
	/* line-height: 1.0em; */
	cursor: pointer;
	z-index: 51;
}



/* ************************** Set Display ************************************/


.viewStyleController {
	float: right;
	clear: right;
	width: 200px;
	text-align: right;
	padding: 4px;
}

/* Simple List */
ul.listDisplay {
	margin: 2px;
	padding: 6px;
	margin-left: 60px;
	clear: right;
}
ul.listDisplay li {
	list-style: decimal;
	clear: left;
}
ul.listDisplay li img {
	display: none;
}

ul.listDisplay li .koContainer {
	display: inline;
}

ul.listDisplay > li > .koContainer .koTitle {
	display: inline !important;
}



/* Thumbnails */

ul.thumbnailDisplay {
	margin: 2px;
	padding: 6px;
	clear: right;
	list-style: none;
}

ul.thumbnailDisplay li {
	float: left;
	width: 170px;
	height: 184px;
}

ul.thumbnailDisplay li a {
	text-decoration: none;
}

ul.thumbnailDisplay li .type_Image {
	height: 160px;
}

ul.thumbnailDisplay li span {
	display: none;
}

ul.thumbnailDisplay .imageDetails {
	display: none;
}

ul.thumbnailDisplay li .controlLinks {
	display: block;
	clear: both;
}


ul.thumbnailDisplay li .koContainer {
	background-image: url('../images/photoSlide.png');
	background-repeat: none;
	background-position: 100% 100%;
	display: block;
	text-align: center;
	vertical-align: middle;
	width: 160px;
	height: 160px;
}
/* IE6 cannot see this */
html > body ul.thumbnailDisplay li .koContainer {  
	display: table-cell;
}

ul.thumbnailDisplay li .koContainer * {
  vertical-align: middle;
}
ul.thumbnailDisplay li .koContainer img {
	margin-right: 4px;	/* shifts the image to account for the dropShadow effect */
	margin-bottom: 4px; 	/* shifts the image to account for the dropShadow effect */
	border: 1px solid silver;
	padding: 1px;
	font-size: 9px;
}
ul.thumbnailDisplay li .koContainer span.imageUnavailable {
	margin-top: 4px;
	margin-left: 4px;
	width: 100px;
	height: 20px;
	padding: 1px;
	font-size: 10px;
	text-align: center;
}
ul.thumbnailDisplay li .koContainer span {
	display: inline-block;
	height: 100%;
}
/* IE6 cannot see this */
html > body ul.thumbnailDisplay li .koContainer span {
	width: 1px; 
}

ul.thumbnailDisplay > li > .koContainer .koTitle {
	display: none !important;
	color: white;
}


ul.setDisplay li span.miniController {
	display: inline;
}
ul.setDisplay li span.miniController img {
	display: inline;
	width: 16px;
	height: 16px;
}

.activeDisplayStyle {
	border: 1px solid silver;
	background-color: #CCCCCC;
}




/* **************************** miniControlBox *****************************/

.miniController {
	display: inline;
	margin-left: 4px;
	padding: 2px;
	cursor: pointer;
}
span.miniController img {
	display: inline;
	width: 16px;
	height: 16px;
}

.miniController:hover .miniControlBox { display: block; }
.miniController:hover .miniControlBox div { display: block; }
.miniController:hover .miniControlBox ul { display: block; }
.miniController:hover .miniControlBox ul li { display: block; }
.miniController:hover .miniControlBox ul li ul { display: none; }

.miniControlBox {
	display: none;
	position: absolute;
	left: 0px;
  margin: 0px;
  padding: 0px;
  /* border: 1px solid #000000; */
}
.miniControlBox div {
	display: none;
  margin: 0px;
  padding: 0px;
}

.miniControlBox ul {
	display: none;
	width: 182px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
	border: 1px #000 solid;
}
.miniControlBox ul li {
	position: relative;
  margin: 0px;
	padding: 2px;
	background-color: #CCC;
	color: #000000;
	font-size: 12px;
  width: 178px;
  height: 2em;
}
.miniControlBox ul li a {
	display: block;
}
.miniControlBox ul li:hover {
	background-color: #FFF;
	margin-right: 10;
}
.miniControlBox ul li ul {
	display: none;
	position: absolute;
	left: 179px;
	top: -1px;
  margin: 0px;
  padding: 0px;
	border: 1px #000 solid;
	background-color: #CCC;
}
.miniControlBox ul li:hover ul {
}
.miniControlBox ul li:hover ul li {
}
.miniControlBox ul li:hover ul li:hover {
	background-color: #FFF;
}

.miniController .miniControlBox ul li:hover ul { display: block; }



ul.listDisplay li {
}
ul.listDisplay li a, ul.listDisplay li a .koContainer {
	display: inline !important;
	clear: none;
	text-decoration: none;
}

ul.listDisplay li span.miniController {
}

ul.thumbnailDisplay li span.miniController {
	display: block;
	margin-top: -32px;
	margin-left: 130px;
}


span.unpublished {
	color: red;
}
.perms {
	font-size: smaller;
}
.perms span {
	display: block;
}

.slidingDrawerController {
	cursor: pointer;
}

/*.closeButton {
	font-size: 11px;
	cursor: pointer;
}*/


/****************************** USER LOGIN ***************/

#loginExpand {
	position: fixed;
	width: 460px;
	height: 280px;
	top: 240px;
	left: 50%;
	margin-top: -90px;
	margin-left: -230px;
	z-index: 200;
	background-color: #FFFFFF;
	color: #000000;
	border: 2px solid #000000;
	padding: 10px;
}

#loginExpand h3, #loginExpand p {
	text-align: center;
}

#userLogin {
	font-size: 90%;
	width: 320px;
	margin: 10px;
	padding: 0px;
	margin-top: 20px;
	margin-left: 20px;
}

#userLogin input {
	padding: 0px;
}
	
.loginSubmitButton {
	padding: 1px 1px 1px 2px;
	height: 20px;
	width: auto;
	font-weight: bold;
	border: 2px outset #333333;
	font-size: 95%;
	position: relative;
	top: 1px;
}

#loginEmail {
	display: block;
	text-align: right;
}

#formLoginEmailField {
	width: 14em;
}

#loginPassword {
	margin: 2px 0px 0px 0px;
	display: block;
	text-align: right;

}
#formLoginPasswordField {
	width: 14em;
}

#loginTopSubmissionButton {
	margin: 6px 0px 40px 0px;
	width: 320px;
	display: block;
	text-align: right;
}

#forgottenPassword, #joinUs {
	margin: 4px 10px 0px 0px;
	width: 320px;
	display: block;
	text-align: right;
	/* font-size: smaller; */
}


.deleteMarkupElement {
	margin-left: 4px;
}


/****************************** borrowed from ajaxtabs - used in AddExistingContent - eventually, this will be removed ***************/

.shadetabs{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #778;
	color: #2d2b2b;
	background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited {
	color: #2d2b2b;
}

.shadetabs li a:hover {
	text-decoration: underline;
	color: #2d2b2b;
}

.shadetabs li.selected {
	position: relative;
	top: 1px;
}

.shadetabs li.selected a { /*selected main tab style */
	background-image: url(shadeactive.gif);
	border-bottom-color: white;
}

.shadetabs li.selected a:hover { /*selected main tab style */
	text-decoration: none;
}

.contentstyle {
	border: 1px solid gray;
	width: 450px;
	margin-bottom: 1em; padding: 10px;
}



#cbMessage {
	position: fixed;
	bottom: 20px;
	width: 100%;
	height: 60px;
	text-align: center;
}

#cbMessage div {
	display: inline;
	font-size: 36px;
	padding: 10px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#cbMessage div span {
	color: #FFF !important;
	background-color: transparent;
}


.fullScreen {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #FFF;
	padding: 10px;
}


.versionSelector {
	font-size: 9px;
}


.allContentSearch {
	display: none;
	position: fixed;
	top: 100px;
	left: 100px;
	right: 100px;
	bottom: 138px;
	border: 1px solid #000;
	z-index: 1000;
	background-color: #FFF;
	overflow: auto;
	padding: 10px;
}


#searchAllContent {
	background-color: #FFF;
}

#results {
	overflow: auto;
	width: 100%;
}

#results ul.thumbnailDisplay {
	width: 800px;
}

#results ul.thumbnailDisplay li {
	width: 140px;
	height: 140px;
}
#results ul.thumbnailDisplay li .koContainer {
	width: 120px;
	height: 120px;
}

#searchControlBar {
	overflow: none;
	position: fixed;
	left: 100px;
	right: 100px;
	height: 38px;
	bottom: 100px;
	background-color: #CCC;
	font-size: larger;
}

#searchControlBar .controlLink {
	margin: 4px !important;
}

.listItem {
	cursor: pointer;
}