/* $Id: webshow/templates/style.css 2576 2009-5-12 16:47:24 TCNET */
/* ENTRY ITEMS */
/* If your theme has itemInfo classes, the Web Show module will inherit background and font color style from the theme's itemTitle, itemHead and itemInfo classes.
** wsitemInfo Classes overrides everthing but color from these classes.
** If your theme does not have itemClasses the module will have no color.  
** You can customize the following classes and add them to your theme's style.css.
.item {}
.item a {}
.item a:hover {}
.itemHead {background-color: #2A75C5; color: #ffffff;}
.itemHead a {}
.itemHead a:hover {}
.itemTitle a {color: #fff; background-color: transparent;}
.itemBody {}
.itemText {}
.itemInfo {background-color: #efefef;}
.itemInfo a {}
.itemInfo a:hover {}
.itemFoot {background-color: #efefef;}
.itemFoot a {}
.itemFoot a:hover {}
*/

#wsmain {width: 100%;}
.wsnowrap {white-space: nowrap;} /* nobreak */

#wsmain h1 {margin: 0px; padding: 6px; font-size: 100%;}
#wsmain h2 {margin: 0px; padding: 2px; font-size: 100%;}
#wsmain h3 {margin: 0px; padding: 2px; font-size: 90%;}
#wsmain h4 {margin: 0px; padding: 1px; font-size: 100%;}

/* MAIN HEADER */
#wsheader {
	float: right;
	width: 99%;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}
#wsheadernav {float: right; width: 50%; margin: 0px 0px 4px 0px; padding: 0px; text-align: right;}
#wslogo {
	float: right;
	width: auto;
	margin: 0px;
	padding: 2px;
	text-align: center;
	border: 1px solid #111;
}
#wsheadertitle {
	float: right;
	width: auto;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}
#wsheadersubtitle {
	float: right;
	width: 85%;
	margin: 4px 0px;
	padding: 0px;
}
#wsheadertext {
	float: right;
	width: 96%;
	margin: 4px 1%;
	padding: 0px;
}
#wsheadertext:first-letter {font-size:120%; font-weight: 600;}

/* MAIN FOOTER */
#wsfooter {float: left; width: 100%; margin: 4px 0px; padding: 0px; font-size: 90%;}
#wsfooternav {float: right; width: 100%; margin: 0px; padding: 0px; text-align: right;}
#wsfootertext {
	float: left;
	width: 96%;
	margin: 4px 1%;
	padding: 0px;
	text-align: right;
}

/* BODY TEXT */
#wsbody {
	float: right;
	width: 99%;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}
#wsbodyTitle {margin: 0px; padding: 3px 0px;}
#wsbodyText {
	float: right;
	width: 96%;
	margin: 0px 1%;
	padding: 0px;
}

/* CATEGORY BOX */
.wscatbox {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.wscatrow {width: 100%; margin: 4px 0px 0px 0px; padding: 0px;}
.wscathead {
	float: right;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.wscatcell {
	float: right;
	width: 32%;
	margin: 2px 6px 4px 0px;
	padding: 0px;
} 
.wscattitle {
	float: right;
	width: auto;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	background-color: none;
}
.wscatlogo {
	float: right;
	width: auto;
	margin: 0px;
	padding: 2px;
	text-align: center;
}
.wscatdesc {
	float: left;
	width: 92%;
	text-align: right;
	margin: 4px 2%;
	padding: 0px;
}
.wscatdesc:first-letter {font-size:120%; font-weight:600;}
.wscatcontents {float: left; width: 94%; margin: 4px 4%;}
.wssubcatbox {
	clear: both;
	float: right;
	width: 94%;
	margin: 4px 2%;
	padding: 0px;
	font-size: 85%;
}
.wssubcattitle {
	float: right;
	width: 100%;
	margin: 0px;
}
.wssubcatcontents {
	float: right;
	width: 96%;
	margin: 4px 1%;
	padding: 0px 0px 4px 0px;
}

/* MOVIE BOX*/
#wsmoviebox {} /* Set in webshow_inline.html */
#wssinglemoviebox {float: left; width: 100%; margin: 0px; padding: 0px;}

/* MOVIE COLUMN (Left Column) */
#wsmovie {}

/* MOVIE LINK COLUMN (Right Column auto width)  */
#wsmovielink {
	float: right;
	width: auto;
	min-width: 300px;
	margin: 0px 2px 4px 0px;
	padding: 0px;
	border: 1px solid #111;
}
#wssinglemovielink {float: left; width: auto; margin: 0px 0px 4px 0px; padding: 0px; border: 1px solid #111;}

/* LOOP BOX */
#wsloopbox {float: left; width: auto; min-width: 300px; margin: 0px 0px 4px 0px; padding: 0px; border: 1px solid #111;} 
#wsloophead {width: 100%; margin: 0px; padding: 0px; text-align: center; border-bottom: 1px solid #111;} /* Also uses itemHead class from theme css  */
#wslooptitle {text-align: center;}

#wssortby {
	float: right;
	width: 100%;
	margin: 0px;
	padding: 2px 0px;
	text-align: center;
	font-size: 90%;
	border-bottom: 1px solid #111;
}
#wssortbyleft {float: left; width: 35%; margin: 0px; padding: 3px 0px 0px 6px; text-align: left;}
#wssortbyctr {float: left; width: 20%; margin: 0% 1%; padding: 3px 0px;}
#wssortbyright {float: right; width: auto; margin: 0px; padding: 1px 4px 1px 0px; text-align: right;}
#wssortform {margin: 0px; padding: 0px;}

#wsoverflow {width: 100%; margin: 0px; overflow: auto; height: 380px;} /* Set OVERFLOW Height Here */
#wsoverflow .wslooprow {float: left; width: 94%; margin: 0px; padding: 0px;} /* max 96% due to IE scrollbars */
#wsflow {width: 100%; margin: 0px; padding: 0px;}
#wsflow .wslooprow {width: 100%; margin: 0px ; padding: 0px;}
.wsloopcolumn {} /* Set in webshow_inline.html */

#wsloopfoot {
	float: right;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #111;
}
#wsloopfootleft {
	float: right;
	width: auto;
	margin: 0px;
	padding: 0px;
}
#wsloopfootright {
	float: right;
	width: auto;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

/* MOVIE ITEM CONTAINER */
.wsmovieinfo {
	float: right;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

/* ENTRY ITEM CONTAINER for LOOP LINK */
.wsiteminfo {
	float: right;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* ENTRY ITEM CLASSES used in all views */
.wsitemhead {
	float: right;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #111;
}
.wsitemtitle {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.wsitemlogo {} /* Set in webshow_inline.html */
.wsitemdesc {
	float: right;
	max-width: 45%;
	width: auto;
	min-width: 145px;
	margin: 2px 4px;
	padding: 0px;
	font-size: 90%;
	text-align: right;
	border-bottom: 0px solid #111;
} /* dynamic dimensions are set in link templates */
.wsitemdesc:first-letter {font-size:100%; font-weight:600;}
.wsitemcontents {
	float: right;
	max-width: 50%;
	width: auto;
	min-width: 150px;
	margin: 2px 0px 2px 2px;
	padding: 0px;
	text-align: right;
}
.wsitemstats {
	clear: right;
	float: right;
	width: 140px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	font-size: 85%;
}
.wsitemcredits {
	float: left;
	width: 140px;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	text-align: right;
	font-size: 85%;
}
.wsitemrate {
	clear: left;
	float: left;
	width: 140px;
	margin: 0px padding: 0px;
	text-align: right;
	font-size: 85%;
}
.ratingbar {float:left; width: 55px; background: url(../images/star_x_grey.gif) 0 0 repeat-x;}
.ratingbar div {height: 12px; background: url(../images/star_x_orange.gif) 0 0 repeat-x;}
.wsitemtagbar {
	float: left;
	width: 99%;
	margin: 0px 0px 2px 2px;
	padding: 0px;
	text-align: right;
	font-size: 85%;
	border-top: 1px solid #111;
}
.wsitemfoot {float: left; width: 99%; margin: 0px 0px 2px 0px; padding: 0px; font-size: 85%; border-top: 1px solid #111;}
.wsitemfootleft {
	float: left;
	width: 60%;
	margin: 0px 2px;
	padding: 0px;
	text-align: right;
}
.wsitemfootright {float: right; width: auto; margin: 0px 2px; padding: 0px; text-align: right;}

/* INFOBOX */
.wsinfoboxhead {
	float: left;
	width: 99%;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	font-size: 85%;
	text-align: right;
	border-top: 1px solid #111;
}
#wsinfoboxmenu {float: left; width: auto;}
.wsinfobox {
	float: left;
	width: 99%;
	margin: 0px;
	padding: 0px;
	text-align: right;
	font-size: 90%;
}
#wsinfobox {}
#wsinfocatbox {}
#boxswitch {float: right; width: auto; margin: 0px; padding: 2px; text-align: right;} /* Info Box Hide Link  */
#boxswitch a {font-weight:600; text-decoration: underline;} /* Info Box Hide Link */

/* CODES */
#wscodebox { margin: 4px;}
.wscodeform {float: right; width: 98%; text-align: right; padding: 0px 2px; font-size: 100%;}
.wscodeformrow {margin: 4px 0px; padding: 0px; white-space: nowrap;}
.wscodeform input {width: 80%; padding: 2px; font-size: 100%; background-color: #eee;}

/* SHARE */
#wssharebox {
	float: left;
	width: 98%;
	margin: 4px;
	padding: 0px;
	text-align: right;
	font-size: 90%;
	font-weight: 600;
}

/* RATE */
#wsrateform {
	width: 96%;
	float: right;
	text-align: right;
	padding: 2px 4px;
	font-size: 100%;
}
#wsratemsg {
	font-weight: 600;
	text-align: right;
	padding: 2px;
}

/* FORMS */
.wscatselect {float: right; width: auto; padding: 0px;}
.wscatselect select {font-size: 95%; background-color: #fff;}
.wscatselect a {margin: 0px; padding: 0px; font-size: 85%; font-weight: 600;}
.wscatselect img {margin: 0px; padding: 0px; vertical-align: top; }

.wssearchbox {float: right; width: auto; padding: 1px; cursor: pointer; font-size: 85%; font-weight: 600;}
#wssearchbox {}
.wssearchbox form {float: left; margin: 0px; padding: 0px;}
.wssearchbox input {font-size: 100%; margin: 0px 2px; padding: 1px; background-color: #eee; border: 1px solid #111;}

#wssubmitform {clear: both; float: left; width: 100%;}
#wsreportform {width: 99%;}

/* PAGE NAV */
.xo-pagenav {margin: 0px; padding: 0px;}
#xo-pagenav {width: auto; margin: 0px; padding: 2px 0px 2px 0px; text-align: left; white-space: nowrap; font-size: 100%; color: #000;}
.xo-counterpage {margin: 0px; padding: 1px 2px; font-size: 100%; background-color: transparent; border: 0px;}
.xo-pagact {margin: 0px; padding: 0px; font-size: 100%; background-color: #ccc; border: 0px}
.xo-pagarrow {margin: 0px; padding: 0px 2px; font-size: 100%; background-color: transparent; border: 0px}

/* NEW and POPULAR BUTTONS  */
/* Uses left, center, right image slices to create dynamic text buttons. */
.wsbuttonfltlt {float: left; margin: 2px; padding: 0 0 0 6px; background: url(../images/leftbutton.gif) no-repeat;}
.wsbuttonfltrt {float: right; margin: 2px; padding: 0 0 0 6px; background: url(../images/leftbutton.gif) no-repeat;}
.wsbuttoncenter {
	float: right;
	padding: 0px 2px;
	line-height: 14px;
	background: url(../images/centerbutton.gif) repeat-x left top #eee;
}
.wsbuttonright {float: left; padding: 0px 6px 0px 0px; height: 14px; background: url(../images/rightbutton.gif) repeat-x right top;}
.wsbuttonright a {font-size: 9px; color: #000; font-weight: 600;} /* WARNING FONT size changes center image height */
.wsbuttonright.wsmenu a:hover {font-size: 9px; color: green; font-weight: 600;} /* WARNING FONT size changes center image height */
.wsbuttonright.wsnewbutton a {color: blue;}
.wsbuttonrigh a {color: green;}

/* JAVASCRIPT CONTROL buttons */
#wscontrolbuttons {float: left; width: auto; margin: 0px 4px 0px 0px; padding: 2px 0px 0px 4px; border: 1px solid #111; background-color: #eee;}

/* ID3 TAGS  */
#wsid3tag {
	float: left;
	width: 98%;
	margin: 4px 0px;
	padding: 2px;
	font-size: 90%;
	text-align: right;
	border: 1px solid #111;
}

/* TRACK DATA  */
#wstrackdata {
	float: left;
	width: 98%;
	margin: 4px 0px;
	padding: 0px;
	text-align: right;
	border: 1px solid #111;
}
#wstrackoverflow {float: left; width: 98%; overflow: auto; height: 80px; margin: 2px 0px; padding: 2px; background-color: #ccc; border: 1px solid #111;} 

/* FEED DATA  */
#wsfeeddata {
	float: left;
	width: 98%;
	margin: 0px;
	padding: 3px;
	text-align: right;
	border: 1px solid #111;
}
#wsfeedoverflow {float: left; width: 98%; overflow: auto; height: 240px; margin: 4px 0px; padding: 2px; background-color: #ccc; border: 1px solid #111;}

/* SYSTEM */
#wsadmintable {float: left; width: 98%; margin: 5px 0px; text-align: center;}
#wsnotify {float: left; width: 98%; margin: 5px 0px; text-align:center;}
#wscomments {float: left; width: 98%; margin: 5px 0px; padding: 0px;}