div.login-wrapper{background-color:#E7E7E7;background-image:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d4d4d4));background-image:-webkit-linear-gradient(top, #efefef, #d4d4d4);background-image:-moz-linear-gradient(top, #efefef, #d4d4d4);background-image:-ms-linear-gradient(top, #efefef, #d4d4d4);background-image:-o-linear-gradient(top, #efefef, #d4d4d4);background-image:linear-gradient(to bottom, #efefef, #d4d4d4);border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;margin-top:50px;}
div.login-wrapper:before,.login-wrapper:after{content:"";display:table;}
div.login-wrapper:after{clear:both;}
div.login-wrapper-left{width:23%;float:left;}
div.login-wrapper-right{width:77%;float:right;}
div.login-wrapper-right>div{margin:30px 12px 40px;}
div.login-wrapper-content{font-size:17px;font-family:"RobotoLight","DroidSans",Arial,Sans-Serif;width:700px;line-height:20px;margin:0 0 15px;}
div.login-wrapper-content h3{font:400 25px/30px "RobotoLight","DroidSans",Arial,Sans-Serif;color:#555;margin:0 0 25px 0;}
ul.login-providers{margin:0 0 20px;padding:0;list-style:none;overflow:hidden;}ul.login-providers li{float:left;margin-right:10px;margin-bottom:10px;}ul.login-providers li a.login-button{color:white;text-decoration:none;display:inline-block;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;box-shadow:0 2px 0 0 rgba(255, 255, 255, 0.4) inset,0 25px 25px 0 rgba(255, 255, 255, 0.2) inset,0 -25px 22px 0 rgba(0, 0, 0, 0.2) inset;-moz-box-shadow:0 2px 0 0 rgba(255, 255, 255, 0.4) inset,0 25px 25px 0 rgba(255, 255, 255, 0.2) inset,0 -25px 22px 0 rgba(0, 0, 0, 0.2) inset;-webkit-box-shadow:0 2px 0 0 rgba(255, 255, 255, 0.4) inset,0 25px 25px 0 rgba(255, 255, 255, 0.2) inset,0 -25px 22px 0 rgba(0, 0, 0, 0.2) inset;filter:alpha(opacity=90);background-image:url(/styles/single-signon-icons.png);background-repeat:no-repeat;padding:14px 0 11px 57px;font:19px/23px "RobotoBold","DroidSans",Arial,Sans-Serif;letter-spacing:0;text-transform:uppercase;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4);width:115px;}ul.login-providers li a.login-button span{display:block;text-align:center;padding-right:6%;}
ul.login-providers li a.login-button:hover{box-shadow:0 2px 0 0 rgba(255, 255, 255, 0.4) inset,0 25px 25px 0 rgba(255, 255, 255, 0.1) inset,0 -25px 22px 0 rgba(0, 0, 0, 0.3) inset;-moz-box-shadow:0 2px 0 0 rgba(255, 255, 255, 0.4) inset,0 25px 25px 0 rgba(255, 255, 255, 0.1) inset,0 -25px 22px 0 rgba(0, 0, 0, 0.3) inset;-webkit-box-shadow:0 2px 0 0 rgba(255, 255, 255, 0.4) inset,0 25px 25px 0 rgba(255, 255, 255, 0.1) inset,0 -25px 22px 0 rgba(0, 0, 0, 0.3) inset;color:#eee;color:rgba(255, 255, 255, 0.9);filter:alpha(opacity=100);}
.login-button{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#facebook{background-color:#395faf;background-position:11px -2px;}
#google{background-color:#db3416;background-position:13px -105px;}
#yahoo{background-color:#7d3abc;background-position:13px -208px;}
.browser-not-supported{font-family:"RobotoLight","DroidSans",Arial,Sans-Serif;font-size:19px;line-height:24px;margin:20px;}
.white-box{color:#333;background-color:#fff;border-radius:4px;border:1px solid #79838E;box-shadow:0 1px 0 0 #fff;padding:20px 40px;text-align:center;}
.cardview{padding-left:0;}
.cardview li{display:inline-block;padding:0;margin:0;width:100px;}
.bico-chrome a,.bico-firefox a,.bico-safari a,.bico-ie a{display:inline-block;width:100px;padding-top:100px;text-align:center;background-image:url(/styles/supportedBrowsers.png);background-repeat:no-repeat;margin:0;text-decoration:none;color:inherit;font-size:18px;}
.bico-chrome a{background-position:10px 0px;}
.bico-firefox a{background-position:-120px 0px;}
.bico-safari a{background-position:-240px 0px;}
.bico-ie a{background-position:-370px 0px;margin-left:10px;}