/************** .story styles *****************/
.indent {margin:3px 3px 3px 15px;}
.doc_sep {  clear:both; padding: 5px 0 0 0;  margin: 0;border-bottom: 1px dotted #cccccc;}
.sep { clear:both; border-bottom: 1px dotted #687082; font-size:10%;  margin: 5px 10px;}
.sep1 { clear:both;  border-bottom: 1px dotted #AEAEAE; font-size:10%;}
.sep2 {clear:both; border-bottom: 1px dotted #AEAEAE; font-size:50%;  margin-bottom: 5px;}
.vsep,.meta-sep {border-left: 1px solid #CCCCCC; height: 1px; margin-left: 5px; padding:0 0 0 0.3em;}
/* Categories */
.yui-cms-categories a:hover{color:#fc0;}
.yui-cms-categories a:link,
.yui-cms-categories a:visited {text-decoration: none;color:green;border-bottom:1px solid #ccc;}
span.cms-dynamic{font-size:80%;}
.path {margin-bottom:5px;}
.redmessage {clear:both;text-align:center;font-size:90%;color:red;padding:5px;}
.red a:link{color: #FF0000; }
.note {padding: 5px;clear: both;text-align: left;font-size: 90%;color: #ff0000;}
.redmessage {padding: 5px;clear: both;text-align: center;font-size: 90%;color: #ff0000;}
.gray {background-color: #dfdfdf;}
.centerblock {padding: 10px;clear: both;font-size: 90%; text-align:center;}
.centerblock table {margin-left: auto;margin-right: auto;text-align: left;}
.segment {clear:both;border-bottom: 1px solid #CCCCCC;background: #F0F0F0;}
.segment a:link, .segment a:visited {color: #000000;}
.segment a:hover {color: #1E76C8;}
.stats {background:#efefef;font-size:90%;border:1px dashed #c00;
padding:2px 2px 2px 10px;}
.end {clear:both;display:block;}	

hr {clear: both;}
hr.yellow {height:1px;border:0;width:100%;color:#ddad08;background-color:#ddad08;}
hr.blue {height:1px;border:0;width:100%;color:#369;background-color:#369;}
hr.red {height:1px;border:0;width:100%;color:#aa1002;background-color:#aa1002;}
hr.darkgreen {height:1px;border:0;width:100%;color:#36C;background-color:#36C;}
hr.lightgreen {height:2px;border:0;width:100%;color:#dbe6de;background-color:#dbe6de;}
hr.darkblue {height:2px;border:0;width:100%;color:#dbe6de;background-color:#2647ad;}
hr.yellow {height:1px;border:0;width:100%;color:#ddad08;background-color:#ddad08;}
.bb {border-bottom:1px solid #ccc;}
.bt {border-top:1px solid #ccc;}
.btr {border-top:1px solid #c00;}
.Stroke{color:red;font-weight: bold;text-shadow: 1px 1px 0px #000,
-1px -1px 0px #000;}
.effect3D {color:rgba(255,255,0,.7);font-weight: bold;text-shadow: 1px 1px rgba(255,128,0,.7),
2px 2px rgba(255,128,0,.7),3px 3px rgba(255,128,0,.7),
4px 4px rgba(255,128,0,.7),5px 5px rgba(255,128,0,.7);}
.insettext{color: #344251;text-shadow: 1px 1px 0px #bad3ed;font-weight: bold;
background:#bad3ed;}
.PillowEmboss {background:#ccc;color:#ddd;text-shadow: 1px 1px white,-1px -1px #444;}
.Emboss  {background:#ccc ;color:#ccc;text-shadow: -1px -1px white, 1px 1px #333;}
.applestyle{background:#666color: #000;text-shadow: 0px 1px 1px #fff;}
.glow {color:#FFFFFF ;text-shadow:0 0 20px yellow ;}
.extraGlow {color:white;text-shadow:0 0 30px yellow , 0 0 70px yellow ;}
.xsmallview{ /*CSS for "extra small font" setting*/
font-size: 11px;}
.smallview{ /*CSS for "small font" setting*/
font-size: 13px;}
.normalview{ /*CSS to return page to default setting (with no additional CSS rules added)*/}
.largeview{ /*CSS for "large font" setting*/
font-size: 21px;}
.xlargeview{ /*CSS for "extra large font" setting*/
font-size: 24px;}
a.texttoggler{ /*CSS for Text Size Toggler control*/
margin-right: 6px;}
a.texttoggler img{ /*CSS for Text Size Toggler control*/
border: 1px solid gray;}
a.texttoggler img:hover{ /*CSS for Text Size Toggler control*/
border: 1px solid red;}
a.selectedtoggler img{ /*CSS for Selected Text Size Toggler control*/
border: 1px solid red;}

.small { font-size:85%; }
.gray { color:#999; }
.highlight { background-color:#ffffcc; }
.clear { clear:both; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.right { float:right; }
.left { float:left; }

.info { font-family:Times New Roman; positon:relative;}
.light { top:-1; left:-1; color:white;}
.shade { top:+1; left:+1; color:pink; }
.fill { top:0; left:0; color:red; }
.light2 { top:-1; left:-2; color:white; }
.shade2 { top:+1; left:+2; color:black; }
.fill2 { top:0; left:0; color:silver; }
.light3 { top:-2; left:-2; color:white; }
.shade3 { top:+2; left:+2; color:lightblue; }
.fill3 { top:0; left:0; color:blue; }
.light4 { top:-2; left:-2; color:yellow; }
.shade4 { top:+2; left:+2; color:yellow; }
.fill4 { top:0; left:0; color:darkgreen; }