ul, ol{list-style-type:none; margin:0; padding:0; }
	a{text-decoration:none; }
	a:hover{text-decoration:underline; }
	.bold{font-weight:bold; }
		
	.close-main-menu{position:absolute; top:0.25em; right:0.25em; font-size:1.4em; color:#ffffff; border-style:solid; border-width:0.125em; border-color:#ffffff; border-radius:50%; width:1em; height:1em; text-align:center; padding:0 0 0.1em 0; margin:0; line-height:100%; font-weight:bold; z-index:1; }
	

	.yellow{color:#FFE531; }
	.orange{color:#FCC584; }
	.rose{color:#FF9CA0; }
	.blue{color:#1BADFF; }


	.noactiveborder:hover{outline:0px !important; -webkit-appearance:none; }
	.noactiveborder:active{outline:0px !important; -webkit-appearance:none; }
	.noactiveborder:focus{outline:0px !important; -webkit-appearance:none; }
	.hide-all-layer{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000000; opacity:0.55; z-index:59995; }
	
	
	.hide-all-layer-close{display:none; position:absolute; top:-1.45em; right:-1em; padding:0.2em 0.38em 0.1em 0.38em; color:#ffffff; font-size:1.75em; font-weight:normal; text-align:right; line-height:100%; margin:0; cursor:pointer; cursor:hand; }
	@media only screen and (min-width:80em){
		.hide-all-layer-close{right:-12.25em; }
	}
	
	
	
	#user-menu-wrap{display:block; position:fixed; top:10%; left:10%; width:14em; margin:0; padding:0; color:#444444; border-style:solid; border-color:#d45a35; border-width:0.25em; z-index:59993; box-sizing:border-box; background-color:rgba(250, 250, 250, 0.9); cursor:move; }
	#user-menu-wrap h3{position:absolute; width:100%; box-sizing:border-box; font-weight:normal; margin:0; padding:0.2em 0 0.7em 1.75em; color:#ffffff; font-size:0.97em; background-color:#d45a35; background-image:url(/res/images/move-arrow.png); background-repeat:no-repeat; background-size:1.35em; background-position:left 0.35em; line-height:140%; z-index:7; }
	#user-menu-wrap .minimize{display:none; margin:0; padding:0; color:#ffffff; line-height:140%; position:absolute; top:-0.3em; right:0.25em; font-size:2em; font-weight:bold; text-decoration:none; z-index:8; }
	#user-menu-wrap .grayed{color:#b3b3b3; }
	#user-menu-wrap #user-menu{display:block; width:100%; margin:0 auto; padding:0; color:#222222; box-sizing:border-box; float:left; border-style:solid; border-width:0.0625em 0 0 0; border-color:#ffffff; }
	#user-menu-wrap #user-menu p{font-size:0.9em; padding:0.2em 0.5em 0 0; margin:0; float:left; }
	#user-menu-wrap #user-menu .button{font-size:0.9em; margin:0; padding:0.5em 0.5em 0.5em 1.5em; color:#ffffff; border-style:solid; border-color:#ffffff; border-width:0.0125em; display:inline-block; float:left; width:100%; box-sizing:border-box; }
	#user-menu-wrap #user-menu .add-new-article{background:#c32fb0; }
	#user-menu-wrap #user-menu .articleActivate{background:#5050da; }
	#user-menu-wrap #user-menu .articleDeactivate{background:#dc7d19; }
	#user-menu-wrap #user-menu .articleDelete{background:#dd0000; }
	#user-menu-wrap #user-menu .articleUndelete{background:#b35109; }
	#user-menu-wrap #user-menu .categoryEdit{background:#d45a35; }
	#user-menu-wrap #user-menu .categoryAllEdit{background:#d45a35; }
	#user-menu-wrap #user-menu .userEdit{background:#d45a35; }
	#user-menu-wrap #user-menu .userAllEdit{background:#d45a35; }
	
	body .tight{border-width:0; }
	body .wide{width:14em; border-width:0 0.25em 0 0; }
	#user-menu-wrap .admin-wrapper{width:100%; overflow:hidden; cursor:default; padding:2.125em 0.125em 0.2em 0.125em; border-style:solid; border-color:#b691bd; border-width:0; box-sizing:border-box; position:relative; }
	#user-menu-wrap .admin-wrapper .blocker{display:none; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.6); z-index:6; }
	#user-menu-wrap .admin-wrapper .status-oa{padding:0.25em; float:left; width:50%; box-sizing: border-box; }
	#user-menu-wrap .admin-wrapper #status-online{padding-right:0.125em; }
	#user-menu-wrap .admin-wrapper #status-admin{padding-left:0.125em; }
	#user-menu-wrap .admin-wrapper .status-oa p{width:100%; color:#ffffff; display:block; text-align:center; padding:0.3em 0 0.3em 0; margin:0; }
	#user-menu-wrap .admin-wrapper .status-oa .act{background-color:#008000; box-shadow:0.125em 0.125em 0.25em #888888; }
	#user-menu-wrap .admin-wrapper .status-oa .inact{background-color:#cccccc; cursor:pointer; cursor:hand; box-shadow:0.125em 0.125em 0.25em #888888; color:#eeeeee; text-shadow:0.125em 0.125em #aaaaaa; }
	#user-menu-wrap .admin-wrapper .status-oa .inact:hover{color:#ffffff; text-shadow:0.125em 0.125em #777777; }
	#user-menu-wrap .admin-wrapper .location{padding:0.4em 0.4em 0.2em 0.4em; margin:0; float:left; font-size:0.8em; color:#222222; }
	
	#user-menu-wrap .admin-wrapper .sa-menu{border-style:solid; border-color:#ffffff; border-width:0.125em 0 0 0; margin:0.25em 0 0.0625em 0; float:left; width:100%; background:#efefef; padding:0.35em 0.5em 0.25em 0.5em; line-height:140%; font-size:0.95em; font-weight:bold; color:#d45a35; box-sizing:border-box; }
	
	#user-menu-wrap .data-wrapper{position:absolute; top:0; padding:2.1em 0 0 13.5em; display:none; width:100%; height:100%; left:0; box-sizing:border-box; z-index:5; }
	#user-menu-wrap .data-wrapper-in{width:100%; height:100%; overflow-y:scroll; padding:1em 1em 4.5em 1em; box-sizing:border-box; background-color:#ffffff; position:relative; }
	#user-menu-wrap .data-wrapper-in h2{margin:0; padding:0 0 0.75em 0; }
	
	#user-menu-wrap .data-wrapper .add-new-user{position:absolute; top:1em; right:1.25em; border:0; padding:0.6em 1em 0.6em 1em; background-color:#99cc99; color:#ffffff; line-height:125%; cursor:pointer; cursor:hand; }
	#user-menu-wrap .data-wrapper .add-new-subcategory{position:absolute; top:1em; right:1.25em; border:0; padding:0.6em 1em 0.6em 1em; background-color:#99cc99; color:#ffffff; line-height:125%; cursor:pointer; cursor:hand; }
	#user-menu-wrap .data-wrapper .add-new-category{position:absolute; top:1em; right:15em; border:0; padding:0.6em 1em 0.6em 1em; background-color:#99cc99; color:#ffffff; line-height:125%; cursor:pointer; cursor:hand; }
		
	#user-menu-wrap #buttons-line{position:absolute; bottom:0; left:0; width:100%; padding:0 0 0 13.5em; box-sizing:border-box; }
	#user-menu-wrap #buttons-line-in{background-color:#e2d3e4; width:100%; height:3.5em; border-style:solid; border-width:0.25em 0 0 0; border-color:#b691bd; padding:0.25em 1em 0 1em; box-sizing:border-box; box-shadow:0.0625em -0.0625em 0.125em #c1c1c1; position:relative; z-index:1; }
	#user-menu-wrap #buttons-line-in .save{position:absolute; right:8em; bottom:0.5em; background:#a860a8; color:#ffffff; margin:0; padding:0.75em 1em 0.75em 1em; line-height:100%; border:0; cursor:pointer; cursor:hand; }
	#user-menu-wrap #buttons-line-in .cancel{position:absolute; right:0.5em; bottom:0.5em; background:#e65353; color:#ffffff; margin:0; padding:0.75em 1em 0.75em 1em; line-height:100%; border:0; cursor:pointer; cursor:hand; }
	#user-menu-wrap #buttons-line-in .button-disabled{background-color:#b3b3b3; }
		
	/*#user-menu-wrap .data-wrapper-in #my-data div a{display:block; margin:0 0 0.125em 0; padding:0.75em 0.5em 0.7em 2em; border-style:solid; border-width:0.0625em; border-color:#e2d3e4; border-radius:0.375em; line-height:100%; color:#896590; font-size:1.2em; font-weight:bold; text-decoration:none; background-image:url(/res/images/move-arrow-purple.png); background-repeat:no-repeat; background-size:1.25em; background-position:0.4em 0.55em; }*/
	/*
	#user-menu-wrap .data-wrapper-in #my-data{}
	#user-menu-wrap .data-wrapper-in #my-data div{margin:0 0 0.25em 0; }
	#user-menu-wrap .data-wrapper-in #my-data div a{display:block; margin:0 0 0.125em 0; padding:0.075em 0.5em 0.07em 2em; border-style:solid; border-width:0.0625em; border-color:#e2d3e4; border-radius:0.375em; line-height:100%; color:#896590; font-size:0.7em; font-weight:bold; text-decoration:none; background-image:url(/res/images/move-arrow-purple.png); background-repeat:no-repeat; background-size:1.25em; background-position:0.4em 0.55em; }
	#user-menu-wrap .data-wrapper-in #my-data .category{background-color:#e9e9e9; padding:2em 0 0 0; }
	#user-menu-wrap .data-wrapper-in #my-data .subcategory{background-color:#f9f9f9; }
	#user-menu-wrap .data-wrapper-in #my-data .cat-placeholder{background-color:#fcf1fd; width:100%; height:3em; border-style:solid; border-width:0.0625em; border-color:#e2d3e4; border-radius:0.375em; }
	#user-menu-wrap .data-wrapper-in #my-data .subcategory .level-1{padding-left:3em; }
	#user-menu-wrap .data-wrapper-in #my-data .subcategory .level-2{padding-left:4.5em; }
	*/
	
	
	
	
	#allover-1{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.2); display:none; z-index:59997; }
	#allover-1-container{position:fixed; top:9%; left:0; width:96%; margin:0 2% 0 2%; height:82%; display:none; z-index:59998; }
	#allover-1-container .smaller{max-width:45em; max-height:38em; }
	#allover-1-container-around{margin:0 auto; padding:0; width:100%; max-width:70em; height:100%; max-height:50em; display:block; box-sizing:border-box; }
	#allover-1-container-around-wrap{margin:0; padding:2% 2% 2% 2%; width:100%; height:100%; box-sizing:border-box; background:#ffffff; float:left; border-style:solid; border-color:#007a96; border-width:0 0.25em 0.25em 0.25em; position:relative; }
	#allover-1-container-around-wrap #edit-file-button-save{position:absolute; bottom:1em; right:2%; background:#007a96; color:#ffffff; padding:0.75em 1em 0.75em 1em; font-size:1em; }
	#allover-1-container-around-wrap #edit-file-button-cancel{position:absolute; bottom:1em; right:23%; background:#b1202c; color:#ffffff; padding:0.75em 1em 0.75em 1em; font-size:1em; }
	#allover-1-container #allover-1-container-around h3{color:#222222; font-size:1.2em; padding:0 0 0.5em 0; margin:0; }
	#allover-1-container #allover-1-container-around .direction{margin:0; padding:0 0 0.5em 0; font-size:0.85em; }
	#allover-1-container #allover-1-container-around .allover-close{font-size:1em; font-weight:bold; color:#ffffff; margin:-1.5em 0.25em 0 0; padding:0; float:right; width:2.5%; text-align:center; box-sizing:border-box; cursor:pointer; cursor:hand; line-height:100%; }
	#allover-1-container #allover-1-container-around .allover-close:hover{color:#ffff66; }
	#allover-1-container #allover-1-container-around #allover-1-container-title{width:100%; margin:0; padding:0.5% 0 0.5% 1%; background:#007a96; float:left; box-sizing:border-box; cursor:move; color:#ffffff; }


	#allover-1-container #allover-1-container-around #edit-img-upload{width:24.5%; height:70%; margin:0 0.5% 0 0; float:left; color:#222222; padding:0; font-size:0.63em; z-index:20; position:relative; }
	@media only screen and (min-height:31em){
		#allover-1-container #allover-1-container-around #edit-img-upload{font-size:0.7em; }
	}
	@media only screen and (min-height:36em){
		#allover-1-container #allover-1-container-around #edit-img-upload{font-size:0.8em; }
	}
	@media only screen and (min-height:42em){
		#allover-1-container #allover-1-container-around #edit-img-upload{font-size:0.9em; }
	}
	@media only screen and (min-height:48em){
		#allover-1-container #allover-1-container-around #edit-img-upload{font-size:1em; }
	}


	#allover-1-container #allover-1-container-around #edit-img-upload .txt{color:#222222; font-size:0.85em; text-align:center; padding:0 0.25em 0 0.25em; line-height:135%; }
	#allover-1-container #allover-1-container-around #edit-img-gallery{width:72%; height:100%; margin:0 0 0 2.5%; float:left; border-style:dashed; border-color:#007a96; border-width:0 0 0 3px; padding:0 0 0 1.5%; box-sizing:border-box; overflow-y:scroll; }
	#allover-1-container #allover-1-container-around #edit-img-gallery div{float:left; margin:1% 1% 0 0; padding:1em; background-color:#f3f3f3; }
	#allover-1-container #allover-1-container-around #edit-img-gallery div:hover{background-color:#e5e5e5; }
	#allover-1-container #allover-1-container-around #edit-img-gallery div a{display:block; color:#222222; }
	#allover-1-container #allover-1-container-around #edit-img-gallery div a img{margin:0 auto; display:block; }
	#allover-1-container #allover-1-container-around #edit-img-gallery div a p{font-size:0.9em; }
	#allover-1-container #allover-1-container-around #edit-img-gallery div a .name{font-weight:bold; text-align:center; margin:0.5em 0 0.125em 0; padding:0; }
	#allover-1-container #allover-1-container-around #edit-img-gallery div a .dimension{font-size:0.8em; text-align:center; margin:0; padding:0; }
	#allover-1-container #allover-1-container-around #edit-img-gallery .items{overflow:auto; height:90%; }
	#allover-1-container #allover-1-container-around #edit-img-gallery .items li{width:99.5%; height:3.5em; padding:0; margin:0.125em 0 0 0; background-color:#f1f1f1; background-repeat:no-repeat; background-position:left top; position:relative; }
	#allover-1-container #allover-1-container-around #edit-img-gallery .items li:hover{background-color:#f7f7f7; }
	/*#allover-1-container #allover-1-container-around #edit-img-gallery .items .extension-pdf{background-image:url(/container/images/r1/g2016/m12/pdf-icon.png); }*/
	#allover-1-container #allover-1-container-around #edit-img-gallery .items li .details-item{position:absolute; right:1.75em; top:0; font-size:2.5em; margin:0; padding:0; text-decoration:none; color:#76a8ff; background-color:#f1f1f1; width:1.5em; text-align:center; }
	#allover-1-container #allover-1-container-around #edit-img-gallery .items li .details-item:hover{color:#3668af; }
	#allover-1-container #allover-1-container-around #edit-img-gallery .items li .delete-item{position:absolute; right:0.125em; top:0; font-size:2.5em; margin:0; padding:0; text-decoration:none; color:#c11c1c; background-color:#f1f1f1; width:1.5em; text-align:right; }
	#allover-1-container #allover-1-container-around #edit-img-gallery .items li .delete-item:hover{color:#ff0000; }
	#allover-1-container #allover-1-container-around #edit-img-gallery .items li a{margin:0; padding:0.75em 1em 1.5em 3.5em; display:block; color:#23A8FF; }
	#allover-1-container #allover-1-container-around #edit-img-gallery .items li strong{margin:0; padding:0; color:#23A8FF; display:inline; font-weight:normal; }
	#allover-1-container #allover-1-container-around #edit-img-gallery .items li p{margin:0; padding:0; color:#23A8FF; display:inline; }
	#allover-1-container #allover-1-container-around #edit-img-current{width:27%; height:32%; margin:0; float:left; clear:both; border-style:dashed; border-color:#007a96; border-width:3px 0 0 0; padding:1.4% 0 0 0; box-sizing:border-box; position:absolute; font-size:0.65em; bottom:1em; z-index:19; }
	#allover-1-container #allover-1-container-around #edit-img-current .width-limit{width:20em; }
	#allover-1-container #allover-1-container-around #edit-img-current .height-limit{height:75%; position:absolute; bottom:0; left:0; max-width:80%; max-height:10em; }
	
	#allover-1-container #allover-1-container-around #edit-file-upload{width:24.5%; height:100%; margin:0 0.5% 0 0; float:left; color:#222222; }
	#allover-1-container #allover-1-container-around #edit-file-upload .txt{color:#222222; font-size:0.85em; text-align:center; padding:0 0.25em 0 0.25em; line-height:135%; }
	#allover-1-container #allover-1-container-around #edit-file-gallery{width:72%; height:60%; margin:0 0 0 2.5%; float:left; border-style:dashed; border-color:#007a96; border-width:0 0 0.125em 0.125em; padding:0 0 0.5% 0.75%; box-sizing:border-box; }
	#allover-1-container #allover-1-container-around #edit-file-gallery .items{overflow:auto; height:90%; }
	#allover-1-container #allover-1-container-around #edit-file-gallery .items li{width:99.5%; height:3.5em; padding:0; margin:0.125em 0 0 0; background-color:#f1f1f1; background-repeat:no-repeat; background-position:left top; position:relative; }
	#allover-1-container #allover-1-container-around #edit-file-gallery .items li:hover{background-color:#f7f7f7; }
	#allover-1-container #allover-1-container-around #edit-file-gallery .items li .details-item{position:absolute; right:1.75em; top:0; font-size:2.5em; margin:0; padding:0; text-decoration:none; color:#76a8ff; background-color:#f1f1f1; width:1.5em; text-align:center; }
	#allover-1-container #allover-1-container-around #edit-file-gallery .items li .details-item:hover{color:#3668af; }
	#allover-1-container #allover-1-container-around #edit-file-gallery .items li .delete-item{position:absolute; right:0.125em; top:0; font-size:2.5em; margin:0; padding:0; text-decoration:none; color:#c11c1c; background-color:#f1f1f1; width:1.5em; text-align:right; }
	#allover-1-container #allover-1-container-around #edit-file-gallery .items li .delete-item:hover{color:#ff0000; }
	#allover-1-container #allover-1-container-around #edit-file-gallery .items li a{margin:0; padding:0.75em 1em 1.5em 3.5em; display:block; color:#23A8FF; }
	#allover-1-container #allover-1-container-around #edit-file-gallery .items li strong{margin:0; padding:0; color:#23A8FF; display:inline; font-weight:normal; }
	#allover-1-container #allover-1-container-around #edit-file-gallery .items li p{margin:0; padding:0; color:#23A8FF; display:inline; }
	#allover-1-container #allover-1-container-around #edit-file-current{width:72.5%; height:32%; margin:-26% 0 0 27.5%; float:left; clear:both; padding:1.4%; box-sizing:border-box; position:relative; overflow:auto; background-color:#f0faff; }
	#allover-1-container #allover-1-container-around #edit-file-current h2{margin:0; padding:0; }
	#allover-1-container #allover-1-container-around #edit-file-current .icon{position:absolute; display:block; width:3em; height:4em; top:0.5em; right:0.25em; }
	#allover-1-container #allover-1-container-around #edit-file-current .width-limit{width:20em; }
	#allover-1-container #allover-1-container-around #edit-file-current .height-limit{height:75%; position:absolute; bottom:0; left:0; }
	
	
	
	
	
	#user-menu-wrap .data-wrapper-in #my-data{height:92%; }
	#user-menu-wrap .data-wrapper-in #my-data .confirm-successful{background:#99cc99; padding:2em; text-align:center; color:#ffffff; margin:0 0 2em 0; }
	#user-menu-wrap .data-wrapper-in #my-data .confirm-error{background:#e65353; padding:2em; text-align:center; color:#ffffff; margin:0 0 2em 0; }
	#user-menu-wrap .data-wrapper-in #my-data .button-again{background:#43a4de; color:#ffffff; margin:0 auto; padding:0.75em 1em 0.75em 1em; line-height:100%; border:0; cursor:pointer; cursor:hand; display:block; font-size:1em; }
	#user-menu-wrap .data-wrapper-in #my-data .placeholder{background-color:#fcf1fd; width:100%; height:3em; border-style:solid; border-width:0.0625em; border-color:#e2d3e4; border-radius:0.375em; }
	#user-menu-wrap .data-wrapper-in #my-data .mjs-nestedSortable-error{background: #fbe3e4; border-color: transparent; }
	#user-menu-wrap .data-wrapper-in #my-data ol.sortable{list-style-type:none; margin:0; padding:0; }
	#user-menu-wrap .data-wrapper-in #my-data ol.sortable ol{list-style-type:none; }
	#user-menu-wrap .data-wrapper-in #my-data ol.sortable ol .subcategory div{padding-left:3em; }
	#user-menu-wrap .data-wrapper-in #my-data li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div{border-color: #999; }
	#user-menu-wrap .data-wrapper-in #my-data .disclose, .expandEditor{cursor:pointer; display:none; }
	#user-menu-wrap .data-wrapper-in #my-data .sortable li.mjs-nestedSortable-collapsed > ol{display: none; }
	#user-menu-wrap .data-wrapper-in #my-data .sortable li.mjs-nestedSortable-branch > div > .disclose{display: inline-block; }
	#user-menu-wrap .data-wrapper-in #my-data .sortable span.ui-icon{display: inline-block; margin: 0; padding: 0; z-index:1; }
	#user-menu-wrap .data-wrapper-in #my-data ol li{position:relative; }
	#user-menu-wrap .data-wrapper-in #my-data ol li div{display:block; margin:0 0 0.125em 0; padding:0.75em 0.5em 0.7em 4.25em; border-style:solid; border-width:0.0625em; border-color:#e2d3e4; border-radius:0.375em; line-height:100%; color:#896590; font-size:1em; font-weight:bold; text-decoration:none; background-image:url(/res/images/move-arrow-purple.png); background-repeat:no-repeat; background-size:1.25em; background-position:0.4em 0.55em; }
	#user-menu-wrap .data-wrapper-in #my-data ol li .no-drag{padding:0.75em 0.5em 0.7em 0.5em; background-image:none; }
	#user-menu-wrap .data-wrapper-in #my-data ol li .active{background-color:#f4fff4; }
	#user-menu-wrap .data-wrapper-in #my-data ol li .inactive{background-color:#ffeaea; }
	#user-menu-wrap .data-wrapper-in #my-data ol li .disclose{text-indent:0; background-image:none; position:absolute; top:0.1em; left:0.95em; font-size:2.1em; width:1em; height:1em; color:#99cc99; text-align:center; line-height:100%; }
	#user-menu-wrap .data-wrapper-in #my-data ol .mjs-nestedSortable-collapsed .plus{display:block; }
	#user-menu-wrap .data-wrapper-in #my-data ol .mjs-nestedSortable-collapsed .minus{display:none; }
	#user-menu-wrap .data-wrapper-in #my-data ol .mjs-nestedSortable-expanded .plus{display:none; }
	#user-menu-wrap .data-wrapper-in #my-data ol .mjs-nestedSortable-expanded .minus{display:block; }
	
	#user-menu-wrap .data-wrapper-in #my-data ol li div{position:relative; }
	#user-menu-wrap .data-wrapper-in #my-data ol li div .name{display:inline; padding:0.5em 5em 0.5em 0.5em; cursor:pointer; cursor:hand; }
	#user-menu-wrap .data-wrapper-in #my-data ol li div .name .category-name{width:16em; padding:0.25em; font-size:1em; }
	#user-menu-wrap .data-wrapper-in #my-data ol li div .name .more-options{position:absolute; top:1.1em; left:23em; display:block; background-image:url(/res/images/arrow-down-up.png); background-repeat:no-repeat; background-size:2em; background-position:0 0; width:2em; height:1.2em; }
	#user-menu-wrap .data-wrapper-in #my-data ol li div .name .more-options-active{background-position:0 -1.1em; }
	#user-menu-wrap .data-wrapper-in #my-data ol li div .name .save-name{position:absolute; right:8em; top:0.7em; background:#a860a8; color:#ffffff; margin:0; padding:0.75em 1em 0.75em 1em; line-height:100%; border:0; cursor:pointer; cursor:hand; z-index:1; }
	#user-menu-wrap .data-wrapper-in #my-data ol li div .name .button-disabled{background-color:#b3b3b3; }
	#user-menu-wrap .data-wrapper-in #my-data ol li div .name .cancel-name{position:absolute; right:0.5em; top:0.7em; background:#e65353; color:#ffffff; margin:0; padding:0.75em 1em 0.75em 1em; line-height:100%; border:0; cursor:pointer; cursor:hand; z-index:1; }
	#user-menu-wrap .data-wrapper-in #my-data ol li div .category-type-wrap{display:none; clear:both; width:100%; margin:2em 0 0 0; padding:0.5em 0.5em 0.5em 0.5em; }
	#user-menu-wrap .data-wrapper-in #my-data ol li div .category-type-wrap p{display:inline; padding:0 0.5em 0 0; font-weight:normal; color:#ffffff; }
	#user-menu-wrap .data-wrapper-in #my-data ol li div .category-type-wrap .category-type{padding:0.25em; font-size:1em; }
	#user-menu-wrap .data-wrapper-in #my-data ol li div .edit-line{display:none; font-size:0.7em; margin:0 0 0 -6.5em; font-weight:normal; color:#c1c1c1; padding:0 0 0 0.5em; line-height:100%; cursor:pointer; cursor:hand; }
	#user-menu-wrap .data-wrapper-in #my-data ol li div .edit-line:hover{color:#97d497; }
	#user-menu-wrap .data-wrapper-in #my-data ol li div .delete-new-category{display:none; font-size:0.75em; margin:0 0 0 0.75em; font-weight:normal; color:#c1c1c1; padding:0 0.5em 0 0.5em; line-height:100%; cursor:pointer; cursor:hand; }
	#user-menu-wrap .data-wrapper-in #my-data ol li div .delete-new-category:hover{color:#ff4444; }
	#user-menu-wrap .data-wrapper-in #my-data ol li div .category-status{position:absolute; top:0; right:0.95em; font-size:1em; color:#99cc99; line-height:124%; width:1.5em; height:1.5em; display:block; border-radius:50%; margin:0.55em 0 0 0; }
	#user-menu-wrap .data-wrapper-in #my-data ol li .active.editing{background-color:#5cad5c; }
	#user-menu-wrap .data-wrapper-in #my-data ol li .inactive.editing{background-color:#af1515; }
	#user-menu-wrap .data-wrapper-in #my-data ol li .editing{}
	#user-menu-wrap .data-wrapper-in #my-data ol li .active{}
	#user-menu-wrap .data-wrapper-in #my-data ol li .active .status-active{display:block; background-color:#99cc99; }
	#user-menu-wrap .data-wrapper-in #my-data ol li .active .status-inactive{display:none; background-color:#e65353; }
	#user-menu-wrap .data-wrapper-in #my-data ol li .inactive{}
	#user-menu-wrap .data-wrapper-in #my-data ol li .inactive .status-active{display:none; background-color:#99cc99; }
	#user-menu-wrap .data-wrapper-in #my-data ol li .inactive .status-inactive{display:block; background-color:#e65353; }
	
	
	
	
	/*register form*/
	.db-black-back{position:fixed; background:black; top:0; left:0; width:100%; height:100%; display:block; z-index:60020; opacity:0.7; }
		
	.db-black{font-size:0.75em; min-width:21em; width: 80%; margin:7% 0 0 10%; color:#222222; position:fixed; top:0; left:0; display:block; z-index:60021; background:#ffffff; padding:1.5em 1.5em 0.5em 1.5em; border:0; border-radius:0.5em; box-sizing:border-box; }
	.db-black p.more-about-me{display:block; height:5em; overflow-y:auto; padding:0.5em; margin:0 0 1em 0; background:#f1f1f1; }
	.db-black p .log-out-link{margin:0; color:#dd6666; }
	.db-black form table{width:100%; }
	.db-black form table tbody .element{width:80%; }
	.db-black form table tbody .element.cb{width:initial; }
	.db-black form table tbody textarea{height:8em }
	@media only screen and (min-width:30em){
		.db-black{font-size:0.8em; margin:7% 0 0 15%; width:70%; }
	}
	@media only screen and (min-width:48em){
		.db-black{font-size:0.9em; margin:7% 0 0 20%; width:60%; }
	}
	@media only screen and (min-width:64em){
		.db-black{font-size:0.95em; margin:7% 0 0 25%; width:50%; }
	}
	@media only screen and (min-width:80em){
		.db-black{font-size:1em; margin:7% 0 0 30%; width:40%; }
	}
		
		
		
	.db-black p{margin:0; padding:0 1.5em 1em 0; }
	.db-black h1{margin:0; padding:0 1.5em 0.5em 0; }
	.db-black p strong{color:red; }
	.db-black form{margin:0; padding:0 0 0.5em 0; }
	.db-black .x-sign{position:absolute; top:0.125em; right:0.375em; font-size:2em; color:#ee4444; text-decoration:none; }
	.db-black .x-sign:hover{color:#c5205c; }
	.db-black .x-button{width:8em; display:block; background-color:#ee4444; color:#ffffff; text-align:center; padding:0.45em 0.5em 0.55em 0.5em; line-height:100%; margin:0 auto; }
	.db-black .x-button:hover{background-color:#c5205c; }
	.db-black .do-sign-in-do{width:8em; display:block; background-color:#4c7db3; color:#ffffff; text-align:center; padding:0.55em 0.5em 0.5em 0.5em; line-height:100%; margin:0 auto; font-size:1em; border:0; cursor:pointer; cursor:hand; }
	.db-black .do-sign-in-do:hover{background-color:#3f70a7; }
	.db-black .do-register-do{width:8em; display:block; background-color:#4c7db3; color:#ffffff; text-align:center; padding:0.55em 0.5em 0.5em 0.5em; line-height:100%; margin:0 auto; font-size:1em; border:0; cursor:pointer; cursor:hand; }
	.db-black .do-register-do:hover{background-color:#3f70a7; }
	
	
	
	
	
	

	#h-edit-my-upload{
			font-family:'PT Sans Narrow', sans-serif;
			background-color:#373a3d;
	
			background-image:-webkit-linear-gradient(top, #373a3d, #313437);
			background-image:-moz-linear-gradient(top, #373a3d, #313437);
			background-image:linear-gradient(top, #373a3d, #313437);
	
			padding:30px;
			border-radius:3px;
	
			margin:0;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	}
	
	#h-edit-my-upload #filename{width:100%; background:#444a4d; border:0; padding:0.5em; font-size:0.9em; color:#ffffff; margin:0; box-sizing:border-box; }
	#h-edit-my-upload #filedesc{width:100%; height:10em; background:#444a4d; border:0; padding:0.5em; font-size:0.9em; color:#ffffff; margin:0.5em 0 0.5em 0; box-sizing:border-box; font-family:'PT Sans Narrow', sans-serif; resize:none; }
	#h-edit-my-upload #filelocation{width:100%; display:block; background:#444a4d; border:0; padding:0.5em; font-size:0.9em; color:#e1e1e1; margin:0 0 0.5em 0; box-sizing:border-box; overflow:hidden; line-height:100%; }
	#h-edit-my-upload #filelocation p{margin:0; padding:0; }
	#h-edit-my-upload #filelocation p input{width:1.5em; height:1.5em; float:left; clear:both; margin:0.9em 0 0 0; }
	#h-edit-my-upload #filelocation p strong{font-weight:normal; padding:0.95em 0 0 0.25em; display:block; float:left; }
		
	#h-edit-my-upload-drop{
			background-color: #2E3134;
			padding:20px 20px 40px 20px;
			margin-bottom: 30px;
			border: 20px solid rgba(0, 0, 0, 0);
			border-radius: 3px;
			border-image: url('../../res/images/border-image.png') 25 repeat;
			text-align: center;
			text-transform: uppercase;
	
			font-size:16px;
			font-weight:bold;
			color:#7f858a;
	}
	
	#h-edit-my-upload-drop a{
			background-color:#007a96;
			padding:12px 26px;
			color:#fff;
			font-size:14px;
			border-radius:2px;
			cursor:pointer;
			display:inline-block;
			margin-top:12px;
			line-height:1;
	}
	
	#h-edit-my-upload-drop a:hover{
			background-color:#0986a3;
	}
	
	#h-edit-my-upload-drop input{
			display:none;
	}
	
	#h-edit-my-upload ul{
			list-style:none;
			margin:0 -30px;
			border-top:1px solid #2b2e31;
			border-bottom:1px solid #3d4043;
	}
	
	#h-edit-my-upload ul li{
	
			background-color:#333639;
	
			background-image:-webkit-linear-gradient(top, #333639, #303335);
			background-image:-moz-linear-gradient(top, #333639, #303335);
			background-image:linear-gradient(top, #333639, #303335);
	
			border-top:1px solid #3d4043;
			border-bottom:1px solid #2b2e31;
			padding:15px;
			height: 52px;
	
			position: relative;
	}
	
	#h-edit-my-upload ul li input{
			display: none;
	}
	
	#h-edit-my-upload ul li p{
			width: 144px;
			overflow: hidden;
			white-space: nowrap;
			color: #EEE;
			font-size: 16px;
			font-weight: bold;
			position: absolute;
			top: 20px;
			left: 100px;
	}
	
	#h-edit-my-upload ul li i{
			font-weight: normal;
			font-style:normal;
			color:#7f7f7f;
			display:block;
	}
	
	#h-edit-my-upload ul li canvas{
			top: 15px;
			left: 32px;
			position: absolute;
	}
	
	#h-edit-my-upload ul li span{
			width: 15px;
			height: 12px;
			background: url('../../res/images/icons.png') no-repeat;
			position: absolute;
			top: 34px;
			right: 33px;
			cursor:pointer;
	}
	
	#h-edit-my-upload ul li.working span{
			height: 16px;
			background-position: 0 -12px;
	}
	
	#h-edit-my-upload ul li.error p{
			color:red;
	}
	
	
	
	
	
	
	
	
	
	
	
	.cookie-agree{position:fixed; left:0; bottom:0; background:#011341; text-align:center; font-size:0.8em; padding:0.5em 0 0.5em 0; width:100%; min-width:20em; opacity:0.97; border-style:solid; border-width:0.25em 0 0 0; border-color:#6384fd; color:#ffffff; z-index:200000; }
	.cookie-agree p{margin:0 auto; padding:0 0.5em 0 0.5em; line-height:140%; }
	.cookie-agree #cookie-agree-confirm{background:#8a1c8c; border-style:solid; border-width:0.125em; border-color:#bb9817; color:#e6e0c1; padding:0.25em 0.95em 0.3em 0.95em; margin:0 0 0 0.25em; cursor:pointer; cursor:hand; }
	@media only screen and (min-width:30em){
		.cookie-agree{font-size:0.9em; }
		.cookie-agree p{line-height:150%; }
	}
	@media only screen and (min-width:64em){
		.cookie-agree{font-size:0.95em; padding:1em 0 1em 0; }
		.cookie-agree p{padding:0 2em 0 2em; max-width:80em; line-height:200%; }
		.cookie-agree #cookie-agree-confirm{padding:0.25em 0.75em 0.3em 0.75em; }
	}


	
		
	/*
		pre,code {
			font-size: 12px;
		}
		
		pre {
			width: 100%;
			overflow: auto;
		}
		
		small {
			font-size: 90%;
		}
		
		small code {
			font-size: 11px;
		}
		
	
	
		#tree {
			width: 550px;
			margin: 0;
		}
		
		ol {
			max-width: 450px;
			padding-left: 25px;
		}
		
	
		.sortable li div {
			border: 1px solid #d4d4d4;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			cursor: move;
			border-color: #D4D4D4 #D4D4D4 #BCBCBC;
			margin: 0;
			padding: 3px;
		}
	
	
	
		.menuDiv {
			background: #EBEBEB;
		}
		
		.menuEdit {
			background: #FFF;
		}
		
		.itemTitle {
			vertical-align: middle;
			cursor: pointer;
		}
		
		.deleteMenu {
			float: right;
			cursor: pointer;
		}
		
		h1 {
			font-size: 2em;
			margin-bottom: 0;
		}
		
		h2 {
			font-size: 1.2em;
			font-weight: 400;
			font-style: italic;
			margin-top: .2em;
			margin-bottom: 1.5em;
		}
		
		h3 {
			font-size: 1em;
			margin: 1em 0 .3em;
		}
		
		p,ol,ul,pre,form {
			margin-top: 0;
			margin-bottom: 1em;
		}
		
		dl {
			margin: 0;
		}
		
		dd {
			margin: 0;
			padding: 0 0 0 1.5em;
		}
		
		code {
			background: #e5e5e5;
		}
		
		input {
			vertical-align: text-bottom;
		}
		
		.notice {
			color: #c33;
		}	
	*/
	
	
	
	
	#triangle-online{position:fixed; top:0; right:0; width:0; height:0; border-width:0; border-left:3em solid transparent; border-right:3em solid transparent; border-top-width:3em; border-style:solid; z-index:59990; }
	#triangle-online a{position: absolute; top:-2.3em; right:-0.65em; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); font-size:0.9em; }
	#triangle-admin{position:fixed; top:0; right:0; width:0; height:0; border-width:0; border-top:3em solid transparent; border-bottom:3em solid transparent; border-right-width:3em; border-style:solid; z-index:59990; }
	#triangle-admin a{position: absolute; top:0.45em; right:-3.3em; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); font-size:0.9em; }
	.triangle-top-active{border-top-color:#008000; }
	.triangle-top-inactive{border-top-color:#cccccc; }
	.triangle-bottom-active{border-right-color:#008000; }
	.triangle-bottom-inactive{border-right-color:#cccccc; }
	.triangle-active{color:#ffffff; cursor:default; }
	.triangle-active:hover{text-decoration:none; }
	.triangle-inactive{color:#eeeeee; text-shadow: 2px 2px #aaaaaa; }
	.triangle-inactive:hover{text-decoration:none; color:#ffffff; text-shadow: 2px 2px #777777; }






	.sk-fading-circle {
		margin: 100px auto;
		width: 40px;
		height: 40px;
		position: relative;
		z-index: 201;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		display: none;
	}
	
	.sk-fading-circle .sk-circle {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.sk-fading-circle .sk-circle:before {
		content: '';
		display: block;
		margin: 0 auto;
		width: 15%;
		height: 15%;
		background-color: #fff;
		border-radius: 100%;
		-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
						animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
	}
	.sk-fading-circle .sk-circle2 {
		-webkit-transform: rotate(30deg);
				-ms-transform: rotate(30deg);
						transform: rotate(30deg);
	}
	.sk-fading-circle .sk-circle3 {
		-webkit-transform: rotate(60deg);
				-ms-transform: rotate(60deg);
						transform: rotate(60deg);
	}
	.sk-fading-circle .sk-circle4 {
		-webkit-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
						transform: rotate(90deg);
	}
	.sk-fading-circle .sk-circle5 {
		-webkit-transform: rotate(120deg);
				-ms-transform: rotate(120deg);
						transform: rotate(120deg);
	}
	.sk-fading-circle .sk-circle6 {
		-webkit-transform: rotate(150deg);
				-ms-transform: rotate(150deg);
						transform: rotate(150deg);
	}
	.sk-fading-circle .sk-circle7 {
		-webkit-transform: rotate(180deg);
				-ms-transform: rotate(180deg);
						transform: rotate(180deg);
	}
	.sk-fading-circle .sk-circle8 {
		-webkit-transform: rotate(210deg);
				-ms-transform: rotate(210deg);
						transform: rotate(210deg);
	}
	.sk-fading-circle .sk-circle9 {
		-webkit-transform: rotate(240deg);
				-ms-transform: rotate(240deg);
						transform: rotate(240deg);
	}
	.sk-fading-circle .sk-circle10 {
		-webkit-transform: rotate(270deg);
				-ms-transform: rotate(270deg);
						transform: rotate(270deg);
	}
	.sk-fading-circle .sk-circle11 {
		-webkit-transform: rotate(300deg);
				-ms-transform: rotate(300deg);
						transform: rotate(300deg); 
	}
	.sk-fading-circle .sk-circle12 {
		-webkit-transform: rotate(330deg);
				-ms-transform: rotate(330deg);
						transform: rotate(330deg); 
	}
	.sk-fading-circle .sk-circle2:before {
		-webkit-animation-delay: -1.1s;
						animation-delay: -1.1s; 
	}
	.sk-fading-circle .sk-circle3:before {
		-webkit-animation-delay: -1s;
						animation-delay: -1s; 
	}
	.sk-fading-circle .sk-circle4:before {
		-webkit-animation-delay: -0.9s;
						animation-delay: -0.9s; 
	}
	.sk-fading-circle .sk-circle5:before {
		-webkit-animation-delay: -0.8s;
						animation-delay: -0.8s; 
	}
	.sk-fading-circle .sk-circle6:before {
		-webkit-animation-delay: -0.7s;
						animation-delay: -0.7s; 
	}
	.sk-fading-circle .sk-circle7:before {
		-webkit-animation-delay: -0.6s;
						animation-delay: -0.6s; 
	}
	.sk-fading-circle .sk-circle8:before {
		-webkit-animation-delay: -0.5s;
						animation-delay: -0.5s; 
	}
	.sk-fading-circle .sk-circle9:before {
		-webkit-animation-delay: -0.4s;
						animation-delay: -0.4s;
	}
	.sk-fading-circle .sk-circle10:before {
		-webkit-animation-delay: -0.3s;
						animation-delay: -0.3s;
	}
	.sk-fading-circle .sk-circle11:before {
		-webkit-animation-delay: -0.2s;
						animation-delay: -0.2s;
	}
	.sk-fading-circle .sk-circle12:before {
		-webkit-animation-delay: -0.1s;
						animation-delay: -0.1s;
	}
	
	@-webkit-keyframes sk-circleFadeDelay {
		0%, 39%, 100% { opacity: 0; }
		40% { opacity: 1; }
	}
	
	@keyframes sk-circleFadeDelay {
		0%, 39%, 100% { opacity: 0; }
		40% { opacity: 1; } 
	}