﻿body, form, html, #UpdatePanel1 #Content2{margin: 0;height:100%; overflow: hidden}

.Main
{
    background-image:  url('/Apps/LA-FreelanceImages/BG/Satelite.jpg');
    background-size: 105% auto;
    background-position: 50%;
    background-repeat:no-repeat;
}
body{
    background-position: fixed; /*0 30px;*/
    color: #FFF;
    font-family: Calibri, Helvetica, Arial;
    

}
.HexBG
{
    background-image:  url('/Apps/LA-FreelanceImages/BG/Hex.jpg');
    background-size: 40%; 
    opacity: .8;
}

#clock{right: 0; float: right; }
.Red
{
    color: #DA2128;
}
.FontLarger, .FontLarger a, .Login a:visited
{
    color: #FFF; 
    /*font-size: 22px;*/
    text-shadow: 0 1px 0 #fff;
}

.FFF{color:#999}
.bodyCover
{
    opacity: .50; 
    background:#000; 
    height: 100%; 
    width:100%; 
    z-index: -2; 
    position:fixed;
}
.HeadDIV {
    padding: 0 0 0 20px;
    z-index: 2;
    position: fixed;
    background: #FFF;
}
.HeadBacker
{
    position: absolute; 
    min-width: 590px;
    width: 97%; 
    height: 60px;
    top: 27px;
    left: 0;
    z-index: -10;
    margin: 0 -20px 0 10px;
    /*opacity: .5;*/
    display: inline-block;
    border: solid 1px #515151;
}

.HeadDIV img, .DateLBL, #clock{vertical-align: middle;}
.Co_LogoIMG{height: 117%;
}
.NFLBlue
{
    color: #1C3667;
}
.DateLBL
{
    font-size: 30px;
    font-style: italic;
    font-weight: 700;
    font-family: Impact;
    text-shadow:
   -1px -1px 0 #FFF,  
    1px -1px 0 #FFF,
    -1px 1px 0 #FFF,
     1px 1px 0 #FFF;
}

.Co_Logo {
            height: 40px;
            overflow: hidden;
            padding: 10px 0;
            display: inline-block;
            width: 93px;

        }

.Logo_Text
{
    font-family: NFLMain; 
    font-size: 36px;  
    color: rgb(0, 51, 102);
    -webkit-mask-image: -webkit-gradient(linear, left top, »
    left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    -moz-mask-image: -webkit-gradient(linear, left top, »
    left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    mask-image: -webkit-gradient(linear, left top, »
    left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    -ms-mask-image: -webkit-gradient(linear, left top, »
    left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    /*text-shadow:    
    -1px -1px 4px #CCC,  
    1px -1px 4px #CCC,
    -1px 1px 4px #CCC,
     1px 1px 4px #CCC;*/
    text-shadow: 1px 1px .025px rgba(255, 255, 255, 0.44);
    position: relative;
    display: inline-block;
}
.NFLNetworkLogoIMG
{
    height: 68%;
    
}
.TitleHolder
{
    font-family:Veranda, MS Sans Serif, Calibri;
    font-weight: 700;
    font-size: 20px;
    display: inline-block;
    top: 30px; position: absolute;
}
.BTNOrig
   {
        background: #ccc;
        background: #fff;
        background: linear-gradient(#fff, #ddd);
        background: -moz-linear-gradient(#fff, #ddd);
        background: -webkit-linear-gradient(#fff, #ddd);
        background: -o-linear-gradient(#fff, #ddd);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DDDDDD',GradientType=0 );
	    background: -ms-linear-gradient(#fff, #ddd);
	    background: #ffffff;
	    box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
	text-shadow: 0 1px 0 #fff;
        border: 1px solid rgba(0,0,0,0.1);
        box-shadow: 0 1px 1px rgba(0,0,0,0.3);
        text-decoration: none;
        color: #000;
        /* SVG as background image (IE9/Chrome/Safari/Opera)  
            background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyNTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNEREREREQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cyNTgpIiAvPgo8L3N2Zz4=);*/
   }

.BRadius
{
    border-radius: 20px;
    height: 66px;
}

.BTN
{

    background-image: linear-gradient(bottom, #515151 0%, #000000 100%);
    background-image: -o-linear-gradient(bottom, #515151 0%, #000000 100%);
    background-image: -moz-linear-gradient(bottom, #515151 0%, #000000 100%);
    background-image: -webkit-linear-gradient(bottom, #515151 0%, #000000 100%);
    background-image: -ms-linear-gradient(bottom, #515151 0%, #000000 100%);
    background-image: 
            -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.0, #515151),
            color-stop(11, #000000));
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515151', endColorstr='#000000');*/
}
.UserDIV_Container, #ClientDIV{display: inline-block;vertical-align:top}
.UserDIV_Container {
    padding: 9px 0 0;
    right: -30px;
}
.trade {
    vertical-align: super;
    font-size: 13px;
    padding: 0 0 0 2px;
}
.GeneralContentDIV{}

/*-----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 815px) {
    
	.DateLBL 
	{
	    vertical-align: 20px; 
	    text-align:right;
	    right: 10px;
	    position: absolute;
	    font-size: 23px;
	    top:0;
	}
		
	.ShowUL{padding: 50px  0 0 7%}
	.TitleHolder{position: relative; top: auto;
	margin: 0 0 50px 0;   
    background-image: linear-gradient(bottom, #515151 0%, #000000 100%);
    background-image: -o-linear-gradient(bottom, #515151 0%, #000000 100%);
    background-image: -moz-linear-gradient(bottom, #515151 0%, #000000 100%);
    background-image: -webkit-linear-gradient(bottom, #515151 0%, #000000 100%);
    background-image: -ms-linear-gradient(bottom, #515151 0%, #000000 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515151', endColorstr='#000000');*/
    background-image: 
            -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.0, #515151),
            color-stop(11, #000000));
            text-shadow: 0 1px 0 #676767;
        border: 1px solid rgba(0,0,0,0.1);
        box-shadow: 0 1px 1px rgba(0,0,0,0.3);
        text-decoration: none;
        color: #000;
        border-radius: 7px;
        min-width: 400px;
        width: 96%;
        height: 40px;
        
	}
}
/*------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
    .Logo_Text {
        font-size: 75px;
    }
.Calendar1 tr th {
        font-size: 19PX;
        padding: 0 36px;
    }
#UserDIV_Container{padding: 0}
    .MonthName {
        font-size: 71px;
    }

    .Arrows {
        font-size: 94px;
    }

    .BodyDIV {
    }
    .DayDIV, .DayDIV a, .DayDIV a:visited {
        font-size: 14px;
    }

    .Item_Thumb_DIV {
        /*height: 40px;
        background-size: 172% auto;
        border-radius: 6px;
        width: 120px;
        border: 1px solid rgba(255, 255, 255, 0.32);
        top: -3px;
        box-shadow: 1px 1px 3px #000;
        position: absolute;
        left: -34px;
        background-position: -49px -53px;
        z-index: -1;*/
    }

    .CalendarItems {
        width: 115px;
        padding: 4px 0px 4px 0px;
        margin: 3px 3px 3px 0px;
        border-radius: 7px;
    }

    .DayInt,.Calendar td a, .Calendar td a:visited {
        font-size: 68px !important;
    }

    .Logo_Text {
        font-size: 32px !important;
        color: #FFF !important;
    }

    .Heading_Sub {
        font: 16px NFLEndzoneTechBold !important;
    }
}
 .Arrows {
            /*(display: none;*/
        }
        .CalHeaderTBL {
        }
        .MonthName {
            font-weight: bold !important;
            font-size: 14px !important;
        }
        #Schedule1 {
            position: relative;
            bottom: 0;
            right: 0;
            left: 0;
            overflow: aut;
        }
            #Schedule1 .TBL100 {
                /*min-width: 700px;*/
            }
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .HeaderImg {
        max-width: 272px;
        height: auto;
    }

    #ContainerDIV {
        padding: 36px 0 0;
        position: relative;
        height: 334px;
    }

    #Skillsets, #Profile {
        margin: 0 !important;
        position: absolute
    }

    #Profile {
        padding: 0 0;
        left: 0 !important;
        width: auto !important;
        z-index: 1;
        max-width: initial;
        background: rgba(0,0,0);
        box-shadow: 0px 0px 30px #000;
    }

    #Images {
        min-width: initial !important;
    }

    #ContainerDIV a {
        margin: 0;
    }
}