/*Following definitions are strict, they are hardcoded in Seyret component.YOU CANNOT CHANGE STYLE NAMES */html,body{width:100%;margin:0;padding:0;}/*seyretinputbox ->  defines inputbox style */.seyretinputbox{border:#999 solid 1px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;text-align:center;color:#333;}/*seyretlinkedpath ->  defines pathway-breadcrumb style laid over categories. */.seyretlinkedpath{font-size:11px;font-weight:700;line-height:25px;color:#fff;}table#CEDpath{width:100%;height:34px;}td#CEDpath_left{width:5px;behavior:url(iepngfix.htc);background:url(../images/cabeceraCATS.png) left top;}td#CEDpath_mid{text-align:center;behavior:url(iepngfix.htc);background:#405C7B url(../images/cabeceraCATS.png) center top;}td#CEDpath_right{width:5px;behavior:url(iepngfix.htc);background:url(../images/cabeceraCATS.png) right top;}/*All videos */.allvideoslisttable{color:#666;}.allvideoslisttable a{color:#5B7A9F;font-size:12px;font-weight:700;}/*videotitleinmainarea ->  defines title style in video main area. */.videotitleinmainarea h1{display:inline;margin-right:10px;}.videotitleinmainarea{color:#5B7A9F;font:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:700;padding:10px 0 0 15px;}/*videodetailsinmainarea ->  defines details style in video main area. */.videodetailsinmainarea{color:#666;font-size:11px;padding-top:5px;font:Verdana, Arial, Helvetica, sans-serif;text-align:justify;max-height:200px;overflow:auto;overflow-x:hidden;overflow-y:auto;padding-right:15px;padding-left:15px;}/*uservideooperationsbuttons ->  defines the table of video operations buttons, like download, fullscreen. */table.uservideooperationsbuttons td{width:34%;}/*VOTING DEFINITIONS - If you don't know much, change only colors. videoratingmain ->  This area is very important. Take care about width and height.width should be 5*height. And width should be the width of star.gif image width. */.videoratingmain{behavior:url(iepngfix.htc);position:relative;background-image:url(../images/star0.png);background-repeat:repeat-x;height:12px;width:60px;}/*ratingscale ->  The color of vote scale. */.ratingscale{behavior:url(iepngfix.htc);position:absolute;top:0;left:0;background-image:url(../images/starfull.png);height:12px;}/*starsofvote ->  Defines voting stars. */.starsofvote{position:absolute;top:0;background-repeat:repeat-x;height:12px;}/*votingscale ->  Defines mouseover color for voting. Width should be 0% as default. System will change the width on mouseover */.votingscale{behavior:url(iepngfix.htc);width:0;background-image:url(../images/starover.png);}/*moderatetoolbar->   defines the moderation toolbar that lays on top of page for moderators */table.moderatetoolbar{width:100%;border-top:2px #900 solid;}/*searchresultvideotitle->   defines the search result video title ******WORK ON IT  */.searchresultvideotitle,.searchresultvideotitle a{background-color:#EDEDED;color:#5B7A9F;font-weight:700;width:100%;display:block;padding:2px;}/*searchresultvideodetails->   defines the search result video title  */.searchresultvideodetails{background-position:bottom right;background-repeat:no-repeat;color:#838383;}/*acesslevelinvideolist->   defines the access level name style on video list  */.acesslevelinvideolist{color:#999;font-size:10px;font-style:italic;}/*       FB DISCUSSION PLUGIN DEFINITIONS         fbdiscuss_table->   defines the table properties of comments  */.fbdiscuss_table{padding:5px;}/*fbdiscussrow1->  its name tells */.fbdiscussrow1{background-color:#FFF;border-bottom:#999 1px solid;padding:5px;}/*fbdiscussrow2->  its name tells */.fbdiscussrow2{background-color:#F1F2F2;border-bottom:#999 1px solid;padding:5px;}/*fbdiscussrowright->  defines the right column style for fb discuss plugin area. Here, for example there is quote image. */.fbdiscussrowright{background-image:url(../images/quoteicon.gif);background-position:top right;background-repeat:no-repeat;padding-right:30px;}/*discussiontitle-> Not row comment title, it is main title for comments. */.discussiontitle{font-size:11px;font-weight:700;color:#333;border-bottom:#666 1px solid;padding-bottom:5px;}/*discussionlinkrow-> Click here to discuss style. */.discussionlinkrow{text-align:right;color:#999;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-weight:700;font-size:11px;}/*fbdiscusssubject-> Subject of comments on rows. */.fbdiscusssubject{color:#333;font-size:11px;font-weight:700;}.fb_avatar_seyret{width:40px;}/*fbdiscussthreaddate-> Date of comments on rows. */.fbdiscussthreaddate{font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:9px;}/*seyretfbdiscussposttable-> Discuss post table. */table.seyretfbdiscussposttable{border:1px solid #999;width:100%;}/*fb_quote-> Quote style for discuss plugin . */.fb_quote{background:#F7F7F7 none repeat scroll 0;border:1px dotted #CCC;display:block;font-family:Georgia,"Times New Roman",Times,serif;font-size:11px;font-style:italic;margin:5px 0;padding:5px 5px 5px 20px;}table.seyretfbdiscussposttable th{background-color:#666;color:#FFF;padding:3px;}/*discussbacklink-> "this thread is a discussion" etc string for first comment  */.discussbacklink{background-color:#F4F4F4;border:1px solid #CCC;font-style:italic;font-family:Georgia, "Times New Roman", Times, serif;font-size:10px;margin:5px;padding:10px;}/*END OF FB DISCUSS PLUGIN STYLE VIDEO MOUSEOVER TOOLTIP STYLE tool-tip-> main definitions for video tooltips */.tool-tip{background-color:#F5F5F5;width:200px;color:#666;font-size:9px;border:1px solid #b7b7b7;border-bottom:#b7b7b7 4px solid;padding:5px;}/*tool-title-> title style for tooltips */.tool-title{font-weight:700;text-align:center;color:#333;border:1px solid #b7b7b7;font-size:11px;padding:5px;}/*tool-text-> text style for tooltips */.tool-text{background-image:url(../images/infoback.jpg);background-position:bottom right;background-repeat:no-repeat;padding:5px;}/*END OF VIDEOTOOLTIPS CATEGORY MOUSEOVER TOOLTIP STYLE similar with video tooltips */.categorytips-tip{background-color:#FAFCFD;width:200px;color:#D0DCE8;border:solid 1px #D0DCE8;border-bottom-width:4px;padding:5px;}.categorytips-title{font-weight:700;text-align:center;color:#FAFCFD;background-color:#D0DCE8;}/*listnavigationtitle->videos list title goes here */.listnavigationtitle{font-size:16px;font-weight:700;text-align:center;color:#06C;}/*sortbytable->name tells */div#sortbybuttons{font-size:12px;font-weight:700;padding-top:10px;float:left;}.sortbyicons{cursor:pointer;float:left;padding-top:2px;}.sortbytext{float:left;padding-top:10px;}div#searchboxdiv{float:right;margin-top:5px;}.searchboxinmainpage{behavior:url(iepngfix.htc);background:#FFF url(../images/search.png) no-repeat scroll 5px center;border:1px solid #666;color:#666;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:400;width:150px;padding:2px 5px 2px 25px;}/*sortboxes ->  Defines sort list box area. Sort by date, title etc. */.sortboxes{font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;border:#666 1px solid;}/*END OF HARDCODED STYLES IN COMPONENT FOLLOWING DEFINITIONS ARE IN TEMPLATE FILES.
You can edit how you like. Even you can define new styles and change names. 
Not hardcoded in component in grouplist.php --  Defines the main category list area */table.videocategoriesarea{behavior:url(iepngfix.htc);background-image:url(../images/tiptitleback.png);background-repeat:repeat-x;background-color:#F7F5F5;border:#B7B7B7 1px solid;width:100%;border-bottom:2px #B7B7B7 solid;}/*in videomainarea.php  */table.showvideotable{margin-bottom:10px;}/*in videomainarea.php --   Defines the main video area */table.videoembedarea{margin-top:15px;width:100%;}/*in videomainarea.php --   Defines the main video area */table.videooperationsarea{width:100%;border-bottom:2px #B7B7B7 solid;}/*in directory.php --  Defines the category box style */table.videodirectoryback{width:90px;text-align:center;margin:2px;}div#thumbsCED{position:relative;}div#thumbsNameCED{line-height:22px;background-image:url(../images/blacktransparent.png);margin-top:-22px;position:relative;width:90px;text-align:center;font-weight:700;color:#fff;font-size:9px;}div#thumbsNameCED a{text-align:center;font-weight:700;color:#fff;font-size:9px;}div#ligaDestacadaCED{text-align:left;line-height:10px;}div#ligaDestacadaCED h1{font-size:9px;color:#03538C;display:inline;}div#ligaDestacadaCED a{font-size:9px;color:#03538C;}div#ligaDestacadaCED a:hover{color:blue;}/*in videolist_row.php -> Just gives a border effect.  */.thumbouter{border:#999 1px solid;padding:5px;}/*in videolist_row.php -> Just gives a border effect.  */.thumbinner{border:#999 1px solid;}/*in videolist_row.php -> Style of the title in video list.  */.titleinvideolist h1{font-weight:700;color:#06C;text-align:left;font-size:24px;display:inline;padding:2px 10px 2px 2px;}.titleinvideolist{font-weight:700;color:#06C;text-decoration:none;text-align:left;padding:2px;}/*in videolist_row.php */.detailsinvideolist{font-size:10px;margin-right:8px;padding:2px;}/*in videolist_row.php    videolistrightcolumn->Right column for video list. Ttitle and description goes inside of this area THESE DEFINITIONS WILL NOT BE IN 0.2.7 */.userplaylist{border:#000 1px solid;background-color:#FFFBF0;font:Georgia, "Times New Roman", Times, serif;font-size:10px;color:#00C;}.userplaylistvideocount{font-weight:700;padding:2px;}.playlistetoggler{font-size:1px;background-color:#FFF;cursor:pointer;height:8px;padding:0;}.playlistetogglerbar{font-size:1px;background-color:#CCC;}/*** Thats the basic css needed for the upload bars */.videoupload-queue{list-style:none;}.videoupload-queue li{behavior:url(iepngfix.htc);background:url(../images/fileupload.png) no-repeat 0 5px;padding:5px 0 5px 22px;}.videoupload-queue .queue-size{color:#aaa;margin-left:1em;font-size:0.9em;}.videoupload-queue .queue-loader{position:relative;font-size:0.9em;background-color:#ddd;color:#fff;border:1px inset #ddd;text-align:left;margin:3px 15px;}.videoupload-queue .queue-subloader{text-align:center;position:absolute;background-color:#376BA7;background-image:url(../images/loaderbar.jpg);height:100%;width:0;left:0;top:0;}.videoupload-queue .input-delete{behavior:url(iepngfix.htc);width:16px;height:16px;background:url(../images/removequee.png) no-repeat 0 0;text-decoration:none;border:none;float:right;}.clear{clear:both;overflow:hidden;width:1px;height:1px;border:0;font-size:0;line-height:0;margin:0 -1px -1px 0;}.dene{background-color:#FCFDFE;border:#CCC 1px solid;}.unprocessedfileinfo{border:#CCC 1px solid;padding:5px;}.generaterssfeedinfo{border:1px solid #CCC;margin:10px;padding:5px;}.generaterssoptions{border:1px solid #CCC;text-align:center;margin:10px;padding:5px;}.rssgenerateoptionboxes{border:1px solid #CCC;font-size:10px;color:#666;}.generatersslinkdiv{border:1px solid #CCC;text-align:left;background-position:center left;background-repeat:no-repeat;margin:10px;padding:5px;}.rsslinkinputbox{border:1px solid #CCC;font-size:10px;color:#666;width:85%;}div#uploadoperations{border:1px solid #CCC;margin:3px;padding:5px;}div#postuploadmessages{background-color:#F3F6F4;border:1px solid #CCC;color:#666;font-size:12px;font-family:"Courier New", Courier, monospace;padding:5px;}.insignificant{color:#CCC;}.successlabel{color:#063;}.successicon{behavior:url(iepngfix.htc);background-image:url(../images/success.png);background-repeat:no-repeat;height:16px;}.failedlabel{color:#C00;}.failedicon{behavior:url(iepngfix.htc);background-image:url(../images/failed.png);background-repeat:no-repeat;height:16px;}.postponedlabel{color:#C90;}.postponedicon{behavior:url(iepngfix.htc);background-image:url(../images/postponed.png);background-repeat:no-repeat;height:16px;}.checking{background-image:url(../images/wait.gif);background-repeat:no-repeat;height:16px;}div#uploadcontrolresult,div#conversioncheckresult,div#thumbcheckresult,div#getinputformresult{height:16px;}#uploadmessagelister-overlay{background:#000;opacity:.5;filter:Alpha(opacity=50);}#uploadmessagelister{border:1px solid #000;width:300px;height:430px;font:11px Verdana, Arial, Helvetica, sans-serif;background:#F2F2F2;position:absolute;left:50%;top:50%;margin:-212px 0 0 -150px;}#uploadmessagelister-close{behavior:url(iepngfix.htc);position:absolute;right:-10px;top:-10px;background:url(../images/close.png) no-repeat left top;text-indent:-1000em;height:26px;width:26px;overflow:hidden;}#uploadmessagelister-browser{position:relative;height:385px;border:1px solid #000;background:#FFF;list-style:none;line-height:1.8em;overflow:auto;overflow-x:hidden;color:#595A5C;font-family:"Courier New", Courier, monospace;margin:20px 20px 40px;}.postuploadmessagesallrow1{background-color:#FAFAFA;padding:10px;}.postuploadmessagesallrow2{background-color:#F2F2F2;padding:10px;}#uploadmessagelister-browser a{position:relative;height:1.9em;padding-left:5px;padding-right:5px;color:#000;text-decoration:none;display:block;white-space:nowrap;}div#thumbselectmain{float:left;text-align:center;width:200px;}div#thumbselectselector{float:right;width:320px;text-align:center;}.thumbselectorthumb{border:1px #CCC solid;width:95px;cursor:pointer;margin:1px;padding:2px;}.thumbselectorthumbprev{width:300px;border:1px #CCC solid;margin:3px;padding:3px;}.thumbselectorthumbselected{background-color:red;}div#originalvideolink{padding-bottom:3px;}div#originalvideolink a{color:#999;}.bookmarks{text-align:center;padding:7px;}/*------------------ */div#videotitleleft{behavior:url(iepngfix.htc);width:14px;background-image:url(../images/vtitleleft.png);height:48px;}div#videotitleright{behavior:url(iepngfix.htc);width:14px;background-image:url(../images/vtitleright.png);height:48px;}div#videobottomleft{behavior:url(iepngfix.htc);width:14px;background:url(../images/vbottomleft.png) no-repeat bottom left;height:41px;}div#videobottomright{behavior:url(iepngfix.htc);width:14px;background:url(../images/vbottomright.png) no-repeat bottom right;height:41px;}div#videobottommid{behavior:url(iepngfix.htc);background:url(../images/vbottomback.png) repeat-x bottom;height:41px;color:gray;font-size:10px;}.videotablelleft{behavior:url(iepngfix.htc);background:url(../images/valeft.png);}.videotablelright{behavior:url(iepngfix.htc);background:url(../images/varight.png) repeat-y right;}/*------------------- */div#cattopleft{behavior:url(iepngfix.htc);width:14px;height:14px;background-image:url(../images/cattopleft.png);}div#cattopmid{behavior:url(iepngfix.htc);height:14px;background-image:url(../images/cattopmid.png);}div#cattopright{behavior:url(iepngfix.htc);width:14px;height:14px;background-image:url(../images/cattopright.png);}div#catbotleft{behavior:url(iepngfix.htc);width:14px;height:14px;background-image:url(../images/catbotleft.png);}div#catbotmid{behavior:url(iepngfix.htc);height:14px;background-image:url(../images/catbotmid.png);}div#catbotright{behavior:url(iepngfix.htc);width:14px;height:14px;background-image:url(../images/catbotright.png);}.catleft{behavior:url(iepngfix.htc);background-image:url(../images/catleft.png);}.catright{behavior:url(iepngfix.htc);background-image:url(../images/catright.png);}/*--------------- */div#vlisttopleft{behavior:url(iepngfix.htc);width:14px;background:url(../images/vlisttopleft.png) no-repeat top;height:41px;}div#vlisttopright{behavior:url(iepngfix.htc);width:14px;background:url(../images/vlisttopright.png) no-repeat top;height:41px;}.vlisttopmid{behavior:url(iepngfix.htc);background:url(../images/vlisttopback.png) repeat-x top;}div#videolistscroller{min-height:368px;max-height:368px;overflow:auto;overflow-x:hidden;overflow-y:auto;padding-right:5px;text-align:justify;}.bgMiddle{behavior:url(iepngfix.htc);background:#fff url(../images/middleList.png) repeat-x;}div#commentsscroll{min-height:70px;max-height:460px;overflow:auto;overflow-x:hidden;overflow-y:auto;padding-right:5px;text-align:justify;}.videothumbss{height:63px;}.videooperationstext{padding-top:8px;float:left;}.videooperationsicon{float:left;}div#seyretcredit{color:#999;text-align:center;padding-top:13px;font-weight:700;}div#seyretcredit a{color:#999;font-weight:700;}div#commentstitle{color:#FFF;font-size:12px;font-weight:700;padding:20px;}div#aboutthisvideo{behavior:url(iepngfix.htc);background-image:url(../images/vtitleback.png);height:48px;color:#FFF;}div#aboutthisvideotitle{font:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:700;padding:17px;}.addedby{font-size:14px;padding-left:5px;}.videothumbnailinlists{width:120px;border:1px solid #999;padding:2px;}.hiddenspan{display:none;}.readmore{color:#009;cursor:pointer;}.videodetailsintabbedlist{max-height:80px;overflow:auto;overflow-x:hidden;overflow-y:auto;padding-right:5px;padding-left:3px;}.videotitleintabbedlist{padding-left:3px;}div#pagenavigationmainpage{text-align:center;}.videodirimg{width:90px;height:63px;}div#categorynameinmainpage{font-size:13px;text-align:left;color:#333;font-weight:700;padding-bottom:5px;}.categorythumbnailinmainpage{width:80px;border:#999 solid 1px;padding:2px;}/*CED ESTILO  */table.FondoMetadata{background-image:url(../images/FondoMetadata.jpg);background-repeat:no-repeat;height:110px;width:326px;}div#recomienda a{font-size:10px;font-style:normal;font-family:Arial, Helvetica, sans-serif;color:#fff;float:right;margin-top:-24px;margin-right:20px;}#vidid a{color:#0066D8;}#vidid a:hover{text-decoration:none;}.videoembedcode,.videodirectlink{border:#666 1px solid;font-size:10px;text-align:right;width:220px;color:#999;}table.seyrettoolbar,table.listnavigation{width:100%;}table.seyrettoolbar td,table.moderatetoolbar td{padding:0;}.fbdiscussthreadname,.videoupload-queue .queue-file{font-weight:700;}.seyretfbmessagetopic,.seyretfbmessagebody{width:95%;}.userplaylisttexts,div#categorydescrinmainpage{padding-left:5px;}div#thumbselectselectortitle,div#thumbselectplaytime{border:#CCC 1px solid;color:#999;font-size:12px;margin:5px;padding:5px;}div#uservideooperationsbuttonsdiv,div#uservideooperationsbuttonsdiv a{color:#333;font-weight:700;}div#addeddateinfrontlist,div#incategoryinfrontlist{float:left;padding:3px;}