/* Michelin: A Better Play */ /* STYLES ******************************************************************/ * {margin:0; padding:0;} body {background:#d1d7df url(../images/bg.gif) top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:75%; line-height:1.4em; color:#333;} a {color:#222;} img {border:none;} hr {display:none;} sup {font-size:50%;} .clear {clear:both;} .hrzrule {height:1px; background:url(../images/h2dotted.gif) bottom repeat-x; margin:20px 0;} .structural {position:absolute; left:-999em;} .play_of_the_season {float:right; margin:0 0 0 12px; position:relative; top:8px;} .play_of_the_season_trophy {float:right; margin:0 0 0 0;} .play_of_the_season_title {font-size:1em; text-decoration:none;} .play_of_the_season_title a {text-decoration:none;} .play_of_the_season_title a:hover {text-decoration:underline;} fieldset {border:none;} p {font-size:1em; margin-bottom:1em;} a {color:#5c9131;} h2 {font-size:1.5em; margin-bottom:1em;} h3 {font-size:1.25em; margin-bottom:.4em;} h2.dotted {background:url(../images/h2dotted.gif) bottom repeat-x; padding-bottom:6px; line-height:1.2em;} .floatright {float:right;} .error {color: red !important;} .hide {display: none;} /* SPLASH ******************************************************************/ #splash_header {width:1002px; height:503px; margin:0 auto; position:relative; background:url(../images/splash_with_nav.jpg) no-repeat; overflow:hidden;} #splash_header h1 {position:absolute; left:-999em;} #splash_header h2 {position:absolute; left:-999em;} #splash_header #nav {position:absolute; top:436px; left:59px; width:881px; height:55px;} #splash_header #nav li {float:left;} #splash_header #nav li a {float:left; height:55px; background:url(../images/splash_nav.gif) top left no-repeat; } #splash_header #nav li a#cnc {width:190px; background-position:0 0;} #splash_header #nav li a#cnc:hover {background-position:0 -55px;} #splash_header #nav li a#atlmetro {width:128px; background-position:-190px 0;} #splash_header #nav li a#atlmetro:hover {background-position:-190px -55px;} #splash_header #nav li a#indmetro {width:164px; background-position:-318px 0;} #splash_header #nav li a#indmetro:hover {background-position:-318px -55px;} #splash_header #nav li a#twincities {width:111px; background-position:-482px 0;} #splash_header #nav li a#twincities:hover {background-position:-482px -55px;} #splash_header #nav li a#tristate {width:96px; background-position:-593px 0;} #splash_header #nav li a#tristate:hover {background-position:-593px -55px;} #splash_header #nav li a#upstatesc {width:192px; background-position:-689px 0;} #splash_header #nav li a#upstatesc:hover {background-position:-689px -55px;} #social_media_links {position:absolute; top:23px; right:75px; width:140px;} #social_media_links p {float:left; line-height:25px; margin-right:12px;} #social_media_links ul {list-style-type:none;} #social_media_links ul li {float:left;} #social_media_links ul li a {display:block; padding-right:2px; margin-right:3px; border-right:1px solid #a5b0be;} #social_media_links ul li a.end {padding-right:0; margin-right:0; border-right:0;} #splash_main {width:898px; margin:0 auto; background:url(../images/splash_columns.gif) bottom no-repeat; padding:16px 52px 0 52px;} #splash_main .left {width:250px; float:left; padding:0 28px 30px 25px;} #splash_main .right {width:250px; float:right; padding:0 23px 30px 18px;} #splash_main .center {width:250px; padding:0 18px 20px 21px; float:left;} #splash_footer {width:842px; margin:0 auto; padding:9px 82px 50px 78px;} #splash_footer p.sponsored {float:right; margin:0; font-size:.9em; color:#797c80;} #splash_footer p.links {float:left; font-size:.9em; color:#797c80;} #splash_footer .logo {float:right; margin:0;} /* HEADER ******************************************************************/ #header {position:relative; margin:0 auto; width:1002px; height:310px; background:url(../images/bg_header.jpg) center no-repeat; } #header h1 {position:absolute; left:-999em;} #header p.tagline {position:absolute; left:-999em;} #header a#home {position:absolute; top:126px; left:90px; width:336px; height:84px; text-indent:-999em;} #header img.logo {position:absolute; top:101px; left:662px;} .kickoff #header {height:460px; background:url(../images/kickoff_header.jpg) center no-repeat; } .kickoff1 #header {height:460px; background:url(../images/kickoff_header_1.jpg) center no-repeat; } #top {position:absolute; top:0; left:350px; width:550px; height:48px; background:url(../images/bg_signin.jpg) top left no-repeat;} #top p.retrieve {position:absolute; top:37px; left:314px; color:#000; margin:0; font-size:.8em; font-weight:bold; } #top p.retrieve a {color:#000;} #signin {position:relative; left:275px; height:24px; width:324px; padding:4px 12px; border-top:5px solid #222; background:url(../images/bg_signin.gif) bottom left no-repeat;} #signin * {float:left; margin-right:4px;} #signin p {color:#fff; font-weight:bold; margin-right:10px;} #signin p.coaches {position:absolute; left:-85px; color:#333; font-size:1.2em; padding-right:12px; background:url(../images/arrow1.gif) right no-repeat;} #signin input.field {width:60px; font-size:.9em; color:#777; padding:0 3px;} #signin label {color:#fff; font-weight:bold;} /* NAVIGATION ******************************************************************/ #nav {position:absolute; top:251px; left:65px; width:872px; list-style-type:none;} #nav li {float:left;} #nav li a {float:left; height:35px; background:url(../images/navigation.gif); text-indent:-999em; overflow:hidden;} #nav li a#currentvideos {background-position:0 0; width:135px;} #nav li a#currentvideos:hover {background-position:0 -35px;} #nav li a#currentvideos.current {background-position:0 35px;} #nav li a#filmvault {background-position:-135px 0; width:111px;} #nav li a#filmvault:hover {background-position:-135px -35px;} #nav li a#filmvault.current {background-position:-135px 35px;} #nav li a#trophycase {background-position:-246px 0; width:125px;} #nav li a#trophycase:hover {background-position:-246px -35px;} #nav li a#trophycase.current {background-position:-246px 35px;} #nav li a#dealers {background-position:-371px 0; width:233px;} #nav li a#dealers:hover {background-position:-371px -35px;} #nav li a#dealers.current {background-position:-371px 35px;} #nav li a#about {background-position:-604px 0; width:86px;} #nav li a#about:hover {background-position:-604px -35px;} #nav li a#about.current {background-position:-604px 35px;} /* MAIN ******************************************************************/ #main {margin:0 auto; width:842px; background:url(../images/bg_container.gif) center repeat-y; padding:0 80px 1em 80px;} #main.topmargin {padding-top:14px;} .large_promo {background:url(../images/large_promo_top.gif) top left no-repeat; padding-top:3px; margin-bottom:20px;} .large_promo_inner {padding:22px 10px 30px 25px; background:url(../images/large_promo_bottom.gif) bottom left no-repeat;} .large_promo_inner h2 {width:446px;} .large_promo_inner .photo {float:right; margin:0 0 0 25px; position:relative; top:-18px;} a.button {} a.button span {} .videothumb {float:right; width:120px; margin-left:16px;} .videothumb .img_outer {position:relative; border:solid 1px #666; width:120px; height:72px; overflow:hidden; margin-bottom:7px;} .videothumb .img_outer img {position:absolute; left:-5px; top:-14px;} .medal {float:right; margin-left:15px;} #rating_main {background:url(../images/h2dotted.gif) bottom repeat-x; padding-bottom:12px;} #video_detail {background:url(../images/large_promo_top.gif) top left no-repeat; padding-top:3px; margin-bottom:20px;} #video_detail_inner {padding:22px 10px 30px 25px; background:url(../images/large_promo_bottom.gif) bottom left no-repeat;} #video_info {width:292px; float:right; padding-right:12px;} #video_info #description {background:url(../images/h2dotted.gif) bottom repeat-x; padding:20px 0; margin-bottom:20px;} #video_info #description ul {list-style-type:none;} #video_info #description b {padding-right:4px;} #search_vault {margin-bottom:20px; background:#f1f3f5;} #search_vault select {font-size:.9em; padding:1px 1px 1px 2px; width:162px; margin-right:6px; color:#222;} #search_vault select.end {margin-right:0;} #search_vault label {font-size:.9em;} #search_vault div.options {padding:8px;} #search_vault div.search {background:#e1e5ea; float:left; padding:8px; width:504px;} #search_vault div.search * {float:left;} #search_vault div.search .checkbox {height:15px; width:15px; margin-top:3px; margin-right:3px;} #search_vault div.search label {padding:2px; margin-right:10px;} #search_current {margin-bottom:20px; background:#f1f3f5; padding:8px;} #search_current * {float:left;} #search_current select {font-size:.9em; padding:1px 1px 1px 2px; width:162px; margin-right:6px; margin-top:2px; color:#222;} #search_current select.end {margin-right:0;} #participatingdealers_main {margin-top:20px; background:url(../images/bg_dealercolumns.gif) repeat-y; float:left; width:840px;} #participatingdealers_main div {width:20%; height:100%; float:left; padding-right:3%; margin-right:3.5%;} #participatingdealers_main div h2 {margin-bottom:.7em;} #participatingdealers_main div p {margin-bottom:1.4em;} #participatingdealers_main div.end {padding-right:0; margin-right:0;} #participatingdealers_main a.dealer {padding-left: 15px; text-indent: -15px; display: block;} #howtowin {margin-top:20px;} #howtowin ul {width:520px; float:left; border-bottom:solid 1px #ccc; list-style-type:none;} #howtowin ul li {float:left; padding-right:3px; background:url(../images/tab_off_2.gif) top right no-repeat;} #howtowin ul li a {float:left; font-size:1.4em; font-weight:bold; color:#222; text-decoration:none; padding:10px 14px 8px 14px; background:url(../images/tab_on_1.gif) top left no-repeat;} #howtowin ul li.on {float:left; padding-right:3px; background:url(../images/tab_on_2.gif) top right no-repeat;} #howtowin ul li.on a {float:left; font-size:1.4em; font-weight:bold; color:#222; text-decoration:none; padding:10px 14px 8px 14px; background:url(../images/tab_off_1.gif) top left no-repeat;} #howtowin #tab1_content {float:left; width:500px; padding:12px 10px;} #howtowin #tab2_content {float:left; width:500px; padding:12px 10px;} /* LEFT ******************************************************************/ #left {width:520px; float:left;} #left.topmargin {margin-top:14px;} .left_promo {width:520px; background:url(../images/left_promo_top.gif) top left no-repeat; padding-top:3px; margin-bottom:20px;} .left_promo_inner {padding:22px 25px 30px 25px; background:url(../images/left_promo_bottom.gif) bottom left no-repeat;} #ratingbar {float:right; width:209px;} #ratingbar img {float:left;} #ratingbar img.photo {margin-left:22px;} #leaderboard {width:515px;} #leaderboard .hrz_sep {width:515px; height:1px; float:left; margin-bottom:16px; background:url(../images/h2dotted.gif) repeat-x;} #leaderboard .video {width:455px; float:left; background:url(../images/h2dotted.gif) bottom repeat-x; padding-left:60px;} #leaderboard .video h3 {font-size:1em; margin-bottom:.6em;} #leaderboard .video h3 a {color:#5c9131; text-decoration:none;} #leaderboard .video h3 a:hover {text-decoration:underline;} #leaderboard .leaderboard1 {background:url(../images/leaderboard_1st.gif) left no-repeat;} #leaderboard .leaderboard2 {background:url(../images/leaderboard_2nd.gif) left no-repeat;} #leaderboard .leaderboard3 {background:url(../images/leaderboard_3rd.gif) left no-repeat;} #leaderboard .leaderboard4 {background:url(../images/leaderboard_4th.gif) left no-repeat;} #leaderboard .video .thumb {float:left; width:142px;} #leaderboard .video .thumb .img_outer {position:relative; border:solid 1px #666; width:126px; height:72px; overflow:hidden; margin-bottom:7px;} #leaderboard .video .thumb .img_outer img {position:absolute; left:-2px; top:-14px;} #leaderboard .video .thumb .rating {width:142px;} #leaderboard .video .thumb .rating p {font-weight:bold; color:#555;} #videolist {width:510px; padding-left:5px;} #videolist .video {width:510px; float:left; background:url(../images/h2dotted.gif) bottom repeat-x; margin-bottom:16px;} #videolist .video h3 {font-size:1em; margin-bottom:.6em;} #videolist .video h3 a {color:#5c9131; text-decoration:none;} #videolist .video h3 a:hover {text-decoration:underline;} #videolist .video .thumb {float:left; width:142px;} #videolist .video .thumb .img_outer {position:relative; border:solid 1px #666; width:120px; height:72px; overflow:hidden; margin-bottom:7px;} #videolist .video .thumb .img_outer img {position:absolute; left:-2px; top:-14px;} #videolist .video .thumb .rating {width:142px;} #videolist .video .thumb .rating p {font-weight:bold; color:#555;} #trophycase_main {width:515px;} #trophycase_main .video {padding-left:40px;} #trophycase_main .video ul {list-style-type:none;} #trophycase_main .video h3 {font-size:1em; margin-bottom:.6em;} #trophycase_main .video h3 a {color:#5c9131; text-decoration:none;} #trophycase_main .video h3 a:hover {text-decoration:underline;} #trophycase_main .week1 {background:url(../images/trophycase_week1.gif) top left no-repeat;} #trophycase_main .week2 {background:url(../images/trophycase_week2.gif) top left no-repeat;} #trophycase_main .week3 {background:url(../images/trophycase_week3.gif) top left no-repeat;} #trophycase_main .week4 {background:url(../images/trophycase_week4.gif) top left no-repeat;} #trophycase_main .week5 {background:url(../images/trophycase_week5.gif) top left no-repeat;} #trophycase_main .week6 {background:url(../images/trophycase_week6.gif) top left no-repeat;} #trophycase_main .week7 {background:url(../images/trophycase_week7.gif) top left no-repeat;} #trophycase_main .week8 {background:url(../images/trophycase_week8.gif) top left no-repeat;} #trophycase_main .week9 {background:url(../images/trophycase_week9.gif) top left no-repeat;} #trophycase_main .week10 {background:url(../images/trophycase_week10.gif) top left no-repeat;} #trophycase_main .week11 {background:url(../images/trophycase_week11.gif) top left no-repeat;} #trophycase_main .week12 {background:url(../images/trophycase_week12.gif) top left no-repeat;} #trophycase_main .video .thumb {float:left; width:142px;} #trophycase_main .video .thumb .img_outer {position:relative; border:solid 1px #666; width:120px; height:72px; overflow:hidden; margin-bottom:7px;} #trophycase_main .video .thumb .img_outer img {position:absolute; left:-2px; top:-14px;} #trophycase_main .video .thumb .rating {width:142px;} #trophycase_main .video .thumb .rating p {font-weight:bold; color:#555;} #trophycase_main .video .info {width:319px; float:right; padding-right:14px;} #trophycase_main .video .info ul a {color:#222; text-decoration:none; font-size:.9em;} #trophycase_main .video .info ul a:hover {color:#5C9131; text-decoration:underline;} #trophycase_main .video .info ul li {padding-left:13px;} .runnersup {padding-left:12px; background:url(../images/bullet1.gif) left no-repeat; margin-bottom:2px;} .runnersup a {color:#222; text-decoration:none} .runnersup a:hover {color:#222; text-decoration:underline;} .runnersup_on {padding-left:12px; background:url(../images/bullet1_on.gif) left no-repeat; margin-bottom:2px;} .runnersup_on a {color:#222; text-decoration:underline} .runnersup_on a:hover {color:#222;} #pagination {list-style-type:none; text-align:center;} #pagination a {padding:2px 7px; border:solid 1px #ccc; text-decoration:none; color:#444; font-weight:bold; margin-right:3px;} #pagination a:hover {background:#eee;} #pagination a.current {background:#000; border:solid 1px #000; color:#fff;} .button_previous {float:left; margin-right:6px;} .button_next {float:right; margin-left:6px;} p.rating_label {font-size:1em; float:left; padding-right:2px;} div.rating_icons {position:relative; float:left; height:17px; width:84px; background:#d8d8d8; } div.rating_icons .template {position:absolute; top:0; left:0; background:url(../images/rating_icons.png); z-index:2; height:17px; width:84px;} div.rating_icons .meter {position:absolute; top:0; left:0; height:17px; background:#ffbe07; z-index:1; height:17px; /* width:18px; */} #expand_sweepstakes {background:#edeff2; padding:6px; float:left; width:508px; height:27px;} #expand_sweepstakes img {float:left;} #sweepstakes_form {background:#f6f7f9; padding:15px; float:left; width:490px; } #sweepstakes_form ul {list-style-type:none; width:481px;} #sweepstakes_form ul li {float:left; width:237px;} #sweepstakes_form label {font-weight:bold;} #sweepstakes_form input {width:210px; border: solid 1px #aaa; padding:3px 5px; margin-bottom:10px;} #sweepstakes_form #city {width:68px; margin-right:5px;} #sweepstakes_form #state {width:80px; padding:2px; margin-right:5px;} #sweepstakes_form #zip {width:40px;} #sweepstakes_form #phone {width:80px; margin-right:5px;} #sweepstakes_form #email {width:114px;} #sweepstakes_form #school {width:222px; padding:2px;} #sweepstakes_form .birthdate {float:left;} #sweepstakes_form #birthdate1 {width:22px; margin-right:5px;} #sweepstakes_form #birthdate2 {width:22px; margin-right:5px;} #sweepstakes_form #birthdate3 {width:50px;} #sweepstakes_form .checkbox {width:15px; height:15px; float:left; margin-right:8px; border:none;} #sweepstakes_form ul.wide {list-style-type:none; width:481px;} #sweepstakes_form ul.wide li {float:left; width:481px;} #sweepstakes_form #register {width:78px; height:23px; border:none; padding:0;} #dealerdownloads {border-collapse:collapse;} #dealerdownloads td {width:158px; vertical-align:top; padding-bottom:25px;} #dealerdownloads td.heading {padding-bottom:0;} #dealerdownloads td b.underline {background:url(../images/h2dotted.gif) bottom repeat-x; display:block; margin-left:4px; width:150px; padding-bottom:4px; margin-bottom:8px;} #dealerdownloads td div.thumb_container {position:relative;} #dealerdownloads td div.format {padding-left:5px; width:150px; background:url(../images/h2dotted.gif) bottom repeat-x; padding-bottom:8px; margin-bottom:10px;} #dealerdownloads img.thumb {padding:1px; background:#a7a7a7; border:solid 4px #f2f2f2; margin-bottom:2px;} #dealerdownloads img.enlarge {position:absolute; top:142px; left:126px;} #dealerdownloads img.send {margin-left:5px;} #dealerdownloads td select {font-size:.9em; margin:6px 0; width:148px; padding:2px;} #dealer_login .dealer_login {margin:0 0 1em 0; padding:8px 9px; background:url(../images/bg_signin_popup.gif) no-repeat;} #dealer_login .dealer_login label {font-weight:bold;} #dealer_login .dealer_login input.text {margin-bottom:.5em; width:207px;} #dealerdownloads_premium {border-collapse:collapse; width:470px;} #dealerdownloads_premium td {width:158px; vertical-align:top; padding-bottom:25px; width:157px;} #dealerdownloads_premium td.heading {padding-bottom:0;} #dealerdownloads_premium td b.underline {background:url(../images/h2dotted.gif) bottom repeat-x; display:block; margin-left:4px; width:150px; padding-bottom:4px; margin-bottom:8px;} #dealerdownloads_premium td div.thumb_container {position:relative;} #dealerdownloads_premium td div.format {padding-left:5px; width:150px; background:url(../images/h2dotted.gif) bottom repeat-x; padding-bottom:8px; margin-bottom:10px;} #dealerdownloads_premium img.thumb {padding:1px; background:#a7a7a7; border:solid 4px #f2f2f2; margin-bottom:2px;} #dealerdownloads_premium img.enlarge {position:absolute; top:142px; left:121px;} #dealerdownloads_premium img.send {margin-left:5px;} #dealerdownloads_premium td select {font-size:.9em; margin:6px 0; width:148px; padding:2px;} .premium_items ul {list-style-type:none; margin:0; width:470px;} .premium_items ul li {float:left; width:470px; padding-bottom:20px;} .premium_items div.thumb_container {position:relative; float:right; margin:0 0 6px 24px;} .premium_items img.thumb {padding:1px; background:#a7a7a7; border:solid 4px #f2f2f2; margin-bottom:2px;} .premium_items img.enlarge {position:absolute; top:127px; left:121px;} /* RIGHT ******************************************************************/ #right {width:300px; float:right;} #right ul {margin:0 0 1.2em 1.4em;} #right ul li {margin-bottom:1.2em;} #right.topmargin {margin-top:14px;} .right_promo {width:300px; background:url(../images/right_promo_top.gif) top left no-repeat; padding-top:3px; margin-bottom:20px;} .right_promo_inner {padding:22px 25px 30px 25px; background:url(../images/right_promo_bottom.gif) bottom left no-repeat;} .referee1 {float:right; position:relative; top:-15px; left:21px;} .referee2 {float:right; position:relative; top:-50px; left:2px; margin-left:18px;} .teamlogo {float:right; position:relative; top:0; left:0;} .large_referee {float:right; position:relative; top:-8px; margin-left:16px;} #participatingdealers {} #participatingdealers p {} #participatingdealers a {text-decoration:none;} #participatingdealers a:hover {text-decoration:underline;} #participatingdealers_main a.map {padding-left:10px; background:url(../images/bullet2.gif) left no-repeat; font-size:.9em; text-decoration:none; color:#5C9131; font-weight:bold;} #participatingdealers_main a.map:hover {text-decoration:underline; color:#5C9131;} #current_leaderboard {list-style-type:none; border-bottom:solid 20px #fff; width:300px; float:left; margin-left:0!important;} #current_leaderboard a {text-decoration:none; color:#222;} #current_leaderboard a:hover {text-decoration:underline;} #current_leaderboard li {float:left; width:284px; padding:3px 8px 3px 8px; margin-bottom:0!important;} #current_leaderboard li.row1 {background:#fff;} #current_leaderboard li.row2 {background:#F1F3F5;} #current_leaderboard li.row2 div.rating_icons .template {background:url(../images/rating_icons_gray.png);} #current_leaderboard span {float:left; font-size:.9em; width: 160px;} #current_leaderboard span b {margin-right:6px; font-size:1.1em;} #current_leaderboard span.number {float:right; font-weight:bold; color:#333; margin-left:12px; width: 25px;} #current_leaderboard div.rating_icons {position:relative; float:right; height:17px; width:84px; background:#d8d8d8;} #current_leaderboard div.rating_icons .template {position:absolute; top:0; left:0; background:url(../images/rating_icons.png); z-index:2; height:17px; width:84px;} #current_leaderboard div.rating_icons .meter {position:absolute; top:0; left:0; height:17px; background:#ffbe07; z-index:1; height:17px;} /* FOOTER ******************************************************************/ #footer {width:842px; margin:0 auto; padding:105px 82px 100px 78px; background:url(../images/bg_footer.gif) top center no-repeat;} #footer.kickoff {background:none; padding: 0;} #footer p.sponsored {float:right; margin:0; font-size:.9em; color:#797c80;} #footer p.links {float:left; font-size:.9em; color:#797c80;} #footer .logo {float:right; margin:0;} /* UPLOAD VIDEOS ******************************************************************/ #header.upload {height:292px; background:url(../images/bg_header_upload.jpg) top center no-repeat; } #upload_steps {background:url(../images/upload_steps.gif) no-repeat; width:506px; height:31px; margin:20px 0 24px; text-indent:-999em;} #upload_steps.step1 {background-position:0 0;} #upload_steps.step2 {background-position:0 -31px;} #upload_steps.step3 {background-position:0 -62px;} #upload_steps.step4 {background-position:0 -93px;} #legend {list-style-type:none; margin:0!important; position:relative; top:6px;} #legend li {padding-left:26px;} #legend li.addcomplete {background:url(../images/legend_addcomplete.gif) left no-repeat;} #legend li.addincomplete {background:url(../images/legend_addincomplete.gif) left no-repeat;} #legend li.addnew {background:url(../images/legend_addnew.gif) left no-repeat;} #legend li.processing {background:url(../images/legend_processing.gif) left no-repeat;} #submitted_videos {width:515px; margin-bottom:16px;} #submitted_videos .hrz_sep {width:515px; height:1px; float:left; margin:16px 0; background:url(../images/h2dotted.gif) repeat-x;} #submitted_videos .video {width:465px; float:left; padding-left:50px;} #submitted_videos .video p.videotitle {font-weight:bold;} #submitted_videos .video p.processing {font-weight:bold; position:relative; top:7px;} #submitted_videos .video ul {list-style-type:none;} #submitted_videos .video h3 {font-size:1em; margin-bottom:.6em;} #submitted_videos .video h3 a {color:#5c9131; text-decoration:none;} #submitted_videos .video h3 a:hover {text-decoration:underline;} #submitted_videos .currentweek {background:url(../images/video_currentweek.gif) top left no-repeat;} #submitted_videos .week1 {background:url(../images/video_week1.gif) top left no-repeat;} #submitted_videos .week2 {background:url(../images/video_week2.gif) top left no-repeat;} #submitted_videos .week3 {background:url(../images/video_week3.gif) top left no-repeat;} #submitted_videos .week4 {background:url(../images/video_week4.gif) top left no-repeat;} #submitted_videos .week5 {background:url(../images/video_week5.gif) top left no-repeat;} #submitted_videos .week6 {background:url(../images/video_week6.gif) top left no-repeat;} #submitted_videos .week7 {background:url(../images/video_week7.gif) top left no-repeat;} #submitted_videos .week8 {background:url(../images/video_week8.gif) top left no-repeat;} #submitted_videos .week9 {background:url(../images/video_week9.gif) top left no-repeat;} #submitted_videos .week10 {background:url(../images/video_week10.gif) top left no-repeat;} #submitted_videos .week11 {background:url(../images/video_week11.gif) top left no-repeat;} #submitted_videos .week12 {background:url(../images/video_week12.gif) top left no-repeat;} #submitted_videos .video .thumb {float:left; width:146px; background:url(../images/vert_dotted.gif) right repeat-y; margin-right:20px;} #submitted_videos .video .thumb.end {width:120px; margin-right:0; background:none;} #submitted_videos .video .thumb .img_outer {position:relative; border:solid 1px #666; width:120px; height:72px; overflow:hidden; margin-bottom:6px;} #submitted_videos .video .thumb .img_outer img {position:absolute; left:-2px; top:-14px;} #submitted_videos .video .thumb .img_outer img.icon {position:absolute; z-index:+1; top:50px; left:98px;} #submitted_videos .video .thumb .rating {width:142px;} #submitted_videos .video .thumb .rating p {font-weight:bold; color:#555;} #submitted_videos .video .thumb a.inprogress {width:120px; height:72px; display:block; background:#f2f3f5 url(../images/uploadicon_addvideo.png) center no-repeat; border:solid 1px #dedede;} #submitted_videos .video .thumb a.processing {width:120px; height:72px; display:block; background:#f2f3f5 url(../images/uploadicon_processing.png) center no-repeat; border:solid 1px #dedede;} #submitted_videos .video .thumb input.addvideo {position:relative; top:7px; left:17px;} #submitted_videos .video .info {width:319px; float:right; padding-right:14px;} #submitted_videos .video .info ul a {color:#222; text-decoration:none; font-size:.9em;} #submitted_videos .video .info ul a:hover {color:#5C9131; text-decoration:underline;} #submitted_videos .video .info ul li {padding-left:13px;} #paste_url * {float:left;} #paste_url p {font-size:1.2em; padding:3px 6px; font-weight:bold;} #paste_url input.field {margin-right:6px; padding:3px; border:solid 1px #ccc; width: 300px;} #paste_url input.prefill {color: #AAA;} #user_select {margin-bottom: 75px;} #user_select label {padding-right: 15px; font-weight: bold; margin-top: 3px;} #user_select * {float:left;} #user_select input.field {margin-right:6px; padding:3px; border:solid 1px #ccc;} #user_select input.prefill {color: #AAA;} #video_library {width:515px; margin-bottom:16px;} #video_library h3 {margin-bottom:1em;} #video_library .radio {margin:0 0 8px 55px;} #video_library .hrz_sep {width:515px; height:1px; float:left; margin:16px 0; background:url(../images/h2dotted.gif) repeat-x;} #video_library .video {width:495px; float:left; padding-left:30px;} #video_library .video p.videotitle {font-weight:bold;} #video_library .video p.videotitle a {text-decoration:none;} #video_library .video ul {list-style-type:none;} #video_library .video h3 {font-size:1em; margin-bottom:.6em;} #video_library .video h3 a {color:#5c9131; text-decoration:none;} #video_library .video h3 a:hover {text-decoration:underline;} #video_library .video .thumb {float:left; width:146px; background:url(../images/vert_dotted.gif) right repeat-y; margin-right:20px; padding-bottom:8px;} #video_library .video .thumb.end {width:120px; margin-right:0; background:none;} #video_library .video .thumb .img_outer {position:relative; border:solid 1px #666; width:120px; height:72px; overflow:hidden; margin-bottom:6px;} #video_library .video .thumb .img_outer img {position:absolute; left:-2px; top:-14px;} #video_library .video .thumb .img_outer img.icon {position:absolute; z-index:+1; top:50px; left:98px;} #video_library .video .thumb .rating {width:142px;} #video_library .video .thumb .rating p {font-weight:bold; color:#555;} .video_border {background:#f2f3f5; padding:13px; width:480px; margin-bottom:20px;} .change_video {margin-bottom: 16px;} .video_border_ext {background:#f2f3f5; padding:13px; width:480px; margin-bottom:0;} #video_mgt {width:520px; float:left; margin-bottom:30px;} #video_mgt ul {width:520px; float:left; border-bottom:solid 1px #ccc; list-style-type:none; } #video_mgt ul li {float:left; padding-right:3px; background:url(../images/tab_on_2.gif) top right no-repeat;} #video_mgt ul li a {float:left; font-size:1.2em; font-weight:bold; color:#222; text-decoration:none; padding:6px 14px 4px 14px; background:url(../images/tab_on_1.gif) top left no-repeat;} #video_mgt ul li.on {float:left; padding-right:3px; background:url(../images/tab_off_2.gif) top right no-repeat; position:relative; top:1px;} #video_mgt ul li.on a {float:left; font-size:1.2em; font-weight:bold; color:#222; text-decoration:none; padding:6px 14px 4px 14px; background:url(../images/tab_off_1.gif) top left no-repeat;} #add_video_details {list-style-type:none;} #add_video_details li {float:left; width:470px; background:#f2f3f5; padding:13px 18px 13px 18px; border-bottom:solid 2px #fff;} #add_video_details li label {float:left; font-weight:bold; color:#333;} #add_video_details li input {float:right; width:280px; border:solid 1px #ccc; padding:3px;} #add_video_details li select {float:right; width:288px; } #add_video_details li textarea {float:right; width:280px; height:100px; border:solid 1px #ccc; padding:3px; font-family:Arial, Helvetica, sans-serif; font-size:1em;} #add_video_details li.next {background:#d1d7df;} #add_video_details li.next input{width:auto; padding:0; border:none;} .upload_buttons {width:480px; padding:13px; background:#d1d7df;} .upload_buttons input {margin-right:4px;} optgroup option {padding-left: 10px;} /* CONTROL PANEL ******************************************************************/ .hrzrule1 {height:1px; background:url(../images/h2dotted.gif) bottom repeat-x; margin:10px 0;} #header_controlpanel {position:relative; margin:0 auto; width:1002px; height:294px; background:url(../images/bg_header_controlpanel.jpg) top center no-repeat; } #header_controlpanel h1 {position:absolute; left:-999em;} #header_controlpanel p.tagline {position:absolute; left:-999em;} #header_controlpanel a#home {position:absolute; top:126px; left:90px; width:336px; height:84px; text-indent:-999em;} #header_controlpanel img.logo {position:absolute; top:101px; left:662px;} #controlpanel_steps {background:url(../images/controlpanel_steps.gif) no-repeat; width:506px; height:31px; margin:22px 0 26px;} #controlpanel_steps.step1 {background-position:0 0;} #controlpanel_steps.step2 {background-position:0 -31px;} #controlpanel_steps.step3 {background-position:0 -62px;} #controlpanel_steps.step4 {background-position:0 -93px;} #controlpanel_legend {list-style-type:none; margin:0!important; } #controlpanel_legend li {padding:3px 0 3px 28px; margin:0!important; border-bottom:solid 5px #fff;} #controlpanel_legend li.icon1 {background:url(../images/controlpanel_complete.png) left no-repeat;} #controlpanel_legend li.icon2 {background:url(../images/controlpanel_incomplete.png) left no-repeat;} #controlpanel_legend li.icon3 {background:url(../images/controlpanel_rendering_icon.gif) left no-repeat;} #controlpanel_legend li.icon4 {background:url(../images/controlpanel_addvideo_icon.gif) left no-repeat;} #submittedvideos {width:505px; border-collapse:collapse;} #submittedvideos td {vertical-align:top;} #submittedvideos td .border {width:120px; height:70px; overflow:hidden; position:relative; border:solid 2px #ccc; background:#eee; margin-bottom:6px;} #submittedvideos td .border img {position:absolute; top:-10px; left:0;} #submittedvideos td .border .icon {position:absolute; top:44px; left:94px;} #submittedvideos td b {display:block; padding-left:3px; margin-bottom:5px;} #submittedvideos td span {display:block; padding-left:3px;} #submittedvideos td b a {text-decoration:none;} #submittedvideos td.hrz {height:40px; background:url(../images/table_hrzsep.gif) top left repeat-x;} #submittedvideos td.col1 {width:42px;} #submittedvideos td.col2 {width:120px;} #submittedvideos td.col3 {width:44px; background:url(../images/table_vertsep.gif) top center repeat-y;} #submittedvideos td.col4 {width:120px;} #submittedvideos td.col5 {width:44px; background:url(../images/table_vertsep.gif) top center repeat-y;} #submittedvideos td.col6 {width:120px;} .asset {float:left; width:300px; padding-bottom:16px; margin-bottom:16px; background:url(../images/h2dotted.gif) bottom repeat-x; } .asset div.thumb {float:left; position:relative; height:157px; width:157px;} .asset div.thumb img.thumb {padding:1px; background:#999; border:solid 3px #ddd;} .asset div.thumb img.enlarge {position:absolute; top:123px; left:123px;} .asset fieldset {float:right; width:125px;}