/* Searchforvideo.com CSS stylesheet */

/* defaults */
* { padding: 0; margin: 0; }
html, body { height: 100%; }
div, ul { overflow: hidden; display: block; }
a, a:link { text-decoration: none; color: #0088ee; }
a:hover { text-decoration: underline; color: #0088ee; }
img { border: none; }
body, textarea, input { font: 14px arial, helvetica, verdana, sans-serif; color: #333333; }
textarea, input { padding: 4px; }
li { list-style: none; }
input { padding: 1px; }
label { color: #756B6F; }
p.margin { margin: 15px 0 30px 0; }
a.highlighted { color: #69956E; }
a.highlighted:hover { color: #69956E; }
.text-orange { color: #ff690a; }
.text-green { color: #08b63d; }
.text-light { color: #caced1; }
.text-grey { color: #656B7D; }
.clear { clear: both; float: none; }
.float-left { float: left; }
.vert-space { height: 15px; clear: both; }
.view-all { margin-top: -12px; margin-bottom: 18px; font-weight: bold; }
.align-right { float: right; text-align: right; }
.input-text { letter-spacing: -.04em; float: left; margin: 3px;  padding: 2px 4px 2px 4px; font-size: 14px; color: #caced1; }
/* end defaults */

/* headings */
h4 { clear: both; font-size: 16px; font-weight: normal; margin-bottom: 10px; }
h3 { clear: both; font-size: 20px; font-weight: normal; margin-bottom: 12px; }
h2 { clear: both; font-size: 24px; line-height: 26px; font-weight: normal; letter-spacing: -.03em; margin-bottom: 15px; }
h1 { clear: both; font-size: 28px; line-height: 28px; font-weight: normal; letter-spacing: -.05em; margin-bottom: 20px; }
/* end headings */

/* forms */
.form-row { margin: 20px; clear: left; }
.form-row label { margin-right: 20px; float: left; font-size: 18px; width: 200px; text-align: right; }
.form-error { border: 2px solid #F4293D; }
.form-error div { padding: 4px; background-color: #F4293D; color: #fff; }
.form-error ul { margin: 4px; }
.form-error ul li { color: #000; }
.form-captcha { text-align: center; width: 200px; font-size: 12px; margin: 20px 0 20px 280px; }
form p { margin: 5px; }
form textarea { width: 300px; }
form input.text { width: 300px; }
form select { width: 300px; }
.form-submit { padding-top: 20px; text-align: center; }
.form-submit input { font-size: 16px; padding: 5px; }
.form-wrap { width: 700px; margin-bottom: 40px; }
form label span.note { font-size: 12px; }
.form-required { font-size: 18px; color: #ff0000; }
/* end forms */

/* columns */
.column-left { clear: both; float: left; width: 610px; margin-right: 20px; }
.column-right { float: left; width: 325px; }
/* end columns */

/* header */
#header .wrap { margin-bottom: 2px; }
#header #search { float: right; margin: 12px 15px 0 0; }
#header #search .input-text { color: #ff690a; border: 1px solid #FF7A3F; margin-top: 1px; margin-right: 0px; width: 450px; padding: 2px; font-size: 130%; height:25px;}
#header #search .input-submit {background-color: #fff; font-size: 130%; background-image: url('/images/search-btn.gif');   border: 1px solid #FF7A3F; width: 80px; height: 31px; margin-top: 1px;}
#header #branding #logo { float: left; margin-right: 9px;  }
#header #links { padding-top: 5px; font-size: 12px; clear: both; /*border-top: 1px solid #CACED1;*/ }
#header #links .float-right { text-align: right; }
#header #nav-list { border-top: 3px solid #FF7A3F; height:30px;background-image: url('/images/navi.gif');}
#header #nav-list li { font-size: 13px; float: left; padding: 0px 0px 0px 0px; text-align:center; }
#header #nav-list li a { color:#fff;font-size:120%;padding: 5px 20px 5px 20px;display: block;margin: 0px 5px 0px 0px;}
#header #nav-list li a:hover { background-image: url('/images/navi-hover.gif');}
#header #nav-list li.selected { font-weight: bold;  }
#header #nav-list-main { padding: 4px; border-top: 3px solid #ff690a; border-bottom: 1px solid #CACED1;}
#header #nav-list-main li { font-size: 13px; float: left; margin-right: 23px; }
#header #nav-list-main li.selected { font-weight: bold;  }
/* end header */

/* body */
#main { width: 955px; margin: 15px auto 10px auto; }
#body { margin: 25px 0 0 0; }
/* end body */

/* footer */
#footer { margin-top: 5px; clear: both; }
#footer .link-list { width: auto; margin-bottom: 6px; }
#footer .link-list li { float: left; margin-right: 15px; line-height: 15px; }
#footer .link-list li.title { width: 100px; color: #656B7D; text-align: right; }

#footer #footer-branding { margin-bottom: 8px; }
#footer #large li { font-size: 14px; }
#footer #medium li { font-size: 12px; }
#footer #medium li a { color: #69956E; }
#footer #medium.link-list { margin-bottom: 3px; }
#footer #small li { font-size: 11px; }
#footer #small li a { color: #caced1; }
/* end footer */

/* components */

/* box */

.box { border: 1px solid #FF7A3F; padding: 15px; margin-bottom: 15px; margin-top: 48px; clear: both;}
.box-with-tabs { margin-bottom: 15px; }
.box-content { margin-top: 28px; padding: 15px; border: 1px solid #CACED1; clear: both; }
.tab-list { z-index: 1; position: absolute; }
.tab-list li { margin-left: 7px; float: left; padding: 7px 5px 5px 5px; font-size:95%; }
.tab-list li:hover { background-color: #F2F2F2; }
.tab-list li.selected {  background-color: #fff; border-top: 1px solid #FF7A3F; border-left: 1px solid #FF7A3F; border-right: 1px solid #FF7A3F; float: left; }
.tab-list li.selected a { color: #333; }
.box-blue-bg { padding: 15px; border: 1px solid #D4ECFE; background-color: #D4ECFE; margin-bottom: 15px; }
.box-green-bg { background-color: #D0F5BF; border: 1px solid #D0F5BF; padding: 15px; margin-bottom: 15px; }
.box-adsense {margin-left:-8px;}
.box-blue { border: 1px solid #FF7A3F; padding: 15px; clear: both; margin-bottom: 15px; }
.box-blue div { width:145px; height:270px;float:left }

.box-blue p { clear:both}
.box-blue p strong {text-align:center;display:block;}
.sort-bar {font-size:12px;margin-left:0px;padding-bottom:10px; color: #ff690a;font-weight:bold}
.banner {height:60px;width:475px;padding-bottom:20px;margin-bottom:20px}
.tab-list-more {}
.tab-list-more ul { display: none; margin-bottom: 7px; margin-top: 6px; }
.tab-list-more ul li { font-size: 11px; padding: 0; margin: 0; clear: left; line-height: 18px; }
/* end box */

/* video */
.video-list { clear: both; margin: 0; padding: 0; }
.video { text-align: center; height: 115px; margin-bottom: 16px; width: 90px; float: left; margin-right: 5px; }
.video .wrap { margin-bottom: 4px; margin-left: 15px; background-color: #eee; float: left; height: 60px; width: 60px; margin-right: 4px; }
.video-title { width: 100%; clear: left; margin-bottom: 2px; font-size: 12px; }
.video-source { font-size: 10px; color: #ff690a; height:14px; }
.video-image { /*width: 60px;*/ height: 60px; }
.video-info a {color: #ff690a; font-size: 12px;}
/* end video */

/* video small */
.video-small { overflow: hidden; border-bottom: 1px dotted #ddd; padding-bottom: 8px; margin-bottom: 8px; clear: both; float: none; }
.video-small .video-title { clear: none; margin-bottom: 5px; font-size: 12px; font-weight: bold; }
.video-small .video-title a { text-decoration: underline; }
.video-small .video-title a:hover { color: #000; }
.video-small .video-source { font-size: 10px; color: #ff690a; margin-bottom: 5px; }
.video-small .video-image { text-align: center; background-color: #eee; margin-right: 10px; width: 50px; float: left; height: 35px; }
.video-small .video-image img { height: 40px; width: auto;  }
/* end video small */

/* video horz */
.video-horz { overflow: hidden; border-bottom: 1px dotted #ddd; padding-bottom: 15px; margin-bottom: 15px; clear: both; float: none; }
.video-horz .video-title { clear: none; margin-bottom: 5px; font-size: 16px; }
.video-horz .video-title a { text-decoration: underline; }
.video-horz .video-title a:hover { color: #000; }
.video-horz .video-source { font-size: 12px; color: #ff690a; margin-bottom: 5px; }
.video-horz .video-description { font-size: 12px; color: #333; }
.video-horz .video-image { margin-right: 15px; width: 104px; float: left; height: auto; }
.video-horz .video-image img { width: 100px; border: 1px solid #81B8E9; padding: 1px; }
/* end video horz */

/* video grid */
.video-grid { margin-right: 12px; margin-left: 12px; width: 120px; height: 120px; overflow: hidden; padding-bottom: 15px; margin-bottom: 15px; clear: none; float: left; }
.video-grid .video-title { clear: left; margin-bottom: 5px; font-size: 12px; margin-top: 7px; text-align: center; }
.video-grid .video-title a { text-decoration: underline; }
.video-grid .video-title a:hover { color: #000; }
.video-grid .video-source { text-align: center; font-size: 11px; color: #ff690a; margin-bottom: 5px; }
.video-grid .video-description { display: none; font-size: 12px; color: #333; }
.video-grid .video-image { background-color: #eee; overflow: hidden; height: 70px; width: 120px; float: none; }
.video-grid .video-image img { width: 120px; height: auto; }
/* end video grid */


.video-list-dir li.video-horz { float: left; width: 420px; clear: none; margin-right: 15px; margin-left: 15px; height: 130px; }



/* linklist */
.link-list { float: left; margin-right: 8px; overflow: hidden; width: 135px; }
.link-list li { font-size: 14px; line-height: 22px; }
.link-list li.title { font-size: 16px; color: #caced1; }
/* end linklist */

/* search */
.rss-link { float: right; margin-top: 15px; }
.rss-link a { text-decoration: underline; }
.rss-link img { float: left; margin: 0 7px 1px 0; }
#search-info #indicator { margin-bottom: 20px;  }
#search-info #indicator a { font-weight: normal; text-decoration: underline; }
#search-into #indicator .selected { font-weight: bold; font-size: 10px; }
#search-into #indicator .label { color: #000; }

.paginator { clear: both; }
.paginator li { overflow: hidden; font-weight: bold; font-size: 12px; float: left; margin-right: 10px; padding: 3px 6px 3px 6px; border: 1px solid #caced1; text-align: center; }
.paginator li:hover { background-color: #EFF3F6; }
.paginator li a { color: #caced1; }
.paginator li.link a { color: #0088ee; }
.paginator li.selected a { color: #0088ee; font-weight: normal; }
/* end search */

/* publisher */
.pub-box { background-color: #D0F5BF; border: 1px solid #D0F5BF; padding: 15px; margin-bottom: 20px; }
.pub-box img { width: 180px; float: left; margin-right: 15px; margin-bottom: 7px; }
.pub-box h2 { clear: none; margin-bottom: 8px; }
.pub-box a { font-size: 16px; }
.pub-box p { margin-bottom: 8px; font-size: 12px; }
.pub-box p a { font-size: 14px; font-weight: bold; }
/* end publisher */



/* watchclip */
#video-preview { padding: 15px; border: 1px solid #D4ECFE; background-color: #D4ECFE; margin-bottom: 18px; }
#video-preview a:hover { text-decoration: none; }
#video-preview .image { float: left; margin-right: 15px; position: relative; }
#video-preview .image .img { width: 190px; }
#video-preview .image-wrap { width: 160px; float: left; position: absolute; top: 10px; left: 10px; background-color: #333; padding: 4px; opacity: 0.7; }
#video-preview .image-wrap { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); }
#video-preview .image-wrap a { color: #fff; }
#video-preview .image-wrap #play-text { padding: 4px 0 0 8px; font-weight: bold; font-size: 16px; }
#video-preview .wrap .title { font-size: 20px; margin-bottom: 4px; }
#video-preview .wrap .title a { text-decoration: underline;  color: #0088ee; }
#video-preview .wrap .title a:hover { color: #000; }
#video-preview .wrap .source { font-size: 14px; color: #666; margin-top:5px;}
#video-preview .wrap p.description { font-size: 11.5px; margin-bottom: 7px; }
#video-preview .wrap .more-info { color: #FF690A; font-size: 11.5px; margin-top: 3px; }
#video-preview .wrap .more-info li { font-size: 11.5px; margin-right: 5px;list-style: none; display: inline; }

/* end watchclip */

/* publisher list */
#publisher-list h3 { margin-bottom: 10px; }
#publisher-list ul.publisher-list li { margin-bottom: 15px; clear: left; }
#publisher-list ul.publisher-list li .publisher-description { font-size: 11px; color: #656B7D; }
#publisher-list ul.publisher-list li .publisher-title { font-size: 16px; margin-bottom: 5px; }
#publisher-list ul.publisher-list li .publisher-children { margin-left: 20px; margin-top: 8px; }
#publisher-list ul.publisher-list li .publisher-children div { font-size: 12px; font-weight: bold; margin-bottom: 6px; }
#publisher-list ul.publisher-list li .publisher-children li { clear: none; font-size: 12px; float: left; width: 250px; margin-bottom: 3px; }
#publisher-list-images { margin-top: 20px; }
#publisher-list-images img { margin-right: 30px; margin-bottom: 10px; }
/* end publisher list */

/* seo channels */
#channel-title { clear: both; font-size: 12px; height: 1%;  }
#channel-title p { margin: 10px 0 10px 8px; color: #8A9094; font-size: 12px; overflow:hidden; }
#channel-list h2 { margin: 15px 0 15px 0px; clear: both; }
#channel-list li { float: left; font-size: 14px; width: 260px; margin: 6px 0 2px 0; }
#channel-list ul { margin: 10px; clear: both; }
#channel-list li img { float: left; margin-right: 8px; border: 0; }
/* end seo channels */


/* micro include */
.micro-channels h3 { font-size: 16px; margin: 10px 0 5px 0; color: #B5B8BA; }
.micro-channels li { float: left; margin-right: 15px; line-height: 16px; width: 80px; font-size: 12px; }
.micro-channels ul { border-bottom: 1px dotted #ddd; padding-bottom: 10px; }
/* end micro include */

/* end components */