@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
        @import url(https://fonts.googleapis.com/css?family=family=Droid+Sans:400);
        html, body{
         margin: 0;
         padding: 0;
         font-weight: inherit;
         font-style: inherit;
         font-size: 100%;
         font-family: inherit;
         vertical-align: baseline;
         border-left:0;
         }
         
        div, span, applet, object, iframe,
         h1, h2, h3, h4, h5, h6, p, blockquote, pre,
         a, abbr, acronym, address, big, cite, code,
         del, dfn, em, font, img, ins, kbd, q, s, samp,
         small, strike, sub, sup, tt, var,
         dl, dt, dd, ol, ul, li,
         fieldset, form, label, legend,
         table, caption, tbody, tfoot, thead, tr, th, td {
         margin: 0;
         padding: 0;
         border: 0;
         font-weight: inherit;
         font-style: inherit;
         font-size: 100%;
         font-family: inherit;
         vertical-align: baseline;
         }
         
        body {
         line-height: 1;
         color: black;
         background: white;
         font-family: 'Droid-Sans', Tahoma, Arial, Helvetica, sans-serif;
         }
         
        ol, ul {list-style: none;}
         
        table {
         border-collapse: separate;
         border-spacing: 1px;
         }
         
        caption, th, td {
         text-align: left;
         font-weight: normal;
         }
         
        /* end reset styles */
         /* clearing technique *
         .clearfix:after {
         content:”.”;
         display:block;
         height:0;
         clear:both;
         visibility:hidden;
         }
         
        .clearfix {display:inline-block;}
         /* mac hide */
         * html .clearfix {height: 1%;}
         .clearfix {display: block;}
         /* End hide */
         /*……….. do not change or amalgamate the above clearfix styles ……*/
         
        p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em;}
         
        a img,img{border:none;display:block;}
         
        a{
         text-decoration:none;
         color:#252e1c;
         }
         
        h1,h2,h3,h4,h5,h6{
         font-weight:bold;
         }
         
        h1{font-size:197%;}/* 26px */
         h2{font-size:182%;}/* 24px */
         h3{font-size:167%;}/* 22px */
         h4{font-size:152%;}/* 20px */
         h5{font-size:136%;}/* 18px */
         h6{font-size:122%;}/* 16px */
         body{
         font-size: 13px;
         text-align:center; /* for ie5.+*/
         }
        ul
            {
            position:relative;
            float:left;
            list-style-type:none;
            padding-top:9px;
            padding-bottom:7px;
            z-index:2;
            }
        ul li
            {
            display:inline;
            }
        ul li a:link,ul li a:visited
            {
            color:#ffffff;
            background-color:#999999;
            text-align:center;
            padding:6px;
            text-decoration:none;
            text-transform:uppercase;
            }
        ul li a:hover,ul li a:active
            {
            color:#ffffff;
            background-color:#666666;
            }

        #reportlinks 
        {
            margin:auto;
            text-align:right;
            position:relative;
            top:75px;
            height:120px;
            width:890px;
            } 

        .hiddentextbox {display:none;}           

         
body {
	/*background:#fff url(img/body_background.png) repeat-x;*/
    background-color: #cccccc;
}
#wrapper 
{
	width:968px;
    margin-top:0px!important;
    margin-bottom:0px!important;
    margin:auto;/* center the page*/
    text-align:left;/* reset text back to left due to ie5.x fix */
    border: 0;
    background-color: #ffffff;
    /*-webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
    border-radius: 15px;*/
    -webkit-box-shadow: 6px 6px 25px 0px rgba(0,0,0,0.56);
    -moz-box-shadow:    6px 6px 25px 0px rgba(0,0,0,0.56);  
    box-shadow:         6px 6px 25px 0px rgba(0,0,0,0.56); 
}
#content 
{
    position:relative;
}        
#header {
	width:968px;
    height:290px;
    margin:0;
    position:relative;
     border: none;
    /*-webkit-border-radius: 15px 15px 0px 0px; 
    -moz-border-radius: 15px 15px 0px 0px; 
    border-radius: 15px 15px 0px 0px;*/ 
    background-image: url(img/banner_bg/banner-home.png);
    background-repeat: no-repeat;
    background-size: 968px;
}
#headerM {
	width:968px;
    height:290px;
    margin:0;
    position:relative;
     border: none;
    /*-webkit-border-radius: 15px 15px 0px 0px; 
    -moz-border-radius: 15px 15px 0px 0px; 
    border-radius: 15px 15px 0px 0px;*/ 
    background-image: url(img/banner_bg/banner-home.png);
    background-repeat: no-repeat;
    background-size: 968px;
}
.cssPreloadImage{
    display:none;
}
.cssVideoSlider
{
    width:100%;
    height:290px;
    position:relative;
    border: none;
    padding:0;
    -webkit-border-radius: 15px 15px 0px 0px!important;
    -moz-border-radius: 15px 15px 0px 0px!important; 
    border-radius: 15px 15px 0px 0px!important;
    background-repeat: no-repeat;
    background-size: 100%;
}
#ribbon {
    position: relative; 
    width: 968px; 
    background-color:#116ca2;
    padding-top:12px;
    padding-bottom:12px;
    -webkit-box-shadow: 0px 10px 10px -2px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 10px 10px -2px rgba(0,0,0,0.20);
    box-shadow: 0px 10px 10px -2px rgba(0,0,0,0.20);
}
#bottomlogo {
    position:relative;
    display:inline-block;
    width:968px;
    padding: 5px;
}
#footer {
    width:968px;
    margin:0 auto;
    text-align:center;
    background-color:#666666;
    color:#cccccc!important;
    padding-top:5px;
    padding-bottom:5px;
    /*-webkit-box-shadow: 6px 6px 25px 0px rgba(0,0,0,0.56);
    -moz-box-shadow:    6px 6px 25px 0px rgba(0,0,0,0.56);  
    box-shadow:         6px 6px 25px 0px rgba(0,0,0,0.56);*/ 
}
#footer a {
    color:#cccccc!important;
}
#footer a:hover {
    color:#ffffff!important;
}
/*#footer {
    width:968px;
    margin:0 auto;
    text-align:center;
    color:#777777!important;
    padding-bottom:20px;
}
#footer a {
    width:968px;
    margin:0 auto;
    text-align:center;
    color:#777777!important;
}
#footer a:hover {
    color:#000000!important;
}*/

#MasterGrid {
    position:relative;
    width:930px;
    left:20px;
}
.dxgvHeader {
    background-color:#004163;
}
.dxgvHeader table tbody tr td {
    color:#ffffff;
}

#MasterGrid_col2 {
    background-color:#004163;
    vertical-align:bottom;
}
#MasterGrid_col2 tr td {
    color:#ffffff;
    font-size:20px;
}
#MasterGrid_col3 {
    background-color:#004163;
    vertical-align:bottom;
}
#MasterGrid_col3 tr td {
    color:#ffffff;
    font-size:20px;
}
        
#MasterGrid_col4 {
    background-color:#277a27;
}
#MasterGrid_col4 tr td {
    color:#ffffff;
    font-size:16px;
    text-align:center;
}

#MasterGrid_col5 {
    background-color:#2f9434;
}
#MasterGrid_col5 tr td {
    color:#ffffff;
}
#MasterGrid_col6 {
    background-color:#2f9434;
}
#MasterGrid_col6 tr td {
    color:#ffffff;
}
#MasterGrid_col7 {
    background-color:#2f9434;
}
#MasterGrid_col7 tr td {
    color:#ffffff;
}

#MasterGrid_col8 {
    background-color:#3eb34a;
}
#MasterGrid_col8 tr td {
    color:#ffffff;
}
#MasterGrid_col9 {
    background-color:#3eb34a;
}
#MasterGrid_col9 tr td {
    color:#ffffff;
}
#MasterGrid_col10 {
    background-color:#3eb34a;
 }
#MasterGrid_col10 tr td {
    color:#ffffff;
}
.MainHeader {
    color:#116ca2;
    font-size:26px;
    font-weight:bold;
    position: relative; 
    top: 0px; 
    width: 900px; 
    margin: 0 auto;
    text-align:center;
    padding:20px;
}
.MainHeader a{
    color: #666666;
}
.HeaderTitle{
    color:#116ca2; font-size:26px; font-weight:bold;
}
.HeaderTitleDetail{
    color:#116ca2; font-size:20px; font-weight:normal;
}
.HeaderDetail{
    color:#666666; font-size:12px; font-weight:normal;
}
.HeaderDetail a{
    color:#666666; font-size:12px; font-weight:bold;
}
.popupTitle{
    color:#116ca2; font-size:26px; font-weight:bold; padding:20px;
}
.RibbonShadowVideo{
    background: transparent url(img/TopShadow.png) no-repeat; 
    background-size: 100% 100%;
    height:15px; 
    position:relative; 
    display:block;
    background-color:#e7f6fd;

}
.divTable{
	display: table;
	
    align-self:center;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	display: table-cell;
	padding: 3px;
    vertical-align:middle;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.cssDropDown
{
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    border-collapse: separate !important;
    width:330px;
    height:25px;
    border:none;
    position:relative;  
    font-size:14px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);

}
.cssDropDown input 
{ 
    letter-spacing: 0.5px !important; 
} 
.cssDropDown input::selection 
{ 
    background:Transparent !important;
} 
.cssDropDown input::-moz-selection
{ 
    background:Transparent !important;
} 
.cssDropDownItem
{
    letter-spacing:0.5px !important; 
}
.cssButtonApplyGetApp
{
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    border-collapse: separate !important;
    width:90px;
    padding:6px;
    border:none;
    position:relative;  
    font-size:12px;
    color:white;
    background-color:#116ca2;
    margin:0 auto;
    margin-top:0px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}
.cssButtonApplyGetApp:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
#lblTop2Title {
    position:relative;
    top:20px;
    left:40px;
    text-align:left;
    font-size:24px;
    color: #004163;
}

 #lblTop2Desc {
    display:block;
    float:left;
    position:relative;
    top:20px;
    left:40px;
    width:860px;
    text-align:left;
    font-size:12px;
    line-height:1.2;
    color: #777777;
 }
.lblTop2Title {
    top:35px;
    left:40px;
    font-size:24px;
    color: #004163;
    padding-bottom:15px;
}

.lblTop2Desc {
    top:20px;
    left:40px;
    width:860px;
    font-size:12px;
    color: #777777;
    padding-bottom:15px;
}
.OptionsTable
{
    margin-bottom: 5px;
}
/* ASPxImagreSlider styles */
.dxisControl .dxis-nbItem
{
    width: 222px;
    height: 160px;
    background-color: transparent;
}
.dxisControl .dxis-nbSelectedItem,
.dxisControl .dxis-nbSelectedItem > div,
.dxisControl .dxis-nbItem .dxis-nbHoverItem
{
    display: none !important; /* Hide Selection Frame */
}
.modalAbout {
    overflow: auto;
    position: fixed;
    top: 0;   left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
    background-color: rgba(0,0,0,0.7);
    z-index: 10005; 
    background-image: url(img/loading.gif);
    background-position: center;
    background-size: 70px 70px;
    background-repeat: no-repeat;
    padding:20px;
    display:none;
}
.modalinnerAbout {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:600px;
    height:310px;
    z-index: 10006; 
    background-color: white;
    border: 1px solid #000000;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 6px -6px rgba(0,0,0,0.7);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    10px 10px 6px -6px rgba(0,0,0,0.7);  /* Firefox 3.5 - 3.6 */
    box-shadow:         10px 10px 6px -6px rgba(0,0,0,0.7); 
}
.modal {
    overflow: auto;
    position: fixed;
    top: 0;   left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
    background-color: rgba(0,0,0,0.7);
    z-index: 10005; 
    display:none;
    background-image: url(img/loading.gif);
    background-position: center;
    background-size: 70px 70px;
    background-repeat: no-repeat;
}
.modalinner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:740px;
    height:500px;
    z-index: 10006; 
    background-color: rgba(0,0,0,0.7);
    border: 1px solid #000000;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 6px -6px rgba(0,0,0,0.7);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    10px 10px 6px -6px rgba(0,0,0,0.7);  /* Firefox 3.5 - 3.6 */
    box-shadow:         10px 10px 6px -6px rgba(0,0,0,0.7); 
}
.videoSliderTitle
{
    position:relative;
    color: #223266; 
    text-align: center; 
    Width: 800px;
    font-size: 16px; 
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 0px;
    left: 6px;
}
.sliderMain{
    position: relative; 
    /*top: 0px;*/ 
    /*width: 968px;*/ 
    width:100%;
    /*height: 195px;*/ 
    height: 210px; 
    background-color:#e7f6fd;
    padding-bottom:15px;
}
.sliderMainGallery{
    position: relative; 
    /*top: 0px;*/ 
    /*width: 968px;*/ 
    width:100%;
    height: 195px;
    background-color:#e7f6fd;
    padding-bottom:15px;
}
.sliderMainDiv{
    Width:935px;
}
.sliderouter{
    margin:0 auto;
    margin-top:0px;
    left:6px;
    position:relative;
    display:block;
    text-align:center;
}
.sliderHeader
{
    color: white; 
    font-size: 28px; 
    position: relative; 
    top: 20px; 
    left: 11px;
    margin: 0 auto; 
    text-align: center;
}
.sliderTitle 
{
    color: white; 
    font-size: 18px; 
    position: relative; 
    top: 40px; 
    margin: 0 auto; 
    text-align: center;
}
.sliderShareButtons
{
    color: White; 
    font-size: 18px; 
    position: relative; 
    top: 22px; 
    margin-left:50px; 
    float:left;
    display:block;
    z-index: 10012; 
    width:300px;
}
.sliderPlayNext
{
    color: White; 
    font-size: 18px; 
    position: relative; 
    top: 25px; 
    margin-right:50px; 
    float:right;
    display:block;
    z-index: 10012; 
}
.sliderouterNoVideo{
    margin:0 auto;
    margin-top:0px;
    Width:750px;
    z-index: 10000; 
    position:relative;
    display:none;
    text-align:center;
}
.sliderVideoFrame 
{
    position:relative; 
    top:30px; 
    margin: 0 auto; 
    width:700px; 
    text-align:center;
    padding:20px;
}
.slideralign
{
    display:inline-block;
}
.url
{
    display: block;
    color: #116CA2;
    line-height: 1.2;
    border: 1px solid #e7f6fd;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 15px;
    text-align: center;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}
.url:visited
{
    color: #116CA2;
}
.url:hover
{
    border: 1px solid #dddddd;
    /*border: 1px solid #116CA2;*/
    color: #223266;
    background-color: #f8f8f8;
}
.urlImage {
    width:190px;
    height:107px;
    left:0;
}
/*.urlImage:hover {
    width:220px;
    height:127px;
}*/
.name
{
    font-size: 13px;
    white-space: normal;
    font-family: helvetica, arial, sans-serif;
    font-family: 'Segoe UI', Helvetica, Tahoma, Geneva, sans-serif;
}
.VideoIcon
{
    float: Right;
    width: 15px;
    height: 15px;
}
.VideoIcon:hover
{
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.buttonIcon:hover
{
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.close-image {
    float: right;
    height: 22px;
    width: 22px;
    margin: 1px;
    position: relative;
    top: 5px;
    right: 5px;
}

.cssNextButton {
    background-image: url(img/NextButton.png);
    background-repeat: no-repeat;
    background-position: center!important;
    background-size: 12px 25px;
    height:35px;
    width:20px;
    top:70px !important;
    /*background-color:#cccccc;*/
    /*border-radius: 5px;*/
    /*opacity: 0.7;
    filter: alpha(opacity=70);*/
}
.cssPrevButton {
    background-image: url(img/PrevButton.png);
    background-repeat: no-repeat;
    background-position: center!important;
    background-size: 12px 25px;
    height:35px;
    width:20px;
    top:70px !important;
    /*background-color:#cccccc;*/
    /*border-radius: 5px;*/
    /*opacity: 0.7;
    filter: alpha(opacity=70);*/

}
.dxis-passePartout
{
    background-color: Transparent !important;
}

.cssNavigationBar
{
    top:-50px;
    z-index:99;
    width:100px!important;
    right:20px;
    height:50px!important;

}
.cssTextArea{
    background-color:Transparent!important;
}
.cssPlayImage
{
    top:100px;
    left: 420px;
    position:absolute;
    z-index:100!important;
    /*display:block;*/
}
.cssPlayImage a
{
    color:white;
    font-size:12px;
    /*font-weight:bold;*/
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.cssPlayPauseButon {
    
}
.cssBanner
{
    width:968px;
    height:290px;
    position:relative;
    border: none;
    padding:0;
    /*-webkit-border-radius: 15px 15px 0px 0px; 
    -moz-border-radius: 15px 15px 0px 0px; 
    border-radius: 15px 15px 0px 0px;*/ 
    /*background-image: url(img/banner_bg/banner-home.png);*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color:transparent;
}
.cssBannerVideo
{
    width:968px;
    height:350px;
    position:relative;
    border: none;
    padding:0;
    left:0;
    /*top:-100px;*/
    /*-webkit-border-radius: 15px 15px 0px 0px; 
    -moz-border-radius: 15px 15px 0px 0px; 
    border-radius: 15px 15px 0px 0px;*/ 
    background-repeat: no-repeat;
    background-size: 968px 350px;
}
.cssNextBanner {
    background-image: url(img/NextBanner.png);
    background-repeat: no-repeat;
    background-position: center!important;
    background-size: 100px 30px;
    padding:0px!important;
    margin:0px!important;
    height:30px;
    width:100px;
    /*position:relative;
    top:120px !important;*/
    /*top:70px !important;*/
    /*background-color:#cccccc;*/
    /*border-radius: 5px;*/
    /*opacity: 0.7;
    filter: alpha(opacity=70);*/
}
.dxis-nextBtnHorWrapper
{
    background-color:transparent!important;
    top:310px!important;
    right:20px!important;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.dxis-prevBtnHorWrapper 
{
    background-color:transparent!important;
    top:310px!important;
    left:20px!important;
    opacity: 0.7;
    filter: alpha(opacity=70);
    display:none;
}
.cssTextShadow{
    /*text-shadow: -1px 0 rgba(0,0,0,0.5), 0 1px rgba(0,0,0,0.5), 1px 0 rgba(0,0,0,0.5), 0 -1px rgba(0,0,0,0.5);*/ 
}
.cssBannerFloatingDiv {
    position:absolute;
    top:30px;
    right: 0px;
    z-index:1000;
    text-align:right;
    background-color: rgba(0,0,0,0.7);
    min-width:250px;
}
.cssBannerFloatingTitle {
    color:#cccccc;
    font-size:14px;
    text-align:right;
    padding: 8px 25px 3px 25px;
}
.cssBannerFloatingName {
    color:white;
    font-size:22px;
    text-align:right;
   padding: 0px 25px 8px 25px;
}