@font-face {
	font-family: 'Gotham-Bold';
	src: url('../fonts/Gotham-Bold.eot');
	src: local('☺'), url('../fonts/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold.ttf') format('truetype'), url('../fonts/Gotham-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Medium';
	src: url('../fonts/Gotham-Medium.eot');
	src: local('☺'), url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham-Book';
	src: url('../fonts/Gotham-Book.eot');
	src: local('☺'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Simply-Delicious';
    src: url('../fonts/simply_delicious_font_3-webfont.eot');
    src: url('../fonts/simply_delicious_font_3-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/simply_delicious_font_3-webfont.woff') format('woff'),
         url('../fonts/simply_delicious_font_3-webfont.ttf') format('truetype'),
         url('../fonts/simply_delicious_font_3-webfont.svg#simply_deliciousregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{margin:0; padding:0; min-height:1px; font:13px/17px Georgia, serif; cursor:default}
.lazyImage{background-color:#fdfdfd}
.lazyImage.no-placeholder, .lazyImage.loaded{background-color:#fff}
.lazyImage img{opacity:0; display:block;
	-webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; transition:opacity 0.3s linear
}
.lazyImage.loaded img{opacity:1}

.content_intro{font-size:17px; line-height:19px; margin:0 0 20px; color:#9b9482}
.content_intro a{color:#0068b3}
.content_body{line-height:20px; font-size:14px}
.content_body.pagebreak{margin:0 0 10px; padding-top:0}
.content_body > *{margin-bottom:15px}
.content_body .ads{float:left; width:320px; margin:0 0 10px}
.content_body .ads.pagebreak{float:none; width:auto; overflow:hidden}
.content_body a{color:#0068b3}
.content_body a:hover{text-decoration:underline}
.content_body ul, .content_body ol{padding-left:23px; margin:0 0 12px}
.content_body ul li{list-style:disc; padding-bottom:5px}
.content_body ol li{list-style:decimal; padding-bottom:5px}
.content_body h1{font:22px/24px 'Gotham-Bold', sans-serif; color:#4d960b}
.content_body h2{font:20px/22px 'Gotham-Bold', sans-serif; color:#4d960b}
.content_body h3{font:18px/20px 'Gotham-Bold', sans-serif; color:#4d960b}
.content_body h4{font:16px/18px 'Gotham-Bold', sans-serif; color:#4d960b}
.content_body h5{font:14px/16px 'Gotham-Bold', sans-serif; color:#4d960b}
.content_body h6{font:12px/16px 'Gotham-Bold', sans-serif; color:#4d960b}
.content_body div figcaption, .article figure figcaption{font-size:11px; padding-top:5px;text-align:right; line-height:14px}
.content_body blockquote{background:#ea0b68; padding:20px 23px; margin:0 0 15px; font:17px/21px 'MillerText-BoldItalic', serif; color:#fff; border:1px dashed}
.content_body .object-left > *{float:left; margin-right:20px}
.content_body .object-center{text-align:center}
.content_body .object-center > *{display:inline-table}
.content_body .object-right > *{float:right; margin-left:15px}
.content_body .object-left blockquote{width:160px}
.content_body .object-right blockquote{width:160px}
.content_body blockquote.left{width:160px; float:left; margin-right:20px}
.content_body blockquote.right{width:160px; float:right; margin-left:15px}
.content_body .text-center{text-align:center}
.content_body .text-right, .text-right{text-align:right}
.content_body .text-justify, .text-justify{text-align:justify}
.content_body img{max-width:624px; height:auto}
.content_body .object-left, .content_body .object-right{margin-bottom:0}

.content_body table{background:#fef0ca}
.content_body table td{padding:10px 20px; border: 1px solid #fae09b}

.content_body table.list{background:#fff}
.content_body table.list td{padding:10px 20px 10px 0; border: 1px solid #fff}
/*.content_body table td > *{padding-top:20px}*/

.spamfilter{display:none}
.warning{color:red}

.no-touch.cssgradients input[type='radio'], .no-touch.cssgradients input[type='checkbox']{ visibility: hidden}
.no-touch.cssgradients input[type="radio"] + span{padding-left:8px}
.no-touch.cssgradients input[type="radio"] + span span{background:url(../images/radio.png) no-repeat -42px 0px; display: inline-block;width:21px;height:21px;margin:-4px 8px 0 -29px;vertical-align:middle;cursor:pointer}
.no-touch.cssgradients input[type="radio"]:checked + span span{background-position:-21px 0px}
.no-touch.cssgradients input[type="radio"].error + span span{background-position:0px 0px}

.no-touch.cssgradients input[type="checkbox"] + span{padding-left:8px}
.no-touch.cssgradients input[type="checkbox"] + span span{background:url(../images/global-sprite.png) no-repeat -93px -109px; display: inline-block;width:20px;height:20px;margin:-4px 8px 0 -32px;vertical-align:middle;cursor:pointer}
.no-touch.cssgradients input[type="checkbox"]:checked + span span{background-position:-74px -109px}
.no-touch.cssgradients input[type="checkbox"].error + span span{background-position:-54px -109px}

.no-touch.cssgradients input[type="radio"] + label + span{padding-left:8px}
.no-touch.cssgradients input[type="radio"] + label + span span{background:url(../images/radio.png) no-repeat -42px 0px; display: inline-block;width:21px;height:21px;margin:-4px 8px 0 -29px;vertical-align:middle;cursor:pointer}
.no-touch.cssgradients input[type="radio"]:checked + label + span span{background-position:-21px 0px}
.no-touch.cssgradients input[type="radio"].error + label + span span{background-position:0px 0px}

.no-touch.cssgradients input[type="checkbox"] + label + span{padding-left:8px}
.no-touch.cssgradients input[type="checkbox"] + label + span span{background:url(../images/global-sprite.png) no-repeat -93px -109px; display: inline-block;width:20px;height:20px;margin:-4px 8px 0 -32px;vertical-align:middle;cursor:pointer}
.no-touch.cssgradients input[type="checkbox"]:checked + label + span span{background-position:-74px -109px}
.no-touch.cssgradients input[type="checkbox"].error + label + span span{background-position:-54px -109px}


.touch input[type="checkbox"], .touch input[type="radio"]{margin-right: 10px}

.wrapper{width:1004px; margin:0 auto; position: relative}
.detailsTitle{font:40px/40px 'Gotham-Bold', sans-serif; text-transform:uppercase; padding-top:10px}
.story .detailsTitle span{font:bold italic 18px/22px Georgia,serif; color:#4d960b; display:block; text-transform:none}

.siteHeader{background:#8dc63f}
.siteHeader .wrapper{height:133px}
.logo{float:left; margin:12px 0}
.information{float:right; text-align:right}
.loginLink{*zoom:1; margin:12px 0 20px; height:18px}
.loginLink li{display:inline-table; margin-left:15px; padding-left:15px; border-left:1px solid #71bb2e}
.loginLink li a{display:block; padding:9px 0 3px 23px; font:11px/11px 'Gotham-Bold', sans-serif; background:url(../images/global-sprite.png) no-repeat -284px -64px; color:#fff; text-transform:uppercase}
.loginLink li a:hover{text-decoration:underline}
.loginLink li:first-child{margin-left:0; padding-left:0; border-left:none}
.loginLink .newsletter a{background-position:-280px -101px; padding-left:28px}
.loginLink .cart a{background-position:-284px -143px}
.loginLink .cart a span{color:#4d960b}
.loginLink .username{position:relative}
.loginLink .tooltip{visibility:hidden; position:absolute; padding:10px 10px 0 0; top:20px; left:-40px}
.loginLink .tooltip .link{display:block; border:none; margin:0; padding:0; text-align:left; background:#4d960b}
.loginLink .tooltip .link a{padding:5px 20px 5px 10px}
.loginLink .username:hover .tooltip, .loginLink .username.hover .tooltip{visibility:visible}
.loginLink .tooltip .arrow{position:absolute; top:5px; right:7px; background:url(../images/global-sprite.png) no-repeat -242px -61px; width:12px; height:15px; border:none; margin:0; padding:0}

.subscription_option{ margin-left: 10px}
.subscription_option li{ margin-top: 10px}

.information .haveToSay{display:inline-block; width:171px; height:27px; border:none; font:11px/27px 'Gotham-Bold', sans-serif; background:url(../images/global-sprite.png) no-repeat -262px -24px #4d960b; color:#fff; text-transform:uppercase; text-align:center; padding-left:20px;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.socialLink{margin-top:12px}
.socialLink li{float:left; margin-left:8px}
.socialLink .copy{padding:15px 5px 0 0}
.socialLink li a{display:block; padding:16px 14px 0; font:11px/11px 'Gotham-Bold', sans-serif; background:url(../images/global-sprite.png) no-repeat -284px -64px}
.socialLink .facebook a{background-position:-87px -24px}
.socialLink .twitter a{background-position:-127px -20px}
.socialLink .instagram a{background-position:-173px -24px}
.socialLink .pinterest a{background-position:-222px -24px}
.information .copy{font:11px/13px 'Gotham-Bold', sans-serif; color:#fff200; text-transform:uppercase}
.information .form{position:relative}
.information .form input[type="text"]{width:136px; height:27px; background:#fff; border:none; padding:0 30px 0 5px;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px
}
.information .form input[type="submit"]{position:absolute; top:4px; right:5px; border:none; background:url(../images/global-sprite.png) no-repeat -52px -32px; width:20px; height:20px}

.siteNav{background:#69b722}
.mainNav{text-align:center; *zoom:1; height:50px}
.mainNav .item{display:inline-table; position:relative}
.mainNav .item.last .sub_mainNav{right: 0}
.mainNav .item > a{display:block; font:11px/50px 'Gotham-Bold', sans-serif; height:50px; color:#fff; text-transform:uppercase; padding:0 6px}
.touch .mainNav .item:hover > a{color: #fff}
.mainNav .active > a, .mainNav .item:hover > a{background-color:#4d960b; color:#fff200}
.sub_mainNav{text-align:left; position:absolute; width:200px; height:0; overflow:hidden; opacity:0; z-index:20;
	-webkit-transition:height 0.2s linear, opacity 0.2s linear; -moz-transition:height 0.2s linear, opacity 0.2s linear; -ms-transition:height 0.2s linear, opacity 0.2s linear; -o-transition:height 0.2s linear, opacity 0.2s linear; transition:height 0.2s linear, opacity 0.2s linear;
}
.mainNav .item:hover .sub_mainNav{height:auto; opacity:1}
.sub_mainNav li{background:rgba(84,146,27,0.9); border-top:1px solid #63a723; font:11px/15px 'Gotham-Bold', sans-serif; text-transform:uppercase}
.sub_mainNav li:first-child{border-top:none}
.sub_mainNav li a{display:block; padding:12px 15px; color:#fff}
.sub_mainNav li:hover{background:rgb(84,146,27)}
.sub_mainNav li a:hover{color:#fff200}
.no-rgba .sub_mainNav li{background:#54921b; filter:Alpha(opacity=90)}

.subNav{margin-top:8px; height:30px; border-bottom:3px solid #fef0ca; text-align:center; *zoom:1; width:100%; overflow:hidden}
.subNav li{display:inline-table; border-left:1px solid #fef0ca}
.subNav li:first-child{border-left:none}
.subNav li a{display:block; font:italic 13px/30px Georgia, serif; height:30px; color:#2d2d2d; padding:0 16px}
.subNav li a:hover{color:#0068b3}

.ads p{font:10px/16px 'Gotham-Medium', sans-serif; color:#e1ddc5; text-transform:uppercase; text-align:center; padding:5px 0}
.banner .ads{margin:13px 0 0;width:1004px;}
.banner .ads div { width:1004px;}
.banner .ads p{display:none}

.mainWrapper{margin:28px 0 0}
.mainContent{float:left; width:689px}
.frontpage .mainContent > section{margin-top:30px; border-top:3px solid #fef0ca}

.page .content_intro{font:bold italic 14px/18px Georgia, serif; color:#323232; border:none; padding:0}
.page .content_body{font:italic 14px/18px Georgia, serif; color:#9b9482}

.frontpage .mainContent .promoSlider{margin-top:0; border-top:none}
.touchSlider li{position:relative;float:left}
.touchSlider li h3{position:absolute; left:0; bottom:48px; padding:10px 16px; width:490px; font:22px/26px 'Gotham-Book', sans-serif; background:rgba(0,0,0,0.6); border-left:5px solid #69b722; color:#fff; text-transform:uppercase}
.touchSlider li h3 a{color:#fff}
.ts-control{display:none}
.navSlider{margin-top:6px}
.navSlider li{float:left; position:relative; border-left:1px solid #fef0ca; padding:0 6px}
.navSlider li:first-child{border-left:none; padding-left:0}
.navSlider li:last-child{padding-right:0}
.navSlider li a{display:block; background:#fff; padding:15px 17px; width:128px; font:italic 13px Georgia, serif; color:#2d2d2d}
.navSlider li span{visibility:hidden; position:absolute; left:74px; top:-14px; width: 0; height: 0; border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #fef0ca;}
.navSlider .active a{background:#fef0ca}
.navSlider .active span{visibility:visible}

.fb_iframe_widget iframe{background:#fff}

.userInfor .edit_form{font-size:14px; color:#333}
.userInfor th{text-align:left; width:245px; padding:15px !important; color:#333;vertical-align:top;}
.userInfor td{text-align:left; padding:15px !important; color:#323232}
.userInfor > p{padding:10px 15px; color:#333}
.userInfor .text{padding-left:45px; position:relative; font-style:italic}
.userInfor > p > span{position:absolute; left:15px; top:7px; display:block; width:20px; height:20px; background:url(../images/global-sprite.png) no-repeat -93px -109px}
.userInfor > p > .checked{background-position:-74px -109px}
.userInfor .image img { width:100%;height:auto; max-width: 480px}
.userInfor td li { list-style:disc; }
.userInfor .image .premium_logo{margin: 0 0 20px 15px} 
.userInfor  .image > figure{float: left; margin:0 5px 20px 15px; border-radius: 5px; float: left; border: 1px solid #ddd;}

.module .title{position:relative; border-bottom:1px solid #fef0ca; padding:12px 0 5px; margin:0 0 15px}
.module .title > a{position:absolute; background:#fff; padding-right:10px; color:#0068b3; font:20px/28px 'Gotham-Bold', sans-serif; text-transform:uppercase}
.module .title ul{text-align:right; *zoom:1}
.module .title li{display:inline-table; font:12px/14px 'Gotham-Medium', sans-serif; padding-left:6px; margin-left:4px; border-left:1px solid #fef0ca}
.module .title li:first-child{padding-left:0; margin-left:0; border-left:none}
.module .title li a{color:#69b722; background:#fff}
.module .title .last a{color:#0068b3}
.module .title li a:hover{color:#0068b3}
.module img{width:100%; height:auto}
.module h3{font:11px/14px 'Gotham-Bold', sans-serif; text-transform:uppercase}
.module h3 a{color:#2d2d2d}
.module h3 a:hover, .module figure:hover ~ h3 a, .module .overlay:hover ~ h3 a{color:#0068b3}
.module .intro{font:13px/17px Georgia, serif; color:#9b9482}

.latestnews .content > article{float:left; width:290px; padding:0 0 20px}
.latestnews .content > article figure{height:193px}
.latestnews .content > article h3{margin:20px 0 15px}
.latestnews .content .list{float:right; width:385px}
.latestnews .content .list article{min-height:110px; border-bottom:2px solid #fef0ca; margin:0 0 9px}
.latestnews .content .list figure{float:left; width:152px; height:110px; margin-right:15px}
.latestnews .content .list h3{padding:10px 0}

.politics .content > article{float:left; width:220px; margin-left:14px}
.politics .content > article figure{height:144px}
.politics .content .item0, .politics .content .item3{clear:left; margin-left:0}
.politics .content .item3, .politics .content .item4, .politics .content .item5{border-top:2px solid #fef0ca}
.politics .content .item3 figure, .politics .content .item4 figure, .politics .content .item5 figure{display:none}
.politics .content h3{padding:13px 0}

.videos .content img{width:100%; height:100%;display:inline;}
.videos .content .list figure{position:relative; height:144px;text-align:center;}
.videos .overlay, .ch_type2 .content > article .overlay, .ch_type .content .list article:first-child .overlay{background:rgba(0,0,0,0.5); position:absolute; width:454px; height:275px; display:table-cell; vertical-align:middle; text-align:center; z-index:10}
.no-rgba .videos .overlay{background:#000; filter:Alpha(opacity=50)}
.videos .play, .ch_type2 .content > article .play, .ch_type .content .list article:first-child .play{width:108px; height:108px; margin-top:77px; display:inline-table; background:url(../images/global-sprite.png) no-repeat -162px -191px}
.videos .list .overlay, .ch_type .content .list article:first-child .overlay{width:220px; height:144px}
.videos .list .play, .ch_type .content .list article:first-child .play{width:42px; height:42px; margin-top:55px; background-position:-112px -195px}
.videos .content > article{float:left; width:454px; padding:0 0 20px}
.videos .content > article figure{position:relative; height:275px;text-align:center;}
.videos .content > article h3{margin:20px 0 15px}
.videos .content .list{float:right; width:220px}
.videos .content .list article{margin:0 0 15px}
.videos .content .list h3{padding:10px 0}
.videos .content .list .intro{display:none}

.searchPage .textSearch{font:14px/26px 'Gotham-Book',sans-serif; text-transform:uppercase}
.searchPage .autoReplace{font-style:italic; font-size:14px}
.searchPage .autoReplace > span {font:14px 'Gotham-Bold',sans-serif; color:#0068b3}
.inline-parent{font:11px/14px 'Gotham-Bold',sans-serif; text-transform:uppercase; margin: 0 0 5px}
.inline-parent a{color:#54921b}
.inline-parent a:hover{text-decoration:underline}

.latestList{width:337px}
.latestList.right ~ div{clear:both}
.latestList article{min-height:110px; border-bottom:2px solid #fff9e9; margin:0 0 14px}
.latestList figure{float:left; width:152px; height:110px; margin-right:15px}
.latestList h3{padding:0 0 10px}

.breadcrumb{font:12px/26px 'Gotham-Medium', sans-serif; height:26px; padding-top:5px; color:#69b722; border-bottom:1px solid #fef0ca}
.breadcrumb a{color:#69b722}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb .separate{color:#fef0ca; margin-right:4px}
.mainTitle{font:26px/28px 'Gotham-Bold', sans-serif; margin:0 0 15px; text-transform:uppercase; background:url(../images/bg-main-title.png) repeat-x center bottom}
.mainTitle span{color:#54921b; background:#fff; padding-right:5px; display:inline-block; max-width:500px}

.sub_section .mainContent{position:relative}
.viewLimit{position:absolute; top:-10px; right:0; font:11px/25px 'Gotham-Bold',sans-serif; color:#0068b3}
.viewLimit select, .viewLimit span{font:12px/25px 'Gotham-Bold',sans-serif; color:#54921b}
.viewLimit select{position: absolute;right: 52px;top:3px;height:20px;width:50px;background: none;opacity:0;filter:Alpha(opacity=0);cursor: pointer;border: none;}
.viewLimit span{display:inline-table; text-align:center; padding:0 25px 0 10px; background:url(../images/global-sprite.png) no-repeat -114px -104px; border:1px solid #d3d3d3;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px
}

.ch_type{border-top:3px solid #fef0ca; margin-top:30px}
.ch_type address{margin-top:2px}
.ch_type address .author, .ch_type address .roleEditor, .ch_type .editor address .roleReader{display:none}
.ch_type address .roleReader{font:bold italic 12px/14px Georgia, serif; color:#4d960b; display:block}
.listSection .ch_type:first-child{border-top:none; margin-top:0}
.ch_type .content .list article{border-top:2px solid #fef0ca; padding:0 0 10px}
.ch_type .content .list article:first-child{border-top:none}
.ch_type .content .list article:first-child figure{height:144px;text-align:center;}

.ch_type1 .item0{width:100%; padding-bottom:15px; position:relative}
.ch_type1 .item0{clear:both; zoom:1}
.ch_type1 .item0:before, .ch_type1 .item0:after{content:' '; display:table}
.ch_type1 .item0:after{clear:both}
.ch_type1 .item0 figure{width:335px; height:224px; float:left; margin-right:15px}
.ch_type1 .item0 .intro{margin-top:10px}
.ch_type1 .item0 figure ~ .tooltipSocial{position:absolute; width:80%; bottom:15px; right:1px}
.ch_type1 .item1{clear:left}
.ch_type1 .item1, .ch_type1 .item2, .ch_type1 .list{float:left; width:220px}
.ch_type1 .item1 figure, .ch_type1 .item2 figure{height:144px}
.ch_type1 .item1 h3, .ch_type1 .item2 h3, .ch_type1 .list h3{margin-top:10px}
.ch_type1 .item2, .ch_type1 .list{margin-left:14px}
.ch_type1 .content .list figure{display:none}
.ch_type1.ch_type3 .item0{padding-bottom:0}

.ch_type2 .content img{width:auto; height:100%;display:inline;}
.ch_type2 .content .list figure{position:relative; height:144px}
.ch_type2 .content > article{float:left; width:454px; min-height:400px}
.ch_type2 .content > article figure{position:relative; height:275px;text-align:center;}
.ch_type2 .content > article h3{margin:8px 0 10px}
.ch_type2 .content .list{float:right; width:220px}
.ch_type2 .content .item2 figure, .ch_type2 .content .item3 figure, .ch_type2 .content .item4 figure{display:none}
.ch_type2 .content .list h3{margin:10px 0 2px}

.readmore{font:11px/13px 'Gotham-Medium', sans-serif; color:#0068b3}
.readmore:hover{text-decoration:underline}

.module .tooltipSocial{position:relative}
.module .viral_tool{display:none; position:absolute; padding:2px 6px; background:#54921b; right:20px; bottom:20px; z-index:20}
.module .label{float:right; cursor:pointer; width:24px; height:20px; background:url(../images/global-sprite.png) no-repeat -26px -107px}
.module .arrow{display:block;position: absolute;bottom: -5px;right: -4px;background: url(/design/greenideas/images/global-sprite.png) no-repeat -243px -117px;width: 13px;height: 12px;}
.no-touch .module .label:hover, .touch .module .label.hover{background-position:9px -107px}
.no-touch .module .label:hover .viral_tool, .touch .module .label.hover .viral_tool{display:block}
.module .stLarge{background-image:url(../images/global-sprite.png) !important; background-repeat:no-repeat}
.module .st_facebook_large .stLarge, .module .st_facebook_large .stLarge:hover{background-position:-83px -23px}
.module .st_twitter_large .stLarge, .module .st_twitter_large .stLarge:hover{background-position:-121px -20px}
.module .st_instagram_large .stLarge, .module .st_instagram_large .stLarge:hover{background-position:-170px -23px}
.module .st_pinterest_large .stLarge, .module .st_pinterest_large .stLarge:hover{background-position:-220px -23px}

.featured_competition{padding:10px 0 20px; margin-bottom:20px; border-bottom:2px solid #fef0ca}
.featured_competition figure{float:left; width:360px; height:360px; margin-right:25px}
.competition h3{font:24px/26px 'Gotham-Bold', sans-serif}
.competition h3 a{color:#69b722}
.competition h3 a:hover, .competition figure:hover ~ h3 a:hover{color:#0068b3}
.competition .intro{margin-top:10px}
.competition .enterNow{margin-top:10px; display:inline-table; font:18px/20px 'Gotham-Bold', sans-serif; color:#69b722; text-transform:uppercase}
.competition .enterNow:hover{text-decoration:underline; color:#0068b3}
.competition .label{position:absolute; right:0; top:-25px}
.competition .viral_tool{background:#f3f3f3; width:280px; bottom:25px; padding-bottom:5px}
.competition .viral_tool .item{padding:3px 0; display:inline-table}
.competition .arrow{background-position:-242px -93px; width:20px; height:21px; bottom: -10px;right: -5px;}

.content.competition hr{color:#fef0ca; border-width:2px; margin-bottom:20px}
.content.competition article{width:325px; float:left; margin-bottom:20px}
.content.competition .odd{margin-right:38px}
.content.competition figure{margin-bottom:12px; height:325px}
.content.competition h3{font-size:20px; line-height:22px}
.content.competition ~ .paging{margin-top:40px}
.content.competition h3, .content.competition .intro, .content.competition .enterNow, .content.competition .tooltipSocial{margin-left:15px; margin-right:15px}

.sub_section .mainContent article{position:relative; padding-top:20px; margin-top:20px; border-top:2px solid #fef0ca}
.sub_section .mainContent article:first-child{padding-top:0; border-top:none}
.sub_section .mainContent figure{float:left; width:335px; height:224px; margin-right:20px}
.sub_section .mainContent h3{font-size:12px}
.sub_section .mainContent address{font:12px/14px 'Gotham-Bold', sans-serif; color:#000; margin-top:5px}
.sub_section .mainContent address .roleEditor{font-family:'Gotham-Book', sans-serif; display:none}
.sub_section .mainContent address .roleReader{font:bold italic 12px/14px Georgia, serif; color:#4d960b; display:block}
.sub_section .mainContent .intro{margin-top:10px}
.sub_section .mainContent figure ~ .tooltipSocial{position:absolute; width:100%; right:0; bottom:0}
.sub_section .module .editor .roleEditor{display:block}
.sub_section .module .editor .roleReader{display:none}
.sub_section .module .editor h3 a{color:#030303}
.sub_section .module .editor h3 a:hover, .sub_section .module .editor figure:hover ~ h3 a{color:#0068b3}

.sub_section .paging{padding-top:50px}
.paging{text-align:center; zoom:1}
.paging .number{display:inline-table}
.paging .prev, .paging .next, .paging .number > *{display:inline-table; font:14px/25px 'Gotham-Bold', sans-serif; width:27px; height:27px}
.paging .prev, .paging .next{background:url(../images/global-sprite.png) no-repeat -242px -164px; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.paging .next{margin-left:10px; background-position:-242px -137px}
.paging .prev{margin-right:10px}
.paging span.prev, .paging span.next{background-color:#e2e2e2}
.paging a.prev, .paging a.next{background-color:#4d960b}
.paging .number span{color:#000}
.paging .number a{color:#4d960b}

.survey{color:#343434}
.survey .mainTitle{margin-bottom:30px}
.survey .titleItem{font:30px/32px 'Gotham-Bold', sans-serif; color:#69b722; text-transform:uppercase; text-align:center}
.survey .description{font:italic 14px/ 20px Georgia, serif; margin:20px 0;font-weight:bold;}
.survey .tooltipSocial{text-align: center;margin: 20px 0;}
.survey .intro > * { margin-bottom:15px; }

.surveySlider{width:540px; margin:0 auto 20px}
.surveySlider #slider{margin:20px 0}
.surveySlider #slider figure{width:480px; margin:0 auto; border:3px solid #fef0ca}
.surveySlider #slider .flex-direction-nav{display:none}
.surveySlider #carousel figure{width:158px; margin:0 auto; cursor:pointer; border:2px solid #fff}
.surveySlider #carousel .flex-active-slide figure{border-color:#fef0ca}
#competition p{margin-top: 20px}
#competition p.error{ color: #e76b6b;}
#competition li {list-style:inherit;}

.subList{position:relative}
.subList ul{float:left; width:49%}
.subList li{font:14px/16px 'Gotham-Medium', sans-serif; padding:4px 0}
.subList a{color:#0068b3}
.subList a:hover{color:#54921b}
.joinDirectory{background:#4d960b url(../images/icon_add.png) no-repeat 15px center; padding:10px 15px 10px 40px; position:absolute; right:0; top:-63px; color:#fff!important; font:12px/15px 'Gotham-Bold', sans-serif; text-transform: uppercase; border-radius: 5px}
.joinDirectory:hover{ color: #fff200!important}
.directory article{border-bottom:1px solid #fef0ca; margin-bottom:20px; padding-bottom:20px}
.directory article figure{float:left; width:140px; height:130px; margin-right:12px}
.directory article .intro{margin:5px 0 10px}
.sub_section .mainContent.sub_directory article{border-width:1px}
.sub_section .mainContent.sub_directory figure{width:140px; height:130px; margin-right:12px}

.company_profile .content{font:italic 14px/18px 'Georgia', serif; color:#323232}
.company_profile .block{margin-top:20px}
.company_profile .block > *{margin-bottom:10px}
.company_profile label{font:18px/16px 'Gotham-Bold', sans-serif; color:#69b722}
.company_profile .details p{margin-top:15px}
.company_profile .details .spamfilter{display:none}
.company_profile .titleItem{font:30px/32px 'Gotham-Bold', sans-serif; color:#2d2d2d; text-transform:uppercase; text-align:center}
.company_profile .slogan{font:italic 14px/18px 'Georgia', serif; color:#9b9482; text-align:center; width:475px; margin:15px auto 0}
.company_profile .tooltipSocial{text-align:center; margin:25px}
.company_profile .location > label, .company_profile .location .block{display:none}
.company_profile .block ul li{list-style: disc; margin: 0 0 5px 20px}
.company_profile .block ul li ul{margin-top: 5px}
.company_profile .block ul li ul li{list-style: circle}
.company_profile .block ol{padding: 0}
.company_profile .block ol li{list-style: decimal; margin: 0 0 5px 20px}
.location > div{margin:0 auto}
.directoryRegister .control-group .table { float:right; }
.directoryRegister .tips { font:italic 14px/18px 'Georgia', serif;color:#d3d3d3;float:right;margin-top:10px; }

.directoryRegister.preview {}
.directoryRegister.preview input[type="text"], .directoryRegister.preview textarea, .directoryRegister.preview .selectboxit-container .selectboxit { border:0; }
.directoryRegister.preview .selectboxit-default-arrow, .directoryRegister.preview .uploadfilebutton, .directoryRegister.preview .functions, .directoryRegister.preview input[type="checkbox"] + span span, .directoryRegister.preview input[type="checkbox"], .directoryRegister.preview .page1, .page2 { display:none; }
.directoryRegister.preview .page2 {display:block;}

.alsoLike .title{font:22px/24px 'Gotham-Bold', sans-serif; text-transform:uppercase}
.alsoLike .content{width:640px; margin:15px auto}
.alsoLike figure{width:140px; margin:0 auto; border:2px solid #fef0ca}
.alsoLike h3{font:14px/16px 'Gotham-Bold', sans-serif; text-transform:uppercase; text-align:center; padding:5px 10px}
.alsoLike h3 a{color:#2d2d2d}
.alsoLike h3 a:hover, .alsoLike figure:hover ~ h3 a{color:#4d960b}
.alsoLike .flex-direction-nav a{top:40%}

.videoSection .content > article{float:left; width:455px}
.videoSection .content .list{float:right; width:220px}
.videoSection .videos .content article{background:none}
.videoSection .videos .content .list h3{padding: 10px 0 0}
.videoSection .videos .content > article h3{margin:5px 0 10px; font-size:12px}
.videoSection .videos .content > article .intro{margin:0 0 5px; font-size:14px}
.videoSection .videos .content > article .readmore{font-size:12px}
.videoSection .videos .list article{border-top:2px solid #fef0ca}
.videoSection .videos .list article:first-child{border-top:none}
.videoSection .videos .list .overlay, .videoSection .videos .list figure, .videoSection .videos .list .intro{display:none}
.videoSection .videos .list article:first-child .overlay, .videoSection .videos .list article:first-child figure, .ch_type .content .list article:first-child .overlay{display:block}

.subVideo article img{height:100%}
.subVideo article .overlay, .sub_section .mainContent article .overlay{background:rgba(0,0,0,0.5); position:absolute; width:335px; height:224px; display:table-cell; vertical-align:middle; text-align:center; z-index:10}
.no-rgba .subVideo article .overlay{background:#000; filter:Alpha(opacity=10)}
.subVideo article .play, .sub_section .mainContent article .play{width:108px; height:108px; margin-top:56px; display:inline-table; background:url(../images/global-sprite.png) no-repeat -162px -191px}

.video-zone{text-align:center; margin-bottom:15px}

.rightRail{float:right; width:300px}
.rightRail > *{margin-bottom:16px}
.rightRail .title{background:url(../images/bg-title-rr.png) repeat-x center center; text-align:center}
.rightRail .title span, .rightRail .title a{display:inline-table; background:#fff; font:20px/22px 'Gotham-Book', sans-serif; color:#69b722; text-transform:uppercase; padding:10px 5px}
.latestIssue{height:195px; position:relative; background:url(../images/global-sprite.png) no-repeat center 167px}
.latestIssue .img{position:absolute; width:99px; height:133px}
.latestIssue .above{left:26px; top:0; z-index:2}
.latestIssue .behind{left:14px; top:25px; z-index:1; transform:rotate(-6deg);-ms-transform:rotate(-6deg);-webkit-transform:rotate(-6deg)}
.latestIssue .links{float:right; width:154px; background:url(../images/global-sprite.png) no-repeat 0 -258px; padding:65px 0 0 5px; margin-top:10px}
.latestIssue .links a{display:inline-table; background:url(../images/global-sprite.png) no-repeat -289px -212px; color:#0068b3; font:14px/16px 'Gotham-Bold', sans-serif; text-transform:uppercase; padding-left:20px; margin-bottom:9px}

.menuRight{border:1px solid #4d960b; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.rightRail .menuRight .title{position:relative; background:none}
.rightRail .menuRight .title span{position:absolute; top:-29px; left:8px; color:#4d960b; font:14px/16px 'Gotham-Bold', sans-serif; z-index:1}
.menuRight ul .item{border-top:1px solid #c7c7c7; padding:5px 10px; position:relative}
.menuRight ul .item:first-child{border-top:none; margin-top:5px}
.menuRight .item > a{font:bold 14px/16px Georgia, serif; color:#0068b3}
.menuRight .item > span{cursor:pointer; position: absolute;top: 12px;right: 10px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #0068b3;}
.menuRight .item.open > span{border-top:none; border-bottom: 5px solid #0068b3;}
.menuRight .item ul{height:0; overflow:hidden}
.menuRight .item.open ul{height:100%; margin-top:5px; border-top:1px solid #c7c7c7; padding-top:3px}
.menuRight .item li{padding:5px 0}
.menuRight .item li a{font:italic 14px/16px Georgia, serif; color:#000; background:url(../images/global-sprite.png) no-repeat -293px -180px; padding-left:20px}
.menuRight .item li a:hover{color:#69b722}

.competition_block{position:relative; min-height:250px}
.competition_block .overlay{position:absolute; left:0; bottom:0; padding:15px 25px; background:#0068b3; width:250px; font:italic 13px/19px Georgia, serif; color:#fff; text-align:center}
.competition_block .overlay p{text-align:left; margin-bottom:10px}
.competition_block .overlay a{font:23px/23px 'Simply-Delicious', sans-serif; color:#fff}

.mostcomment_block{border-bottom:4px solid #fef0ca}
.mostcomment_block .message{position:relative; border:1px solid #fef0ca; padding:15px; margin:0}
.mostcomment_block .intro{font-size:12px; font-style:italic; color:#9b9482; margin-top:5px; background:#fff}
.mostcomment_block .arrow{position:absolute; z-index:9; top:100%; left:20px; background:none; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid #fef0ca;}
.mostcomment_block .author{color:#a29b8a; position:relative; padding:10px 0 10px 15px; background:#fff}
.mostcomment_block .author span{font-size:14px; font-style:italic}
.mostcomment_block .author time{font:italic 11px/17px Arial, sans-serif; position:absolute; right:0; top:11px}

.fb_block .title span, .fb_block .title a{font:14px/16px 'Gotham-Medium', sans-serif; color:#3e5d9e}

.story .mainContent .content{border-top:3px solid #fef0ca; margin-top:10px; padding-top:20px}
.story .mainContent aside .title{position:relative; border-bottom:1px solid #fef0ca; height:20px; margin:10px 0; padding-top:15px; border-top:3px solid #fef0ca}
.story .mainContent aside .title span{position:absolute; background:#fff; padding-right:10px; color:#0068b3; font:20px/22px 'Gotham-Bold',sans-serif; text-transform:uppercase;}
.story .mainContent .content > figure{margin:0 0 20px}
.story .mainContent .content figure figcaption{text-align:right; font:11px/13px 'Gotham-Book', sans-serif; padding-top:5px}

.extraInfo{font:12px/16px 'Gotham-Book', sans-serif; font-style:normal}
.extraInfo a{color:#666}
.extraInfo a:hover{text-decoration:underline}
.extraInfo .address{margin-top:15px; position:relative}
.extraInfo .address span span{display:block}
.extraInfo .address .img{float:left; width:40px; height:41px; margin-right:5px; background:url(../images/global-sprite.png) no-repeat -68px -197px}
.extraInfo .address .name{font:14px/16px 'Gotham-Bold', sans-serif; margin-top:4px}
.extraInfo .address .role{font-size:14px}
.extraInfo .address time{position:absolute; right:2px; bottom:2px; color:#666}
.extraInfo .address time span{position:absolute; left:-25px; bottom:2px; background:url(../images/global-sprite.png) no-repeat -21px -226px; display:inline-table; width:20px; height:20px}

.extraInfo .commentLink{border-top:1px solid #fef0ca; padding:4px 0; margin:10px 0 0;}
.extraInfo .commentLink .siteAnchor{float:left; line-height:30px; height:30px; background:url(../images/global-sprite.png) no-repeat 0 -193px; padding-left:23px; width:30px; overflow:hidden; border-right:1px solid #fef0ca; margin-right:15px}
.extraInfo .commentLink .parent{float:left; line-height:20px; width:615px}
.extraInfo .commentLink .parent span{background:url(../images/global-sprite.png) no-repeat 0 -225px; display:inline-table; width:20px; height:20px; margin-right:3px}

.extraInfo .tags{border-top:1px solid #fef0ca; padding:10px 0}
.extraInfo .tags span{background: url(../images/global-sprite.png) no-repeat -43px -230px;display: inline-table;width: 20px;height: 19px;margin-right: auto;text-indent: -9999px;overflow: hidden;}

.relatedArticles li{font:12px/14px 'Gotham-Bold',sans-serif; padding:8px 0; border-top:1px solid #fafafa; border-bottom:1px solid #ebebeb}
.relatedArticles li a{color:#2d2d2d; text-transform:uppercase}
.relatedArticles li:first-child{border-top:none}
.relatedArticles li:last-child{border-bottom:none}
.relatedArticles li a:hover{color:#4d960b}
.relatedArticles li span{font:bold italic 12px Georgia, serif;color:#4d960b}

.socialZone{border-top:1px solid #fef6df; padding-top:8px; position:relative; height:22px}
.socialZone .downloadLink{position:absolute; right:0; top:5px; border-left: 1px solid #fef0ca}
.socialZone .downloadLink a{font:11px/30px 'Gotham-Medium', sans-serif; min-width:50px; margin-left:15px; height:30px; padding:0 20px 0 55px; background:url(../images/global-sprite.png) no-repeat -260px -278px #4d960b; color:#fff; display:inline-block;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; 
}
.socialZone .downloadLink a:hover{background-color:#2d2d2d}
.socialZone .downloadLink .report{background-color:#b9b8b8; color:#000; text-transform:uppercase; font-family:'Gotham-Bold', sans-serif; padding-left:40px; background-position:-271px -243px}
.socialZone .downloadLink .report:hover{background-color:#4d960b}
.socialZone .downloadLink form{display:inline}
.socialZone .downloadLink .btn{font:11px/30px 'Gotham-Bold',sans-serif; margin-left:15px; height:30px; padding:0 20px 0 40px; color:#000; background:url(../images/global-sprite.png) no-repeat -271px -243px #b9b8b8}
.socialZone .downloadLink .btn:hover{background-color:#4d960b}

.siteFooter{margin:40px 0 0}
.moreFrom{position:relative; border-top:3px solid #fef0ca; background:url(../images/bg-morefrom.png) repeat-y 330px 0}
.moreFrom h3{position:absolute; top:0; left:0; color:#6cb00d; font:12px/30px 'Gotham-Book', sans-serif; text-transform:uppercase; background:#fff; width:300px} /* ta.nguyen@audiencemedia.com fixed width from 400 to 300 */
.moreFrom li{padding:5px 0}
.moreFrom li a{font:italic 13px/19px Georgia, serif; color:#2d2d2d; background:url(../images/global-sprite.png) no-repeat -293px -182px #fff; padding-left:20px}
.moreFrom li a:hover{color:#69b722}
.moreFrom section{float:left; width:300px; min-height: 1px; margin-left:30px; padding-left:30px}
.moreFrom h2 a{display:block; background:url(../images/global-sprite.png) no-repeat -168px -63px; height:67px; width:74px; margin:38px 0 10px}
.moreFrom .healthyFood{margin-left:0; padding-left:0; border-left:none}
.healthyFood h2 a{width:154px; height:32px; background-position:-5px -77px; margin:63px 0 20px}
.moreFrom .backToTop{width:280px; text-align:center}
.backToTop h2 a{width:231px; height:60px; background-position:0 -129px; margin:29px auto 6px}
.backToTop hr{width:75px; margin:0 auto; border-color:#ccf1aa}
.backToTop p{font:26px/28px 'Simply-Delicious', sans-serif; color:#69b722; margin-top:12px; background:#fff}
.backToTop p span{font-size:21px; display:block}
.backToTop .toTop{display:inline-table; margin:45px auto 0}
.backToTop .toTop .img{display:block; width:38px; height:38px; margin:0 auto; background:url(../images/global-sprite.png) no-repeat 0 -30px}
.backToTop .toTop .copy{font:10px/24px 'Gotham-Bold', sans-serif; color:#9ccf6d; background:#fff}

.copyright{background:#fef0ca; padding:28px 0; margin:28px 0 0; min-height:80px}
.copyright p{float:right; width:284px; font:italic 12px/18px Georgia, serif; text-align:center; color:#cfb05d}
.copyright p a{color:#0068b3}
.copyright p span{display:block}
.copyright a:hover{text-decoration:underline}
.navFooter{float:left; width:720px}
.navFooter > li{float:left; width:158px}
.navFooter .larger{width:230px}
.navFooter a{font:italic 13px/17px Georgia, serif; color:#3e3e3e; display:inline-table; margin:0 0 5px}
.navFooter > li > a{font:11px/17px 'Gotham-Bold', sans-serif; color:#2d2d2d; text-transform:uppercase; display:inline-table; margin:0 0 10px}

#popup-directory .title{height:43px; border-bottom-width:3px; padding-top:0}
#popup-directory .title a{font-size:24px; color:#54921b; background:#f9f9f9}
#popup-directory .content{font-size:18px; font-style:italic; line-height:20px}
#popup-directory .content p{margin-bottom:15px;}
#popup-directory .content ul{padding-left:20px; margin-bottom:15px;}
#popup-directory .content li{list-style:disc; padding:0 0 0 20px}

.form > form > .intro{margin-bottom: 12px}
.control-group{display: inline-block; margin-bottom: 15px}
.control-group > span{display: inline-block; margin:10px 10px 0 0; width: 200px; float: left; font: bold 14px Georgia, serif; color:#333}
.control-group > span > i, .control-group-1 > span > i, i.error{color: #e76b6b;}
.control-group > select,
.control-group > input[type="text"],
.control-group > input[type="file"],
.control-group > input[type="email"],
.control-group > input[type="password"],
.control-group > textarea{font: italic 14px Georgia; border-radius: 3px; border: 1px solid #d3d3d3; padding: 5px; width: 400px; line-height: 26px; height: 28px}
.control-group > select{height: 38px; width: 225px}
.page1 .control-group > select{width: 412px}
.control-group > textarea{height:200px; line-height:18px}
.page1 .control-group > textarea{height:150px}
.control-group-1 {display: block; margin-top: 8px; clear: left}
.control-group-1 > input[type="checkbox"]{width: auto;  margin-right: 10px;  float: left}
.control-group-1 > span{color: #333333; font: italic 14px Georgia}
.text-center{text-align: center}
.btn{text-transform: uppercase; cursor:pointer; text-align: center; color: #fff; border: none; background: #4d960b; width: auto; border-radius: 5px; font:11px 'Gotham-Bold', sans-serif; padding: 7px 18px; display: inline-block}
.survey .submit{margin: 20px 0}
input.error, select.error, textarea.error{border: 1px solid #e76b6b!important}
label.error{display: none!important}
input[type="radio"].error{outline: 1px solid #e76b6b}
.control-group > p{float:left; font: italic 14px Georgia; padding: 5px; width: 400px; line-height: 26px; min-height: 28px}
.control-group .multichoice{float:left; width:400px; font-size:14px; color:#333; font-weight:bold}
.control-group .multichoice li{padding:5px 0}
.control-group .box { margin-top:8px; }
.form .element .control-group-1 > span {width:auto;}
.form .element { float:left;margin:0 15px 8px 0; }

form .selectboxit.error,
form select.error ~ span .selectboxit{border:1px solid #e76b6b}
form select{display:block!important; visibility:hidden; position:absolute}

#subsectionSelect .subitem{display:none}
.collectionForm .control-group > select{width:477px; display:block!important; visibility:hidden; position:absolute}
.collectionForm .control-group > input[type="text"]{width:445px; padding-left:15px; padding-right:15px}
.collectionForm .control-group > textarea{width:445px; padding:10px 15px}
.collectionForm .control-group .table{float:left}
.collectionForm .content_intro{font:bold italic 14px/18px Georgia, serif; color:#323232; border:none; padding:0}
.page .submit{margin:10px 0 0 210px}
.survey .term-condition{font:italic 14px/18px Georgia, serif}
.survey .term-condition strong{font-style:normal}
.collectionForm .selectboxit-container .selectboxit{width:475px!important}
.selectboxit-container .selectboxit.month, .selectboxit-container .selectboxit.year{width:200px!important; margin-right:8px}
.step_navigation{margin-left:210px}
.form.askAnExpert #name, .form.askAnExpert #email{background:#fef0ca}
form sub{display:block; bottom:0; font:italic 14px Georgia, serif; color:#cbcbcb}
span[data-val=""]{color:#cbcbcb}
.overlay-mask{background:url(../images/global-sprite-2.png) no-repeat -3px -46px;width:200px;}
.files li { float:left;width:100px;height:150px;margin-right:10px; }
#object_upload li { height:auto; }
.files li figure{width:100px;height:100px;border:1px rgba(0,0,0,0.2) solid;background-repeat:no-repeat;background-position:center;background-width:100px;}
.overlay-mask input[type="file"]{opacity:0; filter:Alpha(opacity=0); width:120px; height:50px; cursor:pointer}
.editNode .text-danger{position:absolute; margin:15px 0 0 90px}
.videoUpload .overlay-mask{background-position:-3px -137px}
.control-group.checkbox{width:100%}
.control-group.checkbox > span, .control-group.radio > span{width:auto; margin-left:210px; float:none}
.contentBilling select{width:412px}
.orderInfor select{float:left; visibility:visible; position:static}
.orderInfor .checkbox{padding-left:210px; box-sizing:border-box;} /* tam.nguyen@audiencemedia.com added box-sizing */
.no-touch.cssgradients .orderInfor input[type="checkbox"] + span{margin-left:5px}
.paymentInfor h3{color:#69b722}
.validation-message{display:none}
.validation-failed{border-color:red!important}

.mainTitle span.blue{color: #0068b3}
.loginForm .form{ position:relative; padding: 20px 0 0 65px; float: left; width: 46%; font: italic 14px Georgia}
.loginForm .control-group > input[type="text"], 
.loginForm .control-group > input[type="password"]{width: 300px}
.loginForm .control-group-1 > input[type="checkbox"]{width: auto; margin-right: 10px}
.loginForm .submit{float: left}
.loginForm .submit input[type="submit"]{margin: 10px 0 10px 110px; padding-left: 25px; padding-right: 25px}
.loginForm .control-group > span{width: 100px; padding-top: 4px}
.loginForm .socialLogin{padding: 35px 0 0 }
.loginForm .socialLogin > span{float: left; margin: 20px 35px 0 0; font: italic 18px Georgia}
.loginForm .forgotPass, .loginForm .remember{padding-left: 110px}
.loginForm .remember{margin-top: 30px}
.loginForm .remember > span{color: #d3d3d3; width: auto}
.loginForm .forgotPass a{color: #333}
.loginForm .forgotPass a:hover{color: #69b722}
.loginForm .register{padding: 40px 0 20px 110px}
.loginForm .register a{margin-left: 25px; padding-left: 25px; padding-right: 25px}

.loginForm .resend{padding: 0 0 20px 110px}
.loginForm .resend a{ position:absolute; right:-140px; bottom:15px;margin-top: 10px; padding-left: 25px; padding-right: 25px}

.forgotPass p{padding: 0 0 10px}
.forgotPass .submit{margin-left: 210px}
.forgotPass .control-group{margin-top: 10px}
.registerForm{padding-top: 10px}
.registerForm .content{font:italic 14px Georgia, serif; color:#333}
.socialLogin .registerForm .content p{margin-bottom:10px}
.socialLogin .registerForm .output{margin-top:15px}
.registerForm form{padding-left: 110px}
.registerForm .output{margin:10px 0 0 210px}
.registerForm .block{margin: 10px 0 25px}
.registerForm .control-group > select{width: 570px}
.registerForm .control-group > input[type="text"],
.registerForm .control-group > input[type="email"],
.registerForm .control-group > input[type="password"]{width: 560px}
.registerForm .socialLogin{text-align: center}
.registerForm .socialLogin .text-center > span{display: inline-block; margin: 20px 0 20px 0; font: italic 18px Georgia;}
.control-group .gender{width: auto; float: left; font: italic 14px Georgia; color: #d3d3d3; margin-right: 15px}
.control-group .gender > input{float: left; width: auto; margin-right: 5px; margin-top: 2px}
.userEdit .functions{margin: 40px 0 20px}
.userEdit .functions a{color: #2d2d2d}
.userEdit .functions a:hover{color: #69b722}
.userEdit table td{padding: 8px 15px}
.changpass form{padding-top: 30px}
.changpass form input[type="submit"]{margin-left: 200px}
.message, .message-error{margin: 30px 0 20px}
.message-error{ color: #ff0000}
.message-error p{ margin-bottom: 5px;}
.userSetting .account-type{padding: 20px 0}
.userSetting .control-group input[type="checkbox"]{width: auto; float: left; margin: 0 10px 0 200px}
.userSetting .submit input[type="submit"][name="PublishButton"]{margin: 0 20px 0 210px}
.form_content{margin-top: 30px}
.registerForm .warning{padding-left:110px}
.registerForm .warning h3{font:14px 'Gotham-Medium',sans-serif; text-transform:uppercase}
.registerForm .warning ul{font:italic 15px Georgia, serif}

.logo img{width:100%}
.story .mainContent .content > figure img{width:100%; height:auto}
.register .gender .gender{padding-top:8px}

.feedback .red{ color: #de0909}

.no-boxshadow .touchSlider li figure img{width:689px; height:auto}
.no-boxshadow .searchResponsive, .no-boxshadow .menuResponsive .subNav, .no-boxshadow .touchNav, .no-boxshadow .logo figcaption{display:none}
.no-boxshadow .touchSlider li h3{background:#000; filter:Alpha(opacity=60)}
.no-boxshadow .navSlider li a{width:127px}
.no-cssgradients .touchSlider li figure{height:368px}
.no-cssgradients .ts-content{-ms-transform:translateX(0px) !important}
.no-touch.cssgradients .survey-choices input[type="radio"] + span{padding-left:15px}
.survey-choices select{position:static; visibility:visible; width:412px;clear:both;}
#videoPlayer_wrapper, #videoPlayerBody_wrapper{margin: 0 auto}
.no-touch.cssgradients #competition-form input[type="checkbox"] + span span{margin-left: -20px}
.template-download .functions{display: none}

.datepicker{ background:url(../images/calendar-icon.png) no-repeat  right center}

.tooltipster-default{border-radius:5px;border:2px solid #000;background:#4c4c4c;color:#fff}
.tooltipster-default .tooltipster-content{font-family:Arial,sans-serif;font-size:14px;line-height:16px;padding:8px 10px;overflow:hidden}

.tooltipster-icon{cursor:help;margin-left:4px}
.tooltipster-base{padding:0;font-size:0;line-height:0;position:absolute;z-index:9999999;pointer-events:none;width:auto;overflow:visible}
.tooltipster-base .tooltipster-content{overflow:hidden}
.tooltipster-arrow{display:block;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}
.tooltipster-arrow span,.tooltipster-arrow-border{display:block;width:0;height:0;position:absolute}
.tooltipster-arrow-top span,.tooltipster-arrow-top-left span,.tooltipster-arrow-top-right span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-top:8px solid;bottom:-8px}
.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-top:9px solid;bottom:-8px}
.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom-left span,.tooltipster-arrow-bottom-right span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-bottom:8px solid;top:-8px}
.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-bottom:9px solid;top:-8px}
.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom span,.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top span{left:0;right:0;margin:0 auto}
.tooltipster-arrow-bottom-left span,.tooltipster-arrow-top-left span{left:6px}
.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border{left:5px}
.tooltipster-arrow-bottom-right span,.tooltipster-arrow-top-right span{right:6px}
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border{right:5px}
.tooltipster-arrow-left .tooltipster-arrow-border,.tooltipster-arrow-left span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-left:8px solid;top:50%;margin-top:-7px;right:-8px}
.tooltipster-arrow-left .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-left:9px solid;margin-top:-8px}
.tooltipster-arrow-right .tooltipster-arrow-border,.tooltipster-arrow-right span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-right:8px solid;top:50%;margin-top:-7px;left:-8px}
.tooltipster-arrow-right .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-right:9px solid;margin-top:-8px}
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}
.tooltipster-fade-show{opacity:1}
.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}
.tooltipster-grow-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(0.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);transition-timing-function:cubic-bezier(0.175,.885,.32,1.15)}
.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}
.tooltipster-swing-show{opacity:1;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);transform:rotateZ(0deg);-webkit-transition-timing-function:cubic-bezier(0.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(0.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(0.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(0.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(0.23,.635,.495,2.4);transition-timing-function:cubic-bezier(0.23,.635,.495,2.4)}
.tooltipster-fall{top:0;-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(0.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);transition-timing-function:cubic-bezier(0.175,.885,.32,1.15)}
.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}
.tooltipster-slide{left:-40px;-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(0.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(0.175,.885,.32,1.15);transition-timing-function:cubic-bezier(0.175,.885,.32,1.15)}
.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}
/* CSS transition for when contenting is changing in a tooltip that is still open */
.tooltipster-content-changing{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}


/* disable ... */
.featured_competition .readmore, .ch_type .intro .readmore, .latestnews .content > article .intro .readmore, .videos .intro .readmore, .directory .intro .readmore,.sub_section .mainContent .intro .readmore, .competition .intro .readmore{ cursor: default; pointer-events:none; color: #9b9482}
.featured_competition .readmore span, .ch_type .intro .readmore span, .latestnews .content > article .intro .readmore span, .videos .intro .readmore span, .directory .intro .readmore span,.sub_section .mainContent .intro .readmore span, .competition .intro .readmore span{ display: none;}

.btn_margin1 { margin:0 20px; }
.btn_margin2 { margin-top: 30px; }
.btn_margin3 { margin: 0 0 5px; }
.btn_margin4 { margin-top:20px; }
.btn_margin5 { margin-top:3px; }
.btn_margin6 { margin:15px; }
.btn_margin7 { color: red; margin-bottom: 10px; }
.btn_margin8 { width:1px; height:1px; }
.btn_margin9 { width:160px; height:800px; }
.color_js1 { color:#993300; }
.color_js2 { color:red; }
.position_relative { position:relative;  }
.ads_left_position { position: absolute;left: -180px;top: 0px; }
.ads_right_position { position: absolute;right: -180px;top: 0px; }


/* 978 */
@media screen and (min-width: 1002px) and (max-width: 1247px) {
	.mainNav .item > a{padding: 0 2px 0 3px}
	.control-group.checkbox > span{margin-left: 0}
}

@media screen and (min-width:1002px) {
	.touchSlider li figure img{width:689px; height:auto}
	.searchResponsive, .menuResponsive .subNav, .touchNav, .logo figcaption{display:none}
}

@media screen and (min-width: 0px) and (max-width: 1001px) {
	.loginLink li:first-child{margin-top: 20px}
	.siteWrapper{overflow:hidden}
	.siteOverlay{display:none; position:absolute; z-index:90; background:rgba(0,0,0,0.8); width:100%; height:100%}
	.mainContainer .subNav, .information .copy{display:none}

	.touchNav{position:relative; z-index:100; background:#69b722; border-bottom:1px solid #d6d6d6; height:50px}
	.touchNav > span{float:left}
	.touchNav > span.open{background-color:#54921b}
	.touchNav .click{position:absolute; top:0; cursor:pointer; background:url(../images/global-sprite-2.png) no-repeat -260px -34px; width:50px; height:50px}
	.touchNav .list{left:0; border-right:1px solid #d6d6d6;-webkit-box-shadow: inset -1px 0 #69b722;-moz-box-shadow: inset -1px 0 #69b722;box-shadow: inset -1px 0 #69b722;}
	.touchNav .name{display:block; float:none; padding-right:50px; font:24px/50px 'Gotham-Bold', sans-serif; height:50px; text-transform:uppercase; color:#fff; text-align:center}
	.touchNav .search, .touchNav .more{border-left:1px solid #d6d6d6; -webkit-box-shadow: inset 1px 0 #69b722;-moz-box-shadow: inset 1px 0 #69b722;box-shadow: inset 1px 0 #69b722;}
	.touchNav .search{right:50px; background-position:-262px -80px}
	.touchNav .more{right:0; background-position:-268px -121px}
	.touchNav .more.open{background-position:-265px -162px}
	
	.siteNav{position:relative}
	.siteNav .menuResponsive{display:none; left:-300px; position:absolute; z-index:110; border-bottom:15px solid #9fc37e}
	.menuResponsive .close{display:block; background:#b1d98c; position:relative; height:45px}
	.menuResponsive .close:after{position:absolute; right:13px; top:16px; content:' '; display:block; background:url(../images/global-sprite-2.png) no-repeat -237px -179px; width:17px; height:17px}
	.siteNav .mainNav{height:auto; padding:0 14px; text-align:left; background:#69b722; width:272px}
	.siteNav .subNav{height:auto; padding:0 14px; text-align:left; background:#b1d98c; width:272px; margin:0; border:none}
	.subNav li{display:block; border-left:none; border-bottom:1px solid #7fbe46; -webkit-box-shadow: inset 0 -1px #87c54e;-moz-box-shadow: inset 0 -1px #87c54e;box-shadow: inset 0 -1px #87c54e;}
	.subNav li a{height:auto; line-height:20px; padding:10px 0}
	.mainNav .item{display:block}
	.mainNav .item > a{padding:0; line-height:46px; height:45px; border-bottom:1px solid #7fbe46;-webkit-box-shadow: inset 0 -1px #87c54e;-moz-box-shadow: inset 0 -1px #87c54e;box-shadow: inset 0 -1px #87c54e;}
	.mainNav .active > a, .mainssNav .item:hover > a{background:none}
	.mainNav .arrow{position:absolute; cursor:pointer; top:0; right:0; display:block; width:44px; height:44px; background:url(../images/global-sprite-2.png) no-repeat -220px -73px #78be39}
	.mainNav .open .arrow{background-position:-220px -27px}
	.sub_mainNav{position:static; height:auto; opacity:1; width:auto; padding-left:34px; display:none}
	.open .sub_mainNav{display:block}
	.sub_mainNav li, .sub_mainNav li:hover{background:none}
	.sub_mainNav li{border-top:none; border-bottom:1px solid #7fbe46;-webkit-box-shadow: inset 0 -1px #87c54e;-moz-box-shadow: inset 0 -1px #87c54e;box-shadow: inset 0 -1px #87c54e;}
	.sub_mainNav li a{padding:12px 0}
	
	.searchResponsive{display:none; padding:20px; position:absolute; width:280px; right:0; background:#fff; z-index:110}
	.searchResponsive .border{border:1px solid #d3d3d3; padding:2px; position:relative}
	.searchResponsive input[type="text"]{border:none; background:none; width:218px; height:34px; padding:0 5px}
	.searchResponsive input[type="submit"]{position:absolute; right:2px; top:2px; border:none; width:64px; height:34px; background:url(../images/global-sprite-2.png) no-repeat -210px 7px #000; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
	
	.siteHeader .information{display:none;width:300px; height:198px; float:none; text-align:center; right:-300px; position:absolute; background:#8dc63f; top:0; z-index:110}
	.information .form{display:none}
	.rightRail{display:none!important; right:-300px; position:absolute; background:#fff; top:198px; padding-top:20px; z-index:110}
	.loginLink{margin:0; height:115px}
	.loginLink li{margin:8px 0 0; padding:0; border:none}
	.socialLink{margin-left:60px}
	.socialLink li{margin-left:14px}
	.menuRight{margin:1px}
	.module .tooltipSocial{display: none}
}

/* iPad */
@media screen and (min-width: 768px) and (max-width: 1001px) {
	.siteHeader .wrapper{height:148px}
	.logo{float:none; margin:19px auto; width:405px; position:relative}
	.logo figcaption{position:absolute; bottom:-2px; left:74px; font:11px/13px 'Gotham-Bold',sans-serif; color:#fff200; text-transform:uppercase}
	
	.banner .ads{overflow:hidden;width:768px;}
	.banner .ads div { width:768px;height:357px; }
	#div-gpt-ad-1396296804590-0, #div-gpt-ad-1396296943954-0 { display:none; }
	.breadcrumb{margin:0 20px}

	.wrapper{width:768px}
	.mainContent{width:728px; margin-left:20px}
	.navSlider li a{width:138px}
	.navSlider li span{left:79px}
	.politics .content > article{width:229px; margin-left:20px}
	.politics .content > article figure{height:150px}
	.latestnews .content .list{width:418px}
	.latestList{width:354px}
	.videos .content .list{width:254px}
	.videos .content .list figure{height:166px}
	.videos .list .overlay{width:254px; height:166px}
	
	.ch_type1 .item2, .ch_type1 .list{margin-left:20px}
	.ch_type1 .list{width:248px}
	.ch_type2 .content .list{width:254px}
	.ch_type .content .list article:first-child figure{height:166px}
	
	.extraInfo .commentLink .parent{width:658px}
	
	.siteFooter .wrapper{width:728px}
	.moreFrom{background-position:368px 0}
	.moreFrom section{width:334px; margin-bottom:20px}
	.moreFrom .backToTop{position:relative; border-top:1px solid #fef0ca; width:100%; float:none; margin:0; padding:30px 0 0; zoom: 1; clear: both; background:#fff}
	.moreFrom .backToTop:before, .moreFrom .backToTop:after { content:' '; display: table; }
	.moreFrom .backToTop:after { clear: both; }
	.moreFrom .backToTop:before{content:' '; position:absolute; top:-19px; left:50%; background:#fff; display:block; width:20px; height:18px;}
	.moreFrom .backToTop hr{display:none}
	.moreFrom .backToTop h2{float:left}
	.backToTop h2 a{margin:0 0 0 46px}
	.moreFrom .backToTop p{float:left; margin:0 37px}
	.moreFrom .backToTop > a{float:right; margin:0}
	.navFooter{float:none; width:100%; zoom:1}
	.navFooter:before, .navFooter:after { content: ""; display: table; }
	.navFooter:after { clear: both; }
	.navFooter > li{width:166px !important}
	.copyright p{float:none; margin:20px auto 0}
	
	.loginForm{width:728px; margin-left:20px}
	.loginForm .socialLogin > span{display:block; float:none; margin:0 0 10px}
	.loginForm .forgotPass, .loginForm .remember{margin:20px 0 0; padding:0}
	.loginForm .submit input[type="submit"]{margin:10px 0}
	.loginForm .register{padding:10px 0 0}
	.subscription{width:728px; margin-left:20px}
	.forgotPass, .register{width:728px; margin-left:20px}
	.loginForm .resend{ padding: 0 0 20px 20px; margin-top: 20px}
	.loginForm .resend a{ right: -176px}
	.registerForm form{padding-left:0}
	.registerForm .control-group > input[type="text"], .registerForm .control-group > input[type="email"], .registerForm .control-group > input[type="password"]{width:426px}
	.register .selectboxit-container .selectboxit{width:436px!important}
	.no-cssgradients .touchSlider li figure{height:389px}
	.control-group.checkbox > span{margin-left: 0}
}

/* Kindle */
@media screen and (min-width: 600px) and (max-width: 767px) {
	.wrapper{width:600px}
	.mainContent{width:560px; margin-left:20px}
	.mainTitle{font-size:20px; line-height:20px}
	.module .title > a{font-size:18px; line-height:30px}
	.detailsTitle{font-size:38px}
	.breadcrumb{margin:0 20px}
	
	.banner .ads{overflow:hidden;width:600px;}
	.banner .ads div { width:600px;height:357px; }
	#div-gpt-ad-1396296804590-0, #div-gpt-ad-1396296943954-0 { display:none; }
	
	.siteHeader .wrapper{height:148px}
	.logo{float:none; margin:19px auto; width:405px; position:relative}
	.logo figcaption{position:absolute; bottom:-2px; left:146px; font:11px/13px 'Gotham-Bold',sans-serif; color:#fff200; text-transform:uppercase}
	.touchNav .name.scale{visibility:hidden}
	
	.touchSlider li h3{bottom:30px}
	.touchSlider li figure img{width:560px; height:auto}
	.navSlider li a{padding:10px 12px; width:106px}
	.module .title li:not(.last){display:none}
	.module .title .last{border:none}
	.latestnews .content .list{width:250px}
	.latestnews .content .list article{min-height:inherit; padding-bottom:10px; margin-bottom:0}
	.latestnews .content .list figure{display:none}
	
	.politics .content > article{width:265px; margin-left:30px}
	.politics .content > article figure{height:173px}
	.politics .content .item2{clear:left; margin-left:0; border-top:2px solid #fef0ca}
	.politics .content .item2 figure{display:none}
	.politics .content .item3{clear:none; margin-left:30px}
	.politics .content .item4, .politics .content .item5{display:none}
	
	.videos .content > article{float:none; margin:0 auto}
	.videos .content .list{float: left; width: 100%}
	.videos .content .list article:first-child a.overlay,
	.videos .content .list article:first-child figure{display: none}
	
	.featured_competition figure{width:270px; height:270px}
	.content.competition .odd{margin-right:20px}
	.content.competition article{width:270px}
	.content.competition figure{height:270px}
	
	.latestList{width:270px}
	.latestList article{min-height:inherit; padding:0 0 10px}
	.latestList figure{width:270px; height:195px; float:none; margin:0 0 10px}
	.latestList article:nth-child(n+2) figure{display:none}
	
	.ch_type1 .item0 figure{width:290px; height:194px}
	.ch_type1 .item1, .ch_type1 .item2, .ch_type1 .list{width:177px}
	.ch_type1 .item1 figure, .ch_type1 .item2 figure{height:116px}
	.ch_type2 .content > article{width:320px}
	.ch_type2 .content > article figure{height:194px}
	
	.sub_section .mainContent figure{width:270px; height:181px}
	.extraInfo .commentLink .parent{width:490px}
	.mainTitle.long span{max-width:350px}
	
	.siteFooter .wrapper{width:560px}
	.moreFrom{background-position:275px 0}
	.moreFrom section{width:270px; margin-left:10px; padding-left:10px;  margin-bottom:20px}
	.moreFrom .backToTop{position:relative; border-top:1px solid #fef0ca; width:100%; float:none; margin:0; padding:30px 0 0; zoom: 1; clear: both; background:#fff}
	.moreFrom .backToTop:before, .moreFrom .backToTop:after { content:' '; display: table; }
	.moreFrom .backToTop:after { clear: both; }
	.moreFrom .backToTop:before{content:' '; position:absolute; top:-19px; left:48%; background:#fff; display:block; width:20px; height:18px;}
	.moreFrom .backToTop hr{display:none}
	.moreFrom .backToTop h2{float:left}
	.backToTop h2 a{margin:0}
	.moreFrom .backToTop p{float:left; margin:0 25px}
	.moreFrom .backToTop > a{float:right; margin:0}
	
	.navFooter{float:none; width:100%; zoom:1}
	.navFooter:before, .navFooter:after { content: ""; display: table; }
	.navFooter:after { clear: both; }
	.navFooter > li{width:280px !important; margin-bottom:14px}
	.navFooter li:nth-child(2n+1){clear:left}
	.copyright p{float:none; margin:20px auto 0}
	
	.loginForm{width:560px; margin-left:20px}
	.loginForm .form{width:280px; padding:0}
	.loginForm .control-group > input[type="text"], .loginForm .control-group > input[type="password"]{width:268px}
	.loginForm .socialLogin{float:right; width:250px}
	.loginForm .socialLogin > span{float:none; margin:0 0 10px; display:block}
	.loginForm .socialLogin img{width:250px; height:auto}
	.loginForm .forgotPass, .loginForm .remember{margin:0; padding:0}
	.loginForm .submit input[type="submit"]{margin:10px 0}
	.loginForm .register{padding:10px 0 0}
	.loginForm .resend{ padding: 0 0 20px 20px; margin-top: 20px}
	.loginForm .resend a{ right: -230px}
	.userSetting .submit input[type="submit"][name="PublishButton"]{margin:0 20px 0 100px}
	.subscription{width:560px; margin-left:20px}
	.control-group.checkbox > span, .control-group.radio > span{margin:0}
	.expiration > span{float:none; width:auto}
	.selectboxit-container .selectboxit.month, .selectboxit-container .selectboxit.year{width:153px!important}
	.forgotPass, .register{width:560px; margin-left:20px}
	.registerForm form{padding-left:0}
	.register .selectboxit-container .selectboxit{width:343px !important}
	.registerForm .control-group > input[type="text"], .registerForm .control-group > input[type="email"], .registerForm .control-group > input[type="password"]{width:333px}
	
	.no-cssgradients .touchSlider li figure{height:299px}
	.subVideo article .overlay{width:270px; height:181px}
	.subVideo article .play{margin-top:36px}
	.orderInfor .checkbox{padding-left: 0}
	.step_navigation{margin-left: 0}
	.page2 .back{margin-bottom: 20px}
}

/* iPhone */
@media screen and (min-width: 0px) and (max-width: 599px) {
	.wrapper{width:320px}
	.mainContent{width:300px; margin-left:10px}
	
	.siteHeader .wrapper{height:115px}
	.logo{float:none; margin:10px auto; width:300px; position:relative}
	.logo figcaption{position:absolute; bottom:-2px; left:40px; font:11px/13px 'Gotham-Bold',sans-serif; color:#fff200; text-transform:uppercase}
	
	.banner .ads{overflow:hidden;width:320px;}
	.banner .ads div { width:320px;height:50px; }
	#div-gpt-ad-1396296804590-0, #div-gpt-ad-1396296943954-0 { display:none; }
	
	.touchNav .name{font-size:15px; overflow: hidden; padding-left: 50px; padding-right: 140px; white-space: nowrap; text-overflow: ellipsis}
	.touchNav .more.open{background-position:-220px -119px}
	
	.touchSlider li h3{position:static; bottom:auto; width:auto}
	.touchSlider li figure img{width:300px; height:auto}
	.navSlider{display:none}
	.navSlider .active span{display:none}
	
	.module .title li:not(.last){display:none}
	.module .title .last{border:none}
	.section .module .title{height:auto}
	.section .module .title > a{font-size:16px; line-height:18px; position:static}
	.section .menu_block{display:none}
	
	.ch_type1 .item0 figure{width:100%; height:200px; float:none; margin:0 0 10px}
	.ch_type1 .item1, .ch_type1 .item2, .ch_type1 .list{float:none; width:100%; margin:10px 0 0; border-top:2px solid #fef0ca; padding:10px 0 0}
	.ch_type1 .item1 figure, .ch_type1 .item2 figure{display:none}
	.ch_type2 .content > article{width:100%; min-height:inherit; float:none}
	.ch_type2 .content .list .item1{margin:10px 0; border-top:2px solid #fef0ca !important; padding:10px 0 0}
	.ch_type2 .content .list .item1 figure{display:none}
	.ch_type2 .content > article figure{height:182px}
	.ch_type2 .content .list{width:100%}
	

	.videos .overlay, .ch_type2 .content > article .overlay, .ch_type .content .list article:first-child .overlay{width: 300px; height: 182px}
	.videos .play, .ch_type2 .content > article .play, .ch_type .content .list article:first-child .play{ width: 50px; height: 50px; margin-top: 60px; background-size: 250%; background-position: -64px -77px}
    .videoSection .videos .list article:first-child .overlay, .videoSection .videos .list article:first-child figure, .ch_type .content .list article:first-child .overlay{ display: none;}

    .story .mainContent .content{ height: auto!important}
    
	.sub_section .mainContent figure{width:300px; float:none; height:200px; margin:0 0 10px}
	.mainTitle{font-size:18px; line-height:20px; background:none; border-bottom:3px solid #fef0ca}
	.mainTitle span{position:static; display:block; background:none; padding:0 0 5px}
	.viewLimit{display:none}
	.breadcrumb{line-height:16px; height:auto; padding:5px 0; margin:0 5px}
	
	.featured_competition figure{float:none; width:300px; height:300px; margin:0 0 15px}
	.content.competition article{width:300px; float:none}
	.content.competition figure{display:none}
	.content.competition .odd{margin:0 0 20px; padding:0 0 20px; border-bottom:2px solid #fef0ca}
	.content.competition h3, .content.competition .intro, .content.competition .enterNow, .content.competition .tooltipSocial{margin-left:0; margin-right:0}
	
	.surveySlider{width:300px}
	.surveySlider #slider figure{width:300px}
	.survey .tooltipSocial span{margin-top:2px}
	
	.detailsTitle{font-size:28px; line-height:30px; padding:0}
	.story .detailsTitle span{font-size:15px}
	.extraInfo .address time{bottom:-38px}
	.extraInfo .commentLink .siteAnchor{float:none; display:block}
	.extraInfo .commentLink .parent{float:none; border-top:1px solid #fef0ca; display:block; width:100%; margin:3px 0 0}
	.socialZone{height:auto}
	.socialZone .downloadLink{position:static; right:auto; top:auto; border:none}
	.socialZone .downloadLink > *{margin:0 0 10px !important}
	
	.latestnews .content > article{float:none; width:100%; padding:0 0 10px; border-bottom:2px solid #fef0ca}
	.latestnews .content > article figure{height:200px}
	.latestnews .content > article h3{margin:12px 0 10px}
	.latestnews .content .list{float:none; width:100%}
	.latestnews .content .list article{margin:0; padding:0 0 10px; min-height:inherit}
	.latestnews .content .list figure{display:none}
	
	.politics .content > article{width:265px; margin:0 auto !important; float:none}
	.politics .content > article figure{height:173px}
	.politics .content .item1, .politics .content .item2{border-top:2px solid #fef0ca; padding-top:10px}
	
	.videos .content > article{float:none; width:300px; padding:0}
	.videos .content > article h3{margin:12px 0 10px}
	.videos .overlay{width:300px; height:182px}
	.videos .play{margin-top:37px}
	.videos .content > article figure{height:182px}	
	.videos .content .list{float: left; width: 100%; margin-top: 15px}
	.videos .content .list article:first-child a.overlay,
	.videos .content .list article:first-child figure{display: none}
	
	.latestList{float:none; width:300px}
	.latestList article{min-height:inherit; width:270px; margin:0 auto; padding:0 0 10px}
	.latestList figure{float:none; width:100%; height:auto}
	.latestList article:nth-child(n+2) figure{display:none}
	.latestList h3{margin-top:10px}

	.moreFrom{width:300px; background:none}
	.moreFrom section{float:none; margin:0; padding:0 0 15px; border-top:1px solid #fef0ca}
	.moreFrom .backToTop{width:300px; padding:0}
	.backToTop .toTop{margin-top:10px}
	
	.navFooter{float:none; width:100%; zoom:1}
	.navFooter:before, .navFooter:after { content: ""; display: table; }
	.navFooter:after { clear: both; }
	.navFooter > li{width:160px !important; margin-bottom:14px; text-align:center}
	.navFooter > li ul{display:none}
	.navFooter li:nth-child(2n+1){clear:left}
	.copyright p{float:none; margin:20px auto 0}
	
	.loginForm{width:300px; margin-left:10px}
	.loginForm .form{padding:0; float:none; width:auto}
	.loginForm .control-group > input[type="text"], .loginForm .control-group > input[type="password"]{width:288px}
	.loginForm .socialLogin > span{float:none; display:block; margin:0 0 30px; text-align:center}
	.loginForm .forgotPass, .loginForm .remember{padding:0; margin:0}
	.loginForm .submit{float:none}
	.loginForm .submit input[type="submit"]{margin:10px 0}
	.loginForm .register{padding:20px 0 0}
	.loginForm .resend{ padding: 0 0 20px 10px}
	.loginForm .resend a{ position: inherit;}
	.control-group > select, .control-group > input[type="text"], .control-group > input[type="file"], .control-group > input[type="email"], .control-group > input[type="password"], .control-group > textarea{width:288px !important; padding-right:5px !important; padding-left:5px !important}
	.userSetting .submit input[type="submit"][name="PublishButton"]{margin:0 20px 0 0}
	.collectionForm .selectboxit-container .selectboxit, .selectboxit-container .selectboxit{width:298px !important}
	.page .submit{margin-left:1px}
	.page .submit .page2 .back{margin-bottom: 20px}
	.orderInfor .checkbox{padding-left: 0}
	.ezcca-edit-gender .control-group > span{width:100px}
	.userEdit .mainTitle{margin-left:10px; margin-right:10px}
	.subscription{width:300px; margin-left:10px}
	.control-group.checkbox > span, .control-group.radio > span{margin:0}
	.expiration > span{float:none; width:auto}
	.selectboxit-container .selectboxit.month, .selectboxit-container .selectboxit.year{width:96px!important}
	.selectboxit-container .selectboxit.year{margin-right:0}
	.step_navigation{margin-left:0}
	.forgotPass, .register{width:300px; margin-left:10px}
	.registerForm form{padding-left:0}
	.register .selectboxit-container .selectboxit{width:296px !important}
	.control-group{max-width:300px}
	.register fieldset > .gender > span{width:auto}
	.register img{width:300px; height:auto}
	.forgotPass .submit{margin-left:0}
	.sub_section .mainContent figure ~ .tooltipSocial{position:static}
	
	.no-cssgradients .touchSlider li figure{height:160px}
	.subVideo article .overlay{width:300px; height:200px}
	.subVideo article .play{margin-top:48px}
	#videoPlayerBody_wrapper, #videoLayerBodyWrapper, #videoPlayerBody, #videoPlayerBody_displayarea, #videoPlayerBody_jwplayer_display_text,
	#videoPlayer_wrapper, #videoLayerWrapper, #videoPlayer, #videoPlayer_displayarea, #videoPlayer_jwplayer_display_text{width: 300px!important; height: 240px!important}
	.fancybox-close {background: url(../images/close_button.png) no-repeat 2px 8px; background-size:24px 24px}
}