﻿/** This is the styles for the Detail View on the Ticket Display page **/
.detailLabel, .detailInput 
{
    width: 210px;
    padding: 3px 0px 3px 0px;
    display:inline-block;    
}

.detailInput 
{
    width: 80px;
    text-align: left;
    margin-right: 30px;   
    
}

HR {
    border: 1px solid grey;
}

.laneClosureLabel {
    width: 200px;
    text-align:left;    
}

.laneClosureData {
    width: 300px;
    text-align:left;    
}

.failureNotification
{
	font-size: 1.2em;
	color: Red;
}
.gvHideColumn {display:none}

.gvShowColumn {display:block}



#gvCustomerInvoiceConfirm
{
/*color: #285EF7;*/ /*blue*/
color: #005a32; /* green*/
font-family: Arial;
font-weight: bold;
width:100%;
font-size:13px;
border-collapse:collapse;
color: #f2f6f9;
}


.title_right 
{
  width: 100%;
}
.title_right 
{
  padding: 10px 0;
  float: right;
}
.title_right > a,
.title_right > div 
{
  float: right;
}


.ImageButton,
.form_button,
.column input[type=button],
.column input[type=submit],
.column input[type=reset],
body.dialog_body input[type="submit"],
body.dialog_body input[type="button"],
body.dialog_body input[type="reset"],
.front_end_body .command.primary,
.front_end_body .column .command,
.column .command
/*,
.column input[type="submit"].disabled:hover,
.column input[type="submit"][disabled]:hover,
.submission input[type="submit"].disabled:hover,
.submission input[type="submit"][disabled]:hover*/
,
.file_input_item input[type="button"], 
body.front_end_body form input[type="submit"]
/*,
body.front_end_body form input[type="submit"].disabled:hover,
body.front_end_body form input[type="submit"][disabled]:hover*/ 
{   /*BORDER-RIGHT: #808080 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #808080 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 9pt;    CURSOR: hand;  COLOR: darkblue; background: #a4d852 !important; PADDING-BOTTOM: 1px; BORDER-LEFT: #808080 1px solid; color: #262926 !important; PADDING-TOP: 1px; BORDER-BOTTOM: #808080 1px solid;*/
    /* margin: 1px 1px 1px 1px;*/
    font: 13px/18px Arial, Helvetica, sans-serif;
    line-height: 14px !important;
    /*color: #414141;*/
    text-align:justify;
    width: 120px;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    background: #E0E0E0 !important;    /*background: #285ef7 !important;*/    /*blue style*/
    color: #000000 !important;                  /*blue style*/
    /*border: solid 2px #d0d0d0 !important;*/   /*gray style*/
    /*border:0;*/
    text-decoration: none;
}

body.front_end_body
{
    background: #fff;
    -ms-overflow-style: scrollbar;
}

#sitebody
{
    background: #ffffff;
}

/*green style*/    /*        background: #a4d852 !important;         color: #262926 !important;    */


.tableBox2, 
table, 
listtable,
 .front_end_body table
{
    /*border: 1px solid #6F99B3;    padding: 5px;    background-color: #F2F6F9;*/    /*margin-bottom: 14px;*/
    /**/
    /*width: 100%;*/
    max-width: 100%;
    min-width: 100%;
    border: 1px solid #6F99B3;
    padding: 5px;
    background-color: #F2F6F9;
    margin-bottom: 14px;
    font: 13px/18px Arial, Helvetica, sans-serif;
    color: #414141;
    text-align: left;
    border-collapse:separate;
    /*border-spacing: 1px;*/
    /*box-sizing:content-box;*/    
}


body
{
background: #fff;
min-height: 100%;
position: relative;
top: 0px;
font-size: 16px !important;
color: #474c47;
/*line-height: 1.375 !important;*/
text-align:justify;
box-sizing:content-box;
border: 0;
margin: 0;
padding: 0;
background-color: #ccc;

}

/* REQUIRED  */
body
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	background:  #689ec0 url(_gfx/cmn/body_bg_strip.png) center top repeat-x;
	/*text-align: left;*/
}

.printer_friendly a{background: url(_gfx/int/print.gif) 0 0px no-repeat;}


.mainSpan_wrapper 
{
    background: url(_gfx/cmn/body_bg.jpg) center top no-repeat;
    background-attachment: scroll !important;
    background-size: 100% 693px !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-repeat: no-repeat !important;
}

#skipnav 
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
}
#skipnav a 
{
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 1px solid #d0d0d0;
    padding: 2px;
    margin: 5px 0 0 5px;
    border-radius: 3px;
    background: #fefefe;
}

#siteheader 
{
    height: 175px;
    background: transparent;
    position: relative;
    /*margin: 0 auto;*/
    margin-bottom: 0px;
    /*margin-bottom: 50px;*/
    margin-left: 154.5px;
    margin-right: 154.5px;
    margin-top: 0px;
    z-index: 7;
    max-width: 1024px;
    display: block;
    background-clip: border-box;
    font-size: 16px;
    box-sizing: border-box;
    width: 1024px;
    text-align: left;
    /**/
    background-attachment: scroll;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    border-collapse: separate;
    /*color: rgb(71, 76, 71);*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    top: 0px;
    right: 0px;
    left: 0px;
}


.wcag_only, header#siteheader h1.wcag_only, label.for_assistive_device.wcag_only 
{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0px, 0px, 0px, 0px) !important;
    border: 0 !important;
    box-sizing: border-box;
    color: #262926;
    line-height: 1.2;
    font-weight: normal;
    font-size: 32px;
    font-family: inherit;
}

#siteheader a#home_link 
{
    width: 423px;
    height: 110px;
    right: auto;
    left: 0px;
    top: 35px;
    background: url(_gfx/cmn/logo.png) center center no-repeat !important;
    background-size: 100% auto !important;
    overflow: hidden;
    position: absolute;
    text-indent: -4000px;
    display:block;
    float:left;
    line-height: 26px;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
}


#sitebody 
{
    background: transparent;
    position: relative;
    min-height: 650px;
    /*margin: 0 auto 44px;*/
    max-width: 1024px;
    box-sizing: border-box;

    padding: 0px;
    background-attachment: scroll;
    text-align: left;
    line-height: 22px;
    margin-top: 0px;
    /*margin-bottom: 44px;*/
    margin-bottom: 0px;
    margin-left: 154.5px;
    margin-right: 154.5px;
    margin-top: 0px;
    visibility: visible;

}

#divmainSpan_Wrapper
{
    margin-bottom: 0px;
    margin-top: 0px;
        background-color: transparent;
        background-image: none;
        background-origin: padding-box;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-repeat: repeat;

}
#divfootercolumn
{
    /*background: transparent;*/
    max-width: 1024px;
    box-sizing: border-box;
    /*padding: 0px;*//*padding-top: 44px;*/ /*0px;*//*padding-bottom: 44px;*/ /*0px;*/
    /*background-attachment: scroll;*/
    text-align: left;
    line-height: 22px;
    /*margin-top: 44px;*/ /*0px;*/
    /*margin-bottom: 44px;*/ /*0px;*/
    margin-left: 154.5px;
    margin-right: 154.5px;
    /*border-collapse: separate;*/
    background-clip: border-box;
    clear: none;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    border-collapse: separate;
    height: 148px;
    min-height: 148px;
    font-size: 18px;
    padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; visibility: visible;
}

#divColumnUserControlCpntentPageBody
{
    padding-bottom: 0px;
    padding-left: 20px;
}

#page_header
{
padding-top: 0px;
}

#sitebody .top_col 
{
    min-height: 59px;
    /*margin-bottom: 27.5px;*/
    margin-bottom: 0px;
    box-sizing: border-box;
    float:left;
    width: 100%;
    color: #474c47;
    clear: none;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
}


.standardlayout .column.left_col, 
.standardthreecolumnlayout .column.left_col 
{
    width: 23.53%;
    margin: 0;
        margin-left: 2%;
        margin-right: 0px;
        margin-top: 0px;
        padding-bottom: 60px;
    /*padding: 0px 10px 60px;*/
    padding-bottom: 60px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    background: #f2f2f2;
    box-sizing: border-box;
    color: #474c47;
}

.standardlayout .left_col .sidenav, 
.standardthreecolumnlayout .left_col .sidenav 
{
    background: transparent;
    margin: 0 -10px 20px;
    width: auto;
    float: none;
    zoom: 1;
    min-width: calc(100% + 20px);
    box-sizing: border-box;
}


.sidenav 
{
    position: relative;
    padding: 0;
        border: 0px;
    color: #008097;
    display: block;
}


.mobile_list, 
.mobile_box 
{
    position: relative;
    padding: 0;
        border: 0px;
    color: #008097;
    display: block;
    /**/
    box-sizing: border-box;
}

/*.mobile_header, .facebook_feed .mobile_header, .twitter_feed .mobile_header, .small_box .mobile_header {
    margin: 0;
    color: #262926;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 100%;
    height: 40px;
    line-height: 30px;
    background: #a4d852;
    padding: 6px 16px;
    letter-spacing: 0.3px;
}*/

.sidenav ul 
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidenav ul li 
{
    position: relative;
}
.mobile_list ul li 
{
    background: transparent none;
    border-bottom: 0px solid #bfcfd2;
    padding: 0;
    width: 100%;
    float: left;
    clear: both;
    border-top: 0;
    zoom: 1;
}
.sidenav ul li a, .sidenav ul li a:hover, .sidenav ul li a:focus 
{
    color: #262926;
    font-size: 87.5%;
    text-decoration: none;
    display: block;
    padding: 11px 7px 11px 25px;
    line-height: 120%;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid transparent;
    word-wrap: break-word;
}
.mobile_list ul li a, .mobile_list .box_bottomlink, .mobile_box .box_bottomlink, .mobile_list ul li a:hover 
{
    border: 0;
    font-style: normal;
}
.sidenav ul li.sidenav_current > a, .sidenav ul li.sidenav_expanded.sidenav_current > a 
{
    background: #ffd83c;
    color: #262926;
    font-size: 87.5%;
    text-decoration: none;
    display: block;
    padding: 11px 7px 11px 25px;
    line-height: 120%;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid transparent;
    word-wrap: break-word;
}
.standardlayout .column.right_col, .standardthreecolumnlayout .column.right_col 
{
    width: 76.46%;
    background: #fff;
    padding: 0 20px 60px 20px;
    margin: 0;
    float: right;
    box-sizing: border-box;
    color: #474c47;
}





/** from bootstrap */
a 
{
    background-color: transparent;
}
/**/

.title_widget 
{
    padding: /*18px*/0 0 0 0;
    clear: both;
    display: block;
}
.content_area
{
    /*padding: 12px 0 0 0;*/
    padding: 12px 12px 12px 12px;
    margin: 12px 12px 12px 12px;
}





/** from bootstrap */
b, strong 
{
    font-weight: 700;
}
/**/

.subtitle2
{
margin-top: 16px;
margin-bottom: 16px;
padding-top: 16px;
padding-bottom: 16px;
font-weight: bold;
font-size: 16px;
text-align: justify;
color: #414141;
line-height: 22px;
font: 13px/18px Arial, Helvetica, sans-serif;
min-height:22px;

}

.container,
#sitebody,
#siteheader,
#footercolumn
{
    width: 1024px;           /*           1726.67px;*/
    max-width: 1024px;  /*max-width: 1726.67px;*/
}

#page_footer
{
    padding: 0px;     /*padding: 10px;*/
    margin: 0px;            
    text-align: left;
    color: #bdbdbd;         /*color: rgb(189, 189, 189);*/
    clear: both;
    height: 195px;
    min-height: 195px;
    background: #007e83; /*background-color: rgb(0, 126, 131);*/
    box-sizing: border-box;
    display: block;
     /*max-width: 1726.67px;*/ /*max-width: 1333px;*/ /*     font-size: 100%;        */
    font-size: 16px;
    line-height: 22px;
    /*width: 1333px;*/              /*width: 1726.67px;*/
    /*width: 100%;*/
    background-position-y: 0%;
    background-position-x: 0%;
    /*background-origin: padding-box;
    background-image: none;*/
    /*background-clip: border-box;*/
    /*background-attachment: scroll;*/
    /*border-collapse: separate;*/
    /*background-size: auto;*/
    /*background-repeat: repeat;*/
    overflow: hidden;
    /*background-size: 100% 693px !important;*/
    background-size: 2404px 693px;
        background-color: #007e83;  /*transparent;*/
}

#page_footer p {     clear:both; }

#page_footer #footercolumn
{
    /*text-align:left;*/
    /*line-height: 22px;*/      /*line-height: 1.375;*/     /**/
    /*min-height: 195px;
    position: relative;*/
    /*margin: 0 auto;*/
    /*padding: 0px;*/
    /*float: none;*/
    /*font-size: 16px;*/
    /*margin-bottom: 0px;
    margin-left: 154.5px;
    margin-right: 154.5px;*/
    /*max-width: 1024px;
    width: 1024px;*/
}

#footercolumn 
{
    float: none;
    /*max-width: 1024px;*/
    /*box-sizing: border-box;*/
        /*text-align:left;*/
    /*line-height: 1.375;*/     /**/
        line-height: 22px;
    min-height: 195px;
    position: relative;
    padding: 0px;
    font-size: 16px;
        /*margin: 0 auto;*/
    margin-left: 154.5px;
    margin-right: 154.5px;
    max-width: 1024px;
    width: 1024px;
    background-color: #007e83;  /*transparent;*/
    text-align: left;
    box-sizing: border-box;
        background: #007e83; 
}

#page_footer #footercolumn .footer_address
{
    width: 600.08px; /*width: auto;*/
    margin: 38px 0 0 0;
    padding: 0 45px 0 26px;
    background-position: left 7px center;
    float: left;
    background: url(_gfx/cmn/icon_address.png) center top no-repeat;
    font-size: 16px;
    color: #bdbdbd;
    letter-spacing: 0.5px;
    background-color: #007e83;  /*transparent;*/
        line-height: 22px;
}
#page_footer #footercolumn .footer_address p 
{
    font-size: 16px;
    color: #bdbdbd;         /*color: #fff;*/
    letter-spacing: 0.5px;
    background-color: #007e83;  /*transparent;*/
            background: #007e83; 
}

#page_footer #footercolumn .footer_phone
{
    width: 156.45px; /*width: auto;*/
    background-position: 7px center;
    padding: 0 0 0 26px;
    margin: 20px 0 10px 0;
    float: left;
    background: url(_gfx/cmn/icon_phone.png) center top no-repeat;
    box-sizing: border-box;
    background-color: #007e83;  /*transparent;*/
    background-origin: padding-box;
    background-clip: border-box;
    background-attachment: scroll;
    background-position-x: 7px;
    background-position-y: center;
    background-repeat: no-repeat;
    text-align: left;
    line-height: 22px;
    font-size: 16px;
    /*box-sizing: border-box;*/
}

#page_footer #footercolumn .social_icons
{
    width: 232.7px; /*width: auto;*/
    margin: 38px 0 0 0;
    font-size: 15px;
    color: #bdbdbd;
    background-color: transparent;
    text-align: left;
    line-height: 20.62px;
    font-size: 15px;
    float: right;
    box-sizing: border-box;
}
.social_icons
{
    float: right;
    font-size: 15px;
}

#page_footer #footercolumn .footer_copyright 
{
    width: 489.82px; /*width: auto;*/
    padding: 0 0 0 7px;
    margin: -20px 0 0 0;
    font-size: 14px;
    float:left;
    letter-spacing: 0.5px;
    color: #bdbdbd;
    background-color: #007e83;  /*transparent;*/
    box-sizing: border-box;
    clear: both;
    line-height: 19.25px;
    text-align: left;

}
#page_footer #footercolumn .footer_nav
{
    width: 410px;
    margin: 85px -15px 0 280px;
    text-align: right;
    float: right;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #bdbdbd;
    padding: 0 12px;
    background-color: #007e83;  /*transparent;*/
    line-height: 19.25px;
    box-sizing: border-box;
}


#view-options
{
    box-sizing: border-box;
    color: rgb(71, 76, 71);
    font-size: 16px;
    line-height: 22px;
    text-align: left;
}

#view-full, #view-responsive 
{
    display: none;
    background: #0f1010;
    color: #fff;
    border: 1px solid #d0c7b3;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 0 5px 0;
    margin-top: 10px;
    border-bottom: 0;
    text-decoration: none;
    /*cursor: pointer;*/
}





.column label
{
display:inline-block;
font-size: 13px !important;
width:inherit;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
margin-bottom: 0px;

}

label
{
    display: inline-block;
    font-size: 13px !important;
    width: inherit;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-bottom: 0px;
}






html
{
    overflow-x: hidden;
}



    .mainSpan_wrapper_home
    {
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .mainSpan:before
    {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 175px;
        z-index: 5;
        background: rgba(255, 255, 255, 0.85);
    }
    .mainSpan:after
    {
        content: "";
        position: absolute;
        /*top: 175px;*/ /* Displays a bar below the header image and before the content*/
        left: 0;
        right: 0;
        /*height: 59px;*/
        z-index: 0;
        background: rgba(0, 154, 182, 0.95);
    }

    /** border color **/
.downloadmessage,
#sitebody fieldset,
.column input[type="text"],
.column input[type="password"],
.column input[type="email"],
.column textarea,
.column select,
/*.sitewrapper*/ /*.listtable*//*,*/
/*.vi-content*/ /*.listtable*//*,*/
#recaptcha_image,
#recaptcha_response_field,
.detail-thumbnail img {
  border: 1px solid #d0d0d0 !important;
}















body {
	margin: 0;
}
body {
	font-family: Arial,sans-serif;
	font-size: 14px;
	line-height: 1.4285;
	color: #333;
	background-color: #fff;
}
body {
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: #333;
	background-color: #fff;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
.tableBox2 {
	border: 1px solid #6F99B3;
	padding: 5px;
	background-color: #F2F6F9;
	margin-bottom: 14px;
}
button, input, optgroup, select, textarea {
	margin: 0;
	font: inherit;
	color: inherit;
}
input {
	line-height: normal;
}
button, input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
body, select, input, textarea, table, .front_end_body table {
	font: 13px/18px Arial, Helvetica, sans-serif;
	color: #414141;
}
td, th {
	padding: 0;
}
body, select, input, textarea, table {
	font: 13px/18px Arial, Helvetica, sans-serif;
	color: #414141;
}
body, select, input, textarea, table, .survey_container span, .survey_container table tr, .survey_container table, .sr_topic label, .sr_topic span, .sr_descriptioncat, .sr_topic p, .sr_topic li, .sr_topic td {
	font-size: 13px !important;
	line-height: 18px !important;
}
.clearfix, #FrontEndForm, .mainSpan, .dropshadow, .contentheader, .contentheader_banner, .content, .content_wrapper, .container, .width_container, .contentheader .title, .contentheader_banner .title, .title_right, .home_collage, .home_columns, .home_buttons, .search_result, .search_result_alternate, .component_listitem, .blog_box_list, .sr_loginform_row, .footer, .title_left, .box_content, input[type=button], input[type=submit] {
	display: inline-block;
}
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
}
label {
	display: inline-block;
	font-size: 13px !important;
	width: inherit;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 0px;
}
.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #f5f5f5;
	border-radius: 4px;
}
.breadcrumb {
	font-size: 90%;
	line-height: 12px;
	margin: 0 0 -12px 0;
	min-height: 12px;
	position: relative;
}
h1, h2, h3 {
     color: #000000; /*color: #E0E0E0;*/         /*#285ef7;*/
}
h1 {
	font-size: 180%;
}
.clearfix, #FrontEndForm, .mainSpan, .dropshadow, .contentheader, .contentheader_banner, .content, .content_wrapper, .container, .width_container, .contentheader .title, .contentheader_banner .title, .title_right, .home_collage, .home_columns, .home_buttons, .search_result, .search_result_alternate, .component_listitem, .blog_box_list, .sr_loginform_row, .footer, .title_left, .box_content {
	display: block;
}
.title_right {
	width: 100%;
}
.printer_friendly, #share, .rss, .feedback, .font_size {
	margin-left: 15px;
	float: right;
	display: inline;
	white-space: nowrap;
}





#siteheader:before
{
    display: none;
}
    #siteheader:before
    {
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.9);
        z-index: 0;
    }

#siteheader
{
    margin-bottom: 0;
    position: relative;
    background: #fff url("_gfx/cmn/mobile/mob_header_bg.jpg") no-repeat center top;
    background-size: cover;
}

#siteheader a#home_link
{
    background: url("_gfx/cmn/mobile/logo.png") no-repeat center center !important;
    height: 65px;
    overflow: hidden;
    position: absolute;
    text-indent: -4000px;
    top: 0px;
    width: 100%;
}




#siteheader > a {
  float: left;
  display: block;
  width: 33.33%;
  height: 26px;
  line-height: 26px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  font-size: 110%;
}



