.boxwrap {width:750px;float:left;text-align:left; margin-top:5px; margin-bottom:5px;} .boxtop, .boxbottom {float:left;width:750px;height:10px;background:transparent url('http://tunenabber.com/images/boxbottom.png') no-repeat; } .boxtop { background:transparent url('http://tunenabber.com/images/boxtop.png') no-repeat } .box {float:left;padding-left:15px;padding-right:8px;padding-top:5px;padding-bottom:5px;width:750px;background:transparent url('http://tunenabber.com/images/boxmiddle.png') repeat-y; color:#333} #topbg { position:absolute;left:420px;top:5px;width:244px;height:72px;background-image:url('http://tunenabber.com/images/topbg.png');z-index:1; } #logotext {float:left;position:relative;width:800px;height:90px;} #logo {float:left; margin-bottom:5px;display:inline;} h1 { position:absolute;left:420px;top:12px;width:244px;height:72px;font-size:14px;line-height:18px;color:#b8b4b4; z-index:9;text-decoration:none;font-weight:normal;margin:0px;padding:0px;} body,html {margin:0;padding:0;background:#4d4d4d;color: #444;} body {min-width:960px;font-family:"Lucida Sans","Lucida Grande",Lucida,tahoma,verdana,sans-serif;} #wrap {background:#4d4d4d;margin:0 auto;width:960px;} #header {background:#4d4d4d;text-align:center; margin:0px auto; width:960px;} #main {background:#4d4d4d;float:left;width:720px;margin:5px 5px 5px 5px;} #sidebar {background:#4d4d4d;float:right;text-align:center;width:180px;margin:2px 2px 2px 2px;} #footer {background:#4d4d4d;clear:both;color:#b8b4b4;} #footer a { color:#1aa613; } #heading {margin-bottom: 25px; margin-top: 10px; text-align:center;} #button {font-size:15px; font-family:tahoma; display:inline; width:400px;cursor:pointer;text-decoration:none;} div.leaderboard {width:750px; text-align:center; background-color: #4d4d4d; margin-top:10px; margin-bottom:5px; display:block;} #bookmarklet {float:right; margin-top:10px; display:inline; margin-right:10px;} .loading {display: none;} #addthis {float:right; margin-top:5px;margin-right:16px;margin-bottom:20px;} /*nab area*/ #paste_url {width: 450px; color: #b8b4b4; height: 30px; font-size: 18px; margin-left:10px; margin-top:0px;} #paste-text {text-align:left;display:inline;color: #333; font-size: 18px;font-weight:bold;margin-left:0px;} #barnab {position:relative;margin-top:5px;} #nab {position:absolute;cursor:pointer;left:523px;top:-12px;width:122px;height:60px;overflow:hidden;border:0px;text-decoration: none;} #nab:hover {text-indent:-122px;} #nab:active {text-indent:-244px;} #downloadmp3 {margin:0px auto;width:150px;height:44px;overflow:hidden;border:0px;text-decoration: none;} #downloadmp3:hover {text-indent:-150px;} #downloadmp3:active {text-indent:-300px;} #cnlink { font-size:12px;font-weight:bold;text-align:center;margin:0px auto; } #registerlink { font-size:16px; line-height:20px;text-align:center;} #clear {font-size:14px; color:#4d4d4d; cursor:pointer; text-decoration:underline; display:inline; margin-left:144px;} .none {display: none;} #pastesource {width:660px;margin-left:10px;margin-top:7px;display:none;font-size:13px;} #srchow { font-size: 11px; line-height: 11px; font-family: tahoma } #nonjava { text-align:left;margin-left:5px;margin-top:7px;font-size:10px; } #loading6 { position:absolute;left:551px;top:52px;width:64px;height:8px; display:none;} #login {border: #909090 0px solid;color:#b8b4b4;display:inline; position:absolute; top:5px;left:655px; width:300px;height:80px;line-height:10pt;font-size:9pt;text-align:left;vertical-align:middle;margin-left:20px;} #login table { color:#b8b4b4;margin-left:20px; } #loggedin { margin-left:20px; font-size:20px; } #loggedinnav {font-size:11px; float:right;margin-right:50px; } #logoutlink { font-size:11px; display:inline;} #loggedcredits { font-size:12px; display:inline;vertical-align:middle;} #namelist { float:right; margin-right:50px; } #resetmessage { color:#1aa613; font-size:14px; font-weight:bold; } #paypalarea { display:inline; font-size:15px; font-weight:bold; } #paypalarea form { display:inline; } #comparison th { border-bottom: 3px solid #fff; } #comparison th,#comparison td { padding-right:30px; padding-top:10px;padding-bottom:10px; } #comparison table { text-align:center; } .tside { font-size:9pt; } /*youtube page stuff*/ #vidbox {position:relative;height:340px;} #info {font-size:11px;position:absolute;left:380px;top:0px;width:340px;} #tnlink { font-size:12px;font-weight:bold; } iframe { border:0; width:720px; height:78px; } #insideframe { width:720px; height:78px; background:#fff; float:left; margin:0px auto; } #dloptions { text-align:center;width:720px; height:78px; clear:both; } #generateloading { text-align:center;display:none; margin:0px auto; } #dlgenerate { margin-top:20px; font-size:15px;font-weight:bold;} #videolinkdl { font-size:15px;font-weight:bold; text-align:center; margin:5px;} /*supported sites*/ #allsites { text-align:left;font-size: 11px; line-height: 16px; font-family: tahoma; width:725px; } #spacer { width:750px; height:5px; display:block;clear: both; } #sidesky {width:162px;height:602px; display:block;} #bsa { margin-top:110px; margin-left:22px; } #changepasswordbox {width: 280px; height: 140px; display: inline; margin:auto; background:#ededed;padding:8px;-moz-border-radius: 1em;-webkit-border-radius: 1em;float:left;margin-bottom:10px;} #changeemailbox {width: 280px; height: 140px; display: inline; margin:auto;background:#ededed;padding:8px;-moz-border-radius: 1em;-webkit-border-radius: 1em;float:right;margin-bottom:10px;margin-right:31px;} #changepasswordbox form, #changeemailbox form { display:inline; } div.body_container {margin: 0px auto; width: 960px; text-align: left;} form {font-size: 11px; margin: 0px 0px 2px; color: #444; line-height: 16px; font-family: tahoma} input.chooser_input_email {margin-left: 5px; font-size: 11px; margin: 0px; width: 180px; color: #B97409; padding-top: 2px; font-family: tahoma; height: 20px; font-size:16px;} div.container {padding-right: 0px; margin-top: 5px; padding-left: 0px; float: left; margin-bottom: 5px; padding-bottom: 1px; width: 770px; padding-top: 1px; background-color: #ddd; display:block;} div.container_inner {padding-right: 10px; padding-left: 10px; padding-bottom: 10px; margin: 0px 1px; padding-top: 10px; background-color: #fff; display:block;} div.inst_container {padding-right: 0px; margin-top: -5px; padding-left: 0px; margin-bottom: 15px; padding-bottom: 1px; width: 770px; padding-top: 1px; background-color: #ddd;} div.inst_container_inner {padding-right: 10px; padding-left: 10px; padding-bottom: 10px; margin: 0px 1px; padding-top: 10px; background-color: #fff; text-align: left; font-size:16px;} SELECT.chooser_select_site_2 {text-align:left;border: #aaa 1px solid;font-size: 11px; margin-right:30px; width: 125px;color: #444; padding-top:0px; height:18px;} #choosefromlist {float:right; font-size: 14px;} span.t {font-size:14px;} H2 {font-size: 12px; padding-bottom: 10px; margin: 0px; color: #666; border-bottom: #ccc 1px dotted; font-family: tahoma;width:720px;} H3 {font-size: 11px; margin: 13px 0px 2px; color: #444; font-family: tahoma;} P {font-size: 11px; margin: 0px 0px 2px; line-height: 16px; font-family: tahoma;max-width:725px;} ul {font-size: 11px; margin: 0px 0px 2px; color: #444; line-height: 16px; font-family: tahoma;} P.t {color: #c64949} P.i {color: #369} A {color: #1aa613} A:visited {color: #48b842} A:hover {text-decoration: none} A.x {color: #8aa700} A.x:visited {color: #8aa700} A.t {color: #000000} A.t:visited {color: #000000} A.d {color: #888} A.d:visited {color: #888} SPAN#video_info SPAN {display: none} img {border: 0px;} #dlbutton {font-size:24px; font-family:tahoma; display: block; margin-left: auto; margin-right: auto; width:420px;cursor:pointer;text-align:center;} h2 {margin: 0px; color: #444; font-size: 14px; font-family: tahoma;} h3 {margin: 0px; color: #444; font-size: 12px; font-family: tahoma; line-height:0px;} #offerarea { font-size:11px; } #offerarea table, #offerarea th, #offerarea td { border-right: 8px solid #fff; border-bottom: 3px solid #fff;} /* CSS styles for notify-bar jquery plugin */ .jquery-notify-bar { width:100%; position:fixed; top:0; left:0; z-index:32768; background-color:#efefef;font-size:18px;color:#000;text-align:center;font-family: Arial, Verdana, sans-serif;padding:20px 0px; border-bottom:1px solid #bbb;} .jquery-notify-bar.error {color:#f00;background-color:#fdd;} .jquery-notify-bar.success {color:#060;background-color:#BBFFB6;} .notify-bar-close {position:absolute;left:95%;font-size:11px;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(http://theatertag.com/images/colorbox/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(http://theatertag.com/images/colorbox/controls.png) no-repeat -100px 0;} #cboxTopRight{width:21px; height:21px; background:url(http://theatertag.com/images/colorbox/controls.png) no-repeat -129px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(http://theatertag.com/images/colorbox/controls.png) no-repeat -100px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(http://theatertag.com/images/colorbox/controls.png) no-repeat -129px -29px;} #cboxMiddleLeft{width:21px; background:url(http://theatertag.com/images/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(http://theatertag.com/images/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(http://theatertag.com/images/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(http://theatertag.com/images/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(http://theatertag.com/images/colorbox/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(http://theatertag.com/images/colorbox/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(http://theatertag.com/images/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(http://theatertag.com/images/colorbox/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(http://theatertag.com/images/colorbox/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://theatertag.com/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://theatertag.com/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://theatertag.com/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://theatertag.com/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://theatertag.com/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://theatertag.com/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://theatertag.com/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://theatertag.com/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} /* loading image from http://www.ajaxload.info/ with dark green darker green is 1aa613 lighter green is 48b842 darker orange is e8920c lighter orange is eda83d */