@import url(/css/menus.css);
@import url(/css/tabber.css);

.yk_purc_table td{
  border: solid 1px #333;
  padding: 5px;
  border-top: 0;
  border-left: 0;
  text-align: center;
}

td.cell_left {
  text-align: left;
}

td.empty{
  border: 0;
}

td.liccell1_1{
  border-top: solid 1px #333;
  background-color: #EEEEEE;
  border-left: solid 1px #333;
}

td.liccell2_1{
  border-top: solid 1px #333;
  background-color: #EEEEEE;
  border-left: solid 1px #333;
}

td.liccell1{
  background-color:#EEEEEE;
  border-top: solid 1px #333;
}

td.liccell2{
  background-color:#EEEEEE;
  border-left: solid 1px #333;
}

.yk_first_cell{
  height: 0;
  width: 34px;
}

.yk_first_cell2{
  height: 0;
  width: 25%;
}

.yk_table {
  border:0;
  border-collapse: collapse;
  width:100%;
}

.yk_home_table {
  border:0;
  border-collapse: collapse;
  width: 100%;
}

.yk_home_table a{
  margin: 0 2em 0 0;
}

.yk_footer {
  padding-left: 30px;
  color: white;
  height: 2em;
  text-align:left;
  font-size: 0.76em;
}

.yk_bg_top{
  background: url(/images/header_bg_top.gif);
  width: 200px;
}

.yk_dot_right_b{
  background: url(/images/dot_b.gif) top right repeat-y;
}

.yk_dot_left_b{
  background: url(/images/dot_b.gif) top left repeat-y;
}

.yk_quick_links {
  height: 100%;
  text-align: right;
  vertical-align: bottom;
  color: white;
  padding-bottom: 0.5em;
  width: 100%;
}

.yk_quick_links a {
  color: white;
}

.yk_quick_links span {
  margin-left: 0.5em;
  margin-right: 0.5em;
  background: url(/images/dot_w.gif) top right repeat-y;
  padding-bottom: 5px;
}

.yklogo{
 top: 0.9em;
 left: 0;
 display:block;
 font-size: 2.1em;
 background-color:  #457EE4;
 /*width: 100%;*/
 height: 111px;
}

.yk_background {
  background-color: #457EE4;
}

hr{
  margin-bottom: 2em;
  margin-top: 1.5em;
  color: #D6D3C6;
  background-color: #D6D3C6;
  height: 1px;
  border: none;
}

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

body{
  margin: 0;
  padding: 0;
  border: 0;
  font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
  color: #333;
  background-color: #CCC5B7;
  font-size: 0.75em;
  line-height: 1.5em;
}

* { margin: 0; padding: 0; }

img{
 border: none;
}

a {
 color: #EC4F02;
}

a:hover {
 color: #333;
}

pre{
  font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
  color: #333;
  font-style: normal;
  font-size: 1em;
}

dt {
 font-weight:bold;
}

dl{
  padding: 10px;
}

dd{
 margin: 0.5em 0 0.5em 0px;
 padding-left: 10px;
 background :url(/images/li_blt.gif) 0 3px no-repeat;
}

code{
 font-style: normal;
 font-size: 1.1em;
 color: #222480;
}

#maincontent ul{
  margin-top : 1em;
  list-style : url(/images/li_blt.gif);
}

#maincontent ul li{
  margin-left: 2em;
  margin-bottom: 0.5em;
}

/* Reset margins inside "tabbernav" block */
#maincontent ul.tabbernav li{
  margin-left: 0;
  margin-bottom: 0;
}

p{
  margin-bottom: 1em;
}

#maincontent p{
  text-align:justify;
}

.access {
  display:none;
}

a.ext{
  padding-right: 10px;
  background: url(/images/link.gif) no-repeat center right;
}

a.mail{
  padding-right: 10px;
  background: url(/images/mail.gif) no-repeat center right;
}

h2 {
  padding: 2px 2px 15px 20px;
  background: url(/images/bullet.gif) 0 11px no-repeat;
  font-weight:normal;
  font-size: 1.9em;
  line-height:1.2em;
}

h3 {
  font-size:1.5em;
  line-height:1.2em;
  font-weight:normal;
  padding-left: 20px;
  background: url(/images/bullet.gif) 0 5px no-repeat;
  margin-bottom:1em;
}

#maincontent {
  padding: 1em 3em 1em 3em;
  margin:0;
  color: #333;
}

/*Dash-----------------------------------------------------Header:Dash*/

#dash{
  position: absolute;
  left: 43.5em;
  top: 110px;
  z-index:14;
  width: 35em;
  color: white;
}

#dash a {
  display:inline;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  color: white;
}

#dash a:hover{
  color: black;
}

#dash a.down{
  background: url(/images/dot_w.gif) top right repeat-y;
}

/* Adds "new" icon to the element. For example, it could be used to mark new features */
.new {
  padding-right: 20px;
  background: url(/images/new.gif) top right no-repeat;
}

.new-first {
  padding-left: 20px;
  background: url(/images/new.gif) top left no-repeat;
}

/*-------------- Sides --------*/
.side{
  font-size: 0.9em;
  width: 22em;
}

.newswrappery{
  background: url(/images/dot_b.gif) repeat-y top left;
}

.newswrapperx{
  padding: 1.5em 0 1.5em 0;
  background: url(/images/dot_bottom.gif) bottom left repeat-x;
  margin-left: 1px;
  margin-right: 1px;
}

.side-separator {
 font-weight: bold;
 font-size: 1em;
 background-color: #333;
 color: white;
 padding-left: 1em;
 margin: 0 0 1em 1px;
}

.side-date{
 font-weight: bold;
 font-size: 0.8em;
 margin-top: 1em;
 padding-left: 1.5em;
 margin-bottom: 0;
 margin-left: 10px;
}

.side-paragraph{
  margin: 4px 2em 3px 2em;
}

.side-testimonial{
  font-family: "Trebuchet MS", sans-serif;
  line-height: 1.5em;
  font-size: 90%;
  margin: 1em 2em 0 2em;
}

.side-testimonial-text{
  background: url(/images/quote_top.gif) no-repeat left top;
  text-indent: 2em;
}

.side-testimonial-author{
  padding-bottom: 1.5em;
  background: url(/images/quote_bottom.gif) no-repeat right bottom;
  text-align: right;
  line-height: 1.3em;
  color: grey;
}

.award-img {
  float:left;
  margin-right:1.5em;
}

.castvote {
  float: none;
  margin: 0;
  padding: 0 0 0.5em 0;
}

.side .sidecontent .box1 img.rotoban {
  float:none;
  margin:0;
  padding:0;
}

.readmore {
  display:block;
  text-align:right;
  font-size: 0.8em;
}

a.rss{
 display:block;
 text-align:right;
 float: right;
 margin:-18px 0 0 0;
}

a.rss img{
  display:block;
  margin:0 10px 0 0;
}

.archive {
  font-size:  0.8em;
  text-align: left;
  margin: 2em 2em 2em 2.7em;
}

.archive a{
 padding-left: 8px;
 background: url(/images/ar_blt.gif) 0 4px no-repeat;
}

#maincontent .figure{
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

ul.disk_list li {
  list-style-type: disk;
  list-style-image : none;
  line-height: 1.2em;
}

/*--------------------------------------------------------------------------------On Top Link--------------*/

.top-link{
  text-decoration:none;
  text-align:right;
}

.top-link a{
  text-decoration:none;
}

/*--------------------------Breads----------------------*/

.breads{
  text-align: center;
  font-size:85%;
  margin: 0.5em 0 2em 0;
}

.breads a{
  margin: 0 5px 0 0;
  padding: 0 2px 2px 5px;
  padding-left:5px;
  text-decoration:none;
  background: url(/images/dot.gif) repeat-y;
}

.breads span{
  margin: 0 5px 0 0;
  padding: 0 2px 2px 4px;
  text-decoration:none;
  background: url(/images/dot.gif) repeat-y;
  font-weight: bold;
}

.breads .outer {
  background: none;
}

/*-----------------------------------------------------Content----------------------------*/

.left_padding{
  text-align:left;
  margin-left:2em;
}

.flash-demo{
  background: url(/images/flash.gif) left no-repeat;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 20px;
}

/* To decorate areas with hints */
.hint {
  padding-top : 1em;
  padding-bottom : 1em;
  padding-left : 1em;
  padding-right : 1em;

  border :1px solid #808080;
  background : #ffffcc;
  border-radius: 4px; /* CSS 3 */
  -o-border-radius: 4px; /* Opera */
  -icab-border-radius: 4px; /* iCab */
  -khtml-border-radius: 4px; /* Konqueror */
  -moz-border-radius: 4px; /* Firefox */
  -webkit-border-radius: 4px; /* Safari */
}

/* To decorate areas with hints */
.help_rc_warning {
  padding-top : 1em;
  padding-bottom : 1em;
  padding-left : 1em;
  padding-right : 1em;

  border :1px solid #808080;
  background : pink;
  border-radius: 4px; /* CSS 3 */
  -o-border-radius: 4px; /* Opera */
  -icab-border-radius: 4px; /* iCab */
  -khtml-border-radius: 4px; /* Konqueror */
  -moz-border-radius: 4px; /* Firefox */
  -webkit-border-radius: 4px; /* Safari */
}

.yk_evaluation_table{
  margin:2em 2em 1em 2em;
}

.yk_evaluation_table td{
  vertical-align:top;
}

.yk_evaluation_table th{
 width: 30em;
 vertical-align: top;
 text-align: left;
 font-weight: normal;
 padding-bottom: 10px;
}

/* now used for coloring '*' signs which mark mandatory input fields in forms */
.red_span{
  color: red;
}