/*
    Document   : MMD sociallogin
    Created on : Jul 26, 2012, 8:11:22 PM
    Author     : Ranjeet Singh
    Description: social login style sheet
    Purpose of the stylesheet follows.
*/
/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* IE7 */
*:first-child+html .sl_clearfix{min-height:1%}*:first-child+html

.sl_clear{min-height:1%}
.sl_clear{height:0;font-size:0;clear:both}
.sl_clearright{height:0;font-size:0;clear:right}
.sl_clearleft{height:0;font-size:0;clear:left}
.sl_clearfix:after{clear:both;display:block;content:" ";height:0;visibility:hidden}
.sl_clearfix{display:block}* html
.sl_clearfix{height:1%}
#bg_fade {background-color:#000;height:100%;left:0px;margin:0px;padding:0px;position:fixed;top:0px;visibility:hidden;width:100%;z-index:1000;}
#containerDiv {position: fixed;width: 27%; z-index: 99999;padding: 7px;  background: transparent url(../images/sociallogin/social_popup_bg.png) repeat;  border-radius: 5px;}
#containerDiv h1{font:bold 24px arial;}
#containerDiv .input_twitter{border: 1px solid #B6B6B6; width: 240px; float: left;border-radius: 5px;padding: 5px;margin-right: 10px;}
#containerDiv .twitter_btn, .twitter_btn.button{background: #09f; display: block; padding: 3px 10px; margin-left: 10px; font:bold 14px arial;  border-radius:5px; border-radius: 5px;float: left;border: 0;color: white; cursor: pointer;}
.social_input{float: left; position: relative;}
.social_input input#tw_email, input#linked_email{margin-bottom: 5px; padding: 3px 5px 2px 5px;width: 196px; float: left; border: 1px solid #CCC;}
.social_input .validation-advice {clear: both;min-height: 13px;margin: 3px 0 0;padding-left: 17px;font-size: 11px;font-weight: bold;line-height: 13px;background: url(../images/validation_advice_bg.gif) 2px 0 no-repeat;color: #EB340A;width: 190px;}
#containerDiv p {position: relative;height: 10%;padding: 10%;text-align: center;border: 1px blue solid;background-color: white;z-index: 99999;}

.social_blog{padding-bottom: 25px; overflow: hidden; width: 105%;margin-left: -10px;}
.social-page-title {width: 100%;overflow: hidden;border-bottom: 1px solid #CCC;margin: 0 0 15px;}
.social-page-title h1{margin: 0;font-size: 20px;color: #0A263C;}
.social-top{margin: 0 auto;width: 950px; }
#linkedDiv{position: absolute;width: 23%;z-index: 99999;background: white;padding: 20px;border: 5px solid #121212;}
#header_logo_Div{z-index: 9990; width: 567px; padding:7px; background:transparent url(../images/sociallogin/social_popup_bg.png) repeat; border-radius: 5px;}
#closeLink1{background:url(../images/sociallogin/social_logoin_sprite.png) no-repeat;top: -12px;right: -12px; width: 27px; height: 27px; position: absolute;z-index: 9999; cursor: pointer;background-position: -47px -148px;}
#closeLink2{background:url(../images/sociallogin/lightbox-btn-close.png) no-repeat;top: -9px;right: -9px; width: 29px; height: 29px; position: absolute;z-index: 9999; cursor: pointer;}

.social_popup_sprite{background:url(../images/sociallogin/social_logoin_sprite.png) no-repeat;}
#social_popup_main{background: white;padding:15px 20px;}
#socialpopup_main_div{overflow: hidden;}
#socialpopup_main_div .socialpopup_form label{float: left;width:35%;padding-top: 5px;}
#socialpopup_main_div .socialpopup_form em, .popup_error_msg {color:red;}
#socialpopup_main_div #login_left{width:100%;}
#socialpopup_main_div #all_social_iconbtn{width:34%;float: right;position: relative; margin-top: 18px;}
#socialpopup_main_div #all_social_iconbtn button{}
#socialpopup_main_div #all_social_iconbtn a{  cursor: pointer; text-decoration: none !important;  -webkit-transition: all 0ms ease; -moz-transition: all 0ms ease; -ms-transition: all 0ms ease; -o-transition: all 0ms ease;transition: all 0ms ease;}
#socialpopup_main_div #all_social_iconbtn a #progress_image_facebooklogin{ margin-left: 159px; margin-top: 10px; }
#socialpopup_main_div #all_social_iconbtn ul{float:left; width: 100%;}
#socialpopup_main_div #all_social_iconbtn ul li{display: block;clear: both;margin-bottom: 9px;}

/*#socialpopup_main_div #all_social_iconbtn a:hover{opacity:0.5;}*/
/*#socialpopup_main_div .popup_click_btn{cursor: pointer;color: white!important;display: inline-block;padding: 5px 15px;-moz-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);text-decoration: none;border: 0;font-weight: bold;font-size: 13px;font-family: inherit;line-height: normal!important;zoom: 1;display: block;float: left;clear: both;background: #3881A7;background: -webkit-gradient(linear,left top,left bottom,from(#3881A7),to(#245A77));background: -moz-linear-gradient(top,#3881A7,#245A77);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3881a7',endColorstr='#245a77');}*/
#socialpopup_main_div .popup_register_btn{cursor: pointer;color: white!important;display: inline-block;padding: 5px 15px;-moz-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);text-decoration: none;border: 0;font-weight: bold;font-size: 13px;font-family: inherit;line-height: normal!important;zoom: 1;display: block;float: left;clear: both;background: #A0DE33;background: -webkit-gradient(linear,left top,left bottom,from(#A0DE33),to(#38690A));background: -moz-linear-gradient(top,#A0DE33,#38690A);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0de33',endColorstr='#38690A');}
#socialpopup_main_div .socialpopup-input-box {float: left;margin-bottom: 12px;}
#socialpopup_main_div .socialpopup-input-box input{margin: 0;font-family: inherit;border: 0;font-size: 1.1em; color: #666 !important; border: 0; padding: 5px 10px 5px 40px;}
#socialpopup_main_div .socialpopup-input-box .input_bg{background: url(../images/sociallogin/popup_snipt.png) no-repeat; width: 227px; height: 22px;}
#socialpopup_main_div .socialpopup-input-box input.name-text {background-position:  -44px -70px ;}
#socialpopup_main_div .socialpopup-input-box input.name-input{background-position:  -44px -2px ;}
#socialpopup_main_div .socialpopup-input-box input.password-text {background-position: -44px -36px ;}
#socialpopup_main_div #show_password{font-size: 10px;float: left; text-decoration: underline;}
#socialpopup_main_div #show_password:hover{text-decoration: none;}
#socialpopup_main_div .loginbtn {float: right;}
#socialpopup_main_div .forgot_btn {cursor: pointer;display: block;margin:0 2px 0 0;float: right;}
#socialpopup_main_div .registerbtn{  cursor: pointer;display: block;  margin:0 2px 0 0; float: right;}
#socialpopup_main_div .social_login_btn{margin-top: 10px;overflow: hidden;}
#socialpopup_main_div h4{font: bold 21px 'Segoe UI',Arial, Helvetica, sans-serif; color: #000000; margin: 0 0 17px 0; border-bottom: 1px solid #CCC; padding-bottom: 3px;}
#socialpopup_main_div #forget_password_form h4, #form-validate h4, #linkedDiv h4{font-size: 15px;font-family: 'tahoma', Arial, Helvetica, sans-serif;margin: 0 0 17px 0;border-bottom: 1px solid #CCC;padding-bottom: 3px;}
#socialpopup_main_div #forget_password_form .small_txt{color:#777;display: block;margin-bottom: 4px;}
#socialpopup_main_div  #socialpopup_main_div .return_login{font-family:Arial, Helvetica, sans-serif;font-size: 13px;margin: 19px 0 17px;color:#444;float: left;border: 1px solid #DDD;background:#f5f6f6;padding: 7px 10px;width:355px;}
#socialpopup_main_div strong.info_grid {font: bold 13px 'arial';color: black;text-align: right;display: block;padding-bottom: 10px;}
.bottom_link{background: url(../images/sociallogin/bottom_gradient-bg.png) repeat-x;overflow: hidden;font: normal 14px 'Segoe UI';color: #B8B8B8;line-height: 36px;}
.bottom_link a.register_link {float:right; background: #369EC1;  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80C1D8), color-stop(100%, #369EC1));  background-image: -webkit-linear-gradient(#80C1D8,#369EC1);  background-image: -moz-linear-gradient(#80C1D8,#369EC1);  background-image: -o-linear-gradient(#80C1D8,#369EC1);  background-image: -ms-linear-gradient(#80C1D8,#369EC1);  background-image: linear-gradient(#80C1D8,#369EC1);  border-color: #256D85; box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5) inset;  display: inline-block;  text-decoration: none;  line-height: 1em;  cursor: pointer;  color: white;  font-weight: normal;  font-size: 14px;  padding: 5px 16px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;  -o-border-radius: 2px;  -ms-border-radius: 2px;  -khtml-border-radius: 2px;  border-radius: 2px;  background-clip: padding-box;  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);  border: 1px solid #256D85;  -moz-background-clip: padding-box !important;  -webkit-background-clip: padding-box !important;  background-clip: padding-box !important; box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5) inset;margin: 5px 0 0 8px;}
.bottom_link a.register_link:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #69B6D1), color-stop(100%, #2F8AA9));  background-image: -webkit-linear-gradient(#69B6D1,#2F8AA9);  background-image: -moz-linear-gradient(#69B6D1,#2F8AA9);  background-image: -o-linear-gradient(#69B6D1,#2F8AA9);  background-image: -ms-linear-gradient(#69B6D1,#2F8AA9);  background-image: linear-gradient(#69B6D1,#2F8AA9);  border-color: #1F596D;
}


.bottom_link a.login_link {background: #369EC1;  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80C1D8), color-stop(100%, #369EC1));  background-image: -webkit-linear-gradient(#80C1D8,#369EC1);  background-image: -moz-linear-gradient(#80C1D8,#369EC1);  background-image: -o-linear-gradient(#80C1D8,#369EC1);  background-image: -ms-linear-gradient(#80C1D8,#369EC1);  background-image: linear-gradient(#80C1D8,#369EC1);  border-color: #256D85; box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5) inset;  display: inline-block;  text-decoration: none;  line-height: 1em;  cursor: pointer;  color: white;  font-weight: normal;  font-size: 14px;  padding: 5px 16px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;  -o-border-radius: 2px;  -ms-border-radius: 2px;  -khtml-border-radius: 2px;  border-radius: 2px;  background-clip: padding-box;  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);  border: 1px solid #256D85;  -moz-background-clip: padding-box !important;  -webkit-background-clip: padding-box !important;  background-clip: padding-box !important; box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5) inset;margin: 5px 0 0 8px;}
.bottom_link a.login_link:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #69B6D1), color-stop(100%, #2F8AA9));  background-image: -webkit-linear-gradient(#69B6D1,#2F8AA9);  background-image: -moz-linear-gradient(#69B6D1,#2F8AA9);  background-image: -o-linear-gradient(#69B6D1,#2F8AA9);  background-image: -ms-linear-gradient(#69B6D1,#2F8AA9);  background-image: linear-gradient(#69B6D1,#2F8AA9);  border-color: #1F596D;
}

.bottom_link span {float: right;width: 160px;text-align: right;margin-right: 9px;} /* CHANGED RTL */
#socialpopup_main_div button.button{float: right;}
#socialpopup_main_div .divider-or{background: url(../images/sociallogin/popup_snipt.png) 0 0 no-repeat; width:38px;height:127px; float: left; margin: 20px 10px 0 10px;}
#socialpopup_main_div .com_error{background: #FFEBEB;color: #E50000;border: 1px solid #ECCDCD;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;padding: 5px 0;text-align: left;margin: 1px;float: left;width: 100%;text-align: center;margin-bottom: 10px;}
#all_social_iconbtn h4{}
.inner_social_grid{      }
.fb_login{ background:url(../images/sociallogin/facebook-bg.jpg) repeat-x;  }
.twitter_login{ }
.google_login{background:url(../images/sociallogin/gplus_bg.jpg) repeat-x;  }
.yahoo_login{background:url(../images/sociallogin/yahoo_bg.jpg) repeat-x; }
.linkedin_login{ border: 0; width: 179px; height: 26px; float:left;background-position:0px -58px;  }
.linkedin_popup_btn, .twitter_popup_btn{float: right;margin-top: 10px !important;}
.linkedin_popup_input, .twitter_popup_input{width:97% !important;}
#linkedin_error{color:red}
#twitter_error{color:red}

.icon_left_grid{display: block;  width: 28px; height: 26px; float: left;  }
.icon_right_grid{display: block; width: 10px; height: 26px; float: left; }
.f_icon_left{background:url(../images/sociallogin/social_login_sprite.png) 0 0 no-repeat;}
.f_icon_right{ background:url(../images/sociallogin/social_login_sprite.png) -28px 0 no-repeat;}

.t_icon_left{ background:url(../images/sociallogin/social_login_sprite.png) 0 -29px no-repeat;}
.t_icon_right{ background:url(../images/sociallogin/social_login_sprite.png) -28px -29px no-repeat;}

.gplus_icon_left{  background:url(../images/sociallogin/social_login_sprite.png) 0 -115px no-repeat;}
.gplus_icon_right{ background:url(../images/sociallogin/social_login_sprite.png) -28px -115px no-repeat; }

.yahoo_icon_left{  background:url(../images/sociallogin/social_login_sprite.png) 0 -86px no-repeat;}
.yahoo_icon_right{ background:url(../images/sociallogin/social_login_sprite.png) -28px -86px no-repeat; }

.left_login{float: left;width: 54%;}
.sl_clearfix{clear:both;}
.social_btn_grid {width: 158px;height: 38px;display: block;float: left;}
.facebook_btn_grid {background: url(../images/sociallogin/popup_snipt.png) -329px -7px no-repeat;}
.twitter_btn_grid{background: url(../images/sociallogin/popup_snipt.png)  -329px -51px no-repeat;  }
.googleplus_btn_grid{ background: url(../images/sociallogin/popup_snipt.png) -495px -2px no-repeat;  height: 47px !important;}
.yahoo_btn_grid{background: url(../images/sociallogin/popup_snipt.png)   -495px -51px no-repeat;  margin-bottom: 5px;}
#progress_image_login{ width: 16px; margin: 10px 0 -5px 0; }

.powerdby_sociallogin{width: auto; float: left; font-family: arial,sans-serif; font-size: 9px; clear: left;position: absolute; right: 0; margin-top: -20px;margin-right: 17px;}
.powerdby_sociallogin a{ color: #1E7EC8; }
.powerdby_sociallogin a:hover{text-decoration: underline;}

#header_logo_Div button { background: #369EC1;  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80C1D8), color-stop(100%, #369EC1));  background-image: -webkit-linear-gradient(#80C1D8,#369EC1);  background-image: -moz-linear-gradient(#80C1D8,#369EC1);  background-image: -o-linear-gradient(#80C1D8,#369EC1);  background-image: -ms-linear-gradient(#80C1D8,#369EC1);  background-image: linear-gradient(#80C1D8,#369EC1);  border-color: #256D85; box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5) inset;  display: inline-block;  text-decoration: none;  line-height: 1em;  cursor: pointer;  color: white;  font-weight: normal;  font-size: 14px;  padding: 7px 16px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;  -o-border-radius: 2px;  -ms-border-radius: 2px;  -khtml-border-radius: 2px;  border-radius: 2px;  background-clip: padding-box;  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);  border: 1px solid #256D85;  -moz-background-clip: padding-box !important;  -webkit-background-clip: padding-box !important;  background-clip: padding-box !important; box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5) inset;}
#header_logo_Div button:hover{    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #69B6D1), color-stop(100%, #2F8AA9));  background-image: -webkit-linear-gradient(#69B6D1,#2F8AA9);  background-image: -moz-linear-gradient(#69B6D1,#2F8AA9);  background-image: -o-linear-gradient(#69B6D1,#2F8AA9);  background-image: -ms-linear-gradient(#69B6D1,#2F8AA9);  background-image: linear-gradient(#69B6D1,#2F8AA9);  border-color: #1F596D;
}

.close_top{position: relative;}
.close_top .twitter_close{background: url(../images/sociallogin/lightbox-btn-close.png) no-repeat;top: -35px;right: -35px;width: 29px;height: 29px;position: absolute;z-index: 9999;cursor: pointer;}
.twitter_content{background: #fff; padding: 20px;}
.twitter_content .input_linked{border: 1px solid #CCC; padding: 3px;}
.twitter_content h4{font: bold 21px 'Segoe UI',Arial, Helvetica, sans-serif; color: black;}