/* CSS Document, http://videos.yaaya.mobi */ *{
margin:0;
padding:0;
text-decoration:none;
border:none; } body{
background:#F3F3F3;
color:#999;
font-size:1em;
/*zoom: 125%;*/
font-family: 'Roboto', sans-serif;
/*font-weight:bold;*/ }
.material{   background: #FFF;   padding-top: 1px;   box-shadow: 2px 2px 4px 2px rgba(220, 220, 220, 0.5);   margin: -5px 7px 10px 7px;   padding-bottom: 10px; }
.non-mat{
margin: -10px 7px 10px 7px; }
.title {   font-size: 19px;   padding-left: 20px;   margin-top: 20px;   margin-bottom: 10px;   line-height: 44px;   margin-right: 10px; }
.cean {   color: #00D9A3;   background: url("./images/css/heart.png") no-repeat right center;   height: 44px; }
.material p, .material .box, .material h1{     margin: 10px 20px;   }  .material  h1{
font-size:1em;
font-weight:normal; }
.material .go{ padding: 20px; display: block; text-align: left; text-transform: uppercase; transition: background-color 0.5s ease; }
.spline{
margin-top:3px;
margin-left:20px;
margin-right:20px;
border-bottom:1px solid #EEE; } .addspace{
margin:5px; } .addspace a{
font-size:small; }
iframe {
display:block;
margin:0 auto; }
#head{
text-align:center;
margin-bottom: 20px; } a{
color:#1A1306;
text-decoration:none; } a:hover{
color:#F60;
text-decoration:underline; } a.btn{
background:#666;
padding:3px;
margin:3px;
color:#FFF;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px; } a.btn:hover{
background:#000;
text-decoration:none; } a.m{
display:block; } table{
width:100%;
border:none;
background:#EEE; } td{
background:#FFF;
border-bottom:1px solid #999;
vertical-align:top;
padding:5px;
padding-right:0px; } td:hover{
background:#FFF;
border-bottom:1px solid #999;
vertical-align:top; } td.vidLeft{
width:70px; } td.mRight{
width:10px; } .vids td{
background:#FFF url(images/vbg.jpg) repeat-x bottom; } .mens td{
background:#FFF url(images/mbg.jpg) repeat-x bottom; } .navlink{
margin:2px 1px;
padding:2px;
border:1px solid #EEE; } .navlink:hover{
border:1px solid #CCC; } .navCurrent{
margin:2px 1px;
background:#EEE;
padding:2px;
border:1px solid #999; } .dbutton{
background-color:transparent;
font-weight:bold;
color:#735444; } .dbutton:hover{
text-decoration:underline;
cursor:pointer; } .subox{
padding:5px;
background:#FFF;
margin-bottom:5px; } .subox a{
color:#1A1306; }
.ad {
text-align: center;
border: 2px solid #FF8806;
margin: 5px;
background: white;
padding:7px;
overflow:hidden } .ad a{
font-size:x-large;
font-weight:bold;
margin:10px; } .ibox{
padding:5px;
background:#FFF;
margin-bottom:1px;
overflow:hidden; } .mbox{
padding:5px;
background:#FFFDE9;
margin-bottom:1px; } .clear{
margin-top:5px; } .errorbox{
padding:5px;
background:#FE5D59;
margin-bottom:5px;
color:#FFF; }
.qboxwrap{
background:#FFF;
border:2px solid #666;
margin:5px; } .thumb{
margin:0;
padding:0; }
.player{
padding-left:40px;
display:block;
background:#333 url("./images/css/play.png") no-repeat left center;
color:#FFF;
height:40px;
line-height:40px;
max-width:280px;
margin-bottom:10px;
margin-top:-5px; }
.qbox{
width:100%;
background:transparent;
line-height:150%;
margin: 5px;
padding:0 px 10px;
border:none; } .qsubmit{
border:2px solid #666;
display:block;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
padding:4px 0;
margin: 5px;
color: #000;
border:1px solid #cacaca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold;
background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC)); background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC); background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC); background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC); background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC); background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC); }
.qsubmit:hover{
border:1px solid #b3b3b3; background-color: #cdcdcd; background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3)); background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3); background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3); background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3); background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3); background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3); }
.center{
text-align:center;
margin:10px 0; } @media (max-width: 980px) {
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 640px;
max-height:385px;
} }
/** Search from **/ .search {   color: #9E9EA3;   background: url("./images/css/search.png") no-repeat right center;   height: 44px; }
.search-form {   margin: 0 20px; } .search-form .query input, .ui-autocomplete-input {   width: 100%;   font-size: 1.3em;   padding: 5px 0px;   border: none;   color:#5890FF;   border-bottom: 3px solid #5890FF; } .search-form .radio input {   margin-left: 10px;   margin-top: 10px; } .search-form .button input {   display: block;   width: 100%;   margin-top: 15px;   padding: 10px;   text-align: center;   font-size: 18px;   text-transform: uppercase;   color: #FFF;   background-color: #5890FF;   border: none;   border-radius: 4px;   transition: background-color 1s ease;   cursor: pointer; } .search-form .button input:hover {   background-color: #4A7BDC; } /** menu **/ ul.menu {   padding-left: 10px;   margin-bottom: 10px;   display: block;   list-style: none; } ul.menu a {   font-size: 1em;   line-height: 30px;   display: block; } ul.menu a span {   color: #999;   font-size: 0.7em;   line-height: 30px;   display: inline-block;   text-align: right;   float: right;   margin-right: 20px; } ul.menu li {   background: transparent;   display: block;   list-style: none;   height: 30px;   padding-left: 34px;   transition: background-color 1s ease; } ul.menu .tag {   background: url("./images/css/tag.png") no-repeat left center; }
/******** Media Box ******/ ul.video-list{
list-style:none;
display:block; }
.media {   list-style:none;
display:block; margin: 20px; padding-bottom: 10px; border-bottom: 1px solid #EEE; transition: background-color 0.5s ease; }
.media a{
font-size:0.8em; }
.media:active {   background-color: #EEE; }
.media, .media__body {   overflow: hidden;   _overflow: visible;   zoom: 1; }
.media__body p {   font-size: 0.8em;   color: #CCC;   margin:0;   padding:0; }
.media .media__img {   float: left;   margin-right: 10px; }
.media .media__img img {   display: block; }
.media .imgExt {   float: right;   margin-left: 10px; }
/******* End Media Box *****/ .next-page {   padding: 20px 0;   display: block;   text-align: center;   text-transform: uppercase;   transition: background-color 0.5s ease; }
/** FB ads **/ #ad_root {         display: none;         font-size: 14px;         height: 250px;         line-height: 16px;         position: relative;         width: 300px;       }       .thirdPartyMediaClass {         height: 157px;         width: 300px;       }       .thirdPartyTitleClass {         font-weight: 600;         font-size: 16px;         margin: 8px 0 4px 0;         overflow: hidden;         text-overflow: ellipsis;         white-space: nowrap;       }       .thirdPartyBodyClass {         display: -webkit-box;         height: 32px;         -webkit-line-clamp: 2;         overflow: hidden;       }       .thirdPartyCallToActionClass {         color: #326891;         font-family: sans-serif;         font-weight: 600;         margin-top: 8px;      }