/*



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:#FFFFFF;

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:#FFFFFF;

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:#FFFFFF;

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;



}