/* Categories header id */
#title-header {
 background-color:#f0f7ff;
 height:120px;
 width:100%;
 position:relative;
 border-bottom:1px solid #004b8f;
 /*margin-top: 32px;*/}
 
.title-bottom-right {
    background-color: #EFF7FF;
    border-top-left-radius: 7px;
    bottom: 0;
    padding: 4px;
    position: absolute;
    right: 0;
}

.title-bottom-left {
    background-color: #EFF7FF;
    border-top-left-radius: 7px;
    bottom: 0;
    padding: 4px;
    position: absolute;
    left: 0;
}

.title-above-bottom-left {
    bottom:16px; 
    position:absolute; 
    left: 0; 
    /*overflow: hidden; */
    padding: 2px 5px;
}

.title-above-bottom-right {
    bottom:16px; 
    position:absolute; 
    overflow: hidden; 
    padding: 2px 5px;
}

.title-bottom-right ul.yono {list-style-type:none; display:inline; }
.title-bottom-right ul.yono  li  {
cursor: pointer;
font-weight:bold;
list-style:none; 
display:inline; 
white-space: nowrap; 
color: #fff; 
background-color: #3685bd;
background:-moz-linear-gradient(bottom,#3685bd,#86c7f4);
background:-webkit-gradient(linear,left bottom,left top,from(#3685bd),to(#86c7f4));
-moz-border-top-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
-khtml-border-top-left-radius: 6px;
-moz-border-top-right-radius: 6px;
-webkit-border-top-right-radius: 6px;
-khtml-border-top-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
bottom: 0;
padding: 5px 10px 4px;
border-bottom:1px solid #004b8f;
}

.title-bottom-right ul.yono  li.yo {
background-color: #48d670;
background:-moz-linear-gradient(bottom,#48d670,#8fffaf);
background:-webkit-gradient(linear,left bottom,left top,from(#48d670),to(#8fffaf));
}

.title-bottom-right ul.yono  li.no {
background-color: #ff8686;
background:-moz-linear-gradient(bottom,#ff8686,#f4baba);
background:-webkit-gradient(linear,left bottom,left top,from(#ff8686),to(#f4baba));
}

.title-middle-right {
    background-color: #EFF7FF;
    border-top-left-radius: 7px;
    bottom: 60;
    padding: 5px;
    position: absolute;
    right: 0;
}

.title-middle-right ul.yono {}
.title-middle-right ul.yono  li  {
cursor: pointer;
font-weight:bold;
display:block; 
white-space: nowrap; 
color: #fff; 
background-color: #3685bd;
background:-moz-linear-gradient(bottom,#3685bd,#86c7f4);
background:-webkit-gradient(linear,left bottom,left top,from(#3685bd),to(#86c7f4));
bottom: 0;
padding: 5px 10px 4px;
}

.title-middle-right ul.yono  li.yo-rating {
border-top:1px solid #004b8f;
border-bottom:1px solid #004b8f;
}

.title-middle-right ul.yono  li.yo {
-moz-border-top-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
-khtml-border-top-left-radius: 6px;
-moz-border-top-right-radius: 6px;
-webkit-border-top-right-radius: 6px;
-khtml-border-top-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
background-color: #48d670;
background:-moz-linear-gradient(bottom,#48d670,#8fffaf);
background:-webkit-gradient(linear,left bottom,left top,from(#48d670),to(#8fffaf));
}

.title-middle-right ul.yono  li.no {
-moz-border-bottom-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-khtml-border-bottom-left-radius: 6px;
-moz-border-bottom-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-khtml-border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
background-color: #ff8686;
background:-moz-linear-gradient(bottom,#ff8686,#f4baba);
background:-webkit-gradient(linear,left bottom,left top,from(#ff8686),to(#f4baba));
}

.title-middle-right {
    background-color: #EFF7FF;
    border-top-left-radius: 7px;
    bottom: 30px;
    padding: 5px;
    position: absolute;
    right: 0;
}

.comment ul.yono {}
.comment ul.yono  li  {
cursor: pointer;
font-weight:bold;
text-align:center;
display:block; 
white-space: nowrap; 
color: #fff; 
background-color: #3685bd;
background:-moz-linear-gradient(bottom,#3685bd,#86c7f4);
background:-webkit-gradient(linear,left bottom,left top,from(#3685bd),to(#86c7f4));
bottom: 0;
padding: 5px 2px 4px;
border-left:1px solid #004b8f;
border-right:1px solid #004b8f;
}

.comment ul.yono  li.yo-rating {
border-top:1px solid #004b8f;
border-bottom:1px solid #004b8f;
}

.comment ul.yono  li.yo {
-moz-border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-khtml-border-top-left-radius: 3px;
-moz-border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-khtml-border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color: #48d670;
background:-moz-linear-gradient(bottom,#48d670,#8fffaf);
background:-webkit-gradient(linear,left bottom,left top,from(#48d670),to(#8fffaf));
border-top:1px solid #004b8f;
}

.comment ul.yono  li.no {
-moz-border-bottom-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-khtml-border-bottom-left-radius: 3px;
-moz-border-bottom-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-khtml-border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
background-color: #ff8686;
background:-moz-linear-gradient(bottom,#ff8686,#f4baba);
background:-webkit-gradient(linear,left bottom,left top,from(#ff8686),to(#f4baba));
border-bottom:1px solid #004b8f;
}


ul.yono {  }
ul.yono  li  {
box-shadow: 0 2px 3px rgba(34, 25, 25, 0.4);
cursor: pointer;
font-weight:bold;
text-align:center;
display:block; 
white-space: nowrap; 
color: #fff; 
background-color: #3685bd;
background:-moz-linear-gradient(bottom,#3685bd,#86c7f4);
background:-webkit-gradient(linear,left bottom,left top,from(#3685bd),to(#86c7f4));
bottom: 0;
padding: 5px 10px 4px;
border-left:1px solid #004b8f;
border-right:1px solid #004b8f;
}

ul.yono  li.yo-rating {
border-top:1px solid #004b8f;
border-bottom:1px solid #004b8f;
}

ul.yono  li.yo {
-moz-border-top-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
-khtml-border-top-left-radius: 6px;
-moz-border-top-right-radius: 6px;
-webkit-border-top-right-radius: 6px;
-khtml-border-top-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
background-color: #48d670;
background:-moz-linear-gradient(bottom,#48d670,#8fffaf);
background:-webkit-gradient(linear,left bottom,left top,from(#48d670),to(#8fffaf));
border-top:1px solid #004b8f;
}

ul.yono  li.no {
-moz-border-bottom-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-khtml-border-bottom-left-radius: 6px;
-moz-border-bottom-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-khtml-border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
background-color: #ff8686;
background:-moz-linear-gradient(bottom,#ff8686,#f4baba);
background:-webkit-gradient(linear,left bottom,left top,from(#ff8686),to(#f4baba));
border-bottom:1px solid #004b8f;
}

ul.yono {}
ul.yono  li  {
box-shadow: 0 2px 3px rgba(34, 25, 25, 0.4);
cursor: pointer;
font-weight:bold;
text-align:center;
display:block; 
white-space: nowrap; 
color: #fff; 
background-color: #3685bd;
background:-moz-linear-gradient(bottom,#3685bd,#86c7f4);
background:-webkit-gradient(linear,left bottom,left top,from(#3685bd),to(#86c7f4));
bottom: 0;
padding: 5px 10px 4px;
border-left:1px solid #004b8f;
border-right:1px solid #004b8f;
}

ul.yono  li.yo-rating {
border-top:1px solid #004b8f;
border-bottom:1px solid #004b8f;
}

ul.yono  li.yo {
-moz-border-top-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
-khtml-border-top-left-radius: 6px;
-moz-border-top-right-radius: 6px;
-webkit-border-top-right-radius: 6px;
-khtml-border-top-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
background-color: #48d670;
background:-moz-linear-gradient(bottom,#48d670,#8fffaf);
background:-webkit-gradient(linear,left bottom,left top,from(#48d670),to(#8fffaf));
border-top:1px solid #004b8f;
}

ul.yono  li.no {
-moz-border-bottom-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-khtml-border-bottom-left-radius: 6px;
-moz-border-bottom-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-khtml-border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
background-color: #ff8686;
background:-moz-linear-gradient(bottom,#ff8686,#f4baba);
background:-webkit-gradient(linear,left bottom,left top,from(#ff8686),to(#f4baba));
border-bottom:1px solid #004b8f;
}

