/* --------------------------- 
   ---- ContentObject
   --------------------------- */
.cof-contentframework { float: left; width: 99%; margin:0; padding: 0;}
.cof-contentblock { overflow: hidden; width: 100%; position: relative; top: 0px; left: 0px; }
.cof-contentgroup { float: left; width: 100%; margin: 0;}

.cof-error {color: red; font-weight: bold;}


/* .cof-iframe-hidden { border: thick solid green; } */
.cof-iframe-hidden { visibility: hidden; height: 0px; width: 0px; }


/* --------------------------- 
   ---- ContentObject Title 
   --------------------------- */
.cof-savetitle, .cof-edittitle { color: blue; cursor: pointer; background-repeat:no-repeat; padding:3px 0 3px 18px; margin: 0; background-color: transparent; border-style: none; }
.cof-edittitle { background-image:url(../images/icon_small_edit.png); }
.cof-savetitle { background-image:url(../images/icon_small_accept.png); }
.cof-inputtitle { color: #393; background-color:white; border:1px solid silver; font-size:100%; padding:1px 2px; width:14em; font-family:Arial, Helvetica, sans-serif; }


/* --------------------------- 
   ---- ContentObject Overlay Photo 
   --------------------------- */
.cof-photo-frame { background-color: #000000; opacity:.90; -moz-opacity: 0.90; padding: 0; margin: 0; }
.cof-photo-content { padding: 0 8px 8px 8px; margin: 0; background-color: white; border-color: black; border-width: 1px; border-style: solid; }
.cof-photo-controls { float: left; padding: 4px 0 4px 0; margin: 0; }
.cof-photo-image { padding: 0 0 4px 0; margin: 0; clear: both; }
.cof-photo-save { font-weight: normal; text-decoration: none; color: black; }
.cof-photo-save:hover { text-decoration: none; }
.cof-photo-button, .cof-photo-hidden-control { display: inline; border-style: none; background-color: white; padding: 0; margin: 0 0 0 4px; font-weight: normal; text-decoration: none; color: black; cursor: pointer; }

/* --------------------------- 
   ---- ContentObject Overlay Load 
   --------------------------- */
.cof-loader-frame { text-align: center; background-color: #dedede; opacity: 0.50; -moz-opacity: 0.50; }
.cof-loader-imagebox { height: auto; width: 100%; position: absolute; top: 50%; left: 0%; text-align: center; line-height: 0; background-color: #dedede; }

/* ----------------------------
   ---- Pop-over link editor
   ---------------------------- */
.cof-link-editor { background: #fff; border: 1px solid #FF9B05; }
.cof-link-editor .line { margin-bottom: 1em; }
.cof-link-editor h1 { background: #FFCC80; padding: 2px 4px; border-bottom: 2px solid #FF9B05; margin: 0; }
.link-deleted { text-decoration: line-through; color: red; font-style: italic; }

/* --------------------------- 
   ---- Module   
   --------------------------- */
.cof-module { float: left; width: 99.5%; margin-top: 8px; }
.cof-module-content { width:100%; clear:both;}

.cof-contentframework-slideshow .cof-module { margin-top: 0em; }


/* --------------------------- 
   ---- Module Header View
   --------------------------- */
.cof-module-header-view-box { border-bottom: 2px solid #3a6aa7; float: left; width: 100%; clear:both; margin: 1em 0; padding: 0; font-size: 12px; color:#3a6aa7}
.cof-module-header-view-title { margin: 0; padding: 8px 0 0 0; font-weight: bold; font-size: 133%;}


/* --------------------------- 
   ---- Module Header Edit
   --------------------------- */
.cof-module-header-edit-box { border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding-left: 0.5%; padding-right: 0.5%; padding-top: 3px; padding-bottom: 3px; width: 99%; margin: 0; background-color: #ebeaea; float: left; font-size:133%; color: #3a6aa7; border-bottom: 2px solid #3a6aa7; }
.cof-module-header-edit-title { float: left; white-space: nowrap; }
.cof-module-header-edit-title-fixed { font-size:102%; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }
.cof-module-header-edit-title input { background-color:white; border:1px solid silver; font-size:100%; padding:1px 2px; width:14em; font-family:Arial, Helvetica, sans-serif; }


/* --------------------------- 
   ---- Module Header Control
   --------------------------- */
.cof-edit-control-bar-table { width: auto; margin: 0; padding: 0; }   
.cof-edit-control-bar-table * { padding: 0; margin: 0; vertical-align: bottom; }
.cof-module-header-edit-controls-box, .cof-module-header-view-controls-box {padding: 0; margin: 0; white-space:nowrap; }
.cof-module-header-edit-controls-box {background-color: #ebeaea; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding: 0;}
.cof-module-header-view-controls-box { margin-bottom: 2px; float: right;}
.cof-module-button, .cof-dragbutton { float:left; background-color:#FFFDEC; border-top:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #cacaca;border-right:1px solid #cacaca; margin-left:3px; margin-top:2px; margin-bottom: 0px; cursor: pointer; padding:4px 5px 5px 25px; background-repeat:no-repeat; background-position:4px; font-size:11px; display:inline; font-family:tahoma, Arial, Helvetica, sans-serif; color: #3d3d3d; } 
.cof-module-header-edit-controls-box .cof-dragbutton { margin-right: 3px; }
.cof-module-button-save-active { border: 1px solid #3a6aa7; }
.cof-module-button:hover, .cof-dragbutton:hover { color: white;  background-color:#a2c0e4; border-bottom:1px solid #efefef; border-right:1px solid #efefef; border-top:1px solid #dedede;border-left:1px solid #dedede; }
.cof-module-button-disabled { color:#dadada; background-color:#faf9f9; border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0; border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea; }
.cof-module-button-disabled:hover { color:#dadada; background-color:#faf9f9; border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0; border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea; }

/* --------------------------- 
   ---- Module Header Control Buttons Enabled
   --------------------------- */
.cof-createcancelbutton, .cof-cancelbutton {background-image:url(../images/icon_small_clear.png);}
.cof-deletebutton {background-image:url(../images/icon_small_delete.png);}
.cof-createbutton, .cof-savebutton {background-image:url(../images/icon_small_accept.png);}
.cof-editbutton {background-image:url(../images/icon_small_edit.png);}
.cof-upbutton {background-image:url(../images/icon_small_up.png);}
.cof-downbutton {background-image:url(../images/icon_small_down.png);}
.cof-dragbutton {background-image:url(../images/icon_small_move.png); cursor:move; }


/* --------------------------- 
   ---- Module Header Control Buttons Disabled
   --------------------------- */
.cof-createcancelbutton-disabled, .cof-cancelbutton-disabled {background-image:url(../images/icon_small_clear_disabled.png);}
.cof-deletebutton-disabled {background-image:url(../images/icon_small_delete_disabled.png);}
.cof-createbutton-dsiabled, .cof-savebutton-disabled {background-image:url(../images/icon_small_accept_disabled.png);}
.cof-editbutton-disabled {background-image:url(../images/icon_small_edit_disabled.png);}
.cof-upbutton-disabled {background-image:url(../images/icon_small_up_disabled.png);}
.cof-downbutton-disabled {background-image:url(../images/icon_small_down_disabled.png);}
.cof-dragbutton-disabled {background-image:url(../images/icon_small_move_disabled.png); cursor:move; }

/* .cof-dragbutton, .cof-dragbutton-disabled { padding: 6px 5px 6px 25px; } */


/* --------------------------- 
   ---- Module Misc
   --------------------------- */
iframe.cof-fileupload { border:0; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; height: 4em; width:90%}
.cof-addmodule
{
	background-image:url(../images/icon_small_add.png);
	background-repeat:no-repeat;
	padding:3px 0 3px 20px;
	background-position:0 3px;
	line-height:170%;
	color: #666;
	text-decoration: underline;
}
.cof-addmodule:hover { background-color: #ffffc9; }

.cof-module-edit-wysiwyg-box {width: auto; background-color: white;}
.cof-module-edit-thumbnail { padding:2px 8px 8px 0; cursor: pointer; }

.cof-module-edit-box { padding: 0.5%; background-color: #ebeaea; background-image:url(../images/widgeditor/back_grayfade.png); background-repeat:repeat-x; background-position:top; border:1px solid #ccc; width: 99%; margin: 0;}
.cof-module-edit-box td, .cof-module-edit-box th { padding:4px 4px 4px 4px ; vertical-align:top}
.cof-module-edit-box th {white-space:nowrap;  padding-top: 8px;}

.cof-image-target, .cof-video-target, .cof-audio-target { border: 1px solid #a7a6aa; background-color: #fbfafa; }
.cof-image-target p, .cof-video-target p, .cof-audio-target p { margin-left: 1em; font-style: italic; }
.cof-image-target-disabled, .cof-video-target-disabled, .cof-audio-target-disabled { color: gray; }


/* --------------------------- 
   ---- text-image-module
   --------------------------- */
.cof-text-image-module-box { padding: 0.5em; background-color: #F0F0F0; margin: 0; }
.cof-text-image-module-box-center { clear: both; margin: 0 1em 0.5em 0; }
.cof-text-image-module-box-left { clear: left; float: left; margin: 0 1em 0.5em 0; }
.cof-text-image-module-box-right { clear: right; float: right; margin: 0 0 0.5em 1em; }

img.cof-text-image-module-box-image { padding: 0 0 0.5em 0 ; margin: 0 0 0.5em 0 ; border-width: 0; cursor: pointer; } 
   .cof-text-image-module-box-caption { font-weight: bold; font-size: 95%; text-transform:uppercase; } 
   .cof-text-image-module-box-descr { font-size: 95%; }
   
   .cof-text-image-module-content { text-align: justify; margin: 0;}


/* --------------------------- 
   ---- text-module
   --------------------------- */
   .cof-text-module-content { text-align: justify;}
   
   
/* --------------------------- 
   ---- rss-module
   --------------------------- */

   .cof-rss-channel {font-weight: bold; font-size: 100%;}
   .rss-feed-entry { margin-top: 0.25em; }
   .rss-feed-entry-lengthy { margin-top: .5em; }
   .cof-rss-descr {}
   .cof-rss-link { font-weight: normal; }
   .cof-rss-date {margin-left: 0.5em; font-style: italic; font-size: 90%; }
   .cof-rss-summary { margin: 0; padding: 0; }
   
   
/* --------------------------- 
   ---- dual-image
   --------------------------- */	
	
	.cof-dualimage-module-table {width: auto;}
	.cof-dualimage-module-box-caption { font-weight: bold; padding: 0; margin: 0; text-align: left;} 

   
   
/* --------------------------- 
   ---- list-module
   --------------------------- */
   
   .cof-list-entry-delete {margin-top: 1px; background-image:url(../images/icon_small_delete.png);}
   .cof-list-entry-up {margin-top: 1px; background-image:url(../images/icon_small_up.png);}
   .cof-list-entry-down {margin-top: 1px; background-image:url(../images/icon_small_down.png);}
   
   .cof-list-module-entry {margin-top: 1em;}
   
   .cof-list-module-entry-odd {background-color: #f8f7f7;}
   .cof-list-module-entry-even {background-color: #ebeaea;}
   
   
/* --------------------------- 
   ---- layout-control
   --------------------------- */     
	.cof-image-layout { margin-right: 3px; width: 34px; height: 34px; background-color: white; border-top:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #cacaca;border-right:1px solid #cacaca; cursor: pointer; padding: 0; background-repeat:no-repeat; display:block; } 
	.cof-image-layout:focus { border-style: dotted; border-color: blue; }
	.cof-image-layout-selected { border-color: blue; }

	.cof-image-layout-label { display: none; }

	.cof-image-layout-it {background-image:url(../images/contentcontrol/layout_img_top.png);}
	.cof-image-layout-ib {background-image:url(../images/contentcontrol/layout_img_bottom.png);}
	.cof-image-layout-il {background-image:url(../images/contentcontrol/layout_img_left.png);}
	.cof-image-layout-ir {background-image:url(../images/contentcontrol/layout_img_right.png);}   
   
/* --------------------------- 
   ---- slide-module
   --------------------------- */   
 	.cof-slides-end, .cof-slides-start, .cof-slide-status, .cof-slides-previous, .cof-slides-next, .cof-slides-play, .cof-slides-fullscreen { margin-left: 3px; width: 34px; height: 34px; background-color: white; border-top:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #cacaca;border-right:1px solid #cacaca; cursor: pointer; padding: 0; background-repeat:no-repeat; display:block; } 
 	
 	.cof-slide-status { cursor: default; width: 48px; height: 32px; text-align: center; font-size:11px; font-family:tahoma, Arial, Helvetica, sans-serif; color: black; font-weight: bold; }
 	
 	.cof-slide-status p { vertical-align: middle; }
 	
 	.cof-slides-fullscreen  {background-image:url(../images/contentcontrol/fullview.png);}
 	.cof-slides-fullscreen-disabled  {background-image:url(../images/contentcontrol/normalview.png);}
 	.cof-slides-start {background-image:url(../images/contentcontrol/start.png);}
 	.cof-slides-end {background-image:url(../images/contentcontrol/end.png);} 	
 	.cof-slides-previous {background-image:url(../images/contentcontrol/backward.png);}
 	.cof-slides-next {background-image:url(../images/contentcontrol/forward.png);}
 	.cof-slides-play {background-image:url(../images/contentcontrol/play.png);}
 	.cof-slides-play-disabled {background-image:url(../images/contentcontrol/pause.png);}
 	
 	.cof-slides-control-button:focus { border: thin dotted black; }
 	
 	.cof-slides-hidden-stub, .cof-hidden-stub {border-style: none; background-color: white; }
 	
	.cof-slides-module-box-caption { font-weight: bold; text-transform:uppercase; } 

	img.cof-slide-image { cursor: pointer; } 

	.cof-slide-frame { background-color: #FFFFFF; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
	
	.cof-slide-overlay { overflow: visible; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
	
	.cof-slide-overlay .cof-contentframework { padding: 0; margin-top: 3px; margin-left: 0; width: 95%; }
	.cof-slide-overlay .cof-contentgroup { padding: 0; margin: 0; width: 100%; }
	.cof-slide-overlay .cof-module { padding: 0; margin: 0; width: 100%; }
	
	.cof-slide-controls { float: left; clear:both; width: 99.9%; }
	.cof-slide-controls label { display: none; }
	
	

	
	.cof-slide-editor-slides { overflow: hidden; float: left; padding: 0; margin: 0 0 1em 0; height: auto; width: 100%; }
	.cof-slide-editor-container { float: left; background-color: gray; padding: 0; margin: 0; height: auto; width: 128px; border: thin solid black; text-align: center; }
	
	.cof-slide-editor-title { clear:left; float: left; padding: 0; margin: 0; width: 100%; background: white;  }
	.cof-slide-editor-thumb { clear:left; float: left; padding-top: 8px; padding-bottom: 8px; margin: 0; height: 64px; width: 100%; cursor: move; }
	.cof-slide-note-button, .cof-slide-editor-onclick { color: black; clear:left; float: left; padding: 0; margin: 0; background-color: white; height: 16px; width: 100%; cursor: pointer; }

	.cof-slides-save-order { margin-top: 8px; border: thin solid black; background-color: white; }

	.cof-slide-control-track { overflow: visible; padding: 0; clear:left; margin-left: 6px; height:4px; width:175px; background-color:#EEE; }
	.cof-slide-control-handle { position: relative; margin-left: 6px; top: -8px; width:5px; height:10px; background-color:black; cursor:move; }
	
	


.cof-image-button { float:right; background-color:#ebeaea; border-top:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #cacaca;border-right:1px solid #cacaca; margin-left:3px; margin-top:2px;  cursor: pointer; padding:4px 5px 4px 6px; background-repeat:no-repeat; background-position:4px; font-size:11px; display:inline; font-family:tahoma, Arial, Helvetica, sans-serif; color: #3d3d3d; } 
.cof-image-button:hover { color: white;  background-color:#a2c0e4; border-bottom:1px solid #efefef; border-right:1px solid #efefef; border-top:1px solid #dedede;border-left:1px solid #dedede; }



.cof-annotate-frame {border: thin solid black;}
.cof-annotate-view-image  {border-width: 0px; padding: 0px; height: auto; width: auto; position: relative;}
.cof-annotate-view-image img {border-width: 0px; padding: 0px;}	
.cof-annotate-view-image-selector {left: 0px; top: 0px; position: absolute; width: 1px; height:1px; min-height: 1px; min-width: 1px; overflow: hidden;}
.cof-annotate-view-image-selector-frame {border-style: dashed; border-width: 1px; border-color: gold; left: 0px; top: 0px; position: absolute; width: 0px; height: 0px;}

.cof-annotate-button { background-color:#FFFDEC; border-top:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #cacaca;border-right:1px solid #cacaca; margin-left:3px; margin-top:2px; margin-bottom: 0px; cursor: pointer; padding:4px 5px 5px 5px; font-size:11px; display:inline; font-family:tahoma, Arial, Helvetica, sans-serif; color: #3d3d3d; }
.cof-annotation-overlay { overflow: visible; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.cof-annotation-overlay-frame { background-color: #FFFFFF; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity:.95; -moz-opacity: 0.95;}