/*
	[COLOR CODE]
	BLUE IVY 	: #3090C7
	SLIME GREEN	: #BCE954
	
	[zIndex]
	#im-header	: 1500
	#im-sidemenu-panel: 1400
	#overlay: 2000
	#im-dialog-box: 2100
	#im-color-picker: 9000
*/

@font-face {
  font-family: 'MT Extra';
  src: url('/fonts/MT-Extra.eot');
  src: url('/fonts/MT-Extra.eot?#iefix') format('embedded-opentype'),
       url('/fonts/MT-Extra.woff2') format('woff2'),
       url('/fonts/MT-Extra.woff') format('woff'),
       url('/fonts/MT-Extra.ttf') format('truetype'),
       url('/fonts/MT-Extra.svg#MT-Extra') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body {
	height: 100%; 
	width: 100%; 
}

body {	
	width: 100%;	
	min-height: 100%;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; 
	margin:0px 0px 0px 0px; 
	cursor:default;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}

#print-dialog{
	position:absolute;
	z-index:10000;
	top:20px;
	left:20px;
	display:none;
}

.print-dialog-header{
	padding:5px;
	font-size:20px;
	background-color: #BCE954;
}

.print-dialog-content{
	padding:5px;
	background-color:#FFF;
}

.print-dialog-footer{
	
}


#printmap{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	padding:0px;
	margin:0px;
	z-index:900;
}
#printmap-onscreen{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	padding:0px;
	margin:0px;
	z-index:800;
	height:100%;
	width:100%;
	
	background-image:url();
	background-position:"0 0";
	background-size:"0 0";
}

#viewpot {
	position:absolute;
	top:0px;
	left:0px;
	padding:0px;
	margin:0px;
	background-color:#FFF;
	overflow:hidden;
	z-index:1000;
	cursor:default;
}

#mindmap-minipanel{
	position:fixed; /*absolute;*/
	z-index:1900;
	
	right:10px;
	bottom:10px;

}

.minipanel-map{
	width:120px;
	height:90px;
	
	background-color:rgba(0,0,0,.5);
}

.minipanel-map-areabox{
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid #FFF; 
}

@media screen 
  and (max-device-width: 1920px) 
  and (orientation: landscape) {
	.minipanel-map-areabox{
		position:absolute;
		top:0px;
		left:0px;
		border:1px solid #FFF; 
		margin-left:-6px;
	}
 }


#mindmap {
	width: 3000px; 
	height: 2000px;
	position:absolute;
	z-index:1;
	background-color: #FFF;
	background-position: 50% 50%;
	background-repeat:repeat;	
}

#mindmap-disable {
	width: 3000px; 
	height: 2000px;
	position:absolute;
	z-index:2;	
}

#mindmap.present{		
	transition: all 2s;
	-webkit-transition: all 2s; /* Safari */	
}

#mindmap-controller {
	width: 3000px; 
	position:absolute;
	z-index:2;
}

#mindmap-presentation {
	width: 3000px; 
	position:absolute;
	z-index:0;
}



#im-histories{display:none;}

.im-title{
	font-family: 'Rancho', cursive;	
	color:#FFF; /*#c14693;*/	
}

/* HEADER */
#im-header{
	position: absolute;
	top:0px;
	left:0px;
	z-index: 1500;
	width: 100%;
	min-width:960px
}

#im-header-bar{
	height:40px;
	background-color: #000000;
	color:#FFF;
	text-decoration:none;
}

#im-header-bar .title-area{
	width:150px;
	height:40px;
	font-size:30px;
}

#im-header-bar .sidemenu-panel-icon{
	width:20px;
	padding:12px 5px 0 5px;
}

.sidemenu-panel-icon-bar{
	background:#FFF; 
	height:4px; 
	width:20px;
}

.school-logo{
	height:40px;
	background-color:rgba(255,255,255,0.5);
}

.mindmap-info{
	height:30px;
	padding:5px;
}

.mindmap-tools{
	float:right;
	width:170px;
}

.mindmap-logo{
	width:80px;
	height:40px;
	background-image:url(/images/mindmap/mindmap_logo.jpg);
	background-repeat:no-repeat;
}

.school-name{
	height:30px;
	width:120px;
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
	text-transform:uppercase;
	padding-right:50px;
	min-width:200px;
}
.subject-info, .subject-info2{
	height:30px;
	min-width:320px;
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
	text-transform:uppercase;
}

.subject-info:hover{
	color:#FFFF00;
}

/* SIDEMENU PANEL */
#im-sidemenu-panel{
	position: absolute;
	z-index: 1400;
	Left:-250px;
	Top:40px;
	width:200px;	
	padding:10px 0;
	background:url(/images/mindmap/trans1.png) repeat;
	/*background-color:#333; /*BCE954*/
}

.sidemenu-inner-box{
	padding:5px 0 5px 10px;
	color:#FFF;
}

.sidemenu-inner-box:hover{
	color:#FFF;
	background-color:#FBE096;
}

/* TOOLS PANEL */
#im-toolsmenu-panel{
	position: absolute;
	z-index: 1400;
	Right:5px;
	Top:45px;
	width:30px;	
	padding:5px;
	background:url(/images/mindmap/trans1.png) repeat;
	/*background-color:#333; /*BCE954*/
}

.toolsmenu-inner-box{
	padding:5px;
}
.toolsmenu-inner-box.selected{
	background-color:#FBE096;
}

.toolsmenu-inner-box:hover{
	cursor:default;
	background-color:#FBE096;
}

/* DIALOG BOX */
#im-dialog-box{
	display:none;
	position:absolute;
	z-index: 2100;
	background-color:#FFF;
}
.dialog-header{
	width:100%;
	background-color:#000000;
}

.dialog-header-title{
	padding:10px;
	color:#FFF;
}

.dialog-footer{
	margin:0px auto;
	margin-left:5px;
	margin-right:5px;
	padding:5px 0;
	border-top:1px solid #000000;
}

.warn-msg{
	line-height:22px;
	color:#FF0000;
	font-style:italic;
}

.dialog-button-x{
	position:absolute;
	top:5px;
	right:5px;
	width:15px;
	height:15px;
	background-color:#CCC;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}

.dialog-button{
	cursor:pointer;
	min-width:50px;
	padding:5px;
	text-align:center;
	color:#FFF;
	background-color:#000000;
}

.dialog-button.red{
	opacity:.5;
	background-color:#FF0000;
}
.dialog-button.red:hover{
	opacity:1;
	background-color:#990000;
}

.dialog-button:hover{
	background-color:#121111;
}

.dialog-label{
	padding:6px 10px 5px 0;
}
.dialog-label.w20{
	width:20px;
}
.dialog-label.w50{
	width:50px;
}
.dialog-label.w70{
	width:70px;
}
.dialog-label.w100{
	width:100px;
}
.dialog-label.w150{
	width:150px;
}

.dialog-sep{
	height:14px;
	padding:4px 0;
	background-image:url(/images/mindmap/line.png);
	background-repeat:repeat-x;
}

.dialog-sep-label{
	background-color:#FFF;
	padding-right:6px;
}

.dialog-sep-arrow{
	background-color:#FFF;
	padding-left:2px;
}

/* DIALOG BOX: TEMPLATE */
.dialog-template{
	width:600px;
}

.dialog-template-content{
	height:510px;
}
.dialog-template-content-preloading{
	display:none;
	position:relative;
	height:16px;
	left:0;
	top:50%;
	margin-top:-16px;
	text-align:center;
}

.dialog-template-section-title{
	padding:5px 0 5px 5px;
	color:#121111;
	font-style:italic;
}
.dialog-template-list-area{
	width:600px;	
	padding-top:10px;
}
.dialog-template-polaroid{
	margin-left:5px;
	margin-bottom:5px;
	height:120px;
}

.dialog-template-polaroid-noclick{
	margin-left:5px;
	margin-bottom:5px;
	height:120px;
	width:195px;
}

.dialog-template-polaroid-img{
	position:relative;
	z-index:0;
	width:190px;
	height:95px;
}
.dialog-template-polaroid-title{
	position:relative;
	z-index:1;
	height:20px;
	line-height:20px;
	text-align:center;
	left:0;
	bottom:0;
	color:#FFF;
	background-color:#000000;
}
.dialog-template-polaroid:hover > .dialog-template-polaroid-title{
	cursor:default;
	color:#333;
	background-color:#fbe096;
}
.dialog-template-polaroid-title.selected{
	color:#333;
	font-weight:bold;
	border-top:3px solid #121111;
	height:17px;
	line-height:17px;
	background-color:#fbe096;
}
.dialog-template-desc-area{
	
	padding-top:10px;
	height:100%;
}
.dialog-template-desc-preview{
	width:260px;
	margin-left:10px;
}
.template-preview-map-display{
	border:1px solid #CCC;
	padding:5px;
}
.template-preview-map-title{
	width:100%;
	padding-top:5px;
	text-align:center;
	font-size:14px;
}
.template-preview-map-desc{
	width:100%;	
	text-align:center;
	color:#666;
}
.template-preview-map-info{
	padding:15px 0 0 0; 
}
/* END OF DIALOG BOX: TEMPLATE */

/* DIALOG BOX: DOCUMENT PROPERTIES */
.dialog-document{
	-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.75);
}

.dialog-document-content{
	padding:5px 10px 5px 10px;
}
.dialog-document-section-title{
	padding:5px 0 5px 0;
	color:#121111;
	font-style:italic;
}

.dialog-document-preview-area{
	width:90px;
	padding:5px 20px 5px 0;
}

.dialog-document-preview-box{
	width:90px;
	height:90px;
	background-color:#FFF;
	border:1px solid #CCC;
}

.dialog-document-preview-preloading{
	display:none;
	position:relative;
	width:90px;	
	height:16px;
	left:0;
	top:50%;
	margin-top:-16px;
	text-align:center;
}

#im-doc-image-custom{
	display:none;
	margin-bottom:4px;
}
/* END OF DIALOG BOX: DOCUMENT PROPERTIES */

/* DIALOG BOX: NODE PROPERTIES */
.node{
	position:absolute;
	padding:2px 4px 4px 2px;	
	overflow:hidden;
}
.node-controller{
	display:none;
	position:absolute;
	z-index:1;
	border:1px dashed #CC0000;
}
.node-tools{
	display:none;
	position:absolute;
	z-index:2;
	padding:7px;
	background-color:#000000;

	-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.75);	
}

.node-content{
	display:table-cell;	
	padding:2px;	
	font-size:16px;
	overflow:hidden;
}
.content-text-wrapper{
	position:absolute;
	z-index:2;
}
.content-text{
	display:table-cell;	
	width:100%;
	height:100%;
}
.content-background{
	position:absolute;
	z-index:1;
}

.ctrl-connector-button{ position:absolute; width:16px; height:16px; top:-18px; left:50%; margin-left:-8px;}
.ctrl-rotate-button{ position:absolute; width:20px; height:20px; top:-35px; left:50%; margin-left:-10px;}
.ctrl-resize-button{ position:absolute;}
.ctrl-resize-button.br{ width:8px;height:8px;background-color:#000;right:-4px;bottom:-4px;cursor:nw-resize;}
.ctrl-img-resize-button { position:absolute; width:10px;height:10px;background-color:transparent; border-bottom:2px solid black; border-right:2px solid black; cursor:nw-resize;}


.dialog-node{	
	top:45px;
	left:-260px;
	width:260px;
	-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.75);
}
.dialog-node-content{
	padding:5px 10px 5px 10px;	
}

/*  #BCE954 */
.dspNodeTL{	width:15px;	height:15px; border-left:1px solid #000;border-top:1px solid #000;border-top-left-radius: 15px;margin-top:4px;}
.dspNodeTR{	width:15px;	height:15px; border-right:1px solid #000;border-top:1px solid #000;border-top-right-radius: 15px;margin-top:4px;}
.dspNodeBL{	width:15px;	height:15px; border-left:1px solid #000;border-bottom:1px solid #000;border-bottom-left-radius: 15px;margin-top:4px;}
.dspNodeBR{	width:15px;	height:15px; border-right:1px solid #000;border-bottom:1px solid #000;border-bottom-right-radius: 15px;margin-top:4px;}

/* END OF DIALOG BOX: NODE PROPERTIES */

/* DIALOG BOX: CONNECTION PROPERTIES */
.dialog-connection{	
	top:45px;
	left:-240px;
	width:260px;
	-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.75);
}
.dialog-connection-content{
	padding:5px 10px 5px 10px;	
}

/* END OF DIALOG BOX: CONNECTION PROPERTIES */

/* DIALOG BOX: MEDIA LIBRARIES */
.dialog-media{	
	top:45px;
	left:-640px;
	width:640px;
	-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.75);
}

.footer-media{
	display:none;
}

.media-opt-button:hover{
	text-decoration:underline;
}

.dialog-media-ext-content{
	display:none;
	padding:5px 10px 5px 10px;	
}

.dialog-media-content{
	display:visible;
	padding:5px 10px 5px 10px;	
}

.im-media-search-result-box{
	width:600px;
	height:230px;
	overflow-x:hidden;
	
}
.im-media-search-result-box.blank{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#333;
	font-style:italic;
}
.im-media-result-box{
	padding:3px 3px 0 0;
}
.im-media-result-item{
	width:100px;
	height:100px;
	padding:5px;
	background-color:#FFFFFF;
	background-image:url('');
	border:1px solid #FBE096;
}
.im-media-result-item:hover{
	border-color:#7B9F29;
}

.im-media-result-item-selected{
	display:none;
	position:relative;
	bottom:17px;
	color:#72971B;
	font-weight:bold;
	height:17px;
	line-height:17px;
	text-align:center;
	background-color:#FBE096;
}

#media-preloading{
	display:none;
	padding:2px 5px 2px 0;
}
/* END OF DIALOG BOX: MEDIA LIBRARIES */

/* DIALOG BOX: CKEDITOR */
.dialog-ckeditor{
	-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.75);
}

.dialog-ckeditor-content{
	padding:5px 10px 5px 10px;
}
/* END OF DIALOG BOX: CKEDITOR */

/* DIALOG BOX: SAVE MINDMAP NAME */
.dialog-save{
	width:500px;
	-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.75);
}

.dialog-save-content{
	padding:15px 10px 15px 10px;
}
/* END OF DIALOG BOX: SAVE MINDMAP NAME */

/* DIALOG BOX: MINDMAP SHARE */
.dialog-share{
	width:300px;
	-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.75);
}

.dialog-share-content{
	padding:15px 10px 15px 10px;
}
/* END OF DIALOG BOX: MINDMAP SHARE */


/* DIALOG BOX: MESSAGE */
.dialog-msg{
	width:300px;
	-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.75);
}

.dialog-msg-content{
	padding:15px 10px 15px 10px;
}
/* END OF DIALOG BOX: MESSAGE */

/* DIALOG BOX: ALERT MESSAGE */
.dialog-alert{
	width:300px;
	-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.75);
}

.dialog-alert-content{
	padding:15px 10px 15px 10px;
}
/* END OF DIALOG BOX: ALERT MESSAGE */

/* DIALOG BOX: TOPIC LIST */
.dialog-topic{
	width:500px;
	-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.75);
}

.dialog-topic-content{
	padding:15px 10px 15px 10px;
}

.topic-list{
	/*
		height:300px;
		overflow-y:scroll;	
	*/
}

.topiclistname{
	padding:7px;
	font-size:12px;
}

.topiclistname.selected{
	background-color:rgba(0,0,0,0.5);
	color:rgba(255,255,255,1);
}

.topiclistname:hover{
	background-color:rgba(0,0,0,0.2);
	color:rgba(255,255,255,1);
}

/* END OF DIALOG BOX: TOPIC LIST */

/* DIALOG BOX: DOCUMENT HISTORIES */
.dialog-doclogs{
	width:260px;
	-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.75);
}

.dialog-doclogs-content{
	padding:15px 10px 15px 10px;
}
.dialog-doclogs-area{
	height:200px;
	width:240px;
	overflow:scroll;
}

.dialog-doclogs-area.loading {
	background-image:url('/images/mindmap/ajax-loading.gif');
	background-repeat:no-repeat;
	background-position:50% 50%;
}

.the-log{
	padding:0 5px;
	margin-bottom:7px;
	border-left:5px solid #DAF49E;
}

.the-log-desc{
	color:#7B9F29;
	font-weight:bold;
}
.the-log-date{
	color:#CCC;
	font-size:10px;
	font-style:italic;
}

.the-log-date.odd{
	color:#FFF;
}

.dialog-doclogs-content.preloading{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

#im-histories-playback-panel{
	position: absolute;
	z-index: 1600;
	Left:50%;
	bottom:10px;
	width:270px;	
	padding:10px;
	margin-left:-145px;
	background:url(/images/mindmap/trans1.png) repeat;
}

.playback-panel-title{
	height:40px;
	line-height:42px;
	color:#FFF;
	font-size:14px;
	margin-right:5px;
}
.playback-panel-button{
	margin-left:5px;
	border:1px solid rgba(255,255,255, 0.1);
}

.playback-panel-button.selected{
	border:0px;
	background-color:rgba(255,255,255,0.1);
}

.playback-panel-button:hover{
	background-color:rgba(0,0,0,0.1);
}

/* END OF DIALOG BOX: DOCUMENT HISTORIES */
/* BORDER STYLE PICKER */
#im-border-style-picker{
	position: absolute;
	z-index: 9000;
	Left:-200px;
	Top:0;
	background-color:#FFF;
	border:2px solid #BCE954;
	padding:5px;
}

.border-style-pick{
	padding:2px;
}
.border-style-pick:hover{
	padding:2px;
	background-color:rgba(0,0,0,.1);
}	

/* BORDER STYLE PICKER */
#im-border-size-picker{
	position: absolute;
	z-index: 9000;
	Left:-200px;
	Top:0;
	background-color:#FFF;
	border:2px solid #BCE954;
	padding:5px;
}

.border-size-pick{
	padding:2px;
}
.border-size-pick:hover{
	padding:2px;
	background-color:rgba(0,0,0,.1);
}	

/* COLORPICKER */
#im-color-picker{
	position: absolute;
	z-index: 9000;
	Left:-200px;
	Top:0;
	background-color:#000;
	border:2px solid #000000;
	padding:1px 0 0 1px;
}
.im-color-picker-header{
	height:18px;
	padding:0 1px 2px 0;
}
.im-color-picker-previewbox{
	width:50px;
	height:18px;
	background-color:#FFF;
}
.im-color-picker-codebox{
	width:112px;
	height:18px;
	padding-left:2px;
}
.im-color-picker-nocolor{
	width:20px;
	height:18px;
	padding-left:4px;
}
.im-color-picker-colorbox{
	width:9px;
	height:9px;
	padding:0px 1px 1px 0;
}
.im-color-picker-thecolor{
	width:9px;
	height:9px;	
}
.im-color-picker-selected{
	width:20px;
	height:18px;	
}
.im-color-picker-selected.colored{
	background-image:url(/images/mindmap/icons/colorbox.gif);
}
.im-color-picker-selected.transparent{
	background-image:url(/images/mindmap/icons/colorbox_empty.gif);
}

.im-color-picker-selected.white{
	background-color:#FFF;
}
.im-color-picker-selected.black{
	background-color:#000;
}
/* END OF COLORPICKER */

/* ---------- */

#overlay{
    display:none;
    z-index:2000;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;    
    background-color:#333;
    color:#FFF;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* first! */
    filter: alpha(opacity=60);
    opacity: 0.6;   /*supported by current Mozilla, Safari, and Opera*/ 
    -moz-opacity: 0.6;  /*older Mozilla*/ 
    -khtml-opacity: 0.6;   /*older Safari*/ 
	
}

.dummy-node{position:absolute;width:16px; height:16px;}
.mark-node{position:absolute;width:100%;height:100%;top:0;background-color:rgba(255,255,255,0.8);margin-left:-2px;}
.mark-label{position:absolute;width:100%;height:20px;background:#990000;color:#FFF;left:0px;top:50%;margin-top:-10px;text-align:center;line-height:20px;}


.shortkey{opacity:.5;padding-right:10px;font-style:italic;}
.btncursor{cursor:pointer;}
.disabled{opacity:.5; cursor:default;}
.enabled{opacity:1;}
.hide{display:none;}

.no-highlite{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}

.separator-v{
	width:1px;
	height:28px;
	margin-top:6px;
	background-color:#666;
	opacity:.4;
}

.showall{border:1px solid #000;}

.fLeft{float:left;}
.fRight{float:right;}
.fClr{ clear:both; }
.tBorder{border:1px solid #CCC;}
.dspIcon16{
	padding:4px;
}
.dspIcon16:hover{
	background:#DAF49E;
}
		
hr.divider {
	border: 0;
    height: 0;
	width:90%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

hr.divider-dialog {
	border: 0;
    height: 0;
	width:98%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/* FORMS */
.dropList{
	font-size:10px;
	border: 2px solid #000000; 
	padding: 4px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
}

.input-num{	
	width:12px;
	height:22px;
	background-color:#000000;
}
.input-num-plus{
	width:10px;
	height:10px;
	border-bottom:1px solid #FFF;
}
.input-num-minus{
	width:10px;	
	height:10px;
}

.disabled-input{color:rgba(0,0,0,.3);}

input[type=text]{	
	height:16px;
	padding:1px;
	background-color:#FFF;
	border:0px;
	font-size:10px;
	line-height:14px;
}

input[type=checkbox].css-checkbox { 
	position: absolute;  
	overflow: hidden;  
	clip: rect(0 0 0 0);  
	height:1px;  
	width:1px;  
	margin:-1px;  
	padding:0; 
	border:0; 
} 
input[type=checkbox].css-checkbox + label.css-label { 
	padding-left:20px; 
	height:15px;  
	display:inline-block; 
	line-height:15px; 
	background-repeat:no-repeat; 
	background-position: 0 0; 
	vertical-align:middle; 
	cursor:pointer; 
}  
input[type=checkbox].css-checkbox:checked + label.css-label { 
	background-position: 0 -15px; 
}  
.css-label{ background-image:url(/images/mindmap/lite-gray-check.png); }


/* BULLET */

ol{
	counter-reset: li; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
	*list-style: decimal; /* Keep using default numbering for IE6/7 */
	padding: 0;
}

.bullet-square-list a{
	cursor:default;
	text-decoration:none;
	color:#000;
	
	position: relative;
	display: block;
	padding: .4em .4em .4em .8em;
	*padding: .4em;
	margin: .5em 0 .5em 2.5em;
}
.bullet-square-list a:before{	
	content: counter(li);
	counter-increment: li;
	position: absolute;	
	left: -2.5em;
	top: 50%;
	margin-top: -1em;
	background: #BCE954;
	color:#FFF;
	height: 2em;
	width: 2em;
	line-height: 2em;
	text-align: center;
	font-weight: bold;
}

.bullet-square-list a:after{
	position: absolute;	
	content: '';
	border: .5em solid transparent;
	left: -1em;
	top: 50%;
	margin-top: -.5em;
	transition: all .3s ease-out;				
}

/* JQUERY UI */
/* SLIDER */
.ui-button .ui-icon.border-color{
	background-image: url(/images/mindmap/icons/border-color.png);
    width: 16px;
    height: 16px; 
}
.ui-button .ui-icon.border-style{
	background-image: url(/images/mindmap/icons/border-style.png);
    width: 16px;
    height: 16px; 
}
.ui-button .ui-icon.border-size{
	background-image: url(/images/mindmap/icons/border-size.png);
    width: 16px;
    height: 16px; 
}

.ui-slider{
	background-image:url(/images/mindmap/slider-green.png);
	height:10px;
	border-width:0px;
}

.ui-slider .ui-slider-handle{
	width:10px;
	height:15px;
	background-image:url('');
	background-color:#FFF;
	border:1px solid #BCE954;
}

/* HIDE ALL SCROLLBARS */
/* UNHIDE FOR MEDIA RESULT */

div#im-media-search-result-box::-webkit-scrollbar {
    width: 6px;
}

div#im-media-search-result-box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(34, 31, 31, 1);
    border-radius: 4px;
}

div#im-media-search-result-box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(34, 31, 31, 1);
}
/* --- */
div#cke_text_editor::-webkit-scrollbar {
    width: 6px;
}

div#cke_text_editor::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(34, 31, 31, 1);
    border-radius: 4px;
}

div#cke_text_editor::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(34, 31, 31, 1);
}

/* --- */
div#allow-scroll::-webkit-scrollbar {
    width: 6px;
}

div#allow-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(34, 31, 31, 1);
    border-radius: 4px;
}

div#allow-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(34, 31, 31, 1);
}

/* FOR BODY */
body::-webkit-scrollbar {
    width: 0px;
	height: 0px;
}

div#viewpot::-webkit-scrollbar {
    width: 0px;
	height: 0px;
}

table.fraction td { text-align:center; vertical-align:middle; padding:0px; }
table.fraction td.fraction-line { border-bottom:1px solid black; }

table.fraction-table td{ padding:0in .03in 0in .03in; text-align:center; font-family:"Times New Roman", Times, serif }
table.fraction-table td.top{ border-bottom:1px solid black; }


span.fraction { position:relative; display:inline-block; min-width:1em; text-align:center; height:+2em;  white-space:nowrap; padding:0px 0px 0px 0px; top:0.5em; margin-top:-0.25em; margin-bottom:1em; }
span.fraction > span:nth-child(1), span.fraction > i:nth-child(1) { left:0px; display:inline-block; position:relative; width:100%; border-bottom:1px solid black; }
span.fraction > span:nth-child(2), span.fraction > i:nth-child(2) { left:0px; display:block; position:relative; clear:both; width:100%; top:0em; }
span.fraction.noline > span:nth-child(1), span.fraction.noline > i:nth-child(1) { border-bottom:none; }

sup span.fraction { position:relative; display:inline-block; min-width:1em; text-align:center; height:+2em; line-height:1em; white-space:nowrap; padding:0px 0px 0px 0px; top:0.9em; margin-top:-0.75em; margin-bottom:1.75em; font-size:0.8em }
sup span.fraction > span:nth-child(1), sup > span.fraction > i:nth-child(1) { left:0px; display:inline-block; position:relative; width:100%; border-bottom:1px solid black; top:-0.3em; }
sup span.fraction > span:nth-child(2), sup > span.fraction > i:nth-child(2) { left:0px; display:block; position:relative; clear:both; width:100%; top:-0.30em; }
sup span.fraction.noline > span:nth-child(1), sup > span.fraction.noline > i:nth-child(1) { border-bottom:none; }

span.bracket { font-size:+2.5em !important; display:inline-block; font-family::"Times New Roman", Times, serif !important; position:relative; top:0.12em}
sup span.bracket { font-size:+2em !important; display:inline-block; font-family::"Times New Roman", Times, serif !important; position:relative; top:0.1em}

span.bracket-1:before {
	content:"";
	height:33px;
	width:7px;
	background-image:url('/p/math/bracket-left.png');
	background-repeat:no-repeat;
	display:inline-block;
	position:relative;
	top:-0.85em;
	margin-bottom:-1.5em;
}

span.bracket-1:after {
	content:"";
	height:33px;
	width:7px;
	background-image:url('/p/math/bracket-right.png');
	background-repeat:no-repeat;
	display:inline-block;
	position:relative;
	top:-0.85em;
	margin-bottom:-1.5em;
}

sup.level1 {
	position:relative;
	top:-0.85em;
}


/* RATING SYSTEM */

#rateStatus{float:left; clear:both; width:100%; height:20px;}
#rateMe{float:left; clear:both; width:100%; height:auto; padding:0px; margin:0px;}
#rateMe li{float:left;list-style:none;}
#rateMe li a:hover,
#rateMe .on{background:url(star_on.gif) no-repeat;}
#rateMe a{float:left;background:url(star_off.gif) no-repeat;width:12px; height:12px;}
#ratingSaved{display:none;}
.saved{color:red; }

@page{size:A4 landscape; margin:2.5cm 1cm;}

@media print{
	
	* {
		-webkit-transition: none !important;
		transition: none !important;
	  }
	
	body{
		-webkit-print-color-adjust:exact;
		height:100% !important;
		width:100% !important;
	}
	
	#viewpot{}
	
	#mindmap{
		page-break-before:always;
	}
	
	#overlay { display: none !important; }	
	.non-printable { display: none !important; }	
	
    .printable { 
		-webkit-print-color-adjust:exact;
		display:inline;  
	}
	.printable2 { 
		-webkit-print-color-adjust:exact;
	}
	
	.node-content { 
		page-break-after: always; 
	}
	
}

#im_zoom {
    position: fixed;
	display: inline;
    z-index: 1900;
    left: 10px;
    bottom: 10px;
	width: 120px;
    height: 190px;
	background-color: rgba(0,0,0,.5);
	text-align: center; 
}

#im_zoom .zoom-button{
	width: 70px;
	padding: 0px 0px;
	margin: 10px 0px;
	cursor: pointer;
}