﻿/* Individual Page Level CSS */

/* Page: Home */
#HomeBannerMiddle
{
    height: 317px;
    margin-top: 10px;
    z-index: 2;
    position: relative;
}
#HomeBannerMiddleTop
{
    height: 158px;
    background: url(../../Shared/Images/Emergency_1.png) no-repeat;
}
#HomeBannerMiddleBottom
{
    height: 158px;
    background: url(../../Shared/Images/click_here_to.png) no-repeat;
}
#HomeBannerMiddleBottomText
{
    height: 40px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 35px;
    font-weight: 700;
    color: #000;
    margin-left: 35px;
    margin-top: 20px;
}

#warning-911-banner
{
    position: relative;
    height: 100px;
    background: #d74545;
    margin-top: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px; /* Firefox 3.6 and earlier */
    -webkit-border-radius: 5px; /* for Chrome and Safari */
    -0-border-radius: 5px; /* for Opera  */
    z-index: 2;
}
#warning-911-banner-symbol
{
    height: 98px;
    background: url(../../Shared/Images/Number911.png) no-repeat;
    margin-top: 5px;
}
#warning-911-banner-textbox
{
    height: 75px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: 300;
    color: #000;
    line-height: 25px;
    margin-top: 8px;
    text-align: justify;
    background-color: #ffe4e2;
    padding: 5px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px; /* Firefox 3.6 and earlier */
    -webkit-border-radius: 5px; /* for Chrome and Safari */
    -0-border-radius: 5px; /* for Opera  */
}
#warning-911-banner-textbox a
{
    color: #0033FF;
    text-decoration: none;
}

#HomeBoxLinkContainer
{
    position: relative;
    z-index: 1;
}

#HomeBoxLinkContainer:after
{
    content: "";
    clear: both;
    visibility: hidden;
    height: 0;
    font-size: 0;
}

.HomeBoxLink
{
    height: 175px;
    border: 1px #d2d2d2 solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -0-border-radius: 5px;
    padding: 5px 10px 5px 10px;
    background: #fff;
    text-align: left;
}
#BoxLink_Find_an_Emergency
{
    background: url(../../Shared/Images/BoxLink_Find_an_Emergency.png) no-repeat;
    height: 80px;
    margin-left: 45px;
    margin-top: 10px;
}
a.BoxLink_text
{
    line-height: 25px;
    color: #666;
    text-decoration: none;
    font-size: 16px;
}
.BoxLink_text strong
{
    color: #333;
}
a.BoxLink_text strong:hover
{
    color: #0033FF;
}
#BoxLink_Healthlink_BC
{
    background: url(../../Shared/Images/BoxLink_Healthlink_BC.png) no-repeat;
    height: 70px;
    margin-left: 12px;
    margin-top: 20px;
}
#BoxLink_Medical_Clinic
{
    background: url(../../Shared/Images/BoxLink_Medical_Clinic.png) no-repeat;
    height: 80px;
    margin-left: 60px;
    margin-top: 10px;
}
#BoxLink_Family_Physician
{
    background: url(../../Shared/Images/BoxLink_Family_Physician.png) no-repeat;
    height: 80px;
    margin-left: 45px;
    margin-top: 10px;
}
#HomeSponsorSlide
{
    border-radius: 5px;
    -moz-border-radius: 5px; /* Firefox 3.6 and earlier */
    -webkit-border-radius: 5px; /* for Chrome and Safari */
    -0-border-radius: 5px; /* for Opera  */
    border: 1px #d2d2d2 solid;
    margin: 15px 0px 10px 0px;
}
#SlideTopBg
{
    height: 36px;
    padding-top: 10px;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%,#d2d2d2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%,#d2d2d2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%,#d2d2d2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */
    text-align: left;
}
#SlideTopText
{
    font-weight: bold;
    font-size: 15px;
    color: #000;
    padding-left: 14px;
}
#SlideImages
{
    padding: 10px 5px;
}
.PageHeaderBar
{
    position: relative;
    overflow: visible;
}
.PageHeaderBar-content
{
    height: 40px;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #d2d2d2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%,#d2d2d2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%,#d2d2d2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%,#d2d2d2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
    -moz-border-radius: 5px; /* Firefox 3.6 and earlier */
    -webkit-border-radius: 5px; /* for Chrome and Safari */
    -0-border-radius: 5px; /* for Opera  */
    border: 1px #d2d2d2 solid;
    margin: 20px 0px 20px 0px;
    text-align: left;
}
.PageHeaderBar strong
{
    font-size: 20px;
    padding: 0px 0px 0px 100px;
}
.PageHeaderBar img
{
    position: absolute;
    left: 20px;
    top: -8px;
}
/* Page: FAQ */
#FAQ_QuestionsLeftGroup, #FAQ_QuestionsRightGroup
{
    /* height: 510px; */
    margin-top: 10px;
    text-align: left;
}
.FAQ_QuestionsGroupTitle
{
    font-weight: bold;
    margin-left: 30px;
    font-size: 18px;
}

.FAQ_QuestionsList
{
    font-size: 16px;
    color: #000;
    line-height: 22px;
    font-weight: 500;
}
.FAQ_QuestionsList ul
{
    padding-left: 15px;
}
.FAQ_QuestionsList li
{
    list-style: none;
}
*.FAQ_QuestionsList li
{
    list-style-type: disc;
}
.FAQ_QuestionsList li a
{
    text-decoration: none;
    color: #000;
}
.FAQ_QuestionsList a:hover
{
    color: #0033ff;
}
.FAQ_QA_GroupTitle
{
    font-weight: bold;
    font-size: 18px;
    position: relative;
    z-index: 1;
}
.FAQ_QA_Group
{
    background: #D74545;
    color: #fff;
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-left: 30px;
    margin-top: 10px;
    padding: 10px;
    width: 900px;
}
.FAQ_QA_GroupTitle:after
{
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    font-size: 0;
}
.FAQ_EachQA
{
    margin-top: 15px;
    text-align: left;
    position: relative;
}
.FAQ_QA_Question
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-left: 45px;
    float: left;
    width: 750px;
}
.FAQ_QA_Answer
{
    text-align: justify;
    font-family: Verdana;
    font-size: 13px;
    line-height: 25px;
    margin: 15px 45px 15px 45px;
    font-weight: normal;
    margin-top: 10px;
}
.FAQ_QA_jump_to_top_page
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #0033FF;
    margin-left: 20px;
    font-weight: 500;
    float: right;
    margin-right: 20px;
}
.FAQ_QA_jump_to_top_page a
{
    color: #0033FF;
    text-decoration: none;
    font-weight: 500;
}


/* Page: Locations */
#PageHdrLocations
{
    margin-top: 15px;
    height: 67px;
    width: 940px;
}
#PageHdrLocationsIcon
{
    width: 71px;
    height: 67px;
    background: url(../../Shared/Images/PageHdrLocationIcon.png) no-repeat;
    float: left;
}
#PageHdrLocationsTitle
{
    padding-top: 10px;
    padding-left: 30px;
}
#PageHdrLocationsBg
{
    height: 40px;
    float: left;
    width: 869px;
    background: url(../../Shared/Images/PageHdrBg.png) repeat-x;
    margin-top: 12px;
}

.locationBox
{
    height: 281px;
    border-radius: 5px;
    -moz-border-radius: 5px; /* Firefox 3.6 and earlier */
    -webkit-border-radius: 5px; /* for Chrome and Safari */
    -0-border-radius: 5px; /* for Opera  */
    border: 1px #999999 solid;
    margin-top: 15px;
    position: relative;
    -webkit-box-shadow: 0px 2px 6px rgba(130, 130, 130, 0.75);
    -moz-box-shadow:    0px 2px 6px rgba(130, 130, 130, 0.75);
    box-shadow:         0px 2px 6px rgba(130, 130, 130, 0.75);
}
.locationBoxContent
{
    width: 800px;
    height: 35px;
    margin-top: 25px;
    margin-left: 20px;
}
.locationTypePlusIcon
{
    width: 20px;
    height: 32px;
    background: url(../../Shared/Images/map_icon1.png) no-repeat;
    float: left;
}
.locationBoxTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    margin-left: 20px;
    margin-top: 5px;
    float: left;
}
.locationImage
{
    width: 301px;
    height: 197px;
    float: left;
    margin-left: 60px;
    margin-top: 10px;
    position: relative;
}
.location-detail
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 25px;
    margin-top: 10px;
    margin-left: 30px;
    text-align: left;
    float: left;
}
.location-detail th
{
    font-weight: bold;
    background-color: #DDD;
    padding: 0px 5px 0px 5px;
    font-size: 12px;
}
.location-detail.left
{
    float: left;
}

/* Page: Location and Map */
#locationmap_grid
{
    margin-top: 5px;
}
#mapPanel
{
    font: normal 12px Arial, Geneva, sans-serif;
    display: block;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px;
    margin: 0 15px 0 5px;
    border: 1px #999999 solid;
}
#mapPanel div 
{
    margin: 5px 4px;
}
#directionsPanel
{
    font: normal 12px Arial, Geneva, sans-serif;
}
#map_canvas
{
    height: 500px;
    margin: 10px;
}
#location_bottom
{
    height: 40px;
    margin-top: 10px;
}
#maplegend1
{
    width: 320px;
    height: 32px;
    float: left;
    margin-left: 10px;
}
#maplegend1_icon
{
    width: 20px;
    height: 32px;
    background: url(../../Shared/Images/map_icon1.png) no-repeat;
    float: left;
}
#maplegend1_text
{
    width: 270px;
    height: 27px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    float: left;
    margin-left: 15px;
    font-weight: 600;
}
#maplegend2
{
    width: 315px;
    height: 35px;
    float: right;
    margin-top: -30px;
}
#maplegend2_icon
{
    width: 20px;
    height: 32px;
    background: url(../../Shared/Images/map_icon2.png) no-repeat;
    float: left;
}
#maplegend2_text
{
    width: 270px;
    height: 35px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    float: left;
    margin-left: 15px;
    font-weight: 600;
}
#dir-button
{
    color: white;
    border: 1px solid #3079ED;
    background: #4D90FE;
    border-radius: 5px;
    padding: 5px 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#4D90FE), to(#4787ED));
    background: -moz-linear-gradient(top,  #4D90FE,  #4787ED);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D90FE', endColorstr='#4787ED');
}
#dir-button:hover
{
    background: #4D90FE;
    background: -webkit-gradient(linear, left top, left bottom, from(#4787ED), to(#4D90FE));
    background: -moz-linear-gradient(top,  #4787ED,  #4D90FE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4787ED', endColorstr='#4D90FE');
}
#dir-button:active
{
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* Page: Resources */
.blurb
{
    position: relative;
    font-size: 16px;
    padding: 10px 0px;
    width: 900px;
}

.box
{
    font-weight: 700;
    border: 1px #d2d2d2 solid;
    -webkit-box-shadow: 0px 2px 6px rgba(130, 130, 130, 0.75);
    -moz-box-shadow: 0px 2px 6px rgba(130, 130, 130, 0.75);
    box-shadow: 0px 2px 6px rgba(130, 130, 130, 0.75);
    border-radius: 5px;
    -moz-border-radius: 5px; /* Firefox 3.6 and earlier */
    -webkit-border-radius: 5px; /* for Chrome and Safari */
    -0-border-radius: 5px; /* for Opera  */
}

#WaitTimesMouseOverLocation
{
    height: 709px;
    margin-top: 10px;
    background: url(../../Shared/Images/WaitTimesMouseOverLocation.png) no-repeat;
}
#proudlySponsorsStrip
{
    font-size: 16px;
    color: #444;
    font-weight: 600;
    text-align: left;
}

.ReportViewer
{
    overflow: hidden;
}
#waittimes-refresh-box
{
    height: 60px;
    background: #db7d7d;
    margin-top: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px; /* Firefox 3.6 and earlier */
    -webkit-border-radius: 5px; /* for Chrome and Safari */
    -0-border-radius: 5px; /* for Opera  */
}
#waittimes-refresh-box-symbol
{
    float: left;
    width: 65px;
    height: 63px;
    background: url(../../Shared/Images/PageHdrWaitTimesIcon.png) no-repeat;
    margin-left: 25px;
}
#waittimes-refresh-box-text
{
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000;
    text-align: justify;
    background-color: #ffe4e2;
    padding: 5px 10px;
    margin-left: 25px;
    margin-top: 3px;
    border-radius: 5px;
    -moz-border-radius: 5px; /* Firefox 3.6 and earlier */
    -webkit-border-radius: 5px; /* for Chrome and Safari */
    -0-border-radius: 5px; /* for Opera  */
}
#waittimes-refresh-box-text a
{
    text-decoration: none;
    color: #0033FF;
}

.offset
{
    padding-left: 40px;
}

#WaitTimeReportContainer
{
    margin-top: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    position: relative;
}
#waittimes-copyright
{
    margin-top: 10px;
    background: #db7d7d;
    margin-right: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px; /* Firefox 3.6 and earlier */
    -webkit-border-radius: 5px; /* for Chrome and Safari */
    -0-border-radius: 5px; /* for Opera  */
}
#waittimes-copyright-text
{
    line-height: 25px;
    font-size: 16px;
    color: #FFF;
    text-align: left;
}
#disclaimer-link
{
    text-align: right;
}
#disclaimer-link a
{
    text-decoration: none;
    font-size: 16px;
}
#disclaimer-link a:hover
{
    text-decoration: underline;
}
.hover-box
{
    color: #0033FF;
    font-size: 12px;
    cursor: pointer;
}

.msg_slideshow
{
    margin: 0 auto;
    width: 370px;
    height: 125px;
    position: relative;
    overflow: hidden;
    background: url(../../Shared/Images/Sponsor/icons/loading.gif) no-repeat center center;
}
.msg_slideshow a
{
    outline: none;
}
.msg_slideshow a img
{
    border: none;
}

/*  Style for buttons within header  */

.buttons
{
    float: left;
    padding: 6px 0px 0px 3px;
    clear: both;
    font-weight: bold;
}
a.button
{
    color: #6e6e6e;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
a.button:hover
{
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.button:active
{
    color: #000;
    border-color: #444;
}
a.left
{
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.middle
{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.middle:hover, a.right:hover
{
    border-left: solid 1px #999;
}
a.right
{
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
}

/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0.1
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

*.mosaic-block
{
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

/*General Mosaic Styles*/
.mosaic-block
{
    float: left;
    position: relative;
    overflow: hidden;
    width: 220px;
    height: 220px;
    margin: 9px;
    background: #111 url(../../Shared/Images/Mosaic/progress.gif) no-repeat center center;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.mosaic-backdrop
{
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: #111;
    text-decoration: none;
}

.mosaic-overlay
{
    display: none;
    z-index: 5;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    text-decoration: none;
}

.details
{
    color: #FFFFFF;
    font-family: 'Helvetica Neue' , Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: 140%;
    text-shadow: #000000 1px 1px 0;
    padding: 5px 5px;
}

/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay
{
    background: url(../../Shared/Images/Mosaic/hover-magnify.png) no-repeat center center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
    display: none;
}

.fade .mosaic-overlay
{
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
    background: url(../../Shared/Images/Mosaic/bg-black.png);
}

.bar .mosaic-overlay
{
    bottom: -220px;
    height: 220px;
    background: url(../../Shared/Images/Mosaic/bg-black.png);
}

.bar2 .mosaic-overlay
{
    bottom: -50px;
    height: 100px;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.bar2 .mosaic-overlay:hover
{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.bar3 .mosaic-overlay
{
    top: -100px;
    height: 100px;
    background: url(../../Shared/Images/Mosaic/bg-black.png);
}
/*** End Animation Styles ***/


/* CSS Slide Show: MinimalisticSlideshowGallery: END */

/*  Drop shadow styles */

.drop-shadow
{
    margin: 10px 10px;
    position: relative;
    float: left; /*width:40%;*/
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before, .drop-shadow:after
{
    content: "";
    position: absolute;
    z-index: -2;
}

.drop-shadow p
{
    font-size: 16px;
    font-weight: bold;
}

/* Lifted corners */

.lifted
{
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.lifted:before, .lifted:after
{
    bottom: 15px;
    left: 10px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    max-height: 100px;
    -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.lifted:after
{
    right: 10px;
    left: auto;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}

#surge-title
{
    margin: 10px 0px;
    font-size: 20px;
    font-weight: bold;
}

.surge-text
{
    display: none;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    border: solid 1px #dcdcdc;
    border-top: none;
    padding: 10px 5px;
    text-align: left;
}

.surge-header
{
    margin: 10px 0px 0px 0px;
    font-size: 18px;
    font-weight: bold;
    background: #ffe4e2;
    color: #000;
    cursor: pointer;
    border: solid 1px #dcdcdc;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

.color-header
{
    border: solid 1px #dcdcdc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}


.color-header.green
{
    background-color: #82B849;
}

.color-header.yellow
{
    background-color: #D6D615;
}

.color-header.red
{
    background-color: #D74545;
}

.page_refresh
{
    padding: 5px 0;
    text-align: right;
}

#WaitTimeReportContainer img 
{
    width: 100%;
}