/*
h1 {font-weight:bold;font-size:14px; border-bottom: 1px solid #cdcdcd; padding-bottom: 2px; margin-top:20px;}
*/
body {
	font-size:12px;
	font-family:'Malgun Gothic', 'Segoe UI',Tahoma,Gulim;
}

h1.content_subject{
	font-size     :15px !important;
	color         : #000000 !important;
	border-bottom : 1px dotted #cdcdcd !important;
	padding       : 0px 0px 2px 0px !important; 
	margin        :14px 0px 5px 0px !important;
	font-weight   : bold !important;
}

h2.content_subject{
	font-size     :13px !important;
	color         : #882233 !important;
	border-bottom : 0px dotted #cdcdcd !important;
	padding       : 0px 0px 2px 0px !important; 
	margin        :12px 0px 0px 0px !important;
	font-weight   : bold !important;
}
div.content_box_01{ background-color:#faffa9 !important; padding : 4px !important; margin-top :4px; margin-bottom :8px; border :1px solid #9e9e9e !important; box-shadow: 0 2px 0 0 #ccc; border-radius: 3px;}
div.content_box_02{ background-color:#ffdada !important; padding : 4px !important; margin-top :4px; margin-bottom :8px; border :1px solid #9e9e9e !important; box-shadow: 0 2px 0 0 #ccc; border-radius: 3px;}
div.content_box_03{ background-color:#ffdaed !important; padding : 4px !important; margin-top :4px; margin-bottom :8px; border :1px solid #9e9e9e !important; box-shadow: 0 2px 0 0 #ccc; border-radius: 3px;}
div.content_box_04{ background-color:#b2b2ff !important; padding : 4px !important; margin-top :4px; margin-bottom :8px; border :1px solid #9e9e9e !important; box-shadow: 0 2px 0 0 #ccc; border-radius: 3px;}
div.content_box_05{ background-color:#d0ff9d !important; padding : 4px !important; margin-top :4px; margin-bottom :8px; border :1px solid #9e9e9e !important; box-shadow: 0 2px 0 0 #ccc; border-radius: 3px;}
div.content_box_06{ background-color:#e4e4e4 !important; padding : 4px !important; margin-top :4px; margin-bottom :8px; border :1px solid #9e9e9e !important; box-shadow: 0 2px 0 0 #ccc; border-radius: 3px;}

div.tatterImageLeft, div.tatterImageCenter, div.tatterImageRight, div.tatterImageDual, div.tatterImageTriple, div.tatterImageFree{
	border     : 1px outset #796 !important;
	background : #eeffdd no-repeat url('/resources/image/extension/unknown.gif') left center !important;	
	padding    : 4px 2px 2px 20px !important;
	width : 90px;
	height: 20px;
}
/*
<div 
class="tatterImageCenter" 
contenteditable="false" data-value="1367734171.pdf" 
data-ttml="1367734171.pdf|style=&quot;width: 90px; height: 30px; border: 2px outset #796; 
background-color: #efd; background-repeat: no-repeat; 
background-position: center center; background-image: url('/resources/image/extension/unknown.gif')&quot;|" data-kind="ttml" data-type="1C">1367734171.pdf</div>
*/