.Astro-Progress {

    width:                  400px;

}

.Astro-Progress,

.Astro-Progress td {

    font-family:            Verdana,Tahoma,Arial;

    

}



.Astro-Title {

    font-size:              16px;

    font-weight:            normal;

    color:                  #4780c0;

    

}

.Atro-Completed {

    font-family:            Verdana,Tahoma,Arial;

    font-size:              12px;

    font-weight:            normal;

    color:                  #4780c0;

    

}

.Atro-Completed:first-line {

    font-size:              14px;

}

.Astro-FileName {

    font-size:              12px;

    font-weight:            normal;

    color:                  #4780c0;

}

.Astro-Name {

    color:                  #1f64b2;

    

}

.Astro-Size {

    font-size:              10px;

    font-weight:            bold;

    

}

.Astro-Info {

    font-size:              10px;

    color:                  #aaa;

    text-align:             right;

}

.Astro-Index {

    

}

.Astro-Total {

    

}

.Astro-Percentage {

    

}

.Astro-PercentParent {

    

}



.Astro-Perc {

    padding:                6px 0px;

}

.Astro-Percentage {

    background-image:		-moz-linear-gradient(top,#4780c0,#004fa7 70%,#1f64b2);

    background-image:		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4780c0), to(#1f64b2), color-stop(.7,#004fa7));

    filter:			progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorStr=#4780c0,endColorStr=#004fa7);

    height:                 18px;

    display:                block;

    border-radius:          4px;

    -moz-border-radius:     4px;

}

.Astro-PercentBorder {

    display:                block;

    border-radius:          5px;

    -moz-border-radius:     5px;

    border:                 1px solid #1f64b2;

    height:                 20px;

    width:                  400px;

}

.Astro-PercentParent {

    display:                block;

    height:                 16px;

    width:                  398px;

    margin:                 1px;

}



.Astro-AA {

    padding:                6px 10px;

}

.Astro-AlertedArea {

}

.Astro-Alert {

    margin:                 3px 0px;

    font-size:              10px;

    font-weight:            normal;

    font-family:            Verdana,Tahoma,Arial;

    color:                  #c40000;

}

.Astro-Alert .Exclaim {

    margin:                 0px 5px 0px 0px;

    display:                inline-block;

    padding:                2px 6px;

    font-weight:            bold;

    background:             #fffaa5;

    border:                 1px solid #c40000;

    border-radius:          20px;

    -moz-boder-radius:      20px;

    box-shadow:             1px 1px 3px #000;

    -moz-box-shadow:        1px 1px 3px #000;

}







.ExpandedArea {

    position:                   fixed;

    top:                        0;

    bottom:                     0;

    z-index:                    5;

    text-align:                 center;

    width:                      100%;

    background:                 rgba(0,0,0,0.9);

    _background:                url('./../../App_Global/Images/Background/Black90.png');

    -webkit-animation-duration: 600ms;

    -moz-animation-duration:    600ms;

    -webkit-animation-name:     FadeToBlack;

    -moz-animation-name:        FadeToBlack;

    -webkit-animation-timing-function:  ease-in-out;

    -moz-animation-timing-function:     ease-in-out;

}



* html .ExpandedArea {

	position:			absolute;

    top:			expression((0+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');

    height:			expression(screen.availHeight+'px');

}



.ExpandedArea .Window {

    margin-top:                 70px;

    margin-left:                auto;

    margin-right:               auto;

    background:                 #fff no-repeat center top;

    padding:                    6px;

    border-radius:              6px;

    -moz-border-radius:         6px;

    -webkit-box-shadow:         1px 1px 4px #000;

    -moz-box-shadow:            1px 1px 4px #000;

    box-shadow:                 1px 1px 4px #000;

    _border:                    1px solid #999;

    -webkit-animation-duration: 350ms;

    -moz-animation-duration:    350ms;

    -webkit-animation-name:     FriendPop;

    -moz-animation-name:        FriendPop;

    -webkit-animation-timing-function:  ease-in-out;

    -moz-animation-timing-function:     ease-in-out;

    width:                      750px;

    height:                     566px;

    text-align:                 left;

}

.ExpandedArea .Scroll {

    margin:                     8px;

    width:                      734px;

    height:                     550px;

    overflow:                   visible;

}

.ExpandedArtooProgressArea .Window {

    width:                      428px;

    height:                     247px;

}

.ExpandedArtooProgressArea .Scroll {

    margin:                     8px;

    width:                      412px;

    height:                     231px;

    overflow:                   visible;

}



@-webkit-keyframes FriendPop {

    0%      {   -webkit-transform:scale3d(0.5, 0.5, 1);opacity:0;}

    45%     {   -webkit-transform:scale3d(1.12, 1.12, 1)}

    80%     {   -webkit-transform:scale3d(0.9, 0.9, 1);opacity:1;}

    100%    {   -webkit-transform:scale3d(1, 1, 1);opacity:1;}

}

@-moz-keyframes FriendPop {

    0%      {   opacity:        0   }

    100%    {   opacity:        1   }

}



@-webkit-keyframes FadeToBlack{

    0%      {   background:     rgba(0,0,0,0.0);    }

    10%     {   background:     rgba(0,0,0,0.1);    }

    20%     {   background:     rgba(0,0,0,0.2);    }

    30%     {   background:     rgba(0,0,0,0.3);    }

    40%     {   background:     rgba(0,0,0,0.4);    }

    50%     {   background:     rgba(0,0,0,0.5);    }

    60%     {   background:     rgba(0,0,0,0.6);    }

    70%     {   background:     rgba(0,0,0,0.7);    }

    80%     {   background:     rgba(0,0,0,0.8);    }

    90%     {   background:     rgba(0,0,0,0.9);    }

}

@-moz-keyframes FadeToBlack{

    0%      {   background:     rgba(0,0,0,0.0);    }

    10%     {   background:     rgba(0,0,0,0.1);    }

    20%     {   background:     rgba(0,0,0,0.2);    }

    30%     {   background:     rgba(0,0,0,0.3);    }

    40%     {   background:     rgba(0,0,0,0.4);    }

    50%     {   background:     rgba(0,0,0,0.5);    }

    60%     {   background:     rgba(0,0,0,0.6);    }

    70%     {   background:     rgba(0,0,0,0.7);    }

    80%     {   background:     rgba(0,0,0,0.8);    }

    90%     {   background:     rgba(0,0,0,0.9);    }

}







.ExpandedArea a.Cancel {

    font-family:            Verdana,Tahoma,Arial;

    font-size:              16px;

    font-weight:            normal;

    text-transform:         uppercase;

    display:                block;

    position:               absolute;

    padding:                2px 6px;

    background:             #000;

    border:                 2px solid #fff;

    border-radius:          20px;

    -moz-border-radius:     20px;

    -webkit-box-shadow:     1px 1px 8px #000;

    -moz-box-shadow:        1px 1px 8px #000;

    box-shadow:             1px 1px 8px #000;

    color:                  #fff;

    text-decoration:        none;

    -webkit-text-shadow:    1px 1px 4px #000;

    -moz-text-shadow:       1px 1px 4px #000;

    text-shadow:            1px 1px 4px #000;

}

.ExpandedArea a.Cancel:hover {

    background:             #c00;

}