/* -- T-Mobile GoGreen - Styles -- */

body { 
	/* background-color: #fff; */
	font-family: arial; 
	color: #333; 
	/*background: url('../images/main-background.jpg') repeat-x; */
}

.sup { font-size:50%; vertical-align:super;}

.shell { background: url('../images/background-border-middle.jpg') repeat-y; width: 990px; min-height: 500px; margin: 0 auto; }
.shell_top { margin-bottom: -3px;margin-top:10px }
.shell_bottom { margin-bottom: 0px; }
.container { width: 863px; min-height: 500px; margin: 0 auto; position: relative; padding: 20px 20px 0 20px; }

.footer_container { clear: both; width: 875px; min-height: 50px; margin: 0 auto; }
.content { width: 100%; }

/* -- Header -- */

.header { width: 863px; height: 55px; text-align: left; }
.header_logo { float: left; width: 200px; padding-top: 5px; }

.header_nav { float: right; width: 600px; height: 56px; text-align: right; }
.header_nav ul, .header_nav ul li { margin: 0; padding: 0; font-size: 10pt; color: #339; }
.header_nav ul { display: block; padding-left: 24px; }
.header_nav ul li { display: inline; padding-left: 0px; margin-left:-3px; }
.header_nav a { color: #ed8c0e; font-family: Trebuchet MS; font-size: 14px; text-decoration: none; padding: 0; }
.header_nav a:hover { text-decoration: underline; color: #00601B; }

.lower_cta_nav { clear: both; z-index: 9; margin-bottom: 0px; height: 55px; }
.lower_mixed_area { float: left; width: 500px; }
.lower_buttons { float: right; width: 300px; text-align: right; z-index: 10;}


/* -- */

.green_text { font-weight: bold; color: #5D9D31;}
.pink_text { font-weight: bold; color: #ec168b !important; }
.pink_link { font-weight: bold; color: #EC168B !important; text-decoration: none; }

.image_title { }
.main_content, .earthday_content, .honors_content { text-align: left; margin-top: 30px; }
.main_content_left { float: left; width: 440px; padding-bottom: 90px;}
.main_content_right { float: right; width: 410px; }
.main_content_full { float: right; width: 870px; }


/* -- Home (page) -- */
.home_flash_right { position: absolute; top: 235px; _top: 238px; left: 465px; }
.home_content_main { width: 95%; font-size: 14px;margin-top: 27px;}
.home_main_flash { margin-top: 20px; margin-left: -1px; z-index: 1; }
.home_tab_flash { margin-top: -10px; width: 420px; height: 180px; z-index: 1000 !important; }
.homeFlashTabs { z-index: 10; }
.homeFlashUpper { z-index: 5; }
.home_lower_flash { width: 420px; height: 135px; margin-top: -15px; }
.home_drop_content { margin-top: 0px; width: 420px; height: 180px; }
.home_drop_content img { margin-left: -5px; _margin-left: 3px; }
.home_drop { float: left; width: 103px; height: 145px; background: url('../images/home-section-background.jpg') no-repeat; padding: 10px 15px 15px 15px; }
.home_drop { _width: 118px;_padding: 10px 8px 15px 5px; font-size: 10px; text-align: center; }

.home-bottom-nav {
    width:100%;
    background: url('../images/Grass_Section_Heading.jpg') no-repeat top left;
    padding: 45px 0 0 0;
    margin: 20px 0 0 0;
    list-style:none;
    float:left;
    overflow:hidden;
}
.home-bottom-nav li {
    float:left;
    height:80px;
    width:15%;
    padding-left: 75px;
}
.home-bottom-nav h3 {font-size:12px; padding-bottom:5px;}
.home-bottom-nav a{font-size:11px; text-decoration:underline; color:#000000;}
.greenaccount-nav{background:url('../images/tile_green_account.jpg') no-repeat top left;}
.wnba-nav{background:url('../images/tile_WNBA_phone_recycling.jpg') no-repeat top left;}
.livenation-nav{background:url('../images/tile_Live_Nation_phone_recycling.jpg') no-repeat top left;}
.greenperks-nav{background:url('../images/tile_green_perks.jpg') no-repeat top left;}

/* -- Go Paperless (page) -- */

.paperless_main_content { font-size: 14px; width: 420px; height: 285px;  margin-top: 15px; }
.paperless_main_image { float: left; margin-right: 20px; }
.paperless_secondary_image { float: right; margin-left: 20px; }
.paperless_lower_flash { text-align: right }
.paperless_box { margin-top: 20px; margin-left: 50px; width: 401px; height: 318px; background: url('../images/green-account-right-background.jpg') no-repeat; }
.box_title { color: White; font-size: 14px; font-weight: bold; padding: 10px 0 0 20px; }
.box_content { padding: 20px; }
.box_image { position: relative; right: 10px; top: 0px; width: 135px; float: right; }
.box_image { _margin-right: -30px; _margin-left: 10px; display: block; } 
.recycle-phone {position:relative; margin-bottom: 20px; padding-left:22px; height: 122px; background: url('../images/participate-recycling-ctaPanel.jpg') repeat-x top left;}
.ctaPanel-left {position:absolute; left:0px; height: 122px; width: 22px; background: url('../images/participate-recycling-ctaPanel-left.jpg') no-repeat;}
.ctaPanel-right {position:absolute; right:0px; height: 122px; width: 22px; background: url('../images/participate-recycling-ctaPanel-right.jpg') no-repeat;}
.ctaPanel-details {padding-top: 10px;}
.ctaPanel-details p{margin:0; padding-bottom:15px;}
#participate-jenny {padding-left:15px;}

/* -- Shop Green (page) -- */

.shop_main_content,participate_main_content { font-size: 14px; margin-top: 15px; }
.shop_iframe { width: 100%; height: 500px; }

.shop_sub_content_left, .participate_sub_content_left { float: left; width: 345px;}
.shop_sub_content_right, .participate_sub_content_right { float: right; width: 515px; }
.sweepstakes_sub_content_right{ float: right; width: 529px; }
.shop_sub_nav, .participate_sub_nav { width: 865px; height: 30px; margin-bottom: 5px;}
.participate_sub_nav { margin-top:77px }
.shop_sub_nav ul, .shop_sub_nav ul li, .participate_sub_nav ul, .participate_sub_nav ul li { margin: 0; padding: 0; font-size: 10pt; color: #339; width:100%;}
.shop_sub_nav ul, .participate_sub_nav ul { display: block; padding-left: 18px; padding-top: 7px; }
.shop_sub_nav ul li, .participate_sub_nav ul li{ display: inline; padding-left: 0px; }
.shop_sub_nav a, .participate_sub_nav a{ color: #5d9d31; font-family: arial; font-size: 12px; text-decoration: none; padding: 18px; }
.shop_sub_nav a:hover, .participate_sub_nav a:hover{ text-decoration: underline; color: #00601B; }

.shop_eco_perks_nav,.participate_nav{ width: 865px; height: 30px; margin-bottom: 5px; color: #5d9d31 !important; }
.shop_eco_perks_nav ul, .participate_nav ul{ display: block; padding: 0 0 0 5px; padding: 7px 0 0 0; font-size: 10pt;color: #5d9d31 !important; }
.shop_eco_perks_nav ul li,.participate_nav ul li{ display: inline; padding-left: 0px; }
.shop_eco_perks_nav a, .participate_nav a{ color: #5d9d31; font-family: arial; font-size: 12px; text-decoration: none; padding: 8px; }
.shop_eco_perks_nav a:hover, .participate_nav a:hover{ text-decoration: underline; color: #ec168b !important; }

.participate_nav li.selected a{
    font-weight:bold;
    color:#EC168B;
}
/* -- Recycle (page) -- */

.recycle_main_content { font-size: 14px; width: 420px; height: 285px;  margin-top: 15px; }
.recycle_main_image { float: left; margin-right: 20px; }
.recycle_box { margin-left: 22px; width: 401px; height: 358px; background: url('../images/recycle-right-background.jpg') no-repeat; }
.box_title { color: White; font-size: 14px; font-weight: bold; padding: 10px 0 0 20px; }
.box_content { padding: 20px; }
.box_image { position: relative; right: 10px; top: 0px; width: 135px; float: right; }


/* -- Plant-A-Tree (page) -- */

.plant_main_content { font-size: 14px; width: 420px; height: 355px;  margin-top: 15px; }
.plant_box { margin-left: 22px; width: 401px; height: 358px; text-align: center; _margin-left: 20px;}


/* -- Viewing Lounge -- */

.video_holder { margin: 10px; margin-bottom: 25px; }
.video_holder_thumb { float: left; }
.video_holder_title { float: left; color: #ec168b !important; font-size: 12px; font-weight: bold; margin: 10px;  }
.video_holder_content { clear: both; font-size: 12px; padding-top: 10px; #padding-top: 0px; _padding-top: 0px; }
.video_holder_content a, .video_holder_content a:hover, .video_holder_content a:link, .video_holder_content a:visited { font-weight: bold; color: #ec168b !important; text-decoration: none; }
.video_holder_title a { font-weight: bold; color: #ec168b !important; text-decoration: none; }

.video_display a { color: #fff }
.display_title a { color: #fff; text-decoration: none; }

/* -- Popup / Forms -- */

.pop_form { width: 300px; text-align: left; padding: 0px 0px 0px 20px; overflow:hidden ; }
.pop_form_top { height: 15px; margin-bottom: 15px; }
.pop_upper_title { color: White; font-size: 14px; font-weight: bold; padding: 10px 0 0 15px; text-align: left; }
.pop_form_top_title { float: left; font-weight: bold; color: #5D9D31; }
.pop_form_top_link { float: right; font-weight: bold; color: #ec168b !important; }

.pop_form_content { clear: both; font-size: 12px; margin-top: 20px;}
.pop_form_input { width: 280px; line-height:1.3em; margin-bottom:5px; }

.pop_poll_content { clear: both; font-size: 12px; padding-top: 20px; #padding-top: 0px; }


.poll_radio { margin-right: 2px; }
.pop_form_content label { float: left; line-height:1.3em; margin-top: -5px; margin-bottom: 3px; #margin-bottom: 0px; }
.pop_form_catcha { width: 130px; }
.pop_form_submit { width: 143px; width: 145px; text-align: right; margin-right: 10px;  }
.captcha_left { float: left; width: 135px; padding-top: 5px; }
.captcha_right { float: right; width: 145px; padding-top: 5px;  text-align: right; }

.grammys-tour-poll { font-size:12px; width:275px; } 
.grammys-tour-poll input
{
	display:block;	width:25px; float:left;
	
}
/* -- Lightbox styles -- */

.lightbox_background { clear: both; display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; _height: 900px; background-color: white; z-index:9900000; } 
.lightbox_background { -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
.lightbox_container { width: 100%; text-align: center; margin: 0 auto;  z-index: 9900001; }
.email_friends_content, .survey_content { left: 50%; display: none; position: absolute; top: 50px; z-index:9900002;  }
.email_friends_content { margin-left: -170px; width: 340px; height: 531px; }
.survey_content { margin-left: -176px; width: 355px; height: 387px; background: none;}
.pop_close {position: absolute; top: 0px; left: 320px; text-align: right; padding: 10px 10px; }


.poll_iframe { width: 353px; height: 388px; overflow: hidden; float: left; }
.poll_iframe_content { width: 352px; height: 387px; background: url('../images/pop-poll-background.jpg') no-repeat;}

.email_iframe { width: 341px; height: 536px; overflow: hidden; float: left; }
.email_iframe_content { width: 340px; height: 535px; background: url('../images/pop-share-background.jpg') no-repeat;}


/* Earthday */
.participate_content{overflow-y:auto;}
.games-sub-content {
    height:100px;
    padding-left: 115px;
    float:left;
}
.games-sub-content h3{font-size:14px; padding-top:5px;}
.games-sub-content p{font-size:11px; width:600px;}

.earthday_content ul{padding-left:15px;}
.earthday_content ul li span.pink_text {font-weight:normal;}

#mobilize-forest{ background: url('../images/Tile_Mobilize_Forest.jpg') no-repeat center left; }
#soap-recipes{ margin-top:15px; background: url('../images/Tile_Homemade_Soap.jpg') no-repeat center left; } 

.leaf-bullet{ background: url('../images/bullet_leaf.jpg') no-repeat top left; text-indent:30px;}
/* SWEEPSTAKES */
.sweepstakes-header{font-size:18px;}
.sweepstakes-content{ height:100%; width:100%; margin-top:30px; text-align:left;}
.sweepstakes-rules, .festival-rules {
    width:875px;
    height:431px;
    overflow-y:auto;
}
.sweepstakes-rules ol { padding-left:25px; }

.sweepstakes-rules ol li, .festival-rules p{
    padding-bottom: 25px;
    font-size:14px;
    color: #000000;
    padding-left:25px;
}
.festival-rules p {padding-left:0px; padding-bottom:10px;}
.sweepstakes-rules ol li span, .festival-rules p span {font-weight:bold;}
.sweepstakes-rules ol li table td, .sweepstakes-rules ol li table th { border:1px solid black; padding:10px;}
.sweepstakes-rules ol li table {margin:40px auto;}
#entry-date, #drawing{width:125px;}
#quantity, #arv{width:50px;}
.sweepstakes-calendar{height:418px; overflow-y:auto;}
.sweepstakes-logo{float:left; padding-top: 10px;}
#accordion{list-style:none; padding-left:0;}
#accordion li {min-height: 20px; font-size:14px; padding:5px 5px 5px 5px; overflow:hidden;}
#accordion li a{display:block; width:100%; }
#accordion li a:link, #accordion li a:visited, #accordion li a:hover, #accordion li a:focus, #accordion li a:active
{
    color:#5D9D31;
    text-decoration:none;
}
#accordion li a span{padding-left: 15px; color:#5D9D31; float:right; width:85%; text-align:left;}
#accordion li a.selected, #accordion li a.selected span{
    color: #EC168B !important; 
    text-decoration: none;
    font-weight:bold;
}
#accordion li p{color:#000000; padding-top:10px; margin:0; width:85%; float:right; text-align:left;}
.even-row{background:#f0f0f0;}
.odd-row{background:#ffffff;}

.leaf-list {
    list-style:none;
    padding:0;
    margin:0;
}
.leaf-list li {
    background: url('../images/bullet_leaf.jpg') no-repeat center left;
    padding-left: 25px;
    margin-bottom: 5px;
}

/* Legal */
.legal{ clear:both; width:100%; padding: 30px 0 20px 0; color:#333333; font-size: 10px;}
.legal span{ font-weight:bold;}