#profilePage { font-family: 'Ubuntu Condensed', sans-serif; color:#333; font-size:11pt; }
        .gridRow {background-color: white; text-align:left;border-bottom:1px solid #036f9a; font-family:Arial; font-size:9pt;}
        .gridAltRow {background-color: #dcdcdc; text-align:left;border-bottom:1px solid #036f9a; font-family:Arial; font-size:9pt;}
        .fhgt { max-height:350px;overflow:auto;color:#333; }
        .coll_c { width: 100%;margin:0;padding:0;height:300px; }
        .coll_c .jcarousel-clip-horizontal { width: 100%; }
        .jcarousel-next-horizontal { position: absolute; top: 60px; right: 0px; width: 13px; height: 31px; cursor: pointer; background: rgba(0, 0, 0, 0) url(/images/blank.gif) no-repeat 0 0; }
        .jcarousel-prev-horizontal { position: absolute; top: 60px; left: 0px; width: 13px; height: 31px; cursor: pointer; background: rgba(0, 0, 0, 0) url(/images/blank.gif) no-repeat 0 0; }
        .vidwhite { height: 30px; }
        .vidtab { background-color:#333;width:200px;padding:5px; text-align:center; float:right; margin-right:10px;margin-top:-15px;-webkit-box-shadow: 1px -1px 1px 1px #555;
box-shadow: 1px -1px 1px 1px #555; }
            .vidtab:hover { background-color: #777; }
        .tlogo { width: 150px; }
        .closeit { width:35px;height:35px; cursor:pointer; background-image:url(/images/closeDialog.png); position:absolute; right:0; top:0;margin:-18px -18px 0 0;}
        .scroll-border { border:0; }    
        .scroll-pane {width: 100%;height: 130px;overflow: auto;}
        .vid-scroll { height: 550px; overflow:auto;width:220px; }
        .jspDrag { background-color: #333 !important; }
        
        #dialog-overlay { width: 100%; height: 100%;filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; background: #000;position: absolute; top: 0; left: 0; z-index: 3000;display: none; }
        #dialog-box { width: 200px;position: fixed; z-index: 5000; top: 85px; left: 0; display: none; background:url(/images/lof/transparent_bg.png) repeat; }
        #dialog-box .dialog-content { /* style the content */ text-align: left;color: #fff; display:none; }
        #mainupdate, #sincupdate { display:block; clear:right;}
      
        a.cdbtn { position:absolute; display: none; background: url(/images/closeDialog.png); margin:-15px -15px 0 0; height: 35px; width: 35px; cursor: pointer;z-index:10000;right:0; }
        a.cdbtn:hover { }
.myVideos { float: right; width: 190px; clear: right; }
        
        .ui-widget { font-size: 1em !important; }

        ul#sincWinks, ul.searches { width: 100%; }
        ul#sincWinks li, ul.searches li { float: left; width: 40%; height: 100px; padding: 10px 5%; }
        #scrollData a:link, #scrollData a:visited, #scrollData a:hover { color: #fff; text-decoration:underline; }
        div#vidCont h1, div#vidCont p { color: #fff !important; }
        div.cl { clear:left; }

        ul.title, ul.rating { margin:0; padding:0; list-style:none; clear:both;}
        ul.title li { width:10%; float:left;background:#333;}
        ul.title li div { text-align:center;border:1px solid #ccc; border-top:0;color:#fff; }
        ul.rating li { border-bottom:1px solid #555;}
        ul.rating li div span { display:block; margin-left:5px; }
        .rated1, .rated2, .rated3, .rated4, .rated5, .rated6, .rated7,.rated8, .rated9, .rated10 { background-color:#aecfdb;padding:4px 0;}
        .rated1 { width:10%; }
        .rated2 { width:20%; }
        .rated3 { width:30%; }
        .rated4 { width:40%; }
        .rated5 { width:50%; }
        .rated6 { width:60%; }
        .rated7 { width:70%; }
        .rated8 { width:80%; }
        .rated9 { width:90%; }
        .rated10 { width:100%; }
        #ctl00_ContentPlaceHolder1_addPeople_pnlBtn { display:none;}
        h2 span.fright { display:block; margin-right:25px;font-size:80%;}

        @media screen and (min-width: 999px) {
            
            #myBanner { width:734px;height:234px;list-style-type:none;}
            #myBanner li { float:left;height:234px;width:367px; }
                #myBanner li a img { background-size: 100%; background-position: 0% 0%; height: 234px; width: 367px; border: 0; }
            .scroll-bg { background-color:#333;height:35px;padding-top:10px;padding-left:10px;color:#fff; margin-top:5px;overflow:hidden;}
            .premierPhoto { border:10px solid #fff !important;background-color:#fff;width:160px;height:200px;margin-top:7px; }
            a.contactbtn, a.contactbtn:link, a.contactbtn:visited, a.contactbtn:active { width:250px; margin:8px auto; display:block; 
                                                                        text-align:center; background-color:#0099CC; padding:5px; color:#fff;}
            a.contactbtn:hover { background-color:#0081ac; }
            
            #ctl00_ContentPlaceHolder1_pnlBanner { padding-top:10px;}
            #ctl00_ContentPlaceHolder1_pnlPremierBottom div h2 { width:80%;margin:0;float:left;margin-top:10px; }

            div.gameDetails { padding-left: 70px; }
            div.gameDetails div { float: left; width: 180px; }
            div.gameDetails div.wide { width: 320px; }
            div.gameDetails div.narrow { width: 80px; }
            #ctl00_ContentPlaceHolder1_DialogUpd { width:500px; }
            #myVideos { width: 200px; margin: 0; padding: 0; }
                #myVideos li { width: 200px; text-align: center; height: 100px; }
                    #myVideos li img { width: 90px; border: 5px solid transparent; cursor: pointer; }
                        #myVideos li img:hover, #myVideos li img.active { border: 5px solid #fff; }
        }
        @media screen and (max-width: 998px) {
            #breadcrumbs-one { display:none; }
            #myBanner { width:100%;height:234px;list-style-type:none;}
            #myBanner li { float:left;height:234px;width:375px; }
            #myBanner li a img { background-size:100%;background-position:0% 0%;height:234px;width:375px;border:0; }
            .scroll-bg { background-color:#333;height:35px;padding-top:10px;padding-left:10px;color:#fff; margin-top:5px;overflow:hidden;}
            .premierPhoto { border:5px solid #fff !important;background-color:#fff;width:20%;display:block;position:absolute;top:65px;right:2%; }
            a.athimg { top:55px;right:2%;}
            a.contactbtn, a.contactbtn:link, a.contactbtn:visited, a.contactbtn:active { width:80%; margin:8px auto; display:block; 
                                                                        text-align:center; background-color:#0099CC; padding:5%; color:#fff;}
            a.contactbtn:hover { background-color:#0081ac; }
            #ctl00_ContentPlaceHolder1_pnlPremierBottom div h2 { width:70%;margin:0;float:left; margin-top:10px; }
            #ctl00_ContentPlaceHolder1_DialogUpd { width:100%; }
            #myVideos { width: 100%; margin: 0; padding: 0; }
                #myVideos * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
                #myVideos li { width: 20%; text-align: center; height: 100px; float: left; }
                    #myVideos li img { width: 100%; border: 5px solid transparent; cursor: pointer; }
                        #myVideos li img:hover, #myVideos li img.active { border: 5px solid #fff; }
            #mainupdate { margin-top:15px;}
            /* !important is needed sometimes */
            ::-webkit-scrollbar { width: 12px !important; }

 /* Track */
            ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important; -webkit-border-radius: 10px !important; border-radius: 10px !important; }

 /* Handle */
            ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px !important; border-radius: 10px !important; background: #41617D !important; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; }
                ::-webkit-scrollbar-thumb:window-inactive { background: #41617D !important; }

        }
        #updateWrapper {  overflow-y:auto;}
        #moreCol { display:block; width:100%; text-align:center;padding:3px; background-color:#eee; }
        #profilePage h2 { margin-top:0;font-weight:bold;}
        .bdash { border-bottom:2px dashed #ddd; }
        div.catTitle { padding-bottom:6px; }
        div.catTitle span { font-size:16pt; font-weight:bold;}
        a.imgupload { position:absolute; z-index:1000;}
        div.jcarousel-container { }
        #myCol2 { padding:0;margin:0;list-style-type:none; }
            #myCol2 li { height:42px; }
            #myCol2 li img { width:50px;margin-right:10px;float:left; }
                #myCol2 li a { margin-top: 8px; display: block; float: left; }