html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color:#eee }
body {
    background: #000 url(../img/bg.gif);
    text-align:center;
    margin:0;
    padding: 0 50px;
    font-size: 14px;
    line-height: 1.4;
    font-family:Arial,Verdana,sans-serif;
    color:#4a4a4a;
}
body.no-padding {
    padding:0;
}
/* IE Fixes */
a img { border:none; }

/* Animations */
.delay1 {-webkit-animation-delay:0.1s;}
.delay2 {-webkit-animation-delay:0.2s;}
.delay3 {-webkit-animation-delay:0.3s;}
.delay4 {-webkit-animation-delay:0.4s;}
.delay5 {-webkit-animation-delay:0.5s;}
.delay6 {-webkit-animation-delay:0.6s;}
.delay7 {-webkit-animation-delay:0.7s;}
.delay8 {-webkit-animation-delay:0.8s;}
.delay9 {-webkit-animation-delay:0.9s;}
.delay10 {-webkit-animation-delay:1.0s;}
.delay11 {-webkit-animation-delay:1.1s;}
.delay12 {-webkit-animation-delay:1.2s;}
.delay13 {-webkit-animation-delay:1.3s;}
.delay14 {-webkit-animation-delay:1.4s;}
.delay15 {-webkit-animation-delay:1.5s;}
.delay20 {-webkit-animation-delay:2.0s;}

.trans {
    -moz-transition: all 0.5s ease; /* Firefox 4 */
    -webkit-transition:    all 0.5s ease; /* Safari and Chrome */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}

/* Global */
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}
.highlight{color:#f89821}
.bold{font-weight:bold;}
.italic{font-style:italic}
.l-float{float:left}
.r-float{float:right}
.l-clear{clear:left}
.r-clear{clear:right}
.clear{clear:both}
.l-align{text-align:left}
.r-align{text-align:right}
.c-align{text-align:center}
.hide{display:none !important}
.show,.block,.hide.active{display:block !important}
.invisible{visibility:hidden}
.visibile{visibility:visible}
.pos-relative{position:relative}
.mobile {display:none;}
.inline{display:inline;}
.inl-block{display:inline-block;}
.tb-margin{margin:30px 0;}

a.toggleswitch{background:url(../img/toggle-arrow.png) no-repeat right 50%; padding-right:15px;}
a.toggleswitch.open{background:url(../img/toggle-arrow-open.png) no-repeat right 50%;}
a.green, a.green:active, a.green:link, a.green:visited, a.green:hover,.green {
    color:#95fe00;
}
a.green:hover {
    text-decoration:none;
}
.white {
    color:#fff;
}
h4 {
    color:#fff;
}

/* Structure */
div#header {
    height:60px;
    margin:0 -30px;
    min-width: 800px;
    position:relative;
}
div#header .logo-main-clean {
    margin: 15px 0 0 42px;
}
div#header > a.btn {
    margin: 20px 0 0 30px;
}
div#header.padding {
    height: 80px;
}
div#header.fixed {
    min-width: 800px;
    max-width: 1120px;
    width: 100%;
    margin: auto;
}
div#header.dark-bg {
    background:url(../img/header-bg.gif) repeat-x left top;
    height:77px;
    max-width:none;
}
div#site-wrapper, div.site-wrapper {
    min-width: 800px;
    max-width: 1120px;
    width:100%;
    margin: auto;
    margin-bottom:130px;
    position:relative;
    text-shadow: 0 1px 0 RGBA(255,255,255,0.5);
}
div#landing-site {
    text-shadow: 0 1px 0 RGBA(51,51,51,0.7);
    color:#fff;
    min-width:320px;
}
div.content-box {
    background:#b2b4b6 url(../img/main-column-bg.gif) repeat-y right top;
    width:100%;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    min-height:650px;
    overflow: auto;
}
div.content-box-full {
    text-align:left;
    background:#cccccc;
    width:100%;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 10px 0;
}
div.content-box-small {
    text-align:left;
    background:#cccccc;
    width:294px !important;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 10px 0;
}
div.content-box-full.translucent, div.content-box-small.translucent {
    border:1px solid #8c8c8c;
    -webkit-box-shadow: 0 0 11px 1px rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.3) 0px 0px 22px 5px inset;
    box-shadow: 0 0 11px 1px rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.3) 0px 0px 22px 5px inset;
    padding:40px;
    width:auto;
    color:#cccccc;
    text-shadow:1px 1px 1px RGBa(0,0,0,0.3);

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,    rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.4)));
    background: -webkit-linear-gradient(top,    rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 100%);
    background: -o-linear-gradient(top,    rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 100%);
    background: -ms-linear-gradient(top,    rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to bottom,    rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#66000000',GradientType=0 );
}
div.box.translucent {
    border: 1px solid #323232;
    -webkit-box-shadow: 0 0 11px 1px rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.3) 0px 0px 22px 5px inset;
    box-shadow: 0 0 11px 1px rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.3) 0px 0px 22px 5px inset;
    padding: 40px;
    text-align:left;
    width: auto;
    color: #cccccc;
    text-shadow: 1px 1px 1px RGBa(0,0,0,0.3);
    background:rgba(0,0,0,0.1);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 20px;
}
div.box.translucent.dark-gradiant {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.51) 1%, rgba(0,0,0,0) 18%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,0,0,0.51)), color-stop(18%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.51) 1%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.51) 1%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.51) 1%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.51) 1%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82000000', endColorstr='#00000000',GradientType=0 );
}
div.content-box-full.translucent.solid {
    background:RGBa(0,0,0,0.3) !important;
}
div.content-box-full.arena-bg {
    background: #cccccc url(../img/arena-bg-light.jpg) no-repeat left bottom;
}
div.content-box .right-panel {
    width: 260px;
    margin-right:20px;
    float: right;
    padding: 30px 20px 20px;
    height:100%;
}
div.content-box .left-content {
    padding: 20px 20px 60px;
    min-height:650px;
    margin-right:340px;
    background: #fff url(../img/timeline-bg.gif)repeat-x left top;

    border-right: 1px solid #9b9d9f;
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
}
div#footer {
    background:url(../img/footer-bg.gif) repeat-x left bottom;
    min-height:38px;
    min-width: 900px;
    padding: 8px 0 4px;
    width:100%;
    z-index:10;
    position:fixed;
    bottom:0;
    left:0;
    text-align:center;
    border-color:#5c5c5c;
    border-top:2px solid RGBA(92,92,92,0.8);
}

/* header */
div#header .btn-wrapper {
    float:right;
    margin-top:20px;
}
div#header .btn-wrapper .btn:first-child {
    margin-right:7px;
}
div#header h1 {
    font-size:23px;
    color:#999;
    margin:0;
    padding: 25px 0 0;
}
/* footer */
div#footer .banner {
    width:50%;
    max-width:728px;
}
div#footer a.btn {
    float:left;
    margin-top:14px;
}
div#footer a.btn:first-child {
    margin-left:50px;
}
div#footer ul {
    margin:0;
    padding:0 0 0 5px;
    list-style:none;
    display:inline-block;
    position:absolute;
    bottom:12px;
    right:240px;
}
div#footer ul li {
    float:left;
    padding:0;
    height:auto;
    margin:0;
}
div#footer ul li a.r-border {
    border-right:1px solid #999;
}
div#footer ul li a, div#footer ul li a:active, div#footer ul li a:link, div#footer ul li a:hover, div#footer ul li a:visited {
    height:30px;
    padding: 2px 10px;
    color:#999999;
    text-decoration:none;
    font-size:14px;
}
div#footer ul li a:hover, div#footer ul li a:active {
    color:#fff;
}
div#footer .social-btn-wrapper {
    position:absolute;
    line-height:normal;
    left:30px;
    bottom:10px;
    z-index:3;
}
div#footer .social-btn-wrapper a.twitter {
    margin-left:8px;
    text-decoration:none;
}
a.appstore-icon, a.appstore-icon:visited, a.appstore-icon:hover, a.appstore-icon:active, a.appstore-icon:link {
    width:99px;
    height:32px;
    text-decoration:none;
    background: url(../img/sprites.png) no-repeat left top;
}
a.playstore-icon, a.playstore-icon:visited, a.playstore-icon:hover, a.playstore-icon:active, a.playstore-icon:link {
    width:99px;
    height:32px;
    text-decoration:none;
    background: url(../img/google-play.png) no-repeat left top;
}
a.appstore-icon:hover {
    background-position: -99px top;
}
div#footer .appstore-icon {
    position: absolute;
    line-height:normal;
    right:30px;
    bottom:10px;
    z-index:3;

}
div#footer .playstore-icon {
    position: absolute;
    line-height:normal;
    right:135px;
    bottom:10px;
    z-index:3;
}

/* Forms */
input:-webkit-autofill {
}
input.input {
    padding: 5px 12px;
    font-size:16px;
    color:#999999;
    font-weight:normal;
    border:1px solid #000000;
    -webkit-border-radius:25px;
    border-radius:25px;
    outline: none;
    -webkit-box-shadow: inset 0px 5px 8px 0px rgba(0, 0, 0, 0.4);
        box-shadow: inset 0px 5px 8px 0px rgba(0, 0, 0, 0.4);
}
input.dark {
    border:1px solid #8c8c8c;
    -webkit-box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3) 0px 0px 22px 5px inset;
    box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3) 0px 0px 22px 5px inset;
    width:auto;
    padding: 9px 18px;
    color:#cccccc;
    border:1px solid #000;
    font-size:16px;
    font-weight:bold;
    background:rgb(60,60,60);
    background:rgba(0,0,0,0.2);
    -webkit-border-radius:8px;
    border-radius:8px;
    color:#fff;
}

input.dark:-moz-placeholder {
        color: #ccc;
}
input.dark::-moz-placeholder {
        color: #ccc;
}
input.light {
    border:1px solid #b6b6b6;
    -webkit-box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.1), rgba(143, 143, 143, 0.2) 0px 0px 10px 3px inset;
    box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.1), rgba(143, 143, 143, 0.2) 0px 0px 10px 3px inset;
    width:auto;
    padding: 8px 18px 6px;
    color:#cccccc;
    font-size:16px;
    background:rgb(218,218,218);
    background:rgba(0,0,0,0.1);
    -webkit-border-radius:8px;
    border-radius:8px;
    color:#666666;
    text-shadow:1px 1px 1px #fff;
}
input.post {
    background:none;
    background:url(../img/sprites.png) no-repeat left -280px;
    border:0;
    width:76px;
    height:40px;
    cursor:pointer;
}
input.post:hover {
    background-position: -76px -280px;
}
input.post:active {
    background-position: left -279px;
}
input.submit {
    background:none;
    background:url(../img/sprites.png) no-repeat -152px -280px;
    border:0;
    width:98px;
    height:40px;
    cursor:pointer;
}
input.submit:hover {
    background-position: -250px -280px;
}
input.submit:active {
    background-position: -152px -279px;
}
.error {
    border:1px solid #8c8d8e;
    border-radius:8px;
    -webkit-border-radius: 8px;
    margin: 5px 0 10px 0;
    background:#fff;
}
.error > div {
    margin: 1px;
    border-radius:6px;
    -webkit-border-radius: 6px;
    background:#bdcbdd;
    color:#333333;
    padding: 6px 8px;
    text-align:left;
    font-size:14px;
}
.error > div span {
    font-weight:bold;
}
.error a.refresh, .error a.refresh:active, .error a.refresh:link, .error a.refresh:visited, .error a.refresh:hover {
    display:inline-block;
    float:right;
    text-decoration:none;
    width:14px;
    height:18px;
    margin-top:1px;
    background:url(../img/sprites.png) no-repeat -36px -536px;
}
.error a.refresh:hover {
    background-position:-50px -536px;
    cursor:pointer;
}
.right-panel .error {
    margin: 5px -20px 10px;
}
div.checkbox {
	overflow:hidden;
	line-height:normal;
}
.checkbox input {
	display:none;
}
.checkbox span {
	display:inline-block;
	width:30px;
	height:31px;
	background:url(../img/sprites.png) no-repeat -117px -531px;
}
.checkbox:hover span {
	background-position:-147px -531px;
	cursor:pointer;
}
.checkbox.check-on span {
	background-position:-117px -570px;
}
.checkbox.check-on:hover span {
	background-position:-147px -570px;
}
/* ----- Body Elements ----- */
/* Buttons */
a.btn {
    display:inline-block;
    height:32px;
    line-height:31px;
    padding: 0 20px;
    font-weight:bold;
    background:url(../img/sprites.png) no-repeat left -134px;
    text-align:center;
    font-size:16px;
    cursor:pointer;
    text-shadow: 1px 1px 0 #272727;
    border-radius:8px;
    -webkit-border-radius: 8px;
    border: 1px solid #393939;
}
a.btn.lpad {
    padding: 0 14px;
}
a.btn, a.btn:active, a.btn:hover, a.btn:visited, a.btn:link {
    color:#fff;
    text-decoration:none;
}
a.btn:hover, a.btn:active {
    color:#fff;
    background:url(../img/sprites.png) no-repeat left -171px;
}
a.btn-small.green, a.btn-small.green:active, a.btn-small.green:hover, a.btn-small.green:visited, a.btn-small.green:link,
a.btn.green, a.btn.green:active, a.btn.green:hover, a.btn.green:visited, a.btn.green:link {
    background:url(../img/sprites.png) no-repeat left -208px;
}
a.btn.green:hover, a.btn-small.green:hover {
    background:url(../img/sprites.png) no-repeat left -245px;
}
a.btn.grey, a.btn-small.grey {
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,    rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
    background: -webkit-linear-gradient(top,    rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: -o-linear-gradient(top,    rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: -ms-linear-gradient(top,    rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: linear-gradient(to bottom,    rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    border:1px solid #bababa;
    color:#999999;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
}
a.btn.grey:hover, a.btn-small.grey:hover {
    background: rgb(247,247,247);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,    rgba(247,247,247,1) 0%, rgba(216,216,216,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(216,216,216,1)));
    background: -webkit-linear-gradient(top,    rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%);
    background: -o-linear-gradient(top,    rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%);
    background: -ms-linear-gradient(top,    rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%);
    background: linear-gradient(to bottom,    rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d8d8d8',GradientType=0 );
    border:1px solid #bababa;
    color:#999999;
    text-shadow:1px 1px 1px #fff;
    cursor:pointer;
}
a.btn span.darrow, a.btn-small span.darrow{
    width:14px;
    height:10px;
    display:inline-block;
    margin:9px 0 0 0;
    float:right;
    background:url(../img/toggle-arrow-light.png) no-repeat left top;
}
a.slide-toggle {
	display:block;
	width:23px;
	height:23px;
	background:url(../img/sprites.png) no-repeat -288px -460px;
}
a.slide-toggle:hover {
	background-position: -288px -483px;
	cursor:pointer;
}
a.social-btn {
    width:23px;
    height:24px;
    display:inline-block;
    background:url(../img/btn/social-btn.png) no-repeat left top;
    text-decoration:none;
}
a.social-btn.twitter {
    background-position:left -24px;
}
a.social-btn.twitter:hover {
    background-position:-23px -24px;
}
a.social-btn.facebook:hover {
    background-position:-23px top;
}
a.social-link {
	border:1px solid RGBA(52,52,52,0.8);
    background: rgb(80,80,80);
    background: rgba(0,0,0,0.3);
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:3px 10px 0 28px;
    position:relative;
    -webkit-box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
    box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
    font-size:14px;
    text-shadow:1px 1px 1px RGBa(0,0,0,0.6);
	width:65px;
	text-align:center;
	display:inline-block;
}
a.social-link:hover {
	background: rgb(50,50,50);
    background: rgba(0,0,0,0.5);
    cursor:pointer;
}
a.social-link span {
	width:16px;
	height:16px;
	position:absolute;
	top:3px;
	left:3px;
	display:inline-block;
	background-image: url(../img/sprites.png);
	background-repeat:no-repeat;
}
a.social-link.facebook span {
	background-position:-81px -504px;
}
a.social-link.twitter span {
	background-position:-2px -504px;
	width:17px;
}
a.social-link.email span {
	background-position:-119px -504px;
}
a.soc-icon-sm {
    display:inline-block;
    width:20px;
    height:20px;
    background-image:url(../img/sprites.png);
    background-repeat:no-repeat;
    text-decoration:none;
}
a.soc-icon-sm:hover {
    text-decoration:none;
}
a.soc-icon-sm.twitter {
    background-position:0 -502px;
}
a.soc-icon-sm.twitter:hover {
    background-position:-40px -502px;
}
a.soc-icon-sm.linkedin {
    background-position:-20px -502px;
}
a.soc-icon-sm.linkedin:hover {
    background-position:-60px -502px;
}
a.menu-btn, a.menu-btn:active, a.menu-btn:visited, a.menu-btn:link, a.menu-btn:hover {
    background: url(../img/btn/menu-btn-bg.gif)repeat-x left top;
    height: 32px;
    width:75px;
    border: 1px solid #000;
    line-height: 31px;
    font-size:14px;
    color:#fff;
    cursor:pointer;
    text-align:center;
    text-shadow:1px 1px 1px RGBa(0,0,0,0.6);
    display:inline-block;
}
a.menu-btn:hover {
    opacity:0.8;
}
a.menu-btn.selected, a.menu-btn.selected:active, a.menu-btn.selected:visited, a.menu-btn.selected:link, a.menu-btn.selected:hover {
    background: rgba(0,0,0,0.3);
    color:#999999;
    opacity:1;
    cursor:default;
}
a.menu-btn.left {
    -webkit-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
    border-right:0;
}
a.menu-btn.right {
    -webkit-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
    border-left:0;
}
a.btn-small, a.btn-small:active, a.btn-small:visited, a.btn-small:link, a.btn-small:hover {
    height:26px;
    line-height:25px;
    background: url(../img/btn/small-black-btn.gif) repeat-x left top;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #454545;
    display:inline-block;
    font-size:12px;
    color:#f4f4f4;
    text-align:center;
    padding: 0 10px;
    text-decoration:none;
    text-shadow:0px 1px 1px #222;
    font-weight:bold;
}
a.btn-small.white {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
a.btn-small.white, a.btn-small.white:active, a.btn-small.white:visited, a.btn-small.white:link, a.btn-small.white:hover {
    color:#666;
    text-shadow:1px 0 0 RGBa(255,255,255,0.8);
    border:1px solid #a1a1a1;
}
a.btn-small.white:hover {
    background: #656565;
    background: -moz-linear-gradient(top,  #656565 0%, #333333 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(99%,#333333));
    background: -webkit-linear-gradient(top,  #656565 0%,#333333 99%);
    background: -o-linear-gradient(top,  #656565 0%,#333333 99%);
    background: -ms-linear-gradient(top,  #656565 0%,#333333 99%);
    background: linear-gradient(to bottom,  #656565 0%,#333333 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#333333',GradientType=0 );
    color:#95fe00;
    text-shadow:1px 0 0 RGBa(0,0,0,0.8);

}
a.btn-small:hover {
    opacity:0.8;
}
a.btn-small.full {
    width:107%;
}

a.btn-small.grey, a.btn-small.grey:hover {
    font-size:15px;
    line-height:28px;
    padding: 0 15px;
}
a.btn-small.large-font, a.btn-small.large-font:active, a.btn-small.large-font:visited, a.btn-small.large-font:link, a.btn-small.large-font:hover {
    font-size:16px;
    padding: 0 15px;
}
a.btn-small span.album {
    display:inline-block;
    float:left;
    width:25px;
    height:21px;
    margin:2px 10px 0 0;
    background:url(../img/sprites.png) no-repeat -41px -579px;
}
a.btn-med {
    height:46px;
    line-height: 45px;
    display:inline-block;
    padding: 0 20px;
    font-weight:bold;
    background:url(../img/sprites.png) no-repeat left -843px;
    text-align:center;
    font-size:20px;
    cursor:pointer;
    text-shadow: 1px 1px 0 #272727;
    border-radius:15px;
    -webkit-border-radius: 8px;
    border: 1px solid #393939;
    color:#fff;
}
a.btn-med:hover {
    background-position: left -890px;
}
a.btn-med span.icon {
	display:inline-block;
	background-image:url(../img/sprites.png);
	background-repeat:no-repeat;
	float:left;
}
a.btn-med span.icon.edit {
	background-position:left -956px;
	width:31px;
	height:27px;
	margin:11px 18px 0 0;
}
a.btn-med span.icon.lock {
	background-position:-35px -958px;
	width:19px;
	height:24px;
	margin:11px 18px 0 0;
}
a.btn-big.green, a.btn-big.green:link, a.btn-big.green:active, a.btn-big.green:visited, a.btn-big.green:hover {
    background:url(../img/sprites.png) no-repeat -359px -362px;
    width:241px;
    height:64px;
    display:inline-block;
    cursor:pointer;
}
a.btn-big.green:hover {
    background-position: -359px -426px;
}
a.btn-big-continue.green, a.btn-big-continue.green:link, a.btn-big-continue.green:active, a.btn-big-continue.green:visited, a.btn-big-continue.green:hover {
    background:url(../img/sprites.png) no-repeat -600px -362px;
    width:408px;
    height:64px;
    display:inline-block;
    cursor:pointer;
}
a.btn-big-continue.green:hover {
    background-position: -600px -426px;
}
a.facebook-btn, a.facebook-btn:active, a.facebook-btn:link, a.facebook-btn:visited, a.facebook-btn:hover {
    display:inline-block;
    width:323px;
    height:46px;
    text-decoration:none;
    background:url(../img/sprites.png) no-repeat left -607px;
}
a.facebook-btn:hover {
    background-position:left -653px;
    cursor:pointer;
}
a.facebook-btn.signup {
    display:inline-block;
    width:323px;
    height:46px;
    background:url(../img/sprites.png) no-repeat left -723px;
}
a.facebook-btn.signup:hover {
    background-position:left -769px;
}
a.facebook-btn.link {
    display:inline-block;
    width:216px;
    height:42px;
    background:url(../img/sprites.png) no-repeat -385px -707px;
}
a.facebook-btn.link:hover {
    background-position:-385px -749px;
}
a.facebook-btn.unlink {
    display:inline-block;
    width:242px;
    height:42px;
    background:url(../img/sprites.png) no-repeat -601px -707px;
}
a.facebook-btn.unlink:hover {
    background-position:-601px -749px;
}
a.addfriends-btn, a.addfriends-btn:active, a.addfriends-btn:link, a.addfriends-btn:visited, a.addfriends-btn:hover {
    display:inline-block;
    width:191px;
    height:51px;
    text-decoration:none;
    background:url(../img/sprites.png)no-repeat -411px -600px;
}
a.addfriends-btn:hover {
    background-position: -411px -653px;
    cursor:pointer;
}
a.settings-link {
	cursor:pointer;
}
a.settings-link span {
	width:16px;
	height:16px;
	background:url(../img/sprites.png) no-repeat -68px -538px;
	margin:3px 8px 0 0;
	float:left;
}
a.settings-link:hover {
	color:#111;
}
a.settings-link:hover span {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* breadcrumb */
ul.breadcrumb {
    list-style: none;
    display:inline-block;
    margin:0;
    padding:0;
    margin:27px 0 0 30px;
    height:64px;
}
ul.breadcrumb li:first-child {
    background: none;
    padding:3px 0;
}

ul.breadcrumb li {
    float: left;
    background: url(../img/global/breadcrumb-right-arrow.png) no-repeat 5px 50%;
    padding: 12px 0 3px 25px;
    height:58px;
}
ul.breadcrumb li .matchup {
    float: left;
    margin-right:20px;
}
ul.breadcrumb li h1 {
    margin:0;
    color:#fff;
    font-size:20px;
    text-shadow: 1px 1px 1px #000;
    white-space:nowrap;
    line-height:25px;
}
ul.breadcrumb li h1 span {
    font-size:18px;
    font-weight:normal;
    color:#fefefe;
}

/* icons */
a.league-icon, a.league-icon:link, a.league-icon:hover, a.league-icon:visited, a.league-icon:active {
    background-image: url(../img/leagues/leagues-sprite.png);
    background-repeat: no-repeat;
    display:inline-block;
}
a.league-icon.nhl {
    background-position: left top;
    width: 58px;
    height:64px;
}
a.tweet-icon,a.tweet-icon:active, a.tweet-icon:link, a.tweet-icon:visited, a.tweet-icon:hover {
    display:inline-block;
    width:58px;
    height:20px;
    background: url(../img/sprites.png) no-repeat -542px top;
    text-decoration:none;
}
a.tweet-icon:hover {
    background-position:-542px -20px;
}
span.featured-corner-small {
    background:url(../img/sprites.png) no-repeat -568px -322px;
    width:32px;
    height:32px;
    display:inline-block;
}
a.foursquare, a.foursquare:hover, a.foursquare:link, a.foursquare:active, a.foursquare:visited {
    width:207px;
    height:21px;
    display:inline-block;
    background:url(../img/sprites.png) no-repeat -393px -579px;
    text-decoration:none;
}
a.share-icon, a.share-icon:active, a.share-icon:link, a.share-icon:visited, a.share-icon:hover {
    border:1px solid RGBA(52,52,52,0.8);
    background: rgba(0,0,0,0.1);
    -webkit-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0 0, rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0 0, rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
    box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0 0, rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
    padding:5px 5px 3px 10px;
    float:left;
    color:#999999;
    line-height:24px;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:bold;
    border:1px solid #222;
}
a.share-icon:hover {
    color:#ccc;
}
a.share-icon span.icon {
    background:url(../img/sprites.png) no-repeat -29px -476px;
    width:29px;
    height:24px;
    display:inline-block;
    float:right;
    margin:0 0 0 15px;
}
a.share-icon:active span.icon {
    background-position:-58px -476px;
    opacity:1;
}
a.share-icon:hover span.icon {
    opacity:0.8;
}
a.share-icon.selected span.icon {
    background-position:left -476px;
}
a.share-icon.selected:active span.icon {
    background-position:-29px -476px;
    opacity:0.8;
}
a span.icon-small, a:link span.icon-small, a:active span.icon-small, a:visited span.icon-small, a:hover span.icon-small {
    color:#fff !important;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-align:center;
    background: rgb(94,94,94);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OTQ5NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,    rgba(94,94,94,1) 0%, rgba(73,73,73,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,94,94,1)), color-stop(100%,rgba(73,73,73,1)));
    background: -webkit-linear-gradient(top,    rgba(94,94,94,1) 0%,rgba(73,73,73,1) 100%);
    background: -o-linear-gradient(top,    rgba(94,94,94,1) 0%,rgba(73,73,73,1) 100%);
    background: -ms-linear-gradient(top,    rgba(94,94,94,1) 0%,rgba(73,73,73,1) 100%);
    background: linear-gradient(to bottom,    rgba(94,94,94,1) 0%,rgba(73,73,73,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#494949',GradientType=0 );
    padding:2px 6px 5px;
    border-top:1px solid #858585;
    -webkit-border-radius:5px;
    border-radius:5px;
    line-height:20px;
    font-size:20px !important;
}
a:hover span.icon-small {
    color:#95FE00 !important;
}
/* Bubble */
div.bubble-wrap {
	position:relative;
}
div.bubble-wrap .bubble {
	background:#333;
    position:absolute;
    border-top:1px solid #646464;
    padding:20px;
    -webkit-box-shadow:  0px 0px 22px 15px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 22px 15px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 8px;
    border-radius: 8px;
    bottom:40px;
    color:#cccccc;
    text-shadow:none;
	display:none;
}
div.bubble-wrap .bubble span.tip {
	width: 0;
	height: 0;
	border-top: 12px solid #333;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	position:absolute;
	bottom:-12px;
	left:65px;
}
div.bubble-wrap .bubble div.sep {
	width:100%;
	height:1px;
	background:url(../img/bubble-sep.png) no-repeat left top;
	margin: 10px 0;
	background-size:contain;
}
div.bubble-wrap .bubble .ddmenu  {
	width:100px;
	text-align:left;
    border-radius:5px;
}
div.bubble-wrap .bubble .ddmenu .darrow {
	float:right;
	margin-top:9px;
}
div.bubble-wrap .bubble-list {
	list-style:none;
	margin:0;
	padding:0;
	font-weight:bold;
	color:#fff;
	text-shadow:0 1px 1px RGBa(0,0,0,0.6)
}
div.bubble-wrap .bubble-list li {
	padding: 5px 0 10px;
}
div.bubble-wrap .bubble-list.lh30 li {
	line-height:30px;
}
div.bubble-wrap .bubble-list .green {
	font-size:13px;
	float:left;
	margin-right:2px;line-height:25px;
}
div.bubble-wrap .bubble-list .tw {
	background:url(../img/sprites.png) no-repeat -85px -536px;
	width:26px;
	height:18px;
	float:left;
	margin:6px 5px 0 0;
}
.calendar-icon {
    background:url(../img/sprites.png) no-repeat left -998px;
    width:26px;
    height:30px;
    display:inline-block;
}
/* Content */
div.user-pic-wrapper {
    border: 1px solid #3d3c3b;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow:hidden;
    display:inline-block;
    line-height:0;
    position:relative;
}
div.user-pic-wrapper a.edit-pic, div.user-pic-wrapper a.edit-pic:hover, div.user-pic-wrapper a.edit-pic:visited, div.user-pic-wrapper a.edit-pic:link, div.user-pic-wrapper a.edit-pic:active {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding: 5px 20px;
	-webkit-border-radius: 30px;
    border-radius: 30px;
    background:#000;
    background:RGBa(0,0,0,0.6);
    -webkit-box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
    box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
    position:absolute;
    display:inline-block;
    bottom:10px;
    left:11px;
    line-height:normal;
    text-decoration:none;
}
div.user-pic-wrapper a.edit-pic:hover {
	color:#95fe00;
	cursor:pointer;
}
div.user-pic-wrapper img {
	width: 100%;
	height: 100%;
}
.content-box-header {
    width:100%;
    height:103px;
    text-align:left;
    position:relative;
}
.content-box-header.smaller {
    height:100px;
    line-height:100px;
}
.content-box-header.empty {
    height:30px;
    line-height:30px;
}
.content-box-header h1 {
    padding: 0 42px;
    color:#fff;
    margin:0;
    clear:left;
    font-weight:normal;
    font-size:33px;
    text-shadow:1px 1px 1px RGBa(0,0,0,0.3);
}
.content-box-header h2 {
    padding: 0 42px;
    color:#fff;
    margin:0;
    clear:left;
    font-weight:normal;
    font-size:16px;
    text-shadow:1px 1px 1px RGBa(0,0,0,0.3);
}
a.logo-main, a.logo-main:link, a.logo-main:active, a.logo-main:visited, a.logo-main:hover {
    display:inline-block;
    width:156px;
    height:100px;
    float:right;
    margin-right:9%;
    cursor:pointer;
    text-decoration:none;
    background: url(../img/sprites.png) no-repeat left -33px;
}
a.logo-main:hover {
    background-position: -157px -33px;
}
a.logo-main-powered, a.logo-main-powered:link, a.logo-main-powered:active, a.logo-main-powered:visited, a.logo-main-powered:hover {
    width:123px;
    height:41px;
    background: url(../img/sprites.png) no-repeat -607px 0;
}
a.logo-main-powered:hover {
    background-position: -730px 0;
}
a.logo-main-clean, a.logo-main-clean:link, a.logo-main-clean:active, a.logo-main-clean:visited, a.logo-main-clean:hover {
    display: inline-block;
    width: 156px;
    height: 51px;
    cursor: pointer;
    text-decoration: none;
    background: url(../img/sprites.png) no-repeat -314px -83px;
}
#header .logo-main-powered.abs {
    position:absolute;
    left:10px;
    top:20px;
}
#header .logo-main-clean.abs {
    position:absolute;
    left:10px;
}

span.facebook-logo {
	display:inline-block;
	width:129px;
	height:26px;
	background: url(../img/sprites.png) no-repeat -198px 0;
}
div.matchup {
    position: relative;
}
div.matchup div.team {
    position: relative;
    display:inline-block;
    z-index:0;
    width:75px;
    float:left;
}
div.matchup .away {
    margin-right:5px;
}
div.matchup .vs {
    position: absolute;
    left:50%;
    top:50%;
    width:29px;
    margin-top:-13px;
    margin-left:-15px;
    z-index:1;
}
div.matchup img {
    width:100%;
}

/* Feed details */
.feed-wrapper {
    text-align:left;
}
.feed-wrapper .header {
    margin-bottom:20px;
    display:inline-block;
    width:100%;
}
.feed-wrapper .header .row {
    font-size:18px;
    color:#666;
}
.feed-wrapper .header .row .icon-txt {
    float:left;
    margin-right:30px;
}
.feed-wrapper .header .row .icon-txt span {
    float:left;
    display:inline-block;
    background-image: url(../img/sprites.png);
    background-repeat: no-repeat;
    margin:4px 5px 0 0;
}
.feed-wrapper .header .highlight-row {
    color:#0c4da2;
    font-size:24px;
    font-weight:bold;
}
.feed-wrapper .header .location span {
    width:9px;
    height:18px;
    background-position:left -582px;
}
.feed-wrapper .header .comments span {
    width:19px;
    height:18px;
    background-position:-10px -582px;
}
.feed-wrapper .header .user-pic-wrapper {
    width:70px;
    height:70px;
    float:left;
    margin-right:15px;
}
.feed-wrapper .header .right-details {
    float:right;
    margin: 0 0 0 15px;
    width:150px;
    color:#333333;
    font-size:14px;
    line-height:33px;
}
.feed-wrapper .header .right-details .feed-type {
    background-image: url(../img/sprites.png);
    background-repeat: no-repeat;
    display:inline-block;
    float:right;
}
.feed-wrapper .header .right-details .feed-type.pic {
    width:34px;
    height:27px;
    background-position: left -555px;
    margin-left:10px;
}
.feed-wrapper .header .social-links {
    float:right;
    margin-top:15px;
}
.feed-wrapper .pic-wrapper {
    width:100%;
    display:inline-block;
    border-radius:8px;
    border: 1px solid RGBA(0,0,0,0.1);
    -webkit-border-radius: 8px;
    overflow:hidden;
    line-height:1px;
}
.feed-wrapper .pic-wrapper img {
    width:100%;
}
.feed-wrapper p {
    font-size:24px;
    color:#333333;
    text-shadow: 0 1px 1px #fff;
    margin:20px 0 10px;
}
.feed-wrapper .feed-options {
    padding:20px 0 10px;
    color:#666666;
    font-size:16px;
}
.feed-wrapper .feed-options a.btn-small.grey {
    margin-left:12px;
}
.feed-wrapper .feed-options a.btn-small.grey {
}
/* News feed */
div.refresh-timeline {
        display: none;
    font-size:14px;
    background:url(../img/refresh-feed-bg.png) repeat-x left top;
    text-align:center;
    margin: 0 -20px -1px;
}
div.refresh-timeline:hover {
    opacity:0.7;
}
div.refresh-timeline a, div.refresh-timeline a:active, div.refresh-timeline a:link, div.refresh-timeline a:visited, div.refresh-timeline a:hover {
    height:36px;
    line-height:36px;
    display:inline-block;
    color:#0c4da2;
    font-size:14px;
    text-decoration:none;
    width:100%;
}
div.refresh-timeline span.arrow-up {
    background:url(../img/toggle-arrow-blue-open.png) no-repeat left top;
    width:9px;
    height:6px;
    display:inline-block;
    margin: 0 15px;
}
ul.large-feed {
    list-style:none;
    padding: 0;
    margin:-1px -20px 0;
    background: url(../img/timeline-bg.gif)repeat-x left top;
}
ul.large-feed > li {
    padding: 10px 20px;
    border-top:1px solid #f0f0f0;
    text-align:left;
}
ul.large-feed > li .user-pic-wrapper {
    width: 68px;
    height: 68px;
    float: left;
    margin-right: 15px;
}
ul.large-feed > li .user-pic-wrapper img {
    width:100%;
}
ul.large-feed > li .highlight-row a, ul.large-feed > li .highlight-row a:link, ul.large-feed > li .highlight-row a:active, ul.large-feed > li .highlight-row a:visited, ul.large-feed > li .highlight-row a:hover {
    font-size:18px;
    color:#0c4da2;
    text-decoration:none;
}
ul.large-feed > li .highlight-row a:hover {
    text-decoration:underline;
}
ul.large-feed > li p {
    font-size:14px;
    margin:0 0 13px 0;
    color:#666666;
}
ul.large-feed > li .pic-wrapper {
    display: inline-block;
    border: 1px solid RGBA(0,0,0,0.1);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    line-height: 1px;
    margin-bottom:10px;
}

ul.large-feed > li .landscape {
    width:85%;
}

ul.large-feed > li .portrait {
    width:50%;
}

ul.large-feed > li .pic-wrapper img {
    width: 100%;
}
ul.large-feed > li > .feed-details {
    font-size:12px;
    color:#666;
    margin-left:95px;
}
ul.large-feed > li .timestamp {
    color:#999;
}
ul.large-feed > li > .feed-details a.feed-share, ul.large-feed > li > .feed-details a.feed-share:link, ul.large-feed > li > .feed-details a.feed-share:active, ul.large-feed > li > .feed-details a.feed-share:visited, ul.large-feed > li > .feed-details a.feed-share:hover {
    color:#666;
    font-size:12px;
    text-decoration:none;
    background:url(../img/icons/feed-share-darrow.gif) no-repeat right 50%;
    padding-right:10px;
    float:right;
}
ul.large-feed > li > .feed-details a.feed-share:hover {
    text-decoration:underline;
}
ul.large-feed > li .feed-details a, ul.large-feed li .feed-details a:link, ul.large-feed li .feed-details a:active, ul.large-feed li .feed-details a:visited, ul.large-feed li .feed-details a:hover {
    color:#0c4da2;
    text-decoration:none;
    margin-right:5px;
}
ul.large-feed > li > .timestamp {
    margin-left:5px;
}
ul.large-feed > li > .feed-details a:hover {
    text-decoration:underline;
}
ul.large-feed > li span.feed-location {
    background:url(../img/sprites.png) no-repeat -29px -588px;
    width:10px;
    height:13px;
    display:inline-block;
    float:left;
    margin: 2px 5px 0 0;
}
ul.large-feed > li .reply-wrapper {
    background:#f0f0f0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width:84%;
    padding: 3px 4px;
    margin: 5px 0;
}
ul.large-feed > li .reply-wrapper .user-pic-wrapper {
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:0;
}
ul.large-feed > li .reply-wrapper .user-pic-wrapper img {
    width:100%;
}
ul.large-feed > li .reply-wrapper ul {
    list-style:none;
    margin:0 0 3px 0;
    padding:0;
}
ul.large-feed > li .reply-wrapper ul li {
    min-height:24px;
    border-top:1px solid #ddd;
    padding: 5px 3px;
}
ul.large-feed > li .reply-wrapper ul li:first-child {
    border:0;
}
ul.large-feed > li .reply-wrapper ul li p {
    font-size:12px;
    line-height:14px;
    margin: 0 0 -3px 0;
}
ul.large-feed > li .reply-wrapper ul li .timestamp {
    font-size:10px;
}
ul.large-feed > li .reply-wrapper ul li .comment-details {
    margin-left:30px;
}
ul.large-feed > li .reply-wrapper div.field-wrapper {
    background:#fff;
    border:1px solid #d0d0d0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding:2px;
    min-height:25px;
    margin-bottom:5px;
}
ul.large-feed > li .reply-wrapper input {
    background:none;
    border:0;
    resize:none;
    height:23px;
    margin-top:1px;
    padding:0;
    font-size:12px;
    color:#999999;
    width:85%;
}

/* Right panel */
.right-panel .connections .user-pic-wrapper {
        width: 40px;
        height: 40px;
}
.right-panel .venue-map {
	position:relative;
}
.right-panel .map-details {
    padding-bottom:20px;
}
.right-panel .map-details div.location {
    font-size:20px;
    color:#333333;
    font-weight:bold;
    text-align:left;
    margin:auto;
    display:inline-block;
}
.right-panel .map-details div.location span {
    display:inline-block;
    float:left;
    background:url(../img/sprites.png) no-repeat left -536px;
    width:11px;
    height:19px;
    margin:4px 4px 6px 0;
}
.right-panel .map-details div.location.around span {
    background:url(../img/sprites.png) no-repeat -14px -535px;
    width:18px;
}
.right-panel .map-details p.address {
    font-size:16px;
    color:#4a4a4a;
    margin:0 0 10px 0;
}
.right-panel .map-details .map-wrapper {
    position: relative;
    margin:5px 0 0 -20px;
    width: 300px;
    height: 180px;
}
.right-panel .map-details .google-map {
    border: 1px solid #8d8b84;
    display: inline-block;
    overflow: hidden;
    width: 300px;
    height: 180px;
    background-color: white;
    border-radius: 15px;
    -webkit-border-radius: 15px;
}
.right-panel .map-details .google-map > div{
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -webkit-mask-box-image: url(../img/map-mask.png);
}
.right-panel .map-details .map-wrapper .map {
    border:1px solid #8d8b84;
    display:inline-block;
    overflow:hidden;
    width:300px;
    height:180px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    background-color:white;
}
.right-panel .map-details .map-wrapper .map div.tabToggle1 {
    border-radius: 15px;
    -webkit-border-radius: 15px;
}
.right-panel .map-details .map-wrapper ul {
    list-style:none;
    padding:0;
    display:inline-block;
    margin: -5px auto 0;
}
.right-panel .map-details .map-wrapper ul li {
    float:left;
    font-size:12px;
    text-shadow:none;
}
.right-panel .map-details .map-wrapper ul li:first-child {
    margin-right:4px;
}
.right-panel .map-details .map-wrapper ul li a,
.right-panel .map-details .map-wrapper ul li a:visited,
.right-panel .map-details .map-wrapper ul li a:active,
.right-panel .map-details .map-wrapper ul li a:link
.right-panel .map-details .map-wrapper ul li a:hover {
    color:#bfbfbf;
    background: #8c8d8e;
    text-decoration:none;
    padding: 4px 7px;
    display:inline-block;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
.right-panel .map-details .map-wrapper ul li a:hover {
    color:#fff;
}
.right-panel .map-details .map-wrapper ul li a.selected,
.right-panel .map-details .map-wrapper ul li a.selected:visited,
.right-panel .map-details .map-wrapper ul li a.selected:active,
.right-panel .map-details .map-wrapper ul li a.selected:link
.right-panel .map-details .map-wrapper ul li a.selected:hover {
    background: #333333;
    color:#bfbfbf;
    cursor:default;
}
.right-panel .venues img {
        width: 40px;
}
.right-panel .venues .btn-small {
        width: 90%;
        margin: 5px 3px;
}
.right-panel .full {
    margin: 0 -40px 15px;
}
.post-comment.r-panel {
    position:absolute;
    bottom:0;
    right:0;
    border-radius: 0 0 15px 0;
    -webkit-border-radius: 0 0 15px 0;
    -webkit-box-shadow:    0px -6px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow:    0px -6px 10px 0px rgba(0, 0, 0, 0.3);
}
.post-comment {
    border-top: 1px solid #8e8e8e;
    padding: 11px 12px 11px 11px;
    height:35px;
    background: #1f1f1f;
    background: -moz-linear-gradient(top,    #1f1f1f 1%, #434343 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1f1f1f), color-stop(100%,#434343));
    background: -webkit-linear-gradient(top,    #1f1f1f 1%,#434343 100%);
    background: -o-linear-gradient(top,    #1f1f1f 1%,#434343 100%);
    background: -ms-linear-gradient(top,    #1f1f1f 1%,#434343 100%);
    background: linear-gradient(to bottom,    #1f1f1f 1%,#434343 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#434343',GradientType=0 );

}
.post-comment input {
    float:left;
    margin-left:3px;
}
.post-comment .input {
    width:210px;
}
/* Regular list */
ul.regular-list.no-tborder,
ul.regular-list.no-tborder li:first-child,
ul.regular-list.no-tbborder,
ul.regular-list.no-tbborder li:first-child {
    border-top:0;
}
ul.regular-list.no-tbborder,
ul.regular-list.no-tbborder li:last-child {
    border-bottom:0;
}
ul.regular-list {
    margin:0 -20px;
    padding:0;
    text-align:left;
    list-style:none;
    border-top:1px solid #888888;
    border-bottom:1px solid #d1d2d3;
}
ul.regular-list.clickable > li{
    cursor:pointer;
}
ul.regular-list > li {
    padding: 8px 0;
    height:40px;
    line-height:40px;
    color:#333333;
    font-size:18px;
    font-weight:bold;
    border-top:1px solid #d1d2d3;
    border-bottom:1px solid #888888;
}
ul.regular-list > li:hover > span, ul.regular-list > li:hover >    img{
    opacity:0.6;
}
ul.regular-list > li img {
    float:left;
    margin-right:12px;
}
ul.regular-list > li span.list-arrow {
    float:right;
    width:17px;
    height:11px;
    display:inline-block;
    margin: 16px 0 0 14px;
    background:url(../img/list-arrow.png) no-repeat left top;
}
ul.regular-list > li.open span.list-arrow {
    background-position: left -11px;
}
ul.regular-list > li span.number {
    float:right;
    margin: 14px 0 0 10px;
    background: RGBa(0,0,0,0.6);
    padding: 0 8px;
    font-size:11px;
    color:#fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    line-height:normal;
    text-shadow:1px 1px 1px RGBa(0,0,0,0.6);

}
ul.regular-list > li.open {
    height:auto
}
ul.regular-list div.sublist-wrapper {
    background-color:#a3a4a6;
    border-top:1px solid #888888;
    background-color: RGBa(102,102,102,0.2);
    margin: 10px 0 -8px 0;
    display:none;
}
ul.regular-list div.sublist-wrapper ul {
    border-top: 1px solid #D1D2D3;
    list-style:none;
    padding:0;
    margin:0;
}
ul.regular-list div.sublist-wrapper ul li {
    font-size:16px;
    padding: 10px 20px;
    line-height:normal;
    border-top:1px solid #888888;
    position:relative;
}
ul.regular-list div.sublist-wrapper ul li:first {
    border:0;
}
ul.regular-list div.sublist-wrapper ul li a, ul.regular-list div.sublist-wrapper ul li a:hover, ul.regular-list div.sublist-wrapper ul li a:visited, ul.regular-list div.sublist-wrapper ul li a:active, ul.regular-list div.sublist-wrapper ul li a:link {
    color:#333;
}
ul.regular-list div.sublist-wrapper ul li a:hover {
    text-decoration:none;
}
ul.regular-list div.sublist-wrapper span.featured-corner-small {
    position:absolute;
    z-index:2;
    left:0;
    top:0;
}
ul.regular-list div.sublist-wrapper ul li p {
    font-size:12px;
    margin:0;
}
ul.regular-list div.sublist-wrapper ul li p .light {
    color:#505050;
}
ul.regular-list div.sublist-wrapper ul li .more-details {
    font-size:13px;
    margin-top:5px;
    line-height:23px;
    display:none;
}
ul.regular-list div.sublist-wrapper ul li > span.list-arrow {
    float:right;
    width:14px;
    height:11px;
    display:inline-block;
    margin: 12px 0 0 14px;
    background:url(../img/list-arrow-small.png) no-repeat left top;
    background-position: 0 -11px;
}
ul.regular-list div.sublist-wrapper ul li.open {
    background:RGBa(100,100,100,0.1);
}
ul.regular-list div.sublist-wrapper ul li.open > span.list-arrow {
    background-position:0 0;
}

/* Comment list */
ul.comment-list.no-tbborder,
ul.comment-list.no-tbborder li:first-child {
    border-top:0;
}
ul.comment-list.no-tbborder,
ul.comment-list.no-tbborder li:last-child {
    border-bottom:0;
}
ul.comment-list {
    margin:0 -20px;
    padding:0;
    text-align:left;
    list-style:none;
    border-top:1px solid #888888;
    border-bottom:1px solid #d1d2d3;
}
ul.comment-list li {
    padding: 8px 0;
    border-top:1px solid #d1d2d3;
    border-bottom:1px solid #888888;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
ul.comment-list li:hover {
    background:RGBa(255,255,255,0.1);
}
ul.comment-list li .user-pic-wrapper {
    float:left;
}
ul.comment-list li .comment-details {
    margin-left:50px;
}
.private-user {
    line-height:44px;
}
ul.comment-list li span.time {
    font-size:12px;
    color:#666666;
    float:right;
}
ul.comment-list li a.name, ul.comment-list li a.name:link, ul.comment-list li a.name:active, ul.comment-list li a.name:visited, ul.comment-list li a.name:hover {
    color: #0C4DA2;
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
}
ul.comment-list li a.name:hover {
    text-decoration:underline;
}
ul.comment-list li p {
    margin: 5px 0 0;
    font-weight:normal;
}

/* highlight box */
.highlight-box {
    background: rgb(210, 210, 210); /* The Fallback for IE8 and < */
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid #aeaeae;
    padding:10px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
}

/* Seating info */
.seating-info .big-icon {
    float:left;
    margin: 0 20px 0 0;
}
.seating-info > p {
    font-size:24px;
    margin: 8px 0 3px 0;
}
.seating-info > span {
    font-size:16px;
    display:block;
    margin-bottom:12px;
}
.seating-info .seat-position {
    height:80px;
}
.seating-info .seat-position > div {
    float: left;
    margin-right: 10px;
    border:1px solid #9c9c9c;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.seating-info .seat-position > div {
    font-size:40px;
    color:#0c4da2;
    text-align:center;
    font-weight:bold;
    width:90px;
}
.seating-info .seat-position > div span {
    display:block;
    background:#9f9f9f;
    padding: 3px 0;
    color:#333;
    font-size:12px;
    font-weight:bold;
}

/* icons */
.big-icon {
    width:158px;
    height:158px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position: left top;
}
.big-icon.location {
    background-image:url(../img/icons/location-icon-big.png);
}
/* Sliding content */
.slide-parent {
	overflow-x: hidden;
}
.slide-content-wrapper {
	width:140%;
	display:table;
}
.slide-content-wrapper.search-active {
	margin-left:-35%;
}
.slide-content-wrapper > div {
	padding: 0 25px;
	display:table-cell;
	color:#fff;
	position: relative;
}
.slide-content-wrapper > div h2 {
	font-size:24px;
	font-weight:bold;
	margin:0 -25px;
	padding:25px;
	background:RGBa(0,0,0,0.4);
	border-top:1px solid RGBa(255,255,255,0.30);
	border-bottom:1px solid RGBa(255,255,255,0.30);
}
.slide-content-wrapper > div .smaller {
	font-size:18px;
}
.slide-content-wrapper > div h2 .slide-toggle {
	float:right;
	margin:6px -16px 0 0;
}
.slide-content-wrapper .l-slide {
	border-right:1px solid #121212;
	padding-bottom:30px;
	width:45%;
}
.slide-content-wrapper.search-active a.slide-toggle {
	background-position:-262px -460px;
}
.slide-content-wrapper > div.active a.slide-toggle:hover {
	background-position: -262px -483px;
}
.slide-content-wrapper .r-slide {
	border-left:1px solid #929292;
	left:0;
	width:55%;
}
.slide-content-wrapper .r-slide h2 {
	margin-bottom:30px;
}
/* Homepage */
.floor {
    position:absolute;
    top:670px;
    left:0;
    width:100%;
    height:170px;
    background: url(../img/home-floor-bg.png) repeat-x left top;
}
#iphone {
    width:40%;
    position:absolute;
    bottom:10%;
    left:34%;
    z-index:3;
    margin:auto;
    max-width:348px;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}
#iphone img {
    width:100%;
}
#iphone .screen-wrapper {
    width:100%;
    position:absolute;
    left:0;
    top:15%;
    text-align:center;
    z-index:3;
}
#iphone .screen-wrapper img {
    width:100%;
}
@media all and (min-width:1025px) and (max-width:1500px){
    #iphone {
            left:38%;
    }
}
@media all and (min-width:1501px){
    #iphone {
            left:40%;
    }
}
.phone-wrapper {
    text-align: center;
    margin: 90px auto 0;
}
.web .phone-wrapper {
    margin:0;
    overflow:hidden;
    text-align:center;
}
.web .phone-wrapper > div {
    width:589px;
    height:482px;
    margin-left:auto;
    margin-right:auto;
}
.web .promo-wrapper {
    margin: 0;
    overflow:hidden;
    text-align:center;
}

.web .promo-wrapper > div {
    width:370px;
    height:482px;
    margin-left:auto;
    margin-right:auto;
}

.promo-wrapper div {
    font-size:20px;
    color:#ccc;
    text-shadow:2px 2px 2px RGBa(0,0,0,0.4);
}

#slider-in-laptop {
    width:247px;
    margin-left:25px;
    height:421px;
    padding: 105px 0 0;
}
.web #slider-in-laptop{
    width:650px;
    height:421px;
    padding:0;
}
.web .rsContainer {
    padding-top:20px;
}
.web .rsSlide    img {
    float:left;
}
#slider-in-laptop .rsOverflow,
#slider-in-laptop .rsSlide,
#slider-in-laptop .rsVideoFrameHolder,
#slider-in-laptop .rsThumbs {
    background: #151515;
}
#slider-in-laptop .rsPreloader {
    background-image:url(../img/preloaders/preloader-white.gif);
}
.imgBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 296px;
    height: auto;
}

.web #slider-in-laptop .rsOverflow, .web #slider-in-laptop .rsSlide, .web #slider-in-laptop .rsVideoFrameHolder, .web #slider-in-laptop .rsThumbs {
    background:none;
}
/* carousel */
.mobile .rsNav {
    position:absolute;
    right:-420px;
    top:50px;
}
.web .rsNav {
    position:absolute;
    left: 0;
    bottom:-55px;
    width:82%;
    height:50px;
    text-align:center;
}
.web .rsNav .rsNavItem {
	width:19px;
	height:22px;
    margin: 0 5px;
	display:inline-block;
	cursor:pointer;
	background:url(../img/carousel-breadcrumbs.png) no-repeat left -20px;
}
.web .rsNav .rsNavItem.rsNavSelected {
	background-position: left top
}
.mobile .rsNav .rsNavItem {
    width:275px;
    height:50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding:17px 20px;
    vertical-align:middle;
    margin-bottom:20px;
    font-size:18px;
    background: rgba(0,0,0,0.2);
    -webkit-border-radius:15px;
    border-radius:15px;
    -webkit-box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.3) 0px 0px 6px 1px inset;
    box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.3) 0px 0px 6px 1px inset;
    text-align:left;
    cursor:pointer;
    color:#fff;
    position:relative;
    text-shadow: 1px 1px 0 #333;
}
.mobile .rsNav .rsNavItem span.icon {
    display:inline-block;
    width: 42px;
    height:45px;
    background-image:url(../img/sprites.png);
    background-repeat:no-repeat;
    float:left;
    margin:3px 20px 0 0;
}
.mobile .rsNav    .rsNavItem.rsNavSelected {
    background: rgba(0,0,0,0.4);
}
.mobile .rsNav .rsNavItem.location span {
    background-position:left -352px;
}
.mobile .rsNav .rsNavItem.connect span {
    background-position:-42px -352px;
}
.mobile .rsNav .rsNavItem.comment span {
    background-position:-84px -352px;
}
.mobile .rsNav .rsNavItem.explore span {
    background-position:-126px -352px;
}
.mobile .rsNav .rsNavItem.pictures span {
    background-position:-168px -352px;
}
.mobile .rsNav .rsNavItem.rsNavSelected.location span {
    background-position:left -397px;
}
.mobile .rsNav .rsNavItem.rsNavSelected.connect span {
    background-position:-42px -397px;
}
.mobile .rsNav .rsNavItem.rsNavSelected.comment span {
    background-position:-84px -397px;
}
.mobile .rsNav .rsNavItem.rsNavSelected.explore span {
    background-position:-126px -397px;
}
.mobile .rsNav .rsNavItem.rsNavSelected.pictures span {
    background-position:-168px -397px;
}
.mobile .rsNav .rsNavItem.one-line {
    line-height:50px;
}
.rsNav .rsNavItem.rsNavSelected span.breadcrumbs {
    width:146px;
    height:20px;
    background:url(../img/carousel-breadcrumbs.png) no-repeat left top;
}
.rsNav .rsNavItem.rsNavSelected.connect span.breadcrumbs {
    background-position: left -20px;
}
.rsNav .rsNavItem.rsNavSelected.comment span.breadcrumbs {
    background-position: left -40px;
}
.rsNav .rsNavItem.rsNavSelected.explore span.breadcrumbs {
    background-position: left -60px;
}
.rsNav .rsNavItem.rsNavSelected.pictures span.breadcrumbs {
    background-position: left -80px;
}
.web div.img-overlays {
    position: absolute;
    width: 635px;
    top: 75px;
    z-index: 3;
    right: 1px;
}
.web div.img-overlays img {
    width:100%;
    position: absolute;
    display:none;
}
.web div.img-overlays img.selected {
    display:block;
}
#scoreboard li {
    max-width: 150px;
}
#scoreboard li .g_close {
    top: -7px;
    right: -8px;
    display:none;
}
#scoreboard li:hover .g_close {
    display:block;
}

/* left content */
.l-content {
    float:left;
    margin-top:75px;
    width:35%;
    margin-left:-50px;
    margin-right:75px;
    text-align:right;
}
.l-content a.logo-main, .l-content a.logo-main:link, .l-content a.logo-main:active, .l-content a.logo-main:visited, .l-content a.logo-main:hover {
    float:none;
    margin-right:0;
}
.l-content .bar{
    height:1px;
    line-height:1px;
    width:100%;
    margin:-8px 0 35px 0;
    background-color:#494949;
}
.l-content p {
    font-size:17px;
}
.l-content .newsletter .msg {
    text-align:right;
}
.l-content .newsletter .msg.confirm {
    background:url(../img/checkmark-confirm.png) no-repeat right 50%;
    padding-right:25px;
}
.l-content .newsletter .msg.confirm span {
    color:#95fe00;
}
.l-content .newsletter .submit {
    margin-top:1px;
    float:right;
}

/* Game page */
#header .user-menu {
    background: rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
    box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
    -webkit-border-radius:10px;
    border-radius:10px;
    position:absolute;
    right:20px;
    top:-12px;
    height:30px;
    padding:17px 15px 5px 5px;
    line-height:28px;
    z-index:3;
    font-size:14px;
    color:#ccc;
    font-weight:bold;
    text-shadow: 1px 1px 1px RGBa(0,0,0,0.6);
    text-decoration:none;
    cursor:pointer;
}
#header .user-menu.open, #header .user-menu.open:hover {
    background:#111111;
    background: rgba(0,0,0,0.9);
}
#header .user-menu:hover {
    background: rgba(0,0,0,0.3);
}
#header .user-menu .user-pic-wrapper {
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #8d8d8d;
    overflow:hidden;
    width:28px;
    height:28px;
    float:left;
    margin:0 15px 0 0;
}
#header .user-menu ul {
    margin:0;
    padding:0;
    font-size:14px;
    list-style:none;
    font-weight:normal;
    margin: 10px 0 5px;
    display:none;
}
#header .user-menu.open ul {
    display:block;
}
#header .user-menu ul li {
    text-align:right;
    background:url(../img/user-menu-sep.png) no-repeat right top;
}
#header .user-menu ul li a, #header .user-menu ul li a:link, #header .user-menu ul li a:active, #header .user-menu ul li a:visited, #header .user-menu ul li a:hover {
    color:#fff;
    text-decoration:none;
    display:block;
}
#header .user-menu ul li a.grey, #header .user-menu ul li a.grey:link, #header .user-menu ul li a.grey:active, #header .user-menu ul li a.grey:visited, #header .user-menu ul li a.grey:hover {
    color:#999;
}
#header .user-menu ul li a:hover, #header .user-menu ul li a.grey:hover {
    color:#95FE00;
}
.content-box-header .ad {
    position:absolute;
    right:5px;
    bottom:25px;
    max-width:300px;
    width:26%;
    margin-top:-60px;
}
.content-box-header .ad img {
    width:100%;
    max-width:300px;
}
.content-box-header .ad img.man {
    width:13%;
    max-width:40px;
    margin-bottom:-5px;
}
div.score-wrapper {
    background: black url(../img/bg.gif) repeat left top;
    padding: 6px 5px;
    -webkit-border-radius:10px;
    border-radius:10px;
    margin-bottom:10px;
    color:#fff;
    height:50px;
    text-shadow:1px 1px 1px #222;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 0px 3px 1px inset;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 3px 1px inset;
}
div.score-wrapper .game-timestamp {
    margin: 0 39.8%;
    padding: 5px 0 0;
}
div.score-wrapper .game-timestamp div {
    background: rgb(60,60,60);
    background: rgba(0,0,0,0.3);
    border:1px solid RGBA(52,52,52,0.8);
    color:#bcbcbc;
    font-size:14px;
    line-height:15px;
    font-weight:bold;
}
div.score-wrapper .game-timestamp    span {
    font-size:22px;
    font-weight:bold;
}
div.score-wrapper .team-wrapper {
    float:left;
    width:40%;
}
div.score-wrapper .team-wrapper.home {
    float:right;
}
div.score-wrapper .name {
    font-size:38px;
    line-height:51px;
    font-weight:bold;
    padding: 0 20px 0 0;
}
div.score-wrapper .home .name {
    padding: 0 0 0 20px;
}
div.score-wrapper .score {
    float:right;
    background: rgb(60,60,60);
    background: rgba(0,0,0,0.3);
    border:1px solid RGBA(52,52,52,0.8);
    line-height:0;
    -webkit-border-radius:5px;
    border-radius:5px;
    width:52%;
    text-align:center;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
}
div.score-wrapper .home .score {
    float:left;
}
div.score-wrapper .score span {
    line-height:45px;
    font-size:38px;
    color:#95fe00;
    font-weight:bold;
}
div.score-wrapper .score .pic-wrapper {
    max-width:75px;
    width:100%;
    float:left;
}
div.score-wrapper .home .score .pic-wrapper {
    float:right;
}
div.score-wrapper .score .pic-wrapper img {
    width:100%;
}
.feed-header {
    padding: 20px 20px 10px 20px;
    border-bottom:1px solid #b2b4b6;
    margin: -20px -20px 0;
    background:#fff;
    -webkit-border-radius:12px 0 0 0;
    border-radius:12px 0 0 0;
}
.post-wrapper .post {
    background: #e5e5e5;
    border:1px solid #bababa;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding: 5px;
    margin-bottom:10px;
    min-height:62px;
    margin-right:97px;
    text-align:left;
}
.post-wrapper .post textarea {
    background:none;
    border:0;
    color:#0c4da2;
    margin: 2px 5px 0 5px;
    font-size:16px;
    resize: none;
    width:80%;
    height:38px;
}
.post-wrapper .post .user-pic-wrapper {
    width: 50px;
    height: 50px;
    float:left;
    margin-right:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    overflow:hidden;
}
.post-wrapper .btn-wrapper {
    float:right;
    margin-left:10px;
}
.post-wrapper .btn-wrapper a.btn:first-child {
    margin-bottom:16px;
}
.post-wrapper .post-options {
    background: rgb(232,232,232);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjN2M3YzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,    rgba(232,232,232,1) 0%, rgba(199,199,199,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(199,199,199,1)));
    background: -webkit-linear-gradient(top,    rgba(232,232,232,1) 0%,rgba(199,199,199,1) 100%);
    background: -o-linear-gradient(top,    rgba(232,232,232,1) 0%,rgba(199,199,199,1) 100%);
    background: -ms-linear-gradient(top,    rgba(232,232,232,1) 0%,rgba(199,199,199,1) 100%);
    background: linear-gradient(to bottom,    rgba(232,232,232,1) 0%,rgba(199,199,199,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#c7c7c7',GradientType=0 );
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #bababa;
    margin-left:62px;
    font-size:12px;
    font-weight:bold;
    overflow:hidden;
    display:none;
}
.post-wrapper .post-options a, .post-wrapper .post-options a:link, .post-wrapper .post-options a:active, .post-wrapper .post-options a:visited, .post-wrapper .post-options a:hover {
    color:#666666;
    text-decoration:none;
    font-weight:normal;
    line-height:21px;
    padding: 3px 12px 3px 10px;
    border-right:1px solid #bababa;
}
.post-wrapper .post-options a:hover {
    background: RGBa(66,66,66,0.1);
}
.post-wrapper .post-options .share {
    float:right;
    padding: 0 10px 1px 12px;
    border-left:1px solid #bababa;
}
.post-wrapper .post-options .share:hover {
    background: RGBa(66,66,66,0.1);
}
.post-wrapper .post-options .share label {
    margin:3px 5px 0 0;
    cursor:pointer;
    float:right;
}
.post-wrapper .post-options .share img, .post-wrapper .post-options .share input {
    float:right;
    margin-top:4px;
}

/* Game carousel*/
div#refresh-scoreboard {
    position:absolute;
    text-align:center;
    width: 780px;
    padding-top:20px;
}
.list_carousel {
    overflow:hidden;
}
.list_carousel ul {
    padding:0;
    margin:0 0 0 35px;
}
.list_carousel.responsive {
    width: auto;
    margin: 0;
}
.list_carousel .clearfix {
    float: none;
    clear: both;
}
.list_carousel .prev,.list_carousel .next {
    width:25px;
    height:34px;
    background:url(../img/sprites.png) no-repeat 0 -318px;
    display:block;
    font-size:1px;
    color:RGBA(0,0,0,0.1);
    text-shadow:none;
    top:-57px;
    opacity:0.6;
    position:absolute;
}
.list_carousel .next {
    background-position:-30px -318px;
    right:30%;
}
.list_carousel .prev:hover, .list_carousel .next:hover {
    opacity:1;
}
.list_carousel .pager {
    float: left;
    width: 64%;
    text-align: center;
    margin: 0 35px;
}
.list_carousel .pager a, .list_carousel .pager a:visited, .list_carousel .pager a:active, .list_carousel .pager a:link, .list_carousel .pager a:hover {
    margin: 0 5px;
    font-size:1px;
    color:RGBA(0,0,0,0.1);
    text-decoration: none;
    text-shadow:none;
    display:inline-block;
    width:5px;
    height:5px;
    background: rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
    box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.list_carousel .pager a.selected, .list_carousel .pager a.selected:hover, .list_carousel .pager a.selected:active, .list_carousel .pager a.selected:visited, .list_carousel .pager a.selected:link {
    margin: 0 5px;
    font-size:1px;
    color:RGBA(0,0,0,0.1);
    text-decoration: none;
    text-shadow:none;
    display:inline-block;
    width:6px;
    height:6px;
    border:1px solid #555;
    -webkit-box-shadow: -1px 1px 1px RGBA(0,0,0,0.2);
    box-shadow: -1px 1px 1px RGBA(0,0,0,0.2);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NTk1OTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,    rgba(255,255,255,1) 0%, rgba(149,149,149,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(149,149,149,1)));
    background: -webkit-linear-gradient(top,    rgba(255,255,255,1) 0%,rgba(149,149,149,1) 100%);
    background: -o-linear-gradient(top,    rgba(255,255,255,1) 0%,rgba(149,149,149,1) 100%);
    background: -ms-linear-gradient(top,    rgba(255,255,255,1) 0%,rgba(149,149,149,1) 100%);
    background: linear-gradient(to bottom,    rgba(255,255,255,1) 0%,rgba(149,149,149,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#959595',GradientType=0 );
}
.list_carousel .timer {
    background-color: #999;
    height: 6px;
    width: 0px;
}
.list_carousel li {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding:10px;
    font-size:12px;
    height:48px;
    font-weight:bold;
    vertical-align:middle;
    border:1px solid RGBA(52,52,52,0.8);
    background: rgb(80,80,80);
    background: rgba(0,0,0,0.1);
    -webkit-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
    box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
    text-align:right;
    cursor:pointer;
    color:#fff;
    position:relative;
    text-shadow: 1px 1px 0 #333;
    margin: 6px;
    display: block;
    float: left;
}
.list_carousel li:hover, .list_carousel li.selected {
    border:1px solid #95fe00;
    background: rgba(0,0,0,0.3);
}
.carousel-footer {
    width:100%;
    position:relative;
    height:25px;
    line-height: 11px;
}
.list_carousel li .pic-wrapper {
    width:30px;
    height:35px;
    float:left;
}
.list_carousel li .pic-wrapper img {
    width: 100%;
}
.list_carousel li .select-arrow {
    background:url(../img/carousel-score-arrow.png) no-repeat left top;
    width:13px;
    height:10px;
    position:absolute;
    display:none;
    bottom:-10px;
    left:50%;
    margin-left:-6.5px;
}
.list_carousel li.selected .select-arrow {
    display:block;
}
.list_carousel li div.score-details    {
    display:inline-block;
}
.list_carousel li div.score-details span.team {
    display:inline-block;
    margin-bottom:-4px;
    overflow:hidden;
    width:85px;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.list_carousel li div .score {
    margin-left: 5px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.list_carousel li.selected div .score {
    color:#95fe00;
}
.list_carousel li .sep {
    background-color:#2f2f2f ;
    border-bottom:1px solid #6c6c6c;
    margin: 5px -10px 1px;
    height:1px;
}
.list_carousel li .timestamp {
    text-align:center;
    font-size:11px;
}
.list_carousel li .timestamp .grey {
    color:#cccccc;
}
.list_carousel a.menu {
    position: absolute;
    top: -13px;
    left:60%;
    cursor:pointer;
    background: url(../img/menu-arrow-small.png) no-repeat right 6px;
    padding: 0 15px 0 0;
    color:#cccccc;
    font-size:12px;
    text-shadow: 1px 1px 1px RGBa(0,0,0,0.4);
}
.list_carousel a.menu:hover {
    color:#95FE00;
}
.list_carousel a.menu.selected {
    color:#95FE00;
    background: url(../img/menu-arrow-small.png) no-repeat right -40px;
}
.list_carousel .options-menu {
    position:absolute;
    top: -53px;
    left:45%;
    display:none;
}

/* Popup */
.add-games-modal {
    background: rgb(24,24,24);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4MTgxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjMyMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,    rgba(24,24,24,1) 0%, rgba(50,50,50,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,24,24,1)), color-stop(100%,rgba(50,50,50,1)));
    background: -webkit-linear-gradient(top,    rgba(24,24,24,1) 0%,rgba(50,50,50,1) 100%);
    background: -o-linear-gradient(top,    rgba(24,24,24,1) 0%,rgba(50,50,50,1) 100%);
    background: -ms-linear-gradient(top,    rgba(24,24,24,1) 0%,rgba(50,50,50,1) 100%);
    background: linear-gradient(to bottom,    rgba(24,24,24,1) 0%,rgba(50,50,50,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181818', endColorstr='#323232',GradientType=0 );
    color:#fff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    padding:10px 20px;
    width: auto;
    -webkit-box-shadow:    0px 0px 15px 5px rgba(0, 0, 0, 0.3);
    box-shadow:    0px 0px 15px 5px rgba(0, 0, 0, 0.3);
}
.add-games-modal .pp_left, .add-games-modal .pp_right {
    padding:0;
    margin:0;
}
#pp_full_res .pp_inline{
    text-align:center;
}
.pp_inline h1 {
    margin:0;
    text-align:center;
    font-size:24px;
    min-height:40px;
}
.add-games-modal a.back {
    background:url(../img/sprites.png) no-repeat left -445px;
    display:inline-block;
    width:53px;
    height:30px;
    text-decoration:none;
    position:absolute;
}
.add-games-modal a.back:hover {
    background-position:-53px -445px;
}
.add-games-modal .popup-content {
    background: rgb(51,51,51);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NTY1NjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,    rgba(51,51,51,1) 0%, rgba(101,101,101,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(101,101,101,1)));
    background: -webkit-linear-gradient(top,    rgba(51,51,51,1) 0%,rgba(101,101,101,1) 100%);
    background: -o-linear-gradient(top,    rgba(51,51,51,1) 0%,rgba(101,101,101,1) 100%);
    background: -ms-linear-gradient(top,    rgba(51,51,51,1) 0%,rgba(101,101,101,1) 100%);
    background: linear-gradient(to bottom,    rgba(51,51,51,1) 0%,rgba(101,101,101,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#656565',GradientType=0 );
    border-radius: 15px;
    -webkit-border-radius: 15px;
    text-align:center;
    overflow-y:auto;
    margin-top: 10px;
    width: 430px;
}
.add-games-modal h1 {
    margin: 0;
    text-align: center;
    font-size: 24px;
    min-height: 40px;
}
.add-games-modal .popup-content.list {
    max-height: 400px;
}
.add-games-modal .matchup-wrapper {
    background:url(../img/dotted-line-bg.png) repeat-x left 50%;
    height:56px;
    padding: 15px 0;
}
.add-games-modal .matchup-wrapper .teams {
    width:195px;
    position:relative;
    margin:auto;
}
.add-games-modal .matchup-wrapper .teams .team img {
    height: 56px;
    width: 90px;
}
.add-games-modal .matchup-wrapper .vs {
    position:absolute;
    left: 50%;
    margin-left: -20px;
    top: 13px;
    z-index:10;
}
.add-games-modal .form-wrapper {
    width:310px;
    margin:0 auto 15px;
}
.add-games-modal .form-wrapper .form-toggle.active {
    display:block !important;
    margin-bottom:2
}
.add-games-modal input.input {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    width:92%;
    margin-bottom:5px;
}
.add-games-modal p.date {
    font-size:20px;
    font-weight:bold;
    margin:0 0 5px !important;
}
.add-games-modal p.location {
    font-size:16px;
    color:#cccccc;
    margin:10px 0 20px 0!important;
}
.add-games-modal .options-menu {
    width:100%;
    margin: 15px 0;
}
.add-games-modal .options-menu a.menu-btn,
.add-games-modal .options-menu a.menu-btn:active,
.add-games-modal .options-menu a.menu-btn:visited,
.add-games-modal .options-menu a.menu-btn:link,
.add-games-modal .options-menu a.menu-btn:hover {
    width:101px;
    font-weight:bold;
    line-height:34px;
}
.add-games-modal .info {
    padding: 5px 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    color:#999999;
    font-size:14px;
    margin: 12px auto;
    display:inline-block;
    border:1px solid #000;
    background: rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
    box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.3) 0px 0px 3px 1px inset;
}
.add-games-modal .info span {
    font-weight:bold;
    color:#fff;
}
a.pp_close, a.pp_close:link, a.pp_close:active, a.pp_close:visited, a.pp_close:hover {
    width:36px;
    height:40px;
    display:inline-block;
    text-decoration:none;
    top:-18px;
    right:-18px;
    position:absolute;
    background:url(../img/sprites.png) no-repeat -106px -445px;
}
a.pp_close:hover {
    background-position:-143px -445px;
}
a.g_close {
    width:23px;
    height:25px;
    display:inline-block;
    text-decoration:none;
    position:absolute;
    background:url(../img/sprites.png) no-repeat -213px -460px;
}
a.g_close:hover {
    background-position:-236px -460px;
}
.pp_gallery, .add-games-modal .pp_description,div.ppt,.pp_top, .pp_bottom    {
    display:none !important;
}
.add-games-modal a.highlight-row, .add-games-modal a.highlight-row:link, .add-games-modal a.highlight-row:active, .add-games-modal a.highlight-row:visited, .add-games-modal a.highlight-row:hover {
    background: rgb(200,200,200);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4YzhjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZjhmOGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,    rgba(200,200,200,1) 0%, rgba(143,143,143,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,200,200,1)), color-stop(100%,rgba(143,143,143,1)));
    background: -webkit-linear-gradient(top,    rgba(200,200,200,1) 0%,rgba(143,143,143,1) 100%);
    background: -o-linear-gradient(top,    rgba(200,200,200,1) 0%,rgba(143,143,143,1) 100%);
    background: -ms-linear-gradient(top,    rgba(200,200,200,1) 0%,rgba(143,143,143,1) 100%);
    background: linear-gradient(to bottom,    rgba(200,200,200,1) 0%,rgba(143,143,143,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#8f8f8f',GradientType=0 );
    padding: 12px 20px;
    display:block;
    border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    font-size:20px;
    color:#333333;
    font-weight:bold;
    text-shadow:0 1px 1px #ccc;
    text-align:left;
    height:40px;
    line-height:42px;
}
.add-games-modal a.highlight-row:hover {
    opacity:0.8;
    cursor:pointer;
}
.add-games-modal .small a.highlight-row, .add-games-modal .small a.highlight-row:link, .add-games-modal .small a.highlight-row:active, .add-games-modal .small a.highlight-row:visited, .add-games-modal .small a.highlight-row:hover {
    height:30px;
    line-height:32px;
    padding: 5px 20px;
    text-transform:none;
}
.add-games-modal .small span.list-arrow {
    margin: 7px 0 0 14px;
}
.add-games-modal .small span.number {
    margin: 7px 0 0 10px;
}
.add-games-modal .pic-wrapper {
    text-align:center;
    float:left;
    margin-right:15px;
    width:35px;
    margin-top:5px;
    line-height:1px;
    position:relative;
}
.add-games-modal .pic-wrapper img {
    width: 100%;
    border-style: none;
}
.add-games-modal .small .pic-wrapper {
    margin-top:2px;
}
.add-games-modal .small .checkbox {
	margin-top:-1px;
}
.add-games-modal .large .pic-wrapper img:first-child {
    margin-bottom:2px;
}
.add-games-modal .large .pic-wrapper img.vs {
    width:44%;
    position:absolute;
    left:12px;
    top:19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.add-games-modal .large a:hover .pic-wrapper img.vs {
    width:60%;
    left:10px;
    top:17px;
}
.add-games-modal .small a.highlight-row .pic-wrapper img {
    width: 70%;
}
.add-games-modal a.highlight-row    span.star {
    background:url(../img/sprites.png) no-repeat -181px -443px;
    display:inline-block;
    width:30px;
    height:32px;
}
.add-games-modal span.list-arrow {
    float: right;
    width: 15px;
    height: 22px;
    display: inline-block;
    margin: 9px 0 0 14px;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    background: url(../img/list-arrow-reg.png) no-repeat left top;
}
.add-games-modal span.number {
    float:right;
    margin: 12px 0 0 10px;
    min-width:15px;
    text-align:center;
    background: #000;
    padding: 1px 8px;
    font-size:14px;
    color:#fff;
    font-weight:normal;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    line-height:normal;
    text-shadow:1px 1px 1px RGBa(0,0,0,0.6);
    -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0 0;
    box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0 0;
}
ul.popup-list {
    list-style:none;
    margin:0;
    padding:0;
}
ul.popup-list li {
    text-align:left;
    border-top:1px solid #666666;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,    rgba(255,255,255,1) 1%, rgba(231,231,231,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(231,231,231,1)));
    background: -webkit-linear-gradient(top,    rgba(255,255,255,1) 1%,rgba(231,231,231,1) 100%);
    background: -o-linear-gradient(top,    rgba(255,255,255,1) 1%,rgba(231,231,231,1) 100%);
    background: -ms-linear-gradient(top,    rgba(255,255,255,1) 1%,rgba(231,231,231,1) 100%);
    background: linear-gradient(to bottom,    rgba(255,255,255,1) 1%,rgba(231,231,231,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
}
ul.popup-list li a, ul.popup-list li a:link, ul.popup-list li a:visited, ul.popup-list li a:active, ul.popup-list li a:hover {
    color:#333333;
    display:block;
    height:40px;
    padding: 10px 20px;
}
ul.popup-list.small li a, ul.popup-list.small li a:link, ul.popup-list.small li a:visited, ul.popup-list.small li a:active, ul.popup-list.small li a:hover {
    height:24px;
    padding: 8px 20px;
}
ul.popup-list.large li a, ul.popup-list.large li a:link, ul.popup-list.large li a:visited, ul.popup-list.large li a:active, ul.popup-list.large li a:hover {
    height:58px;
    padding: 8px 20px;
}
ul.popup-list li a:hover span.list-arrow {
    margin-right:-5px;
}
ul.popup-list li:last-child a {
    -webkit-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
}
ul.popup-list li span.number {
    background: rgba(0,0,0,0.6);
}
ul.popup-list li .row-details {
    float:left;
}
ul.popup-list li .no-games span.title{
    text-align: center;
    padding: 20px 0;
    color: black;
}
ul.popup-list.small li .row-details {
    float:left;
}
ul.popup-list li span.title {
    font-size:20px;
    font-weight:bold;
    display:block;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
ul.popup-list li a:hover span.title {
    color:#0C4DA2;
}
ul.popup-list.small li span.title {
    text-transform:none;
}
ul.popup-list.large li span.title {
    text-transform:none;
    width:280px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
ul.popup-list.large li span.subtitle {
    text-transform:uppercase;
    font-size:12px;
}

.large ul.popup-list li span.title .at {
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.add-games-modal ul.popup-list.small li span.list-arrow {
    margin-top:2px;
}
.add-games-modal ul.popup-list.large li span.list-arrow {
    margin-top:18px;
}
ul.popup-list li span.subtitle {
    font-size:14px;
    text-transform:uppercase;
}
.add-games-modal .btn.seating-toggle {
    font-size:14px;
    width: 270px;
    margin-bottom:10px;
}
.add-games-modal .btn.grey.ddmenu span.reg {
    font-weight:normal;
}
.add-games-modal .btn.ddmenu {
    width: 281px;
    margin-bottom:60px;
    text-align:left;
}
.add-games-modal .dropdown {
    display:none;
}
.add-games-modal .dropdown span.reg {
    font-weight:normal;
}

.add-games-modal .dropdown.active {
    display:inline-block;
}

/* DDmenu */
.ddmenu {
    min-width: 45px;
}
.dropdown {
    color: #666;
    position: relative;
    display:inline;
    text-align: left;
}
.dropdown.inline {
    display:inline;
}
.dropdown.inline .submenu {
    margin-left: 10px;
    width:92%;
}
.submenu {
    background: #fff;
    position: absolute;
    top: -9px;
    left: 0;
    z-index: 1;
    width: 100%;
    display: none;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}
.submenu .sub-title{
    z-index: 5;
    padding:4px 15px 4px;
    display:block;
    position:relative;
    font-size: 15px;
    line-height: 28px;
    color: #999;
    text-shadow: 1px 1px 1px white;
    font-weight: bold;
}

.submenu .sub-title span.darrow, .submenu .sub-title span.darrow{
    width:14px;
    height:10px;
    display:inline-block;
    margin-right:-10px;
    margin-left:1px;
    background:url(../img/toggle-arrow-light.png) no-repeat left top;
}
.dropdown li a {
    color: #555555;
    display: block;
    font-family: arial;
    font-weight: bold;
    padding: 6px 15px;
    cursor: pointer;
    text-decoration: none;
}

.dropdown li a:hover {
    background: #f1f1f1;
    text-decoration: none;
}
.dropdown li a:last-child {
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
.root {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    padding: 11px 0 0 0px;
    border-top: 1px solid #dedede;
}

/* Activity feed */
a#activity-feed-tab {
    width:42px;
    height:251px;
    position:fixed;
    right:-8px;
    top:100px;
    display:none;
    z-index:4;
    -webkit-box-shadow:    -10px 0px 19px 2px rgba(0, 0, 0, 0.1);
    box-shadow:    -10px 0px 19px 2px rgba(0, 0, 0, 0.1);
    background:url(../img/activity-tab.gif) no-repeat left top;
}
a#activity-feed-tab:hover {
    right:0;
}
#activity-feed {
    position:fixed;
    right:0;
    top:0;
    z-index:3;
    display:none;
    height:100%;
    width:250px;
    background:url(../img/activity-feed-bg.png) repeat left top;
    -webkit-box-shadow: inset 0px -300px 300px -80px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px -300px 300px -80px rgba(0, 0, 0, 0.5);
}
#activity-feed a.activity-feed-close{
    position:fixed;
    top:50px;
    right:250px;
    width:26px;
    height:110px;
    display:none;
    z-index:4;
    background:url(../img/activity-close.png) no-repeat left top;
}
#activity-feed.open {
    background:#464646;
    opacity:0.95;
    -webkit-box-shadow:    -10px 0px 19px 2px rgba(0, 0, 0, 0.1);
    box-shadow:    -10px 0px 19px 2px rgba(0, 0, 0, 0.1);
}
#activity-feed .myTeams {
    font-size:16px;
    color:#fff;
    height:30px;
    line-height:30px;
    font-weight:bold;
    padding:5px;
    display:block;
    background:#2c2c2c;
    background:RGBa(0,0,0,0.4);
}
#activity-feed .myTeams:hover {
    cursor:pointer;
}
#activity-feed .myTeams span {
    color:#999;
    font-size:12px;
    margin:0 4px;
}
#activity-feed .myTeams span.icon-small{
    float:left;
}
#activity-feed .myTeams img {
    margin-top:2px;
}
#activity-feed ul {
    padding:0;
    margin:0;
    border-bottom:1px solid #616161;
    list-style:none;
}
#activity-feed ul li {
    padding: 10px 7px;
    border-top:1px solid #616161;
    border-bottom:1px solid #2b2b2b;
}
#activity-feed ul li .pic-wrapper {
    float:left;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow:hidden;
    width:40px;
    height:40px;
    margin-right:10px;
    border:1px solid #01020d;
}
#activity-feed ul li .feed-details {
    font-size:11px;
    margin-top:-2px;
    text-align:left;
}
#activity-feed ul li .feed-details a.title, #activity-feed ul li .feed-details a.title:active, #activity-feed ul li .feed-details a.title:link, #activity-feed ul li .feed-details a.title:visited, #activity-feed ul li .feed-details a.title:hover {
    color:#ccc;
    text-decoration:none;
}
#activity-feed ul li .feed-details a.title:hover {
    text-decoration:underline;
}
#activity-feed ul li .feed-details .content {
    color:#999;
}
#activity-feed ul li .feed-details img {
    width:100%;
}

/* Sticky anchors */
.sticky.stick {
    position: fixed;
    top: 0;
    width:100%;
    min-width: 800px;
    max-width: 1120px;
    z-index: 2;
    background: black url(../img/bg.gif);
    -webkit-box-shadow:    0px 10px 15px -10px rgba(0, 0, 0, 0.3);
    box-shadow:    0px 10px 15px -10px rgba(0, 0, 0, 0.3);
}
.sticky.stick .ad img.man {
    display:none;
}
.feed-header.sticky.stick {
    background:#fff;
    top:123px;
    margin-left:-20px;
    min-width:419px;
    width:60%;
    margin-right:300px;
    max-width: 739px;
    -webkit-border-radius:0 0 15px 15px ;
    border-radius:0 0 15px 15px ;
    -webkit-box-shadow:    0px 10px 15px -5px rgba(0, 0, 0, 0.3);
    box-shadow:    0px 10px 15px -5px rgba(0, 0, 0, 0.3);
}
.sticky-empty-wrapper {
    height: 100%;*/
}

/* No Games */
div.box-full-wrapper {
    background: RGBa(0,0,0,0.2);
    margin:0 10px;
    padding: 60px 30px 50px;
    -webkit-border-radius:15px ;
    border-radius:15px ;
    border:1px solid #5e5e5e;
    -webkit-box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.4);
}
.promo .box-full-wrapper {
    color:#333;
    min-height:330px;
    position:relative;
}
.promo h1 {
    margin: 0 0 20px 0;
    font-size:30px;
    text-transform:uppercase;
}
.promo ul {
    margin:0 0 20px 0;
    list-style:none;
    padding:0;
}
.promo ul li {
    background: url(../img/bullet-round-big.png) no-repeat left 50%;
    padding: 2px 0 5px 25px;
    font-size:22px;
}
.promo p.footer {
    color:#999999;
    font-size:24px;
    padding: 0 50px;
    font-weight:bold;
    margin: 15px 0 10px;
}
.promo div.bubble {
    background:url(../img/bubble-bg.png) no-repeat left top;
    background-size:100%;
    line-height:55px;
    text-indent: 60px;
    text-align:left;
    font-size:150%;
    color:#fff;
    max-width:285px;
    width:30%;
    height:69px;
    position:absolute;
    text-shadow:0 1px 1px #222;
}
.promo div.bubble.b1 {
    left: 730px;
    top: 130px;
}

/* Modals */
.modal-background {
    position: fixed;
    opacity: 0.60;
    z-index: 300;
    background-color: #000;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.modal {
    position: fixed;
    z-index: 301;
    top: 50%;
    left: 50%;
}

/* Login */
div.or-seperator {
    display:block;
    width:320px;
    height:24px;
    margin: 20px 0 30px;
    background:url(../img/sprites.png) no-repeat left -698px;
}
div.myseat-man-large {
    width:22%;
    max-width:227px;
    position:absolute;
    bottom:-5px;
    right:15px;
}
div.myseat-man-large img {
    width:100%;
}
div.content-box-full.login input, div.content-box-full.signup input {
    width:296px;
    display:block;
    margin-bottom:12px;
}
div.content-box-full.signup p.s-txt {
    font-size:23px;
    color:#fff;
    text-shadow:2px 2px 2px RGBa(0,0,0,0.4);
    margin-bottom:30px;
}
div.content-box-full div.note {
    margin:25px 0 25px 5px;
    font-size:12px;
}
div.content-box-full div.note a, div.content-box-full div.note a:link, div.content-box-full div.note a:active, div.content-box-full div.note a:visited, div.content-box-full div.note a:hover {
    color: #95fe00;
}
div.content-box-full.m-advert    {
    padding: 30px 170px;
    margin-top:20px;
}
div.content-box-full.m-advert .mini-phone {
    width:53px;
    margin: 0 40px -5px 0 ;
    height:126px;
}
div.content-box-full.m-advert .mini-phone img {
    width:100%;
}
div.content-box-full.m-advert p{
    text-align:right;
    float:left;
    margin:0;
    padding: 17px 0 0;
    font-size:28px;
}
div.content-box-full.m-advert a.btn-med {
    margin: 35px 17px 0;
}
div.content-box-full.login .signup-slogan, div.content-box-full.signup .signup-slogan {
    width:30%;
    max-width:350px;
    height:80px;
    position:absolute;
    left: 45%;
    top: 56%;
}

div.content-box-full .left-content {
    float:left;
    width:350px;
}

div.content-box-full .signup-slogan img {
    width:100%;
}

/* Profile */
div.box.profile {
    padding-right:0;
    position:relative;
}
div.box.profile .details {
    float:left;
    max-width:450px;
}
div.box.profile .l-float .details {
    float:none;
}
div.box.profile .details > span {
    font-size:18px;
    text-transform:uppercase;
    font-weight:normal;
    color:#fff;
}
div.box.profile .details > span.bigger {
    font-size:26px;
    text-transform:none;
    font-weight:bold;
}
div.box.profile .details > span.light {
    color:#ccc;
    font-size:17px;
}
div.box.profile .details > .btn-wrapper {
	margin-top:42px;
}
div.box.profile .details > .btn-wrapper a.addfriends-btn {
	float:left;
	margin-right:15px;
}
div.box.profile > .user-pic-wrapper {
    width:150px;
    height:150px;
    float:left;
    margin-right:25px;
}
div.box.profile .r-details {
	float:right;
	margin-right:40px;
    text-align:right;
}
div.box.profile .box.friends-info {
    line-height:26px;
    padding-right:10px;
}
div.box.profile .box.friends-info  > span {
    font-size:16px;
    text-transform:uppercase;
    display:block;
    text-align:left;
}
div.box.profile .box.friends-info  > span > span{
    font-size:26px;
    width: 70px;
    color: #95fe00;
    text-align:right;
    display:inline-block;
    margin-right:5px;
}
div.box.profile .box.memories {
	margin:15px 0 0;
	font-size:16px;
	padding:14px 14px 12px 0;
	text-align:right;
	border-radius: 8px;
    -webkit-border-radius: 8px;
	position:relative;
	width:160px;
	float: right;
}
div.box.profile .box.memories .man {
	float:left;
	position:absolute;
	left:10px;
	top:-17px;
}
div.box.profile .box.memories  > span > span {
	color: #95fe00;
}
div.box.profile .actions-wrapper {
    margin-top:10px;
}
div.box.profile .box.profile-actions {
	padding:5px;
	-webkit-border-radius:8px ;
    border-radius:8px ;
    margin-right:5px;
    width:270px;
    display:inline-block;
    min-height: 68px;
    float: left;
}div.box.profile .box.profile-actions:first-child {
	margin-right:10px;
}
div.box.profile .box.profile-actions a.btn {
	width:100%;
	padding:0;
	text-align:center;
	text-transform:uppercase;
}
div.box.profile .box.profile-actions p {
	font-size:12px;
	color:#999999;
	text-align:center;
	margin:3px 10px 0 10px;
}
div.regular-box {
	text-align:left;
	padding:23px;
    margin:15px 0;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    overflow:hidden;
}
div.regular-box.white-bg {
	background:#fff;
}
ul.page-list {
    list-style:none;
    margin:15px 0;
    padding:0;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    overflow:hidden;
}
ul.page-list li.header,ul.page-list li.header:hover,
div.form-header {
    text-align:left;
    background: rgb(222,225,227);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZTFlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,    rgba(222,225,227,1) 0%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,225,227,1)), color-stop(100%,rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top,    rgba(222,225,227,1) 0%,rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top,    rgba(222,225,227,1) 0%,rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top,    rgba(222,225,227,1) 0%,rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom,    rgba(222,225,227,1) 0%,rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee1e3', endColorstr='#fefefe',GradientType=0 );
}
ul.page-list li.header div {
    float:none;
    margin-left:15px;
}
ul.page-list li.header .filter-games {
    float:right;
    width:331px;
}
ul.page-list li.header .filter-games .options-menu {
    display:inline;
}

ul.page-list li.header a.menu-btn, ul.page-list li.header a.menu-btn:active, ul.page-list li.header a.menu-btn:visited, ul.page-list li.header a.menu-btn:link, ul.page-list li.header a.menu-btn:hover {
    height:27px;
    line-height:26px;
}
ul.page-list li.header a.menu-btn.selected,ul.page-list li.header a.menu-btn.selected:active,ul.page-list li.header a.menu-btn.selected:visited,ul.page-list li.header a.menu-btn.selected:link,ul.page-list li.header a.menu-btn.selected:hover {
    color:#111111;
    background: rgba(0,0,0,0.2);
    text-shadow:1px 1px 1px RGBa(255,255,255,0.4)
}
ul.page-list li {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; /* Firefox 4 */
    -webkit-transition:    all 0.5s ease; /* Safari and Chrome */
    -o-transition: all 0.5s ease; /* Opera */
    list-style:none;
    padding:20px 20px 15px;
    background: rgb(254,254,254);
    border-bottom:1px solid #b2b4b6;
    background: rgb(254,254,254);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWUxZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,    rgba(254,254,254,1) 0%, rgba(222,225,227,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(222,225,227,1)));
    background: -webkit-linear-gradient(top,    rgba(254,254,254,1) 0%,rgba(222,225,227,1) 100%);
    background: -o-linear-gradient(top,    rgba(254,254,254,1) 0%,rgba(222,225,227,1) 100%);
    background: -ms-linear-gradient(top,    rgba(254,254,254,1) 0%,rgba(222,225,227,1) 100%);
    background: linear-gradient(to bottom,    rgba(254,254,254,1) 0%,rgba(222,225,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dee1e3',GradientType=0 );
}
ul.page-list li:hover {
    background: rgb(234,234,234);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkM2QzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWFlYWVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,    rgba(234,234,234,1) 0%, rgba(211,211,211,1) 100%, rgba(234,234,234,1) 100%, rgba(204,204,204,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(211,211,211,1)), color-stop(100%,rgba(234,234,234,1)), color-stop(100%,rgba(204,204,204,1)));
    background: -webkit-linear-gradient(top,    rgba(234,234,234,1) 0%,rgba(211,211,211,1) 100%,rgba(234,234,234,1) 100%,rgba(204,204,204,1) 100%);
    background: -o-linear-gradient(top,    rgba(234,234,234,1) 0%,rgba(211,211,211,1) 100%,rgba(234,234,234,1) 100%,rgba(204,204,204,1) 100%);
    background: -ms-linear-gradient(top,    rgba(234,234,234,1) 0%,rgba(211,211,211,1) 100%,rgba(234,234,234,1) 100%,rgba(204,204,204,1) 100%);
    background: linear-gradient(to bottom,    rgba(234,234,234,1) 0%,rgba(211,211,211,1) 100%,rgba(234,234,234,1) 100%,rgba(204,204,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#cccccc',GradientType=0 );
}
ul.page-list li > div {
    float:left;
    color:#333333;
    text-shadow:1px 1px 1px RGBa(255,255,255,0.4);
}
ul.page-list li > div.d1, ul.page-list li > div.d3 {
    width:20%;
    font-size:21px;
    color:#333333;
    padding-top:10px;
    font-weight:bold;
}
ul.page-list li > div.d2 {
    width:153px;
}
ul.page-list li > div.d4 {
    width:25%;
    font-size:14px;
    padding-top:6px;
}
ul.page-list li > div.d5 {
    width:150px;
    float:right;
    font-size:14px;
    font-weight:bold;
    padding-top:16px;
    text-align:right;
}
ul.page-list li > div .matchup {
    width: 156px;
    height: 50px;
}
ul.page-list li.footer {
    background:#fff;
    height:45px;
    padding: 28px 18px 0;
}
ul.page-list li.footer div.pagination {
    float:right;
}
ul.page-list li.footer div.pagination a, ul.page-list li.footer div.pagination a:active, ul.page-list li.footer div.pagination a:link, ul.page-list li.footer div.pagination a:visited, ul.page-list li.footer div.pagination a:hover {
    font-size:16px;
    color:#333;
    text-decoration:none;
    padding: 0 5px;
}
ul.page-list li.footer div.pagination a.selected, ul.page-list li.footer div.pagination a.selected:active, ul.page-list li.footer div.pagination a.selected:link, ul.page-list li.footer div.pagination a.selected:visited, ul.page-list li.footer div.pagination a.selected:hover {
    font-weight:bold;
}
ul.page-list li.footer div.pagination a:hover {
    text-decoration:underline;
}
ul.page-list li.footer div.pagination a.l-arrow, ul.page-list li.footer div.pagination a.l-arrow:active, ul.page-list li.footer div.pagination a.l-arrow:visited, ul.page-list li.footer div.pagination a.l-arrow:link, ul.page-list li.footer div.pagination a.l-arrow:hover {
    display:inline-block;
    padding:0;
    width:5px;
    height:8px;
    margin-right:3px;
    background:url(../img/pagination-arrows.png) no-repeat left top;
}
ul.page-list li.footer div.pagination a.l-arrow:active, ul.page-list li.footer div.pagination a.l-arrow:link {
    background-position:left -8px;
}
ul.page-list li.footer div.pagination a.r-arrow, ul.page-list li.footer div.pagination a.r-arrow:active, ul.page-list li.footer div.pagination a.r-arrow:visited, ul.page-list li.footer div.pagination a.r-arrow:link, ul.page-list li.footer div.pagination a.r-arrow:hover {
    display:inline-block;
    width:5px;
    height:8px;
    margin-left:3px;
    padding:0;
    background:url(../img/pagination-arrows.png) no-repeat right top;
}
ul.page-list li.footer div.pagination a.r-arrow:active, ul.page-list li.footer div.pagination a.r-arrow:link {
    background-position:right -8px;
}

/* Forms(edit profile) */
div.form-header {
    text-align:left;
    padding:25px 20px;
    margin: -23px -23px 0;
    background: rgb(222,225,227);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZTFlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,    rgba(222,225,227,1) 0%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,225,227,1)), color-stop(100%,rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top,    rgba(222,225,227,1) 0%,rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top,    rgba(222,225,227,1) 0%,rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top,    rgba(222,225,227,1) 0%,rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom,    rgba(222,225,227,1) 0%,rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee1e3', endColorstr='#fefefe',GradientType=0 );
}
div.form-header h3 {
	color:#333333;
    font-size:24px;
    margin:0;
}
div.form-row {
    padding:20px 20px 15px;
    background: rgb(254,254,254);
    margin: 0 -23px;
    border-bottom:1px solid #b2b4b6;
    background: rgb(254,254,254);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWUxZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,    rgba(254,254,254,1) 0%, rgba(222,225,227,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(222,225,227,1)));
    background: -webkit-linear-gradient(top,    rgba(254,254,254,1) 0%,rgba(222,225,227,1) 100%);
    background: -o-linear-gradient(top,    rgba(254,254,254,1) 0%,rgba(222,225,227,1) 100%);
    background: -ms-linear-gradient(top,    rgba(254,254,254,1) 0%,rgba(222,225,227,1) 100%);
    background: linear-gradient(to bottom,    rgba(254,254,254,1) 0%,rgba(222,225,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dee1e3',GradientType=0 );
    line-height:51px;
    min-height:53px;
}
div.form-row.tborder {
	border-top:1px solid #b2b4b6;
}
div.form-row label {
	color:#333333;
    font-size:24px;
    font-weight:bold;
}
div.form-row .two-column {
	float:left;
	width:45%;
	margin-left:10%;
}
div.form-row .two-column:first-child {
	margin:0;
}
div.form-row .two-column input {
	float:right;
	width:65%;
	font-size:24px;
}
div.form-row .inline input {
	font-size:24px;
	float:left;
	margin-left:35px;
	width:20%;
}
div.form-btn-wrapper {
	text-align:right;
	margin-top:50px;
}
p.btn-w-txt {
	line-height:42px;
	color:#666666;
	font-size:14px;
}
p.btn-w-txt a.facebook-btn {
	margin-right:15px;
}
/* table box */
.tb {
    border-bottom:1px solid #2a2a2a;
}
.tb .tb-header{
    background-color: RGBa(0,0,0,0.3);
    border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    padding: 15px;
    border-bottom:1px solid #787878;
}
.tb .tb-body {
    background-color: RGBa(0,0,0,0.1);
    border-top:1px solid #2a2a2a;
    border-bottom:1px solid #787878;
}
.tb .tb-body > div {
    float:left;
    padding:2%;
    float:left;
    width:29%;
}
.tb .tb-body > div.borders {
    border-left:1px solid #787878;
    border-right:1px solid #787878;
}

/* contact page */
div.content-box-full.translucent.contact {
    font-size:18px;
    text-shadow: -1px 1px 1px RGBa(0,0,0,1);
}
.contact .bold {
    color:#fff;
}
.contact .tb .tb-body > div > img {
    float:left;
    margin-right:10px;
}
.contact .name {
    font-size:20px;
    display:block;
}
.contact .phone, .contact a.email {
    font-size:14px;
    display:block;
}
.contact .phone {
    margin-bottom:8px;
}
.contact .map-wrapper    {
    font-size:16px;
    margin-top:10px;
}
.contact .map-wrapper #google-map {
    width: 300px;
    height: 300px;
    border: 1px solid #8d8b84;
    display: inline-block;
    overflow: hidden;
    width: 300px;
    height: 120px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    text-align:center;
    background-color: white;
    float:left;
    margin-right:20px;
    text-shadow: 0 0 0;
}
/* Friends */
.box.translucent.addfriends {
	padding-left:0;
	padding-bottom:0;
	font-size:16px;
}
.friends-link-wrapper {
	font-size:18px;
	color:#fff;
	margin: 10px 0 30px 0;
	text-align:center;
}
.addfriends a.social-link.facebook {
	margin-left:25px;
}
.slide-content-wrapper .friend-wrapper {
	width:50%;
    height: 90px;
	float:left;
	padding:30px 0;
	color:#fff;
	font-size:16px;
	border-bottom:1px solid #2c2c2c;
	border-top:1px solid #929292;
}
.slide-content-wrapper div.t-border {
	border-top:1px solid #929292;
	margin-bottom:25px;
}
.slide-content-wrapper .friend-wrapper .user-pic-wrapper {
	float:left;
	margin-right:25px;
	width:86px;
	height:86px;
}
.slide-content-wrapper .friend-wrapper .btn {
	margin-top: 7px;
}
.slide-content-wrapper .friend-wrapper .friend-details .larger {
    text-decoration: none;
    color: #FFFFFF;
	font-size:18px;
	font-weight:bold;
	display:block;
}
.slide-content-wrapper .friend-wrapper .friend-details .larger:hover {
    color:#95fe00;
}
.slide-content-wrapper .search-wrapper .facebook-logo {
	margin-right:10px;
}
.slide-content-wrapper .search-wrapper {
	margin-bottom:50px;
}
.slide-content-wrapper .search-wrapper label {
	display:block;
	font-size:16px;
	font-weight:bold;
}
.slide-content-wrapper .search-wrapper input.search {
	margin:15px 0;
	display:block;
	border-radius: 25px;
    -webkit-border-radius: 25px;
    font-weight:normal;
    padding:7px 30px 7px 43px;
    width:215px;
    background-color: rgba(0,0,0,0.1);
    background-image:url(../img/search-icon.png);
    background-repeat:no-repeat;
    background-position:7px 7px;
}
.slide-content-wrapper .search-wrapper input.search:focus {
	width:250px;
	transition: all 0.2s ease;
    -moz-transition: all 0.2s ease; /* Firefox 4 */
    -webkit-transition:    all 0.2s ease; /* Safari and Chrome */
    -o-transition: all 0.2s ease; /* Opera */
    outline-width: 0;
}
.slide-content-wrapper .search-wrapper .search-results {
    overflow: auto;
}
.terms {
    padding: 0 10px 0 10px;
    min-width: inherit !important;
    width: inherit !important;
}
.terms h1 {
    padding-top:25px;
}
/* ****************** MEDIA QUERIES ****************** */

@media screen and (max-width: 1024px) {
    .terms h1 {
        font-size: 23px;
    }
}

@media screen and (min-width: 1635px){
    #activity-feed {
        display:block;
    }
}
@media screen and (max-width: 1634px){
    a#activity-feed-tab, #activity-feed a.activity-feed-close {
        display:block;
    }
}
@media screen and (min-width: 991px) and (max-width: 1125px) {
    .l-content {
        width:25%;
    }
    div.content-box-full.arena-bg {
        background-size:115%;
    }
}
@media screen and (max-width: 1125px) {
    div.content-box-full.arena-bg {
        background-size:115%;
    }
    .promo div.bubble.b1 {
        left:620px;
        top:170px;
    }
    .web div.img-overlays img {
        width:530px;
    }

    .web .phone-wrapper,
    .web .laptopBg {
        width: 429px;
    }

    .web .left-content {
        text-align:center;
    }
    .web #slider-in-laptop {
        width: 550px;
    }

    body {
        padding:0;
    }
    .web div.content-box-full.m-advert .mini-phone {
        margin-right:25px;
    }
    .web div.content-box-full.m-advert {
        padding: 30px;
        font-size:16px;
        text-align:left;
    }
    .web .m-advert p {
        font-size:18px;
        float:left;
        text-align:left;
    }
    .web div.img-overlays {
        width:440px;
        top:100px;
    }
    div.box.profile .details > .btn-wrapper {
		margin-top: 20px;
		width:410px;
	}
}
@media screen and (max-width: 1025px) {
    .promo div.bubble.b1 {
        left:570px;
        top:195px;
    }
    div.box.profile .details {
    	max-width: 350px;
    	position: absolute;
		left: 200px;
		top: 15px;
    }
}
@media screen and (max-width: 960px) {

    div.content-box-full.translucent {
        padding-left:10px;
        padding-right:10px;
    }

    div.content-box-full.arena-bg {
        background-size:135%;
    }
    .promo div.bubble.b1 {
        left:580px;
        top:185px;
        line-height:45px;
        font-size:130%;
    }
    div.box.profile .box.friends-info {
        padding:10px;
        margin-right:10px;
    }
    div.box.profile .box.friends-info .details > span {
        font-size:15px;
    }
    div.box.profile .box.friends-info .details > span > span {
        font-size:24px;
        width: auto;
    }
    div.box.profile .details > .btn-wrapper {
		margin-top: 20px;
		width:auto;
	}
	div.box.profile .details > .btn-wrapper a.addfriends-btn {
		float:none;
	}
}
@media screen and (max-width: 894px) {
    .sticky.stick {
        width:800px;
    }
    .feed-header.sticky.stick {
        width:419px !important;
    }
}
@media screen and (min-width: 790px) and (max-width: 990px) {
    .l-content {
        width:25%;
        margin-right:30px;
        padding-left:20px;
    }
    .l-content .bar {
        margin-left:-20px;
        padding-left:20px;
    }
    .mobile .rsNav    {
        right:-350px;
    }
    .mobile .rsNav .rsNavItem.rsNavSelected span.arrow {
        display:none;
    }

    .feed-header.sticky.stick {
         width:50%;
    }
    div.content-box-full.signup .signup-slogan,div.content-box-full.login .signup-slogan {
        top: 70%;
        left:50%;
    }
    ul.page-list li > div.d5 {
        width:70px;
        text-align:center;
        padding-top:7px;
        font-size:12px;
    }
    ul.page-list li > div.d1, ul.page-list li > div.d3 {
        font-size:16px;
        padding-top: 13px;
    }
    ul.page-list li > div.d4 {
        font-size:12px;
        padding-top: 9px;
    }
}
@media screen and (min-width: 790px) and (max-width: 865px) {
    .l-content {
        margin-right:8%;
    }
    .mobile .rsNav    {
        right:-105%;
    }
    .mobile .rsNav .rsNavItem {
        padding: 7px 15px 0 15px;
        height:40px;
        font-size: 12px;
        width:160px;
    }
    .mobile .rsNav .rsNavItem.one-line {
        line-height:34px;
    }
    input.input {
        width:75%;
    }
    .mobile .rsNav .rsNavItem span.icon {
        display:none;
    }
}
@media screen and (min-width:0px) and (max-width: 789px) {
    .no-mobile {
        display:none;
    }

    .l-content .bar,.l-content .text,#footer,.mobile .rsNav .rsNavItem, .mobile .rsNav .rsNavItem.rsNavSelected span.arrow {
        display:none;
    }
    .l-content {
        width:0;
        margin-top:30px;
    }
    .phone-wrapper {
        margin-top:140px;
        float:none;
    }
    .l-content .logo-main {
        position:absolute;
        left:50%;
        margin-left:-78px;
        top:17px;
    }
    .mobile .rsNav {
        right:right;
        top:635px;
    }
    .mobile, .mobile .rsNavItem.rsNavSelected, .mobile .rsNav .rsNavItem.rsNavSelected span.icon {
         display:block;
    }
    .no-mobile,.mobile .rsNav .rsNavItem span.icon, .mobile .rsNav .rsNavItem.rsNavSelected span.arrow {
        display:none;
    }
    .mobile .rsNav {
        right:-35px;
    }
    .mobile .rsNav .rsNavItem.rsNavSelected {
        cursor:default;
    }
    .mobile .rsNav .rsNavItem.rsNavSelected span.breadcrumbs {
        display:block;
        position:absolute;
        bottom:-40px;
        left:50%;
        margin-left:-73px;
    }
    .mobile-header {
        position:absolute;
        width:100%;
        min-width:320px;
        display:block;
        top:0;
        z-index:3;
        left:0;
        opacity:0.9;
        background:url(../img/mobile-header-bg.gif) repeat-x left bottom;
        min-height:167px;
        -webkit-box-shadow:    0px 6px 12px 0px rgba(0, 0, 0, 0.3);
        box-shadow:    0px 6px 12px 0px rgba(0, 0, 0, 0.3);
    }
    .mobile-header-open {
        position:absolute;
        width:100%;
        min-width:320px;
        top:0;
        z-index:3;
        left:0;
        text-align:left;
        height:50px;
        background:url(../img/mobile-header-bg.gif) repeat-x left bottom;
        opacity:0.5;
        -webkit-box-shadow:    0px 6px 12px 0px rgba(0, 0, 0, 0.3);
        box-shadow:    0px 6px 12px 0px rgba(0, 0, 0, 0.3);
    }
    .mobile-header-open:hover {
        opacity:1;
    }
    .mobile-header .mobile-header-content {
        margin: 0 10px 0 40px;
        padding: 10px 0 0 0;
        min-height:142px;
        text-align:left;
        color:#4d4d4d;
        text-shadow: 0 1px 0 RGBA(255,255,255,0.7);
    }
    .mobile-header-content h1 {
        margin:10px 0 5px 0;
        font-size:18px;
        font-weight:normal;
    }
    .mobile-header a.close-header, .mobile-header a.close-header:hover, .mobile-header a.close-header:link , .mobile-header a.close-header:active, .mobile-header a.close-header:visited,
    .promo-banner a.close-header, .promo-banner a.close-header:hover, .promo-banner a.close-header:link , .promo-banner a.close-header:active, .promo-banner a.close-header:visited {
        display:inline-block;
        width:42px;
        height:45px;
        text-decoration:none;
        position:absolute;
        left:0;
        top:5px;
        background:url(../img/sprites.png) no-repeat -558px -53px;
    }
    .mobile-header a.close-header:hover,.promo-banner a.close-header:hover {
        background-position: -558px -99px;
    }
    .mobile-header-open a.open-header, .mobile-header-open a.open-header:hover, .mobile-header-open a.open-header:link , .mobile-header-open a.open-header:active, .mobile-header-open a.open-header:visited {
        display:block;
        height:45px;
        padding-left:52px;
        font-size:20px;
        line-height:44px;
        color:#333;
        text-shadow: 0 1px 0 RGBA(255,255,255,0.7);
        margin-top:3px;
        cursor:pointer;
        text-decoration:none;
        background:url(../img/sprites.png) no-repeat -559px -147px;
    }
    .mobile-header-open a.open-header:hover {
        background-position: -558px -193px;
    }

    .mobile-header-content p, .toggle-content p {
        margin:0;
        font-size:14px;
        color:#6a6a6a;
    }
    .mobile-header-content input.input {
        margin:10px 0;
        float: left;
        width:30%;
    }
    .l-content .newsletter .submit {
        margin:8px 0 0 4px;
        float: left;
    }
    .mobile-header-content .img-wrapper {
        width:30%;
        max-width:155px;
        float:left;
        margin-right:15px;

    }
    .mobile-header-content .img-wrapper img {
        width:100%;
    }
    .mobile-header-content .roadmap {
        clear:both;
    }
    .mobile-header-content a, .mobile-header-content a:active, .mobile-header-content a:link, .mobile-header-content a:visited, .mobile-header-content a:hover {
        text-decoration:underline;
        font-weight:bold;
        margin:2px 0;
        display:inline-block;
    }
    .mobile-header-content a:hover {
        text-decoration:none;
        cursor:pointer;
    }
    .l-content .newsletter .msg.confirm {
        background-position: left 50%;
        padding: 0 0 0 25px;
        text-align:left;
        float:left;
        margin: 5px 0 0;
    }
    .l-content .newsletter .msg.confirm    span {
        text-shadow: 0 1px 0 RGBA(255,255,255,0.7);
        color:#00860d;
    }

    div.content-box-full.signup .signup-slogan,div.content-box-full.login .signup-slogan {
        top: 70%;
        left:50%;
    }
}
@media screen and (min-width: 0px) and (max-width: 440px) {
    .mobile-header-content input.input {
        margin:10px 0;
        width:45%;
        clear:both;
    }
    body {
        padding: 0;
    }
    .l-content .newsletter .submit {
        margin:8px 0 0 4px;
    }
    .imgBg,.phone-wrapper {
        width:200px;
    }
    .laptopBg {
        max-width: 164px;
    }
    #slider-in-laptop {
        width:164px;
        height:291px;
        padding: 72px 0 0;
        margin-left: 19px;
    }
    div#landing-site {
        width:100%;
    }
    .floor {
        top:470px;
    }
    .mobile .rsNav {
        right: -57px;
        top: 435px;
    }
    .mobile .rsNav .rsNavItem {
        padding: 5px 5px;
    }
}

/* Media query for score board */
@media screen and (min-width: 0px) and (max-width: 1130px) {
    .list_carousel li {
        padding: 10px 5px !important;
    }
    .list_carousel li div.sep {
        margin-right:-5px;
        margin-left:-5px;
    }
    .list_carousel li .score-details {
        font-size:10px;
    }
    .list_carousel li .league-icon {
        margin: 0 1px 0 0 !important;
    }
    .next {
        right:28% !important;
    }
}

/* Media query for score recap and post */
@media screen and (min-width: 0px) and (max-width: 1075px) {
    div.score-wrapper {
        height:39px;
    }
    div.score-wrapper .score {
        width: 58%;
    }
    div.score-wrapper .score span {
        font-size:20px;
        line-height:37px;
    }
    div.score-wrapper .name {
        font-size:20px;
        line-height:43px;
    }
    div.score-wrapper .team-wrapper {
        width:40%;
    }
    div.score-wrapper .score .pic-wrapper {
        max-width: 70px;
        width: 50%;
        min-width:60px;
    }
    div.score-wrapper .game-timestamp {
        padding-top:3px;
    }
    div.score-wrapper .game-timestamp div {
        font-size:12px;
    }
    div.score-wrapper .game-timestamp span {
        font-size:17px;
    }
    .post-wrapper .post textarea {
        width:70%;
    }
}