@media all
{
	/* // ---- global typography ---- // */

	/* Links
	-------------------------------------------------------------- */
	:link {color:#616161; background:transparent; text-decoration: none; outline-style: none;}
	:visited {color:#616161; text-decoration: none;}
	:link:hover, :visited:hover {color:#D97A04; text-decoration: underline;}
	:link:focus, :visited:focus {}
	:link:active, :visited:active {color:#182E7A; text-decoration:underline; outline: 0 none;}
	/*:link[rel=external]::after {content: " " url(i/external.png);} */
	
	/* Text elements
	-------------------------------------------------------------- */
	blockquote {margin: 1.5em; color: #666;}
	blockquote, cite, q {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}

	strong      {font-weight: bold;}
	em,dfn,var {font-style: italic;}
	dfn         {font-weight: bold;}
	sub, sup    {font-size:91.6667%; line-height:0;}
	big {font-size:116.667%;}
	small {font-size:91.667%;}

	abbr {font-variant:small-caps; letter-spacing:.07em;}
	abbr[title], dfn[title] {border-bottom:1px #aaa dotted; cursor:help;}
	address     {margin: 0 0 1.5em; font-style: italic;}
	
	u, ins {text-decoration:underline;}
	del {color:#666; text-decoration: line-through;}
	mark {background-color:#ff9; color:#000; font-style:italic;}

	pre 		{margin: 1.5em 0; white-space: pre;}		
	kbd, samp, var, tt { color:#666; font-weight:bold; }
	pre, code {color:#800;}
	textarea, pre, code, kbd, samp, var, tt {
		font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}

	hr {color: #ccc; background-color: #ccc; height: 1px; border-width: 0px;}	

	/* Lists
	-------------------------------------------------------------- */
	dl          {margin: 0 0 1.5em 0;}
	dl dt       {font-weight: bold;}
	dd          {margin-left: 1.5em;}
	
	/* Icons
	-------------------------------------------------------------- */
	.icons a, .icon {padding: 1px 0 1px 20px; background-repeat: no-repeat; background-position: left center;}
	
	/* -- ---- global typography ---- -- */

	/* // ---- content typography ---- // */
	
	/* Headings
	-------------------------------------------------------------- */
	.content h1,.content h2,.content h3,.content h4,.content h5,.content h6 {font-weight: normal; color: #222222;}
		
	.content h1 {font-size: 24px; line-height: 27px; margin-bottom: 20px; color:#4D6D49; }
	.content h2 {font-size: 14px; line-height: 18px; margin-bottom: 5px; color:#272425; font-weight:bold;}
	.content h3 {font-size: 13px; margin-bottom: 9px;font-weight:bold;background-color:#E6E7E8; padding:2px 5px; text-align:left; z-index:-100}
	.content h4 {font-size: 13px; line-height: 1.285; margin-top: 12px; margin-bottom: 8px;font-weight:bold;}
	/* Optional - em units */
	/*
	.content h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
	.content h2 { font-size: 2em; margin-bottom: 0.75em; }
	.content h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
	.content h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
	*/
	/* Headings the same size as text */
	.content h5 {font-size: 1em; font-weight: bold; padding-top: .75em; margin-bottom: .75em;}
	.content h6 {font-size: 1em; font-weight: bold;}
		
	.content h1 img, .content h2 img, .content h3 img, 
	.content h4 img, .content h5 img, .content h6 img {
	  margin: 0;
	}
	
	/* Links
	-------------------------------------------------------------- */
	.content :link {text-decoration:underline;}
	.content :visited {text-decoration: underline;}
	.content .hidevisited :visited {color: #4D87C7; text-decoration: underline;}
	.content :link:hover, .content :visited:hover {text-decoration:underline;}

	.content :link img {}
	.content :link:hover img {}

	/* Lists
	-------------------------------------------------------------- */
	.content li ul, .content li ol {margin:0 1.5em;}
	.content ul, .content ol {margin:0.5em 1.1em;line-height:1.6em;}

	.content ul {list-style-type:square; color:#6D6D70}
	.content ol {list-style-type: decimal;}

	/* Text elements
	-------------------------------------------------------------- */
	.content p {margin: 0 0 9px;}	
	
	.content img.align-left, .content img.float-left {float: left; margin: 1.5em ;}
	.content img.align-right, .content img.float-right { margin: 1em; z-index:100}
	.content img.align-center {display: block; margin:1.5em;}
	.content img {margin: 0 0 1.5em 1.5em;}
	
	/* Images with captions
	-------------------------------------------------------------- */
	.content p.icaption-left {float:left; display:inline; margin:0 1em 0.15em 0;}
	.content p.icaption-right {float:right; display:inline; margin:0 0 0.15em 1em;}
	.content p.icaption-left img,
	.content p.icaption-right img {padding:0; margin: 0; border:1px #888 solid;}
	.content p.icaption-left strong,
	.content p.icaption-right strong {display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%;}

	/* Tables
	-------------------------------------------------------------- */
	.content table, table.content {margin-bottom: 1.5em; width:auto;}
	.content caption {background: #eee; font-variant:small-caps;}
	table.full {width:100%;}
	table.fixed {table-layout:fixed;}
	.content th          {font-weight: bold;}
	.content thead th 		{background: #EEEEEE;}
	.content th, .content  td, .content caption {padding:0.4em 0.5em;}
	.content tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }
	.content tbody tr:hover th[scope="row"],
	.content tbody tr:hover tbody th.sub { background:#f0e8e8; }
	.content tbody tr:hover td { background:#fff; }
	.content tr.even td  {background: #e5ecf9;}
	.content tfoot       {font-style: italic;}
	
	/* Separators
	-------------------------------------------------------------- */
	.content hr {
	  background: #ddd; 
	  color: #ddd;
	  clear: both; 
	  float: none; 
	  width: 100%; 
	  height: .1em;
	  margin: 0 0 1.45em;
	  border: none; 
	}
	.content hr.space {
	  background: #fff;
	  color: #fff;
	}
	
	/* Misc classes
	-------------------------------------------------------------- */
	.content .highlight {color:#c30;}
	.content .dimmed {color:#888;}
	.content .quiet      {color: #666;}
	.content .loud       {color: #000; }
	
	.content .info {background:#f8f8f8; color:#666; padding:.818em; margin-bottom:1.636em; font-size:91.7%;}
	.content .note {background:#efe; color:#040; border:2px #484 solid;}
	.content .important {background:#ffe; color:#440; border:2px #884 solid;}
	.content .warning {background:#fee; color:#400; border:2px #844 solid;}
	.content .note, .content .important, .content .warning {padding:.75em; margin-bottom:1.166em;}
  
	.content .small      {font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em;}
	.content .large      {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em;}
	.content .hide       {display: none;}
		
	.content .added      {color:#484}
	.content .removed    {text-decoration:line-through;}

	.content .first      { margin-left:0; padding-left:0; }
	.content .last       { margin-right:0; padding-right:0; }
	.content .top        { margin-top:0; padding-top:0; }
	.content .bottom     { margin-bottom:0; padding-bottom:0; }
	
	/* -- ---- content typography ---- -- */
	

      /**
       *  YAML Forms - visual styling
       *
       *  (en) visual form styling area  
       */

      .form {
        background:#f4f4f4;
        border:1px #ddd solid;
        margin:0 0 1.5em 0;
        padding:8px;
      }
      
      .form p {
        margin: 0 0 1.5em 0;
        padding: 0;	        
        font-size: 1em;
      }

      .form fieldset {
        border:1px #ddd solid;
        background:#fafafa;
        margin:0 0 1.5em 0;
        padding:8px;
      }
      
      .form legend {
        font-size:125%; 
        font-weight:normal; 
        color:#000;
      }

      .form label {
        color:#666;
      }
      .form label.requredfield {font-weight:bold;}

      .form input,
      .form textarea,
      .form select, 
      .form optgroup {
        font-family:Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
      }

      .form .type-text input,
      .form .type-text textarea,
      .form .type-select select {
        border:1px solid #ddd;
      }

      /* :hover and :focus status on form fields */
      .form div.type-text input:focus,
      .form div select:focus,
      .form div textarea:focus,
      .form div.type-text input:hover,
      .form div select:hover,
      .form div textarea:hover,
      .form div.type-text input:active,
      .form div select:active,
      .form div textarea:active {
        border:1px #a66 solid;
        background:#fff;
      }

      /* Styling of custom styled buttons */
      .form .type-button input {
        border-top:1px #ddd solid;
        border-left:1px #ddd solid;
        border-right:1px #444 solid;
        border-bottom:1px #444 solid;
        color:#000;
        background:#454545 url(i/button_gray.png) top left repeat-x;
        padding:5px 1em;
        margin: 3px 0 4px;
      }

      .form .type-button input[type=reset] { color:#300; background:#661717 url(i/button_red.png) top left repeat-x; }
      .form .type-button input[type=submit] { color:#330; background:#5e5607 url(i/button_yellow.png) top left repeat-x; }

      /* optional button styling for IE6 using classes */
      .form .type-button input.reset { color:#300; background:#661717 url(i/button_red.png) top left repeat-x; }
      .form .type-button input.submit { color:#330; background:#5e5607 url(i/button_yellow.png) top left repeat-x; }

      /* :hover and :focus status on buttons */
      .form div.type-button input:focus,
      .form div.type-button input:hover,
      .form div.type-button input:active {
        border-top:1px #444 solid;
        border-left:1px #444 solid;
        border-right:1px #ddd solid;
        border-bottom:1px #ddd solid;
        color:#fff;
        background:#555; 
      }

      .form div.type-button input.reset:focus,
      .form div.type-button input.reset:hover,
      .form div.type-button input.reset:active {
        background:#800; color:#fff;
      }

      .form div.type-button input.submit:focus,
      .form div.type-button input.submit:hover,
      .form div.type-button input.submit:active {
        background:#880; color:#fff;
      }

     /*------------------------------------------------------------------------------------------------------*/

     /**
      * Vertical-Forms - technical base (standard)
      *
      * |-------------------------------|
      * | fieldset                      |
      * |-------------------------------|
      * |   label                       |
      * |   input / select / textarea   |
      * |-------------------------------|
      * | /fieldset                     |
      * |-------------------------------|
      *
      * (en) Styling of forms where both label and input/select/textarea are styled with display:block;  
      */

      /* General form styling  */
      .form { overflow:hidden; }
      .form fieldset { overflow:hidden; }
      .form label { display:block; cursor:pointer; }
      .form legend { background:transparent; border:0; padding:0 0.5em; }
      .form .message { display:block; margin-bottom:0.5em; color:#666; }

      /* Hiding of hidden fields (otherwise ugly spaces in Firefox) */
      .form input[type=hidden] { display:none !important; }

      /* Highlight mandatory fields */
      .form sup { color:#800; font-weight:bold; }

      /* styling containing DIV elements */
      .form div.type-text,
      .form div.type-select,
      .form div.type-check,
      .form div.type-button {
        margin:0.5em 0;
        padding:3px 0.5em;  
        position:relative;
        overflow:hidden;
      }

      .form div.type-button {
        padding:3px 0em;  
      }
      
      /* styling standard form elements with 'almost' equal flexible width */
      .form .type-text input,
      .form .type-text textarea {
        display:block;
        position:relative;
        padding:0.39em 0.3em;
        margin: 0.39em 0;  
        width:58.5%;
      }
      .form .type-text textarea {height:123px;}

      .form .type-select select {
        display:block;
        position:relative;
        padding:0.3em 2px 0.3em 1px;
        margin: 0.42em 0; 
        width:60%;
        cursor:pointer;
      }
      .form .type-select select optgroup {
        font-style:normal;
        font-weight:bold;
      }
      
      .form div.type-check {padding:2px 0.5em;}
      .form .type-check input {        
        cursor:pointer;
      }
      .form .type-check label { display:inline; }

      /* Styling of buttons */
      .form .type-button input {
        cursor:pointer;
        overflow:visible;  /* Fixes IE7 auto-padding bug */
        width:auto;
      }

      /* Styling of error-messages */
      .form div.fielderror {
        border:1px #a00 dashed;
        background:#faf4f4;
        padding:.75em .5em;
      }

      .form div.fielderror label { color:#000; font-weight:bold; }
      .form div.fielderror .message { color:#800; }  

     /*------------------------------------------------------------------------------------------------------*/

      /* Indent Checkbox fields to match label-width */

      .full div.type-text input,
      .full div.type-text textarea { width:95.5%; margin-right: -3px; }
      .full div.type-select select { width:97.0%; margin-right: -3px; } 
      

     /*------------------------------------------------------------------------------------------------------*/

     /**
      * Columnar forms display - technical base (optional)
      *
      * |-------------------------------------------|
      * | fieldset                                  |
      * |-------------------------------------------|
      * |                                           |
      * |   label   |   input / select / textarea   |
      * |                                           |
      * |-------------------------------------------|
      * | /fieldset                                 |
      * |-------------------------------------------|
      *
      * (en) Styling of forms where label floats left of form-elements 
      *
      * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
      */

      /* Columnar display */
      
      .columnar div.type-text, .columnar div.type-select {margin:11px 0;}
      .columnar div.type-text input, .columnar div.type-select select {margin:0;}
      
      .columnar div.type-text label,
      .columnar div.type-select label {
        float:left;
        width:30%; /* Can be fixed width too */
      }

      /* Indent Checkbox fields to match label-width */
      .columnar div.type-check input { margin-left:30%; }
      .columnar div.error .message { margin-left:30%; }

      .columnar fieldset div.type-button,
      fieldset.columnar div.type-button { padding-left:30%; }

      .columnar div.type-text input,
      .columnar div.type-text textarea { float:left; width:67.8%; margin-right: -3px; }
      .columnar div.type-select select { float:left; width:69.4%; margin-right: -3px; }    
      
     /*------------------------------------------------------------------------------------------------------*/

     /* Success, notice and error boxes
     -------------------------------------------------------------- */

     .form .error,
     .form .notice, 
     .form .success    { padding: .7em; margin-bottom: 1.5em; border: 1px solid #ddd; }
     .form .error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
     .form .notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
     .form .success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
     .form .error a    { color: #8a1f11; }
     .form .notice a   { color: #514721; }
     .form .success a  { color: #264409; }			
}