/*





Following definitions are strict, they are hardcoded in Seyret component. 





YOU CANNOT CHANGE STYLE NAMES





*/








html, body {


width: 100%;


height: 100%;


margin: 0px;


padding: 0px;


}








/*seyretinputbox ->  defines inputbox style*/


.seyretinputbox {


border:#999999 solid 1px;


font-family:Verdana, Arial, Helvetica, sans-serif;


font-size:11px;


text-align:left;


color:#333333;


}











/*seyretlinkedpath ->  defines pathway-breadcrumb style laid over categories.*/


.seyretlinkedpath{


color:#FF7624;


font-size:10px;


font-weight:bold;


}








/*videotitleinmainarea ->  defines title style in video main area.*/


.videotitleinmainarea{


color:#666666;


padding:10px;


font:Verdana, Arial, Helvetica, sans-serif;


font-size:14px;


}








/*videodetailsinmainarea ->  defines details style in video main area.*/


.videodetailsinmainarea{


color:#666666;


padding:10px;


font:Verdana, Arial, Helvetica, sans-serif;


font-size:10px;


}











/*uservideooperationsbuttons ->  defines the table of video operations buttons, like download, fullscreen.*/


table.uservideooperationsbuttons{


}








/*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 {


position:relative;


background-color:#FFFFFF;


height:15px;


width:75px;


}





/*ratingscale ->  The color of vote scale.*/


.ratingscale {


position:absolute;


top:0px;


left:0px;


background-color:red;


height:15px;


}





/*starsofvote ->  Defines voting stars.*/


.starsofvote {


position:absolute;


top:0px;


background-image:url(../images/star.gif);


background-repeat:repeat-x;


height:15px;


}





/*votingscale ->  Defines mouseover color for voting. Width should be 0% as default. System will change the width on mouseover*/


.votingscale{


width:0%;


background-color:yellow;


}


/*VOTING DEFINITIONS - END.*/











/*videoembedcode ->  defines the embed box.*/


.videoembedcode{


border:#666666 1px solid;


font-size:10px;


text-align:right;


width:220px;


color:#999999;


}








/*videodirectlink-> defines the inputboxes that contain videodirectlink*/


.videodirectlink{


border:#666666 1px solid;


font-size:10px;


text-align:right;


width:220px;


color:#999999;


}











/*seyrettoolbar->  defines the toolbar that lays on top of page*/


table.seyrettoolbar{


background-image:url(../images/tiptitleback.png);


background-repeat:repeat-x;


background-color:#FEF2E4;


border:#b7b7b7 1px solid;


width:100%;


border-bottom:2px #b7b7b7 solid;


}





table.seyrettoolbar td{


padding:2px;


}











/*moderatetoolbar->   defines the moderation toolbar that lays on top of page for moderators*/


table.moderatetoolbar{


border:#CC0000 1px solid;


width:100%;


background-image:url(../images/admintoolbar.png);


}








table.moderatetoolbar td{


padding:0px;


}











/*searchfloatform->   defines the search box properties. visibility is hidden as default */


div#searchfloatform{


background-image:url(../images/tiptitleback.png);


background-repeat:repeat-x;


background-color:#FEF2E4;


border:#EB9D4F 1px solid;


position:absolute;


top:30px;


left:0px;


z-index:10000;


visibility:hidden;


padding:5px;


}





/*searchresultvideotitle->   defines the search result video title ******WORK ON IT */


.searchresultvideotitle{


border:1px #999999 solid;


background-color:#F2F2F2;


color:#838383;


font-weight:bold;


width:100%;


display:block;


padding:2px;





}





/*searchresultvideodetails->   defines the search result video title */


.searchresultvideodetails{


background-image:url(../images/listback.jpg);


background-position:bottom right;


background-repeat:no-repeat;


color:#838383;


}





/*acesslevelinvideolist->   defines the access level name style on video list */


.acesslevelinvideolist {


color:#999999;


font-size:10px;


font-style:italic;


}











/*       FB DISCUSSION PLUGIN DEFINITIONS        */





/*fbdiscuss_table->   defines the table properties of comments */


.fbdiscuss_table{


padding:10px;


}





/*fbdiscussrow1->  its name tells*/


.fbdiscussrow1{


padding:10px;


background-color:#FFFFFF;


border-bottom:#999999 1px solid;


}





/*fbdiscussrow2->  its name tells*/


.fbdiscussrow2{


padding:10px;


background-color:#F1F2F2;


border-bottom:#999999 1px solid;


}





/*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:50px;


}





/*discussiontitle-> Not row comment title, it is main title for comments.*/


.discussiontitle{


font-size:14px;


font-weight:bold;


color:#333333;


border-bottom:#666666 1px solid;


padding-bottom:5px;


}





/*discussionlinkrow-> Click here to discuss style.*/


.discussionlinkrow{


text-align:right;


color:#999999;


font-family:Georgia, "Times New Roman", Times, serif;


font-style:italic;


font-weight:bold;


font-size:11px;


}





/*fbdiscusssubject-> Subject of comments on rows.*/


.fbdiscusssubject{


color:#333333;


font-size:12px;


font-weight:bold;


}





/*fbdiscussthreaddate-> Date of comments on rows.*/


.fbdiscussthreaddate{


font-family:Georgia, "Times New Roman", Times, serif;


font-style:italic;


}





/*fbdiscussthreaddate-> Author username style on rows.*/


.fbdiscussthreadname{


font-weight:bold;


}





/*seyretfbdiscussposttable-> Discuss post table.*/


table.seyretfbdiscussposttable {


border:1px solid #999999;


width:100%;


}





/*fb_quote-> Quote style for discuss plugin .*/


.fb_quote {


background:#F7F7F7 none repeat scroll 0%;


border:1px dotted #CCCCCC;


display:block;


font-family:Georgia,"Times New Roman",Times,serif;


font-size:11px;


font-style:italic;


margin:5px 0pt;


padding:5px 5px 5px 20px;


}





table.seyretfbdiscussposttable th{


background-color:#666666;


color:#000000;


padding:3px;


}





/*discussbacklink-> "this thread is a discussion" etc string for first comment */


.discussbacklink{


background-color:#F4F4F4;


padding:10px;


border:1px solid #CCCCCC;


font-style:italic;


font-family:Georgia, "Times New Roman", Times, serif;


font-size:10px;


margin:5px;


}








/*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:#666666;


font-family:Georgia, "Times New Roman", Times, serif;


font-size:9px;


border:1px solid #b7b7b7;


border-bottom:#b7b7b7 4px solid;


padding:5px;


}





/*tool-title-> title style for tooltips*/


.tool-title {


font-weight:bold;


text-align:center;


background-image:url(../images/tiptitleback.png);


color:#333333;


padding:5px;


border:1px solid #b7b7b7;


font-size:11px;


}





/*tool-text-> text style for tooltips*/


.tool-text {


padding: 5px;


background-image:url(../images/infoback.jpg);


background-position:bottom right;


background-repeat:no-repeat;


}


/*END OF VIDEOTOOLTIPS*/











/*CATEGORY MOUSEOVER TOOLTIP STYLE*/


/*similar with video tooltips*/


.categorytips-tip{


background-color:#FAFCFD;


width:200px;


padding:5px;


color:#D0DCE8;


border:solid 1px #D0DCE8;


border-bottom-width:4px;


}





.categorytips-title {


font-weight:bold;


text-align:center;


color:#FAFCFD;


background-color:#D0DCE8;


}


/*END OF CATEGORY TOOLTIP STYLE*/














/*videolistdiv->Main div for videolist*/


div#videolistdiv{


background-color:#FAFAFA;


border-left:1px solid #CCCCCC;


padding:5px;


}





/*videolisttable->Videolist table*/


table.videolisttable{


border-bottom:2px #D5D5D5 solid;


border-top:2px #D5D5D5 solid;


}








/*listnavigation->navigation buttons and title table*/


table.listnavigation{


}








/*listnavigationtitle->videos list title goes here*/


.listnavigationtitle{


font-size:12px;


font-weight:bold;


text-align:center;


}








/*sortbytable->name tells*/


table.sortbytable{


background-color:#E3E3E3;


border:1px solid #B7B7B7;


color:#666666;


font-size:12px;


font-weight:bold;


text-align:right;


}











/*sortboxes ->  Defines sort list box area. Sort by date, title etc.*/


.sortboxes {


font-size:9px;


font-family:Verdana, Arial, Helvetica, sans-serif;


border:#666666 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{


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{


}








/*in videomainarea.php --   Defines the main video area*/


table.videoembedarea{


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 --   Defines the main video area*/


table.videooperationsarea{


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 directory.php --  Defines the category box style*/


table.videodirectoryback{


background-color:#FFFFFF;


border:#b7b7b7 1px solid;


}





table.videodirectoryback td{


padding:5px;


}








/*in videolist_row.php -> Just gives a border effect. */


.thumbouter{


border:#999999 1px solid;


padding:5px;


}


/*in videolist_row.php -> Just gives a border effect. */


.thumbinner{


border:#999999 1px solid;


}








/*in videolist_row.php -> Style of the title in video list. */


.titleinvideolist{


font-weight:bold;


background-color:#EDEDED;


color:#666666;


padding:2px;


}





/*in videolist_row.php*/


.detailsinvideolist{


}

















/*in videolist_row.php    videolistrightcolumn->Right column for video list. Ttitle and description goes inside of this area*/


.videolistrightcolumn {


background-image:url(../images/listback.jpg);


background-position:bottom right;


background-repeat:no-repeat;


}











/*THESE DEFINITIONS WILL NOT BE IN 0.2.7*/





.userplaylist{


border:#000000 1px solid;


background-color:#FFFBF0;


font:Georgia, "Times New Roman", Times, serif;


font-size:10px;


color:#0000CC;


}





.userplaylistvideocount{


padding:2px;


font-weight:bold;


}





.userplaylisttexts{


padding-left:5px;


}





.playlistetoggler{


font-size:1px;


background-color:#FFFFFF;


padding:0px;


cursor:pointer;


height:8px;


}





.playlistetogglerbar{


font-size:1px;


background-color:#CCCCCC;





}

.text_area {
background-color:#FFFFFF;
color: #000000!important;

}

#text_area {
background-color:#FFFFFF;
color: #000000!important;

}