/* {{Default}} */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/

div.question h3 span.name
{
  font-size: 32px;
}

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* rb -2012-03-03 - replacing p's with div.p's so that can nest other divs */
div.p,
p{
	padding-top: .5em;
}
/* rb -2012-03-03 - replacing p's with div.p's so that can nest other divs */
div.p,
.use p,.universe p,.modules p, .delete p{
  padding-top:0;
}

#toc span.name:after,
h1 span.name:after, 
h2 span.name:after, 
h3 span.name:after, 
h4 span.name:after, 
h5 span.name:after, 
h6 span.name:after,
div.context span.name:after
{
  content: ". ";
}

div.control > h2 span.name:after, 
div.control > h3 span.name:after, 
div.control > h4 span.name:after, 
div.control > h5 span.name:after, 
div.control > h6 span.name:after  
{
  content: " ";
}

div.check > h2 > span.name:after,
div.check > h3 > span.name:after,
div.check > h4 > span.name:after,
div.check > h5 > span.name:after,
div.check > h6 > span.name:after
{
 content: ": If ";
}

/* rb -2012-03-03 - replacing p's with div.p's so that can nest other divs */
div.text div.p,
div.text p
{
  padding-top: .5em;
}

noscript
{
  position: relative;
  display: block;
  color: red;
}

html
{
  height: 100%;
  overflow-x: hidden;
}

body
{
  font-family: sans-serif;
  padding: 0em;
  height: 100%;
  font-size: 87.5%;
}

/* generic */

strong
{
  font-weight: bold;
}

em
{
  font-style: italic;
}

h1
{
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 1em;
  border: 1px solid #c4cbda; 
  padding: 0.5em; 
  background-color: #d9dde7;
  color: #3d5284;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

h2,h3,h4,h5,h6
{
 font-size: 1.2em;
}

div.question * h3,
div.question * h4,
div.question * h5,
div.question * h6
{
 font-size: 1.1em;
}



div.type_etc
{
 font-size: 85%;
}

h2
{
/*  font-size: 1.5em; */
  font-weight: bold;
}

h3
{
  margin-top: .3em;
/*  font-size: 1.125em; */
  font-weight: bold;
}

h4
{
  margin-top: .3em;
  font-weight: bold;
}

h5,h6
{
  font-weight: bold;
}

span.label
{
  text-transform: none;
  font-style: italic;
}

span.condition
{
 font-style: italic;
}
span.condition:before
{
	content: "(";
}

span.condition:after
{
	content: ") ";
}

span.label:before,
div.control > h2 .label:before,
div.control > h3 .label:before,
div.control > h4 .label:before,
div.control > h5 .label:before,
div.control > h6 .label:before
{
  content: " // ";
}

h1 .label:before,
h2 .label:before,
h3 .label:before,
h4 .label:before,
h5 .label:before,
h6 .label:before,
div.context .label:before,
div.options .label:before,
#toc span.label:before
{
  content: "";
}

h2
{
  padding: .5em 0;
}

.version h2
{
  padding: 0em;
}

span.delete + span.delete:before
{
	content: ', ';
}

span.name,
span.modname,
span.recname,
span.varname,
div.varname div.text,
h1, h2, h3, h4, h5, h6,
span.delete,
.prfx,
.op,
span.parsed
{
  text-transform: capitalize;
}

div.assign span.name
{
	padding-right: .4em;
}

.prfx
{
	padding-right: .4em;
}

/* table of contents */

div#toc
{
  left: 0;
  position: fixed; 
  height: 100%;
  float: left;
  width: 23%;
/*  padding: 0 1%;*/
  overflow: auto;
  border-right: 1px solid #d9dde7;
/*  background: #eef0f4;*/
    
}

div#toc ul:first-of-type
{
  visibility: hidden;
}

div#toc .treeview ul 
{
  background: transparent;
}

#toc ul
{
  clear: both;
}


#toc li
{
white-space: nowrap;
}

#toc li.module:before
{
  color: #3d5284;
}

#toc li span.label
{
  padding-left: 0em;
}

#toc a:link,
#toc a:visited
{
  color: #3d5284;
	text-decoration: none;
  display: block;
}

#toc li a:hover
{
  background-color: #D9DDE7;
  color: #3D5284;
}

#toc li:nth-child(odd)
{
  background: #eee;
  min-width: 600px;
}

#toc li:nth-child(even)
{
  background: #ffffff;
  min-width: 600px;
}

#toc ul
{
  line-height: 175%;
}

#toc a.active, #toc a.active:hover
{
  background-color: #3D5284;
  color: #fff;
}

#toc ul li a
{
  height: 23px;
  display: block;
}

div#treecontrol
{
  border-bottom: 1px solid #D9DDE7;
  margin-bottom: 0.5em;
  overflow: auto;
}

div#treecontrol a
{
  float: left;
  font-size: 0.83em;
  margin-right: 1em;
}

/* main section */

div.dcomment
{
	font-weight: bold;
	color: red;
	border: .5em solid;
	padding: 1em;
}

div#main
{
  padding: 1%;
  float: left;
  width: 73%;
  margin-left: 25%;
}

/* generic */

span.args
{
  text-transform: none;
}

span.op
{
  padding-right: .4em;
}


/* rb (2011-09-07) - end deal with transformation of ALT text formatting */

.nb:before
{
 content: "[Nota Bene] ";
 font-style: italic;
}

.alt,
.textfill,
.textif,
.textfillif,
.alt div.p,
.textfil div.p,
.textif div.p,
.textfillif div.p
{
  /*
  font-family: monospace;
  font-size: 135%;
  */
  font-style: italic;
  background-color: #E2E2E2;
  border: 1px solid #C2C2C2;
  padding: 0.1em;
}

.textfill:before
{ 
 content: '[';
}
.textfill:after
{
 content:']';
}


div.textfillif span.condition:before,
div.textif span.condition:before,
/* span.alt  deprecated ... replaced by div.alt ... eliminate in next version > 1.0 */
span.alt span.mode:before,
div.alt span.mode:before
{
 content: '{if ';
 text-transform: lowercase;
}

div.textfill,
div.textfillif,
div.textif,
div.alt
{
 display: inline;
}

div.alt div.text,
.textfill div.text,
.textfillif div.text,
.textif div.text
{
 display: inline;
}

/* span.alt deprecated ... replaced by div.alt ... eliminate in next version > 1.0 */
span.alt span.mode,
div.alt span.mode
{
 text-transform: uppercase;
}

.textfill span.condition:before
{
 content: '';
}
.alt span.mode:after,
div.textif span.condition:after,
div.textfillif span.condition:after
{
 content: '}';
}

div.textfillif span.last:after,
div.textif span.last:after
{
 content: ' {otherwise}';
 text-transform: italic;
}
.alt .text,
.textfill .text,
div.textif .text,
div.textfillif .text
{
	font-style: normal;
	padding-right: .5em;
}

div.textif .condition +.text:before,
div.textfillif .condition +.text:before,
.alt .mode + .text:before,
.textfill .condition + .expression:before
{
  content: ' / ';
} 

.textfill .text.noparsed
{
	font-style: italic;
}

.iiposttext,
.iipretext,
.interviewer
{
 text-transform: uppercase;
}

div.properties,
div.module > div.pmac,
div.history div.children
/* div.use div.method */
{
  border: 1px solid rgba(0,0,0,0.1); 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: auto;
  padding: .5em;
}

div.module > div.pmac > div.properties
{
  border: 0;
	padding: 0;
}

div.text ul
{
 margin-left: 1em;
}

div.text ul li
{
 list-style-type: disc;
 margin-left: 1em;
}

div.text ol
{
 margin-left: 1em;
}

div.text ol li
{
 list-style-type: decimal;
 margin-left: 1.5em;
}

/*  controls and the like*/

div.elements > div.control,
div.routing > div.control,
div.section,
div.module
{ 
  margin: 1em 0; 
  padding: .5em 2em; 

  border: 2px solid #abb4ca; 
  border: 2px solid rgba(61,82,132,0.2); 
  background-color: rgba(61,82,132,0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
/* questions and variables */

div.question, div.var { 
  margin: 1em 0; 
  padding: .5em 2em; 
  border: 1px solid rgba(0,0,0,0.1); 
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: auto;
}

div.question div.mac,
div.question div.properties,
div.question div.item,
div.question div.element,
div.altmode
{
  border: 1px solid rgba(0,0,0,0.1); 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: auto;
}

div.question   div.mac,
div.question   div.properties,
div.var  div.properties
{
 border: none;
 padding-left: 0;
}

/* rb -2012-03-03 - replacing p's with div.p's so that can nest other divs */
div.question div.control>div.p,
div.question div.control>p
{
  margin-top: .5em;
}
div.question div.control div.properties,
div.altmode
{
  margin: .25em; 
  padding: .25em .5em .25em .5em; 
  border: 1px solid rgba(0,0,0,0.2);
  background-color: white;
}

div.altmode div.properties
{
  margin-left: 1em;
}

div.question div.check div.properties > div
{
  margin-top: .2em;
}

div.type_etc *
{
  white-space: nowrap;
}

div.type_etc div h4,
div.type_etc div h6
{
  
  font-weight: normal;
  display: block;
  width: auto;
  font-weight: bold;
  border-bottom: 1px solid rgba(0,0,0,0.2);
  padding: 0.2em 2em;
  width: auto;
  float: none;
  text-align: center;
}

/* rb -2012-03-03 - replacing p's with div.p's so that can nest other divs */
div.type_etc div div.p,
div.type_etc div p
{
  font-weight: normal;
  width: auto;
  float: none;
  padding: 0.2em 2em;
  text-align: center;
}

div.type_etc div
{
  display: table-cell; 
  border: 1px solid rgba(0,0,0,0.2);
}

div.type_etc div.array
{
  font-style: italic;
	vertical-align: bottom;
}

div.item
{
  margin: .5em;
	padding: .5em;
}

div.item div.universe,
div.item div.output,
div.group_elements div.question div.properties > div,
div.group_elements div.question div.output,
div.group_elements div.question div.universe
{
 margin-top: .3em;
}


div.options
{
 margin: 0;
}

div.options,
div.type_etc
{ 
  clear: both;
  display: table;
  margin: .5em 0;
}

div.options h4,
div.options h6
{
 margin-bottom: .5em;
}

div.option 
{ 
  display: table-row;
}

div.option div
{ 
  display: table-cell; 
  font-size: 0.875em;
  padding: 0.2em 2em; 
  border: 1px solid rgba(0,0,0,0.2);
}

div.method,
div.universe span.op,
div.universe span.condition
{
  font-family: monospace;
  font-size: 130%; 
}

div.assign
{
 margin: 0;
 padding: 0;
}

div.loop:after
{
  content: 'END LOOP';
  font-weight: bold;
}

div.loop span.args,
div.dataout span.args,
span.noparsed
{
  font-style: italic;
}
div.assign:after
{
  content: "; ";
}

/**************
** printing styles
***************/

@media print
{
 
 body
 {
   font-size: 62%;
   width: 90%;
   position: relative;
 }
 
 #toc
 {
   display: none; 
 }
 
 div#main
 {
   padding: none;
   float: none;
   width: 100%;
   margin-left: 0%;
 }
 
div.type_etc div h4, div.type_etc div h6
 { 
   padding: 0.2em 0.1em; 
   text-align: center;
 }
 
   /* page-break-before: always; */
   div.if 
   { 
     border: none; 
     padding: 0em; 
     border-left: 1px solid #999;
     padding-left: 1em;
     margin: 1em 0; 
     background-color: transparent;
     -moz-border-radius-bottomleft: 12px;
     -moz-border-radius-bottomright: 12px;
     -moz-border-radius-topleft: 12px;
     -moz-border-radius-topright: 12px;
     -webkit-border-bottom-left-radius: 12px 12px;
     -webkit-border-bottom-right-radius: 12px 12px;
     -webkit-border-top-left-radius: 12px 12px;
     -webkit-border-top-right-radius: 12px 12px;
   }

   div.if div.elements { margin: 0 0em; }

   div.question { 
     margin: 1em 0; 
     padding: 1em 0em 2em 0em; 
     border: none; 
     background-color: transparent;
     -moz-border-radius-bottomleft: 12px;
     -moz-border-radius-bottomright: 12px;
     -moz-border-radius-topleft: 12px;
     -moz-border-radius-topright: 12px;
     -webkit-border-bottom-left-radius: 12px 12px;
     -webkit-border-bottom-right-radius: 12px 12px;
     -webkit-border-top-left-radius: 12px 12px;
     -webkit-border-top-right-radius: 12px 12px;
     }

     div.properties,
     div.module > div.pmac,
     div.history div.children
     /* div.use div.method */
     {
       border: none; 
       overflow: auto;
       padding: 0em;
     }
     
     div.elements > div.control,
     div.routing > div.control,
     div.section,
     div.module
     { 
       margin: 0em; 
       padding:  0em; 
       border: none
     }
     
     div.question div.control div.properties,
     div.altmode
     {
       margin: 0em; 
        padding:  0em; 
        border: none
     }
     
}