/* DEFAULT.CSS
 *
 * ADVANCED STYLE SHEET FOR CASE.TV
 *
 ************************************************/

/* style information for standard elements 
 * on all pages of Case.tv
 *
 * Setting these gives the pages a uniform look,
 * and can be enough for a simple but functional layout.
 ************************************************/
legend {font-weight:bold}
strong {color:#000000}
fieldset {background:#ffffff}
label {color:#000000}
a:link {color:#000000;text-decoration:none}
a:visited {color:#000000;text-decoration:none}
a:hover {color:#000000;text-decoration:none}
a.obvious:link {display:block;color:#555599;text-decoration:none;margin-top:5px}
a.obvious:visited {display:block;color:#555599;text-decoration:none;margin-top:5px}
a.obvious:hover {display:block;color:#555599;text-decoration:none;margin-top:5px}
a.toolink:link {color:#555599;text-decoration:underline;margin-left:4px}
a.toolink:visited {color:#555599;text-decoration:underline;margin-left:4px}
a.toolink:hover {color:#555599;text-decoration:underline;margin-left:4px}
body {background: #ffffff;margin:0px;padding:0px;font:normal small Arial,sans-serif}



/* style information for lists 
 * 
 ************************************************/
ul.home {list-style-type:none;width:90%}
ul.results {list-style-type:none;margin:0px;padding:2px;background:#dddddd;width:100%}
ul.category {list-style-type:none;background:#dddddd;width:100%}
ul.player {list-style-type:none;background:#dddddd;width:100%}
ul.options {list-style-type:none;text-align:left;margin:0px;padding:2px}

li.home {width:100%;display:inline;font:bold small Arial,sans-seriff}
li.results {display:inline;margin:2px;font:normal small Arial,sans-seriff;color:#ffffff}
li.category {display:block;font:normal small Arial,sans-seriff;color:#ffffff}
li.player {display:block;font:normal small Arial,sans-seriff;color:#ffffff}
li.break{display:none}
li.options{display:block;font:normal x-small Arial,sans-seriff;color:#ffffff;background:url(/tv/browse.png) top center no-repeat;width:100px;height:20px;text-align:center}
#browse{position:absolute;top:20px;left:150px;border:0px;}


/* style information for headers
 *
 ************************************************/
h5.styleheader_results {display:none}
h5.categoriesheader_results {display:none}
h5.ratingheader {display:none}
h5.search_header_results {display:none}
h5.player_header_results {display:none}
h5.result_header {display:none}
h5.featured_header {display:none}
h5.popular_header {margin-top:0px;margin-bottom:0px;text-align:center}
h5.recent_header {margin-top:0px;margin-bottom:0px;text-align:center}
h5.toolbar_header {display:none}

h5.categories_header_home {display:none}
h5.search_header_home {display:none}
h5.style_header_home {display:none}

/* style information for the Category links
 * on the home page of Case.tv
 *
 * This style is applied after the li (list item)
 * style so it can over ride certain aspects.
 ************************************************/
#studentstuff_home {display:block;float:left;width:11%;height:100px;background:url(/tv2/images/student.jpg) top center no-repeat;color:#555555;padding-top:60px}
#sports_home {display:block;float:left;width:11%;height:100px;background:url(/tv2/images/sports.jpg) top center no-repeat;color:#555555;padding-top:60px}
#inthecircle_home {display:block;float:left;width:11%;height:100px;background:url(/tv2/images/circle.jpg) top center no-repeat;color:#555555;padding-top:60px}
#working_home {display:block;float:left;width:11%;height:100px;background:url(/tv2/images/working.jpg) top center no-repeat;color:#555555;padding-top:60px}
#academics_home {display:block;float:left;width:11%;height:100px;background:url(/tv2/images/academics.jpg) top center no-repeat;color:#555555;padding-top:60px}
#soapbox_home {display:block;float:left;width:11%;height:100px;background:url(/tv2/images/soapbox.jpg) top center no-repeat;color:#555555;padding-top:60px}
#stories_home {display:block;float:left;width:11%;height:100px;background:url(/tv2/images/stories.jpg) top center no-repeat;color:#555555;padding-top:60px}
#talkingheads_home {display:block;float:left;width:11%;height:100px;background:url(/tv2/images/talking.jpg) top center no-repeat;color:#555555;padding-top:60px}
#webcast_home {display:block;float:left;width:11%;height:100px;background:url(/tv2/default/upload.jpg) top center no-repeat;color:#555555;padding-top:60px}
#upload_dis_home {display:block;float:left;width:11%;height:100px;background:url(/tv2/default/upload_dis.jpg) top center no-repeat;color:#aaaaaa;padding-top:60px}




/* style information for the Category links
 * on the results page of Case.tv
 *
 * This style is applied after the li (list item)
 * style so it can over ride certain aspects.
 ************************************************/
#studentstuff_results {}
#sports_results {}
#inthecircle_results {}
#working_results {}
#academics_results {}
#soapbox_results {}
#stories_results {}
#talkingheads_results {}
#home_results {}

#advanced_search {width:500px;margin-left:20%}
#sbdrop {margin-left:-20px;background:#ff6600;margin-bottom:-20px;display:inline}

/* style information for the 4 general areas
 * of a Case.tv page
 *
 * the areas are by default:
 *
 *    -------------------------
 *   |         .top             |
 *   |------------------------- |
 *   |            |             |
 *   |   .left    |   .right    |
 *   |            |             |
 *    --------------------------
 *   |        .bottom           |
 *    --------------------------
 *
 * but these can be completely rearranged by 
 * assigning different float and position properties
 * via this style sheet
 ************************************************/
.top_home {height:20px;margin-bottom:0px}
.left_home {float:left;margin-bottom:20px;margin-top:10px;width:100%}
.right_home {float:left;width:0px}
.bottom_home {position:absolute;top:570px;width:98%;text-align:center;color:#000000;float:left;clear:both}

.top_results {height:20px;margin-bottom:0px}
.left_results {float:left;margin-left:10px;margin-top:100px;width:95%}
.right_results {float:left;width:100%}
.bottom_results {float:left;clear:both;width:98%;text-align:center;margin-top:20px}

.top_category {height:20px;margin-bottom:0px}
.left_category {float:left;margin-left:10px;margin-bottom:20px;margin-top:100px;width:95%}
.right_category {float:left;width:100%}
.bottom_category {float:left;clear:both;width:98%;text-align:center;margin-top:430px}

.top_play {height:20px;margin-bottom:0px}
.left_play {float:left;margin-left:10px;margin-bottom:20px;margin-top:10px;width:95%}
.right_play {float:left;width:100%}
.bottom_play {float:left;clear:both;width:98%;text-align:center;margin-top:570px}

/* The toolbar is a pseudo top level element. 
 * It is assigned to the div that holds the persistent
 * options such as Login and Accessibility.
 ************************************************/
.toolbar {left:0px;margin-top:0px;position:absolute;top:9px;text-align:right;width:99%}



/* Style information for the appearance
 * of a result on a Case.tv page.
 *******************************************/
.result {border:1px solid #000000;width:90%;float:left;clear:left;margin-right:5px;margin-top:5px;margin-left:0px;text-align:left;line-height:130%;padding:5px}
.rateformbox {width:200px;position:absolute;top:400px;left:340px}
.ratingbox_results {float:left;clear:left}
.ratingbox_player {width:400px;position:absolute;top:360px;left:340px}
.ratingtext {float:left}
.ratingtext_player {float:left}
.ratingimage_player {float:left}
.ratingimage_results {}
.ratingnumber {float:left;clear:left;height:20px;width:200px}
.rating {border:0px}
.rateform_player {width:200px;margin-top:0px;padding-top:0px;clear:left}
.rateform_background {height:50px;}
.thumb {float:left;border:1px solid #000000;margin-right:5px}
.big_thumb {float:left;border:1px solid #000000;margin-right:5px;width:320px;height:240px}
.rating {float:left;clear:left}
.control {float:left;clear:left;border:0px}
.player_control {float:left;clear:left;border:0px}
#topnav {float:left;clear:left}
#bottomnav {float:left;clear:left}


/* The box element is a generic element used to hold some
 * of the buttons(the Accessibility Statement, and Login)
 * on a Case.tv page. Leave this empty if you want the buttons
 * to be styled only with the .burl style
 ******************************************/
.box {float:right;margin-right:5px;background:#ffffff;font-size:small;padding-top:4px;padding-bottom:0px;z-index:2000}



/* Style for the logo image on Case.tv pages.
 * The box is used to specify the properties
 * of the containing div, and the plain style is used to style
 * the image.
 *******************************************/
.logobox_home {width:100%;text-align:center}
.logo_home {}
.logobox_results {}
.logo_results {position:absolute;top:5px;left:10px}



/* Style for the searchform on Case.tv pages.
 * The box is used to specify the properties
 * of the containing div, and the plain style is used to style
 * the form.
 *******************************************/
.searchformbox_home {width:100%;text-align:center;color:#000000;font:normal small Arial,sans-seriff}
.searchform_home {margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px}
.searchformbox_category {position:absolute;top:10px;left:235px;width:300px}
.searchform_category {margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px}
.searchformbox_results {position:absolute;left:435px;width:300px;top:10px}
.searchform_results {margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px}
.searchformbox_play {position:absolute;top:10px;left:235px;width:300px}
.searchform_play {margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px}

/* Style for the styleform on Case.tv pages.
 * The box is used to specify the properties
 * of the containing div, and the plain style is used to style
 * the form.
 *******************************************/
.styleformbox_home {position:absolute;top:9px;left:10px;z-index:1001}
.styleform_home {}
.styleformbox_category {display:none}
.styleform_category {margin-top:0px;padding-top:0px;width:250px;height:20px;z-index:0}
.styleformbox_results {display:none}
.styleform_results {margin-top:0px;padding-top:0px;width:250px;height:20px;z-index:0}
.styleformbox_play {display:none}
.styleform_play {margin-top:0px;padding-top:0px;width:250px;height:20px;z-index:0}
.styleform_background {height:20px}


/* Style for the categories list div on Case.tv pages.
 * This style is applied to the parent div of
 * of the ul. Mostly good for positioning the
 * list on the page.
 *******************************************/
.categoriesbox_home {text-align:center;background:#ffffff url(/tv/categories_bg_default.png) top left repeat-x;position:absolute;top:300px;padding-top:10px;width:98%;height:150px}
.categoriesbox_category {position:absolute;top:75px;left:10px;width:98%;text-align:center}
.categoriesbox_results {position:absolute;top:75px;left:10px;width:98%;text-align:center}
.categoriesbox_play {position:absolute;top:75px;left:10px;width:98%;text-align:center}
.categories_img {position:absolute;top:56px;left:10px;width:200px;height:20px}

/* Style for form buttons and anchor buttons
 * 
 * To keep from using javascript, some buttons
 * are only anchors, so this style keeps the
 * look uniform with the form buttons
 *******************************************/
.fbutton {background:#ffffff;color:#000000;border:1px solid #000000}
.abutton {background:#ffffff;border:1px solid #000000;color:#000000;height:24px;padding-left:4px;padding-right:4px;padding-top:4px;padding-bottom:0px}

/* Style for login form
 * 
 * it inherits most of its style from parent
 * elements, but you can use this to style 
 * additional properties.
 *******************************************/
.loginform {width:175px;z-index:2000}

.mediaPlayer {}
.mediaPlayerWindow {position:absolute;top:125px;left:15px}
.mediaPlayerInfo {position:absolute;top:125px;left:340px;width:400px;}

.recent_category {position:absolute;top:390px;left:10px;width:390px;background:#ffffff url(/tv/list_default_bg.jpg) top left no-repeat;height:200px;overflow:hidden}
.popular_category {position:absolute;top:390px;left:410px;width:390px;background:#ffffff url(/tv/list_default_bg.jpg) top left no-repeat;height:200px;overflow:hidden}

.recent_play {position:absolute;top:435px;left:10px;width:390px;background:#ffffff url(/tv/list_default_bg.jpg) top left no-repeat;height:200px;overflow:hidden}
.popular_play {position:absolute;top:435px;left:410px;width:390px;background:#ffffff url(/tv/list_default_bg.jpg) top left no-repeat;height:200px;overflow:hidden}

.list {width:360px;height:140px;margin-left:10px;margin-top:10px;overflow:auto}

.list_result_odd {clear:left;text-align:left;margin-top:10px;margin-left:5px;overflow:hidden;padding-top:5px;border-top:1px solid #000000}
.list_result_even {clear:left;text-align:left;margin-top:10px;margin-left:5px;overflow:hidden;padding-top:5px;border-top:1px solid #000000}
.list_rating {border:0px}

.popular_header {font:bold small Arial,sans-seriff;text-decoration:underline;padding-top:10px}
.recent_header {font:bold small Arial,sans-seriff;text-decoration:underline;padding-top:10px}

.list_control {border:0px;clear:left;float:left;margin-left:100px}

.copyright {left:0px;width:98%;text-align:center;margin-top:10px}
.poweredby {left:0px;width:98%;text-align:center;margin-top:20px}

#feedback {color:#555599}