@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 * @appdef yaml
 */

@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * 
  *
  * @section content-global-settings
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */

  html * { font-size: 100.01%; }

 /**
  * (en) reset monospaced elements to font size 16px in all browsers

  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (en) base layout gets standard font size 12px */

  body {
    font-family:  Arial, Helvetica, sans-serif;
	/*font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;*/
    font-size: 75.00%;
    color: #444;
  }

  /*--- Headings | ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
   font-family: Georgia, "Times New Roman", Times, serif;
  /*font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;*/
    font-weight:normal;
    margin: 0 0 0.25em 0;
  }

  h1 { font-size: 215%; }                       /* 30px */
  h2 { font-size: 180%; }                       /* 24px */
  h3 { font-size: 150%; }                       /* 18px */
  h4 { font-size: 133.33%; }                    /* 16px */
  h5 { font-size: 116.67%; }                    /* 14px */
  h6 { font-size: 116.67%; }                    /* 14px */

  /* --- Lists | -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em;  font-size:13px; }
  ul.text, ol.text { line-height: 2em; margin: 0 0 0em 1em; font-size:15px;}
  ul li { /*list-style-image:url(/yv/images/blullet.gif);*/  list-style-type: square; color:#444444; }
  .ym-g50 ym-gr ul li { /*list-style-image:url(/yv/images/blullet.gif);*/  color:#006699; }
  .ym-g50 ym-gl ul li { /*list-style-image:url(/yv/images/blullet.gif);*/  color:#006699; }
  ul ul li { list-style-type: circle; }

  ol li { list-style-type: decimal; }
  ol ol li { list-style-type: lower-alpha; }
	
  ol ul li { list-style-type: square; }

  li { margin-left: 0.8em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }
  	.licol {float: left; width:100px;}
	.list { line-height:15px; margin:4px 0 0; padding:0 70px 0 0; }
	

  /* --- general text formatting | ------------------------------------------ */

  p { line-height: 175%; text-align:left; margin: 0 0 20px 0; font-size:15px; }

  blockquote, cite,q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin: 0 0 1em 1em; color: #666; }
  h4 blockquote span {
    font-size: 60%;
	font-style:inherit;
    text-align: right;
}
  marquee {height: 180px;}
  p.marquee { line-height: 1.2em; text-align:left; margin: 0 0 1em 0; }
  p.marquee a, p.marquee a:visited {
	  color:#333;
	  border-bottom:none;
	  }
  
  strong,b { font-weight: bold; }
  em,i { font-style: italic; }

  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre, code { color: #800; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #666; }
  var { font-style: italic; }

  acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub, sup { font-size: 91.6667%; }

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}
  /*--- Links ----------------------------------------------------------------------------------------- */
 /* a { color: #21759b; background:transparent; text-decoration:none; }*/
  a { background: none repeat scroll 0 0 transparent;
    color: #333333;
    text-decoration: none; }

  a:visited {color: #333;}

  a:focus,
  a:hover,
  a:active { color:#182E7A; text-decoration:none; }

  p a, ul.text li a, ol.text li a, blockquote a {
	  color: #006699;
	  background:transparent;
	  text-decoration:none;
	  border-bottom:1px dotted #006699;
	  }

  p a:visited {color: #006699;}
  
  p a:hover,
  p a:focus,
  p a:active, ul.text li a:hover, ol.text li a:hover { color:#006699; text-decoration:none; }
  
  p.icaption_left_200 a, p.icaption_right_200 a, p.icaption_left a, p.icaption_right a{
	  border-bottom: none;
	  }

  /* --- images (with optional captions) |  ------------------ */

  p.icaption_left { float:left; display:inline; margin: 0.4em 1.8em 1.4em 0; width:252px; font-size:14px; /*position:relative; */}
  p.icaption_right { float:right; display:inline; margin: 0.4em 0em 1.4em 1em; width:252px; font-size:14px; /*position:relative;*/ }
  
  p.icaption_left_200 { float:left; display:inline; margin: 0.4em 1em 0.4em 0; width:202px; /*position:relative;*/ line-height:100% }
  p.icaption_right_200 { float:right; display:inline; margin: 0.4em 0em 1em 1em; width:202px; /*position:relative; */}
  
p.icaption_left_115 { float:left; display:inline; margin: 0 1em 0.4em 0; width:117px; /*position:relative;*/ line-height:100% }
  p.icaption_right_115 { float:right; display:inline; margin: 0.4em 0em 1em 1em; width:117px; /*position:relative; */}
  

  p.icaption_left_60 { float:left; display:inline; margin: 0 1em 0.4em 0; width:60px; /*position:relative;*/ line-height:100% }
  p.icaption_right_60 { float:right; display:inline; margin: 0.4em 0em 1em 1em; width:60px; /*position:relative; */}
  
  p.icaption_left_100 { float:left; display:inline; margin: 0 0.9em 0.4em 0; width:102px; /*position:relative;*/ line-height:100% }
  p.icaption_right_100 { float:right; display:inline; margin: 0.4em 0em 1em 0.9em; width:102px; /*position:relative; */}
  
  
  p.events_left { float:left; display:inline; margin: 0 6.5em 0 0; width:182px; position:relative; }
  p.events_right { float:left; display:inline; margin: 0 0 0 0; width:182px; position:relative; }
  
  p.col_right_235 { float:right; display:inline; margin: 0 14px 0 0; width:235px; position:relative; }
  p.col_left_235 { float:left; display:inline; margin: 0 10px 0 0; width:235px; position:relative; }  
  
  p.toolbox_right { float:right; display:inline; margin: 0 0 0 2em;  border:1px solid #EFEFEF; padding:10px;}
  p.icaption_left img,
  p.icaption_right img,
  p.icaption_left_60 img,
  p.icaption_right_60 img,
  p.icaption_left_115 img,p.icaption_left_200 img,
  p.icaption_right_200 img,
  p.icaption_left_115 img,
  p.icaption_right_115 img,
p.icaption_left_100 img,
  p.icaption_right_100 img,
  p.events_left img,
  p.events_right img { padding:0; border: 1px #888 solid; }
  p.toolbox_right img { padding:0; border:none; }
  p.icaption_left strong,
  p.icaption_right strong,
  p.icaption_left_200 strong,
  p.icaption_right_200 strong,
   p.icaption_left_60 strong,
  p.icaption_right_60 strong,
  p.icaption_left_115 strong,
  p.icaption_right_115 strong,
p.icaption_left_100 strong,
  p.icaption_right_100 strong,
  p.events_left strong,
  p.events_right strong { display:block; overflow:hidden; margin-top: 0px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; line-height:130%; text-align:left; }
  p.col_left_235 strong,
  p.col_right_235 strong { display:block; overflow:hidden; margin-top: 0px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; line-height:130%; text-align:left; }
  p.shivuki { text-align:center; margin: 0 0em 0.8em 0; line-height:120%}

  #icon_accessibility {display: block; height: 100px;}
  #icon_accessibility img { float:left; display:inline; margin: 0 1.4em 0.4em 0; position:relative; }
  

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting

  *
  * @section content-generic-classes
  */

  .highlight { color: #f60; }
  .dimmed { color: #888; }

  .small { font-size: 91.7%; line-height:1.7em; }
  
  .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }

  .note { background: #efe; /*color: #040;*/ border: 1px #484 solid; padding: 10px; margin-bottom: 1em; }
  .important { background: #ffe; color: #440; border: 1px #884 solid; padding: 10px; margin-bottom: 1em; overflow:hidden; }
  .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }
  .for_student { background: #f2e9dc; border: 1px #786143 solid; padding: 10px; margin-bottom: 1em; }
  .for_teacher { background: #EDEDDE; border: 1px #838448 solid; padding: 10px; margin-bottom: 1em; }
  .song { background: #f6faff; /*color: #040;*/ border: 1px #6284ab solid; padding: 10px; margin-bottom: 1em; width:40%; display:inline-block; }
  .song_100 { background: #f6faff; /*color: #040;*/ border: 1px #6284ab solid; padding: 10px; margin-bottom: 1em; width: auto; }
  
  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { display:block; text-align:center; margin: 0.5em auto; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | 
  *
  * (en) Generic classes for table-width and design definition

  *
  * @section content-tables
  */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; color:#000;  /*margin-left:37px; adina 30.10.13*/}
  table caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }
  
/*  .gsc-search-box table { width: auto; border-collapse:collapse; margin-bottom: none; border-top: 0px #888 solid; border-bottom: 0px #888 solid; color:#000; }
  .gsc-search-box table caption { font-variant:small-caps; }
  .gsc-search-box table.full { width: 100%; }
  .gsc-search-box table.fixed { table-layout:fixed; }*/
  
  /* .gsc-control-cse table { width: auto; border-collapse:collapse; margin-bottom: none; border-top: 0px #888 solid; border-bottom: 0px #888 solid; color:#000; }
  .gsc-control-cse table caption { font-variant:small-caps; }
  .gsc-control-cse table.full { width: 100%; }
  .gsc-control-cse table.fixed { table-layout:fixed; }*/

  th,td { padding: 0.5em; }
  .gsc-search-box th,.gsc-search-box td { padding: 0.0em;}
  thead th { color: #000; border-bottom: 2px #800 solid; }
  tbody th { background: #e0e0e0; color: #333; }
  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }
  


  tbody th { border-bottom: 1px solid #fff; text-align: left; }
  tbody td { border-bottom: 1px solid #eee; }
  
/*  .gsc-search-box tbody th { border-bottom: none; }
  .gsc-search-box tbody td { border-bottom: none; }*/

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background: #f0e8e8; }
  tbody tr:hover td { background: #fff8f8; }

/*  .gsc-search-box tbody tr:hover th[scope="row"],
  .gsc-search-box tbody tr:hover tbody th.sub { background: none; }
  .gsc-search-box tbody tr:hover td { background: none; }
  
  .gsc-control-cse tbody tr:hover th[scope="row"],
  .gsc-control-cse tbody tr:hover tbody th.sub { background: none; }
  .gsc-control-cse tr:hover td { background: none; }*/

  table#nostyle { width: auto; border:none; margin-bottom: 0.5em; background:none}
  table#nostyle td { border:none; padding-bottom: 1.5em;}
  
  .gsc-control-cse gsc-control-cse-en
  
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous |
  *
  * @section content-misc
  */

 /**
  * (en) Emphasizing external Hyperlinks via CSS

  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */
  
  
  .c30l, .c30r { width: 28.333%; }
  .c70l, .c70r { width: 71.666%; }
  
  .c30l, .c70l {float: left; }
  .c30r, .c70r {float: right; margin-left: -5px; }
  
  
  
  
}