#wrapper { 
	width: auto; /* makes sense to expand if it can - think of small monitors */
	/* ill jsut add max-height here */
}

#content ul#site-tree {

	border-top: thin solid #999;
	border-bottom: thin solid #999;

	font-size: 82%;

}

	#content ul#site-tree li {

		border-top: 1px solid #D4D8E9;

	}


	#content ul#site-tree li a {

		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		width: 100%;
		background-color: rgba(206, 219, 238, 0.09);
		border-radius: 0px;
		color: #3A3A47;
		/*border-top: 1px solid #D4D8E9;*/
		margin-bottom: 2px;
		margin-top: 1px;
		border: 0;
		/*
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;

		width: 100%;

		background-color: rgba(0, 0, 0, 0.09);

		border-radius: 0px;

		color: #3A3A47;

		border-top: 1px solid #F5F5F5;*/
	}

	#content ul#site-tree li a:hover {

		background-color: rgba(170, 204, 240, 0.28);

	}

	#content ul#site-tree li.cms-page-active a.cms-page-active {

		background-color: rgba(150, 174, 199, 0.4);
		color: #00438A;

	}

	#content ul#site-tree ul.listing_container {
		overflow: auto;
		max-height: 175px;
	}

	#content ul#site-tree .level_indent_holder {
		margin-right: 4px;
		float: left;
		height: 30px;
		padding: 0;
	}

	#content ul#site-tree .level_indent {
		float: left;
		background-color: #CFD2DB;
		margin-right: 1px;
		height: 30px;
		width: 4px;
		padding: 0;
	}

	#content ul#site-tree li a span.title_container {
		overflow: hidden;
		height: 16px;
	}
	#content ul#site-tree li a span {

		padding-top: 6px;
		padding-right: 0px;
		padding-bottom: 6px;
		padding-left: 6px;

		display: block;

	}
	
		
		#content ul#site-tree li a span i {

			position: static;
			top: 0;
			right: 0;
			color: #4A4A4B;
		
		}

		#content ul#site-tree li a span i.icon-warning-sign {

			color: #A23939;

		}

		#content ul#site-tree li a span i.icon-file, #content ul#site-tree li a span i.icon-home {

			color: #054bbb;

		}

		#content ul#site-tree li a span i.locked-page {

			color: #C7C7C7;

		}

		#content ul#site-tree li a span i.submenu-button {

			position: absolute;
			top: 17%;
			right: 3%;
			color: #30458A;
			
		}

			#content ul#site-tree li a span i.submenu-button:hover {

				color: #24A056;

			}

		#content ul#site-tree li a span i.icon-file-alt {

			color: #9298A1;

		}

		#content ul#site-tree li.cms-page-active a.cms-page-active span i.icon-file-alt {

			color: #273152;

		}

		#content ul#site-tree li a span i.icon-plus-sign {

			color: green;

		}

		#content ul#site-tree li a span i.type-icon {

			margin: 0 6px;

		}

			#content ul#site-tree li.hide-submenu {

				border-bottom: 2px solid #C7C7C7;

			}

			#content ul#site-tree li.hide-submenu ul {

				display: none;

			}


				#content ul#site-tree li ul li {

					position: static;

				}


					#content ul#site-tree li ul li a { 

						/*background-color: rgba(49, 77, 121, 0.09);*/

					}

						#content ul#site-tree li ul li a span { 

							position: static;

							/*padding-left: 18px;*/

						}

					#content ul#site-tree li ul li ul li a {

						/*background-color: rgba(49, 77, 121, 0.18);*/

					} 

					#content ul#site-tree li ul li ul li a span { 

						/*padding-left: 28px;*/

					}

						#content ul#site-tree li ul li ul li ul li a {

							/*background-color: rgba(49, 77, 121, 0.27);*/

						}

						#content ul#site-tree li ul li ul li ul li a span { 

							/*padding-left: 34px;*/

						}

							#content ul#site-tree li ul li ul li ul li ul li a {

								/*background-color: rgba(49, 77, 121, 0.36);*/

							}

							#content ul#site-tree li ul li ul li ul li ul li a span { 

								/*padding-left: 40px;*/

							}



.btn-section {

	float: left;

	margin-right: 15px;

}

.btn-section input {

	margin-right: 5px;

}

.btn-section #btn_cancel {

	background: #333;
	background: -webkit-linear-gradient(top, #575757, #333);
	background: -moz-linear-gradient(top, #575757, #333);

}

.btn-section #btn_create_lapsg {
	/*
	background: #333;
	background: -webkit-linear-gradient(top, #575757, #333);
	background: -moz-linear-gradient(top, #575757, #333);
	*/

}

.cms-delete-btns input[type="submit"] {

	background: #942929;
	background: -webkit-linear-gradient(top, #942929, #7E0E0E);
	background: -moz-linear-gradient(top, #942929, #7E0E0E);

}

.btn-section #btn_create_child {
	/*
	background: #297E01;
	background: -webkit-linear-gradient(top, #349E3C, #297E01);
	background: -moz-linear-gradient(top, #349E3C, #297E01);
	*/

}

.btn-section #btn_save {

	background: #297E01;
	background: -webkit-linear-gradient(top, #349E3C, #297E01);
	background: -moz-linear-gradient(top, #349E3C, #297E01);

}


/*** combobox **/

.custom-combobox .custom-combobox-toggle {
  	background: #fff;
  	border: 1px solid #D7DCE4;
}

.custom-combobox {
    position: relative;
    display: inline-block;
    width: 42%;
}

.custom-combobox-toggle {
   	position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 1.7em;
    *top: 0.1em;
}

.custom-combobox-input {
    margin: 0;
    padding: 0.3em;
    background: #FFF;
}

form input.custom-combobox-input {
 	width: 90%;
  	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;

}

fieldset fieldset {

	margin: 0 30px 10px 20px;

}

fieldset fieldset.item_list {

	padding-bottom: 10px;
	border-bottom: 1px solid #C3C9D3;

}


	form fieldset fieldset > h1:first-child {
		
	}

		form fieldset fieldset > h1:first-child a {
			
			color: #1B4383;
			font-size: 90%;

		}

		form fieldset fieldset > h1:first-child a:hover {
			
			color: #0062FF;

		}

		form fieldset fieldset > h1:first-child a span {

			display: inline-block;
			position: relative;
			
			width: auto;

		}

		form fieldset fieldset > h1:first-child a span i {

			font-size: 111% !important;

			margin-left: 10px;
			float: none;
			position: relative;

		}


	form fieldset fieldset .list-item {

		background-color: #E2E6EE;
		border-radius: 10px;
		padding: 14px;
		margin-bottom: 5px;

		position: relative;



	}

	form fieldset fieldset .list-item .move-up-item-btn, form fieldset fieldset .list-item .move-down-item-btn, form fieldset fieldset .list-item .remove-item-btn {
		
		position: absolute;
		z-index: 100;
		right: 10px;
		color: #8B99A7;

	}

	form fieldset fieldset .list-item .move-down-item-btn, form fieldset fieldset .list-item .move-up-item-btn {
		font-size: 12px; 
	}

	form fieldset fieldset .list-item .remove-item-btn {		
		top: 10px;
	}

	form fieldset fieldset .list-item .remove-item-btn:hover {
		color: #A82626;
	}

	form fieldset fieldset .list-item .move-up-item-btn {
		top: 32px;
	}

	form fieldset fieldset .list-item .move-down-item-btn {
		top: 51px;
	}

	form fieldset fieldset .list-item .move-up-item-btn:hover, 
	form fieldset fieldset .list-item .move-down-item-btn:hover {
		color:	#0A50C0;
	}

form .pagedata-settings, form .list-settings {

	background-color: #FCFCFC;
	border-radius: 10px;
	padding: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: thin solid #E0E0E0;

}

form .pagedata-settings .label-input-bundle {
	float:left;
}

form .pagedata-settings {

	width: 95%;
	margin-bottom: -7px;

}

	form .pagedata-settings label,form .list-settings label {

		width: auto;
		margin-right: 1%;

	}
	form .pagedata-settings input, form .list-settings input {

		margin-right: 2%;

	}

	form .pagedata-settings input[type="text"], form .pagedata-settings input[type="select"], form .list-settings input[type="text"], form .list-settings input[type="select"] {

		width: 135px;
		/*margin-bottom: 2%;*/

		width: 10px;

	}


form .pagedata-settings-btn, 
form .icon-crop, 
form .pagedata-delete-btn, 
form .pagedata-copy-btn,
form .list-settings-btn, 
form .list-delete-btn, 
form .list-copy-btn, 
form .list-lock-btn, 
form .list-item-data-lock-btn, 
form .list-change-more-text-btn {

	line-height: 1.7em;
	margin-left: 1%;
	color: #084D8D;
	cursor: pointer;

}

form.page-managment-panel .hint {

	width: auto;
	clear: none;
	margin-left: 10px;

}

	form.page-managment-panel .hint .text {

		/*display: none;*/

	}

	form.page-managment-panel .hint .icon-info-sign {

		line-height: 1.7em;
		margin-left: 1%;
		color: #084D8D;
	}

ul.pagedata-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.pagedata-list li {

	position: relative;

}

.ui-state-highlight {
	background: none;
	border: 0;
	height: 3em;
}

ul.pagedata-list > li > fieldset > div > ul > li.ui-state-highlight, 
ul.pagedata-list > li div.list-item-holder > div > ul > li.ui-state-highlight 
{

	/*position: absolute;
	width: 90%;
	height: 100%;
	top: 0;*/
	background: rgba(10, 80, 192, 0.14) url('/admin/images/group.png') no-repeat left top;
	/*border: 0;
	left: 1%;
	border-radius: 5px;
	list-style: none;
	padding: 0;
	margin: 3em 0;*/

}

ul.pagedata-list li ul {

	/*position: absolute;*/
	width: 100%;
	height: 100%;
	top: 0;
	/*background: rgba(49, 163, 12, 0.09);*/
	left: 1%;
	border-radius: 5px;
	list-style: none;
	padding: 0;
	margin: 0;

}

ul.pagedata-list li .list-item ul {
	position: relative;
	width: auto;
	height: auto;
	top: 0;
	background: none;
	left: 0;
	border-radius: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

.handle { 
	float: left;
	margin-right: 0.2em;
	color: #ACAFB6;
	cursor: move;
	width: 9px;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

.list-item .handle { 
	color: #D3D7DF;
}

	.list-item .handle:hover { 

		color: #CDD2DB;

	}

h1 .handle {

	position: absolute;
	font-size: 106% !important;
	left: 4px;
	top: 10px;
	color: #EBEDF0;

}
	h1 .handle:hover {
		color: #D5D9E0;
	}

form.page-managment-panel .mceEditor {

	display: inline-block;

}

form.page-managment-panel .list-item-holder {
	/*max-height: 550px;*/
	overflow: auto;
	margin-top: 5px;
}

form.page-managment-panel .icon-trash:hover {

	color: #A82626;	

}

#site-tree .menu-handle {
	cursor: move;
}


/* hint styles */

.hint {
	width: 50px;
	clear: none;
	margin-left: 10px;
	height: 33px; 
}

	.hint i{
		position: relative;
		z-index: 1;
	}
	
	.hint .picto{
		font-size: 2.2em;
		line-height: 1.462;
		color: #ccc;
		cursor: help;
		height: 20px;line-height: 33px;
	}

	.hint .text{
		width: 300px;
		position: absolute;
		top:0; left: 0;
		display: none;
		z-index: 100;
		background: #0F55C4;
		color: #fff;
		float: left;
		padding: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
		.hint .text h1{
			color: #fff;
			margin: 0;
			line-height: 1;
			margin-bottom: 0;
			font-size: 1.3em;
			height: 15px;
			border: none;
		}
		
		.hint .text p{
			margin: 0;
			font-size: 0.9em;
		}

form.page-managment-panel .image_container, 
form.page-managment-panel .file_container {

	float: left;
	position: relative;

}

	form.page-managment-panel .image_container .delete-image-btn,
	form.page-managment-panel .file_container .delete-file-btn {

		position: absolute;
		top: 10px;
		right: 10px;
		color: #C01111;
		text-shadow: 0 0 5px #FFF;

	}

	form.page-managment-panel .file_container .delete-file-btn {

		top: 5px;
		text-shadow: 0;

	}

form.page-managment-panel fieldset div.alert-error > label {
	color: #F00000;
}

form.page-managment-panel fieldset div.alert-error > input {
	background-color: #FFEFEF;
}

form.page-managment-panel .page-logic-textarea {

}


/* ###################### AMENDS TO ADMIN NAV ###################### */

@media all and (max-width: 599px){

}
@media all and (min-width: 600px) and (max-width:799px){

}
@media all and (min-width: 800px) and (max-width:1024px){

}
@media all and (min-width: 700px) and (max-width: 1024px){

}
@media all and (min-width: 1025px) and (max-width: 1399px){
	#content div.leftcol {
		clear: none;
		width: 21%;
	}
	#content div.rightcol {
		clear: none;
		width: 77%;
		margin-left: 2%;
	}
}
@media all and (min-width: 1400px){

} 

.listing-buttons button{
	margin-left: 5px;
}

.list-more_text-input {
	float: left;
	display: block;
	border: 1px solid #D7DCE4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 8px;
	font-family: Verdana;
	text-align: left;
	width: 121px;
}

.ajax-loader-smaller {
	height: 22px;
	padding-bottom: 5px;
}

.page-managment-panel input[type="text"].coordinates {
	background-image: url(/admin/images/coordinate-input-bg.png);
	background-position: right center;
	background-repeat: no-repeat;
	width: 309px;
	color: #999;
}

/* CSS3 LOADER */

.dotsLoaderWraper div {
	margin: 35px 0 15px 28px;
	/*
	height: 100%;
	width: 100%;
	top: -25px;
	left: 45px;
	margin: 35px 0 0;*/
}

@-webkit-keyframes dots {
  0% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  8.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  16.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  25% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  33.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
  }

  41.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  50% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  58.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  66.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  75% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  83.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
  }

  91.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  100% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }
}

@-moz-keyframes dots {
  0% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  8.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  16.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  25% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  33.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
  }

  41.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  50% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  58.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  66.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  75% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  83.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
  }

  91.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  100% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }
}

@-o-keyframes dots {
  0% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  8.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  16.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  25% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  33.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
  }

  41.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  50% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  58.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  66.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  75% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  83.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
  }

  91.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  100% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }
}

@keyframes dots {
  0% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  8.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  16.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px 14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  25% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  33.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee -14px -14px 0 7px;
  }

  41.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  50% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  58.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 -14px 14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  66.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 -14px -14px 0 7px, #66dd77 -14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  75% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px -14px 0 7px, #44aaee 14px -14px 0 7px;
  }

  83.33% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee 14px 14px 0 7px;
  }

  91.67% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px 14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }

  100% {
    -webkit-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    -moz-box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
    box-shadow: white 0 0 15px 0, #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  }
}

/* Styles for old versions of IE */
.dotsLoaderWraper .dotsLoader {
  font-family: sans-serif;
  font-weight: 100;
}

/* :not(:required) hides this rule from IE9 and below */
.dotsLoaderWraper .dotsLoader:not(:required) {
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  display: inline-block;
  width: 7px;
  height: 7px;
  background: transparent;
  border-radius: 100%;
  -webkit-box-shadow: #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  -moz-box-shadow: #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  box-shadow: #ff8866 -14px -14px 0 7px, #ffcc66 14px -14px 0 7px, #66dd77 14px 14px 0 7px, #44aaee -14px 14px 0 7px;
  -webkit-animation: dots 5s infinite ease-in-out;
  -moz-animation: dots 5s infinite ease-in-out;
  -ms-animation: dots 5s infinite ease-in-out;
  -o-animation: dots 5s infinite ease-in-out;
  animation: dots 5s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

/* end of CSS3 LOADER */


.DiffContainer {
	width: 100%;
}

.DiffContainer pre {
	margin: 0;
	padding: 0;
	width: 20000%;
}

.DiffContainer .DiffLeftContainer, .DiffContainer .DiffRightContainer {
	width: 50%;
}

.DiffContainer .DiffLeftContainer {
	float:left;
}

.DiffContainer .DiffRightContainer {
	float:right;
}

.DiffContainer .numberColumn {
	float:left; 
	width:5%;
	background: #D5D3CE;
}

.DiffContainer .codeColumn {
	float:right; 
	width:95%; 
	overflow:auto;
	background: #F0EEEB;
	box-shadow: inset -5px 0 11px #C0C0C0;
}

.DiffContainer .codeColumn span.line {
	min-width: 5px;
	min-height: 19px;
}

.DiffContainer .codeColumn span.line-delete {
	background: #F88;
}

.DiffContainer .codeColumn span.line-replace {
	background: #FE9;
}
.DiffContainer .codeColumn span.line-insert {
	background: #9DDD8D;
}

/*

.Differences {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

.Differences thead th {
	text-align: left;
	border-bottom: 1px solid #000;
	background: #aaa;
	color: #000;
	padding: 4px;
}
.Differences tbody th {
	text-align: right;
	background: #ccc;
	width: 4em;
	padding: 1px 2px;
	border-right: 1px solid #000;
	vertical-align: top;
	font-size: 13px;
}

.Differences td {
	padding: 1px 2px;
	font-family: Consolas, monospace;
	font-size: 13px;
}

.DifferencesSideBySide .ChangeInsert td.Left {
	background: #dfd;
}

.DifferencesSideBySide .ChangeInsert td.Right {
	background: #cfc;
}

.DifferencesSideBySide .ChangeDelete td.Left {
	background: #f88;
}

.DifferencesSideBySide .ChangeDelete td.Right {
	background: #faa;
}

.DifferencesSideBySide .ChangeReplace .Left {
	background: #fe9;
}

.DifferencesSideBySide .ChangeReplace .Right {
	background: #fd8;
}

.Differences ins, .Differences del {
	text-decoration: none;
}

.DifferencesSideBySide .ChangeReplace ins, .DifferencesSideBySide .ChangeReplace del {
	background: #fc0;
}

.Differences .Skipped {
	background: #f7f7f7;
}

.DifferencesInline .ChangeReplace .Left,
.DifferencesInline .ChangeDelete .Left {
	background: #fdd;
}

.DifferencesInline .ChangeReplace .Right,
.DifferencesInline .ChangeInsert .Right {
	background: #dfd;
}

.DifferencesInline .ChangeReplace ins {
	background: #9e9;
}

.DifferencesInline .ChangeReplace del {
	background: #e99;
}
*/

.cms-patching-module .comparison-output {
	padding: 10px;
	background-color: #FFF;
	border-radius: 10px;
}
	.cms-patching-module .comparison-output .importantFile {
		padding: 10px;
		background-color: #A7DBBA;
		margin-bottom: 5px;
		border-radius: 5px;
	}
	.cms-patching-module .comparison-output .issue {
		background-color: #E6B1B1;
		cursor: pointer;
	}

	.cms-patching-module .comparison-output .issue .compare {
		cursor: default;
		background: #E4E2DD;
		box-shadow: inset 0 0 10px #C0C0C0;
		padding: 13px;
		margin-top: 10px;
	}

	.cms-patching-module .comparison-output .importantFile label {
		display: inline-block;
		width: auto;
		font-weight: normal;
		float: none;
		margin-top:0px;
	}

	.cms-patching-module .comparison-output .importantFile input[type="checkbox"] {
		margin-top: 3px;
		margin-right: 10px;
	}

	.cms-patching-module .comparison-output .issue:hover {
		background-color: #FADDDD;
	}

	.cms-patching-module .comparison-output .importantFile .compare {
		display: none;
	}



form.page-managment-panel .row .data-copy-light-blue {
	visibility: hidden;
	color: #98BDBD;
	text-shadow: -1px -1px 0 #FFF;
	margin-left: 7px;
}
form.page-managment-panel .row:hover .data-copy-light-blue {
	visibility: visible;
}

.ui-tooltip {
	white-space: pre ; display: block; unicode-bidi: embed;

	font-size: 11px !important;

	border-width: 2px;
	box-shadow: 5px 5px 4px rgba(60, 81, 114, 0.67);
	background: #F0F4FA;
	border: 1px solid #B9C2D1 !important;

	font-family: courier;
	max-width: 900px;
}


#cropAdjust form .row label {
	width: 65px;
}


#cropAdjust .form-box {
	border-radius: 3px; 
	text-align: center;
}

#cropAdjust .original div.container {
	width: 390px;
	height: 390px;
}
/*
#cropAdjust .original div img[alt="recrop"], #cropAdjust .original div div.jcrop-holder {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
}
*/
#cropAdjust form .original, #cropAdjust form .result {
    min-height: 390px;
	height: 390px;
	width: 47%;
	text-align: center;
}

#cropAdjust form .original {
	float: left;
}

#cropAdjust form .result {
	float: right;
}

#cropAdjust .btn-section {
	clear: both;
    padding-top: 50px;
    padding-bottom: 10px;
    
}

#cropAdjust .jcrop-holder {
	margin: 0 auto;
}

/*
#cropAdjust form .original .jcrop-holder, #cropAdjust .original div img[alt="recrop"] {
	width:auto!important;
}*/

.row .hint:hover .text{
	display: block;
}
	
.msg.alert {
	background:#fcf8e3;
	border: 1px solid #E0CBA2;
	color: #c09853;
}