.gigya-screen-dialog,
#rbgigya-login-container,
#rbgigya-profile-container  {
	font-family: 'PT Sans', sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0;
}

	@media only screen and (min-width: 1024px) {
	    .gigya-screen-dialog, #rbgigya-login-container, #rbgigya-profile-container  {
	      font-size: 1.25em;
	    }
	}


#rbgigya-login-container h1, #rbgigya-login-container h2, #rbgigya-profile-container h1, #rbgigya-profile-container h2 , .gigya-screen-dialog h1, .gigya-screen-dialog h2 {
	font-family: 'ClanWebNarrowBlack', sans-serif;
	font-weight: 400;
	-moz-hyphens: auto;
	word-wrap: break-word;

}
#rbgigya-login-container h1, #rbgigya-profile-container h1 , .gigya-screen-dialog h1 {
	font-size: 2.5em;
	line-height: 1em;
}

#rbgigya-login-container h2, #rbgigya-profile-container h2, .gigya-screen-dialog h2 {
	line-height: 1em;
}

#rbgigya-login-container p, #rbgigya-profile-container p, .gigya-screen-dialog p {
	-moz-hyphens: auto;
	word-wrap: break-word;
}

#rbgigya-login-container button, #rbgigya-login-container input, #rbgigya-login-container select, #rbgigya-login-container textarea,
.gigya-screen-dialog button, .gigya-screen-dialog input, .gigya-screen-dialog select, .gigya-screen-dialog textarea,
#rbgigya-profile-container button, #rbgigya-profile-container input, #rbgigya-profile-container select, #rbgigya-profile-container textarea  {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
}
#rbgigya-login-container .box .content, #rbgigya-profile-container .box .content, .gigya-screen-dialog .box .content {
	padding: 1.3em;
}

#rbgigya-login-container .box .content.blue, #rbgigya-profile-container .box .content.blue, .gigya-screen-dialog .box .content.blue {
	background-color: #123e47 !important;
    color: white;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.rbgigya-clearfix:before,
.rbgigya-clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.rbgigya-clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.rbgigya-clearfix {
    *zoom: 1;
}


/**
 * 	overwriting gigya styles
 */

.gigya-reset *, div.gigya-reset, .gigya-reset span, .gigya-reset a:hover, .gigya-reset a:visited, .gigya-reset a:link, .gigya-reset a:active {
    /*height: auto !important;*/
}


/********************************
 * LOGIN
*********************************/
.rbgigya-login-background {
	background:#000;
	opacity: 0.75;
	position: fixed;
	z-index: 9000001;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.gigya-screen-dialog,
#rbgigya-login-container {
	position: absolute;
	z-index: 9000002;
	left: 0;
	top: 0;
}

#rbgigya-login-container_content_caption {
	display:none;
	visibility: hidden;
}

#rbgigya-login-container_content {
	/*width: 100% !important;*/
	min-width: 450px;
}

	@media screen and (max-width: 639px) {
		#rbgigya-login-container {
			position: fixed;
		}
		#rbgigya-login-container_content {
			width: 100% !important;
			min-width: 100%;
		}
	}


.rbgigya-hidden {
    display: none !important;
    visibility: hidden;
}

.gigya-screen a {
	color: #7fb0b7 !important;
	text-decoration: none !important;
}
.gigya-screen a:hover {
	text-decoration: underline !important;
}


@media screen and (min-width: 640px) {
	#rbGigyaRaasLoginBt span.login-userimage {
		background-image: none;
		text-indent: 0;
		line-height: 0;
	}

	#rbGigyaRaasLoginBt span.login-userimage img {
		width: 25px;
		height: 26px;
	}
}

@media screen and (max-width: 639px) {
	#rbGigyaRaasLoginBt span.login-userimage img {
		display: none;
	}
}




/********************************
 * Overwrite Gigya styles begin
*********************************/

#rbgigya-profile-container div.gigya-screen-dialog {
	border: none !important;
	background-color: transparent !important;
}
.gigya-screen-dialog {
	border: none !important;
}

	@media screen and (max-width: 639px) {
		#rbgigya-profile-container div.gigya-screen-dialog {
			width: 100%;
		}
	}

.gigya-screen-dialog-top {
	display:none;
	visibility: hidden;
}

div.gigya-screen-dialog-inner {
	border: none !important;
	width: 100% !important;
}

.gigya-screen .gigya-error-msg-custom,
.gigya-screen .gigya-error-msg {
	display: block !important;
	line-height: 1.3em;
	font-size: 11px !important;
	color: #CC1C4A !important;
}

.gigya-screen input.gigya-error {
	border-color: #D4D6D9 !important;
}


/********************************
 * Overwrite Gigya styles end
*********************************/

div.gigya-screen-dialog-content {
	padding: 0 !important;
}

	@media screen and (max-width: 639px) {
		div.gigya-screen-dialog-content {
			width: 100% !important;
		}
	}


/********************************
 * Gigya login screen begin
*********************************/


.gigya-screen  {
	background: transparent;
	overflow: hidden;
	width: 100% !important;
	max-width: 1000px;
	border-radius: 8px;
	line-height: 1.4em;
}
.gigya-screen p {
	line-height: 1.4em;
}

.gigya-screen .teaserbox {
	padding: 0em 0.5em 1em 0.5em;
}

.gigya-screen p.centered {
	text-align: center;
}
 	@media screen and (max-width: 639px) {
		.gigya-screen {
			border-radius: 0;
		}
	}


.gigya-screen-dialog-content {
	height: auto !important;
}

.gigya-screen .gigya-screen-mainheader {
	background: #4d90bd;
	/*position: relative;*/
	padding: 1em;
	overflow: hidden;
}

.gigya-screen .gigya-screen-closebutton {
/*	position: absolute;
	top: 0.85em;
	right: 1em; */
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	float: right;
	text-align: right;
	width: 6%;
	line-height: 1.5em;
}


.gigya-screen h2 {
	color: #fff;
	text-align: center;
	margin: 0;
	font-size: 2em;
	float: left;
	width: 94%;
}

.gigya-screen-container {
	overflow: hidden;
	font-size: 0.9em;
}

	 @media screen and (min-width: 1025px) {
		.gigya-screen-container {
			font-size: 0.7em;
	 	}
	 }

.gigya-screen .left {
	float: left;
	width: 50%;
}

	 @media screen and (max-width: 639px) {
		.gigya-screen .left {
			float: none;
			width: 100%;
		}
	}

.gigya-screen .left .inner-left {
	padding-right: 10%;
}


.gigya-screen .middle {
	position: absolute;
	left: -26px;
	top: 2em;
}

.gigya-screen .middle .middle-button {
	border-radius: 2em;
	background: #7fb0b7;
	text-align: center;
	font-weight: bold;
	padding: 0.35em 0.5em;
	font-size: 1.2em;
	border: 10px solid #123e47;
}

.gigya-screen .right {
	float: right;
	width: 50%;
	position: relative;
}

.gigya-screen .right .inner-right{
	padding-left: 10%;
	border-left: 1px solid #7fb0b7;
}


	@media screen and (max-width: 639px) {
		.gigya-screen .middle {
			top: -12px;
			left: 50%;
			right: 50%;
			margin-left: -29px
		}

		.gigya-screen .right .inner-right{
			padding-left: 0;
			padding-top: 2em;
			border-left: none;
			border-top: 1px solid #3B62A8;
		}

		.gigya-screen .right {
			float: none;
			width: 100%;
			margin-top: 2em;
		}
	}



.gigya-screen .gigya-form-row {
	margin-bottom: 1em;
	width: 100%;
	overflow: hidden;
}

.gigya-form-block .gigya-form-row {
	width: 50%;
	float: left;
}

.gigya-screen .gigya-form-label {
	display: block;
}


.gigya-screen .gigya-form-label-2rows {
	display: block !important;
	width: auto !important;
	float: none;
}


.gigya-screen .modernbrowser-label {
	visibility: hidden;
	display: none !important;
	height: 0px;
}

.gigya-screen .oldbrowser-label {
}
.gigya-screen .oldbrowser-row {
	margin-bottom: 0;
}


.gigya-screen input[type="text"], .gigya-screen input[type="password"], .gigya-screen input[type="email"] {
	color:#9E9F9E;
	border-radius: 4px;
	border: 1px solid #d4d6d9;
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0.3em 1em;
	background: #fff;
	margin-bottom: 0.2em;
	font-size: 1.2em !important;
	height: auto;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


.gigya-screen .gigya-form-checkbox {
	border: none !important;
	overflow: hidden;
}

.gigya-screen .gigya-form-checkbox input {
	width: 13px;
	float: left;
}

.gigya-screen .gigya-form-checkbox label {
	float: left;
	width: 93%;
	margin-left: 2%;
	line-height: 1.2em;
}

.gigya-screen .gigya-form-checkbox-consentForm input {
	-webkit-appearance: checkbox;
}


.gigya-screen .gigya-form-checkbox-consentForm label {
	font-size: 0.8em;
}


	@media screen and (max-width: 639px) {
		.gigya-screen .gigya-form-checkbox input {
			width: 13px;
		}
		.gigya-screen .gigya-form-checkbox label {
			width: 93%;
		}
	}


.gigya-screen select {
	color:#9E9F9E;
	padding: 0.3em 0.5em;
	font-size: 1.2em;
	width: 100%;
	border: 1px solid #d4d6d9;
	outline: medium none;
	margin-bottom: 0.2em !important;
	border-radius: 4px;
	vertical-align: middle;
	background-color: #fff !important;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.gigya-screen input[type="submit"] {
	font-size: 1em !important;
	color:#fff;
	text-transform: uppercase;
	background: #7FB0B7;
	font-weight: 700;
	border: none;
	padding: 0.5em 1.5em;
	border-radius: 4px;
}
.gigya-screen input.gigya-submit-arrow {
	background-image: url('../images/raasFormSubmitArrow.png');
	background-repeat: no-repeat;
	background-position: 1em center;
	padding: 0.5em 1.5em 0.5em 3em;
	cursor: pointer;
}

.gigya-screen hr {
	margin: 0;
}

/********************************
 * Gigya login screen end
*********************************/



/********************************
 * Gigya profile screen begin
*********************************/
#rbgigya-profile-container {
    width: 98%;
    margin: 0 auto;
    background: #E8E6E7;
	position: relative;
}

#rbgigya-profile-container .gigya-screen {
	width: auto;
	max-width: 1024px !important;
	background: none;
	margin: 0 auto;
}

#rbgigya-profile-container .gigya-screen .gigya-inner {
    padding: 2em 0;
    margin: 0;
}

#rbgigya-profile-container .gigya-screen .gigya-screen-mainheader {
	background: none;
	position: static;
	padding: 0;
}

	@media screen and (max-width: 639px) {
		#rbgigya-profile-container .gigya-screen .gigya-inner {
			margin: 0;
		}
	}

#rbgigya-profile-container hr {
	margin: 1.5em 0 0 0;
	color: #C8C9C8;
}

#rbgigya-profile-container .gigya-screen h1 {
	margin: 0 0 1em 0;
}

#rbgigya-profile-container .gigya-screen h2 {
	text-align: left;
	font-size: 1.1em;
	color: #000;
	margin: 2em 0 1em 0;
	float: none;
}

#rbgigya-profile-container .gigya-screen .gigya-switchScreen {
	margin: 0;
	float: right;
}

#rbgigya-profile-container .gigya-screen .gigya-switchScreen a {
	color: #2C4B9A !important;
	font-size: 0.9em;
	font-weight: bold;
}

#rbgigya-profile-container .gigya-profile-screen-logout {
	float: right;
	margin: 0;

}
#rbgigya-profile-container .gigya-button-blue {
	font-size: 0.9em !important;
	text-transform: uppercase;
	border-radius: 4px;
	padding: 0.1em 1em !important;
	background: #123e47;
	font-weight: bold;
	display: inline-block;
	margin: 0 1em 0 0;
	color: #fff !important;
}

#rbgigya-profile-container .gigya-button-blue a {
	color: #fff !important;
	text-decoration: none !important;
}

	 @media screen and (min-width: 1025px) {
		#rbgigya-profile-container .gigya-button-blue {
			font-size: 0.7em !important;
	 	}
	 }


#rbgigya-profile-container #rbgigya-profile-container_content {
	width: 100% !important;
}

#rbgigya-profile-container div.gigya-profile h1 {
	float: left;
}

#rbgigya-profile-container div.gigya-profile .gigya-profile-photo {
/*	display: inline-block;*/
	float: left;
	margin-right: 1em;
	vertical-align: middle;
}

#rbgigya-profile-container .gigya-screen .gigya-form-label {
	float: left;
	width: 30%;
	color: #9E9F9E;
}
#rbgigya-profile-container .gigya-screen .gigya-form-label-small {
	width: auto !important;
	padding-right: 1em;
}

	@media screen and (max-width: 639px) {
		#rbgigya-profile-container .gigya-screen .gigya-form-label {
			float: none;
			width: auto;
		}
	}


#rbgigya-profile-container .gigya-screen input[type="text"], #rbgigya-profile-container .gigya-screen input[type="password"], #rbgigya-profile-container .gigya-screen select {
	width: 50%;
	font-size: 0.9em !important;
	color: #000;
}

#rbgigya-profile-container .gigya-screen .gigya-form-label, #rbgigya-profile-container .gigya-screen input[type="submit"] {
	font-size: 0.9em !important;
}

	@media screen and (min-width: 1025px) {
		#rbgigya-profile-container .gigya-screen input[type="text"], #rbgigya-profile-container .gigya-screen input[type="password"], #rbgigya-profile-container .gigya-screen select {
			font-size: 0.7em !important;
	 	}

	 	#rbgigya-profile-container .gigya-screen .gigya-form-label, #rbgigya-profile-container .gigya-screen input[type="submit"] {
			font-size: 0.7em !important;
		}

	 }

#rbgigya-profile-container .gigya-screen select.gigya-select-date {
	width: 16%;
}

#rbgigya-profile-container .gigya-screen select.gigya-select-halfwidth {
	width: 30%;
}



#rbgigya-profile-container .gigya-photo-upload {
	line-height: normal !important;
}

	@media screen and (max-width: 639px) {
		#rbgigya-profile-container .gigya-screen .gigya-form-label {
			float: none;
			width: auto;
		}
		#rbgigya-profile-container .gigya-screen input[type="text"], #rbgigya-profile-container .gigya-screen input[type="password"], #rbgigya-profile-container .gigya-screen select {
			width: 100%;
			float: none;
		}
		#rbgigya-profile-container .gigya-screen select.gigya-select-date {
			width: 32%;
		}
	}


/********************************
 * Gigya profile screen end
*********************************/


/********************************
 * user login button
*********************************/
/*
#rbGigyaRaasLoginBt {
	position: relative;
}

#rbGigyaRaasLoginBt a {
	text-indent: 0 !important;
}

#rbGigyaRaasLoginBt a img{
	width: 23px;
	height: 23px;
}
*/

/********************************
 * Gigya comments start
*********************************/

#contentComments.gig-comments-container *,
#contentComments.gig-comments-container {
    font-family: 'PT Sans', Arial, sans-serif;
    font-size: 14px;
}

#contentComments.gig-comments-container {
    width: 100% !important;
}

#contentComments *.gig-composebox-post {
    font-family: 'ClanWebNarrowBlack', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    width: 100%;
    padding: 6px 8px 4px 8px;
    background: #0f5763;
    border: none;
    border-radius: 3px !important;
}

#contentComments .gig-comment-img {
    margin: 0 !important;
}

/********************************
 * Gigya comments end
*********************************/