/* START FILE:../members/atchat/css/roomlayout_phone.css */
@media only screen and (max-width: 768px) {
    .hideOnPhone,
    a.hideOnPhone,
    #SettingsPage form .hideOnPhone,
    #genMeta.hideOnPhone,
    #atc-frmAdvancedSearch .hideOnPhone {
        display: none;
    }
    .floatleftNoPhone {
        float: none;
    }
    ul.tabsPostFilter li {
        line-height: 2em;
        height: 3em;
    }
	.phoneXScroll {
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
    /*
    #TopNav {
        background-color: #35495d;
        bottom: 0;
        display: block;
        height: 42px;
        padding: 0px 0;
        position: fixed;
        top: auto;
        width: 100%;
        z-index: 200;
    }
    */
    .phoneFooterFixed {
        background-color: #35495d;
        display: block;
        height: 42px;
        width: 100%;
        z-index: 200;
    }
    #PhoneHeader {
        background-color: #35495d;
        height: 50px;
        position: fixed;
        top: 0;
        width: 100%;
    }
    #genMeta {
        display: block;
    }
    #MemberUserSearch {
        font-size: 16px;
    }
    #btnPhoneMenu >div {
        background-image: url('/images/atc-phone-btnNav_20x18.png');
        background-position: 20px 16px;
        background-repeat: no-repeat;
        height: 50px;
        width: 60px;
    }
    #TopNav a#btnPhoneMenu {
        border-right: 1px solid #000;
        display: block;
        float: left;
        height: 50px;
        margin: 0;
        width: 60px;
    }
    body > form#EditorForm {
        top: 60px;
    }
    #EditorAddChartArea {
        float: none;
        width: 100%;
    }

    #btnWriteComment {
        background-image: url('/images/atc-phone-write-24x50.png');
        background-position: 18px 0;
        background-repeat: no-repeat;
        border-left: 1px solid #000;
        display: none;
        float: right;
        height: 50px;
        margin: 0;
        width: 60px;
    }
    .isTradingRoomPage #btnWriteComment {
        display: block;
    }
    #btnWriteComment >div {
        height: 50px;
        width: 60px;
    }
    #LeftRoomSplit {
        float: none;
        margin-top: 15px;
        min-height: 200px;
        width: 100%;
    }
    .isMobile .atc-inreplyto {
        line-height: 20px;
        position: absolute;
        right: 5px;
        top: 4px;
    }
    .isMobile #RightReplies-ActualReplies .atc-inreplyto {
        /*top: 14px;*/
    }
    .atc-replies.atc-replySelected {
        color: #ddd;
    }
    .atc-replies.atc-unreadreplies {
        color: white;
        height: 27px;
        line-height: 27px;
    }
    .atc-replies.atc-unreadreplies span.ui-icon {
        margin-top: 5px;
    }
    .atc-replies span.ui-icon-triangle-1-e {
        background-image: url('/css/ui-lightness/images/ui-icons_222222_256x240.png')
    }
    #roomHistoryCalendar {
        bottom: 50px;
        top: auto;
    }
    #phoneMenu.isVisible {
        background-color: #363636;
        border-top: 1px solid #464646;
        display: block;
        left: 0;
        min-width: 260px;
        position: absolute;
        top: 50px;
        width: 90%;
        z-index: 100;
    }
    #phoneMenu > ul {
        border-bottom: 1px solid #464646;
        clear: both;
        list-style: none;
        margin: 5px 0;
        padding: 0;
    }
    #phoneMenu > ul a {
        color: white;
        display: block;
        font-weight: 700;
        text-decoration: none;
    }
    #phoneMenu > ul > li {
        clear: both;
        margin: 8px 5%;
    }
    #phoneMenu > ul a.btnTradingRoomLink {
        margin: 0;
        width: 100%;
    }
    #phoneMenu .navIcon {
        background-image: url('/images/atc-sprite-whitetrNav-32x352.png');
        background-repeat: no-repeat;
        display: inline-block;
        height: 32px;
        margin: 3px 8px;
        top: 5px;
        vertical-align: middle;
        width: 32px;
    }
    #phoneMenu .navIconAnalysts {
        background-position: 0px 0;
    }
    #phoneMenu .navIconMarkets {
        background-position: 0px -32px
    }
    #phoneMenu .navIconCurWave {
        background-position: 0px -64px
    }
    #phoneMenu .navIconMostFoll {
        background-position: 0px -96px
    }
    #phoneMenu .navIconMyRoom {
        background-position: 0px -128px
    }
    #phoneMenu .navIconEdu {
        background-position: 0px -160px;
    }
    #phoneMenu .navIconHelp {
        background-position: 0px -192px;
    }
    #phoneMenu .navIconTradRoomHist {
        background-position: 0px -224px;
    }
    #phoneMenu .navIconContact {
        background-position: 0px -256px;
    }
    #phoneMenu .navIconDisclaim {
        background-position: 0px -288px;
    }
    #phoneMenu .accText {
        display: inline
    }
    #phoneMenu .accText a {
        display: inline-block
    }
    #phoneMenu .ui-icon {
        display: inline-block;
        position: relative;
        top: 3px;
    }
    #phoneMenu img.imgProfile {
        border-radius: 18px;
        left: 10px;
        top: 8px;
        vertical-align: middle;
        width: 36px;
    }
    #TopNav .frmAdvSearch {
        display: none
    }
    #TopNav #frmAdvSearch.isVisible,
    #phoneMenu .frmAdvSearch.isVisible {
        background-color: #363636;
        height: 50px;
        left: 0;
        margin-left: 0;
        max-width: none;
        position: absolute;
        top: 50px;
        width: 90%;
    }
    #btnWriteComment >form {
        background-color: white;
        display: block;
        position: absolute;
        right: 0;
        top: 60px;
    }
    /* this can re-rder them but we'll have 2 empty spots for non-admin/non-edit users
	.atc-entryfooter .atc-actionbar .atc-entryFooter-reply {position: absolute; left:45% }
	.atc-entryfooter .atc-actionbar .atc-entryFooter-heart {position: absolute; left:30% }
	.atc-entryfooter .atc-actionbar .atc-entryFooter-trash {position: absolute; left:15% }
	.atc-entryfooter .atc-actionbar .atc-entryFooter-pencil {position: absolute; left:0% }
	*/
    
    .atc-header {
        font-size: 14px
    }
    #atcProfileBio {
        min-height: 10px;
    }
    #atcProfileTop.productHeader #atcProfileBio {
        width: auto;
    }
    .atc-entrytime-ph {
        display: block;
        font-size: 12px;
        text-align: left;
    }
    .atcStackedView .atc-entrytime-ph {
        display: block;
        margin-left: 1px
    }
    .atc-pgProfile-recentPosts .atc-entrytime-ph {
        color: black;
        display: inline;
        float: right;
        font-size: 12px;
        text-align: right;
    }
    body.atc-pgProfile-recentPosts #atcLeftRoomArea,
    body.atc-pgProfile-followed .contentArea,
    body.atc-pgProfile-portfolio .contentArea {
        margin-top: 1px
    }
    .atc-entry {
        margin-bottom: 10px;
    }
    #navTradingRoom {
        display: none;
    }
    .profileUserBlock {
        clear: both;
        float: none;
        margin-top: 10px;
        text-align: center;
        width: 100%;
    }
    #atcProfileUserInfo img.imgProfile {
        display: block;
        float: none;
        margin: 12px auto 0;
    }
    #atcProfileUserInfo .profileUserBlock h3 {
        font-size: 20px;
        font-weight: 600;
        margin: 6px 0;
    }
    #FavoritesDisplay .sr-result {
        background-color: #fff;
        border-bottom-color: #eceae7
    }
    .atc-pgProfile-recentPosts #LeftRoomSplit .atc-entrytext {
        border: none;
        padding: 0;
        margin: 0;
    }
    #FavoritesDisplay .sr-entry {
        clear: both;
    }
    #FavoritesDisplay .sr-section {
        float: left;
        margin-left: 0;
    }
    #FavoritesDisplay .sr-taglist {
        display: none;
    }
    #FavoritesDisplay .sr-headers {
        display: none;
    }
    .atc-pgProfile-recentPosts #LeftRoomSplit .atc-entry {
        margin-bottom: 1px;
        padding: 2%;
        width: 96%;
    }
    .atc-pgProfile-recentPosts #LeftRoomSplit .atc-entrytext {
        border: none;
        padding: 0;
        margin: 0;
    }
    .atc-pgProfile-recentPosts #LeftRoomSplit .atc-header {
        background-color: #fff;
        color: #6299ca;
    }
    .atc-pgProfile-recentPosts #LeftRoomSplit .atc-avatar,
    .atc-pgProfile-recentPosts #LeftRoomSplit .atc-adminPin,
    .atc-entrytext {
        font-size: 11.0pt;
    }
    .atc-pgProfile-recentPosts #LeftRoomSplit .atc-sectionheader,
    .atc-pgProfile-recentPosts #LeftRoomSplit .atc-actionbar,
    .atc-pgProfile-recentPosts #LeftRoomSplit .atc-tagcontainer,
    .atc-pgProfile-recentPosts #LeftRoomSplit .atc-entryfooter {
        display: none;
    }
    a.divIgnoreUser {
        line-height: 1em;
        display: block
    }
    #RightRepliesColumn.hideOnPhone {
        display: none;
    }
    #RightRepliesColumn {
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        margin-top: 0;
        height: auto;
    }
    #atcProfileBio,
    #atcProfileUserInfo {
        margin-bottom: 0;
        width: auto;
        min-width: 0;
        max-width: none;
    }
    #atcProfileUserInfo {
        width: 100%;
    }
    #profileTotalPosts {
        position: relative;
        width: 100%;
        min-width: 0;
        max-width: none
    }
    #EditorTags {
        display: none !important
    }
    .videoGalleryElement img {
        width: 50px;
    }
    .videoGalleryElement .txtBlock {
        width: auto
    }
    #genMeta .atc-hdrSearchCopy i.fa-caret-down,
    #genMeta .atc-hdrSearchCopy i.fa-caret-up {
        bottom: -5px;
    }
    .atc-hdrSearchResults {
        border-right: none;
    }
    .atc-hdrSearchResults {
        float: none;
        margin: 4px auto 7px;
        padding: 2px 0;
        width: 96%;
    }
    .atc-hdrSearchCopy {
        display: block;
        height: auto;
        min-height: 50px;
        min-width: 100px;
        padding: 0 2%;
        width: 96%;
    }
    .atc-entryimageblock {
        margin-bottom: 30px;
    }
    .atc-btnWrapper>button {
        clear: none
    }
    .atc-privateMessageAddEntryContainer textarea {
        height: 80px;
        margin-bottom: 7px;
        width: 95%;
    }
    .pagecontent .shadowBody,
    .shadowBody {
        width: 90%;
        margin: 0 auto 0 auto;
    }
    .filterListSearchCopy,
    .filterListItem {
        margin: 4px auto;
        width: 98%;
    }
    .atc-privateMessageContainer {
        max-width: 768px;
        width: 96%;
    }
    #atc-frmAdvancedSearch input[type=text],
    #atc-frmAdvancedSearch input[type=email],
    #atc-frmAdvancedSearch label:not(.isCheckbox),
    #atc-frmAdvancedSearch select,
    #atc-frmAdvancedSearch textarea,
    #atc-frmAdvancedSearch button,
    #atc-frmAdvancedSearch .select2-container,
    #FilterAddForm input,
    #FilterAddForm select,
    #FilterAddForm .select2-container,
    #FilterAddForm label,
    form.creditcard label,
    form.creditcard input[type=text],
    form.creditcard input[type=email],
    form.creditcard input[type=submit],
    form.creditcard button,
    form.creditcard select,
    form.creditcard button,
    form.creditcard div.hints,
    #SettingsPage .select2-container,
    #SettingsPage form label,
    #SettingsPage form input[type=text],
    #SettingsPage form input[type=email],
    #SettingsPage form input[type=password],
    #SettingsPage form button,
    #SettingsPage form select {
        clear: both;
        display: block;
        float: none;
        margin: 5px 10%;
        text-align: center;
        width: 80%;
    }
    #atc-frmAdvancedSearch select.toggleSection {
        display: none
    }
    #atc-frmAdvancedSearch label.toggleSection {
        height: 1px;
        margin: 1px auto;
    }
    #atc-frmAdvancedSearch label.hideOnPhone:not(.isCheckbox) {
        display: none;
    }
    fieldset input[type=checkbox],
    fieldset input[type=radio] {
        display: inline-block;
    }
    /*had some messed up formatting on the advanced search form on mobile */
    
    #atc-frmAdvancedSearch .select2-container,
    #atc-frmAdvancedSearch li.select2-search-field,
    #atc-frmAdvancedSearch input.select2-input[type=text] {
        float: none;
        margin: 5px auto;
    }
    #atc-frmAdvancedSearch label.isCheckbox {
        margin-left: 10%;
    }
    #atc-frmAdvancedSearch label.isCheckbox input[type=checkbox] {
        clear: none;
        float: left;
        margin: 5px 0 0 -20px;
        padding: 5px;
        width: 10%;
    }
    #usersearch {
        width: 80%;
    }
    #SettingsPage .productSettings h3 {
        clear: both;
    }
    #SettingsPage .productSettings label {
        clear: both;
        float: left;
        width: 40%;
    }
    #SettingsPage .slider,
    #SettingsPage .sliderValue {
        display: block;
        float: none;
        margin: 12px auto;
        text-align: center;
    }
    #SettingsPage .sliderValue {
        width: 50%;
    }
    #SettingsPage .helpPopup {
        border-bottom: 1px solid white;
        display: block;
        float: none;
        margin: 1px auto;
        text-align: center;
    }
    form label.isCheckbox,
    form label.isCheckbox {
        border: 1px solid white;
        padding: 5px 1%;
        text-align: left;
        width: 78%;
    }
    label.isCheckbox input,
    label.isCheckbox input,
    label.isCheckbox input[type=checkbox] {
        clear: none;
        float: right;
        margin: 5px 0 0 -20px;
        padding: 5px;
        width: 10%;
    }
    .atc-btnAddToMyRoom {
        clear: left;
        float: right;
        position: relative;
    }
    .watchlist,
    .watchlist >table {
        clear: both;
    }
    #atcProfileUserInfo .atc-avatarWrapper {
        float: none;
        margin: 0 auto;
    }
    #mobilePageReplyHdr {
        background-color: #35495d;
        color: white;
        font-size: 30px;
        height: 50px;
        line-height: 50px;
        position: fixed;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 101;
    }
    #mobilePageReplyHdr .btnMobileGoBack {
        color: #fff;
        display: block;
        float: left;
        height: 50px;
        width: 60px;
    }
    #mobilePageReplyHdr .mobilePageHdrReplaceLogo {
        height: 50px;
        margin: 0px auto;
        width: 50%;
    }
    #RightReplies-ActualReplies {
        margin-top: 4px;
        overflow: visible;
    }
    .isMobile .hideOverFlowOnPhone {
        overflow: hidden
    }
    #RightReplies-Header {
        display: none
    }
    #RightRepliesColumn.atcInlineView.showOnPhone {
        display: block
    }
    .atc-floatingtagbar {
        width: 300px;
    }
    #EditorFooter .editorKeySubmits label {
        line-height: 30px;
    }
    #hdrCalendar,
    #hdrGetReplies,
    #hdrViewMsgs {
        box-sizing: border-box;
    }
    #AutoPMButton {
        display: none;
    }
}
@media only screen and (max-width: 540px) {
    #AccountHelp-Content form.account input[type=text],
    #AccountHelp-Content form.account select {
        clear: both;
        display: block;
        float: none;
        margin: 10px auto 7px;
    }
    #AccountHelp-Content form.account input#smsAreacode {
        clear: left;
        display: inline-block;
        float: left;
        margin: 10px 2px 7px;
    }
    #AccountHelp-Content form.account input#smsFirstThree,
    #AccountHelp-Content form.account input#smsLastFour {
        clear: none;
        display: inline-block;
        float: left;
        margin: 10px 2px 7px;
    }
}
@media only screen and (max-width: 400px) {

    /* See issue #1053 */
    #atcProfileTop.productHeader #atcProfileBio {
        -webkit-text-size-adjust: 100%;
    }

}


/* START FILE:../members/atchat/css/member-notification-area-phone.css */
/* Basic colors and dimentions.
currently used only by STO
*/ 

@media only screen and (max-width: 768px)  {

	#headerCalendar .navDropdown,
	.memberNotificationBox .navDropdown {
		bottom: 60px;
		top: auto;
		right: 0;
		position: absolute; 
		left: inherit; 
	}
	#roomHistoryCalendar, #RepliesDropdown, #dropdownMessages{
		top:auto;
		bottom:60px;		
		position:absolute;
	}
	#headerCalendar #roomHistoryCalendar{
		left: 5px;
		right:auto
	}
	#headerCalendar .navDropdown > div{left:5px;}
	#RepliesDropdown{
		left:-102%;
		right:auto;
		width:298%
	}
	#dropdownMessages{
		left:auto;
		right:1px;
		width:298%
	}
	.memberNotificationArea {
		position: fixed;
		top: inherit;
		right: inherit;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #384346;
		font-size: 18px;
		height: 50px;
		z-index: 161;
	}
	#headerCalendar,  
	#hdrViewMsgs, #hdrGetReplies,
	.memberNotificationArea .memberNotificationBox {
		width: 33%;
		max-width:none;
	}
}

@media only screen and (max-width: 400px)  {
	#roomHistoryCalendar { font-size:16px; }
}

/* START FILE:sto_phone.css */


@media only screen and (max-width: 768px)  {

	.memberNavWrapper{
		display: block;
		height: 0;
		overflow: visible;
	}
	.isOnReg #publicTopNav img.imgRndJack{
		height:50px;
		width:50px;
		position: absolute;
		right: 5px;
		top:0;
		z-index: 3;
	}

	.isMembers ul#menu li>a.hideOnPhone,
	.hideOnPhone {display: none;}

	.showInlineOnlyOnPhone{display: inline}
	.showOnlyOnPhone{display: block;}
	.ftrCopyright,
	.btnBlockPhoneView {box-sizing: border-box;padding:1px 15px}
	#btnWriteComment{text-decoration: none;}

	/* the bottom notification area */

	#btnPhoneMenu {
		float: left;
		width: 60px;
		height: 60px;
		text-align: center;
		text-decoration: none;
		position: relative;
		z-index: 3;
	}
	.topNav{height: 60px;padding-top: 1px}

	#btnPhoneMenu i.fa {
		background-color: #241b65;
		border-radius: 4px;
		color:white;
		font-size: 22px;
		line-height: 34px;
		width: 46px;height: 34px;
		margin: 13px auto 0;
		text-decoration: none;
		display: block;
	}

	#btnPhoneMenu.isActive {
		background-color: #ee8220;
	}	
	.pageSignup #btnPhoneMenu {display: none;}
	#wrapper{width:100%;}
	#wrapper-padding{position: relative;}
	.isNotHomepage.showMobilMenu #content{min-height: 1200px}
	.isNotHomepage #content{
		padding:5px 3%;
		box-sizing: border-box;
	}
	body{padding-top: 60px;}
	body.showMobilMenu #wrapper-padding{
		margin-left: 80%;
		width: 100%;
		overflow: visible;
		min-height: 720px;
	}
	.showMobilMenu	ul#menu{ 
		z-index: 111;
		height: auto;
	}
	ul#menu.forPublic,
	#menu{
		position: absolute;
		right:100%;
		top: 0px;
	}

	.logoWrap {
		float: none;
		padding: 0 ;
		width: 240px;
		height: 49px;
		margin: 10px auto 0;
		display: block;
	}

	.logoWrap .logo {
		/*background-image: url('/images/logo-184x41.png');*/
		background-image: url('/images/main-logo-163x60.png');
		margin: 0 auto;
		width: 184px;
		height: 41px;
	}

	ul#menu.forPublic.isVisible {
		position: relative;
		display: block; 
		z-index: 50;
	}
	ul#menu {
		background-color: transparent;
		min-width: 0;
		float: none;
		clear: both;
		margin-top: 0; 
		color: white;
		width: 80%;
		z-index: 987654;
	}
	ul#menu li {
		clear: both;
		display: block;
		float: none;}
	ul#menu.forPublic li i { 
		display: inline-block;
		font-size: 12pt;
		margin-right: 7px; 
		color: #B8B8B8;
	}
	ul#menu.forPublic li>a{
		width:100%;
		display: block;
		line-height: 30px;
		color:white}

	ul#menu li.outlineBorder{border: none}
	ul#menu li,
	ul#menu li.liBasic {
		clear: both;
		display: block;
		min-height: 40px;
		background-color: transparent;
		width: 100%;
		float: left;
		text-align: left;
		border-radius: 0;
	}
	ul#menu .navDropdown{
		top:0;
		display: block;
		position: relative;
		width: 90%;
	}
	ul#menu .navDropdown li {background-color: lightslategrey}
	ul#menu{margin: 0 auto;display: block;}
	ul#menu.forPublic li.liBlue a,
	ul#menu.forPublic li.liOrange a {
		margin: 0;
		background-color: transparent; 
		border-radius:0; 
		padding: 5px 6%;
	}
	.isMembers ul#menu{background-color: transparent}
	div#wrapper-padding{z-index: 112;box-shadow: 0 0 10px 2px #002}
	.navDropdown.MenuActive {box-shadow: none;}


	ul#menu form a{color:white;text-decoration: none;}
	ul#menu form {
		line-height: 1.4em;
	}
	.inpRoundSearch,
	ul.menu input.inpRoundSearch {
		box-sizing: border-box;
		border: 1px solid grey; 
		margin: 4px 5%;
		float: none;
		width: 90%;
		max-width: 500px;
	}

	#membernav{height: 60px;}
	#publicTopNav{
		position: fixed;
		width: 100%;
		left: 0;
		top:0;
		z-index: 124;
	}

	.isOnReg.pageSignup .homePgTestiminonials{display: none;}
	.borderBottom{
		border-bottom: 1px solid #464646;
		width: 100%}
	#footer {margin-top: 0}
	#footer.public .copyright {margin-bottom: 40px}
	.footer { margin-bottom: 50px; }
	#regcontent #loginPageForm input[type=submit].submit ,
	#regcontent #loginPageForm input,
	#regcontent #loginPageForm label
	{
		display: block;float: none;text-align: center;margin: 5px auto;
		float: none;
	}
	#regcontent #registerForm label {display: inline;float: none;text-align: center;margin: 5px auto;}
	#regcontent #registerForm label {display: inline;float: none;}
	#regcontent select {clear: left;float: none;}
	.isMobile body.showMobilMenu{background-color: #235179}
	.isMobile body.showMobilMenu #wrapper-padding{background-color: white}
	#regcontent label,
	#regcontent input {margin: 1px auto}
	#regcontent textarea, textarea {width: 100%}
	#regcontent input[type=submit], form input[type=submit]{margin: 0 auto;}

	#regcontent #registerForm.usePlaceholdersOnPhone fieldset label{display: none;}
	#regcontent .usePlaceholdersOnPhone div.field{
		clear: both;
		box-sizing: border-box; 
		width: 100%; 
		max-width: 500px;
		margin: 1px auto;

	}
	#regcontent .usePlaceholdersOnPhone input{
		border: 1px solid #919191;
		box-sizing: border-box; 
		padding: 4px;
		display: block;
		width: 100%; 
		max-width: 500px;
		margin: 1px auto;
	}
	#regcontent .usePlaceholdersOnPhone input[type=submit]{
		max-width: 180px;
	} 
	#regcontent .helptext{display: inline}
	#regcontent .usePlaceholdersOnPhone input[type=radio],
	#regcontent  input[type=checkbox]{width: 20px;}
	#regcontent .usePlaceholdersOnPhone input[type=radio],
	#regcontent .usePlaceholdersOnPhone input[type=checkbox]{
		float: left;
		width: 20px;
		margin: 10px 1px;
	}
	.isMembers ul#menu .frmAdvSearch a{
		padding-left: 5%;
		display: block;
		line-height: 32px;
	}
	#mobilePageReplyHdr{
		z-index: 113;
		height: 60px;
		background-color: #140f38;
	}
	#RightRepliesColumn.rightColumnFixedPosition, #RightRepliesColumn.absolutePosition {		 
		width: 100%; 
	}
    #RightReplies-ActualReplies {
        margin-top: 12px;
    }
    #RightRepliesColumn {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 520px)  {
	#sliderZone{width:96%;padding: 30px 2%}
	.homePageSignup {width:94%;}
}
@media only screen and (max-width: 420px)  {
	#rightcol .purpleRibbon{
		position: relative;
		left: -5px;
		right: auto;
		margin: 0 auto -40px;
		top: -40px;
	}
	#rightcol .signupBullets{
		background-image: none;
		background-color: #69676a;
		border-radius: 10px;
		float: none;
		right: auto;
		width: 100%;
		margin: 0 auto;
	}
}