/*
Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.#Papertrell_WebApp_Preview_Content_Enclosure or http://ckeditor.com/license
*/

#Papertrell_WebApp_Preview_Content_Enclosure
{
	/* Font */
	font-family: opensans light, Verdana, sans-serif;
	font-size: 20px;
	/* Text color */
	color: #444;
	/* Remove the background color to make it transparent */
	background-color: #fff;
}

.pptrl_container
{
    margin: 0 2%;
 }

ol ,dl
{
	/* IE7: reset rtl list margin. (#7334) */
	*margin-right:0px;
	/* preserved spaces for rtl list item bullets. (#6249)*/
    padding-right:40px;
}

a {
text-decoration: none;
border-bottom: 2px dotted #444;
color: #444;
}

.removeAnchorStyle{
    text-decoration: none !important;
    border: none !important;
    color: inherit;
}



/* -------------------------- Additional Classes for common items -------------------------- */

.footnote-link{color:#999; text-decoration:none; }	
.footnote-link:link { color:#999; border-bottom: 2px dotted #666;text-decoration:none; }



.apple_overlay {
    display:none;
    width:75%;
	/*max-width:50%;
	max-height:50%;*/
    padding:35px;
    font-size:14px;
    box-shadow: rgba(0, 0, 0, 1) 0px 0px 24px;
    -moz-box-shadow:rgba(0, 0, 0, 1) 0px 0px 24px;
    -webkit-box-shadow:rgba(0, 0, 0, 1) 0px 0px 24px;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
} 
.apple_overlay div 
{
    font-family: georgia, serif;
	font-size: 14px;
	line-height: 16px;
	margin : 5% 5% 0 5%;
	text-align: justify;
}

.apple_black 
{
    background-color: #444;
   background-image:url(../../Media/thirdpartyimages/trans.png);
    padding: 15px 10px 10px 10px;
}

.apple_black div{
	color: #fff;
}

.apple_white 
{
    background-color: #fff;
	background-image:url(../../Media/thirdpartyimages/trans.png);
	padding: 15px 10px 10px 10px;
}
.apple_white div {
	color: #444;
}


/* default close button positioned on upper right corner */
.apple_overlay .close {
    background-image:url(../../Media/thirdpartyimages/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
    border-bottom: none;
}
 
/* -----------------------------    Classes for Selectable Styles ----------------------------------*/

.drop-cap {display:block;font-style:normal;font-size:450%;float:left;margin:12px 4px 0 0;line-height:.67em;font-weight:700;}
.drop-caps:first-letter {display:block;font-style:normal;font-size:450%;float:left;margin:12px 4px 0 0;line-height:.67em;font-weight:700;}
p { text-indent : 0px;-webkit-margin-before: 0px;
-webkit-margin-after: 0px; }



/* ********************************************************************************************* */
/* ******************************** H E A D I N G S ******************************************** */
/* ********************************************************************************************* */

h1{/*PT_h1_dblborder*/
	/*common */
	color:  #444;
    font-family: tandelle, serif;
	letter-spacing:normal;
	text-align:center;
	line-height: normal;
	font-size: 48pt;
    padding: 1% 0%;
    margin-top:2%;
	margin-bottom:2%;
	font-weight: normal;
	/*specific */
	text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(64,64,64,.7);
}


.PT_h1_Style1{/*h1_caps_dblborder*/
	/*common */
	color:  #404040;
    font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:center;
	line-height: 145%;
	font-size: 30pt;
    padding: 1% 0%;
    margin-top:2%;
	margin-bottom:2%;
	/*specific */
   border-top-width: 4px;
    border-bottom-width: 4px;
    border-top-style: double;
    border-bottom-style: double;
    border-top-color: #404040;
    border-bottom-color: #404040;
	text-transform: lowercase;
	font-variant: small-caps;
	text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(64,64,64,.7);

}

.PT_h1_Style2{/*PT_h1_dblborder*/
	/*common */
	color:  #444;
    font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:center;
	line-height: 145%;
	font-size: 28pt;
    padding: 1% 0%;
    margin-top:2%;
	margin-bottom:2%;
	/*specific */
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-top-style: double;
    border-bottom-style: double;
    border-top-color: #444;
    border-bottom-color: #444;
	text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(64,64,64,.7);
}

.PT_h1_Style3{/*PT_h1_dashedborder*/
	color:  #404040;
    font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:center;
	line-height: 145%;
	font-size: 28pt;
    padding: 1% 0%;
    margin-top:2%;
	margin-bottom:2%;
	/*specific */
  border-bottom-width:2px;
  border-bottom-style:dashed;
  border-bottom-color:#404040; 
  text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(64,64,64,.7);
}

/* ********************************************************************************************* */
/* ********************************* S U B   H E A D I N G S *********************************** */
/* ********************************************************************************************* */

h2{
	color:  #444;
    font-family: tandelle, serif;
	letter-spacing:normal;
	line-height: normal;
	font-size: 36pt;
    padding: 5px 0%;
    margin-top:1%;
	margin-bottom:1%;
	font-weight:normal;
}

.PT_h2_Style1
{
    /*h2_caps_dblborder*/
	color:  #404040;
    font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:center;
	line-height: 105%;
	font-size: 22pt;
    padding: 5px 0%;
    margin-top:1%;
	margin-bottom:1%;
	/*specific */
  border-bottom-width:2px;
  border-bottom-style:dashed;
  border-bottom-color:#404040; 
}
.PT_h2_Style2{
/* dashed border*/
	color:  #404040;
    font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:center;
	line-height: 105%;
	font-size: 22pt;
    padding: 5px 0%;
    margin-top:1%;
	margin-bottom:1%;
	/*specific */
  border-bottom-width:2px;
  border-bottom-style:dashed;
  border-bottom-color:#404040; 
  	text-transform: lowercase;
	font-variant: small-caps;

}
.PT_h2_Style3{
    /*PT_h2_caps_left*/
	color:  #404040;
    font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:left;
	line-height: 105%;
	font-size: 22pt;
    padding: 5px 0%;
    margin-top:1%;
	margin-bottom:1%;
	/*specific */
  	text-transform: lowercase;
	font-variant: small-caps;

}

h3{
	color:  #404040;
    font-family: tandelle, serif;
	letter-spacing:normal;
	line-height: normal;
	font-size: 28pt;
    padding: 5px 0%;
    margin-top:1%;
	margin-bottom:1%;
	font-weight:normal;
}
/* ********************************************************************************************* */
/* ******************************* P A R A G R A P H S  **************************************** */
/* ********************************************************************************************* */

.p{
	font-family: georgia, serif;
	font-size: 18px;
	line-height: 1.5em;
	word-spacing:0.3em;
	color: #444;
	margin : 0 3% 0 3%;
	text-align: justify;
}

.PT_paragraph1{
	font-family: georgia, serif;
	font-size: 18px;
	line-height: 1.5em;
	word-spacing:0.3em;
	color: #444;
	margin : 0 3% 0 3%;
	text-align: justify;
}

.PT_paragraph2{
	font-family: georgia, serif;
	font-size: 20px;
	line-height: 1.5em;
	word-spacing:0.2em;
	color: #444;
	margin : 0 3% 0 3%;
	text-align: left;
}

.PT_paragraph3{
	font-family: arial, Verdana, Geneva, sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	word-spacing:0.3em;
	color: #444;
	margin : 0 3% 0 3%;
	text-align: left;
	text-shadow: 0px .07em 0px rgba(255,255,255,.2);
}

/* ********************************************************************************************* */
/* **************************** C A P T I O N    B O X E S ************************************* */
/* ********************************************************************************************* */

/* ******************************* */
/*       ROUND CAPTION BOX         */
/* ******************************* */
.PT_roundCaptionBox, .PT_roundCaptionBox p {
padding: 2%;
color: #999;
outline: none;
	font-size: 18px;
	line-height: 1.5em;
}

.PT_roundCaptionBox{

margin: 5% 10%;
padding: 2%;
width: 80%;
min-height: 100px;
position: relative;
border: 1px solid rgba(60, 60, 60, 0.1);
border-color: -webkit-gradient(linear, 0% 20%, 0% 200%, from(white), to(black), color-stop(.1,#F3F3F3));
border-color: -moz-linear-gradient(0% 0%, white, #F3F3F3 10%, white);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: white;
-webkit-box-shadow: 0px 0px 10px rgba(40, 40, 40, 0.3), -10px -10px -10px rgba(255, 40, 40, 1);
-moz-box-shadow: 0px 0px 10px rgba(40,40,40,0.3), 0px 0px -10px rgba(40, 40, 40, 0.9);
box-shadow: 7px 7px 33px rgba(100,100,100,0.9), 7px -7px 13px rgba(100,100,100,0.9), -7px -7px 13px rgba(100, 100, 100, 0.9), -7px 7px 13px rgba(100,100,100,0.9);
}
 


/* ******************************* */
/*       STACK CAPTION BOX         */
/* ******************************* */
.PT_stackCaptionBox, .PT_stackCaptionBox p {
padding: 2%;
color: #999;
outline: none;
	font-size: 18px;
	line-height: 1.5em;
}
 
.PT_stackCaptionBox{
	margin: 5% 3% ;
	width: 90%;
	min-height: 105px;
	position:relative;
	background: -webkit-gradient(linear, 100% 100%, 50% 10%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);
	-webkit-border-bottom-right-radius: 60px 5px;
	
}
.PT_stackCaptionBox:before{
	content: '';
	width: 98%;
	z-index:-1;
	height: 100%;
	padding: 0 0 1px 0;
	position: absolute;
	bottom:0; right:0;
	background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f9f9f9), color-stop(.1,#fff));
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0, 0.1);
	-webkit-border-bottom-right-radius: 60px 5px;
	-webkit-transform: skew(2deg,2deg)
						translate(3px,8px)
}
.PT_stackCaptionBox:after{
	content: '';
	width: 98%;
	z-index:-1;
	height: 98%;
	padding: 0 0 1px 0;
	position: absolute;
	bottom:0; right:0;
	background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#f3f3f3), to(#f6f6f6), color-stop(.1,#fff));
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);
	-webkit-transform: skew(2deg,2deg)
						translate(-1px,2px)
}

/* ******************************* */
/*       PAPER CAPTION BOX         */
/* ******************************* */
.PT_paperCaptionBox, .PT_paperCaptionBox p {
padding:2%;
color: #999;
	font-size: 18px;
	line-height: 1.5em;
outline: none;
}
 
.PT_paperCaptionBox{
    width: 90%;
    margin: 0% 3%;
    min-height: 105px;
    position:relative;
    display: inline-block;
    background:#fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 1000%, from(#fff), to(#fff), color-stop(.1,#f3f3f3));
    background: -moz-linear-gradient(0% 0%, #fff, #f3f3f3 10%, #fff);
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    -webkit-border-bottom-right-radius: 6px 50px;
    -moz-border-radius-bottomright: 6px 50px;
    border-bottom-right-radius:6px 50px;
}
 
/* On this pseudo class we specify the design that goes prior the box1 class, in this case it's the shadow placed at the bottom of this box, here's where we determine the measures, rotation and skew of the shadow itself */
.PT_paperCaptionBox:before{
    content: '';
    width: 50px;
    height: 100px;
    position:absolute;
    bottom:0; right:0;
    -webkit-box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 20px 20px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 20px 20px 15px rgba(0, 0, 0, 0.1);
    z-index:-1;
    -webkit-transform: translate(-35px,-40px) skew(0deg,30deg) rotate(-25deg);
    -moz-transform: translate(-35px,-40px) skew(0deg,32deg) rotate(-25deg);
    -o-transform: translate(-35px,-40px) skew(0deg,32deg) rotate(-25deg);
}
 
/* On this pseudo class we specify the design that goes prior the box1 class, in this case it's the shadow placed on top of the box, here's where we determine the measures, rotation and the skew of the shadow itself*/
.PT_paperCaptionBox:after{
    content: '';
    width: 100px;
    height: 100px;
    top:0; left:0;
    position:absolute;
    display: inline-block;
    z-index:-1;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -10px -10px 15px rgba(0, 0, 0, 0.2);
    box-shadow: -10px -10px 15px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg) translate(20px,25px) skew(20deg);
    -moz-transform: rotate(7deg) translate(20px,25px) skew(20deg);
    -o-transform: rotate(7deg) translate(20px,25px) skew(20deg);
    transform: rotate(7deg) translate(20px,25px) skew(20deg);
}


/* ********************************************************************************************* */
/* **************************** C U S T O M   T A B L E S T Y L E S **************************** */
/* ********************************************************************************************* */

/* ******************************* */
/*       .PT_table_Style1          */
/* ******************************* */

table.PT_table_Style1 {  border:1px solid #999;cellpadding:0; cellspacing:0; width:94%; margin:0%   3%; } 
		.PT_table_Style1 caption { background:#999;  width:100%; padding:0px; margin:0px;} 
		.PT_table_Style1 tr { cellpadding:0; cellspacing:0; width:100%; } 
		.PT_table_Style1 tr:first-child { background:#bababa; } 
		.PT_table_Style1 td { border-top:1px solid #999; border-left:1px solid #999; cellpadding:0; cellspacing:0; width:32%; text-align:left; }
		.PT_table_Style1 td:first-child { border-left:none;}    
table.PT_table_floatRight{width:50%; float:right; padding:0px; margin:0px 3% 5px 20px ;}    
table.paraText{width:99%;}