/* Layout for CJ PromoJam - Sugarland 2 */

body	{font-size: 12px; background: url(/images/sugarland_back.jpg) top center repeat #ffffff;}

form ul	{margin: 0;padding: 0;}
form ul li	{list-style-type: none;margin: 0 0 13px;padding: 0;}
form ul li label	{display: block;margin: 0 0 3px;}
form ul li.checkbox label	{display: inline;}
textarea	{width: 98%;}

#errorExplanation	{border: 1px solid #E3BEBE;background: #F6E8E8;margin: 10px 0 20px;padding: 20px;}
#errorExplanation h2	{margin: -20px -20px 20px;background: #E3BEBE;padding: 10px 20px;}
#errorExplanation p	{margin: 0 0 20px;}
#errorExplanation ul	{margin: 0 0 0 25px;}
#errorExplanation ul li	{list-style-type: disc;margin: 0 0 3px;padding: 0;}

/* SUGARLAND APP */

#page-wrapper	{width: 1000px; margin: 0px auto; position: relative; overflow:hidden; }

#content-landing { width:1000px; height: 800px; margin: 0px auto; background: url(../images/sugarland_landing_art.jpg) top center no-repeat; }
#content-pages { width:1000px; height: 980px; margin: 0px auto; background: url(../images/sugarland_pages_art.jpg) top center no-repeat; }

.link-box-small { width:455px; height:169px; background: url(../images/link-box-small.png) top center no-repeat; text-align:center; }
.link-box-small a { width:100%; height:100%; display:block; }
.link-box-small img { margin:34px auto 0px auto; }

.link-box-big { width:455px; height:359px; background: url(../images/link-box-big.png) top center no-repeat; text-align:center; }
.link-box-big img { margin:28px auto 0px auto; }
#copy_text { width:390px; margin:64px auto 0px auto; font-size:16px; font-weight: bold; color:#d10107; text-transform: uppercase; }


.link-box-big-top { width:451px; height:24px; background: url(../images/link-box-big-top.png) top left no-repeat; text-align:center; clear:both; margin:0px; }
.link-box-big-mid { width:451px; min-height:370px; background: url(../images/link-box-big-mid.png) top left repeat-y; text-align:center; clear:both; margin:0px; }
.link-box-big-mid img { margin:0px auto 0px auto; }
.link-box-big-bot { width:451px; height:33px; background: url(../images/link-box-big-bot.png) top left no-repeat; text-align:center; margin:0px; }

.first-box { position: relative; top:160px; left:495px; }
.second-box { position: relative; top:160px; left:495px; }
.tweet-box { position: relative; top: 275px; left:495px; width: 451px; }
.third-box { position: relative; top:160px; left:495px; }

#buy-itunes { width:139px; height:42px; background: url(../images/itunes.png) top left no-repeat; position:relative; left:20px; }
#buy-itunes a { width:100%; height:100%; display:block; }

#buy-amazon { width:164px; height:40px; background: url(../images/amazon.png) top left no-repeat; position:relative; left: 200px; top:-42px; }
#buy-amazon a { width:100%; height:100%; display:block; }

#lightbox { width:530px; height:645px; background:#ffffff; border:12px solid #4e862a; text-align:center;  }
#lightbox-header { margin: 15px 0px 0px 0px; }

.widget-big { width: 465px; height: 376px; background: url(../images/exclusive_player_back.png) top left no-repeat; }

#tweet-title { text-align: center; margin:10px 0px 0px 0px; padding:45px 0px 0px 0px; }

#culture-jam { position:relative; top:770px; left:215px; }

/* END SUGARLAND APP */

.choose {}
.authorize {margin-bottom: 39px; margin-left: 20px; overflow: hidden;}

.facebook-share { position:absolute; width:520px;top:220px;left:520px;}
.facebook-column { float: left; height: 65px; width: 200px; text-align: center; margin-left: 12px; margin-right: 30px; padding-top: 12px;}
.twitter-column { float: left; height: 65px; width: 179px; text-align: center; padding-top: 12px;}
.twitter-column .post-option img	{margin-left: 6px;}

.post-option {height: 13px; margin-bottom: 12px}
.twitter-column .post-option {height: 13px; margin-bottom: 8px}

.facebook-welcome {background-color: #fff; border:  3px solid #c6c6c6; color: #415e98; margin: 15px 0 0 20px; overflow: hidden; position: relative; text-align: left; width: 385px;}
.avatar	{float: left; margin-left: 8px; margin-top: 6px;}
.details {float: left; margin-left: 8px; margin-top: 6px; text-align: left;}
.name {font-size: 1.2em; font-weight: bold;}
.status {font-size: 1em; width:  190px;}
.status-time {font-size: .8em; font-style: italic;}
.about {float: left; margin: 5px; padding: 3px; background: #c6c6c6; color: #415e98; text-align: center; clear:  both;}
.fb-preview {position: absolute; left: 30px; top: 40px;}
.explain.facebook {font-weight: bold; margin-bottom: 150px; padding: 10px 30px 0 12px;color:#FFF;}
.post-to-facebook {margin-left: 160px;}

#update {position: relative; z-index: 101;}
.tweet {margin-left: 9px; position: relative;}
.tweet #count {color: #d70107; font-family:'Verdana','Helvetica','Sans-Serif'; font-size: 1.5em; font-weight: bold; float:right; margin: 10px 65px 0px 0px; }
.tweet #static	{color: #000; font-size: 12px; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif; margin:0px 0px 10px 33px; }
.tweet .custom {text-align: left; margin: 0; padding: 0px 32px 0;}
.tweet p textarea	{margin: 0; height: 80px; padding: 5px; font-size: 1em; line-height: 1.5em; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif; width: 350px;}
.suggest {width: 152px; margin: 25px auto 15px auto; text-align:center;}
.follow-explination {color: #000; font-weight: bold; font-size: 10px; margin: 10px 0px 0px 0px; text-align: center; text-transform: uppercase;}
.follow-explination span {text-transform: none;}
.follow-explination a {color: #000;}
.follow-explination a:hover {text-decoration: underline;}

.reposts {width: 425px;}
.reposts .facebook-column {margin-bottom: 40px;}
h3.repost {background: url(/images/everclear/title-repost-retweet.png) 0 0 no-repeat; height: 64px; margin-top: 17px; margin-bottom: 21px; text-indent: -8000px;}
.video-stream	{background: url(/images/video-back.png) 0 0 no-repeat;margin: 200px auto 0 auto; position: relative; height: 425px; width: 510px;}
.video-stream .thumbs {position: absolute; top: 50px; left: 3px;}
.video-stream ul {margin: 0;}
.video-stream ul li	{display: inline; margin-right: 3px;}
div.flash	{font-size: 1.4em;margin: 0 auto;padding: 10px 20px;background: #000;line-height: 1.3;font-size: 12px;}
div.error	{font-size: 1.4em;background: #bd2c00;}
div.notice	{font-size: 1.4em;background: #13bf30;}
div.info p.who_when	{margin: 0;padding: 0;}
div.info span.date	{color: #aaa;}
div.text	{float: left;display: inline;width: 300px;}
div.profile dl.details dd	{float: left;width: 380px;padding: 3px 0;}

/* Layout */
/* Stats Styling */
.stats-header {width: 800px; margin: 0 auto; height: 35px; background: url(/images/promojam-stats-header.png) 0 0 no-repeat;}
.statWrap	{width: 700px; margin: 0 auto; background: #191919; padding: 20px; position: relative; color: #DDD;}
.topBox {width:700px; margin:0 auto 48px auto; opacity: 1; position: relative;}
.topStats {width:140px; display: inline; position: relative; float: left;}
.bottomBox {width:700px; margin:0px auto 10px auto; opacity: 1;}
.topStats h2 {width: 120px; font-size: 1.2em;line-height: 1.1em; margin: 0; color: #FFF;}
.topStats h3 {width: 120px; font-size: 1.4em;line-height: 1.1em;padding: 0; margin: 0; color: #FFF;}
.bottomBox * {color: #FFF;}

#footer	{ margin: -200px auto 30px auto; text-align: left; width: 200px; height:100px; z-index: 500; }

.button-wrapper {height: 50px; overflow: hidden; margin: 0 auto 15px auto; padding: 0; width: 211px;}

/* jPlayer Styling */
#player-head {margin:6px 0px;height:120px;}
#player-head img {float:left;}
#player-head .itunes{margin:6px 12px;}

#player_position { position:relative; top:10px; left:33px; width: 395px; height: 200px; }

#jquery_jplayer{ } 

#player_container { background:url(../images/player-controls.png) 0 0 no-repeat; width:395px; height:70px; clear:left;}

#player_container ul#player_controls{ list-style-type:none;padding:0;margin:0; position:relative; top:5px; left: 4px;}
#player_container ul#player_controls li{overflow:hidden;text-indent:-9999px;}
#player_play, #player_pause{display:block;position:absolute;left:36px; top:9px;width:40px;height:40px;cursor:pointer;}
#player_play{background:url("/images/spirites.png") 0 0 no-repeat;}
#player_play.jqjp_hover{background:url("/images/spirites.png") -41px 0 no-repeat;}
#player_pause{background:url("/images/spirites.png") 0 -42px no-repeat;}
#player_pause.jqjp_hover{background:url("/images/spirites.png") -41px -42px no-repeat;}
#ctrl_prev{position:absolute;left:6px;top:16px;background:url("/images/spirites.png") 0 -112px no-repeat;width:28px;height:28px;cursor:pointer;}
#ctrl_prev:hover{background:url("/images/spirites.png") -29px -112px no-repeat;}
#ctrl_prev.disabled{background:url("/images/spirites.png") -58px -112px no-repeat;cursor:default;}
#ctrl_next{position:absolute;left:78px;top:16px;background:url("/images/spirites.png") 0 -141px no-repeat;width:28px;height:28px;cursor:pointer;}
#ctrl_next:hover{background:url("/images/spirites.png") -29px -141px no-repeat;}
#ctrl_next.disabled{background:url("/images/spirites.png") -58px -141px no-repeat;cursor:default;}
#player_stop{position:absolute;left:109px;top:16px;background:url("/images/spirites.png") 0 -83px no-repeat;width:28px;height:28px;cursor:pointer;}
#player_stop.jqjp_hover{background:url("/images/spirites.png") -29px -83px no-repeat;}
#player_progress{position:absolute; left: 149px; top: 28px;background-color:#eee;width:122px;height:15px;}
#player_progress_load_bar{background:url("/images/bar_load.gif") top left repeat-x;width:0px;height:15px;cursor:pointer;}
#player_progress_load_bar.jqjp_buffer{background:url("/images/bar_buffer.gif") top left repeat-x;}
#player_progress_play_bar{background:url("/images/bar_play.gif") top left repeat-x ;width:0px;height:15px;}
#player_volume_min{position:absolute;left:280px;top:22px;background:url("/images/spirites.png") 0 -170px no-repeat;width:18px;height:15px;cursor:pointer;}
#player_volume_max{position:absolute;left:352px;top:22px;background:url("/images/spirites.png") 0 -186px no-repeat;width:18px;height:15px;cursor:pointer;}
#player_volume_min.jqjp_hover{background:url("/images/spirites.png") -19px -170px no-repeat;}
#player_volume_max.jqjp_hover{background:url("/images/spirites.png") -19px -186px no-repeat;}
#player_volume_bar{position:absolute; left: 295px; top:31px; background:url("/images/volume_bar.gif") repeat-x top left;width:56px;height:5px;cursor:pointer;}
#player_volume_bar_value{background:url("/images/volume_bar_value.gif") repeat-x top left;width:0px;height:5px;}
#play_time,
#total_time { position:absolute;left:152px;top:32px;width:110px;font-size:.5em;font-style:oblique;color:#333;}
#total_time { text-align:right; }
#playlist_list {width:395px; position:relative; left:17px; top:-10px; }
#playlist_list ul{ list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:395px; }
#playlist_list li{ padding:0px; margin:0px; cursor:pointer; text-align:left; font-size:12px; font-weight:bold; color:#c21113;}
#playlist_list li.playlist_current{ margin:0px; color:#565656; list-style-image:url(../images/cursor.png); list-style-position:inside; padding:0px; cursor:default;}
#playlist_list li.playlist_hover{ margin:0px; color:#4e872b; background:transparent url(../images/chat-bg.png) top left repeat;}