button{
	cursor:pointer;
}
#loader{
    border: 12px solid #f3f3f3;
    border-radius: 50%;
    border-top: 12px solid #444444;
    width: 70px;
    height: 70px;
    animation: spin 1s linear infinite;
}
  
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

#searchArticleDiv{
    padding: 0 15px;
}

.brand_logo img {
	height: 37.5px;
	float: left
}

.brand_logo a {
	text-decoration: none
}

.brand_logo {
	text-decoration: none;
	display: block;
	font-size: 22px;
	width: auto;
}


#content {
	position: relative
}


.blog-content .row-container-flex{
	display: flex; 
	justify-content: center;
}


.column-header {
	float: left;
	margin-top: 8px;
	width: 100%;
	font-weight: 600;
	font-size: .8em;
	text-align: center
}

#stories {
	height: 0;
	width: 0;
	background-color: #d6d6d6
}

#authorStories {
	height: 0;
	width: 0;
	background-color: #d6d6d6
}

.articleholder {
	min-height: 115px;
	padding: 0 20px 25px
}

.topRatedArticleholder {
	padding-left: 5%;
	padding-top: 2.5%;
	padding-bottom: 1%;
	padding-right: 5%;
	width: 100%
}

.topViewedArticleholder {
	padding-top: 10px;
	padding-left: 7%;
	padding-right: 7%;
	width: 100%
}

.staticTopViewedArticleholder {
	padding-top: 10%;
	width: 42%;
	display: inline-block;
	white-space: normal;
	width: 150px;
	margin-right: 1%;
	margin-top: 13%
}

.storypic {
	background: 0 0;
	display: inline-block;
	margin-right: 4%;
	vertical-align: top;
	width: 27.8%
}

.topRatedStorypic {
	width: 100%;
	float: left
}

.topViewedStorypic {
	width: 100%;
	text-align: center;
	float: left
}

.staticTopViewedStorypic {
	width: 100%;
	text-align: center;
	float: left
}

.storyholder {
	font-size: 8px;
	display: inline-block;
	vertical-align: top;
	width: 66%
}

.topRatedStoryholder {
	float: left;
	text-align: left;
	width: 92%;
	padding-left: 20px;
	background-color: #fff;
	padding-top: 3%;
	padding-bottom: 7%
}

.topViewedStoryholder {
	float: left;
	text-align: left;
	width: 100%;
	padding-left: 7%;
	padding-top: 7%;
	background-color: #fff;
	font-size: 1em
}

.staticTopViewedStoryholder {
	float: left;
	text-align: left;
	width: 100%;
	padding-left: 7%;
	padding-top: 7%;
	padding-bottom: 7%;
	background-color: #fff;
	font-size: 1em;
	min-height: 101px
}

.static_column-one {
	width: 100%;
	background-color: #eff0f1
}

li.article_nav {
	flex: 0 0 14%
}

.staticArticleTitle {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 80%;
	overflow: hidden
}

#storytitle {
	font-family: inherit;
	color: #333;
	font-size: 1.8em;
	text-align: left;
	float: left;
	width: 100%;
	text-decoration: none;
	line-height: 1.27
}

#storytitle1 {
	font-family: inherit;
    color: #333;
    font-size: 2.5em;
    text-align: left;
    float: left;
    text-decoration: none;
    font-weight: 400;
    padding-top: 10px;
    line-height: 1.2;
    width: 100%;
    margin-bottom: 10px;
}
#articleholder{
	padding: 20px;
}
#description{
	font-size: 20px;
    line-height: 1.5;
}
.topRatedStorytitle,
.topViewedStorytitle {
	font-family: inherit;
	color: #333;
	font-size: 1.5em;
	text-align: left;
	float: left;
	width: 97%;
	text-decoration: none
}

.upcomingTitle h6 {
	
	color: #333;
	font-size: 1em;
	text-align: left;
	float: left;
	width: 97%;
	text-decoration: none
}

.staticTopViewedStorytitle {
	
	color: #333;
	font-size: 1.8em;
	text-align: left;
	float: left;
	width: 97%;
	text-decoration: none
}

#storytext {
	width: 100%;
    padding-left: 15%;
    font-size: 1.5rem;
    color: #555;
    line-height: 1.5;
}

.topRatedStorytext {
	width: 84%;
	font-size: 1.2em;
	float: left;
	padding-top: 3%;
	padding-bottom: 3%
}

.topViewedStorytext {
	width: 98%;
	font-size: 1.2em;
	float: left;
	padding-top: 5px
}

#storyViews {
	color: #385b77;
	font-size: 1.1em;
	float: left;
	margin-right: 5px
}

.topRatedStoryViews,
.topViewedStoryViews {
	color: #385b77;
	font-size: 1.1em;
	float: left;
	margin-right: 5px
}

.staticTopViewedStoryViews {
	color: #385b77;
	font-size: 1.1em;
	float: left;
	margin-right: 5px
}

#storyRating {
	float: left;
	font-size: 1.1em;
	color: #385b77
}

.topRatedStoryRating,
.topViewedStoryRating {
	float: left;
	font-size: 1.1em;
	color: #385b77
}

.staticTopViewedStoryRating {
	float: left;
	font-size: 1.1em;
	color: #385b77
}

.notice {
	color: #ff4271
}

.arrow-down {
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	float: right;
	margin-top: 10px;
	border-top: 4px solid #fff;
	margin-left: 5px
}



#welcome {
	font-style: normal;
	font-size: 1.3em;
	color: #fff;
	height: 20px;
	float: left;
	padding: 0 5px 1px 2px
}

#title {
	height: 5em;
	width: 100%
}

#titletext {
	height: 55px;
	color: #fff;
	font-size: 4em;
	text-align: center;
	width: 50%;
	background-image: url(/images/GAECMS.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-top: 5px;
	float: left
}

#searchbox {
	color: #fff;
	font-size: 4em;
	text-align: center;
	width: 50%;
	padding: 0;
	float: left
}

#comments {
	width: 640px;
	padding: 2em 2em 2em 10em;
	float: left
}


#footer {
	padding-top: 20px;
	color: #777;
	
}

#footerimage img {
	height: 50px;
	width: 100%;
}

#footerleft a {
	text-decoration: none;
	
}

#footerSocialMedia{
	text-decoration: none;
	list-style: none;
}
#footerSocialMedia li {
    display: inline;
    margin-right: 12px;
}


#footer ul{
	padding: 0;
}

.footerMenu {
	list-style-type: none;
}

.lowerrightOptions {
	list-style-type: none;
	padding-top: 2%;
	float: left;
	color: #a9a9a9;
	padding-left: 6%;
	padding-right: 6%;
	padding-bottom: 1%;
	font-weight: 900
}

#lowerDiv {
	width: 100%;
	color: #777;
	font-size: 11px;
	font-size: 1.1rem;
	letter-spacing: 1px;
	padding-top: 31px
}

.clear-both {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0
}

.email {
	font-size: 16px;
	height: 25px
}

.rating {
	overflow: hidden;
	display: inline-block
}

.topRatedRating,
.topViewedRating {
	overflow: hidden;
	display: inline-block
}

.staticTopViewedRating {
	overflow: hidden;
	display: inline-block
}

.rating-star {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	background: url(/images/newStar.png) 0 -16px
}

.rating-star:hover,
.rating-star:hover~.rating-star {
	background-position: 0 0
}

.hoverStar {
	background-position: 0 0
}

.hoverStar {
	background-position: 0 0
}

.commentLabel {
	font-size: 20px;
	float: left;
	height: 28px;
	background-color: #000;
	color: #fff;
	padding: 5px;
	margin-top: 5px
}


.sign-in-link {
	float: left;
	height: 28px;
	padding-top: 5px
}

.commentRecord {
	float: left;
	font-size: 15px;
	color: #000;
	font-weight: 700;
	background-color: #fff
}

.fbLink {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background: url(/images/links/fbPic.png) no-repeat;
	float: left;
	margin-left: 2px
}

.twitterLink {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background: url(/images/links/twitterPic.png) no-repeat;
	margin-left: 2px;
	margin-top: 5px
}

.gPlusLink {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background: url(/images/links/gPlusPic.png) no-repeat;
	margin-left: 2px
}

.linkedInLink {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background: url(/images/links/linkedInPic.png) no-repeat;
	margin-left: 2px
}

.showComment:link {
	text-decoration: none;
	font-size: 15px;
	font-weight: 700;
	color: #000;
	font-stretch: ultra-expanded
}

.showComment:visited {
	text-decoration: none;
	color: #2f77b8
}

.showComment:active {
	text-decoration: none;
	color: #000
}

.showComment:hover {
	text-decoration: none;
	color: #f90
}

.separator {
	height: 1px;
	background-color: #2aa4cf
}

.commentTxt {
	color: #555;
	float: left;
	width: 100%;
	clear: both;
	background-color: #fff;
	border: #fff solid 1px;
	text-align: left;
	font-size: 15px
}

#pageCounterDiv li {
	text-decoration: none;
	text-align: center;
	display: inline;
	float: left;
	width: auto;
	padding: 3px 2px;
	font-size: 12px;
	font-size-adjust: inherit;
	font-weight: 700;
	color: #2b2b2b;
	background: #f3f3f3;
	margin-top: 3px;
	margin-bottom: 0;
	margin-left: 1px;
	margin-right: 2px;
	border: #dcdcdc solid 1px
}

#pageCounterDiv li a {
	text-decoration: none;
	text-align: center;
	color: #2b2b2b;
	padding: 0 3px
}

#pageCounterDiv li a:hover {
	text-decoration: underline;
	text-align: center;
	color: #2b2b2b
}

#pageCounterDiv li a:active {
	text-decoration: underline;
	text-align: center;
	color: #2b2b2b
}

#pageCounterDiv li:hover {
	color: #333;
	border-color: #fff;
	box-shadow: 0 2px 0 rgb(0, 0, 0, .2);
	background-color: #fff
}

.prevNextBtn {
	float: left;
	border: none;
	background-color: #f3f3f3;
	color: #2aa4cf;
	font-size: 15px;
	width: auto;
	height: 26px;
	border: #fff solid 1px;
	margin-top: 3px;
	margin-right: 3px;
	padding-bottom: 2px;
	border: #d6d6d6 solid 1px
}

.prevNextBtn:hover {
	border: #2aa4cf solid 1px
}

#header>inner_menu {
	color: #fff;
	height: 44px;
	line-height: 44px;
	margin: auto;
	max-width: 1440px;
	padding: 0;
	font-size: 11px;
	font-size: 1.1rem
}


a:hover {
	text-decoration: none
}

.topic>a:hover {
	text-decoration: none;
}

#site-footer-wrapper {
	background: #fff;
	box-shadow: 0 1px 3px #aaa inset;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

#viewArticleDiv {
	float: left;
	width: 70%
}

.contentHolder-articleheader {
	float: left;
	width: 100%;
	height: 82px;
	background-color: #f6f5f2
}

.upcomingTitle>h6>a:hover {
	text-decoration: underline;
	color: #333
}

.storyholder>a:hover {
	text-decoration: underline
}

.topRatedStoryholder>a:hover {
	text-decoration: underline;
	color: #333
}

.space {
	width: 100%;
	height: 14px
}

#outer-div {
	width: 100%;
	display: table;
	background-color: #1d1d1d
}

.column-strip {
	float: left;
	background-color: #fff;
	display: table-cell
}

#container {
	width: 100%;
	height: 100px;
	position: relative
}

#infoi,
#navi {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

#infoi {
	z-index: 10
}

#innerAuthorDiv {
	font-family: inherit;
	color: #555;
	font-size: 11px;
	text-transform: uppercase;
	padding-top: 9%;
	font-weight: 800;
	display: table-caption
}

#authorDiv {
	float: left;
}

.staticArticlelist {
	width: 96%;
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	overflow: hidden
}

.staticTitle {
	font-size: 8px
}

.staticTopicHolder>a {
	text-decoration: none
}

#inner_titletext {
	width: 12%;
	float: left;
	height: 44px;
	padding-top: .3%;
	padding-left: .5%
}

#storypic_view {
	width: 100%;
	padding-left: 4.5%;
	text-align: center;
	float: left
}

#storytitle_view {
	font-family: inherit;
	color: #333;
	font-size: 1.8em;
	text-align: left;
	float: left;
	width: 100%;
	text-decoration: none;
	line-height: 1.27
}

#storyholder_view {
	padding-top: 6%;
	padding-right: 20px;
	width: 100%;
	margin-left: 15px;
	margin-bottom: 10px;
	float: left;
	text-align: left;
	margin-top: 6px;
	background-color: #fff;
	font-size: 8px
}

#footerright li a {
	color: #aaa
}

#footerright li a:hover {
	background-color: #fff;
	color: #555
}

.header-search-form {
	height: 100px;
	position: fixed;
	right: 0;
	top: 45px;
	width: 640px;
	z-index: 1000;
	display: none
}

.ie-search-wrapper {
	left: 9px;
	position: absolute;
	right: 115px;
	top: 43px
}

.header-search-submit {
	background: #dc4729;
	border: 0;
	box-sizing: border-box;
	font-size: 11px;
	height: 31px;
	line-height: 24px;
	margin: 0;
	position: absolute;
	right: 26px;
	text-transform: uppercase;
	top: 43px;
	width: 88px;
	border-radius: 0
}

.header-search {
	border: 0;
	margin: 0;
	padding: 5px 10px 4px;
	width: 100%;
	font-size: 16px;
	font-size: 1.6rem;
	border-radius: 0
}

#articleSearchWrapper {
	width: 75%;
	float: left;
	min-height: 500px
}

.top-share-button {
	left: 9%;
	padding-bottom: 0;
	position: relative;
	white-space: nowrap;
	float: left;
	background-color: red;
	width: 90%
}

.top-article-share {
	height: 43px;
	position: fixed;
	top: 0;
	width: 100%;
	border-spacing: 3px;
	z-index: 500;
	background-color: #fff;
	box-shadow: 0 0 12px #ccc
}

.social-share-logo {
	top: 0;
	position: fixed;
	height: 22px;
	font-weight: 700;
	font-size: x-large;
	color: #7b7c80;
	margin-left: 1%;
	padding-top: .5%;
	padding-right: 3%
}

.fbshareButton {
	color: #3b579d;
	font-size: 11px;
	line-height: 19px;
	letter-spacing: .5px;
	width: 55px;
	background: #eceef5;
	height: 21px;
	border: #cad4e7 solid 1px;
	border-radius: 3px;
	font-family: inherit;
	text-decoration: none;
	white-space: nowrap
}

.fbshareButton:hover {
	border-color: #9dacce;
	background: #eceef5;
	cursor: pointer
}

.twshareButton {
	border: #ccc solid 1px;
	border-top-color: #e0e0e0;
	border-left-color: #e0e0e0;
	background-color: #fff;
	background: linear-gradient(#fff, #e0e0e0);
	vertical-align: top;
	display: inline-block;
	height: 21px;
	border-radius: 3px;
	font-family: inherit;
	font-size: 11px;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap
}

.twshareButton:hover {
	border-color: #999;
	cursor: pointer
}

.twitter-share-text {
	font-weight: 700;
	color: #333;
	padding-right: 4px
}

.lkshareButton {
	border: #ccc solid 1px;
	border-top-color: #e0e0e0;
	border-left-color: #e0e0e0;
	background-color: #fff;
	background: linear-gradient(#fff, #e0e0e0);
	vertical-align: top;
	display: inline-block;
	height: 20px;
	padding: 0 4px;
	border-radius: 3px;
	color: #555;
	font-family: inherit;
	font-size: 11px;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap
}

.lk-share-text {
	padding-left: 5px;
	padding-right: 3px
}

.lkshareButton:hover {
	color: #0076a3;
	border-color: #999;
	text-decoration: none;
	cursor: pointer
}

.googleshareButton {
	text-indent: 1px;
	color: #dd4c39;
	border: #ccc solid 1px;
	border-top-color: #e0e0e0;
	border-left-color: #e0e0e0;
	background-color: #fff;
	background: linear-gradient(#fff, #e0e0e0);
	vertical-align: top;
	display: inline-block;
	height: 20px;
	padding: 0 3px;
	border-radius: 3px;
	font-family: inherit;
	font-size: 11px;
	line-height: 1.7;
	text-decoration: none;
	white-space: nowrap
}

.google-share-text {
	padding-right: 3px;
	padding-left: 5px
}

.googleshareButton:hover {
	border-color: #999;
	text-decoration: none;
	cursor: pointer
}

.fb-share-text-like {
	color: #3b579d;
	padding-right: 4px
}

.fbshareButtonLike:hover {
	border-color: #9dacce;
	background: #eceef5
}

.fbshareButtonLike {
	border: #ccc solid 1px;
	border-top-color: #e0e0e0;
	border-left-color: #e0e0e0;
	background-color: #fff;
	background: linear-gradient(#fff, #e0e0e0);
	vertical-align: top;
	display: inline-block;
	height: 21px;
	border-radius: 3px;
	font-family: inherit;
	font-size: 11px;
	line-height: 1.7;
	text-decoration: none;
	white-space: nowrap
}

.topRatedStoryholderWrapper {
	float: left;
	text-align: left;
	width: 100%;
	background-color: #fff;
	padding-left: 0;
	font-family: inherit;
}

.topViewedStorySocialIcon {
	float: left;
	text-align: left;
	width: 100%;
	background-color: #fff;
	font-size: 1em
}



.story-header-image {
	content: "";
	position: absolute;
	left: 0;
	height: 0
}

.story-page-header h2 {
	font-size: 17px;
	color: #8a8c8e;
	display: table-cell;
	width: 0%;
	float: left;
	padding-top: .5%
}

.follow-website:before {
	content: "Follow >";
	position: relative;
	text-transform: uppercase;
	top: 22px;
	font-size: 10px;
	font-size: 9px;
	color: #555;
	left: 417px
}

.follow-website {
	right: 0;
	top: 0;
	width: 2%;
	z-index: 5;
	color: #555;
	font-family: inherit;
	display: table-cell
}


.storyshare {
	background: #f6f5f1;
	display: table-column;
	height: 0;
	left: 25px;
	opacity: 0;
	padding: 0;
	position: absolute
}

.storyshare:hover {
	height: auto;
	opacity: 1;
	width: 3%
}

.social-share-button {
	float: left;
	padding-top: 3%;
	padding-bottom: 4%;
	white-space: nowrap;
	display: table;
	width: 90%;
	float: left
}

.social-share-button-holder {
	display: table-row;
	float: left;
	padding-left: .5%
}

.primary-button {
	display: table-cell
}

#secondaryShareButton {
	display: inline-table;
	padding-left: 0
}

#secondaryShareButton1 {
	display: inline-table;
	padding-left: 0
}

.flipboard-button {
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	margin-right: 2%
}

.linkedIn-button {
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	height: 41px;
	margin-right: 35%;
	width: 22%
}

.pinterest-button {
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 41px;
	position: relative;
	width: 27%
}

.stumbleUpon-button {
	background: #fff;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	height: 41px;
	margin-right: 5%;
	position: relative;
	width: 41px
}

.facebook-button {
	border-radius: 2px;
	background: #2d609b;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	cursor: pointer;
	height: 41px;
	font-family: inherit;
	margin-right: 3px
}

.left-share-arrow {
	display: table-column;
	padding-top: .4%;
	position: absolute;
	padding-left: .2%
}

.twitter-button {
	background-color: #00c3f3;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 41px;
	margin-right: 2px;
	font-size: 14px;
	font-family: inherit;
}

.social-share-button-expand {
	background: #c5c5c5;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 42px;
	margin-right: 4px;
	position: relative;
	width: 11%;
	font-size: 31px;
	padding-left: 10px
}

.social-share-button-collapse {
	background: #c5c5c5;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 41px;
	margin-right: 4px;
	position: relative
}

.page-container {
	background-color: #f6f5f2;
	padding-top: 5%;
	padding-bottom: 1%
}

.story-upcoming{
	float: left;
	width: 30%;
	
}
#inner {
	overflow: hidden;
	width: 100%
}



.social-arrow-image {
	position: relative;
	display: inline-block;
	width: 100%
}

.footeroverlay {
	display: none
}

.social-arrow-image:hover .footeroverlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	box-sizing: border-box
}

.topicHolder {
	color: #8a8c8e;
	text-transform: uppercase;
	display: block;
	margin-bottom: 2%;
	font-weight: 700;
	font-size: 10px;
	font-family: inherit;
}

.topicHolder>a:hover {
	text-decoration: underline
}

.topicHolder>a {
	text-decoration: none
}

#articleTopic {
	display: none
}

.story-fb-share {
	padding-left: 6%;
	padding-bottom: 6%;
	padding-top: 9%;
	width: 13%;
	float: left
}

.fb-story-img {
	display: table-cell;
	padding: 9px
}

.fb-story-text {
	display: table-cell;
	padding-top: 6.5%;
	padding-right: 8px
}

.tw-story-img {
	display: table-cell;
	padding-left: 6px
}

.tw-story-text {
	display: table-cell;
	padding-top: 8%;
	padding-left: 5px;
	padding-right: 11px
}

.flip-story-img {
	display: table-cell;
	padding-left: 5%;
	padding-right: 4%
}

.pn-story-img {
	display: table-cell
}

.su-story-img {
	display: table-cell;
	padding-left: 5%;
	padding-right: 4%
}

.lk-story-img {
	display: table-cell;
	padding-left: 0
}

.fb-story-img-header {
	padding-left: 8px;
	display: table-cell;
	padding-right: 4px
}

.fb-story-text-header {
	display: table-cell;
	padding-right: 6px;
	padding-left: 1px
}

.tw-story-img-header {
	display: table-cell;
	padding-left: 4px;
	padding-right: 4px
}

.tw-story-text-header {
	display: table-cell;
	padding-right: 7px
}

.lk-story-img-header {
	display: table-cell
}

#collapseSocialButton1 {
	background: #c5c5c5;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 42px;
	margin-right: 4px;
	position: relative;
	width: 3%;
	font-size: 33px;
	padding-left: 0
}

.social-share-button-top {
	float: left;
	padding-top: 0;
	padding-bottom: 0;
	white-space: nowrap;
	padding-left: 8.5%;
	float: left
}

.flipboard-button-header {
	background-color: #e12828;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	margin-right: 9%
}

.linkedIn-button-header {
	background: #0074a1;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	height: 38px;
	margin-right: 9%
}

.pinterest-button-header {
	background: #ca212a;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 41px;
	margin-right: 9%;
	position: relative
}

.stumbleupon-button-header {
	background: #fff;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	height: 41px;
	margin-right: 9%
}

.social-share-button-collapse-header {
	background: #c5c5c5;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 42px;
	margin-right: 4px;
	position: relative;
	width: 30%;
	font-size: 33px;
	padding-left: 6%
}

#toggleHeader {
	width: 100%
}

#allArticlesHolder {
	float: left;
	clear: both;
	width: 100%
}

#mobileHeader {
	background: #535a63;
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	top: 0;
	z-index: 999;
	width: 60%
}

.mobileTopic {
	border-bottom: 1px solid #656b74;
	display: block;
	z-index: 10001;
	line-height: 44px;
	text-transform: uppercase;
	text-align: left;
	padding-left: 22px
}

#topHeader {
	display: block;
	width: 100%;
	position: fixed;
	z-index: 1
}

#inner_titletext_mobile {
	float: left;
	text-align: left;
	display: inline-block;
	height: 43px;
	padding: 6px;
	width: 49%
}

#logoImage {
	width: 100%
}

#expandTopicInMobile {
	font-size: 31px;
	float: left;
	padding: 1px;
	width: 11%
}

.pushHeaderIcon {
	transform: translate(212px, 0);
	z-index: 0
}

.headerTab {
	overflow: hidden;
	background: linear-gradient(#f0f0f0, #e0e0e0);
	position: fixed;
	width: 100%;
	top: 44px
}

.headerTab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: 0;
	cursor: pointer;
	transition: .3s;
	font-size: 14px;
	color: #888;
	display: block;
	padding-top: 11px;
	padding-bottom: 7px;
	padding-left: 17px;
	padding-right: 17px
}

.headerTab button:hover {
	background-color: #ddd
}

.headerTab button.active {
	background-color: #ccc
}

#mobileHeaderTab {
	display: none
}


#author-column {
	width: 52%;
	background-color: #fff
}

.authorHeaderWrapper {
	padding: 30px;
	width: 100%;
	min-height: 260px;
	background-color: #f6f5f2;
	border-bottom: 1px solid #bfbdbd
}

.authorProfileHeader {
	float: left;
	width: 100%
}

.authoPprofilePicture {
	width: 20%
}

.authorInfo {
	width: 25%
}

.authorInfoDetails {
	font-size: 3em;
	text-align: left;
	float: left;
	text-decoration: none;
	font-weight: 500;
	padding-top: 1.7%;
	line-height: 1.2
}

.authorInfoDetails>a {
	font-family: inherit;
	font-weight: 600;
	color: #333
}

.authorSubHeader {
	position: relative;
	top: -1px;
	padding: 0 30px;
	margin-top: 0;
	border-bottom: 0;
	margin-left: 0;
	list-style: none;
	font-size: 10px;
	line-height: 1.5;
	color: #555;
	text-transform: uppercase
}

.activeAuthor {
	font: 12px ProximaNovaRegular, Arial, sans-serif;
	text-transform: uppercase;
	float: left;
	background: #f6f5f2;
	border-bottom: 1px solid #bfbdbd;
	border-right: 1px solid #bfbdbd;
	border-left: 1px solid #bfbdbd
}

.activeAuthor>a {
	border-top: 0;
	position: relative;
	display: block;
	padding: 10px 15px
}


.primary-button-mobile {
	display: none
}

#middleReelSection {
	width: 76%;
	padding: 1.1%;
	background-color: #121212
}

.reelContainer {
	width: 33%;
	float: left
}

#middleVideoSection {
	background-color: #1d1d1d;
	width: 46.2%
}

.latestImage {
	border: #d6d6d6 solid 1px;
	width: 100%;
	height: 78px
}

.subscribeForm {
	padding: 1px;
	top: 7%;
	position: fixed;
	right: 0;
	width: 100%;
	height: 357px;
	color: #fff;
	background: url(https://storage.googleapis.com/giffy-appscale.appspot.com/5726309573459968);
	z-index: 999;
	bottom: 392px;
	background-position: center bottom;
	background-color: #000;
	background-size: cover;
	width: 554px;
	height: 325px;
	overflow: hidden;
	margin: 0
}

* {
	box-sizing: border-box
}

.storyBottomAdsLeft {
	width: 50%;
	float: left
}

.storyBottomAdsRight {
	width: 50%;
	float: left
}

#subscribeText {
	font-family: inherit;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2em;
	letter-spacing: 15px;
	text-align: center;
}

.subscribeEmailWrapper {
	margin-top: 139px;
	left: 15px;
	height: 50px
}

#subscribe-error_close {
	color: #dd3b38;
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	float: right;
	cursor: pointer;
	margin-top: -2px
}

#cancelSubscribe {
	float: right;
	padding: 1px;
	padding-right: 11px
}

.error-message-alert {
	display: none;
	width: 35%;
	right: 43px;
	border-radius: 3px;
	padding: 12px 15px;
	margin: 0;
	text-align: left;
	position: fixed;
	top: 83px;
	color: red;
	background-color: #fff4f4;
	border: #d58a8a solid 1px;
	font-size: 13px;
	line-height: 18px;
	z-index: 10001;
	white-space: nowrap;
	font-weight: 400
}

.subscribe-error-message {
	color: #d58a8a;
	font-size: inherit;
	line-height: inherit
}

#subscribeText1 {
	font-family: inherit;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	font-size: 28px;
	color: #1bb8b7
}

.subscribeText1Wrapper {
	display: block;
	position: absolute;
	left: 0;
	top: 95px;
	width: 100%;
	height: 38px
}

#subscribeText3 {
	font-family: inherit;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	font-size: 22px;
	color: #fff
}

.subscribeText3Wrapper {
	display: block;
	position: absolute;
	left: 59px;
	top: 134px;
	width: 80%;
	height: 74px
}

.subscribeSubmitWrapper {
	display: block;
	position: absolute;
	left: 367px;
	top: 216px;
	width: 142px;
	height: 42px;
	z-index: 9000
}

.subscribeSubmit {
	font-family: inherit;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-style: none;
	border-width: 0;
	background: #1bb8b7;
	width: 100%;
	height: 100%;
	cursor: pointer;
	margin-left: 3%;
	text-transform: uppercase
}

.form-subscribe {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	border-radius: 0;
	background: #fff;
	font-weight: 400;
	font-style: italic;
	text-decoration: none;
	text-align: left;
	color: #000;
	width: 60%;
	height: 42px;
	overflow: hidden;
	box-sizing: border-box;
	padding-left: 6px;
	padding-right: 5px;
	float: left;
	margin-left: 6%
}

.follow-website-header {
	right: 0;
	top: 0;
	z-index: 5;
	color: #555;
	display: table-cell;
	padding-left: 24px
}

.follow-website-header h2 {
	font-size: 17px;
	color: #8a8c8e;
	display: table-cell;
	float: left;
	padding-top: .5%
}

.articleCalender {
	display: inline-block;
	padding: 4px 10px;
	background: #56d1ff;
	margin: 30px 0
}

.calenderWrapper {
	text-align: center;
	padding: 0 30px
}

.calenderYear {
	display: inline-block;
	margin: 30px 0;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center
}

.calenderYear>li>a {
	display: inline-block;
	padding: 4px 10px;
	border-right: 3px solid #00aeef;
	background: #56d1ff
}

.calenderYear>li {
	display: block;
	border-bottom: 1px solid #00aeef
}

.calenderMonth {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0
}

.calenderMonth>li {
	display: inline-block;
	vertical-align: top
}

.calenderMonth>li>a {
	display: inline-block;
	padding: 4px 10px
}

.beforeFooter {
	width: 100%;
	height: 57px;
	background-color: #f4f4f4
}

.articleImageHolder {
	width: 19%;
	display: table-cell
}

.articleImageHolderSearch {
	width: 29%
}

.articleImage {
	width: 100%;
	float: left;
	padding-left: 10%;
	padding-right: 11%
}

.articletext {
	font-family: inherit;;
	color: #333;
	font-size: 1em;
	text-align: left;
	display: table-cell;
	width: 80%;
	vertical-align: top
}

.uppercase {
	text-transform: uppercase
}

.authorDetails {
	font-size: 1.1rem;
	color: #aaa;
	font: 12px ProximaNovaRegular, Arial, sans-serif
}

.articleSummary {
	font-size: 1.5rem;
	margin: .5em 0
}

.article_pagination a,
.article_pagination em,
.article_pagination span {
	display: inline-block;
	padding: 6px 10px;
	border: #00aeef solid 1px;
	background: #0abcff;
	color: #fff;
	text-align: center;
	margin: 20px 0;
	font: 12px ProximaNovaRegular, Arial, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none
}

.article_pagination a:hover {
	background: #009bd6;
	text-decoration: none
}

#middleAdSection {
	width: 23.8%;
	background-color: #1d1d1d;
	margin-top: 1.1%
}

#articleSubscribeWrapper {
	margin: 0 30px;
	padding: 41px 0 0;
	background: url(https://storage.googleapis.com/scrabbl-com.appspot.com/5635649726054400) left bottom no-repeat;
	background-size: 177px;
	height: 321px
}

#articleSubscribeWrapper .emailInputDiv h1 {
	font-family: ProximaNovaRegular;
	font-weight: 400;
	font-size: 37px;
	font-size: 3.7rem;
	line-height: 37px;
	color: #e37047
}

#articleSubscribeWrapper .emailInputDiv h3 {
	font-family: ProximaNovaRegular;
	color: #000;
	font-size: 13px;
	font-size: 1.3rem;
	margin-top: 0;
	margin-bottom: 28px;
	font-weight: 700
}

#articleSubscribeWrapper .emailInputDiv {
	font-size: 0;
	margin-left: 210px
}

#articleSubscribeWrapper .emailInputDiv input.emailField {
	border-radius: 2px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	display: inline-block;
	padding: 15px;
	height: 39px;
	border: none;
	width: 229px
}

#articleSubscribeWrapper input.submitSubscribeForm {
	background-color: #e37047;
	border: none;
	color: #fff;
	padding: 12px 24px;
	text-transform: uppercase;
	font-size: 12px;
	font-size: 1.2rem;
	font-family: ProximaNovaRegular, sans-serif
}

.displayArticleSearch {
	display: none
}

.item img {
	width: 100%;
}

#indicator {
	top: 100%;
	margin-top: .7%;
	margin-left: 0;
	left: 20.6%
}

/* .carousel-indicators li {
	border: #a9a9a9 solid 1px!important;
	text-indent: 0!important;
	width: 3%!important;
	height: 4px!important
}

.carousel-indicators .active {
	background-color: #0070a0!important;
	width: 3%!important;
	height: 4px!important;
	border-radius: 10px!important
}
 */
.hide-carousel {
	display: none
}

.arrow-iconleft {
	position: absolute;
	bottom: 46%;
	margin-left: 2%
}

.arrow-iconright {
	position: absolute;
	bottom: 46%;
	right: 39%
}

.carousel-controls {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgb(0, 0, 0, .6);
	background-color: rgb(0, 0, 0, 0);
	opacity: .5
}

.carousel-controls.right {
	right: 0;
	left: auto;
	background-image: linear-gradient(to right, rgb(0, 0, 0, .0001) 0, rgb(0, 0, 0, .5) 100%);
	background-repeat: repeat-x
}

.carousel-controls.left {
	background-image: linear-gradient(to right, rgb(0, 0, 0, .5) 0, rgb(0, 0, 0, .0001) 100%);
	background-repeat: repeat-x
}

.carousel-controls:focus,
.carousel-controls:hover {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: .9
}

#videoHolder {
	width: 100%;
	height: 100%
}

#videoTag {
	width: 100%;
	height: 723px
}

.removePageContainer {
	padding-top: 0!important
}

#videoDiv {
	width: 100%;
	height: 570px
}

@media only screen and (max-width:768px) {
	.carousel-indicators li {
		width: 6%!important;
		height: 5px!important;
		cursor: pointer!important
	}
	.carousel-indicators .active {
		width: 6%!important;
		height: 5px!important;
		border-radius: 10px!important
	}
	#staticArticle {
		display: none
	}
	#indicator {
		bottom: 0;
		display: none
	}
	.articleImageHolder {
		width: 100%;
		display: block
	}
	#articleTopic {
		display: block
	}
	.articleConatiner {
		min-height: 138px
	}
	.display {
		display: none
	}
	.displayArticleSearch {
		display: block;
		margin-top: 30px;
		margin-bottom: 30px
	}
	.header-search-form {
		width: 100%
	}
	#second-column-search {
		display: none
	}
	.authorDetails {
		display: none
	}
	.articleSummary {
		display: none
	}
	#articleSearchWrapper {
		width: 100%;
		background: #e6e7e8;
		padding: 0 15px;
		padding-top: 5%
	}
	.articleImageHolderSearch {
		width: 100%;
		display: unset
	}
	.articletext {
		float: left;
		width: 100%;
		background: #fff;
		padding: 12px 15px 20px
	}
	.articleImage {
		padding-right: 0;
		padding-left: 0;
		padding-top: 0
	}
	.topViewedArticleholder {
		padding-left: 5%;
		padding-right: 5%
	}
	.error-message-alert {
		right: 0;
		width: 100%;
		top: 140px
	}
	.subscribeSubmitWrapper {
		left: 13px;
		top: 292px;
		width: 87%
	}
	.subscribeEmailWrapper {
		margin-top: 165px
	}
	.subscribeText3Wrapper {
		left: 0;
		width: 100%
	}
	.form-subscribe {
		width: 87%
	}
	.staticTitle>a {
		font-family: inherit;
		color: #333;
		font-size: 2.8em;
		text-align: left;
		float: left;
		width: 100%;
		text-decoration: none;
		line-height: 1.27
	}
	.authorHeaderWrapper {
		display: flex
	}
	.authoPprofilePicture {
		width: 100%
	}
	.authorInfo {
		position: relative;
		width: 100%;
		padding-left: 16%
	}
	#allArticlesHolder {
		clear: both;
		float: none
	}
	.social-share-button-top {
		padding-left: 0
	}
	#articleSubscribeWrapper input.submitSubscribeForm {
		margin-top: 14px
	}
	#articleSubscribeWrapper {
		background: 0 0;
		padding: 10px 0
	}
	#articleSubscribeWrapper .emailInputDiv {
		text-align: center;
		margin: 0
	}
	#articleSubscribeWrapper .emailInputDiv h1 {
		font-size: 27px;
		font-size: 2.7rem;
		line-height: 29px
	}
	.storyBottomAdsLeft {
		width: 100%;
		padding-bottom: 6%;
		padding-left: 0
	}
	.storyBottomAdsRight {
		width: 100%;
		padding-bottom: 6%;
		padding-left: 0
	}
	.subscribeForm {
		width: 100%
	}
	#subscribeFormDiv {
		display: none;
		height: 395px;
		top: 109px
	}
	.contactUs {
		position: fixed;
		right: 42px;
		top: 21%;
		z-index: 55;
		text-align: center;
		margin-top: -20px
	}
	.staticTopViewedArticleholder {
		width: 100%
	}
	.page-container {
		padding-top: 25%
	}
	.social-arrow-image {
		position: unset
	}
	#outer-div {
		position: relative
	}
	#middleAdSection {
		width: 100%;
		padding-bottom: 3%
	}
	#middleReelSection {
		width: 100%
	}
	.reelContainer {
		width: 93%;
		float: left;
		padding-left: 7%;
		padding-bottom: 4%
	}
	#middleVideoSection {
		width: 100%
	}
	.top-share-text {
		display: block;
		color: transparent;
		padding-top: 4px
	}
	.top-share-text:first-letter {
		display: block;
		color: #fff;
		background: #7b7c80;
		width: 31px;
		margin-left: 49px;
		padding-left: 8px;
		padding-right: 7px;
		padding-top: 2px;
		padding-bottom: 3px
	}
	#topicMobileViewInStory {
		display: block
	}
	.primary-button-mobile {
		display: block;
		padding-left: 77px;
		padding-top: 6px
	}
	#topPrimaryButton {
		display: none
	}
	#top-article-share {
		display: none;
		height: 49px
	}
	#banner {
		background-image: url(/images/cms/websitebanner.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		height: 100px
	}
	#banner img {
		display: none
	}
	.staticArticlelist {
		width: 100%;
		display: block;
		margin-left: -6%
	}
	#fbStoryText {
		display: none
	}
	.fb-story-img {
		padding-left: 4px;
		padding-bottom: 3px;
		padding-top: 2px;
		padding-right: 12px
	}
	#twitterStoryText {
		display: none
	}
	.facebook-button {
		padding-left: 8px;
		padding-top: 9px
	}
	.twitter-button {
		padding-left: 4px;
		padding-top: 9px;
		padding-right: 6px;
		margin-right: 6px
	}
	.social-share-button {
		padding-bottom: 31px
	}
	.social-share-button-expand {
		width: 27%;
		font-size: 31px;
		padding-left: 9px
	}
	#storytitle1 {
		width: 100%;
		font-size: 1.5em;
		padding-bottom: 43px
	}
	.left-share-arrow {
		display: none
	}
	.storyshare {
		display: none
	}
	#storypic_view {
		padding-left: 3px;
		padding-right: 15px
	}
	#storyholder_view {
		margin-left: 5px
	}
	#authorImageSpan {
		display: none
	}
	#authorDiv {
		padding-left: 0;
		width: 100%
	}
	#storytext {
		width: 100%
	}
	#innerAuthorDiv {
		width: 100%;
		display: block;
		padding-top: 12px;
		padding-bottom: 12px
	}
	#viewArticleDiv {
		width: 100%;
		padding-top: 0;
		padding-left: 3%
	}
	#storyHeader {
		display: none
	}
	#storyImageHeader {
		display: none
	}
	#header {
		display: none
	}
	#lowerDiv {
		display: block;
		padding-top: 7px
	}
	#copyright {
		width: 100%
	}
	.midOption {
		margin-left: 8px
	}
	#disclaimerFooter {
		width: 100%;
		padding-left: 0
	}
	#developedBy {
		width: 100%;
		padding-left: 0
	}
	#footer {
		padding: 10px;
		border: none
	}
	#footerDesc {
		display: none
	}
	#footermid {
		width: 100%;
		padding-bottom: 37px
	}
	#footerright {
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 0;
		padding-right: 0
	}
	#footerright li {
		width: 30%;
		padding-bottom: 15px
	}
	#mobileHeaderTab {
		display: block;
		z-index: 1
	}
	#menu {
		display: none
	}
	#first-column {
		width: 100%
	}
	#second-column-story {
		width: 100%
	}
	#second-column {
		width: 100%;
		display: none
	}
	#third-column {
		width: 100%;
		display: none
	}
	#author-column {
		width: 100%;
		border-right: 0 solid #0070a0
	}
	.authorProfileHeader {
		display: block
	}
	.storypic {
		background: 0 0;
		display: inline-block;
		vertical-align: top;
		width: 100%
	}
	.storyholder {
		width: 100%;
		padding-left: 7%;
		padding-top: 7%;
		padding-bottom: 7%;
		background-color: #fff;
		font-size: 1em
	}
	.latestImage {
		border: #d6d6d6 solid 1px;
		width: 100%;
		height: 100%
	}
	.latestFooter {
		display: none
	}
	.topViewedStorySocialIcon {
		display: none
	}
	.trendyFooter {
		display: none
	}
	#storyAd {
		width: 100%;
		padding-top: 6%;
		padding-bottom: 5%
	}
	#storyAdBottom {
		width: 100%;
		padding-top: 6%;
		padding-bottom: 5%
	}
	.adInUpcoming {
		padding-bottom: 8px;
		z-index: 0
	}
	.adInLatest {
		padding-bottom: 39px;
		z-index: 0
	}
	.adInTrendy {
		padding-bottom: 39px;
		z-index: 0
	}
	#adArticleColoumn {
		height: 276px
	}
	#multipleSubscribeDiv {
		position: fixed;
		width: 554px;
		height: 325px;
		z-index: 9948030;
		left: 795px;
		bottom: 0
	}
	.storySubscribeDiv {
		background: #f3f4f4;
		margin-top: 21px;
		margin-bottom: 38px
	}
	.hiddenTitle {
		display: none
	}
	#welcome {
		color: #0070a0;
		font-size: 12px;
		font-family: inherit;
		line-height: 43px;
		margin: 1px 0 0;
		padding: 0 4px;
		text-transform: uppercase;
		text-decoration: none
	}
	.button {
		background-color: #0070a0;
		border: none;
		color: #fff;
		padding: 5px 21px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 11px;
		margin: 4px 5px;
		cursor: pointer;
		width: 33%;
		height: 31px;
		margin-top: 18px;
		padding-top: 3px;
		margin-left: 0
	}
	.triangle-up {
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 10px solid transparent;
		margin-left: 225px
	}
	#domainRegister>label,
	#login>label,
	#logout>label,
	#myProfile>label,
	#ticket>label {
		cursor: pointer;
		line-height: 34px
	}
	#loginPanel {
		margin-left: 73.6%;
		margin-top: 3.33%;
		width: 33%;
		z-index: 1000000;
		position: fixed;
		display: none
	}
	#loginForm {
		border: #a0a0a0 solid 1px;
		height: 25%;
		background: #f7f7f7;
		width: 80%;
		padding: 12px;
		padding-top: 27px;
		padding-bottom: 27px;
		border-bottom: 1px #00aeef;
		border-bottom: 6px solid #0070a0
	}
	.feild_label_class {
		color: #0070a0;
		padding-right: 2%
	}
	.customer_email {
		padding-left: 3%;
		padding-right: 3%;
		opacity: 1;
		height: 30px;
		margin-top: 3%;
		margin-left: 3%;
		width: 67%;
		background-color: #fff;
		color: #555;
		border: #ccc solid 1px;
		outline: 0
	}
	.customer_password {
		padding-left: 3%;
		padding-right: 3%;
		opacity: 1;
		height: 30px;
		margin-top: 3%;
		width: 67%;
		background-color: #fff;
		color: #555;
		border: #ccc solid 1px;
		outline: 0
	}
	#domainRegister {
		padding-top: 16px;
		height: 100%;
		cursor: pointer
	}
	#login {
		padding-top: 16px;
		cursor: pointer;
		width: 4%;
		font-size: 19px;
		width: 3%;
		padding-top: 1%;
		float: right
	}
	#logout,
	#myProfile,
	#ticket {
		display: none;
		padding-top: 16px;
		cursor: pointer;
		padding-top: 16px
	}
	#mobileLoginPanel {
		margin-left: 55.5%;
		margin-top: 3.33%;
		width: 33%;
		z-index: 19;
		position: absolute;
		display: none
	}
	#logout {
		font-size: 19px;
		width: 3%;
		padding-top: 1%;
		float: right
	}
	#more {
		padding-top: 16px;
		height: 100%;
		cursor: pointer
	}
	#more_wrapper {
		display: none;
		position: fixed;
		z-index: 19;
		width: 30%;
		background-color: #fff;
		color: #0070a0;
		display: none;
		margin-top: 3.37%;
		border-bottom: 4px solid #0070a0;
		margin-left: 48%;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		clear: both
	}
	.moretopic {
		height: 40px;
		font-size: 33px;
		width: 100%;
		font-size: 0;
		float: none;
		padding-left: 16%
	}
	.moretopic:hover {
		height: 40px;
		display: block;
		background-color: rgb(206, 206, 206, .31);
		text-decoration: none;
		color: #fff;
		cursor: pointer
	}
	#savedTopics {
		width: 100%
	}
	#newLink {
		width: 100%
	}
	.moretopic>a {
		line-height: 34px
	}
	#channelHeading {
		width: 50%
	}
	#customerDetails {
		width: 50%
	}
	div#channel {
		padding-left: 16%;
		color: #777;
		font-size: 17px;
		font-weight: 700
	}
	div#detailHeading {
		padding-left: 16%;
		color: #777;
		font-size: 17px;
		font-weight: 700
	}
	#profileModal {
		display: none;
		width: 23%;
		height: 175px;
		position: fixed;
		z-index: 19;
		margin-top: 4.37%;
		margin-left: 28%;
		background-color: #fff;
		border: #b5b5b5 solid 1px;
		margin-left: 76.9%
	}
	#outerWrapper {
		content: "";
		border: #f9f9f9 solid 1px;
		height: 53%;
		padding: 5% 4%;
		background-color: #fbfbf2
	}
	#profilePhoto {
		border: grey solid 1px;
		width: 20%;
		height: 58px;
		border-radius: 100%;
		float: left;
		background-color: #fff
	}
	.profile_modal {
		font-size: 41px;
		padding: 3px;
		background-color: #fbfbf2
	}
	label.profileModalLabel {
		font-weight: 100;
		font-size: 12px
	}
	span.profile_modal {
		color: rgb(187, 187, 187, .88);
		background-color: #fff;
		border-radius: 100%
	}
	#buttonWrapper {
		padding: 3%
	}
	button.profileModalButtons {
		border: none;
		height: 31px;
		width: 42%;
		color: #fff;
		font-size: 11px
	}
	.moreRow {
		height: 100%;
		border-right: 1px solid #ccc
	}
	input#emailId:focus,
	input#password:focus {
		box-shadow: 0 0 3px 1px #cedef0;
		border: #56b4e8 solid 1px
	}
}

@media only screen and (max-width:768px) {
	#loginPanel {
		margin: 30% 2% 15% 10%;
		width: 100%
	}
	.triangle-up {
		display: none
	}
	.button {
		padding: 5px 0
	}
	.customer_email {
		margin-left: 4%
	}
	#loginForm {
		border-top: 6px solid #0070a0
	}
	.feild_label_class {
		display: none
	}
	.customer_password {
		margin-left: 4%;
		width: 84%
	}
	.customer_email {
		width: 84%
	}
	.button {
		margin-top: 11px;
		height: 30px;
		margin: 10px 0;
		width: 38%;
		border-radius: 1px;
		margin-left: 1%
	}
}

@media only screen and (min-width:768px) {
	form#loginForm::before {
		border-color: transparent transparent transparent #a00;
		border-width: 11px;
		bottom: 100%
	}
	form#loginForm::after {
		bottom: 100%;
		border-color: transparent transparent transparent #f5f5f5;
		border-width: 11px;
		left: 68.1%
	}
	form#loginForm::before {
		border-color: transparent transparent transparent #000;
		border-width: 11px;
		bottom: 100%
	}
}

@media only screen and (min-width:768px) {
	#profileModal::before {
		border-color: transparent transparent transparent #a00;
		border-width: 11px;
		bottom: 100%
	}
	#profileModal::after {
		bottom: 100.5%;
		border-color: transparent transparent transparent #fff;
		border-width: 11px;
		left: 68.1%
	}
	#profileModal::before {
		border-color: transparent transparent transparent #000;
		border-width: 11px;
		bottom: 100%
	}
	#profileModal::after,
	#profileModal::before {
		content: '';
		display: block;
		position: absolute;
		left: 90%;
		width: 0;
		height: 0;
		border-style: solid;
		bottom: 99.9%;
		transform: rotate(270deg)
	}
}

#customerSubscription {
	display: none
}

#billDetails {
	display: none
}

#deployStatus {
	display: none
}

@media only screen and (max-width:768px) {
	#newLink {
		display: none
	}
	#deployStatus>a {
		display: none
	}
}


#user_register_div {
	float: right
}

.outerscroller {
	width: 100%;
	height: 100%
}

.innerscroller {
	width: 100%
}

.loginbttn-style {
	padding: 0
}

.alignment-style {
	float: left
}

.reg-close {
	margin-top: 5px
}

.reg-para {
	margin-top: 20px
}

.googlediv-style {
	margin-top: 15px
}

.mobile-style {
	border-right: 1px solid #e4e4e4
}

.facebookbttn-style {
	width: 100%;
	background-color: #507cc0
}

.facebookicon-style {
	float: left;
	width: 10%
}

.googlebttn-style {
	width: 100%;
	background-color: #df4930
}

.googleicon-style {
	float: left
}

.headerimg-style {
	width: 17%;
	margin-left: auto;
	padding-bottom: 33px;
	padding-top: 20px
}

.error-style {
	border: #dc4729 solid 1px
}

.parafont-style {
	font-size: 12px
}

.g-recaptcha {
	transform: scale(.91);
	transform-origin: 0 0
}

.headermargin-style {
	margin-left: 1px
}

#regis_div {
	position: relative;
	background: #fff;
	border: #e2e2e2 solid 1px;
	box-shadow: 0 0 5px #888;
	border-radius: 4px;
	padding-top: 0;
	width: 50%;
	left: 0;
	right: 0;
	margin: auto;
	top: 9%;
	z-index: 1;
	padding-bottom: 3%;
	margin-bottom: 2%
}

.namelabel-style {
	padding: 0
}

.columnmargin-style {
	margin-bottom: 10px
}

#user_form_footer {
	padding: 5%;
	border-top: 1px solid #e2e2e2;
	background: #f7f7f7
}

.user_container {
	padding-right: 32px;
	float: left;
	box-sizing: border-box;
	width: 50%;
	line-height: 1.4
}

#user_login_form {
	border-left: 1px #eee
}

#inner_regis_div {
	width: 100%
}

#login_label {
	margin-right: 68%;
	font-weight: 700;
	margin-bottom: 8px
}

#logo_image {
	width: 100%;
	padding: 2%;
	height: 80px
}

#logoImg {
	width: 44%
}

#userMailLink {
	font-size: 13px
}

#termsConditions {
	font-size: 13px;
	color: #999
}

#email_link_div {
	width: 100%;
	text-align: left
}

.emailregistration-style {
	display: none
}

#signUpHeader {
	margin: 0;
	padding: 0;
	font-family: inherit;
	color: #333;
	display: block;
	font-size: 18px;
	margin-bottom: 5%;
	margin-left: 8%
}

.signUpLabel {
	line-height: 27px;
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: 700
}

#first_name_div {
	width: 49%;
	float: left;
	padding: 0 0 8px;
	display: block;
	margin-right: 2%
}

#last_name_div {
	padding-left: 4px;
	width: 49%;
	float: left;
	padding: 0 0 8px;
	display: block
}

#emailRegis {
	padding: 0 0 8px;
	display: block
}

#user_Scrabbl_reg_email {
	margin-right: 85%
}

#scrabbl_pswd {
	margin-right: 85%
}

#recaptchaDiv {
	margin-top: 16%
}

#nameLabel {
	margin-right: 44%
}

#surnameLabel {
	margin-right: 44%
}

#continueEmailTerms {
	margin-top: 3%;
	text-align: left
}

.continueEmailSpan {
	color: #999;
	font-size: 13px;
	font-weight: 400;
	font-family: inherit;
	line-height: 1.4
}

#scrabbl_reg_pswd {
	margin-top: 8%
}

#continueWithEmailBttnDiv {
	margin-top: 2%;
	float: right;
	margin-right: 6%
}

#signUpFormDiv {
	margin-left: 8%
}

#reg_outer_div {
	display: none;
	width: 100%;
	height: 100%
}

#reg_scroll {
	width: 100%
}

#emailDiv {
	margin-bottom: 2%
}

#cancelDiv {
	margin-top: 15px
}

#show_error_message {
	display: none;
	background-color: #5b6770;
	color: #fff;
	width: 100%;
	font-weight: 500
}

#error_message_span {
	color: red;
	font-size: 18px
}

#name_err {
	color: red;
	display: none;
	font-size: 80%;
	float: left
}

#last_name_err {
	color: red;
	display: none;
	font-size: 80%;
	float: left
}

#email_err {
	color: red;
	display: none;
	font-size: 80%;
	float: left
}

#password_err {
	color: red;
	display: none;
	font-size: 80%;
	float: left
}

#mobile_policy {
	display: none
}

#mobile_login_form_div {
	display: none
}

#mobile_view_links {
	display: none
}

#mobile_name_div {
	display: none
}

#mobile_password_div {
	display: none
}

#mobile_disclaimer {
	display: none
}

#mobile_login_form_header {
	display: none
}

#mobile_SignUp_header {
	display: none
}

#mobile_signUp_terms {
	display: none
}

#mobile_login_label {
	display: none
}

#mobile_passwrd_label {
	display: none
}

#image_div {
	position: fixed;
	z-index: 6;
	padding-top: 0;
	left: 0;
	top: 0;
	width: 100%;
	max-height: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #000;
	background-color: rgb(0, 0, 0, .5);
	overflow-y: scroll
}

#image_div::-webkit-scrollbar {
	display: none
}

.changeBorderColor {
	border: #dc4729 solid 1px
}

.modal_class {
	display: none;
	position: fixed;
	z-index: 10000000;
	padding-top: 180px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #000;
	background-color: rgb(0, 0, 0, .4)
}

.scrabbl_err_modalContent {
	background-color: #fefefe;
	margin: auto;
	padding: 50px;
	border: #888 solid 1px;
	width: 77%
}

#err_modal_cancel_link {
	width: 100%;
	font-weight: 700;
	float: left;
	padding: 12px 0;
	color: #333;
	outline: 0;
	user-select: none;
	text-decoration: none;
	margin: 0
}

.deactiveStyle {
	opacity: .5;
	pointer-events: none
}

#scrabblRegisImage {
	width: 31%;
	height: 100px;
	float: left;
	margin-left: 2%
}

#scrabbl_user_logout {
	display: none;
	float: right
}

#scrabbl_user_info {
	display: none;
	padding: 1.1%;
	float: right;
	text-transform: lowercase;
	font-size: 13px
}

#loggedInUserImg {
	font-size: 13px
}

#gBttn:hover {
	cursor: pointer
}

#google_icon {
	background: url("/images/RedGoogle_FI .png") 5px 50% no-repeat transparent;
	display: inline-block;
	vertical-align: middle;
	width: 42px;
	height: 28px;
	margin-left: 1%
}

.gBttnCaption {
	display: inline-block;
	vertical-align: middle;
	padding-left: 0;
	padding-right: 42px;
	margin-right: 13%;
	font-size: 13px;
	font-weight: 700;
	font-family: inherit;
}

.fb-bttn {
	display: inline-block;
	color: #fff;
	width: 100%;
	border-radius: 3px;
	white-space: nowrap;
	margin-bottom: 16px;
	font-size: 16px;
	background: #4080ff
}

.fb-bttn:hover {
	cursor: pointer
}

#facebook_icon {
	background: url(/cms/facebook_mod_img.png) 5px 50% no-repeat transparent;
	display: inline-block;
	vertical-align: middle;
	width: 42px;
	height: 28px;
	margin-left: 1%
}

.fbBttnCaption {
	display: inline-block;
	vertical-align: middle;
	padding-left: 0;
	padding-right: 42px;
	margin-right: 13%;
	font-size: 13px;
	font-weight: 700;
	font-family: inherit;
}



#userLoginErr {
	display: none;
	float: left;
	font-size: 80%;
	color: red
}

#recaptchaError {
	display: none;
	font-size: 80%;
	color: red
}

.header-row {
	width: 100%
}

.content-row {
	width: 100%
}

#mobileLoginSignUpDiv {
	display: none
}

.btnwidth-style {
	width: 28%
}

#reEnterPswdErr {
	display: none;
	float: left;
	font-size: 80%;
	color: red
}

#successfulRegMsg {
	display: none;
	float: left;
	font-size: 80%;
	color: red
}

#nonActiveUserAlert {
	display: none;
	float: left;
	font-size: 80%;
	color: red
}


@media only screen and (max-width:768px) {
	.login-header {
		margin-top: 26px;
		font-weight: 600
	}
	.headerimg-style {
		width: 25%
	}
	.btnwidth-style {
		width: 24%
	}
	.facebookicon-style {
		width: 5%
	}
	.googleicon-style {
		width: 5%
	}
	.loginbttn-style {
		padding: 0
	}
	#logo_image {
		width: 50%
	}
	#userLoginErr {
		display: none
	}
	#recaptchaError {
		display: none
	}
	#mobileLoginSignUpDiv {
		display: block;
		width: 100%;
		text-align: center
	}
	#regis_div {
		background: #fff;
		padding-top: 0;
		width: 100%;
		height: 100%;
		max-height: 100%;
		position: fixed;
		bottom: initial;
		left: 0;
		right: 0;
		margin: auto;
		border: 0;
		box-shadow: 0 0 0 transparent;
		top: 0;
		z-index: 1;
		padding-bottom: 26%;
		overflow-y: scroll;
		overflow-x: hidden
	}
	#google_icon {
		float: left
	}
	#logoImg {
		width: 83%;
		margin-right: 15%;
		margin-left: 2%
	}
	#logo_image {
		width: 100%
	}
	#fb_login_div {
		width: 65%
	}
	#email_link_div {
		display: none;
		width: 100%;
		margin-right: 5%;
		margin-left: 76%;
		margin-top: 6%
	}
	#cancelDiv {
		margin-left: 0;
		margin-top: 0
	}
	.scrabbl_mobile_link {
		color: #999
	}
	#scrabbl_mobile_login {
		margin-right: 3%
	}
	#mobile_view_links {
		display: block;
		width: 100%
	}
	#mobileTermsSpan {
		font-size: 12px;
		color: rgb(155, 155, 155, .5)
	}
	#mobile_login_div {
		width: 50%;
		float: left
	}
	#mobile_signup_div {
		width: 50%;
		float: left
	}
	#mobile_policy {
		display: block;
		width: 96%;
		padding: 3% 15%
	}
	#mobile_login_form_header {
		display: none;
		position: relative;
		background: #b92b27;
		min-height: 44px;
		width: 100%
	}
	#signUpHeader {
		display: none
	}
	#continueWithEmailBttnDiv {
		display: none
	}
	#continueEmailTerms {
		display: none
	}
	#login_label {
		display: none
	}
	#mobile_name_div {
		display: table;
		width: 100%;
		position: relative;
		line-height: 1.4;
		font-size: 15px
	}
	#mobile_login_label {
		display: table-cell;
		width: 85px;
		text-align: right;
		color: #999;
		font-weight: 700;
		padding: 5px;
		padding-right: 10px;
		vertical-align: middle
	}
	#mobile_login_email {
		display: table-cell;
		height: 43px;
		width: 100%;
		line-height: 1.4;
		font-size: 15px;
		margin: 0;
		padding: 0;
		border: 0;
		color: #333;
		outline: 0
	}
	#mobile_name_div::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		transform-origin: 0 0;
		margin: 0
	}
	#mobile_password_div {
		display: table;
		width: 100%;
		position: relative;
		line-height: 1.4;
		font-size: 15px
	}
	#mobile_passwrd_label {
		display: table-cell;
		width: 85px;
		text-align: right;
		color: #999;
		font-weight: 700;
		padding: 5px;
		padding-right: 10px;
		vertical-align: middle
	}
	#mobile_password_input {
		display: table-cell;
		height: 43px;
		width: 100%;
		line-height: 1.4;
		font-size: 15px;
		margin: 0;
		padding: 0;
		border: 0;
		color: #333;
		outline: 0
	}
	#mobile_disclaimer {
		display: block;
		text-align: center;
		padding: 0 15px;
		font-size: 12px;
		outline: 0;
		width: 100%
	}
	#user_login_form {
		width: 100%
	}
	#mobile_password_div::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		margin: 0
	}
	#mobile_header_back {
		float: left;
		margin-right: 10px;
		position: relative;
		background: 0 0;
		border: 0;
		margin-top: 8px;
		margin-left: 14px;
		height: 1px;
		width: 1%;
		outline: 0;
		padding: 0;
		display: inline-block;
		align-items: flex-start;
		text-align: center;
		cursor: default;
		box-sizing: border-box
	}
	#mobile_back_icon {
		color: rgb(255, 255, 255, .85);
		font-size: 26px;
		width: 1%;
		font-weight: 100
	}
	#mobile_login_title {
		max-width: calc(100% - 30px);
		display: inline-block;
		float: left;
		max-width: 100%;
		box-sizing: border-box;
		padding: 0 20px;
		font-size: 16px;
		line-height: 44px;
		color: rgb(255, 255, 255, .85);
		font-weight: 500;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
	#mobile_login_form_submit {
		padding: 0 20px;
		cursor: pointer;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		position: absolute;
		top: 0;
		right: 0;
		box-sizing: border-box;
		max-width: calc(100% - 88px);
		line-height: 44px;
		color: #fff;
		user-select: none;
		text-decoration: none
	}
	#mobile_signUpName_div {
		display: table;
		width: 100%;
		position: relative;
		line-height: 1.4;
		font-size: 15px
	}
	#mobile_signUpLastName_div {
		display: table;
		width: 100%;
		position: relative;
		line-height: 1.4;
		font-size: 15px
	}
	#mobile_signUpEmail_div {
		display: table;
		width: 100%;
		position: relative;
		line-height: 1.4;
		font-size: 15px
	}
	#mobile_signUpPassword_div {
		display: table;
		width: 100%;
		position: relative;
		line-height: 1.4;
		font-size: 15px
	}
	#mobile_firstName_label {
		display: table-cell;
		width: 30%;
		text-align: right;
		color: #999;
		font-weight: 700;
		padding: 5px;
		padding-right: 10px;
		vertical-align: middle
	}
	#mobile_lastName_label {
		display: table-cell;
		width: 30%;
		text-align: right;
		color: #999;
		font-weight: 700;
		padding: 5px;
		padding-right: 10px;
		vertical-align: middle
	}
	#mobile_signUpEmail_label {
		display: table-cell;
		width: 85px;
		text-align: right;
		color: #999;
		font-weight: 700;
		padding: 5px;
		padding-right: 10px;
		vertical-align: middle
	}
	#mobile_signUpPassword_label {
		display: table-cell;
		width: 85px;
		text-align: right;
		color: #999;
		font-weight: 700;
		padding: 5px;
		padding-right: 10px;
		vertical-align: middle
	}
	#mobile_firstName_input {
		display: table-cell;
		height: 43px;
		width: 100%;
		line-height: 1.4;
		font-size: 15px;
		margin: 0;
		padding: 0;
		border: 0;
		color: #333;
		outline: 0
	}
	#mobile_lastName_input {
		display: table-cell;
		height: 43px;
		width: 100%;
		line-height: 1.4;
		font-size: 15px;
		margin: 0;
		padding: 0;
		border: 0;
		color: #333;
		outline: 0
	}
	#mobile_signUpEmail_input {
		display: table-cell;
		height: 43px;
		width: 100%;
		line-height: 1.4;
		font-size: 15px;
		margin: 0;
		padding: 0;
		border: 0;
		color: #333;
		outline: 0
	}
	#mobile_signUpPassword_input {
		display: table-cell;
		height: 43px;
		width: 100%;
		line-height: 1.4;
		font-size: 15px;
		margin: 0;
		padding: 0;
		border: 0;
		color: #333;
		outline: 0
	}
	#mobile_signUpName_div::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		transform-origin: 0 0;
		margin: 0
	}
	#mobile_signUpLastName_div::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		transform-origin: 0 0;
		margin: 0
	}
	#mobile_signUpEmail_div::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		transform-origin: 0 0;
		margin: 0
	}
	#mobile_signUpPassword_div::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		transform-origin: 0 0;
		margin: 0
	}
	#mobile_SignUp_header {
		display: none;
		position: relative;
		background: #b92b27;
		min-height: 44px;
		width: 100%
	}
	#signUpFormDiv {
		margin-left: 0
	}
	#recaptchaDiv {
		margin-top: 3%;
		margin-left: 1%;
		margin-bottom: 2%
	}
	#recaptchaDiv::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		transform-origin: 0 0;
		margin: 0
	}
	#mobile_signUp_back {
		float: left;
		margin-right: 10px;
		position: relative;
		background: 0 0;
		border: 0;
		margin-top: 8px;
		margin-left: 14px;
		height: 1px;
		width: 1%;
		outline: 0;
		padding: 0;
		display: inline-block;
		align-items: flex-start;
		text-align: center;
		cursor: default;
		box-sizing: border-box
	}
	#mobile_signUpBack_icon {
		color: rgb(255, 255, 255, .85);
		font-size: 26px;
		width: 1%;
		font-weight: 100
	}
	#mobile_SignUp_title {
		max-width: calc(100% - 30px);
		display: inline-block;
		float: left;
		max-width: 100%;
		box-sizing: border-box;
		padding: 0 20px;
		font-size: 16px;
		line-height: 44px;
		color: rgb(255, 255, 255, .85);
		font-weight: 500;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
	#mobile_signUp_form_submit {
		padding: 0 20px;
		cursor: pointer;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		position: absolute;
		top: 0;
		right: 0;
		box-sizing: border-box;
		max-width: calc(100% - 88px);
		line-height: 44px;
		color: #fff;
		user-select: none;
		text-decoration: none
	}
	#mobile_signUp_terms {
		font-size: 12px;
		padding: 0;
		outline: 0;
		text-align: left;
		margin-left: 1.2%
	}
	#first_name_div {
		display: table;
		width: 100%;
		position: relative;
		line-height: 1.4;
		font-size: 15px
	}
	#last_name_div {
		display: table;
		width: 100%;
		position: relative;
		line-height: 1.4;
		font-size: 15px
	}
	#emailRegis {
		display: table;
		width: 100%;
		position: relative;
		line-height: 1.4;
		font-size: 15px
	}
	#scrabbl_reg_pswd {
		display: table;
		width: 100%;
		position: relative;
		line-height: 1.4;
		font-size: 15px
	}
	#nameLabel {
		display: table-cell;
		width: 88px;
		text-align: right;
		color: #999;
		font-weight: 700;
		padding: 5px;
		padding-right: 10px;
		vertical-align: middle
	}
	#surnameLabel {
		display: table-cell;
		width: 88px;
		text-align: right;
		color: #999;
		font-weight: 700;
		padding: 5px;
		padding-right: 10px;
		vertical-align: middle
	}
	#user_Scrabbl_reg_email {
		display: table-cell;
		width: 88px;
		text-align: right;
		color: #999;
		font-weight: 700;
		padding: 5px;
		padding-right: 10px;
		vertical-align: middle
	}
	#scrabbl_pswd {
		display: table-cell;
		width: 88px;
		text-align: right;
		color: #999;
		font-weight: 700;
		padding: 5px;
		padding-right: 10px;
		vertical-align: middle
	}
	#first_name_div::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		transform-origin: 0 0;
		margin: 0
	}
	#last_name_div::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		transform-origin: 0 0;
		margin: 0
	}
	#emailRegis::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		transform-origin: 0 0;
		margin: 0
	}
	#scrabbl_reg_pswd::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		transform-origin: 0 0;
		margin: 0
	}
	#first_name_div {
		visibility: visible
	}
	#last_name_div {
		visibility: visible
	}
	br {
		display: none
	}
	#first_name_div br {
		display: none
	}
	#row_name {
		visibility: hidden
	}
	#scrabbl_reg_pswd {
		margin-top: 0
	}
	#mobile_signUp_terms {
		display: block
	}
	#user_inputs {
		visibility: hidden
	}
	#emailDiv {
		visibility: visible
	}
	#passwordDiv {
		visibility: visible
	}
	#mobile_disclaimer {
		visibility: visible
	}
	#emailDiv::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		transform-origin: 0 0;
		margin: 0
	}
	#passwordDiv::after {
		content: "";
		position: absolute;
		pointer-events: none;
		box-sizing: border-box;
		border-radius: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #e2e2e2;
		transform-origin: 0 0;
		margin: 0
	}
	#emailDiv {
		display: table;
		width: 100%;
		position: relative;
		line-height: 1.4;
		font-size: 15px
	}
	#passwordDiv {
		display: table;
		width: 100%;
		position: relative;
		line-height: 1.4;
		font-size: 15px
	}
	::-webkit-input-placeholder {
		color: transparent
	}
	#scrabblRegisImage {
		width: 43%
	}
	#scrabbl_mobile_user_logout {
		display: none
	}
	#scrabbl_user_info {
		display: none
	}
	.user_container {
		margin-left: 1%;
		width: 97%;
		padding-right: 0
	}
}

.menu-dropdown{
	position: relative;
    float: left;
}

.dropdownMenu{
	position: relative;
    float: left;
}
.dropdown-container {
	    position: absolute;
    top: 40px;
	    display: none;
    background-color: #fff;
    
}
.toggleClass {
    display: block;
}
.sideNavWidth{
	width: 15% !important;
    position: relative !important;
    float: left;
}
.sideNavWidth .container-fluid{
	padding: 0;
}
.sideNavWidth #inner_titletext {
    
    float: left;
    height: auto !important;
    padding-top: .3%;
    padding-left: .5%;
}

#infiflex-loader{
   	position: absolute;
    top: 50%;
    left: 10%;
    height: 100%;
    /* width: 100%; */
    z-index: 9999999;
}

.center {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
		margin: auto;
    }
    
#loader{
	display: block;
}    
    
    
/*glyphicon.css*/


@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}
.glyphicon-asterisk:before{content:"\2a";}
.glyphicon-plus:before{content:"\2b";}
.glyphicon-euro:before{content:"\20ac";}
.glyphicon-minus:before{content:"\2212";}
.glyphicon-cloud:before{content:"\2601";}
.glyphicon-envelope:before{content:"\2709";}
.glyphicon-pencil:before{content:"\270f";}
.glyphicon-glass:before{content:"\e001";}
.glyphicon-music:before{content:"\e002";}
.glyphicon-search:before{content:"\e003";}
.glyphicon-heart:before{content:"\e005";}
.glyphicon-star:before{content:"\e006";}
.glyphicon-star-empty:before{content:"\e007";}
.glyphicon-user:before{content:"\e008";}
.glyphicon-film:before{content:"\e009";}
.glyphicon-th-large:before{content:"\e010";}
.glyphicon-th:before{content:"\e011";}
.glyphicon-th-list:before{content:"\e012";}
.glyphicon-ok:before{content:"\e013";}
.glyphicon-remove:before{content:"\e014";}
.glyphicon-zoom-in:before{content:"\e015";}
.glyphicon-zoom-out:before{content:"\e016";}
.glyphicon-off:before{content:"\e017";}
.glyphicon-signal:before{content:"\e018";}
.glyphicon-cog:before{content:"\e019";}
.glyphicon-trash:before{content:"\e020";}
.glyphicon-home:before{content:"\e021";}
.glyphicon-file:before{content:"\e022";}
.glyphicon-time:before{content:"\e023";}
.glyphicon-road:before{content:"\e024";}
.glyphicon-download-alt:before{content:"\e025";}
.glyphicon-download:before{content:"\e026";}
.glyphicon-upload:before{content:"\e027";}
.glyphicon-inbox:before{content:"\e028";}
.glyphicon-play-circle:before{content:"\e029";}
.glyphicon-repeat:before{content:"\e030";}
.glyphicon-refresh:before{content:"\e031";}
.glyphicon-list-alt:before{content:"\e032";}
.glyphicon-flag:before{content:"\e034";}
.glyphicon-headphones:before{content:"\e035";}
.glyphicon-volume-off:before{content:"\e036";}
.glyphicon-volume-down:before{content:"\e037";}
.glyphicon-volume-up:before{content:"\e038";}
.glyphicon-qrcode:before{content:"\e039";}
.glyphicon-barcode:before{content:"\e040";}
.glyphicon-tag:before{content:"\e041";}
.glyphicon-tags:before{content:"\e042";}
.glyphicon-book:before{content:"\e043";}
.glyphicon-print:before{content:"\e045";}
.glyphicon-font:before{content:"\e047";}
.glyphicon-bold:before{content:"\e048";}
.glyphicon-italic:before{content:"\e049";}
.glyphicon-text-height:before{content:"\e050";}
.glyphicon-text-width:before{content:"\e051";}
.glyphicon-align-left:before{content:"\e052";}
.glyphicon-align-center:before{content:"\e053";}
.glyphicon-align-right:before{content:"\e054";}
.glyphicon-align-justify:before{content:"\e055";}
.glyphicon-list:before{content:"\e056";}
.glyphicon-indent-left:before{content:"\e057";}
.glyphicon-indent-right:before{content:"\e058";}
.glyphicon-facetime-video:before{content:"\e059";}
.glyphicon-picture:before{content:"\e060";}
.glyphicon-map-marker:before{content:"\e062";}
.glyphicon-adjust:before{content:"\e063";}
.glyphicon-tint:before{content:"\e064";}
.glyphicon-edit:before{content:"\e065";}
.glyphicon-share:before{content:"\e066";}
.glyphicon-check:before{content:"\e067";}
.glyphicon-move:before{content:"\e068";}
.glyphicon-step-backward:before{content:"\e069";}
.glyphicon-fast-backward:before{content:"\e070";}
.glyphicon-backward:before{content:"\e071";}
.glyphicon-play:before{content:"\e072";}
.glyphicon-pause:before{content:"\e073";}
.glyphicon-stop:before{content:"\e074";}
.glyphicon-forward:before{content:"\e075";}
.glyphicon-fast-forward:before{content:"\e076";}
.glyphicon-step-forward:before{content:"\e077";}
.glyphicon-eject:before{content:"\e078";}
.glyphicon-chevron-left:before{content:"\e079";}
.glyphicon-chevron-right:before{content:"\e080";}
.glyphicon-plus-sign:before{content:"\e081";}
.glyphicon-minus-sign:before{content:"\e082";}
.glyphicon-remove-sign:before{content:"\e083";}
.glyphicon-ok-sign:before{content:"\e084";}
.glyphicon-question-sign:before{content:"\e085";}
.glyphicon-info-sign:before{content:"\e086";}
.glyphicon-screenshot:before{content:"\e087";}
.glyphicon-remove-circle:before{content:"\e088";}
.glyphicon-ok-circle:before{content:"\e089";}
.glyphicon-ban-circle:before{content:"\e090";}
.glyphicon-arrow-left:before{content:"\e091";}
.glyphicon-arrow-right:before{content:"\e092";}
.glyphicon-arrow-up:before{content:"\e093";}
.glyphicon-arrow-down:before{content:"\e094";}
.glyphicon-share-alt:before{content:"\e095";}
.glyphicon-resize-full:before{content:"\e096";}
.glyphicon-resize-small:before{content:"\e097";}
.glyphicon-exclamation-sign:before{content:"\e101";}
.glyphicon-gift:before{content:"\e102";}
.glyphicon-leaf:before{content:"\e103";}
.glyphicon-eye-open:before{content:"\e105";}
.glyphicon-eye-close:before{content:"\e106";}
.glyphicon-warning-sign:before{content:"\e107";}
.glyphicon-plane:before{content:"\e108";}
.glyphicon-random:before{content:"\e110";}
.glyphicon-comment:before{content:"\e111";}
.glyphicon-magnet:before{content:"\e112";}
.glyphicon-chevron-up:before{content:"\e113";}
.glyphicon-chevron-down:before{content:"\e114";}
.glyphicon-retweet:before{content:"\e115";}
.glyphicon-shopping-cart:before{content:"\e116";}
.glyphicon-folder-close:before{content:"\e117";}
.glyphicon-folder-open:before{content:"\e118";}
.glyphicon-resize-vertical:before{content:"\e119";}
.glyphicon-resize-horizontal:before{content:"\e120";}
.glyphicon-hdd:before{content:"\e121";}
.glyphicon-bullhorn:before{content:"\e122";}
.glyphicon-certificate:before{content:"\e124";}
.glyphicon-thumbs-up:before{content:"\e125";}
.glyphicon-thumbs-down:before{content:"\e126";}
.glyphicon-hand-right:before{content:"\e127";}
.glyphicon-hand-left:before{content:"\e128";}
.glyphicon-hand-up:before{content:"\e129";}
.glyphicon-hand-down:before{content:"\e130";}
.glyphicon-circle-arrow-right:before{content:"\e131";}
.glyphicon-circle-arrow-left:before{content:"\e132";}
.glyphicon-circle-arrow-up:before{content:"\e133";}
.glyphicon-circle-arrow-down:before{content:"\e134";}
.glyphicon-globe:before{content:"\e135";}
.glyphicon-tasks:before{content:"\e137";}
.glyphicon-filter:before{content:"\e138";}
.glyphicon-fullscreen:before{content:"\e140";}
.glyphicon-dashboard:before{content:"\e141";}
.glyphicon-heart-empty:before{content:"\e143";}
.glyphicon-link:before{content:"\e144";}
.glyphicon-phone:before{content:"\e145";}
.glyphicon-usd:before{content:"\e148";}
.glyphicon-gbp:before{content:"\e149";}
.glyphicon-sort:before{content:"\e150";}
.glyphicon-sort-by-alphabet:before{content:"\e151";}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152";}
.glyphicon-sort-by-order:before{content:"\e153";}
.glyphicon-sort-by-order-alt:before{content:"\e154";}
.glyphicon-sort-by-attributes:before{content:"\e155";}
.glyphicon-sort-by-attributes-alt:before{content:"\e156";}
.glyphicon-unchecked:before{content:"\e157";}
.glyphicon-expand:before{content:"\e158";}
.glyphicon-collapse-down:before{content:"\e159";}
.glyphicon-collapse-up:before{content:"\e160";}
.glyphicon-log-in:before{content:"\e161";}
.glyphicon-flash:before{content:"\e162";}
.glyphicon-log-out:before{content:"\e163";}
.glyphicon-new-window:before{content:"\e164";}
.glyphicon-record:before{content:"\e165";}
.glyphicon-save:before{content:"\e166";}
.glyphicon-open:before{content:"\e167";}
.glyphicon-saved:before{content:"\e168";}
.glyphicon-import:before{content:"\e169";}
.glyphicon-export:before{content:"\e170";}
.glyphicon-send:before{content:"\e171";}
.glyphicon-floppy-disk:before{content:"\e172";}
.glyphicon-floppy-saved:before{content:"\e173";}
.glyphicon-floppy-remove:before{content:"\e174";}
.glyphicon-floppy-save:before{content:"\e175";}
.glyphicon-floppy-open:before{content:"\e176";}
.glyphicon-credit-card:before{content:"\e177";}
.glyphicon-transfer:before{content:"\e178";}
.glyphicon-cutlery:before{content:"\e179";}
.glyphicon-header:before{content:"\e180";}
.glyphicon-compressed:before{content:"\e181";}
.glyphicon-earphone:before{content:"\e182";}
.glyphicon-phone-alt:before{content:"\e183";}
.glyphicon-tower:before{content:"\e184";}
.glyphicon-stats:before{content:"\e185";}
.glyphicon-sd-video:before{content:"\e186";}
.glyphicon-hd-video:before{content:"\e187";}
.glyphicon-subtitles:before{content:"\e188";}
.glyphicon-sound-stereo:before{content:"\e189";}
.glyphicon-sound-dolby:before{content:"\e190";}
.glyphicon-sound-5-1:before{content:"\e191";}
.glyphicon-sound-6-1:before{content:"\e192";}
.glyphicon-sound-7-1:before{content:"\e193";}
.glyphicon-copyright-mark:before{content:"\e194";}
.glyphicon-registration-mark:before{content:"\e195";}
.glyphicon-cloud-download:before{content:"\e197";}
.glyphicon-cloud-upload:before{content:"\e198";}
.glyphicon-tree-conifer:before{content:"\e199";}
.glyphicon-tree-deciduous:before{content:"\e200";}
.glyphicon-briefcase:before{content:"\1f4bc";}
.glyphicon-calendar:before{content:"\1f4c5";}
.glyphicon-pushpin:before{content:"\1f4cc";}
.glyphicon-paperclip:before{content:"\1f4ce";}
.glyphicon-camera:before{content:"\1f4f7";}
.glyphicon-lock:before{content:"\1f512";}
.glyphicon-bell:before{content:"\1f514";}
.glyphicon-bookmark:before{content:"\1f516";}
.glyphicon-fire:before{content:"\1f525";}
.glyphicon-wrench:before{content:"\1f527";}