/*-------------------------------------------------------------------------------------*/
/*---Animations------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

    @keyframes shake {
      10% {transform: translate(-2px, 0) scale(1.5);}
      90% {transform: translate(-2px, 0) scale(1);}
      20%, 80% {transform: translate(4px, 0) scale(1);}
      30%, 50%, 70% {transform: translate(-8px, 0) scale(1);}
      40%, 60% {transform: translate(8px, 0) scale(1);}
    }

    @keyframes highlight {
      0% {transform: scale(0.1);}
      50% {transform: scale(1.2);}
      100% {transform: scale(1);}
    }

    @keyframes groww {
    from { width: 0;}
    to   { width: 30%;}
    }
    @keyframes growws {
    from { width: 30%;}
    to   { width: 100%;}
    }

    .shake{animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;  transform: translate(0, 0) scale(1);}
    .highlights{animation: highlight 0.8s; transform: scale(1);}

/*-------------------------------------------------------------------------------------*/
/*---END Animations--------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

@-moz-document url-prefix() {
	#subtext1, #subtext2
	{
		 height: 1067px !important;
	}
}

@font-face {
    font-family: 'timestim3';
    src: url('fonts/times-webfont.eot');
    src: url('fonts/times-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/times-webfont.woff') format('woff'),
         url('fonts/times-webfont.ttf') format('truetype'),
         url('fonts/times-webfont.svg#times_new_romanregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.loaded, .preview{
    width: 600px;
    text-align: center;
}

.pg2_container{
    text-align: center;
    font-size: 16px;
    color: #AB160B;
}

.safari-mac #subtext1, .safari-mac #subtext2
{
	 height: 1077px !important;
}

.afil
{
	margin-bottom: 3px;
}

body
{
	margin: 0;
	padding: 0 20px 20px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0;
}
sup, sub{font-size: 0.7em;}
#subtext1, #subtext2
{
	 border:0; height: 1057px; overflow: hidden; width: 270px;
	 padding: 0;
	 margin: 0;
	 float: left;
	 font-family: "timestim3",Arial,"Times New Roman", Times, serif;
	 font-size: 12px;
	 line-height: 18px;
	 text-align: justify;
}

.figure_caption{height: 100px; text-align: justify;}

.fa{font-family: Fontawesome; font-size: 14px;}
.rel{position: relative;}
.abs{position: absolute;}

.abs.fa{background: #650303; color: #F5F5F5; padding: 5px 7px; z-index: +1; border-radius: 100px; border: 1px solid #CCC; cursor: pointer; left: 228px; top: -60px;}
.abs.fa:hover{background: #F5F5F5; color: #650303;}

p{margin: 0; padding: 0;}
.fl{float: left;}
.fr{float: right;}
.cb{clear: both;}

.editable, .editable2{padding: 6px; font-size: 12px !important; font-family: "timestim3",Arial,"Times New Roman", Times, serif; border: 1px solid #A9A9A9; overflow: auto; line-height: 1.5;}

input, textarea{ padding: 6px; font-size: 12px; font-family: "timestim3",Arial,"Times New Roman", Times, serif;  width: 300px;}

.r{color: #9c0202; text-align: justify;} .b{color: #09F;}
.hide{display: none;}

.mover{
    padding: 8px;
    border-radius: 50px;
    border: 1px solid #587b99;
    cursor: move;
    margin: 3px;
    background: #587b99;
    color: #F5F5F5;
}
.mover:hover{
    background: #050505;
    color: #F5F5F5;
    border: 1px solid #587b99;
}

.author, .imgsc
{
	padding: 12px;
	border: 1px dashed #CCC;
	float: left;
	width: 340px;
	margin: 0 12px 12px 0;
}

.imgsc{margin: 0; width: 926px;}

.author input{	width: 200px;}
.w48{			width: 456px;}
.w48 textarea{	width: 442px;}

.fupl{margin-bottom: 8px; margin-right: 8px;}

.small-delete
{
	background: URL(images/delete-small.png);
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin-top: 4px;
}

.figure_caption{width: 264px;}

.cap{margin-top: 4px;}

h1{margin-bottom: 12px !important;}
h2{margin-bottom: 4px !important;}

.fl button{margin-top: 42px;}

.loading{text-align: center; height: 558px; width: 952px; display: table-cell; vertical-align: middle;}
.loading h1{margin: 0 !important;}

.bbc{display: table; margin: auto;}