/* Minification failed. Returning unminified contents.
(10378,12): run-time error CSS1024: Expected media identifier, found '{'
(10392,1): run-time error CSS1019: Unexpected token, found '}'
(10413,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '('
(10420,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '('
(10424,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '('
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

@font-face {
    font-family: 'CenturyGothic';
    src: url('gothic.eot');
    src: url('gothic.eot?#iefix') format('embedded-opentype'), url('gothic.woff') format('woff'), url('gothic.ttf') format('truetype'), url('gothic.svg#gothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'CenturyGothic-Bold';
	src: url('gothicb1.eot');
	src: url('gothicb1.eot?#iefix') format('embedded-opentype'),
	url('gothicb1.woff') format('woff'),
	url('gothicb1.ttf') format('truetype'),
	url('gothicb1.svg#gothicb1') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /*font: inherit;*/
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, logo {
    display: block;
}

body {
    line-height: 1;
    /*max-width:1000px;*/
    /*overflow-x:hidden;*/
    font-family: 'CenturyGothic' !important;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*::-moz-selection{background: #f15a22; color: #fff;}
::selection{background: #f15a22; color: #fff;}*/

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.txt-lft {
    text-align: left;
}

.txt-center {
    text-align: center;
}

.txt-rgt {
    text-align: right;
}

strong {
    font-family: 'CenturyGothic-Bold';
	font-weight:normal;
}

a {
    color: #333;
    text-decoration: none;
}

hr {
    border-top: 1px solid #fbb87e;
    border-bottom: 1px solid #fff;
    border-left: 0;
    border-right: 0;
}

    hr.hline {
        border-top: 1px solid #b9b9b9;
        border-bottom: 1px solid #fff;
        border-left: 0;
        border-right: 0;
    }

.pre {
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word; /* IE 5+ */
}

/*
	Name: Batsan Samuel
	Date: 23rd Feb 2012
*/

/* 3 Feb Starts */
html, body, form {
    height: 100%;
}

.wrapper {
    min-height: 100%;
    position: relative;
    height: auto !important;
    background: url(/images/bg-kpi.jpg) 0 0 repeat-x;
}

.data-container {
    height: 80%;
    width: 100%;
    overflow: hidden;
}

.clear {
    clear: both;
}
/***** Common classes Start *******/
/*input[type="text"], input[type="password"] {
	background: #f1f1f1;
	border: 1px solid #ccc !important;
	border-radius: 5px !important;
	height: 17px !important;
	padding: 3px !important;
}*/
input[type=checkbox], input[type=radio] {
    border: 0 !important;
    box-shadow: none !important;
    width: auto !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.clear {
    clear: both;
}

.no-margin {
    margin: 0 !important;
}

.mar-bot-20 {
    margin-bottom: 20px !important;
}

.mar-bot-5 {
    margin-bottom: 5px !important;
}

.mar-top-5 {
    margin-top: 5px !important;
}

.mar-right-5 {
    margin-right: 5px;
}

.red {
    color: red !important;
}

.normal-font {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-13 {
    font-size: 13px !important;
}

.mar-top-15 {
    margin-top: 15px;
}

.mar-top-20 {
    margin-top: 20px;
}

.mar-top-2 {
    margin-top: 2px;
}

.mar-top-10 {
    margin-top: 10px;
}

.mar-bot-10 {
    margin-bottom: 10px !important;
}

.mar-right-20 {
    margin-right: 20px;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}
/* 3 Feb Ends */

.del-icon i {
    color: red;
    font-size: 18px;
    opacity: 0.6;
    cursor: pointer;
}

    .del-icon i:hover {
        opacity: 1;
    }

table th {
    font-family: 'CenturyGothic-Bold' !important;
    font-weight: normal !important;
}

.boldClass {
    font-family: 'CenturyGothic-Bold' !important;
}

#header-wrap {
    /*position:fixed;*/
    width: 100%;
    /*max-width: 1920px;*/
    float: left;
    height: 85px;
    position: fixed;
    z-index: 10;
    background-size: 100% 100% !important;
    /*background: url(/images/argonaout-header.png) top left no-repeat;*/
    /*background: url(/images/argonaout-header-ie.png) top left no-repeat \0;*/
}

.header-wrap-bg {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 100%;
}
/*change done on 27/11/2012*/
#header-wrap-public {
    width: 100%;
    /*min-width: 1000px;*/
    height: 84px;
    float: left;
    z-index: 10;
}

header {
    width: 27%;
    float: left;
    max-width: 227px;
    margin-left: 1%;
}

    header .logo-holder {
        width: 100%;
        height: 95px;
        position: relative;
        top: 0;
        left: 0;
        float: left;
    }
/*.kpi-map-bg
{
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 727px;
	background: url(/images/bg-kpi.jpg) repeat-x;
}*/
.landing-map-bg {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 727px;
    background: url(/images/bg-landing.jpg) repeat-x;
}

.strip-landing {
    z-index: -1;
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    height: 55px; /*-moz-box-shadow: 3px 1px 3px #333; -webkit-box-shadow: 3px 1px 3px #333; box-shadow: 3px 1px 3px #333; behavior: url(/PIE.htc);*/
}
/*change done on 27/11/2012*/
.strip-landing-public {
    z-index: -1;
    background: #fff;
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    height: 55px;
    -moz-box-shadow: 3px 1px 3px #333;
    -webkit-box-shadow: 3px 1px 3px #333;
    box-shadow: 3px 1px 3px #333;
    behavior: url(/PIE.htc);
}
/*change done on 27/11/2012*/
.strip-kpi {
    z-index: -1;
    position: absolute;
    top: 43px;
    left: 0;
    background: #e3e3e3;
    width: 100%;
    height: 8px;
    -moz-box-shadow: 0 -2px 2px #acacac;
    -webkit-box-shadow: 3px 1px 3px #acacac;
    box-shadow: 0 -2px 2px #acacac;
    behavior: url(/PIE.htc);
}

.logo-bg {
    text-indent: -9999px;
}
/*change done on 27/11/2012*/
.logo-bg-public {
    width: 100%;
    height: 110px;
    max-width: 225px;
    position: absolute;
    top: -30px;
    z-index: 10;
    font: 0;
    border-radius: 25px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    background-color: #fff;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d6d7d6), to(0.50, #fff));
    background: -webkit-linear-gradient(top, #d6d7d6, #fff 50%);
    background: -moz-linear-gradient(top, #d6d7d6, #fff 50%);
    background: -ms-linear-gradient(top, #d6d7d6, #fff 50%);
    background: -o-linear-gradient(top, #d6d7d6, #fff 50%);
    -pie-background: linear-gradient(#d6d7d6, #fff 50%);
    -moz-box-shadow: 3px 0px 8px #333;
    -webkit-box-shadow: 3px 0px 8px #333;
    box-shadow: 3px 0px 8px #333;
    -moz-transform: skewY(-4deg);
    -webkit-transform: skewY(-4deg);
    -o-transform: skewY(-4deg);
    transform: skewY(-4deg);
    behavior: url(/PIE.htc);
}
/*change done on 27/11/2012*/
header .logo {
    padding: 2px 0 0 15px;
    z-index: 10;
    position: absolute;
}
/*change done on 27/11/2012*/
.logo-public {
    padding: 6px 0 0 13%;
    z-index: 10;
    position: absolute;
    max-width: 161px;
    width: 75%;
}

#pamphlet-wrap {
    width: 95%;
    float: left;
    margin-top: 100px;
    margin-bottom: 30px;
    margin-left: 3%;
}

.fixed-height {
    height: 94px;
}
/*change done on 27/11/2012*/
.fixed {
    position: fixed;
    height: 24%;
}
/*change done on 27/11/2012*/

/*======================================*/
.boxer {
    position: relative;
    width: 24.56%;
    top: 0;
    left: 0;
    float: left;
    background: #ffe8d5;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    border-top: 10px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 1px 1px 5px #000;
    -moz-box-shadow: 1px 1px 5px #000;
    box-shadow: 1px 1px 5px #000;
    behavior: url(/PIE.htc);
}

.boxer-inner {
    position: relative;
    width: 29.20%;
    top: 0;
    left: 0;
    float: left;
    background: #ffe8d5;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    border-top: 10px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: 1px 1px 5px #000;
    -moz-box-shadow: 1px 1px 5px #000;
    box-shadow: 1px 1px 5px #000;
    behavior: url(/PIE.htc);
}

.tabs {
    position: absolute;
    top: 15px;
    left: -25px;
    width: 87%;
    height: 23px;
    padding: 7px 15px 0 33px;
    color: #fff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border-left: 1px solid #f18f20;
    background: #df7326;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df7326), to(#f08e21));
    background: -webkit-linear-gradient(top, #df7326, #f08e21);
    background: -moz-linear-gradient(top, #df7326, #f08e21);
    background: -ms-linear-gradient(top, #df7326, #f08e21);
    background: -o-linear-gradient(top, #df7326, #f08e21);
    -pie-background: linear-gradient(#df7326, #f08e21);
    -webkit-box-shadow: 1px 2px 1px #a79990;
    -moz-box-shadow: 1px 2px 1px #a79990;
    box-shadow: 1px 2px 1px #a79990;
    behavior: url(/PIE.htc);
}

.boxer-btm {
    background: #fff;
    width: 100%;
    float: left;
    padding: 6px 0 6px 0;
}

.boxer-body {
    float: left;
    padding: 8px 8px;
    margin-top: 45px;
}

.boxer-body-inner {
    /* this class for inner page footer with fixed height*/
    /*float: left;*/
    height: 340px;
    padding: 8px 8px;
    margin-top: 45px;
}

.boxer-body p {
    font-size: 11px;
    font-family: 'CenturyGothic';
    line-height: 18px;
    color: #333;
}

    .boxer-body p strong {
        font-size: 11px;
        font-family: 'CenturyGothic-Bold';
    }

.boxer-body article p {
    font-size: 11px;
    font-family: 'CenturyGothic';
    color: #333;
    padding: 0;
    line-height: 18px;
}

    .boxer-body article p.blog-title {
        font-size: 11px;
        font-family: 'CenturyGothic-Bold';
        color: #333;
    }

.msg-txt {
    font-size: 13px;
    font-family: 'CenturyGothic';
    font-weight: normal;
    margin-left: 5px;
}

.xpand-btn-join {
    background: #f6f6f6;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -moz-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -ms-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -o-linear-gradient(top, #f6f6f6, #e9e9e9);
    -pie-background: linear-gradient(#f6f6f6, #e9e9e9);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #d9d8d7;
    -moz-box-shadow: 1px 2px 0px #afadad;
    -webkit-box-shadow: 1px 2px 0px #afadad;
    box-shadow: 1px 2px 0px #afadad;
    float: left;
    padding: 3px 15px 3px 45px;
    position: relative;
    behavior: url(/PIE.htc);
}

    .xpand-btn-join a {
        color: #666766;
        text-decoration: none;
        font-size: 10px;
    }

.btn-joinTweet {
    background: url(/images/icons.png) no-repeat -141px 0;
    width: 40px;
    height: 51px;
    position: absolute;
    top: -13px;
    left: -5px;
    float: left;
}

/*---------- Top Navigation ----------*/
/*nav {width:74%; float:right; margin-right:1%; cursor:default;}*/
nav {
    float: right;
    margin-right: 1%;
    cursor: default;
    position: relative;
    z-index: 1;
}

    nav .social-network-holder {
        float: right;
        width: 267px;
        padding: 25px 0 0 0;
    }

        nav .social-network-holder span {
            text-align: left;
            float: left;
            display: block;
            width: 149px;
        }

        nav .social-network-holder h6 {
            font-size: 14px;
            text-align: left;
            line-height: 21px;
            font-family: 'CenturyGothic';
            font-weight: normal;
            color: #000;
            text-transform: uppercase;
            float: left;
            width: 113px;
            padding: 7px 5px 0 0;
        }

    nav .nav-perform, nav .nav-main {
        float: right;
        padding: 4px 0 0 0;
        width: 100%;
        min-width: 500px;
        position: relative;
    }

        nav .nav-perform ul, nav .nav-sub ul, nav .nav-main ul, nav .zoom-panel ul {
            float: right;
        }

    nav .nav-sub {
        float: right;
        width: 100%;
        /*min-width: 500px;*/
        position: relative;
    }

.nav-sub li {
    padding: 3px 0 0 0;
}

.nav-sub ul li.nav-2 {
    padding: 0 !important;
    position: relative;
}

/*.zoom-panel{float:right; padding:0px 1% 0px 0; width:100%; position:relative; height:35px; }*/
.zoom-panel {
    float: right;
    padding: 0px 1% 0px 0;
    top: 14px;
    width: 100%;
    position: relative;
    height: 35px;
    z-index: 0;
}
/*change done on 27/11/2012*/
.zoom-panel-arrow {
    float: right;
    padding: 0px 1% 0px 0;
    top: 14px;
    position: relative;
    right: -10px;
    cursor: pointer;
}

.nav-perform li {
    float: left;
    background: #000;
    margin: 0 3px 0 0;
    font-size: 12px;
    font-family: 'CenturyGothic-Bold';
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

    .nav-perform li a {
        color: #fff;
        text-decoration: none;
        display: block;
    }

    .nav-perform li span {
        padding: 5px 5px 5px 6px;
        display: inline-block;
        float: left;
    }

    .nav-perform li.last {
        margin: 0;
    }

/*span.orange-gradient {width:40px; min-width:31px; text-align:center; float:left; background:#df7326; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df7326), to(#f08e21)); background: -webkit-linear-gradient(top, #df7326, #f08e21); background: -moz-linear-gradient(top, #df7326, #f08e21); background: -ms-linear-gradient(top, #df7326, #f08e21); background: -o-linear-gradient(top, #df7326, #f08e21);}*/
span.orange-gradient {
    width: 40px;
    min-width: 31px;
    text-align: center;
    float: left;
}

span.red-gradient {
    width: 37px;
    min-width: 31px;
    text-align: center;
    float: right;
}

span.green-gradient {
    width: 37px;
    min-width: 31px;
    text-align: center;
    float: right;
}

.nav-sub li {
    float: left;
    margin-left: 4px; /*min-width:155px;*/
}

    .nav-sub li span.frmNav-sub {
        padding: 0 1px 0 1px;
        background: none;
        border: 0;
        border-radius: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .nav-sub li span.frmNav-sub input[type=text] {
            height: 18px;
            width: 190px;
            padding: 2px 3px 2px 3px;
            background-color: #fff;
            border: 1px solid #ccc;
            color: #343434;
            font-size: 11px;
            font-family: 'CenturyGothic';
            float: left;
        }

        .nav-sub li span.frmNav-sub button {
            height: 22px;
            width: 22px;
            margin-left: 2px;
            cursor: pointer;
            font-size: 10px;
            vertical-align: sub;
            color: #fff;
            text-align: center;
            border: 0px solid #ccc;
            border-radius: 50px;
            border-radius: 50px;
            -webkit-border-radius: 50px;
            -khtml-border-radius: 50px;
            background: #ccc;
            background-repeat: repeat-x;
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#333));
            background: -webkit-linear-gradient(top, #ccc, #333);
            background: -moz-linear-gradient(top, #ccc, #333);
            background: -ms-linear-gradient(top, #ccc, #333);
            background: -o-linear-gradient(top, #ccc, #333);
            -pie-background: linear-gradient(#ccc, #333);
            behavior: url(/PIE.htc);
            float: left;
        }
    /*.nav-sub li span {display:block; text-align:center;	-moz-box-shadow: 0 0 1px #333; -webkit-box-shadow: 0 0 1px #333; box-shadow: 0 0 1px #333; background:#e3e3e3; padding:3px 8px 4px 8px; border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; font-size:10px;	font-family:"CenturyGothic"; color:#343434; behavior: url(/PIE.htc);}*/
    .nav-sub li span {
        display: block;
        text-align: center;
        font-size: 10px;
        font-family: 'CenturyGothic';
        color: #fff; /*-moz-box-shadow: 0 0 1px #333; -webkit-box-shadow: 0 0 1px #333; box-shadow: 0 0 1px #333; background:#e3e3e3; padding:3px 8px 4px 8px; border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; */ /*behavior: url(/PIE.htc);*/
    }
        /*change done on 27/11/2012*/
        .nav-sub li span a {
            color: #fff;
        }

.nav-Time {
    width: 147px;
    display: inline-block;
}

nav .nav-main li {
    float: left;
    display: inline-block;
    padding: 6px 2px 6px 2px;
    min-width: 117px;
    margin-left: 2px;
    border: 0px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #df7326;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df7326), to(#f08e21));
    background: -webkit-linear-gradient(top, #df7326, #f08e21);
    background: -moz-linear-gradient(top, #df7326, #f08e21);
    background: -ms-linear-gradient(top, #df7326, #f08e21);
    background: -o-linear-gradient(top, #df7326, #f08e21);
    -pie-background: linear-gradient(#df7326, #f08e21);
    behavior: url(/PIE.htc);
}

.nav-main li:hover {
    background: #faa13f;
    border: 0;
    -webkit-box-shadow: 1px 1px 0 #a79990;
    -moz-box-shadow: 1px 1px 0 #a79990;
    box-shadow: 1px 1px 0 #a79990;
    behavior: url(/PIE.htc);
}

nav .nav-main li a {
    display: block;
    text-align: center;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    font-family: 'CenturyGothic-Bold';
}

.zoom-panel li {
    float: left;
    display: block;
}

    .zoom-panel li.white-space {
        width: 48px;
    }


/*--- fixed width menu on 10/5/2012 ---*/
.nav-perform .nav-1 {
    width: 193px;
}

.nav-perform .nav-2 {
    width: 126px;
}

.nav-perform .nav-3 {
    width: 121px;
}

.nav-perform .nav-4 {
    width: 100px;
}

.nav-perform .nav-5 {
    width: 185px;
}

/*.nav-sub .nav-1{min-width:181px;}*/
/*.nav-sub .nav-2{min-width:239px;}*/
/*.nav-sub .nav-3{min-width:198px;}*/
/*.nav-sub .nav-4{min-width:164px;}*/

/*---------- Top Navigation commented on 13-march-2012 :start ----------*/
/*nav {width:74%; float:right; margin-right:1%; cursor:default;}
nav .social-network-holder {float:right; width:267px; padding:25px 0 0 0;}
nav .social-network-holder span {text-align:left; float:left; display:inline-block; width:149px;}
nav .social-network-holder h6 {font-size:14px; text-align:left; line-height:21px; font-family:"CenturyGothic";	color:#000; text-transform:uppercase; float:left; width:113px; padding:7px 5px 0 0;}
nav .nav-perform {float:right; padding:3px 0 0 0; width:737px;}
.nav-perform li {float:left; background:#000; margin: 0 3px 0 0; font-size:12px; font-family:"CenturyGothic"; font-weight:bold; text-transform:uppercase; color:#fff;}
.nav-perform li.last {margin:0;}
.nav-perform li a{color:#fff; text-decoration:none;}
.nav-perform li span {padding:5px 5px 5px 6px; display:inline-block;}
span.orange-gradient {width:31px; text-align:center; background:#f08e21; float:right; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f08e21), to(#df7326)); background: -webkit-linear-gradient(top, #df7326, #f08e21); background: -moz-linear-gradient(top, #df7326, #f08e21); background: -ms-linear-gradient(top, #df7326, #f08e21); background: -o-linear-gradient(top, #df7326, #f08e21);}
span.red-gradient {width:31px; text-align:center; background:#fc0000; float:right; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fc0000), to(#a90000)); background: -webkit-linear-gradient(top, #fc0000, #a90000); background: -moz-linear-gradient(top, #fc0000, #a90000); background: -ms-linear-gradient(top, #fc0000, #a90000); background: -o-linear-gradient(top, #fc0000, #a90000);}
span.green-gradient {width:31px; text-align:center;	background:#8dba19;	float:right; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8dba19), to(#50820f)); background: -webkit-linear-gradient(top, #8dba19, #50820f);	background: -moz-linear-gradient(top, #8dba19, #50820f); background: -ms-linear-gradient(top, #8dba19, #50820f); background: -o-linear-gradient(top, #8dba19, #50820f);}
nav .nav-sub {float:right; width:740px;	padding:5px 0 0 0;}
.nav-sub li {float:left; margin-left:5px;}
.nav-sub li span.frmNav-sub {padding:0 1px 0 1px; background:none; border:0; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.nav-sub li span.frmNav-sub input[type=text] {height:18px; width:178px;	padding:2px 3px 2px 3px; background-color:#fff;	border:1px solid #ccc;/*	margin:0; border-left:0; border-bottom:0; border-top:0;*/ /*color:#343434; font-size:11px; font-family:"CenturyGothic";}
.nav-sub li span.frmNav-sub button {height:22px; width:22px; border:0px solid #ccc; border-radius:50px; cursor:pointer; font-size:10px;	vertical-align:middle; color:#fff; margin-left:5px;	margin-top:-3px; padding:0; text-align:center; border-radius:50px;	-webkit-border-radius:50px;	-khtml-border-radius:50px; background:#ccc; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#333)); background: -webkit-linear-gradient(top, #ccc, #333); background: -moz-linear-gradient(top, #ccc, #333); background: -ms-linear-gradient(top, #ccc, #333);	background: -o-linear-gradient(top, #ccc, #333);}
.nav-sub li span {display:block; text-align:center;	-moz-box-shadow: 0 0 1px #333; -webkit-box-shadow: 0 0 1px #333; box-shadow: 0 0 1px #333; background:#e3e3e3; padding:6px 8px 5px 8px; border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; font-size:11px;	font-family:"CenturyGothic"; color:#343434;}
nav .nav-main {float:right; width:740px; padding:5px 0 0 0;}
nav .nav-main li {float:left;/*padding:6px 20px 6px 19px; --*/ /*padding:6px 14.5px 6px 15px;/*updated for settings tab*/ /*margin-left:2px; border:0px solid #ccc; border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#df7326; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df7326), to(#f08e21)); background: -webkit-linear-gradient(top, #df7326, #f08e21); background: -moz-linear-gradient(top, #df7326, #f08e21); background: -ms-linear-gradient(top, #df7326, #f08e21); background: -o-linear-gradient(top, #df7326, #f08e21);}
nav .nav-main li.first {margin-left:3px;}
.nav-main li:hover {background:#f08e21; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#faa13f), to(#faa13f)); background: -webkit-linear-gradient(top, #faa13f, #faa13f); background: -moz-linear-gradient(top, #faa13f, #faa13f); background: -ms-linear-gradient(top, #faa13f, #faa13f); background: -o-linear-gradient(top, #faa13f, #faa13f); border:0; -webkit-box-shadow: 1px 1px 0 #a79990; -moz-box-shadow: 1px 1px 0 #a79990; box-shadow: 1px 1px 0 #a79990;}
nav .nav-main li a {text-align:center; display:block; color:#fff; font-family:"CenturyGothic"; font-size:12px; font-weight:bold;}*/
/*---------- Top Navigation commented on 13-march-2012 :end ----------*/

/*---------- Down-arrow button ----------*/
.circle {
    margin-bottom: -3px;
    box-shadow: none;
    width: 12px;
    height: 12px;
    display: inline-block;
    color: #fff;
    line-height: 10px;
    text-align: center;
    border-radius: 50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    border: 1px solid #ccc;
    background: #e0e0e0;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e0e0), to(#f7f7f7));
    background: -webkit-linear-gradient(top, #e0e0e0, #f7f7f7);
    background: -moz-linear-gradient(top, #e0e0e0, #f7f7f7);
    background: -ms-linear-gradient(top, #e0e0e0, #f7f7f7);
    background: -o-linear-gradient(top, #e0e0e0, #f7f7f7);
    -pie-background: linear-gradient(#e0e0e0, #f7f7f7);
    behavior: url(/PIE.htc);
}

.downarrow {
    width: 0;
    margin: 5px 0 0 3px;
    float: left;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #656565;
}

/*---------- Master body wrapper class ----------*/
#master-wrap {
    width: 100%;
    height: 100%;
    /* float: left;*/ /*margin-top:15px; position:relative; margin-bottom:15px;*/
    position: relative \0;
    min-width: 1024px;
}

/*---------- KPI graph ----------*/
.ps-top-to-bottom {
    width: 98%;
    float: left;
    position: relative;
    left: 1%;
    right: 0;
    border-top: 1px solid #ccc;
    background-color: #fff;
}

    .ps-top-to-bottom:before, .ps-top-to-bottom:after {
        content: "";
        position: absolute;
        top: -1px;
        bottom: -1px;
        width: 1px;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ccc), to(fff));
        background-image: -webkit-linear-gradient(#ccc 1%, #fff);
        background-image: -moz-linear-gradient(#ccc 1%, #fff);
        background-image: -o-linear-gradient(#ccc 1%, #fff);
        -pie-background: linear-gradient(#ccc, #fff);
        behavior: url(/PIE.htc);
        border: 1px solid #d1d1d1 \0;
    }

    .ps-top-to-bottom:before {
        left: -1px;
    }

    .ps-top-to-bottom:after {
        right: -1px;
        background-color: #fff;
    }

.chart-box {
    width: 96%;
    padding: 20px 0;
    margin-left: 2%;
    float: left;
}

.chart-title span {
    color: #fff;
    text-transform: uppercase;
}

.chart-title {
    width: 98%;
    margin-left: 1%;
    border-radius: 10px 10px 0 0;
    /*border-top-right-radius: 10px;
	border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-radius-topleft: 10px;*/
    background: #c9c9c9;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c9c9c9), to(#939393));
    background: -webkit-linear-gradient(top, #c9c9c9, #939393);
    background: -moz-linear-gradient(top, #c9c9c9, #939393);
    background: -ms-linear-gradient(top, #c9c9c9, #939393);
    background: -o-linear-gradient(top, #c9c9c9, #939393);
    -pie-background: linear-gradient(#c9c9c9, #939393);
    behavior: url(/PIE.htc);
    position: relative;
}

.black-sleek {
    width: 58%;
    padding: 8px 15px;
    position: relative;
    border-radius: 10px 0px 0 0;
    /*border-top-left-radius: 10px;
	-webkit-border-radius-topleft: 10px;
	border-radius-topleft: 10px;*/
    background: #595959;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#595959), to(#343434));
    background: -webkit-linear-gradient(top, #595959, #343434);
    background: -moz-linear-gradient(top, #595959, #343434);
    background: -ms-linear-gradient(top, #595959, #343434);
    background: -o-linear-gradient(top, #595959, #343434);
    -pie-background: linear-gradient(#595959, #343434);
    behavior: url(/PIE.htc);
}

.adherence-sleek {
    width: 65%;
    padding: 8px 15px;
    position: relative;
    border-top-left-radius: 10px;
    -webkit-border-radius-topleft: 10px;
    border-radius-topleft: 10px;
    background: #595959;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#595959), to(#343434));
    background: -webkit-linear-gradient(top, #595959, #343434);
    background: -moz-linear-gradient(top, #595959, #343434);
    background: -ms-linear-gradient(top, #595959, #343434);
    background: -o-linear-gradient(top, #595959, #343434);
    -pie-background: linear-gradient(#595959, #343434);
    behavior: url(/PIE.htc);
}

.traffic-sleek {
    width: 56%;
    padding: 8px 15px;
    position: relative;
    border-top-left-radius: 10px;
    -webkit-border-radius-topleft: 10px;
    border-radius-topleft: 10px;
    background: #595959;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#595959), to(#343434));
    background: -webkit-linear-gradient(top, #595959, #343434);
    background: -moz-linear-gradient(top, #595959, #343434);
    background: -ms-linear-gradient(top, #595959, #343434);
    background: -o-linear-gradient(top, #595959, #343434);
    -pie-background: linear-gradient(#595959, #343434);
    behavior: url(/PIE.htc);
}

.system-sleek {
    width: 73%;
    padding: 8px 15px;
    position: relative;
    border-top-left-radius: 10px;
    -webkit-border-radius-topleft: 10px;
    border-radius-topleft: 10px;
    background: #595959;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#595959), to(#343434));
    background: -webkit-linear-gradient(top, #595959, #343434);
    background: -moz-linear-gradient(top, #595959, #343434);
    background: -ms-linear-gradient(top, #595959, #343434);
    background: -o-linear-gradient(top, #595959, #343434);
    -pie-background: linear-gradient(#595959, #343434);
    behavior: url(/PIE.htc);
}

.red-arrow {
    width: 0;
    position: absolute;
    top: 0;
    right: -16px;
    height: 0;
    border-left: 16px solid #f35e22;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
}

.chart-body {
    border-radius: 4px;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 5px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d9d8d7;
}

.chart-foot {
    float: left;
    width: 100%;
    margin-top: 10px;
    position: relative;
    top: 0;
    left: 0;
}

/*---------- down arrow in kpi graph button | position:up ----------*/
.curvedarrow {
    width: 0;
    height: 0;
    margin: 5px 0 0 20px;
    float: left;
    border-top: 15px solid transparent;
    border-right: 15px solid #fff;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
}

    .curvedarrow:after {
        content: "";
        position: absolute;
        border: 0 solid transparent;
        border-top: 12px solid #fff;
        border-radius: 0;
        top: -23px;
        left: -3px;
        width: 15px;
        height: 5px;
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
    }

/*---------- down arrow in kpi graph button | position:down ----------*/
.curvedarrow-down {
    width: 0;
    height: 0;
    margin: 15px 0 0 20px;
    float: left;
    border-top: 12px solid transparent;
    border-right: 12px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

    .curvedarrow-down:after {
        content: "";
        position: absolute;
        border: 0 solid transparent;
        border-top: 8px solid #fff;
        border-radius: 0;
        margin-top: -15px;
        top: -2px;
        left: -15px;
        width: 20px;
        height: 20px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

/*----kpi buttons ----*/
.btn-kpi-green {
    float: left;
    width: 10%;
    height: 32px;
    text-align: center;
    margin-right: 10px;
    background: #50820f;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#50820f), to(#8dba19));
    background: -webkit-linear-gradient(top, #8dba19, #50820f);
    background: -moz-linear-gradient(top, #8dba19, #50820f);
    background: -ms-linear-gradient(top, #8dba19, #50820f);
    background: -o-linear-gradient(top, #8dba19, #50820f);
    -pie-background: linear-gradient(#8dba19, #50820f);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #417000;
    behavior: url(/PIE.htc);
}

.kpi-btn-whitetxt {
    float: left;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 1px #3d5f0c;
    margin: 5px 0 0 10px;
    font-family: 'CenturyGothic-Bold';
}

.btn-kpi-orange {
    background: #df7326;
    width: 130px;
    height: 32px;
    text-align: center;
    float: left;
    display: inline-block;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#df7326), to(#f08e21));
    background: -webkit-linear-gradient(top, #df7326, #f08e21);
    background: -moz-linear-gradient(top, #df7326, #f08e21);
    background: -ms-linear-gradient(top, #df7326, #f08e21);
    background: -o-linear-gradient(top, #df7326, #f08e21);
    background: -o-linear-gradient(top, #df7326, #f08e21);
    -pie-background: linear-gradient(#df7326, #f08e21);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #c9420b;
    behavior: url(/PIE.htc);
    position: relative;
}

.kpi-btn-viewdetailtxt {
    float: left;
    font-size: 11px;
    color: #fff;
    text-shadow: 1px 1px 1px #903c1a;
    margin: 10px 0 0 20px;
    font-family: 'CenturyGothic-Bold';
}

.btn-kpi-red {
    background: #fc0000;
    float: left;
    width: 10%;
    height: 32px;
    text-align: center;
    margin-right: 10px;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a90000), to(#fc0000));
    background: -webkit-linear-gradient(top, #fc0000, #a90000);
    background: -moz-linear-gradient(top, #fc0000, #a90000);
    background: -ms-linear-gradient(top, #fc0000, #a90000);
    background: -o-linear-gradient(top, #fc0000, #a90000);
    -pie-background: linear-gradient(#fc0000, #a90000);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #7f000e;
    behavior: url(/PIE.htc);
}

.btn-kpi-gray {
    background: #f7f7f7;
    float: left;
    height: 32px;
    text-align: center;
    margin-right: 10px;
    padding-right: 5px;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#e0e0e0));
    background: -webkit-linear-gradient(top, #e0e0e0, #f7f7f7);
    background: -moz-linear-gradient(top, #e0e0e0, #f7f7f7);
    background: -ms-linear-gradient(top, #e0e0e0, #f7f7f7);
    background: -o-linear-gradient(top, #e0e0e0, #f7f7f7);
    -pie-background: linear-gradient(#e0e0e0, #f7f7f7);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    behavior: url(/PIE.htc);
    position: relative;
}

.btn-kpi-graySml {
    background: #f7f7f7;
    width: 50px;
    float: left;
    height: 19px;
    text-align: center;
    padding: 3px 0 0 0;
    margin: 4px 0 0 5px;
    font-size: 13px;
    font-family: 'CenturyGothic-Bold';
    color: #696969;
    text-shadow: 1px 1px 1px #fff;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#e0e0e0));
    background: -webkit-linear-gradient(top, #e0e0e0, #f7f7f7);
    background: -moz-linear-gradient(top, #e0e0e0, #f7f7f7);
    background: -ms-linear-gradient(top, #e0e0e0, #f7f7f7);
    background: -o-linear-gradient(top, #e0e0e0, #f7f7f7);
    -pie-background: linear-gradient(#e0e0e0, #f7f7f7);
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    behavior: url(/PIE.htc);
    position: relative;
}

.kpi-btn-servicetxt {
    float: left;
    font-size: 13px;
    text-align: left;
    width: 205px;
    color: #696969;
    text-shadow: 1px 1px 1px #fff;
    margin: 8px 0 0 20px;
    font-family: 'CenturyGothic-Bold';
}

/*---- Bottom area with Tweet and Login ----*/
#btm-wrap {
    width: 97%;
    float: left;
    padding: 25px 1% 25px 2%;
    background: #e5e8e9;
    border-top: 1px solid #e1e5e6;
    border-bottom: 1px solid #e1e5e6;
}

#btm-wrap-inner {
    /*background:#e5e8e9;*/
    background: none;
    border-top: 1px solid #e1e5e6; /*border-bottom:1px solid #e1e5e6;*/
    width: 97%;
    float: left;
    padding: 15px 1% 5px 2%;
}

.btm-panel-mid {
    /*padding:22px 0;*/
    width: 96%;
    margin-left: 2%;
    margin-right: 1%;
    float: left;
}

.brdr-right {
    border-right: 1px solid #d5d7d7;
}

.btm-panel-margin h4 span {
    color: #939697;
    font-family: 'CenturyGothic-Bold';
    padding: 6px 10px 0 0;
    float: left;
    text-shadow: 1px 1px 1px #fff;
    behavior: url(/PIE.htc);
}

/*---- Footer ----*/
#foot-wrap {
    width: 100%;
    float: left;
    margin: 08px 0 08px 0;
    height: 68px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    -moz-box-shadow: 2px 1px 5px #afadad;
    -webkit-box-shadow: 2px 1px 5px #afadad;
    box-shadow: 2px 1px 5px #afadad;
    background: #fff;
    behavior: url(/PIE.htc);
}

footer {
    width: 100%;
}

    footer .btmLink {
        text-align: center;
        width: 650px;
        margin: 0 auto;
    }

    footer .foot-copyright {
        width: 100%;
        padding: 13px 0 0 0;
    }

    footer .foot-link, footer .foot-copy {
        text-align: center;
        font-family: 'CenturyGothic-Bold';
        font-size: 12px;
        color: #333;
        text-decoration: none;
        padding: 0 0 8px 0;
    }

        footer .foot-link a {
            color: #333;
            text-decoration: none;
        }

            footer .foot-link a:hover {
                color: #df7226;
            }

h4, h4 span {
    color: #939697;
    font-family: 'CenturyGothic-Bold';
    padding: 6px 10px 0 0;
    float: left;
    text-shadow: 1px 1px 1px #fff;
}

p {
    font-size: 11px;
    line-height: 18px;
    color: #333;
}

article p {
    font-size: 11px;
    color: #333;
    padding: 0;
    line-height: 18px;
}

    article p.blog-title {
        font-family: 'CenturyGothic-Bold';
        font-size: 11px;
        color: #333;
    }

.xpand-btn-join {
    float: left;
    padding: 3px 15px 3px 45px;
    position: relative;
    background: #f6f6f6;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -moz-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -ms-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -o-linear-gradient(top, #f6f6f6, #e9e9e9);
    -pie-background: linear-gradient(#f6f6f6, #e9e9e9);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #d9d8d7;
    -moz-box-shadow: 1px 2px 0px #afadad;
    -webkit-box-shadow: 1px 2px 0px #afadad;
    box-shadow: 1px 2px 0px #afadad;
    behavior: url(/PIE.htc);
}

    .xpand-btn-join a {
        color: #666766;
        text-decoration: none;
        font-size: 10px;
    }

/*---- Button ----*/
.btn-readmore {
    color: #666766;
    text-decoration: none;
    font-size: 10px;
    border-radius: 10px;
    border: 1px solid #d9d8d7;
    padding: 3px 8px;
    float: right;
    background: #f6f6f6;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -moz-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -ms-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -o-linear-gradient(top, #f6f6f6, #e9e9e9);
    -pie-background: linear-gradient(#f6f6f6, #e9e9e9);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 1px 2px 0px #afadad;
    -webkit-box-shadow: 1px 2px 0px #afadad;
    box-shadow: 1px 2px 0px #afadad;
    behavior: url(/PIE.htc);
    position: relative;
}

.btn-comments {
    padding: 3px 8px;
    float: left;
    margin: 6px 15px 0 0;
    font-family: 'CenturyGothic-Bold';
    color: #666766;
    font-size: 12px;
    text-decoration: none;
    background: #f6f6f6;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -moz-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -ms-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -o-linear-gradient(top, #f6f6f6, #e9e9e9);
    -pie-background: linear-gradient(#f6f6f6, #e9e9e9);
    border-radius: 4px;
    border: 1px solid #c5ced6;
    box-shadow: 1px 1px 2px #e9d5c5;
}

.btn-4-rad {
    padding: 3px 8px;
    float: left;
    color: #666766;
    font-size: 12px;
    text-decoration: none;
    background: #eaeaea;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -moz-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -ms-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -o-linear-gradient(top, #f6f6f6, #e9e9e9);
    -pie-background: linear-gradient(#f6f6f6, #e9e9e9);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #c5ced6; /*-moz-box-shadow: 0 0 1px #ccc; -webkit-box-shadow: 1px 0 1px #ccc; box-shadow: 0 0 1px #ccc;*/
    behavior: url(/PIE.htc);
    position: relative;
    font-family: 'CenturyGothic' !important;
}
/*-- done by prapti**/
.data-dropdown a.ui-state-default, .data-dropdown a.abtn {
    background: #FFE9D5;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#FFE9D5));
    background: -webkit-linear-gradient(top, #f6f6f6, #FFE9D5);
    background: -moz-linear-gradient(top, #f6f6f6, #FFE9D5);
    background: -ms-linear-gradient(top, #f6f6f6, #FFE9D5);
    background: -o-linear-gradient(top, #f6f6f6, #FFE9D5);
    -pie-background: linear-gradient(#f6f6f6, #FFE9D5);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #aaa;
    width: 90px;
    padding: 2px 0 2px 0;
}

a.assign-vehicle {
    background: #FFE9D5;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#FFE9D5));
    background: -webkit-linear-gradient(top, #f6f6f6, #FFE9D5);
    background: -moz-linear-gradient(top, #f6f6f6, #FFE9D5);
    background: -ms-linear-gradient(top, #f6f6f6, #FFE9D5);
    background: -o-linear-gradient(top, #f6f6f6, #FFE9D5);
    -pie-background: linear-gradient(#f6f6f6, #FFE9D5);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #aaa;
    width: 90% !important;
    padding: 1px;
    font-weight: bold;
    display: block;
    margin: 1px auto;
}

label.assign-vehicle {
    background: #FFE9D5;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#FFE9D5));
    background: -webkit-linear-gradient(top, #f6f6f6, #FFE9D5);
    background: -moz-linear-gradient(top, #f6f6f6, #FFE9D5);
    background: -ms-linear-gradient(top, #f6f6f6, #FFE9D5);
    background: -o-linear-gradient(top, #f6f6f6, #FFE9D5);
    -pie-background: linear-gradient(#f6f6f6, #FFE9D5);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #aaa;
    width: 90% !important;
    padding: 1px;
    font-weight: bold;
    display: block;
    margin: 1px auto;
    cursor: pointer;
}

.btn-NoRecord {
    background-color: #da7d83;
    background-repeat: repeat;
    background: -moz-linear-gradient(-90deg, #da7d83, #da7d83 50%, #ca444e 50%, #ca444e);
    background: -ms-linear-gradient(-90deg, #da7d83, #da7d83 50%, #ca444e 50%, #ca444e);
    background: -o-linear-gradient(-90deg, #da7d83, #da7d83 50%, #ca444e 50%, #ca444e);
    background: -webkit-gradient(linear, left top, left bottom, from(#da7d83), color-stop(0.5, #da7d83), color-stop(0.5, #ca444e), to(#ca444e));
    background: linear-gradient(-90deg, #da7d83, #da7d83 50%, #ca444e 50%, #ca444e);
    border: 3px solid #fff;
    border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0, 1);
    -ms-box-shadow: 0 2px 2px rgba(0,0,0, 1);
    -o-box-shadow: 0 2px 2px rgba(0,0,0, 1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0, 1);
    box-shadow: 0 2px 2px rgba(0,0,0, 1);
    color: #fff;
    font: bold 80px/80px Arial;
    height: 80px;
    text-align: center;
    text-shadow: 0 -1px #b30000, 0px 2px #fff;
    width: 80px;
    margin: 10px auto;
    text-align: center;
    behavior: url(/PIE.htc);
    position: relative;
}

    .btn-NoRecord span {
        -webkit-transform: rotate(340deg);
        -o-transform: rotate(340deg);
        -moz-transform: rotate(340deg);
        display: block;
    }

.btn-dash {
    background-color: #da7d83;
    background-repeat: repeat;
    background: -moz-linear-gradient(-90deg, #313431, #494949 50%, #313431 50%, #494949);
    background: -ms-linear-gradient(-90deg, #000, #494949 50%, #000 50%, #494949);
    background: -o-linear-gradient(-90deg, #313431, #494949 50%, #313431 50%, #494949);
    background: -webkit-gradient(linear, left top, left bottom, from(#313431), color-stop(0.5, #494949), color-stop(0.5, #313431), to(#494949));
    background: linear-gradient(-90deg, #313431, #494949 50%, #313431 50%, #494949);
    border: 3px solid #fff;
    border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0, 1);
    -ms-box-shadow: 0 2px 2px rgba(0,0,0, 1);
    -o-box-shadow: 0 2px 2px rgba(0,0,0, 1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0, 1);
    box-shadow: 0 2px 2px rgba(0,0,0, 1);
    color: #fff;
    font: bold 80px/80px Arial;
    height: 98px;
    text-align: center;
    text-shadow: 0 -1px #fff, 0px 2px #fff;
    width: 98px;
    margin: 10px auto;
    text-align: center;
}

    .btn-dash span {
        /*-webkit-transform:rotate(340deg); -o-transform:rotate(340deg);  -moz-transform: rotate(340deg); */
        display: block;
        color: #fff;
    }




/*---- Heading Styles ----*/
h6 {
    font-size: 13px;
    font-family: 'CenturyGothic-Bold';
    color: #333;
    font-weight: normal;
}

h5 {
    font-size: 15px;
    font-family: 'CenturyGothic-Bold';
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}

h3 {
    font-size: 17px;
    font-family: 'CenturyGothic-Bold';
    color: #fff;
    text-transform: capitalize;
    font-weight: normal;
}

h2 {
    font-size: 17px;
    font-family: 'CenturyGothic-Bold';
    color: #333;
    font-weight: normal;
}

/*WCAG compliance // ICR - 14142*/

/*strong {
    font-size: 17px;
    font-family: 'CenturyGothic-Bold';
    color: #333;
    font-weight: normal;
      padding: 0px 0 8px;
}

.strongFilter {
    padding-bottom:7px;
     padding: 0px 0 8px;
    font-size: 13px;
    font-family: 'CenturyGothic-Bold';
    color: #333;
    font-weight: normal;
      vertical-align: bottom;
}*/


/*---- general margin Styles ----*/
.mgn-r-2 {
    margin-right: 2%;
}

.mgn-r-3 {
    margin-right: 3%;
}

.mgn-r-5 {
    margin-right: 5%;
}

.mgn-r-10 {
    margin-right: 10%;
}

.mgn-t-30 {
    margin-top: 30px;
}

.margin-R140 {
    margin-right: 139px;
}

.margin-T26 {
    margin-top: 26px;
}

.margin-T6 {
    margin-top: 6px;
}

.margin-T10 {
    margin-top: 10px;
}

.margin-B10 {
    margin-bottom: 10px;
}

.margin-TB10 {
    margin-bottom: 10px;
    margin-top: 15px;
}

.margin-R5 {
    margin-right: 5px;
}

.margin-R15 {
    margin-right: 15px;
}

.margin-L5 {
    margin-left: 5px;
}

.margin-L1 {
    margin-left: 1%;
}

.margin-LR1 {
    margin-left: 1%;
    margin-right: 1%;
}

.pad-t5 {
    padding-top: 5px;
}

.pad-l5 {
    padding-left: 1%;
}

.pad-tb-3 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.pad-tb-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pad-lr-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.pad-lr-3 {
    padding-left: 5px;
    padding-right: 5px;
}


.grid-20 {
    width: 20%;
    float: left;
}

.grid-25 {
    width: 25%;
    float: left;
}

.grid-30 {
    width: 30%;
    float: left;
}

.grid-40 {
    width: 40%;
    float: left;
}

.grid-48 {
    width: 48%;
    float: left;
}

.grid-49 {
    width: 49%;
    float: left;
}

.grid-50 {
    width: 50%;
    float: left;
}

.grid-70 {
    width: 70%;
    float: left;
}

.grid-98 {
    width: 98%;
    float: left;
}

/* icons */
.icon-myspace {
    width: 34px;
    height: 34px;
    background: url(/images/icons.png) no-repeat 0 0;
}

.icon-fb {
    width: 34px;
    height: 34px;
    background: url(/images/icons.png) no-repeat -35px 0;
}

.icon-tweet {
    width: 34px;
    height: 34px;
    background: url(/images/icons.png) no-repeat -70px 0;
}

.icon-rss {
    width: 34px;
    height: 34px;
    background: url(/images/icons.png) no-repeat -105px 0;
}

.icon-tweetFeed {
    width: 37px;
    height: 32px;
    background: url(/images/icons.png) no-repeat -182px 0;
}

.iconeye {
    cursor: pointer;
    background: url("/images/Eye.gif") no-repeat;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 19px;
    height: 11px;
}

.active_iconeye {
    cursor: pointer;
    background: url("/images/active_eye.gif") no-repeat;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 19px;
    height: 15px;
}
/*table#publicServiceGrid tbody tr td div.icon-imgNotFound , table#grid tbody tr td div.icon-imgNotFound {background: -moz-linear-gradient(-90deg, #da7d83, #da7d83 50%, #ca444e 50%, #ca444e); background: -ms-linear-gradient(-90deg, #da7d83, #da7d83 50%, #ca444e 50%, #ca444e); background: -o-linear-gradient(-90deg, #da7d83, #da7d83 50%, #ca444e 50%, #ca444e); background: -webkit-gradient(linear, left top, left bottom, from(#da7d83), color-stop(0.5, #da7d83), color-stop(0.5, #ca444e), to(#ca444e)); background: linear-gradient(-90deg, #da7d83, #da7d83 50%, #ca444e 50%, #ca444e); border: 2px solid #fff; border-radius: 80px; -ms-border-radius: 80px; -o-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px; -moz-box-shadow: 0 0 1px rgba(0,0,0, 1); -ms-box-shadow: 0 1px 2px rgba(0,0,0, 1); -o-box-shadow: 0 1px 2px rgba(0,0,0, 1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0, 1);	box-shadow: 0 0 1px rgba(0,0,0, 1); color: #fff; font: bold 22px/19px Arial; height:20px; text-align: center; text-shadow: 0 -1px #b30000, 0px 2px #fff; width: 20px; margin:1px 0 2px 0; text-align:center; display:block; float:left; min-height:15px;}
div.icon-imgNotFound span{-webkit-transform:rotate(340deg); -o-transform:rotate(340deg);  -moz-transform: rotate(340deg); display:block;}
table#publicServiceGrid tbody tr td p.imgNotFound{float:left; display:block; width:100px; margin:5px 0 0 5px; text-align:left; line-height:20px; font-size:11px; vertical-align:middle;}*/
.imgNotFound {
    background: url(/Media/Images/Operator/no-logo.png) no-repeat left center;
    margin: 3px auto;
    padding-left: 22px;
    text-align: left;
    width: 50px;
    height: 19px;
}

/* Tweet box */
div#tweets {
    float: left;
    width: 92%;
}

/* Login box */
.login-box {
    width: 92%;
    min-height: 215px;
    float: right;
    background-color: #ffffff;
    padding: 15px 0 15px 0;
    border: 1px solid #c3c5c6;
    border-radius: 10px;
    -moz-box-shadow: 0 2px 5px #bababa;
    -webkit-box-shadow: 0 2px 5px #bababa;
    box-shadow: 0 2px 5px #bababa;
    font-size: 12px;
    behavior: url(/PIE.htc);
    position: relative;
}

.simple-login-box .login-box {
    width: 40%;
    float: none;
    margin: 0 auto;
    position: relative;
    clear: both;
    height: 290px;
}

.login-box-top {
    float: left;
    width: 400px;
    height: 17px;
}

.login-box-mid {
    float: left;
    width: 400px;
    background: url(/images/login-box-bg.png) repeat-y top left;
}

.login-box h4 {
    color: #939697;
    width: 100%;
    text-align: center;
    font-family: 'CenturyGothic-Bold';
    padding: 13px 0 20px 0;
    text-shadow: 1px 1px 1px #fff;
}

.login-box-frmCenter span {
    color: #939697;
    font-size: 12px;
}

.login-box-frmCenter ul li {
    width: 100%;
    float: left;
    position: relative;
}

.login-box-btm {
    float: left;
    width: 400px;
    height: 33px;
}

.login-box-frmCenter {
    margin-left: 20%;
    width: 60%;
    float: left;
}

.login-box-pwd {
    color: #7a7a7a;
    text-align: center;
    font-size: 11px;
    text-shadow: 1px 1px 1px #fff;
    padding: 10px 0 0 0;
    float: right;
    width: 92%;
    text-decoration: none;
    behavior: url(/PIE.htc);
}

    .login-box-pwd a {
        color: #000;
        text-decoration: none;
    }

.btn-login {
    border: 0;
    cursor: pointer;
    background-color: #f7971e;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7971e), to(#df7326));
    background: -webkit-linear-gradient(top, #df7326, #f7971e);
    background: -moz-linear-gradient(top, #df7326, #f7971e);
    background: -ms-linear-gradient(top, #df7326, #f7971e);
    background: -o-linear-gradient(top, #df7326, #f7971e);
    -pie-background: linear-gradient(#df7326, #f7971e);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 1px 1px 2px #915d2b;
    padding: 5px 8px;
    font-size: 16px;
    font-family: 'CenturyGothic-Bold';
    color: #fff;
    behavior: url(/PIE.htc);
    position: relative;
}

/*---- error console ----*/
.login-box-frmCenter .ui-state-error, .login-box-frmCenter .ui-widget-content .ui-state-error, .login-box-frmCenter .ui-widget-header .ui-state-error, .login-box-frmCenter .input-validation-error, .login-box-frmCenter .ui-state-error {
    border: 1px solid #ffb376;
    background: #FFE8D5;
    color: #797979;
}

/* Form Elements */
input[type=text], input[type=password] {
    height: 24px;
    width: 98%;
    border: 1px solid #ccc;
    border: 1px solid #CCCCCC \0;
    border-radius: 5px;
    box-shadow: inset 1px 1px 0px #dedede;
    padding: 5px;
    color: #797979;
    font-size: 14px;
    font-family: 'CenturyGothic';
}

.textarea {
    height: auto;
    width: 98%;
    border: 1px solid #ccc !important;
    border-radius: 5px;
    box-shadow: inset 1px 1px 0px #dedede;
    padding: 5px;
    color: #797979;
    font-size: 14px;
    font-family: 'CenturyGothic';
}

input[type=text]:focus, input[type=password]:focus {
    border-color: #c8c8c8;
    background-color: #fff;
}

input[type=checkbox] {
    display: inline-block;
    font-size: 15px;
    line-height: 1em;
    margin: 3px 5px 0 0;
    padding: 0;
    -webkit-border-radius: 5px;
    vertical-align: text-top;
    font-family: 'CenturyGothic';
}
/*width: 10px; height: 10px;	border-radius: 5px;*/
input[type=submit] {
    border: 1px solid #f7f7f6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 1px 1px 0px #dedede;
    -moz-box-shadow: inset 1px 1px 0px #dedede;
    box-shadow: inset 1px 1px 0px #dedede;
    padding: 5px;
    color: #797979;
    font-size: 14px;
    font-family: 'CenturyGothic';
}

select {
    background: #fff;
    padding: 3px;
    font-size: 12px;
    border: 1px solid #ccc;
    height: 25px;
    line-height: 25px;
    color: #333;
    font-family: 'CenturyGothic';
}

.textarea_bg {
    border-radius: 5px;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #e9e9e9;
    padding: 5px 1% 5px 1%;
    width: 98%;
}

textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border: 0;
    min-height: 40px;
    font-family: 'CenturyGothic';
    font-size: 11px;
    color: #333;
}

/*------ Tebular Data ------*/
.empty-box {
    padding: 7px 1% 5px 1%;
    background: #fff;
    width: 92%;
    margin-left: 3%;
    float: left;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    font-size: 18px;
    color: #333;
    font-family: 'CenturyGothic-Bold';
    behavior: url(/PIE.htc);
}

.empty-box1 {
    display: table;
    padding: 5px 1% 5px 1%;
    background: #fff;
    width: 92%;
    margin-left: 3%;
    float: left;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    font-size: 18px;
    color: #333;
    font-family: 'CenturyGothic-Bold';
    behavior: url(/PIE.htc);
}

.tbl-foot {
    width: 250px;
    float: left;
}

.tbl-footFilter {
    width: 85px;
    float: left;
    padding: 2px 10px 0 0;
}

.tbl-footMsg {
    width: 39%;
    float: left;
    font-size: 11px;
    color: #333;
    padding-top: 7px;
    font-weight: normal;
    text-align: left;
}

.tbl-foot input[type=text], #SearchBox input[type=text], .theme-text-box, #searchBoxRLE input[type=text] {
    float: left;
    height: 20px;
    width: 200px;
    background-color: #f1f1f1;
    border: 1px solid #f7f7f6;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 1px 1px 0px #ccc;
    -moz-box-shadow: inset 1px 1px 0px #ccc;
    box-shadow: inset 1px 1px 0px #ccc;
    padding: 1px;
    color: #797979;
    font-size: 13px;
    font-family: 'CenturyGothic';
    margin-left: 5px;
}

    .tbl-foot input[type=text]:focus, #SearchBox input[type=text]:focus, .theme-text-box:focus {
        border-color: #c8c8c8;
    }

.tbl-foot button, #SearchBox button, .round-button-go, #searchBoxRLE button {
    width: 27px;
    border: 1px solid #ccc;
    background: none;
    cursor: pointer;
    font-size: 10px;
    vertical-align: middle;
    color: #333;
    font-family: 'CenturyGothic-Bold';
    margin-left: 5px;
    padding: 0;
    height: 25px;
    border-radius: 25px;
    background: #f1f1f1;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f1f1));
    background: -webkit-linear-gradient(top, #fff, #f1f1f1);
    background: -moz-linear-gradient(top, #fff, #f1f1f1);
    background: -ms-linear-gradient(top, #fff, #f1f1f1);
    background: -o-linear-gradient(top, #fff, #f1f1f1);
    -pie-background: linear-gradient(#fff, #f1f1f1);
    behavior: url(/PIE.htc);
    position: relative;
}

.disabled {
    width: 27px;
    border: 1px solid #ccc;
    background: none !important;
    color: #666 !important;
    cursor: auto;
    font-size: 10px;
    vertical-align: middle;
    font-family: 'CenturyGothic-Bold';
    margin-left: 5px;
    padding: 0;
    height: 25px;
    border-radius: 25px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    behavior: url(/PIE.htc);
}

/* public service datagrid style */
#loadingDiv {
    text-align: center;
    height: 100px;
    padding-top: 50px;
    z-index: 9999;
}

.outer-round-brdr-detail {
    float: left;
    padding: 15px 1% 50px 1%;
    background: #fff;
    width: 96%;
    min-height: 400px;
    border: 1px solid #aaa;
    margin-left: 1%; /*margin-right:1%; - removed due to horiz scrol*/
    border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 1px #ccc;
    -moz-box-shadow: 3px 3px 1px #ccc;
    box-shadow: 3px 3px 1px #ccc;
    behavior: url(/PIE.htc);
}
/*div#PublicServiceGrid
{
	float: left;
	padding: 15px 1% 15px 1%;
	background: #fff;
	width: 96%;
	min-height: 400px;
	border: 1px solid #aaa;
	margin-left: 1%; /*margin-right:1%; - removed due to horiz scrol*/
/*border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 1px #ccc;
	-moz-box-shadow: 3px 3px 1px #ccc;
	box-shadow: 3px 3px 1px #ccc;
	behavior: url(/PIE.htc);
}*/

.outer-round-brdr {
    float: left;
    padding: 15px 1% 15px 1%;
    background: #fff;
    width: 96%;
    min-height: 400px;
    height: 93% !important;
    border: 1px solid #aaa;
    margin-left: 1%; /*margin-right:1%; - removed due to horiz scrol*/
    border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 1px #ccc;
    -moz-box-shadow: 3px 3px 1px #ccc;
    box-shadow: 3px 3px 1px #ccc;
    behavior: url(/PIE.htc);
}

table#publicServiceGrid, table#grid, .vehicle-grid {
    width: 100%;
    font-family: 'CenturyGothic';
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

    .vehicle-grid thead th {
        padding: 8px 0px;
        text-align: center;
    }

    table#publicServiceGrid thead, table#grid thead, .tbl-head-gradient {
        height: 40px;
    }

        table#publicServiceGrid thead th, table#grid thead th {
            padding: 8px 0px;
            text-align: center; /* border-left:1px solid #aaa; border-bottom:1px solid #aaa;*/
        }

    table#publicServiceGrid tbody tr td img, table#grid tbody tr td img {
        /*float: left;*/
        padding: 0 0 0 3px;
        max-width: 75px;
        width: 75%;
    }

    table#publicServiceGrid thead th, table#grid thead td {
        padding: 8px 3px;
        text-align: center;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

        table#publicServiceGrid thead th, table#publicServiceGrid thead th a, table#grid thead th, table#grid thead th a {
            text-align: center;
            color: #333;
            font-family: 'CenturyGothic-Bold';
            font-size: 12px;
            text-align: center;
            vertical-align: middle;
            word-wrap: break-word;
        }

    table#grid thead td {
        text-align: center;
        color: #333;
        font-family: 'CenturyGothic-Bold';
        font-size: 12px;
        text-align: center;
        vertical-align: middle;
    }

    table#publicServiceGrid thead th a:hover, table#grid thead th a:hover {
        color: #6f6f6f;
    }

    table#publicServiceGrid thead tr th, table#grid thead tr th {
        border: 1px solid #aaa;
        background: #FFFFFF;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E9E9E9));
        background: -webkit-linear-gradient(#FFFFFF, #E9E9E9);
        background: -moz-linear-gradient(#FFFFFF, #E9E9E9);
        background: -ms-linear-gradient(#FFFFFF, #E9E9E9);
        background: -o-linear-gradient(#FFFFFF, #E9E9E9);
        background: linear-gradient(#FFFFFF, #E9E9E9);
        -pie-background: linear-gradient(#FFFFFF, #E9E9E9);
        behavior: url(/PIE.htc);
    }

    table#publicServiceGrid tbody tr, table#grid tbody tr {
        border-right: 1px solid #cecece;
    }

        table#publicServiceGrid tbody tr td, table#grid tbody tr td {
            height: 100%; /*line-height:16px;*/
            vertical-align: middle;
            text-align: center;
            border-left: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
        }
            /*table#publicServiceGrid tbody tr td div, table#grid tbody tr td div{height:100%; line-height:16px; min-height:25px; width:100%; display:table; vertical-align:middle;}*/
            table#publicServiceGrid tbody tr td div, table#grid tbody tr td div {
                height: 100%;
                line-height: 16px;
                width: 100%;
                display: table;
                vertical-align: middle;
            }

                table#grid tbody tr td div.rboColHeight {
                    height: 10px;
                }

                table#grid tbody tr td div.rbodivbgcolor {
                    background-color: yellow;
                }

            table#publicServiceGrid tbody tr td, table#publicServiceGrid tbody tr td a, table#grid tbody tr td, table#grid tbody tr td a {
                color: #333;
                font-size: 12px;
            }

    table#publicServiceGrid tfoot tr td, table#grid tfoot tr td {
        padding-top: 10px;
    }

        table#publicServiceGrid tfoot tr td, table#publicServiceGrid tfoot tr td a:link, table#grid tfoot tr td, table#grid tfoot tr td a:link {
            color: #000;
            font-size: 12px;
        }

            table#publicServiceGrid tfoot tr td a:hover, table#grid tfoot tr td a:hover {
                color: #ccc;
                font-size: 12px;
            }

            table#publicServiceGrid tfoot tr td a:active, table#grid tfoot tr td a:active {
                color: #000;
                font-size: 12px;
                font-family: 'CenturyGothic-Bold';
            }

/*Added by Nilesh - to show different style for estimate/actual/scheduled time in details pages */
.Scheduled {
    font-style: italic;
}

.Actual {
    font-family: 'CenturyGothic-Bold';
}

.Estimated {
    font-style: normal;
}
/*Added by tejas */
DSMSToolTip
/*---- detail page horizontal scorller style:FIRST ----*/
.HrzScroll {
    overflow-x: scroll;
    white-space: nowrap; /* max-height:500px;*/
}

table.publicService-detail-grid, .publicService-detail-grid table {
    padding: 0;
    margin: 0;
    font-size: 11px;
}
    /*; width:100%*/
    table.publicService-detail-grid thead {
        background: #e9e9e9;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
        background: -webkit-linear-gradient(top, #fff, #e9e9e9);
        background: -moz-linear-gradient(top, #fff, #e9e9e9);
        background: -ms-linear-gradient(top, #fff, #e9e9e9);
        background: -o-linear-gradient(top, #fff, #e9e9e9);
    }

        table.publicService-detail-grid thead td.journey {
            border: 1px solid #aaa;
        }

        table.publicService-detail-grid thead td {
            border-left: 1px solid #333;
            border-right: 1px solid #333;
        }

        table.publicService-detail-grid thead tr td table {
            text-align: center;
            font-family: 'CenturyGothic-Bold';
            border: 0;
            width: 200px;
        }

            table.publicService-detail-grid thead tr td table tbody tr td {
                width: 25%;
                height: 25px;
                border-top: 1px solid #aaa;
                border-left: 1px solid #aaa;
                border-right: 1px solid #aaa;
                border-bottom: 1px solid #aaa;
            }

.publicService-detail-grid tbody td.stopName {
    padding: 0 2px;
    border-bottom: 1px solid #aaa;
}

.publicService-detail-grid tbody tr td {
    vertical-align: middle;
    height: 20px;
    border-right: 1px solid #333;
    border-left: 1px solid #333;
}

    .publicService-detail-grid tbody tr td table {
        width: 100%;
        min-width: 200px;
        text-align: center;
    }

        .publicService-detail-grid tbody tr td table tbody tr {
            height: 20px;
        }

            .publicService-detail-grid tbody tr td table tbody tr td {
                border-right: 1px solid #aaa;
                border-bottom: 1px solid #aaa;
                width: 25%;
                min-width: 50px;
                height: 19px;
                vertical-align: middle;
            }

.publicService-detail-grid table tbody tr td div {
    line-height: 18px;
    min-height: 19px;
}
/*.publicService-detail-grid tbody tr td.journeyName{font-size:12px; font-weight:normal; text-align:left; color:#333; border-top:1px solid #eaeaea;}
.publicService-detail-grid tbody tr td.detail-grid-head{background:#ccc; border-left:2px solid #fff; font-size:15px; font-weight:bold; color:#333; text-transform:capitalize; text-align:center;}
.publicService-detail-grid tbody tr td.detail-grid-headFirst{background:#ccc; font-size:15px; font-weight:bold; color:#333; text-transform:capitalize; text-align:center;}
.publicService-detail-grid tbody tr td.detail-grid-body{border-left:2px solid #ccc; font-size:12px; font-weight:normal; color:#333; min-width:200px;}
.publicService-detail-grid tbody tr td.detail-grid-body table tr td{width:25%; text-align:center;}

.publicService-detail-grid table tbody tr td.detail-grid-subTitle{border-left:1px solid #fff; border-top:1px solid #fff; font-size:13px; font-weight:bold; color:#333; text-transform:capitalize; width:50%; text-align:center;}
.publicService-detail-grid table tbody tr td.detail-grid-title{ border-left:1px solid #fff; border-top:1px solid #fff; font-size:12px; font-weight:normal; color:#333; text-transform:capitalize; width:25%; text-align:center;}*/

/*---- data not found table ----*/
.tbl-nodata, .tbl-fullWidth {
    width: 100%;
    border: 1px solid #ccc;
}

    .tbl-nodata .tbl-head-gradient {
        height: 25px;
    }

.data-dropdown {
    width: 100%;
    float: left;
    padding: 0 0 10px 0;
}

/*--- system performance accordion ---*/
/*.accord-system-perf{ width:610px; border-radius:10px; border-radius: 10px; -webkit-border-radius: 10px; float:left;cursor: default; z-index:10; background-color:transparent; padding:2px 2px; margin:10px 10px 10px 10px;left:0px;}*/
.accord-system-perf {
    width: 805px;
    border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    float: left;
    cursor: default;
    z-index: 10;
    background-color: transparent;
    padding: 2px 2px;
    margin: 10px 10px 10px 10px;
    left: 0px;
    top: -20px;
}
/*change done on 27/11/2012*/
.accord-tabs {
    float: left;
}

.accord-system-perf h3 label {
    width: 97%;
    display: block; /*cursor: move;*/
    background: #595959;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#595959), to(#343434));
    background: -webkit-linear-gradient(#595959, #343434);
    background: -moz-linear-gradient(#595959, #343434);
    background: -ms-linear-gradient(#595959, #343434);
    background: -o-linear-gradient(#595959, #343434);
    background: linear-gradient(#595959, #343434);
    -pie-background: linear-gradient(#595959, #343434);
    behavior: url(/PIE.htc);
    height: 25px;
    opacity: 1;
    /*filter: alpha(opacity=100);*/
    margin: 0 0 5px 0;
    padding: 8px 0 0 3%;
    border-radius: 5px 5px 0 0;
    font-weight: normal;
}

.dropdown dd, .dropdown dt, .dropdown ul {
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.dropdown dd {
    position: relative;
}

.dropdown a, .dropdown a:visited {
    color: #333;
    text-decoration: none;
    outline: none;
}

    .dropdown a:hover {
        color: #333;
    }

.dropdown dt a:hover {
    color: #df7226;
}

.dropdown dt a {
    display: block;
    padding: 0 5px 0 0;
}

.dropdown dd ul {
    background: #fff;
    -moz-box-shadow: 1px 2px 0px #afadad;
    -webkit-box-shadow: 1px 2px 2px #afadad;
    box-shadow: 1px 2px 2px #afadad;
    color: #333;
    display: none;
    left: 0px;
    padding: 5px 5px;
    position: absolute;
    top: 2px;
    width: auto;
    min-width: 100px;
    list-style: none;
}

.dropdown span.my-lang {
    padding: 0 4px 0 3px;
    cursor: pointer;
}

.dropdown dd ul li a {
    padding: 3px 0 3px 3px;
    display: block;
}

    .dropdown dd ul li a:hover {
        background-color: transparent;
    }

/*-- setting page table --*/
table.tbl-fixWidth {
    width: 100%;
    border: 1px solid #585858;
    border-radius: 5px;
    border-collapse: separate;
}

.tbl-fixWidth tbody tr td div {
    width: 70px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    border-radius: 4px;
    behavior: url(/PIE.htc);
    position: relative;
}

.tbl-fixWidth tbody tr td {
    padding: 5px 5px;
    border-left: 1px solid #585858;
    border-bottom: 1px solid #585858;
    text-align: center;
    position: relative;
}

    .tbl-fixWidth tbody tr td.setFirst, .tbl-fixWidth thead tr td.setFirst {
        border-left: 0;
    }

.tbl-fixWidth thead tr {
    background-color: #585858;
    text-align: center;
    color: #fff;
    font-family: 'CenturyGothic-Bold';
    height: 30px;
}

    .tbl-fixWidth thead tr td {
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        text-align: center;
    }

.tbl-fixWidth tfoot tr {
    background-color: #fff;
    border-top: 1px solid #585858;
}

    .tbl-fixWidth tfoot tr td {
        padding: 0 15px;
        height: 35px;
    }

.tbl-fixWidth tr td {
    vertical-align: middle;
    text-align: center;
}

.tbl-Width-full {
    width: 100%;
    border: 1px solid #e1e1e1;
    margin-bottom: 10px;
}

    .tbl-Width-full tr td.theader {
        padding: 0 15px;
        vertical-align: middle;
        height: 30px;
        color: #333;
        font-size: 14px;
        font-family: 'CenturyGothic-Bold';
        background: #ffe9d5;
    }

    .tbl-Width-full tr td.settingLine {
        border: 1px solid #e1e1e1;
        padding: 10px 10px;
        position: relative;
    }

    .tbl-Width-full tr td.tBottom {
        border: 1px solid #e1e1e1;
    }

/*-- color setting pop up --*/
.color-set-popup {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 8px;
}

    .color-set-popup li {
        float: left;
        width: 100%;
        padding-bottom: 5px;
    }

        .color-set-popup li.color-popup-head {
            height: 25px;
            background-color: #ffe9d5;
            margin-bottom: 10px;
        }

            .color-set-popup li.color-popup-head legend {
                vertical-align: middle;
                line-height: 25px;
                padding-left: 15px;
                font-family: 'CenturyGothic-Bold';
            }

        .color-set-popup li.divide {
            border-top: 1px solid #e7e7e7;
            margin: 5px 0 5px 0;
        }

        .color-set-popup li .color-popup-label {
            float: left;
            width: 32%;
            vertical-align: middle;
            line-height: 34px;
            text-align: right;
            padding-right: 10px;
        }

.color-popup-label:after, .fleet-popup-lbl:after {
    content: ' : ';
}

.color-set-popup li .color-popup-frmData {
    float: left;
    width: 65%;
    vertical-align: middle;
    line-height: 34px;
}

    .color-set-popup li .color-popup-frmData input[type=text] {
        height: 24px;
        float: left;
        width: 100px;
        margin-right: 5px;
        border: 1px solid #f7f7f6;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-box-shadow: inset 1px 1px 0px #dedede;
        -moz-box-shadow: inset 1px 1px 0px #dedede;
        box-shadow: inset 1px 1px 0px #dedede;
        padding: 5px; /*color:#797979;*/
        font-size: 14px;
        font-family: 'CenturyGothic';
    }

        .color-set-popup li .color-popup-frmData input[type=text].ui-state-error {
            margin-left: 0;
        }

    .color-set-popup li .color-popup-frmData .ui-state-error {
        color: #d6010e;
        background: #ffbaba;
        border: 1px solid #d8000c;
        margin-left: 10px;
        padding: 4px 4px;
        font-size: 10px;
    }

        .color-set-popup li .color-popup-frmData .ui-state-error:before {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-top: 5px solid transparent;
            border-right: 6px solid #d8000c;
            border-bottom: 5px solid transparent;
            margin: 10px 0 0 -11px;
        }

.bg-orange {
    background: #ffe9d5;
}

.color-set-popup li .fleet-popup-lbl {
    float: left;
    width: 45%;
    vertical-align: middle;
    line-height: 34px;
    text-align: right;
    padding: 3px 10px 0 0;
}

.color-set-popup li .fleet-popup-val {
    float: left;
    width: 52%;
    vertical-align: middle;
    line-height: 34px;
    text-align: left;
    padding: 3px 0 0 0;
}

.map-default {
    float: left;
    background-color: #ffe9d5;
    margin-bottom: 5px;
    padding: 0 0 0 15px;
    width: 98.7%;
    line-height: 35px;
    height: 35px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
}

    .map-default input[type=text] {
        height: 20px;
        float: left;
        width: 100px;
        border: 1px solid #ffc693;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-box-shadow: inset 1px 1px 0px #dedede;
        -moz-box-shadow: inset 1px 1px 0px #dedede;
        box-shadow: inset 1px 1px 0px #dedede;
        padding: 3px;
        color: #797979;
        font-size: 14px;
        font-family: 'CenturyGothic';
    }

    .map-default input[type=submit], .map-default input[type=submit].ui-state-default {
        cursor: pointer;
        font-size: 12px;
        font-weight: normal;
        font-family: 'CenturyGothic';
        height: 25px;
        padding: 0 8px;
        color: #fff;
        background: #595959;
        text-decoration: none;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#595959), to(#343434));
        background: -webkit-linear-gradient(top, #595959, #343434);
        background: -moz-linear-gradient(top, #595959, #343434);
        background: -ms-linear-gradient(top, #595959, #343434);
        background: -o-linear-gradient(top, #595959, #343434);
        border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #000;
    }

    .map-default input[type=button], .map-default input[type=button].ui-state-default {
        cursor: pointer;
        font-size: 12px;
        font-weight: normal;
        font-family: 'CenturyGothic';
        height: 25px;
        padding: 0 8px;
        color: #fff;
        background: #595959;
        text-decoration: none;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#595959), to(#343434));
        background: -webkit-linear-gradient(top, #595959, #343434);
        background: -moz-linear-gradient(top, #595959, #343434);
        background: -ms-linear-gradient(top, #595959, #343434);
        background: -o-linear-gradient(top, #595959, #343434);
        border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #000;
    }

    .map-default select, .fleet-popup-val select {
        background-color: #fff;
        width: 100px;
    }

    .map-default .time-label-txt {
        float: left;
        width: 330px;
    }

    .map-default .time-label-val {
        width: 60%;
        margin-top: 3px;
        float: left;
    }

    .map-default .time-radio-val {
        padding-top: 3px;
        float: left;
    }

.time-checkbox-val {
    margin: -2px 0 0 0;
    float: left;
}

.time-checkbox-lbl {
    padding-right: 15px;
    float: left;
}

.map-default .time-radio-lbl {
    padding-right: 15px;
    float: left;
}

.map-default .time-dd-lbl {
    padding-right: 15px;
    float: left;
}

.map-default .time-dd-val {
    padding-top: 1px;
    float: left;
}

/*--- system performance accordian tabular-data ----*/
.accordion-tabulardata {
    float: left;
    width: 100%;
    overflow-x: auto;
    padding-bottom: 5px;
    max-height: 250px;
}

table#grid-acrd {
    width: 100%;
    font-family: 'CenturyGothic';
    padding: 0;
    margin-top: 5px;
    border-collapse: collapse;
}

    table#grid-acrd thead {
        background: #e9e9e9;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
        background: -webkit-linear-gradient(top, #fff, #e9e9e9);
        background: -moz-linear-gradient(top, #fff, #e9e9e9);
        background: -ms-linear-gradient(top, #fff, #e9e9e9);
        background: -o-linear-gradient(top, #fff, #e9e9e9);
    }

        table#grid-acrd thead th {
            padding: 5px 0px;
            text-align: center;
            border: 1px solid #aaa;
        }

        table#grid-acrd thead td {
            padding: 0 3px;
            text-align: center;
            border-left: 1px solid #fff;
            border-bottom: 1px solid #fff;
        }

        table#grid-acrd thead th, table#grid-acrd thead th a {
            text-align: center;
            color: #333;
            font-family: 'CenturyGothic-Bold';
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
        }

        table#grid-acrd thead td {
            text-align: center;
            color: #333;
            font-family: 'CenturyGothic-Bold';
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
        }

        table#grid-acrd thead th a:hover {
            color: #6f6f6f;
        }

    table#grid-acrd tbody tr {
        border-right: 1px solid #cecece;
    }

        table#grid-acrd tbody tr td {
            height: 30px;
            line-height: 18px;
            vertical-align: middle;
            text-align: center;
            border-left: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
        }

            table#grid-acrd tbody tr td img {
                float: left;
                width: 75px;
                padding: 0 0 0 3px;
            }

            table#grid-acrd tbody tr td div {
                height: 100%;
                width: 100%;
                line-height: 16px;
                vertical-align: middle;
                display: table;
            }

            table#grid-acrd tbody tr td, table#grid-acrd tbody tr td a {
                color: #333;
                font-size: 11px;
            }

    table#grid-acrd tfoot tr td {
        padding-top: 10px;
    }

        table#grid-acrd tfoot tr td, table#grid-acrd tfoot tr td a:link {
            color: #000;
            font-size: 11px;
        }

            table#grid-acrd tfoot tr td a:hover {
                color: #ccc;
                font-size: 11px;
            }

            table#grid-acrd tfoot tr td a:active {
                color: #000;
                font-size: 11px;
                font-family: 'CenturyGothic-Bold';
            }

/*vehicle by-adherence-*/
.grid-acrd-vehicle {
    width: 100%;
    font-family: 'CenturyGothic';
    padding: 0;
    margin-top: 5px;
    border-collapse: collapse;
}

    .grid-acrd-vehicle thead {
        background: #e9e9e9;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
        background: -webkit-linear-gradient(top, #fff, #e9e9e9);
        background: -moz-linear-gradient(top, #fff, #e9e9e9);
        background: -ms-linear-gradient(top, #fff, #e9e9e9);
        background: -o-linear-gradient(top, #fff, #e9e9e9);
    }
        /* commented by Tejas freeze header changes*/
        /*.grid-acrd-vehicle thead th{padding:5px 3px; text-align:center; border:1px solid #aaa; }*/
        .grid-acrd-vehicle thead th {
            text-align: center;
        }

        .grid-acrd-vehicle thead td {
            padding: 0 3px;
            text-align: center;
            border-left: 1px solid #fff;
            border-bottom: 1px solid #fff;
        }

        .grid-acrd-vehicle thead th, .grid-acrd-vehicle thead th a {
            text-align: center;
            color: #333;
            font-family: 'CenturyGothic-Bold';
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
        }

        .grid-acrd-vehicle thead td {
            text-align: center;
            color: #333;
            font-family: 'CenturyGothic-Bold';
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
        }

        .grid-acrd-vehicle thead th a:hover {
            color: #6f6f6f;
        }

    .grid-acrd-vehicle tbody tr {
        border-right: 1px solid #cecece;
    }

        .grid-acrd-vehicle tbody tr td {
            height: 100%;
            line-height: 16px;
            vertical-align: middle;
            text-align: center;
            border-left: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
        }

            .grid-acrd-vehicle tbody tr td img {
                float: left; /*height:25px;*/
                width: 75px;
                padding: 0 0 0 3px;
            }

            .grid-acrd-vehicle tbody tr td div {
                height: 100%;
                width: 100%;
                line-height: 16px;
                vertical-align: middle;
                display: table;
            }

            .grid-acrd-vehicle tbody tr td, .grid-acrd-vehicle tbody tr td a {
                color: #333;
                position: relative;
                font-size: 11px;
            }

    .grid-acrd-vehicle tfoot tr td {
        padding-top: 10px;
    }

        .grid-acrd-vehicle tfoot tr td, .grid-acrd-vehicle tfoot tr td a:link {
            color: #000;
            font-size: 11px;
        }

            .grid-acrd-vehicle tfoot tr td a:hover {
                color: #ccc;
                font-size: 11px;
            }

            .grid-acrd-vehicle tfoot tr td a:active {
                color: #000;
                font-size: 11px;
                font-family: 'CenturyGothic-Bold';
            }

/* systemPerformance - journey not operating */
.grid-acrd-journeyNO {
    width: 100%;
    font-family: 'CenturyGothic';
    padding: 0;
    margin-top: 5px;
    border-collapse: collapse;
}

    .grid-acrd-journeyNO thead {
        background: #e9e9e9;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
        background: -webkit-linear-gradient(top, #fff, #e9e9e9);
        background: -moz-linear-gradient(top, #fff, #e9e9e9);
        background: -ms-linear-gradient(top, #fff, #e9e9e9);
        background: -o-linear-gradient(top, #fff, #e9e9e9);
    }

        .grid-acrd-journeyNO thead th {
            padding: 5px 3px;
            text-align: center;
            border: 1px solid #aaa;
        }

    .grid-acrd-journeyNO tr.journey-first-stop {
        background: #cde6ff;
    }

    .grid-acrd-journeyNO tr.journey-second-stop {
        background: #f2cdc0;
    }

    .grid-acrd-journeyNO thead td {
        padding: 0 3px;
        text-align: center;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    .grid-acrd-journeyNO thead th, .grid-acrd-journeyNO thead th a {
        text-align: center;
        color: #333;
        font-family: 'CenturyGothic-Bold';
        font-size: 11px;
        text-align: center;
        vertical-align: middle;
    }

    .grid-acrd-journeyNO thead td {
        text-align: center;
        color: #333;
        font-family: 'CenturyGothic-Bold';
        font-size: 11px;
        text-align: center;
        vertical-align: middle;
    }

    .grid-acrd-journeyNO thead th a:hover {
        color: #6f6f6f;
    }

    .grid-acrd-journeyNO tbody tr {
        border-right: 1px solid #cecece;
    }

        .grid-acrd-journeyNO tbody tr td {
            height: 30px;
            line-height: 16px;
            vertical-align: middle;
            text-align: center;
            border-left: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
        }

            .grid-acrd-journeyNO tbody tr td img {
                float: left;
                height: 25px;
                padding: 0 0 0 3px;
            }

            .grid-acrd-journeyNO tbody tr td div {
                height: 100%;
                width: 100%;
                line-height: 25px;
                vertical-align: middle;
                display: table;
            }

            .grid-acrd-journeyNO tbody tr td, .grid-acrd-journeyNO tbody tr td a {
                color: #333;
                font-size: 11px;
            }

    .grid-acrd-journeyNO tfoot tr td {
        padding-top: 10px;
    }

        .grid-acrd-journeyNO tfoot tr td, .grid-acrd-journeyNO tfoot tr td a:link {
            color: #000;
            font-size: 11px;
        }

            .grid-acrd-journeyNO tfoot tr td a:hover {
                color: #ccc;
                font-size: 11px;
            }

            .grid-acrd-journeyNO tfoot tr td a:active {
                color: #000;
                font-size: 11px;
                font-family: 'CenturyGothic-Bold';
            }

/* systemPerformance - VehicleWOA */
.grid-acrd-VehicleWOA {
    width: 100%;
    font-family: 'CenturyGothic';
    padding: 0;
    margin-top: 5px;
    border-collapse: collapse;
}

    .grid-acrd-VehicleWOA thead {
        background: #e9e9e9;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
        background: -webkit-linear-gradient(top, #fff, #e9e9e9);
        background: -moz-linear-gradient(top, #fff, #e9e9e9);
        background: -ms-linear-gradient(top, #fff, #e9e9e9);
        background: -o-linear-gradient(top, #fff, #e9e9e9);
    }

        .grid-acrd-VehicleWOA thead th {
            padding: 5px 3px;
            text-align: center;
            border: 1px solid #aaa;
        }

        .grid-acrd-VehicleWOA thead td {
            padding: 0 3px;
            text-align: center;
            border-left: 1px solid #fff;
            border-bottom: 1px solid #fff;
        }

        .grid-acrd-VehicleWOA thead th, .grid-acrd-VehicleWOA thead th a {
            text-align: center;
            color: #333;
            font-family: 'CenturyGothic-Bold';
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
        }

        .grid-acrd-VehicleWOA thead td {
            text-align: center;
            color: #333;
            font-family: 'CenturyGothic-Bold';
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
        }

        .grid-acrd-VehicleWOA thead th a:hover {
            color: #6f6f6f;
        }

    .grid-acrd-VehicleWOA tbody tr {
        border-right: 1px solid #cecece;
    }

        .grid-acrd-VehicleWOA tbody tr td {
            height: 25px;
            line-height: 16px;
            vertical-align: middle;
            text-align: center;
            border-left: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
        }

            .grid-acrd-VehicleWOA tbody tr td img {
                float: left;
                width: 75px;
                padding: 0 0 0 3px;
            }

            .grid-acrd-VehicleWOA tbody tr td div {
                height: 100%;
                width: 100%;
                line-height: 25px;
                vertical-align: middle;
            }

            .grid-acrd-VehicleWOA tbody tr td, .grid-acrd-VehicleWOA tbody tr td a {
                color: #333;
                font-size: 11px;
            }

    .grid-acrd-VehicleWOA tfoot tr td {
        padding-top: 10px;
    }

        .grid-acrd-VehicleWOA tfoot tr td, .grid-acrd-VehicleWOA tfoot tr td a:link {
            color: #000;
            font-size: 11px;
        }

            .grid-acrd-VehicleWOA tfoot tr td a:hover {
                color: #ccc;
                font-size: 11px;
            }

            .grid-acrd-VehicleWOA tfoot tr td a:active {
                color: #000;
                font-size: 11px;
                font-weight: bold;
                font-family: 'CenturyGothic-Bold';
            }

/* systemPerformance - VehicleOOA */
.grid-acrd-VehicleOOA {
    width: 100%;
    font-family: 'CenturyGothic';
    padding: 0;
    margin-top: 5px;
    border-collapse: collapse;
}

    .grid-acrd-VehicleOOA thead {
        background: #e9e9e9;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
        background: -webkit-linear-gradient(top, #fff, #e9e9e9);
        background: -moz-linear-gradient(top, #fff, #e9e9e9);
        background: -ms-linear-gradient(top, #fff, #e9e9e9);
        background: -o-linear-gradient(top, #fff, #e9e9e9);
    }

        .grid-acrd-VehicleOOA thead th {
            padding: 5px 3px;
            text-align: center;
            border: 1px solid #aaa;
        }

        .grid-acrd-VehicleOOA thead td {
            padding: 0 3px;
            text-align: center;
            border-left: 1px solid #fff;
            border-bottom: 1px solid #fff;
        }

        .grid-acrd-VehicleOOA thead th, .grid-acrd-VehicleOOA thead th a {
            text-align: center;
            color: #333;
            font-family: 'CenturyGothic-Bold';
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
        }

        .grid-acrd-VehicleOOA thead td {
            text-align: center;
            color: #333;
            font-family: 'CenturyGothic-Bold';
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
        }

        .grid-acrd-VehicleOOA thead th a:hover {
            color: #6f6f6f;
        }

    .grid-acrd-VehicleOOA tbody tr {
        border-right: 1px solid #cecece;
    }

        .grid-acrd-VehicleOOA tbody tr td {
            height: 25px;
            line-height: 16px;
            vertical-align: middle;
            text-align: center;
            border-left: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
        }

            .grid-acrd-VehicleOOA tbody tr td img {
                float: left;
                width: 75px;
                padding: 0 0 0 3px;
            }

            .grid-acrd-VehicleOOA tbody tr td div {
                height: 100%;
                width: 100%;
                line-height: 25px;
                vertical-align: middle;
            }

            .grid-acrd-VehicleOOA tbody tr td, .grid-acrd-VehicleOOA tbody tr td a {
                color: #333;
                font-size: 11px;
            }

    .grid-acrd-VehicleOOA tfoot tr td {
        padding-top: 10px;
    }

        .grid-acrd-VehicleOOA tfoot tr td, .grid-acrd-VehicleOOA tfoot tr td a:link {
            color: #000;
            font-size: 11px;
        }

            .grid-acrd-VehicleOOA tfoot tr td a:hover {
                color: #ccc;
                font-size: 11px;
            }

            .grid-acrd-VehicleOOA tfoot tr td a:active {
                color: #000;
                font-size: 11px;
                font-family: 'CenturyGothic-Bold';
            }

/*Vehicle late*/
.grid-acrd-Vehiclelate {
    width: 100%;
    font-family: 'CenturyGothic';
    padding: 0;
    margin-top: 5px;
    border-collapse: collapse;
}

    .grid-acrd-Vehiclelate thead {
        background: #e9e9e9;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
        background: -webkit-linear-gradient(top, #fff, #e9e9e9);
        background: -moz-linear-gradient(top, #fff, #e9e9e9);
        background: -ms-linear-gradient(top, #fff, #e9e9e9);
        background: -o-linear-gradient(top, #fff, #e9e9e9);
    }

        .grid-acrd-Vehiclelate thead th {
            padding: 5px 0px;
            text-align: center;
            border: 1px solid #aaa;
        }

        .grid-acrd-Vehiclelate thead td {
            padding: 0 3px;
            text-align: center;
            border-left: 1px solid #fff;
            border-bottom: 1px solid #fff;
        }

        .grid-acrd-Vehiclelate thead th, .grid-acrd-Vehiclelate thead th a {
            text-align: center;
            color: #333;
            font-family: 'CenturyGothic-Bold';
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
        }

        .grid-acrd-Vehiclelate thead td {
            text-align: center;
            color: #333;
            font-family: 'CenturyGothic-Bold';
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
        }

        .grid-acrd-Vehiclelate thead th a:hover {
            color: #6f6f6f;
        }

    .grid-acrd-Vehiclelate tbody tr {
        border-right: 1px solid #cecece;
    }

        .grid-acrd-Vehiclelate tbody tr td {
            height: 100%;
            vertical-align: middle;
            text-align: center;
            border-left: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
        }

            .grid-acrd-Vehiclelate tbody tr td img {
                float: left;
                width: 75px;
                padding: 0 0 0 3px;
            }

            .grid-acrd-Vehiclelate tbody tr td div {
                height: 100%;
                min-height: 25px;
                width: 100%;
                line-height: 16px;
                display: table;
                vertical-align: middle;
            }

            .grid-acrd-Vehiclelate tbody tr td, .grid-acrd-Vehiclelate tbody tr td a {
                color: #333;
                font-size: 11px;
            }

    .grid-acrd-Vehiclelate tfoot tr td {
        padding-top: 10px;
    }

        .grid-acrd-Vehiclelate tfoot tr td, .grid-acrd-Vehiclelate tfoot tr td a:link {
            color: #000;
            font-size: 11px;
        }

            .grid-acrd-Vehiclelate tfoot tr td a:hover {
                color: #ccc;
                font-size: 11px;
            }

            .grid-acrd-Vehiclelate tfoot tr td a:active {
                color: #000;
                font-size: 11px;
                font-family: 'CenturyGothic-Bold';
            }


.grid-acrd-VehicleEarly tr td div {
    line-height: 16px !important;
    display: table;
}
/*---- details table grid - freeze header and column ----*/
#detail-tbl-div td, th {
    border: 1px solid #cecece; /*white-space: nowrap;*/ /*padding: 2px 2px;*/
    font-size: 11px;
    text-align: left;
    width: 50px;
}

#detail-tbl-div thead {
    background-color: #fff;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #fff, #e9e9e9);
    background: -moz-linear-gradient(top, #fff, #e9e9e9);
    background: -ms-linear-gradient(top, #fff, #e9e9e9);
    background: -o-linear-gradient(top, #fff, #e9e9e9);
}

    #detail-tbl-div thead th {
        text-align: center;
        padding: 2px 2px;
        text-align: center;
        font-family: 'CenturyGothic-Bold';
    }

#detail-tbl-div .thick-brdr {
    border-right: 2px solid #333;
    white-space: nowrap;
}

#detail-tbl-div tbody tr td div {
    padding: 2px 2px;
    width: auto;
    height: 100%;
    text-align: center;
    overflow: hidden;
}

/*---- new css3:TAB ----*/
#timingStatusTab {
    position: absolute;
    top: 99px;
    right: 247px;
}

#timingStatusTab-overview {
    position: absolute;
    top: 106px;
    right: 247px;
}

#timingTab {
    position: absolute;
    top: 99px;
    right: 57px;
}

#displayType {
    position: absolute;
    top: 95px;
    right: 57px;
}

#timingTab-overview {
    position: absolute;
    top: 106px;
    right: 59px;
}

/*#timingStatusTab{position:absolute; top:99px; right:247px;}
#timingTab{position:absolute; top:99px; right:57px;}*/

#tabs {
    position: absolute;
    top: 99px;
    right: 247px;
}

#displayInstallationTypeTabs {
    position: absolute;
    top: 99px;
    right: 285px;
}

#itabs {
    float: left;
    width: 100%;
}

    #itabs ul {
        position: absolute;
        right: 10px;
        width: 558px;
        top: -40px;
    }

.data-dropdown .ui-corner-all {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.data-dropdown .ui-widget-header {
    border: 0;
    background: transparent;
    color: #ffffff;
    font-weight: bold;
}

    .data-dropdown .ui-state-active, .data-dropdown .ui-widget-content .ui-state-active, .data-dropdown .ui-widget-header .ui-state-active {
        border: 0;
        background: #ffffff;
        font-weight: normal;
        color: #8f8f8f;
    }

.data-dropdown .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
    text-align: center;
    min-width: 0;
    min-height: 0;
}

.data-dropdown .ui-state-default, .data-dropdown .ui-widget-content .ui-state-default, .data-dropdown .ui-widget-header .ui-state-default {
    border: 0;
    background: #fff;
    padding: 0;
    color: #d8d8d8;
    display: inline-block;
}

.data-dropdown .ui-tabs .ui-tabs-nav li a {
    padding: 5px 20px;
    text-decoration: none;
    text-align: center;
    font-size: 11px;
    font-family: 'CenturyGothic';
    font-weight: normal;
}

    .data-dropdown .ui-tabs .ui-tabs-nav li a:hover {
        color: #585858;
    }

.data-dropdown .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0 0 0 0;
}

.data-dropdown .ui-corner-bottom {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.data-dropdown .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 0;
    background: none;
}

.data-dropdown .ui-state-default a, .data-dropdown .ui-state-default a:link, .data-dropdown .ui-state-default a:visited {
    color: #585858;
    text-decoration: none;
}

.data-dropdown .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 0;
    color: #fff;
}

    .data-dropdown .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
        color: #D4D4D4;
    }

.ui-tabs-nav li.ui-state-active a {
    color: #D4D4D4 !important;
}

/*-- only for vechicle pop-up inner tab  on 8/5/2012 ---*/
.data-dropdown .ui-widget-content {
    border: 0;
}

.data-dropdown .ui-state-default, .data-dropdown .ui-corner-top {
    opacity: 1;
    filter: alpha(opacity=100);
    margin: 0;
}

.group:before, .group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1;
}

.mtabs {
    list-style: none;
    width: 100%;
    font-size: 11px;
}

    .mtabs li {
        /* Makes a horizontal row */
        float: left; /* So the psueudo elements can be abs. positioned inside */
        position: relative;
    }

    .mtabs a {
        /* Make them block level and only as wide as they need */
        float: left;
        padding: 5px 20px;
        text-decoration: none; /* Default colors */
        color: #585858;
        background: #E9E9E9; /* Only round the top corners */
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .mtabs .ui-state-active {
        /* Highest, ui-state-active tab is on top */
        z-index: 3;
        border: 0;
        background: none;
        font-family: 'CenturyGothic';
        font-weight: normal;
    }

        .mtabs .ui-state-active a {
            /* Colors when tab is active */
            background: #585858;
            color: #D4D4D4;
        }

    .mtabs li:before, .mtabs li:after, .mtabs li a:before, .mtabs li a:after {
        /* All pseudo elements are abs. positioned and on bottom */
        position: absolute;
        bottom: 0;
    }
    /* Only the first, last, and active mtabs need pseudo elements at all */
    .mtabs li:last-child:after, .mtabs li:last-child a:after, .mtabs li:first-child:before, .mtabs li:first-child a:before, .mtabs .ui-state-active:after, .mtabs .ui-state-active:before, .mtabs .ui-state-active a:after, .mtabs .ui-state-active a:before {
        content: "";
    }

    .mtabs .ui-state-active:before, .mtabs .ui-state-active:after {
        background: #585858; /* Squares below circles */
        z-index: 1;
    }
    /* Squares */
    .mtabs li:before, .mtabs li:after {
        background: #ffffff;
        width: 10px;
        height: 10px;
    }

    .mtabs li:before {
        left: -10px;
    }

    .mtabs li:after {
        right: -10px;
    }
    /* Circles */
    .mtabs li a:after, .mtabs li a:before {
        width: 20px;
        height: 20px; /* Circles are circular */
        border-radius: 10px;
        z-index: 2;
    }

    .mtabs .ui-state-active a:after, .mtabs .ui-state-active a:before {
        background: #E9E9E9;
    }
    /* First and last mtabs have different outside color needs */
    .mtabs li:first-child a:before, .mtabs li:last-child a:after {
        background: #fff;
    }

    .mtabs li a:before {
        left: -20px;
    }

    .mtabs li a:after {
        right: -20px;
    }

/* ajax loader */
#loadingDiv {
    display: none;
}

/*--- stop point pop up window ----*/

#divStopPoint {
    /*min-height: 100px;*/
    min-width: 500px;
    overflow: hidden;
    border: 1px dashed #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 8px;
    background: #fff;
}

#tabs1 {
    margin-left: 15px;
    margin-top: 10px;
}

#stopOptions_contentDiv {
    border-radius: 12px;
    border: 1px solid #ccc;
    padding: 0 10px 0 10px;
    background: #fff; /*-moz-box-shadow: inset 0px 1px 2px 0px #333, inset 0px -1px 1px 0px #f0f0f0, 0px 1px 1px 0px #f0f0f0; box-shadow: inset 0px 1px 2px 0px #333, inset 0px -1px 1px 0px #f0f0f0, 0px 1px 0px 0px #f0f0f0; border: 5px solid #E3E3E3;*/
}

#stopOptions_GroupDiv {
    /*width:97% !important; height:90% !important;*/
}

.stop-overview {
    width: 100%;
    overflow-y: auto;
    padding-bottom: 5px;
    background: #fff;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #fff, #e9e9e9);
    background: -moz-linear-gradient(top, #fff, #e9e9e9);
    background: -ms-linear-gradient(top, #fff, #e9e9e9);
    background: -o-linear-gradient(top, #fff, #e9e9e9);
}

.stoppoint {
    width: 100%;
    overflow: auto;
    padding-bottom: 5px;
    background: #fff;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #fff, #e9e9e9);
    background: -moz-linear-gradient(top, #fff, #e9e9e9);
    background: -ms-linear-gradient(top, #fff, #e9e9e9);
    background: -o-linear-gradient(top, #fff, #e9e9e9);
}

.tbl-stopPoint {
    width: 100%;
    font-size: 11px;
    color: #333;
}

.tbl-vehiclePoint {
    width: 100%;
    font-size: 11px;
    color: #333;
}

    .tbl-vehiclePoint th, .tbl-vehiclePoint td {
        border: 1px dotted #aaa;
        min-width: 20px;
        padding: 2px 2px;
    }
/* changed by Tejas 27 sept, 2012*/
.tbl-stopPoint th, .tbl-stopPoint td {
    border: 1px dotted #aaa;
    min-width: 20px;
    padding: 2px 2px;
}
/*.tbl-stopPoint th, .tbl-stopPoint td {border:1px dotted #aaa; min-width:20px; padding:2px 2px; white-space:nowrap;}*/
.tbl-stopPoint th {
    border: 1px solid #ccc;
    background: #ffe9d5;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #fff, #e9e9e9);
    background: -moz-linear-gradient(top, #fff, #e9e9e9);
    background: -ms-linear-gradient(top, #fff, #e9e9e9);
    background: -o-linear-gradient(top, #fff, #e9e9e9);
}

.tbl-stopPoint thead tr {
    border: 1px solid #ccc;
}
/*.tbl-stopPoint tr:hover {background:#fff; color:#000000;}*/

.tbl-stopPoint-split {
    padding: 0 5px 0 5px;
    width: 48%;
    min-width: 240px;
}

.grid-route {
    width: 100%;
    background: #ffe9d5;
    overflow: hidden;
    font-size: 11px;
    color: #333;
}

    .grid-route li {
        float: left;
        margin: 0 5px 0 8px;
        line-height: 16px;
    }

.stop-line {
    border-right: 2px solid #fff;
}

.olFramedCloudPopupContent {
    padding: 0;
    top: 20px !important;
    bottom: 15px !important;
}

#stopOptions_close {
    top: 29px !important;
    right: 42px !important;
}

#stopOptions_FrameDecorationDiv_4 {
    z-index: 1;
}

#stopOptions_FrameDecorationDiv_0 img, #stopOptions_FrameDecorationDiv_1 img, #stopOptions_FrameDecorationDiv_2 img, #stopOptions_FrameDecorationDiv_3 img {
    display: none;
    height: 0;
    width: 0;
    font: 0;
    line-height: 0;
}

/*--- vehicle detail page on 10/5/2012 ---*/
.vechicleDetail {
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    padding-bottom: 10px;
    float: left;
    width: 100%;
    background: -moz-linear-gradient(top, #fff, #f4f4f4);
}

#vehicleTab ul.mtab {
    float: right;
}

/*---- overview report -----*/
ul.systemOverview-graph, ul.OverviewRpt {
    width: 100%;
    font-size: 12px;
    color: #333;
    float: left;
    overflow: hidden;
}

ul.systemOverview-report {
    width: 97%;
    float: left;
    margin-left: 5px;
}

.systemOverview-graph li, .systemOverview-report li {
    float: left;
}

.graphFirst {
    height: 10px;
    background-color: #54f054;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #54f054), color-stop(1, #2bc253));
    background-image: -moz-linear-gradient(#54f054, #2bc253);
    background-image: -o-linear-gradient(#54f054, #2bc253);
}


.graphMid {
    height: 10px;
    background-color: #ffc090;
    background-image: -moz-linear-gradient(top, #ffc090, #e76200);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffc090),color-stop(1, #e76200));
    background-image: -webkit-linear-gradient(#ffc090, #e76200);
    background-image: -o-linear-gradient(#ffc090, #e76200);
}

.graphLast {
    height: 10px;
    background-color: #ffacac;
    background-image: -moz-linear-gradient(top, #ffacac, #ce2020);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffacac),color-stop(1, #ce2020));
    background-image: -webkit-linear-gradient(#ffacac, #ce2020);
    background-image: -o-linear-gradient(#ffacac, #ce2020);
}

.graphWrap {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #e9e9e9;
    background-image: -moz-linear-gradient(top, #E9E9E9, #ffffff);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E9E9E9),color-stop(1, #ffffff));
    background-image: -webkit-linear-gradient(#E9E9E9, #ffffff);
    background-image: -o-linear-gradient(#E9E9E9, #ffffff);
    border: 1px solid #d3d3d3;
    float: left;
    width: 97%;
    padding: 5px 5px 5px 5px;
}

.systemOverview {
    float: left;
    border: 1px solid #d3d3d3;
    width: 98%;
    padding: 5px 5px;
}

.graph-head {
    background: #e9e9e9;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #fff, #e9e9e9);
    background: -moz-linear-gradient(top, #fff, #e9e9e9);
    background: -ms-linear-gradient(top, #fff, #e9e9e9);
    background: -o-linear-gradient(top, #fff, #e9e9e9);
    padding-left: 5px;
}

/* added by tejas vaishnav*/
.settings-success-msg {
    border-bottom: 1px solid #8CBA18;
    background-color: #DFF2BF;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-bottom: 5px;
    padding: 0 0 0 15px;
    vertical-align: middle;
    width: 98.7%;
    color: #4F8A10;
    margin-bottom: 12px;
}

    .settings-success-msg span {
        float: left;
    }

    .settings-success-msg img {
        float: right;
        padding-right: 10px;
        cursor: pointer;
        padding-top: 10px;
    }

.settings-error-msg {
    border-bottom: 1px solid #D8000C;
    background-color: #FFBABA;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-bottom: 5px;
    padding: 0 0 0 15px;
    vertical-align: middle;
    width: 98.7%;
    color: #D8000C;
    margin-bottom: 12px;
}

    .settings-error-msg span {
        float: left;
    }

    .settings-error-msg img {
        float: right;
        padding-right: 10px;
        cursor: pointer;
        padding-top: 10px;
    }

#backToTop {
    float: right;
    cursor: pointer;
    text-decoration: underline;
}

.empty-box1 label {
    font-size: 11px;
    font-weight: normal;
    float: right;
    padding-top: 4px;
}

.empty-box1 span {
    font-size: 11px;
    font-weight: normal;
    float: right;
    padding-top: 4px;
    padding-right: 4px;
}

.empty-box1 a {
    font-weight: bold;
}

.empty-box1 select {
    float: right;
    font-size: 10px;
    padding: 1px;
    height: auto;
}

#stopTabs {
    position: absolute;
    right: 579px;
    top: 99px;
}

#connectionStateTabs {
    position: absolute;
    left: 430px;
    top: 99px;
}
/* Loader padding*/
.loader-padding {
    padding-left: 120px;
}

.access-denied {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -webkit-border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 40px;
    -moz-border-radius-bottomleft: 40px;
    border-bottom-right-radius: 0;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .7 );
    -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .7 );
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .7 );
    border: 6px solid rgba(0, 0, 0, .2);
    background: #f1f1f1; /*background-repeat: repeat-x;      background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));      background: -webkit-linear-gradient(top, #fff, #e9e9e9);	     background: -moz-linear-gradient(top, #fff, #e9e9e9);      background: -ms-linear-gradient(top, #fff, #e9e9e9);     background: -o-linear-gradient(top, #fff, #e9e9e9);*/
    margin: 10% auto;
    text-align: center;
    min-height: 150px;
    padding-top: 30px;
    width: 476px;
    font-family: 'CenturyGothic-Bold';
    font-size: 18px;
    opacity: .8;
    filter: alpha(opacity=80);
    border-radius: 5px \0;
    behavior: url(/PIE.htc);
    border: 5px solid #d1d1d1 \0;
}

.color-inherit {
    color: inherit !important;
}

.liveServices {
    /*max-height: 100px;*/
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 5px;
}

.stops-vehicle-popup {
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
}

.lblGridTitleFont {
    font-size: 11px;
}

.lpad5 {
    padding-top: 5px;
}

.vehicleHistoryGrid {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 5px;
}

.stop-service {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 5px;
}

.text-transform-none {
    text-transform: none;
}

.popup-button {
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    background: #f3f2f2;
    float: right;
    font-size: 11px;
    font-family: 'CenturyGothic-Bold';
    color: #333;
    padding: 3px 15px;
    margin: 5px 5px 5px 15px;
}

/*maps css*/
#stopOptions_contentDiv {
    z-index: 5;
}
/*width:530px !important*/

/*new css*/
.foot-link p img {
    vertical-align: middle;
}
/* added by Tejas Vaishnav */
.btn-percent-gray {
    float: left;
    width: 9.5%;
    height: 32px;
    text-align: center;
    margin-right: 10px;
    background: #f7f7f7;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#e0e0e0));
    background: -webkit-linear-gradient(top, #e0e0e0, #f7f7f7);
    background: -moz-linear-gradient(top, #e0e0e0, #f7f7f7);
    background: -ms-linear-gradient(top, #e0e0e0, #f7f7f7);
    background: -o-linear-gradient(top, #e0e0e0, #f7f7f7);
    -pie-background: linear-gradient(#e0e0e0, #f7f7f7);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    behavior: url(/PIE.htc);
    position: relative;
}

.kpi-btn-darktxt {
    float: left;
    font-size: 22px;
    color: #696969;
    text-shadow: 1px 1px 1px #ffffff;
    margin: 5px 0 0 43%;
    font-family: 'CenturyGothic-Bold';
}



/* login toggel style starts */
/*.right-links-top {float:right; width:30%; position:fixed; z-index:9} /* width:82% changed to 30% as map area was not clickable*/
.right-links-top {
    float: right;
    right: 7px;
    width: 75%;
    position: fixed;
    z-index: 9;
}
/* width:82% changed to 30% as map area was not clickable*/ /*change done on 27/11/2012*/
a:focus {
    outline: none;
}

#panel {
    /*overflow:hidden; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px;  -webkit-border-radius:0 0 5px 5px;  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.41, #f1f4f6), color-stop(0.86, #eff2f4)); background-image: -moz-linear-gradient(center bottom, #f1f4f6 41%, #eff2f4 86% ); background: url(/images/login-bg-new.png) repeat-x;*/
    height: 56px;
    position: relative;
    margin-right: 0;
    float: right;
}

.slide {
    margin-top: 0px;
    padding: 0;
    margin-right: 11px;
    position: relative;
    color: #fff;
    width: 25px;
    float: right;
    opacity: 0.9;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px; /*top:-31px;*/
    right: -10px; /* -webkit-border-radius:0 0 5px 5px; background:#ffae6b; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.41, #F2F2F2), color-stop(0.86, #ebe8e8)); background-image: -moz-linear-gradient(center bottom, #F2F2F2 41%, #ebe8e8 86% );*/
    z-index: 9;
}

.btn-slide {
    background: url("/images/white-arrow.png") no-repeat scroll 0 6px transparent;
    height: 31px;
    margin: 0 auto;
    display: block;
    color: #000;
    text-decoration: none;
    font-family: 'CenturyGothic';
    font-size: 14px;
    opacity: 0.8;
}

.btn-slide-arrow {
    background: url("/Images/zoom-arrow-expand.jpg") no-repeat scroll -13px -1px transparent !important;
}

.btn-slide:hover {
    color: #000;
}

.active {
    background-position: 0px -47px;
}

.show_hide {
    background: url(/images/accordian-arrow-out.png) right center no-repeat;
    width: 46px;
    height: 32px;
    float: right;
    /*margin-right: 4px;*/
    margin-top: -7px;
}

    .show_hide a {
        width: 18px;
        height: 11px;
    }

.DownArrow {
    display: none;
    background: url(/images/accordian-down.png) right center no-repeat;
    width: 46px;
    height: 32px;
    float: right;
    margin-right: 4px;
    margin-top: -7px;
}
/*.fixed{position:fixed; height:92px;}
.fixed-height{height:92px;}*/

/*vehical summary*/
.Vehicle_Summary tr td {
    vertical-align: top !important;
}

.Vehicle_Summary_inn_div1 {
    margin: 0 auto;
}

.Vehicle_Summary_inn_div2 {
    margin: 0 auto;
}




/*overall-performance-srch*/

.overall-performance-srch {
    font-size: 11px;
}

.srch-label {
    font-size: 11px;
    font-family: 'CenturyGothic-Bold';
    display: block;
    margin: 5px 0;
}

.OP-srch-error-msg {
    color: #ff0000;
    font-size: 12px;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #f1bebe;
    background: #f3d8d8;
    margin-top: 5px;
}

.OP-srch-warning-msg {
    color: #9F6000;
    font-size: 12px;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #F0C36D;
    background: #F9EDBE;
    margin-top: 5px;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.18
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
        border-bottom: 1px solid #FFFFFF;
        background-color: #F1F1F1;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: .2em .4em;
            line-height: 1.5;
            zoom: 1;
            font-size: 11px;
        }

            .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: bold;
                background: #EE8B21 !important;
                margin: -1px;
                color: #ffffff !important;
                text-align: left !important;
            }

.op-srch {
    margin: 5px 0;
}

.OP-srch-grid {
    float: left;
    width: 100%;
    overflow-x: auto;
    padding-bottom: 5px; /*max-height: 150px;*/
}

.OP-srch-contianer {
    margin-top: 5px;
}

.OP-srch-dialogue-header {
    background: #000;
    padding-left: 10px;
    display: block;
    font-size: 11px;
    padding: 5px;
    background: #c9c9c9;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c9c9c9), to(#939393));
    background: -webkit-linear-gradient(top, #c9c9c9, #939393);
    background: -moz-linear-gradient(top, #c9c9c9, #939393);
    background: -ms-linear-gradient(top, #c9c9c9, #939393);
    background: -o-linear-gradient(top, #c9c9c9, #939393);
    -pie-background: linear-gradient(#c9c9c9, #939393);
    behavior: url(/PIE.htc);
}

.select-type-btn a {
    padding: 5px;
    background: #faa13f;
    border: 0;
    -webkit-box-shadow: 1px 1px 0 #a79990;
    -moz-box-shadow: 1px 1px 0 #a79990;
    box-shadow: 1px 1px 0 #a79990;
    behavior: url(/PIE.htc);
    border-radius: 2px;
    float: left;
}
/*.select-type-btn a:hover{ padding:5px;  background:#faa13f; border:0; -webkit-box-shadow: 1px 1px 0 #a79990; -moz-box-shadow: 1px 1px 0 #a79990; box-shadow: 1px 1px 0 #a79990; behavior: url(/PIE.htc); border-radius:2px; float:left}

.clear-btn a{ padding:3px 8px; float:left;	color:#666766; font-size:12px; text-decoration:none; background:#eaeaea; background-repeat: repeat-x;	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#e9e9e9)); background: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9); background: -moz-linear-gradient(top, #f6f6f6, #e9e9e9); background: -ms-linear-gradient(top, #f6f6f6, #e9e9e9); background: -o-linear-gradient(top, #f6f6f6, #e9e9e9); -pie-background: linear-gradient(#f6f6f6, #e9e9e9); border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #c5ced6; /*-moz-box-shadow: 0 0 1px #ccc; -webkit-box-shadow: 1px 0 1px #ccc; box-shadow: 0 0 1px #ccc;*}
*/
.left-float {
    float: left;
}

.clear {
    clear: both;
}

.OP-SearchBox {
    padding-top: 20px;
}


/* Cancel Journey */
.grid-acrd-journeydetail {
    width: 80%;
    font-family: 'CenturyGothic';
    padding: 0;
    margin-top: 5px;
    border-collapse: collapse;
}

    .grid-acrd-journeydetail thead {
        background: #e9e9e9;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
        background: -webkit-linear-gradient(top, #fff, #e9e9e9);
        background: -moz-linear-gradient(top, #fff, #e9e9e9);
        background: -ms-linear-gradient(top, #fff, #e9e9e9);
        background: -o-linear-gradient(top, #fff, #e9e9e9);
    }

    .grid-acrd-journeydetail thead {
        background: #e9e9e9;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
        background: -webkit-linear-gradient(top, #fff, #e9e9e9);
        background: -moz-linear-gradient(top, #fff, #e9e9e9);
        background: -ms-linear-gradient(top, #fff, #e9e9e9);
        background: -o-linear-gradient(top, #fff, #e9e9e9);
    }

        .grid-acrd-journeydetail thead th {
            padding: 5px 3px;
            text-align: center;
            border: 1px solid #aaa;
        }

        .grid-acrd-journeydetail thead td {
            padding: 0 3px;
            text-align: center;
            border-left: 1px solid #fff;
            border-bottom: 1px solid #fff;
        }

        .grid-acrd-journeydetail thead th, .grid-acrd-journeydetail thead th a {
            text-align: center;
            color: #333;
            font-family: 'CenturyGothic-Bold';
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
        }

        .grid-acrd-journeydetail thead td {
            text-align: center;
            color: #333;
            font-family: 'CenturyGothic-Bold';
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
        }

        .grid-acrd-journeydetail thead th a:hover {
            color: #6f6f6f;
        }

    .grid-acrd-journeydetail tbody tr {
        border-right: 1px solid #cecece;
    }

        .grid-acrd-journeydetail tbody tr td {
            height: 25px;
            line-height: 16px;
            vertical-align: middle;
            text-align: center;
            border-left: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
        }

            .grid-acrd-journeydetail tbody tr td img {
                float: left;
                height: 25px;
                padding: 0 0 0 3px;
            }

            .grid-acrd-journeydetail tbody tr td div {
                height: 100%;
                width: 100%;
                line-height: 25px;
                vertical-align: middle;
            }

            .grid-acrd-journeydetail tbody tr td, .grid-acrd-journeydetail tbody tr td a {
                color: #333;
                font-size: 11px;
            }

    .grid-acrd-journeydetail tfoot tr td {
        padding-top: 10px;
    }

        .grid-acrd-journeydetail tfoot tr td, .grid-acrd-journeydetail tfoot tr td a:link {
            color: #000;
            font-size: 11px;
        }

            .grid-acrd-journeydetail tfoot tr td a:hover {
                color: #ccc;
                font-size: 11px;
            }

            .grid-acrd-journeydetail tfoot tr td a:active {
                color: #000;
                font-size: 11px;
                font-family: 'CenturyGothic-Bold';
            }


.grid-acrd-stoppoints {
    width: 98%;
    font-family: 'CenturyGothic';
    padding: 0;
    margin-top: 5px;
    border-collapse: collapse;
}

    .grid-acrd-stoppoints thead {
        background: #505050;
        background-repeat: repeat-x;
    }

        .grid-acrd-stoppoints thead th {
            padding: 5px 3px;
            text-align: center;
            border: 1px solid #aaa;
        }

        .grid-acrd-stoppoints thead td {
            padding: 0 3px;
            text-align: center;
            border-left: 1px solid #fff;
            border-bottom: 1px solid #fff;
        }

        .grid-acrd-stoppoints thead th, .grid-acrd-stoppoints thead th a {
            text-align: center;
            color: #ffffff;
            font-family: 'CenturyGothic-Bold';
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
        }

        .grid-acrd-stoppoints thead td {
            text-align: center;
            color: #333;
            font-family: 'CenturyGothic-Bold';
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
        }

        .grid-acrd-stoppoints thead th a:hover {
            color: #6f6f6f;
        }

    .grid-acrd-stoppoints tbody tr {
        border-right: 1px solid #cecece;
        cursor: pointer;
    }

        .grid-acrd-stoppoints tbody tr td {
            height: 19px;
            line-height: 16px;
            vertical-align: middle;
            text-align: center;
            border-left: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
        }

            .grid-acrd-stoppoints tbody tr td img {
                float: left;
                height: 25px;
                padding: 0 0 0 3px;
            }

            .grid-acrd-stoppoints tbody tr td div {
                height: 100%;
                width: 100%;
                line-height: 25px;
                vertical-align: middle;
            }

            .grid-acrd-stoppoints tbody tr td, .grid-acrd-stoppoints tbody tr td a {
                color: #333;
                font-size: 11px;
            }

    .grid-acrd-stoppoints tfoot tr td {
        padding-top: 10px;
    }

        .grid-acrd-stoppoints tfoot tr td, .grid-acrd-stoppoints tfoot tr td a:link {
            color: #000;
            font-size: 11px;
        }

            .grid-acrd-stoppoints tfoot tr td a:hover {
                color: #ccc;
                font-size: 11px;
            }

            .grid-acrd-stoppoints tfoot tr td a:active {
                color: #000;
                font-size: 11px;
                font-family: 'CenturyGothic-Bold';
            }

.selected-row {
    background: #FFE9D5;
}

.select-vehicle {
    font-size: 11px !important;
    padding: 1px !important;
    height: 20px !important;
    width: 155px;
}

.select-dropdown {
    font-size: 13px !important;
    padding: 1px !important;
    height: 23px !important;
    width: 155px;
    float: left;
    box-shadow: inset 1px 1px 0px #ccc;
    padding: 3px;
    color: #797979;
    /*margin-bottom: 2px;*/
}

.select-display-type {
    font-size: 11px !important;
    padding: 1px !important;
    height: 20px !important;
    width: 125px;
}

#stop-list {
    font-size: 11px;
    font-family: 'CenturyGothic-Bold';
}

.cancle-journey {
    float: left;
    margin-bottom: 5px;
    padding: 0 0 0 15px;
    width: 96%;
    line-height: 35px;
    height: 35px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
}

    .cancle-journey input[type=button], .cancle-journey input[type=button].ui-state-default {
        cursor: pointer;
        font-size: 12px;
        font-weight: normal;
        font-family: 'CenturyGothic';
        height: 25px;
        padding: 0 8px;
        color: #fff;
        background: #595959;
        text-decoration: none;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#595959), to(#343434));
        background: -webkit-linear-gradient(top, #595959, #343434);
        background: -moz-linear-gradient(top, #595959, #343434);
        background: -ms-linear-gradient(top, #595959, #343434);
        background: -o-linear-gradient(top, #595959, #343434);
        border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #000;
    }

.med-span {
    font-size: 14px;
    font-weight: bold;
}

.chk-small {
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    font-family: 'CenturyGothic';
    font-size: 15px;
    height: 10px;
    line-height: 1em;
    margin: 0 !important;
    padding: 0;
    vertical-align: middle !important;
    width: 10px;
}

.simple-anchor {
    text-decoration: underline !important;
    color: Blue !important;
    font-size: 12px;
    cursor: pointer;
}

.gray-anchor {
    text-decoration: none;
    color: Gray !important;
    font-size: 12px;
    cursor: default;
}

.white-anchor {
    font-size: 11px;
    color: #ffffff !important;
    margin-left: 60px;
}

.white-anchor-left {
    font-size: 11px;
    color: #ffffff !important;
    margin-left: 136px;
}

.Vehicle_Summary_inn_div2 {
    margin: 0 auto;
}

#dvSearch input, #divDisplayDetailsFields input {
    height: 17px;
    width: 200px;
    background: #f1f1f1;
    border: 1px solid #f7f7f6;
    border-radius: 3px;
    margin: 5px 0;
    border-radius: 3px;
    box-shadow: inset 1px 1px 0px #ccc;
    padding: 3px;
    color: #797979;
    font-size: 13px;
    font-family: 'CenturyGothic';
    border-radius: 4px !important;
}


/* Route Link Editor */
.select-linename {
    font-size: 11px !important;
    padding: 1px !important;
    height: 20px !important;
    width: 130px;
}

.showWaitImage {
    z-index: 10000;
    position: absolute;
    background-image: url(/Images/shadow.png);
    background-position: left top;
    background-repeat: repeat;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}


/* new  vehicle popup css */
.tbl-stopPoint-split-right {
    padding: 0 0px 0 0px;
    width: 48%;
    min-width: 240px;
}

.stopped-lft {
    float: left;
    width: 49%;
    padding-left: 5px;
}

.stopped-rgt {
    float: left;
    width: 49%;
    padding-left: 5px;
}
/*comment sec pop up*/
/*.popbox { margin:0px auto; text-align:center; position:relative; width:auto !important}
.collapse { position:relative; z-index:99;}
.open { position:relative;}
.box { display:block; display:none; background:#FFF; border:solid 1px #BBBBBB; border-radius:5px; box-shadow:0px 0px 15px #999; position:absolute; }
.box p{ padding:0 0 5px 0px;}
.arrow-top {width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #FFF; position:absolute; left:1px; top:-10px; z-index:1001;}
.arrow-border { width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #BBBBBB; position:absolute; top:-12px; z-index:1000; }
.collapse label { display: block; }
.collapse form { padding: 25px; text-align:left }
.collapse form input[type=text] { padding:5px; width:95%; border:solid 1px #CCC; margin-bottom:10px;}
.collapse form textarea { padding:5px; width:90%; border:solid 1px #CCC; border: 1px solid #CCCCCC; border-radius: 5px;	-webkit-border-radius: 5px; -webkit-box-shadow:inset 1px 1px 0px #dedede; -moz-box-shadow:inset 1px 1px 0px #dedede; box-shadow:inset 1px 1px 0px #dedede; padding:5px; color:#797979; font-size:14px; font-family:"CenturyGothic"; min-width:95%; max-width:95% }
.box { width:350px; }
.collapse form input[type=submit]{ padding:3px 8px; cursor:pointer; color:#666766; font-size:12px; text-decoration:none; background:#eaeaea; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#e9e9e9)); background: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9); background: -moz-linear-gradient(top, #f6f6f6, #e9e9e9); background: -ms-linear-gradient(top, #f6f6f6, #e9e9e9); background: -o-linear-gradient(top, #f6f6f6, #e9e9e9); -pie-background: linear-gradient(#f6f6f6, #e9e9e9); border-radius:4px; -webkit-border-radius:4px;border:1px solid #c5ced6;}
.close {padding:4px 8px; color:#666766; font-size:12px; text-decoration:none; background:#eaeaea; background-repeat: repeat-x;	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#e9e9e9)); background: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9); background: -moz-linear-gradient(top, #f6f6f6, #e9e9e9); background: -ms-linear-gradient(top, #f6f6f6, #e9e9e9); background: -o-linear-gradient(top, #f6f6f6, #e9e9e9); -pie-background: linear-gradient(#f6f6f6, #e9e9e9); border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #c5ced6; /*-moz-box-shadow: 0 0 1px #ccc; -webkit-box-shadow: 1px 0 1px #ccc; box-shadow: 0 0 1px #ccc;}*/
/*.diary-input{ margin:10px 0 0 0}
.result{color: Red; font-size: 11px;}*/

.popbox {
    margin: 0px auto;
    text-align: center;
    position: relative;
    width: auto !important;
}

.collapse {
    position: relative;
    z-index: 1000;
}

.open {
    position: relative;
}

.box {
    display: block;
    width: 320px;
    padding: 10px;
    display: none;
    background: #FFF;
    border: solid 1px #BBBBBB;
    border-radius: 5px;
    box-shadow: 0px 0px 15px #999;
    position: absolute; /*left:103px !important;top: 30px !important;*/
}

    .box p {
        padding: 0 0 5px 0px;
        text-align: center;
    }

.arrow-top {
    width: 0;
    height: 0;
    height: 17px;
    width: 18px;
    background: url(/images/cmt-arrow-top.png) right center no-repeat;
    position: absolute;
    left: 47% !important;
    top: -14px !important;
    z-index: 1001;
}
/*.arrow-border { width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #BBBBBB; position:absolute; top:-12px; z-index:1000; }*/
.collapse label {
    display: block;
}

.collapse form {
    text-align: left;
}

    .collapse form textarea {
        padding: 5px;
        width: 90%;
        border: solid 1px #CCC;
        border: 1px solid #CCCCCC;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-box-shadow: inset 1px 1px 0px #dedede;
        -moz-box-shadow: inset 1px 1px 0px #dedede;
        box-shadow: inset 1px 1px 0px #dedede;
        padding: 5px;
        color: #797979;
        font-size: 14px;
        font-family: 'CenturyGothic';
        min-width: 95%;
        max-width: 95%;
    }

.notification-icon {
    background: url(/images/notification-icon.png) top left no-repeat;
    height: 14px;
    width: 17px;
    position: relative;
    display: block;
    margin: 1px 18px 0 0;
    position: relative;
}

.msg-notification {
    background: url(/images/message.png) 1px top no-repeat !important;
    padding: 0 13px;
    margin-right: 15px;
}

.msg-notification-number {
    left: 30px !important;
}

/*.notification-number {
    background: none repeat scroll 0 0 red;
    border-radius: 19px 19px 19px 19px;
    font-size: 11px;
    left: 14px;
    min-height: 13px;
    min-width: 13px;
    padding: 3px 0 2px 5px;
    position: absolute;
    top: 1px;
    behavior: url(/PIE.htc);
}*/

.notification-number {
    background: #ff0000 none repeat scroll 0 0;
    border-radius: 50%;
    font-size: 11px;
    left: 14px;
    line-height: 15px;
    min-height: 13px;
    min-width: 13px;
    padding: 3px 5px 3px 3px;
    position: absolute;
    text-align: center;
    top: 1px;
}

    .notification-number a {
        color: #FFFFFF;
    }

.notification-container {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.vehicle-time-container {
    border: 1px solid #BBBBBB;
}

    .vehicle-time-container h2 {
        background: #738a9c;
        position: relative;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#738a9c), to(#8fabc1));
        background: -webkit-linear-gradient(#738a9c, #8fabc1);
        background: -moz-linear-gradient(#738a9c, #8fabc1);
        background: -ms-linear-gradient(#738a9c, #8fabc1);
        background: -o-linear-gradient(#738a9c, #8fabc1);
        background: linear-gradient(#738a9c, #8fabc1);
        -pie-background: linear-gradient(#738a9c, #8fabc1);
        behavior: url(/PIE.htc);
        padding: 8px 0 0 10px;
        height: 23px;
        box-shadow: 0 1px 2px #848484;
        margin: 0 0 3px 0;
        color: #fff;
        text-align: center;
    }
/*.vehicle-time-container h2{background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9)); background: -webkit-linear-gradient(top, #fff, #e9e9e9);
						   background: -moz-linear-gradient(top, #fff, #e9e9e9); background: -ms-linear-gradient(top, #fff, #e9e9e9); background: -o-linear-gradient(top, #fff, #e9e9e9);
							padding:8px 0 0 10px; height:29px; box-shadow:0 1px 2px; margin:0 0 3px 0;}*/
.vehicle-time-panel {
}

.notifcation-panel {
    padding: 15px 5px;
    font-size: 11.5px;
    height: auto;
    margin: 0;
    border-bottom: solid 1px #BBBBBB;
    text-align: left;
}

    .notifcation-panel span {
        float: right;
    }

.notifcation-panel-unread {
    padding: 15px 5px;
    font-size: 11.3px;
    margin: 0;
    border-bottom: solid 1px #BBBBBB;
    background: none repeat scroll 0 0 #F9EDBE;
    text-align: left;
}

    .notifcation-panel-unread a {
        text-decoration: underline;
    }

.notifcation-panel:hover {
    background: #fff9e3;
}

.notifcation-panel-unread span {
    float: right;
}

.notifcation-panel a {
    color: #333333;
    text-decoration: underline;
}

.collapse form input[type=submit] {
    padding: 0px 4px;
    cursor: pointer;
    color: #666766;
    font-size: 12px;
    text-decoration: none;
    background: #eaeaea;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -moz-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -ms-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -o-linear-gradient(top, #f6f6f6, #e9e9e9);
    -pie-background: linear-gradient(#f6f6f6, #e9e9e9);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #c5ced6;
}

.close {
    padding: 0px 4px;
    color: #666766;
    font-size: 12px;
    text-decoration: none;
    background: #eaeaea;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -moz-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -ms-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -o-linear-gradient(top, #f6f6f6, #e9e9e9);
    -pie-background: linear-gradient(#f6f6f6, #e9e9e9);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #c5ced6; /*-moz-box-shadow: 0 0 1px #ccc; -webkit-box-shadow: 1px 0 1px #ccc; box-shadow: 0 0 1px #ccc;*/
}

.diary-input {
    margin: 3px 0 0 0;
}

.result {
    color: Red;
    font-size: 11px;
}

.commnt-txt-bx {
    padding: 2px !important;
    width: 95% !important;
    border: solid 1px #CCC !important;
    margin-bottom: 3px;
    font-size: 11px !important;
    height: 17px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 1px 1px 0px #dedede;
    -moz-box-shadow: inset 1px 1px 0px #dedede;
    box-shadow: inset 1px 1px 0px #dedede;
    color: #797979;
    font-family: 'CenturyGothic';
}

.cmmt-txtarea {
    padding: 2px !important;
    width: 95% !important;
    border: solid 1px #CCC;
    margin-bottom: 3px;
    font-size: 11px !important;
}
/*.highlight{background-color: #F9EDBE !important;}*/
.hover {
    background-color: #F9EDBE !important;
    color: #000000 !important;
}

.row-click {
    background-color: #F0C36D !important;
    color: #000000 !important;
}

.accordion-table-container {
    float: left;
    max-height: 239px;
    overflow-x: auto;
    padding-bottom: 5px;
    width: 100%;
}

.grid-acrd-assignfleet {
    width: 100%;
    font-family: 'CenturyGothic';
    padding: 0;
    margin-top: 5px;
    border-collapse: collapse;
}

    .grid-acrd-assignfleet thead {
        background: #e9e9e9;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
        background: -webkit-linear-gradient(top, #fff, #e9e9e9);
        background: -moz-linear-gradient(top, #fff, #e9e9e9);
        background: -ms-linear-gradient(top, #fff, #e9e9e9);
        background: -o-linear-gradient(top, #fff, #e9e9e9);
    }

    .grid-acrd-assignfleet thead {
        background: #e9e9e9;
        background-repeat: repeat-x;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e9e9e9));
        background: -webkit-linear-gradient(top, #fff, #e9e9e9);
        background: -moz-linear-gradient(top, #fff, #e9e9e9);
        background: -ms-linear-gradient(top, #fff, #e9e9e9);
        background: -o-linear-gradient(top, #fff, #e9e9e9);
    }

        .grid-acrd-assignfleet thead th {
            padding: 5px 3px;
            text-align: center;
            border: 1px solid #aaa;
        }

        .grid-acrd-assignfleet thead td {
            padding: 0 3px;
            text-align: center;
            border-left: 1px solid #fff;
            border-bottom: 1px solid #fff;
        }

        .grid-acrd-assignfleet thead th, .grid-acrd-assignfleet thead th a {
            text-align: center;
            color: #333;
            font-weight: normal;
            font-family: 'CenturyGothic-Bold';
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
        }

        .grid-acrd-assignfleet thead td {
            text-align: center;
            color: #333;
            font-family: 'CenturyGothic-Bold';
            font-size: 11px;
            text-align: center;
            vertical-align: middle;
        }

        .grid-acrd-assignfleet thead th a:hover {
            color: #6f6f6f;
        }

    .grid-acrd-assignfleet tbody tr {
        border-right: 1px solid #cecece;
        cursor: pointer !important;
    }

        .grid-acrd-assignfleet tbody tr td {
            height: 25px;
            line-height: 16px;
            vertical-align: middle;
            text-align: center;
            border-left: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
        }

            .grid-acrd-assignfleet tbody tr td img {
                float: left;
                height: 25px;
                padding: 0 0 0 3px;
            }

            .grid-acrd-assignfleet tbody tr td div {
                height: 100%;
                width: 100%;
                line-height: 25px;
                vertical-align: middle;
            }

        .grid-acrd-assignfleet tbody tr td, .grid-acrd-journeydetail tbody tr td a {
            color: #333;
            font-size: 11px;
        }

    .grid-acrd-assignfleet tfoot tr td {
        padding-top: 10px;
    }

    .grid-acrd-assignfleet tfoot tr td, .grid-acrd-journeydetail tfoot tr td a:link {
        color: #000;
        font-size: 11px;
    }

        .grid-acrd-assignfleet tfoot tr td a:hover {
            color: #ccc;
            font-size: 11px;
        }

        .grid-acrd-assignfleet tfoot tr td a:active {
            color: #000;
            font-size: 11px;
            font-weight: bold;
            font-family: 'CenturyGothic-Bold';
        }

.underline {
    text-decoration: underline;
}

/* Updated menu style-added by Tejas Vaishnav ICR-4640*/
#menu-nav {
    /*width: 765px;*/
    /*width:652px;*/
    clear: both;
    padding: 0;
    /*padding-right:10px;*/
    margin: 0;
    height: 27px;
    font-size: 12px;
    margin-top: 11px;
    float: right;
    border: 1px solid #919191;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    font-family: 'CenturyGothic-Bold';
    line-height: 33px;
    background: #e67e24; /* Old browsers */
    background: -moz-linear-gradient(top, #e67e24 0%, #ee8b21 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e67e24), color-stop(100%, #ee8b21)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e67e24 0%, #ee8b21 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e67e24 0%, #ee8b21 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e67e24 0%, #ee8b21 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e67e24 0%, #ee8b21 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e67e24', endColorstr='#ee8b21', GradientType=0 ); /* IE6-9 */
    transition: all 0.6s linear 0s;
}

    #menu-nav ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        z-index: 999;
    }

    #menu-nav li {
        display: inline;
        z-index: 999;
        background-image: url(/Images/Menu/divider.jpg);
        background-repeat: no-repeat;
        background-position: left top;
        line-height: 27px;
        float: left;
        position: relative;
    }
    /* main level link */
    #menu-nav a {
        color: #FFFFFF;
        text-decoration: none;
        padding: 0 18px;
    }

        #menu-nav a:hover {
            color: #f35e22 !important;
            text-decoration: none;
            background: #e1e1e1; /* Old browsers */
            background: -moz-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(100%, #f5f5f5)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%); /* IE10+ */
            background: linear-gradient(to bottom, #e1e1e1 0%, #f5f5f5 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f5f5f5', GradientType=0 ); /* IE6-9 */
            background-position: left top;
            line-height: 27px;
            float: left;
        }
    /* main level link hover */

    /* main level link hover */
    #menu-nav .current, #menu-nav li:hover > a {
        color: #fff;
        float: left;
        text-decoration: none;
    }

        #menu-nav .current span, #menu-nav li:hover > a span {
            height: 37px;
            color: #f35e22;
            display: inline-block;
            float: left;
            font-size: 13px;
            padding: 0 13px 0 0;
        }
    /* sub levels link hover */
    #menu-nav ul li:hover a, #menu-nav li:hover li a {
        border: none;
        color: #FFF;
        float: none;
        display: block;
    }

    #menu-nav ul a:hover {
        color: #f35e22;
    }
    /* dropdown */
    #menu-nav li:hover > ul {
        display: block;
        z-index: 999;
        margin: 2px 0 0 4px;
    }
    /* level 2 list */
    #menu-nav ul {
        display: none;
        margin: 0;
        padding: 0;
        width: 178px;
        position: absolute;
        top: 25px;
        left: -3px;
        border: 1px solid #919191;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        #menu-nav ul li {
            margin: 0;
            padding: 0;
            background: #e67e24; /* Old browsers */
            background: -moz-linear-gradient(top, #e67e24 0%, #ee8b21 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e67e24), color-stop(100%, #ee8b21)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #e67e24 0%, #ee8b21 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #e67e24 0%, #ee8b21 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #e67e24 0%, #ee8b21 100%); /* IE10+ */
            background: linear-gradient(to bottom, #e67e24 0%, #ee8b21 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e67e24', endColorstr='#ee8b21', GradientType=0 ); /* IE6-9 */
            width: 178px;
        }

        #menu-nav ul a {
            font-weight: normal;
            padding: 0 5px;
        }

        #menu-nav ul li:hover {
            background: #e1e1e1; /* Old browsers */
            background: -moz-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(100%, #f5f5f5)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%); /* IE10+ */
            background: linear-gradient(to bottom, #e1e1e1 0%, #f5f5f5 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f5f5f5', GradientType=0 ); /* IE6-9 */
        }

.input-nav {
    border: 1px solid #919191 !important;
    float: left !important;
    height: 12px !important;
    font-size: 11.5px !important;
    margin: 3px 0 4px 15px !important;
    width: 170px !important;
    background-color: white !important;
    background-image: none !important;
    padding: 4px !important;
    line-height: 12px;
}

.btn-nav {
    height: 22px;
    line-height: 20px;
    margin: 3px 0 0 0;
    width: 40px;
    font-size: 12px;
    background-color: #FFF;
    border: 1px solid #919191;
    background: #e1e1e1; /* Old browsers */
    background: -moz-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(100%, #f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e1e1e1 0%, #f5f5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f5f5f5', GradientType=0 ); /* IE6-9 */
    cursor: pointer;
}
/*experiment */
.running-grid-tdFleet {
    width: 68px;
}

    .running-grid-tdFleet a {
        color: #333333;
        font-size: 12px;
    }

.running-grid-tdFirstJourneyCode {
    width: 75px;
}

.running-grid-tdStartTime {
    width: 67px;
}

.running-grid-tdCurrentJourneyCode {
    width: 75px;
}

.running-grid-tdLastStopVisisted {
    width: 91px;
}

.running-grid-tdNextStop {
    width: 85px;
}

.running-grid-tdSched {
    width: 70px;
}

.running-grid-tdHeadFront {
    width: 70px;
}

.running-grid-tdHeadBehind {
    width: 72px;
}

.running-grid-tdPatronage {
    width: 93px;
}

.running-grid-tdCurrentJourney {
    width: 76px;
}

.running-grid-tdNextJourney {
    width: 75px;
}

.running-grid-tdLastJourneyCode {
    width: 75px;
}

.running-grid-tdEndTime {
    width: 50px;
}

.td-map {
    width: 54px;
}

.td-operator {
    width: 85px;
}

.td-running-board {
    width: 75px;
}

.running-header {
}

.running-header-patronage {
    width: 70px;
}

.running-header-text {
    width: 80px;
}

.tablescroll {
    width: 980px;
}

.tablescroll_head thead {
    background: -moz-linear-gradient(center top, #FFFFFF, #E9E9E9) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #E9E9E9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #E9E9E9 100%); /* Chrome10+,Safari5.1+ */
}

    .tablescroll_head thead tr th {
        border: 1px solid #AAAAAA;
        text-align: center;
        padding: 5px 4px;
    }

        .tablescroll_head thead tr th a {
            color: #333333;
            font-family: 'CenturyGothic-Bold';
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            vertical-align: middle;
        }

/**
	Default Theme
*/
.defaultTheme {
    border: 2px solid #E9EAF1;
    background: #FFFFE6;
    color: #000 !important;
    margin: 0;
    padding: 6px 12px;
    -moz-border-radius: 12px 12px 12px 0;
    -webkit-border-radius: 12px 12px 12px 0;
    -khtml-border-radius: 12px 12px 12px 0;
    border-radius: 12px 12px 12px 0;
    -moz-box-shadow: 2px 2px 5px #111; /* for Firefox 3.5+ */
    -webkit-box-shadow: 2px 2px 5px #111; /* for Safari and Chrome */
    box-shadow: 2px 2px 5px #111; /* for Safari and Chrome */
}
/*Added by Abhishek Trivedi - 29/Aug/2012 - New structure Public service detail grid*/
.tblDetailGrid {
    min-width: 200px;
    text-align: center;
    width: 200px;
    font-size: 11px;
}

    .tblDetailGrid tr {
        height: 20px;
    }

.tdDetailGridtd {
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    min-width: 49px;
    vertical-align: middle;
    width: 25%;
    /*position:relative;*/
}

.dsms-allo-span {
    position: relative;
}

.tdDetailGridtdBorderLeft {
    border-left: 1px solid #333333;
}

.tdDetailGridtdBorderRight {
    border-right: 2px solid #333333 !important;
}

.DetailGridStopName {
    padding: 6px 0 2px;
    border-bottom: 1px solid #aaa;
    font-size: 11px;
    vertical-align: middle;
    border-right: 1px solid #333;
}

.tblStopPointHeader {
    position: absolute;
    width: 200px;
    background: -moz-linear-gradient(center top, #FFFFFF, #E9E9E9) repeat scroll 0 0 transparent;
}

.tblStops {
    width: 200px;
}

    .tblStops tr {
        height: 20px;
    }
/* line diagram */
.main-80 {
    width: 100%;
    float: left;
    margin: 80px 0 0 0;
}

.div-full {
    width: 88%;
    float: left;
    background-image: url(/images/LineDiagram/bg-middle-line.jpg);
    background-repeat: repeat-x;
    background-position: left center;
    height: 170px;
    position: absolute;
}

.div-full-red {
    width: 88%;
    float: left;
    background-image: url(/images/LineDiagram/bg-middle-line-red.jpg);
    background-repeat: repeat-x;
    background-position: left center;
    height: 170px;
    position: absolute;
}

.box1 {
    width: 86%;
    position: absolute;
    float: left;
    height: 200px;
}
/*border-left:1px solid #c1c1c1;*/
.text {
    float: right;
    position: absolute;
    top: -37%;
    display: block;
    writing-mode: tb-rl;
    -webkit-transform: rotate(325deg);
    -moz-transform: rotate(325deg);
    -ms-transform: rotate(325deg);
    -o-transform: rotate(325deg);
    transform: rotate(325deg);
    position: absolute;
    writing-mode: lr-tb;
    width: 130px;
    font-size: 12px;
}

.text-inbound {
    float: right;
    position: absolute;
    top: 124%;
    display: block;
    writing-mode: tb-rl;
    -webkit-transform: rotate(395deg);
    -moz-transform: rotate(395deg);
    -ms-transform: rotate(395deg);
    -o-transform: rotate(395deg);
    transform: rotate(395deg);
    position: absolute;
    writing-mode: lr-tb;
    width: 130px;
    font-size: 12px;
}

.line-arrow {
    background-image: url(/images/LineDiagram/arrow-line.png);
    background-position: center center;
    background-repeat: no-repeat;
    float: none;
    height: 170px;
    left: -8px;
    position: absolute;
    width: 16px;
}
/*top:92px*/
.arrow-left {
    background-image: url(/images/LineDiagram/arrow-line-left.png);
    background-position: center center;
    background-repeat: no-repeat;
    float: none;
    height: 170px;
    left: -8px;
    position: absolute;
    width: 16px;
}
/*top:92px;*/

.container-top {
    width: 60px;
    height: auto;
    float: left;
    color: #000000;
    left: 10%;
    font-size: 9px;
    position: absolute;
    top: 22%;
}

.container-top-box {
    width: auto;
    height: auto;
    background: #e4e4e4;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    font-size: 11px;
    padding: 5px;
    margin-top: -13px;
    margin-bottom: 11px !important;
}

.container-top-bottom {
    background-image: url(/images/LineDiagram/arrow-bottom.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    float: left;
    height: 6px;
    left: 23px;
    position: absolute;
    top: 21px;
    width: 7px;
}

.container-down {
    width: 60px;
    height: auto;
    float: left;
    color: #000000;
    left: 10%;
    font-size: 9px;
    position: absolute;
    top: 52%;
}

.container-down-box {
    /*width: 65px;*/
    width: auto;
    height: 43px;
    background: #e4e4e4;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    padding: 5px;
}

.container-down-bottom {
    background-image: url(/images/LineDiagram/arrow-top.png);
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    height: 6px;
    left: 21px;
    position: absolute;
    top: -7px;
    width: 7px;
}

.arrow-new {
    background: url(/images/LineDiagram/arrow.png) left bottom repeat-x;
    width: 100%;
    height: 108px;
}

.arrow-box1 {
    float: left;
    border-left: 1px solid #c1c1c1;
    position: absolute;
    height: 170px;
}

.ui-dialog .ui-dialog-content {
    overflow: hidden !important;
}

.divPopup {
    display: none;
    position: absolute;
    width: 210px;
    margin-left: 5%;
    margin-top: 8%;
    background: #eeeeee;
    color: #000000;
    border: 1px solid #1a1a1a;
    z-index: 15;
    height: 150px;
    overflow: auto;
}

.container-down-p {
    font-size: 11px;
    line-height: 13px;
    color: #333;
    text-align: left;
    padding-left: 4px;
}

#vector-container {
    overflow-x: hidden;
    overflow-y: auto !important;
}

/* End Line diagram */
/* smart link class */
.hrefHeader-asc {
    background-image: url("/images/arrow_down.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 16px;
}

.hrefHeader-desc {
    background-image: url("/images/arrow_up.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 16px;
}

.ui-datepicker .ui-widget-header, .ui-multiselect-header {
    border: 1px solid #aaaaaa !important /*{borderColorHeader}*/;
    background: #cccccc url(smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x !important;
    color: #222222;
    font-weight: bold;
}

    .ui-datepicker .ui-widget-header a span {
    }

#ui-datepicker-div {
    border: 1px solid #aaaaaa /*{borderColorContent}*/;
    z-index: 999;
    background: #ffffff /*{bgColorContent}*/ url(smoothness/images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/ !important;
    color: #222222 !important /*{fcContent}*/;
}

.ui-datepicker .ui-datepicker-calendar tr td a.ui-state-default {
    width: 13px;
    text-align: center;
    padding: 4px !important;
    border: 1px solid #d3d3d3 !important;
    background: #e6e6e6 url(smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x !important;
    font-weight: normal;
    color: #555555 !important;
}

.ui-datepicker .ui-datepicker-calendar tr td span.ui-state-default {
    width: 13px;
    text-align: center;
    padding: 4px !important;
    border: 1px solid #d3d3d3 !important;
    background: #e6e6e6 url(smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x !important;
    font-weight: normal;
    color: #555555 !important;
}

.ui-datepicker .ui-datepicker-calendar tr td a.ui-state-highlight {
    width: 13px;
    text-align: center;
    padding: 4px !important;
    border: 1px solid #FCEFA1 !important;
    background: #FBF9EE /*{bgColorActive}*/ url(smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/ !important;
    color: #363636 !important;
}

.ui-datepicker .ui-datepicker-calendar tr td a.ui-state-hover {
    border: 1px solid #999999 /*{borderColorHover}*/ !important;
    background: #dadada /*{bgColorHover}*/ url(smoothness/images/ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlHover}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/ !important;
    font-weight: normal /*{fwDefault}*/ !important;
    color: #212121 !important;
}

.ui-datepicker .ui-datepicker-calendar tr td a.ui-state-active {
    background: url("smoothness/images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% top #FFE45C !important;
    border: 1px solid #AAAAAA !important;
    color: #212121 !important;
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-widget-header .ui-datepicker-next .ui-icon {
    background-image: url("smoothness/images/ui-icons_222222_256x240.png") !important;
}


.switchDefault button {
    width: 35px;
    border: 1px solid #ccc;
    background: none;
    cursor: pointer;
    font-size: 10px;
    vertical-align: middle;
    color: Gray;
    font-family: 'CenturyGothic-Bold';
    margin-left: 5px;
    padding: 0;
    height: 18px;
    border-radius: 25px;
    background: #f1f1f1;
    background: #f1f1f1 \0;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f1f1));
    background: -webkit-linear-gradient(top, #fff, #C0C0C0);
    background: -moz-linear-gradient(top, #fff, #C0C0C0);
    background: -ms-linear-gradient(top, #fff, #C0C0C0);
    background: -o-linear-gradient(top, #fff, #C0C0C0);
    -pie-background: linear-gradient(#fff, #C0C0C0);
    cursor: default;
}

.switchOn button {
    width: 35px;
    border: 1px solid #ccc;
    background: none;
    cursor: pointer;
    font-size: 10px;
    vertical-align: middle;
    color: #fff;
    font-family: 'CenturyGothic-Bold';
    margin-left: 5px;
    padding: 0;
    height: 18px;
    border-radius: 25px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    background: #f1f1f1;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f1f1));
    background: -webkit-linear-gradient(top, #fff, green);
    background: -moz-linear-gradient(top, #fff, green);
    background: -ms-linear-gradient(top, #fff, green);
    background: -o-linear-gradient(top, #fff, green);
    -pie-background: linear-gradient(#fff, green);
    behavior: url(/PIE.htc);
}

.switchOff button {
    width: 35px;
    border: 1px solid #ccc;
    background: none;
    cursor: pointer;
    font-size: 10px;
    vertical-align: middle;
    color: #fff;
    font-family: 'CenturyGothic-Bold';
    margin-left: 5px;
    padding: 0;
    height: 18px;
    border-radius: 25px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    background: red;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f1f1));
    background: -webkit-linear-gradient(top, #fff, red);
    background: -moz-linear-gradient(top, #fff, red);
    background: -ms-linear-gradient(top, #fff, red);
    background: -o-linear-gradient(top, #fff, red);
    -pie-background: linear-gradient(#fff, red);
    behavior: url(/PIE.htc);
}




/*new messaging class*/
.dispaly-message-container {
    font-size: 13px;
}

.msg-cont {
    margin: 0;
    padding: 0;
}

.m-cont-left {
    margin: 0 0 15px 0;
}

.m-cont-left-schedule {
    margin: 0 15px 5px 0;
    font-size: 12px;
}

.msg-span1 {
    display: inline-block;
    width: 23%;
    margin: 0 10px 0 0;
}

.schedule-msg {
    display: block;
    float: right;
    text-decoration: underline;
    margin-top: 8px;
}

.msg-span1 label {
    width: 25%;
    text-align: right;
    float: left;
    padding: 5px 5px 0 0;
    font-size: 13px;
}

.msg-span1 input[type=text], .input-box {
    width: 56%;
    border-radius: 5px 5px 5px 5px !important;
    border: 1px solid #F7F7F6 !important;
    height: 15px;
    float: left;
    background-color: #F1F1F1 !important;
    background-image: url("/Images/datepicker.png") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

.msg-span1 img {
    margin: 4px 0 0 5px;
}

/* added by Tejas to increase the width 24th Nov, 2012*/
.msg-span-dialog {
    display: inline-block;
    width: 47%;
    margin: 0 10px 0 0;
}

    .msg-span-dialog label, .msg-span-content-dialog label {
        width: 25%;
        text-align: right;
        float: left;
        padding: 5px 5px 0 0;
        font-size: 13px;
    }

.msg-span-content-dialog-right label {
    width: 5%;
    text-align: right;
    float: left;
    padding: 5px 5px 0 0;
    font-size: 13px;
}

.msg-span-dialog input[type=text], .msg-span-content-dialog input[type=text], .msg-span-content-dialog input[type=text], .msg-span-content-dialog-right input[type=text] {
    width: 56%;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #F7F7F6 !important;
    height: 15px;
    float: left;
    background-color: #F1F1F1;
    background-image: url("/Images/datepicker.png");
    background-position: right center;
    background-repeat: no-repeat;
}

.msg-span-dialog img, .msg-span-content-dialog img {
    margin: 4px 0 0 5px;
}

.msg-span-content-dialog {
    display: inline-block;
    width: 48%;
    margin: 0 10px 0 0;
}

.msg-span-content-dialog-right {
    display: inline-block;
    width: 48%;
    margin: 0 10px 0 0;
}

.msg-span-content-dialog label {
    margin: 0 0 0 31px;
    font-size: 13px;
}

.msg-span-duration {
    display: inline-block;
    width: 25%;
    margin: 0 10px 0 0;
}

    .msg-span-duration label {
        width: 17%;
        text-align: right;
        float: left;
        padding: 5px 5px 0 0;
        font-size: 13px;
    }

.msg-span-duration-vehicle-message label {
    width: 10%;
    text-align: right;
    float: left;
    padding: 5px 5px 0 0;
    font-size: 13px;
}

.msg-span-reg label {
    font-size: 13px;
}

.msg-span-duration input[type=text] {
    width: 56%;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #F7F7F6 !important;
    height: 15px;
    float: left;
    background-color: #F1F1F1;
    font-size: 14px;
    background-image: url("/Images/datepicker.png");
    background-position: right center;
    background-repeat: no-repeat;
}

.msg-span-duration-vehicle-message input[type=text] {
    width: 11%;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #F7F7F6 !important;
    height: 15px;
    float: left;
    background-color: #F1F1F1;
    font-size: 14px;
    background-image: url("/Images/datepicker.png");
    background-position: right center;
    background-repeat: no-repeat;
}

.msg-span-reg {
    margin: 0 0 15px;
}

    .msg-span-reg input[type=text] {
        width: 5%;
        border-radius: 5px 5px 5px 5px;
        border: 1px solid #F7F7F6 !important;
        height: 15px;
        background-color: #F1F1F1;
        font-size: 14px;
        background-position: right center;
        background-repeat: no-repeat;
    }

.msg-span-duration img {
    margin: 4px 0 0 5px;
}

.msg-contt-display {
    border-radius: 10px;
    border: 1px solid #AAAAAA;
    padding: 5px 10px;
    font-size: 13px;
}

.msg-display-cont {
    margin: 0 0 10px;
}

.comp-msg-details h2, .messaging-container h2, .msg-contt-display h2 {
    margin: 0px 0 8px;
    font-size: 13px;
}

    .messaging-container h2 input[type=radio] {
        vertical-align: bottom;
    }

.m-display-left {
    width: 24%;
    float: left;
    position: relative;
}

.m-display-rgt {
    width: 24%;
    float: left;
    position: relative;
}

.m-display-direction {
    width: 25%;
    float: left;
}
/*Start : For Display - Template*/
.m-display-template {
    width: 25%;
    float: left;
}

    .m-display-template label, .m-display-template-content label {
        height: 19px;
        float: left;
        padding: 5px 5px 0 0;
        font-size: 13px; /*width: 115px;*/
        text-align: right;
    }

.m-display-template-content {
    width: 14%;
    float: left;
}

.m-display-template span label, #add-template label[class=error] {
    display: block;
    height: 15px;
    font-size: 11px;
    margin: 0px 0px 0px 5px;
    color: rgb(255, 0, 0);
}
/*End : For Display - Template*/
.m-display-left label, .m-display-rgt label {
    height: 19px;
    float: left;
    padding: 5px 5px 0 0;
    font-size: 13px;
    width: 35%;
    text-align: right;
}

.m-display-left span, .m-display-rgt span, .m-display-template span {
    float: left;
    width: 60%;
}

    .m-display-left span input[type=text], .m-display-rgt span input[type=text], .m-display-template span input[type=text] {
        background-color: #F1F1F1;
        height: 15px;
        border-radius: 5px 5px 5px 5px;
        border: 1px solid #F7F7F6 !important;
        width: 82%;
    }

.dispal-gobutton {
    width: 27px;
    border: 1px solid #ccc;
    background: none;
    cursor: pointer;
    font-size: 10px;
    vertical-align: middle;
    color: #333;
    font-family: 'CenturyGothic-Bold';
    margin-left: 5px;
    padding: 0;
    height: 25px;
    border-radius: 25px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    background: #f1f1f1;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f1f1));
    background: -webkit-linear-gradient(top, #fff, #f1f1f1);
    background: -moz-linear-gradient(top, #fff, #f1f1f1);
    background: -ms-linear-gradient(top, #fff, #f1f1f1);
    background: -o-linear-gradient(top, #fff, #f1f1f1);
    -pie-background: linear-gradient(#fff, #f1f1f1);
    behavior: url(/PIE.htc);
}
/******dhruv***************/
.display-btn {
    margin: 10px 0;
}

.btn-clear, input[type="submit"] {
    padding: 5px 8px;
    margin: 0 5px 0 0;
    color: #666766;
    font-size: 12px;
    text-decoration: none;
    background: #eaeaea;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -moz-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -ms-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -o-linear-gradient(top, #f6f6f6, #e9e9e9);
    -pie-background: linear-gradient(#f6f6f6, #e9e9e9);
    border-radius: 4px;
    border: 1px solid #c5ced6; /*-moz-box-shadow: 0 0 1px #ccc; -webkit-box-shadow: 1px 0 1px #ccc; box-shadow: 0 0 1px #ccc;*/
    behavior: url(/PIE.htc);
    position: relative;
    font-weight: normal;
    opacity: 1;
    box-shadow: none;
    font-family: CenturyGothic !important;
}
/***********/
.msg-grid-table {
    padding-right: 15px;
    background: -moz-linear-gradient(center top, #FFFFFF, #E9E9E9) repeat scroll 0 0 transparent;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.comp-msg-details {
    border-radius: 5px;
    background: #f3f3f3;
    padding: 5px;
    margin: 5px 0 15px 0;
    border: 1px solid #adaaad;
}

    .comp-msg-details h2 {
        border-bottom: 1px solid #adaaad;
        padding: 5px 0 9px 0;
    }

.comp-msg-cont h3 {
    font-size: 12px;
    color: #333333;
}

.comp-msg-cont input[type=text] {
    border: 1px solid #919191;
    border-radius: 5px;
    height: 12px;
    width: 85%;
    background-color: white;
    padding: 4px;
}

.comp-msg-div {
    margin: 5px 0;
}

.comp-msg-div-last input[type=text] {
    width: 10%;
}

.c-msg-chnkbx {
    float: left;
    margin: 0 0 0 61px;
}

.c-msg-img-cont {
    float: right;
    height: 40px;
    width: 46px;
    margin: 0 60px 0 0;
    background: url("/images/comp-msg-img.png") top left no-repeat;
}

.confirm-message-lft {
    float: left;
    margin: 0 0 0 20px;
}

.confirm-message-rgt {
    float: right;
    height: 40px;
    width: 46px;
    background: url("/images/comp-msg-img.png") top left no-repeat;
    margin: 0 60px 0 0;
}

.confirm-message-lft .comp-msg-div .label, .bold-text {
    font-weight: bold;
}

.compose-btn {
    margin: 10px 0;
}

.validation-summary-errors {
    color: #FF0000;
    font-weight: normal;
    font-size: 15px;
    font-family: centuryGothic;
}

.validate-summary {
    margin: 5px 0 10px 0;
    font-size: 11px;
}

.validation-summary-errors-custom ul {
    background: none repeat scroll 0 0 #FFF1F2;
    border: 1px solid #DFDFDF;
    border-radius: 4px 4px 4px 4px;
    margin: 0;
    padding: 10px;
    position: inherit !important;
    width: auto !important;
}

    .validation-summary-errors-custom ul li {
        background: none no-repeat scroll left center transparent;
        font-weight: normal;
        line-height: 16px;
        padding: 0 0 0 20px;
    }

/*added by tejas*/
.validation-summary-success {
    color: #4F8A10;
    font-weight: bold;
}

    .validation-summary-success ul {
        background: none repeat scroll 0 0 #DFF2BF;
        border: 1px solid #8CBA18;
        border-radius: 4px 4px 4px 4px;
        margin: 0;
        padding: 10px;
        position: inherit !important;
        width: auto !important;
    }

        .validation-summary-success ul li {
            background: none no-repeat scroll left center transparent;
            font-weight: normal;
            line-height: 16px;
            padding: 0 0 0 20px;
        }

.validation-summary-warning {
    color: #9F6000;
    font-weight: bold;
}

.validation-summary-warning-small {
    color: #9F6000;
    font-size: 11px;
    font-weight: bold;
}

.validation-summary-warning ul {
    background: none repeat scroll 0 0 #F9EDBE;
    border: 1px solid #F0C36D;
    border-radius: 4px 4px 4px 4px;
    margin: 0;
    padding: 10px;
    position: inherit !important;
    width: auto !important;
}

    .validation-summary-warning ul li {
        background: none no-repeat scroll left center transparent;
        font-weight: normal;
        line-height: 16px;
        padding: 0 0 0 20px;
    }

/*end added by tejas */
/*adherence changes*/

._show_hide {
    /*display:block;*/
    background: url(/images/accordian-arrow-in.png) left 2px no-repeat;
    width: 35px;
    height: 45px;
    display: inline-block;
    position: relative;
    z-index: 600;
    left: -828px;
    /*left: -634px;*/
}
/*hack for grid image*/
div.stops-vehicle-popup img {
    height: 25px !important;
    width: auto !important;
}


/*popup field set*/

#lineByAdherence input[type=text] {
    height: 17px;
    width: 200px;
    background: #f1f1f1;
    background: #f1f1f1 \0;
    border: 1px solid #f7f7f6;
    border: 1xp solid #C0C0C0 \0;
    border-radius: 3px;
    box-shadow: inset 1px 1px 0px #ccc;
    padding: 3px;
    color: #797979;
    font-size: 13px;
    font-family: 'CenturyGothic';
}


/*date picker */

.ui-widget {
    font-family: 'CenturyGothic';
    font-size: 12px;
}

.ui-datepicker {
    width: 20em;
    padding: .2em .2em 0;
    display: none;
    /*z-index: 1003 !important;*/
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 19px;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
            color: #333 !important;
            font-weight: normal !important;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

.ui-slider-horizontal .ui-slider-handle {
    top: -0.5em;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    color: #000;
}

.adherence-vehicles {
    text-align: left !important;
}

    .adherence-vehicles a input[type=radio] {
        vertical-align: middle;
    }

    .adherence-vehicles a {
        display: inline-block !important;
        margin-right: 10px;
        text-align: left !important;
    }


.orange-box {
    background: none repeat scroll 0 0 #FFE9D5;
    color: #333333;
    font-size: 11px;
    width: 99%;
    padding: 7px 5px 7px;
}

.message-box-normal {
    padding: 7px 5px 7px;
    width: 99%;
}

.orange-box-normal {
    background: none repeat scroll 0 0 #FFE9D5;
    padding-bottom: 1px;
}

.box-normal {
    padding-bottom: 1px;
}

/* generic class for table display */
.data-display-table {
    border-collapse: collapse;
    font-family: 'CenturyGothic';
    margin: 0;
    padding: 0;
    width: 100%;
}

    .data-display-table thead {
        height: 40px;
    }

        .data-display-table thead th {
            border: 1px solid #AAAAAA;
            background: #FFFFFF;
            background: #E9E9E9 \0;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E9E9E9));
            background: -webkit-linear-gradient(#FFFFFF, #E9E9E9);
            background: -moz-linear-gradient(#FFFFFF, #E9E9E9);
            background: -ms-linear-gradient(#FFFFFF, #E9E9E9);
            background: -o-linear-gradient(#FFFFFF, #E9E9E9);
            background: linear-gradient(#FFFFFF, #E9E9E9);
        }

            .data-display-table thead th, .data-display-table thead th a {
                color: #333333;
                font-family: 'CenturyGothic-Bold';
                font-size: 12px;
                text-align: center;
                vertical-align: middle;
                word-wrap: break-word;
            }

    .data-display-table tr {
        border-right: 1px solid #CECECE;
    }

        .data-display-table tr td {
            border-bottom: 1px solid #CECECE;
            border-left: 1px solid #CECECE;
            height: 100%;
            text-align: center;
            vertical-align: middle;
            padding: 5px;
            color: #333333;
            font-size: 12px;
            word-wrap: break-word;
        }

            .data-display-table tr td a {
                color: blue;
                font-size: 12px;
                text-decoration: none;
                cursor: pointer;
            }

                .data-display-table tr td a i, .data-display-table tr td i {
                    font-size: 1.3em;
                    opacity: 0.6;
                    color: #333;
                }

                    .data-display-table tr td a:hover i, .data-display-table tr td i:hover {
                        opacity: 1;
                    }

                    .data-display-table tr td i.approved {
                        color: green;
                        opacity: 1;
                    }

                    .data-display-table tr td i.cancelled {
                        color: red;
                        opacity: 1;
                    }

                .data-display-table tr td a.btn-approve {
                    color: red;
                }

/* new classes */
/*new css added 11/12/2012*/
.btn-disable {
    padding: 5px 8px;
    margin: 0 5px 0 0;
    color: #666766;
    font-size: 12px;
    text-decoration: none;
    background: #cbcbcb;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C2C2C2), to(#B6B6B6));
    background: -webkit-linear-gradient(top, #C2C2C2, #B6B6B6);
    background: -moz-linear-gradient(top, #C2C2C2, #B6B6B6);
    background: -ms-linear-gradient(top, #C2C2C2, #B6B6B6);
    background: -o-linear-gradient(top, #cbcbcb, #cbcbcb);
    -pie-background: linear-gradient(#cbcbcb, #cbcbcb);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #c5ced6; /*-moz-box-shadow: 0 0 1px #ccc; -webkit-box-shadow: 1px 0 1px #ccc; box-shadow: 0 0 1px #ccc;*/
}

.ui-datepicker .ui-timepicker-div .ui_tpicker_minute .ui-widget-content, .ui-datepicker .ui-timepicker-div .ui_tpicker_hour .ui-widget-content {
    border: 1px solid #BDBDBD;
    width: 89%;
}
/*.comp-msg-div .ui-corner-all{background:url("/images/txt-bg.jpg") top left repeat;font-size:1.3em; letter-spacing:1em; line-height:1.6em; padding:0 0 0 8px; }*/
.disable-brown-td {
    background-color: #CCCCCC;
}

.disable-orange-td {
    background-color: #FFE9D5;
    text-decoration: none;
}

.validate-summary-small {
    display: inline-block;
}

.validation-summary-success-small {
    color: #4F8A10;
    font-size: 11px;
    font-weight: bold;
}

    .validation-summary-success-small ul {
        padding: 0 10px 0px 10px;
        background: none repeat scroll 0 0 #DFF2BF;
        border: 1px solid #8CBA18;
        border-radius: 4px 4px 4px 4px;
        margin: 0;
        position: inherit !important;
        width: auto !important;
    }

        .validation-summary-success-small ul li {
            background: none no-repeat scroll left center transparent;
            font-weight: normal;
            line-height: 16px;
        }

.validation-summary-errors-small {
    color: #FF0000;
    font-size: 11px;
    font-weight: bold;
}

    .validation-summary-errors-small ul {
        background: none repeat scroll 0 0 #FFF1F2;
        border: 1px solid #DFDFDF;
        border-radius: 4px 4px 4px 4px;
        margin: 0;
        padding: 0 10px 0px 10px;
        position: inherit !important;
        width: auto !important;
    }

        .validation-summary-errors-small ul li {
            background: none no-repeat scroll left center transparent;
            font-weight: normal;
            line-height: 16px;
        }

.has-tooltip {
    background: #ececec;
    color: #555;
    cursor: help;
    font-family: 'CenturyGothic';
    font-size: 20px;
    margin: 100px 75px 10px 75px;
    padding: 15px 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 200px;
    -webkit-transform: translateZ(0); /* webkit flicker fix */
    -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}






a.tooltip {
    outline: none;
}

    a.tooltip strong {
        line-height: 30px;
    }

    a.tooltip:hover {
        text-decoration: none;
    }

    a.tooltip span {
        z-index: 10;
        display: none;
        padding: 14px 20px;
        margin-top: 30px;
        margin-left: -150px;
        width: 300px;
        line-height: 16px;
        display: none;
    }

    a.tooltip:hover span {
        display: inline;
        position: absolute;
        border: 2px solid #FFF;
        color: #EEE;
        z-index: 10;
        background: #000;
        /*padding: 14px 20px;
		margin-top: 11px;
		margin-left: -93px;*/
        width: 240px;
        line-height: 16px;
    }

.callout {
    z-index: 20;
    position: absolute;
    border: 0;
    top: -14px;
    left: 120px;
}
/*CSS3 extras*/
a.tooltip span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-box-shadow: 0px 0px 8px 4px #666;
    -webkit-box-shadow: 0px 0px 8px 4px #666;
    box-shadow: 0px 0px 8px 4px #666;
    opacity: 0.8;
}

.red-highlight-class {
    background: #CA444E;
    color: #ffffff;
}

.alert-container {
    float: left;
    width: 250px;
    /*line-height: 16px;*/
}

.notification-small {
    color: #FF0000;
    display: block;
    font-size: 11px;
    height: 15px;
    margin: 0 0 0 5px;
}

.a-pointer {
    cursor: pointer;
}


.DisplayForm {
    width: 50%;
    float: left;
}

    .DisplayForm li {
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }

        .DisplayForm li .label {
            width: 30%;
            float: left;
            line-height: 24px;
            font-size: 12px;
            padding: 0px;
        }

        .DisplayForm li select, .DisplayForm li input {
            width: 150px;
            float: left;
            margin-right: 10px;
        }

        .DisplayForm li input {
            width: 142px !important;
            margin: 0px !important;
        }

        .DisplayForm li .check input {
            width: auto !important;
            float: left;
            position: relative;
            top: 5px;
        }

        .DisplayForm li .labelcheck {
            float: left;
            padding: 0px 10px;
            line-height: 27px;
        }

        .DisplayForm li .valueLabel {
            display: inline-block;
            line-height: 24px;
        }

        .DisplayForm li.lastbtnTeaser {
            width: 100%;
            padding-top: 15px;
        }

.errorLabel {
    display: block;
    width: 50%;
    margin: 6px 0px 0px 0px;
    position: relative;
    left: 30%;
    float: left;
    color: rgb(255, 0, 0);
    font-size: 11px;
    color: #FF0000;
}

.errorlabelloc {
    display: block;
    width: 50%;
    margin: 6px 0px 0px 2px;
    left: 30%;
    float: left;
    color: rgb(255, 0, 0);
    font-size: 11px;
    color: #FF0000;
}

.error-delete {
    display: block;
    width: 70%;
    margin: 6px 0px 0px 0px;
    left: 30%;
    float: right;
    color: rgb(255, 0, 0);
    font-size: 11px;
    color: #FF0000;
}

/*display-guid css*/
.display-guid collapse {
    position: relative;
}

.display-guid .arrow-top {
    width: 0;
    height: 0;
    height: 17px;
    width: 18px;
    background: url(/images/cmt-arrow-left.png) right center no-repeat;
    position: absolute;
    left: -5% !important;
    top: 30% !important;
    z-index: 1001;
}

.adherance-accordian-tab {
    overflow: inherit !important;
}

.display-guid .box {
    left: 616px !important;
    top: -60px;
    visibility: visible !important;
}

.display-guid .arrow-border {
    text-align: left;
}

.a-pointer {
    cursor: pointer;
}

.overlay {
    position: fixed;
    z-index: 1000;
    top: 0px;
    left: 0px;
    background-color: #000;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=30);
    opacity: 0.30;
    -moz-opacity: 0.30;
}

.loader {
    z-index: 110;
    position: fixed;
    width: 100px;
    margin-left: -50px;
    top: 50%;
    left: 50%;
}

#hider {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: Black;
    opacity: 0;
}

#popup_box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28em;
    height: 10em;
    margin-top: -5em; /*set to a negative number 1/2 of your height*/
    margin-left: -5em; /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
    border: 1px solid #AAAAAA;
    z-index: 100;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 3px 3px 1px #CCCCCC;
}

.gridrow {
    text-align: left !important;
    padding-left: 5px;
}

.filebroser {
    border: 1px solid #F7F7F6;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 0 #DEDEDE inset;
    color: #797979;
    font-family: 'CenturyGothic';
    font-size: 14px;
    padding: 5px;
}

.small-validation-message {
    display: block;
    height: 15px;
    font-size: 11px;
    margin: 0px 0px 0px 5px;
    color: rgb(255, 0, 0);
}

#display-grid-header th {
    padding: 5px 0px;
}

.header-container th {
    height: 30px;
    vertical-align: middle;
}

.accordion-tabulardata {
    overflow: hidden;
}

#detail-container {
    overflow-y: scroll !important;
    overflow-x: hidden;
}

*:first-child + html #detail-container {
    width: 598px;
}

.pause-class span {
    background: url("/Images/pause-button.png") no-repeat scroll right 0 transparent;
    display: block;
    height: 16px;
    padding-right: 19px;
}

.play-class span {
    background: url("/Images/play-button.png") no-repeat scroll right 0 transparent;
    display: block;
    height: 16px;
    padding-right: 19px;
}

.go-button span {
    background: url("/Images/play-button.png") no-repeat scroll right 0 transparent;
    display: block;
    height: 16px;
    padding-right: 19px;
}

.stop-button span {
    background: url("/Images/stop-button.png") no-repeat scroll right 0 transparent;
    display: block;
    height: 16px;
    padding-right: 19px;
}

.replay-Info {
    width: 100%;
    height: 120px;
    display: none;
    overflow-y: auto;
    border-top: thin solid #C3C3C3;
}

/************dhruv gandhi 31.07.13*******/
.lable_left {
    margin: 0 40px 0 0;
    width: auto;
}

    .lable_left label {
        width: auto;
    }

    .lable_left input {
        width: 175px !important;
    }

.btn_clear_left {
    float: left;
}

.display-btn-block {
    display: inline-block;
    margin: 10px 0 0;
    width: 100%;
}

.box-normal input.input-small[type="text"] {
    width: 86px !important;
    background-image: none !important;
}

.right-tab {
    width: auto !important;
    right: 34px !important;
}

.ui-corner-all-rounded-corner {
    border-radius: 4px !important;
    background-color: #fff;
}
/****dhruv gandhi 31.07.13*****/
.date-main-div {
    display: inline-block;
    margin: 0 0 15px 8px;
    width: 100%;
}

.form_span {
    width: 40%;
}

    .form_span label {
        width: auto;
    }

    .form_span input {
        width: 70%;
    }

.select-service-span label {
    margin: 0;
}

.services-button button {
    color: #797979 !important;
}

/*new css*/
.ckEditorTabs-tabs-custom1 {
    margin: 10px 0 0 0;
}

#itabs .ckEditorTabs-tabs-custom1 ul {
    position: inherit;
    margin: 0 32px 0 20px;
    float: left;
    width: auto;
    top: 0;
}

.add-button {
    padding: 1px 8px;
    color: #666766;
    float: right;
    font-size: 12px;
    text-decoration: none;
    background: #eaeaea;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#e9e9e9));
    background: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -moz-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -ms-linear-gradient(top, #f6f6f6, #e9e9e9);
    background: -o-linear-gradient(top, #f6f6f6, #e9e9e9);
    -pie-background: linear-gradient(#f6f6f6, #e9e9e9);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1pxsolid #c5ced6; /*-moz-box-shadow: 0 0 1px #ccc; -webkit-box-shadow: 1px 0 1px #ccc; box-shadow: 0 0 1px #ccc;*/
}

    .add-button button {
        background: url("/Images/add.png") no-repeat scroll 0 0 transparent;
        height: 14px;
        border: none;
        width: 13px;
        border: none;
        padding: 0;
    }

.ckeditor-custom-content, .ckEditorTabs-tabs-custom1 .ui-tabs-panel {
    clear: both;
}

.ckeditor-add-preview-btn {
    margin: 7px 0 0 0;
}

.ckEditorTabs-tabs-custom1 ul li span img {
    margin: 0 0 0 5px;
    vertical-align: middle;
}

#itabs .ckEditorTabs-tabs-custom1-popup ul {
    margin: 0 32px 0 17px;
}

.running-board-date-content {
    float: left;
    width: 32%;
}

.running-board-textbox {
    float: left;
    padding-left: 20px;
}

.allrunningboards-main-cntainer {
    float: right;
    /*width: 37%;*/
    transition: all 0.6s linear 0s;
}

.allrunningboards-label {
    float: left;
    /*width: 57%;*/ margin-right: 20px;
}

    .allrunningboards-label label {
        font-size: 12px;
        font-weight: normal;
    }

    .allrunningboards-label input {
        width: 150px;
        height: 14px;
        background-color: #F1F1F1;
    }

.allrunningboards-search-content {
    float: right;
}

.RunningBoards-header {
    float: left;
    max-width: 300px;
}

.logo-holder .logo {
    width: 121px;
}

.public-service-search-cntainer {
    float: right;
}

.empty-box-duty-board-overview {
    float: left;
    width: 425px;
}

.empty-box-duty-board-overview-searchbox {
    float: left;
    padding-left: 20px;
}

.VehicleSummary-vehicle-early {
    width: 47%;
    display: table-cell;
    vertical-align: top;
    min-width: 600px;
}

.VehicleSummary-vehicle-late {
    width: 47%;
    display: table-cell;
    vertical-align: top;
    min-width: 600px;
}

.vehicle-summary-container {
    display: table;
    width: 100%;
    vertical-align: top;
}

.chart-body #traffic-coming-soon {
    max-width: 900px;
    width: 80%;
    transition: all 0.6s linear 0s;
}

.msg-display-cont .m-display-left {
    margin: 0 0 10px 0;
}

nav {
    margin: 0 10px 0 0 !important;
}

.header-container {
    position: relative;
    z-index: 2;
}

#SearchBox {
    position: relative;
}

.AjaxSearchBox {
    padding-bottom: 5px !important;
}

.display-addtemplate-errormsg-container { /*min-height:22px;*/
}

.add-display-page-duration-content {
    border: 1px solid #AAAAAA;
    border-radius: 10px;
    padding: 0 0 10px 0;
}

    .add-display-page-duration-content .cke {
        width: 98%;
        margin: 0 auto;
    }

    .add-display-page-duration-content .msg-span-reg {
        margin: 10px 0 10px 20px;
    }

.ckeditor-custom-content .error {
    height: auto !important;
}
/*media queries starts*/
@media screen and (max-width:640px) {
    body {
        font-size: 80%;
        transition: all 0.6s linear 0s;
    }

    .chart-body #traffic-coming-soon {
        max-width: 900px;
        width: 80%;
        transition: all 0.6s linear 0s;
    }

    #menu-nav a {
        padding: 0 6px;
    }

    #menu-nav .btn-nav {
        width: 30px;
    }

    #header-wrap nav #menu-nav #txtSearchtext {
        width: 61px !important;
        transition: all 0.6s linear 0s;
    }

    .input-nav {
        width: 60px !important;
        margin: 3px 0 4px 7px !important;
        transition: all 0.6s linear 0s;
    }

    .chart-box {
        margin-left: 1%;
        transition: all 0.6s linear 0s;
    }

    .chart-box {
        padding: 15px 0;
        transition: all 0.6s linear 0s;
    }

    #btm-wrap-inner .boxer-inner, #pamphlet-wrap .boxer {
        width: 96%;
        margin: 0 0 15px 0;
        transition: all 0.6s linear 0s;
    }

    .btn-percent-gray {
        text-align: center;
    }

    .kpi-btn-darktxt {
        font-size: 100%;
        margin: 5px 0 0 0;
        display: block;
        float: none;
        transition: all 0.6s linear 0s;
    }

    #btm-wrap-inner .tabs {
        left: -17px;
    }

    .chart-box .chart-title .black-sleek span {
        font-size: 100%;
        transition: all 0.6s linear 0s;
    }

    .empty-box .allrunningboards-main-cntainer {
        float: none;
        width: 100%;
        transition: all 0.6s linear 0s;
    }

    .RunningBoards-header {
        float: none;
        width: 100%;
        transition: all 0.6s linear 0s;
    }

    .allrunningboards-search-content {
        margin: 18px 0 0;
    }

    nav #menu-nav a {
        padding: 0 7px;
    }

    .allrunningboards-label label {
        display: block;
        margin: 0 0 3px;
    }

    .public-service-search-cntainer {
        float: none;
        margin: 10px 0 0 0;
    }

    #dutyBoardOverview #timingStatusTab-overview {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
    }

    #dutyBoardOverview #timingTab-overview {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
        margin: 0 20px 0 20px;
    }

    .empty-box-duty-board-overview {
        width: auto;
    }

    .empty-box-duty-board-overview-searchbox {
        float: right;
    }

    footer .btmLink {
        width: 80%;
    }

    #foot-wrap {
        height: auto;
    }

    #runningBoardOverview .timingTab-overview-container {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
        margin: 0 20px 0 20px;
    }

    #runningBoardOverview .timingStatusTab-overview-container {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
    }

    .running-board-textbox {
        float: right;
        transition: all 0.6s linear 0s;
    }

    .running-board-date-content {
        width: auto;
        transition: all 0.6s linear 0s;
    }

    .boxer {
        width: 95%;
        transition: all 0.6s linear 0s;
    }

    .VehicleSummary-vehicle-early {
        width: 99%;
        transition: all 0.6s linear 0s;
    }

    .VehicleSummary-vehicle-late {
        width: 99%;
        margin: 0 0 20px 0;
        transition: all 0.6s linear 0s;
    }

    .vehicle-summary-container {
        display: block;
    }

    #traffic-coming-soon {
        width: 85%;
    }

    #add-template .m-display-template {
        float: none;
        width: auto;
        transition: all 0.6s linear 0s;
    }

        #add-template .m-display-template #TemplateName {
            max-width: 252px;
            transition: all 0.6s linear 0s;
        }

    .msg-display-cont .m-display-direction {
        width: 46%;
    }

    .settings-display-itabs-content .mtabs {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
    }

    .data-dropdown .settings-display-itabs-content .mtabs {
        position: inherit !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 0 0 21px;
        width: auto !important;
        transition: all 0.6s linear 0s;
    }

        .data-dropdown .settings-display-itabs-content .mtabs li a {
            padding: 5px 10px;
            transition: all 0.6s linear 0s;
        }

    .messaging-container .msg-span1 {
        clear: both;
        margin: 5px 0 0 0;
        width: 100%;
    }

        .messaging-container .msg-span1 input[type=text] {
            max-width: 160px;
            width: 98%;
        }

        .messaging-container .msg-span1 label {
            max-width: 70px;
        }

    .data-dropdown .ui-tabs .ui-tabs-panel {
        clear: both;
    }

    .logo-bg-public {
        height: 100px;
    }

    .logo-bg-public {
        height: 100px !important;
        transition: all 0.6s linear 0s;
    }
}

@media screen and (max-width: 768px) {
    header {
        width: 20%;
    }

    #menu-nav a {
        padding: 0 7px;
    }
    /*#menu-nav .btn-nav{ width:30px}*/
    .accord-system-perf {
        top: 22px;
        z-index: 8;
    }

    .zoom-panel {
        top: 34px;
    }

    ._show_hide {
        top: 32px;
    }

    .kpi-btn-darktxt {
        margin: 5px 0 0 28%;
    }

    .btn-percent-gray, .btn-kpi-gray {
        margin-bottom: 5px;
    }

    #btm-wrap-inner .boxer-inner, #pamphlet-wrap .boxer {
        width: 96%;
        margin: 0 0 15px 0;
    }

    .btn-percent-gray {
        text-align: center;
    }

    .kpi-btn-darktxt {
        font-size: 100%;
        margin: 5px 0 0 0;
        display: block;
        float: none;
    }

    #btm-wrap-inner .tabs {
        left: -17px;
    }

    #graph-container .chart-box .chart-title .black-sleek span {
        font-size: 80%;
    }

    .allrunningboards-main-cntainer {
        width: 100%;
        clear: both;
        margin: 10px 0 0 0;
    }

    #dutyBoardOverview #timingStatusTab-overview {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
    }

    #dutyBoardOverview #timingTab-overview {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
        margin: 0 20px 0 20px;
    }

    #runningBoardOverview .timingTab-overview-container {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
        margin: 0 20px 0 20px;
    }

    #runningBoardOverview .timingStatusTab-overview-container {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
    }

    .running-board-textbox {
        float: right;
    }

    .running-board-date-content {
        width: auto;
    }

    .boxer, #pamphlet-wrap .boxer {
        width: 95%;
        margin: 0 0 10px 0;
        transition: all 0.6s linear 0s;
    }

    .mgn-r-10 {
        margin-right: 3%;
        transition: all 0.6s linear 0s;
    }

    nav #menu-nav #txtSearchtext {
        width: 80px !important;
        transition: all 0.6s linear 0s;
    }

    .VehicleSummary-vehicle-early {
        width: 99%;
        margin: 0 0 20px 0;
        float: left;
        display: block;
        transition: all 0.6s linear 0s;
    }

    .VehicleSummary-vehicle-late {
        width: 99%;
        display: block;
        transition: all 0.6s linear 0s;
    }

    .vehicle-summary-container {
        display: block;
        transition: all 0.6s linear 0s;
    }

    .VehicleSummary-vehicle-early .empty-box1 {
        display: none;
    }

    .btn-percent-gray .kpi-btn-darktxt {
        margin: 7px 0 0 10px;
    }

    #add-template .m-display-template {
        float: none;
        width: auto;
        transition: all 0.6s linear 0s;
    }

        #add-template .m-display-template #TemplateName {
            max-width: 252px;
            transition: all 0.6s linear 0s;
        }

    .msg-display-cont .m-display-direction {
        width: 46%;
    }

    .data-dropdown .settings-display-itabs-content .mtabs {
        position: inherit !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 0 0 21px;
        width: auto !important;
        transition: all 0.6s linear 0s;
    }

        .data-dropdown .settings-display-itabs-content .mtabs li a {
            padding: 5px 10px;
            transition: all 0.6s linear 0s;
        }

    .messaging-container .msg-span1 {
        clear: both;
        margin: 5px 0 0 0;
        width: 100% !important;
    }

        .messaging-container .msg-span1 input[type=text] {
            max-width: 160px;
            width: 98%;
        }

        .messaging-container .msg-span1 label {
            max-width: 70px;
        }

    #SpecificDisplays .m-display-left {
        float: none;
        display: inline-block;
        width: 47%;
        margin: 0px 0 10px;
        transition: all 0.6s linear 0s;
    }

    .running-board-overview-custom-tabs {
        padding: 0;
        margin: 10px 0 0 0;
    }

        .running-board-overview-custom-tabs #timingTab, .running-board-overview-custom-tabs #tabs, .running-board-overview-custom-tabs #stopTabs {
            position: inherit !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            margin: 0 0 0 21px;
            float: left;
            width: auto !important;
            transition: all 0.6s linear 0s;
        }

            .running-board-overview-custom-tabs #timingTab .mtabs a, .running-board-overview-custom-tabs #tabs .mtabs a, .running-board-overview-custom-tabs #stopTabs .mtabs a {
                padding: 5px 15px;
            }

    #ui-datepicker-div {
        /*z-index: 4 !important;*/
    }

    nav {
        width: auto;
    }

    .logo-bg-public {
        height: 105px;
        transition: all 0.6s linear 0s;
    }
}

@media screen and (max-width:1075px) {
    .btn-percent-gray, .btn-kpi-gray {
        margin-bottom: 5px;
    }

    #menu-nav a {
        padding: 0 7px;
        transition: all 0.6s linear 0s;
    }

    .allrunningboards-main-cntainer {
        width: 100% !important;
        clear: both;
        margin: 10px 0 0 0;
        transition: all 0.6s linear 0s;
    }

    #dutyBoardOverview #timingStatusTab-overview {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
    }

    #dutyBoardOverview #timingTab-overview {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
        margin: 0 20px 0 20px;
    }

    .timingTab-overview-container {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
        margin: 0 20px 0 20px;
    }

    .timingStatusTab-overview-container {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
    }

    #runningBoardOverview .empty-box-SearchBox {
        clear: both;
    }

    #runningBoardOverview .empty-box-duty-board-overview-searchbox {
        float: right;
    }

    .running-board-textbox {
        float: right;
    }

    #runningBoardOverview .timingTab-overview-container {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
        margin: 0 20px 0 20px;
    }

    #runningBoardOverview .timingStatusTab-overview-container {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
    }

    .running-board-date-content {
        width: auto;
    }

    .boxer, #pamphlet-wrap .boxer {
        width: 95%;
        margin: 0 0 10px 0;
        transition: all 0.6s linear 0s;
    }

    .mgn-r-10 {
        margin-right: 3%;
        transition: all 0.6s linear 0s;
    }

    .zoom-panel {
        top: 26px;
    }

    ._show_hide {
        top: 33px;
    }

    .accord-system-perf {
        top: 22px;
        z-index: 8;
    }

    .VehicleSummary-vehicle-early {
        width: 99%;
        margin: 0 0 20px 0;
        float: left;
        display: block;
        transition: all 0.6s linear 0s;
    }

    .VehicleSummary-vehicle-late {
        width: 99%;
        display: block;
        transition: all 0.6s linear 0s;
    }

    .vehicle-summary-container {
        display: block;
        transition: all 0.6s linear 0s;
    }

    .VehicleSummary-vehicle-early .empty-box1 {
        display: none;
    }

    #btm-wrap-inner .boxer-inner {
        width: 96%;
        margin: 0 0 15px 0;
    }

    .kpi-btn-darktxt {
        margin: 5px 0 0 28px;
    }

    .chart-box .chart-title .black-sleek span {
        font-size: 90%;
        transition: all 0.6s linear 0s;
    }

    #add-template .m-display-template {
        float: none;
        width: auto;
        transition: all 0.6s linear 0s;
    }

        #add-template .m-display-template #TemplateName {
            max-width: 252px;
            transition: all 0.6s linear 0s;
        }

    .msg-display-cont .m-display-direction {
        width: 46%;
    }

    .data-dropdown .settings-display-itabs-content .mtabs {
        position: inherit !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 0 0 21px;
        width: auto !important;
        transition: all 0.6s linear 0s;
    }

        .data-dropdown .settings-display-itabs-content .mtabs li a {
            padding: 5px 10px;
            transition: all 0.6s linear 0s;
        }

    .messaging-container .msg-span1 {
        clear: both;
        margin: 5px 0 0 0;
        width: 100% !important;
    }

        .messaging-container .msg-span1 input[type=text] {
            max-width: 160px;
            width: 98%;
        }

        .messaging-container .msg-span1 label {
            max-width: 70px;
        }

    #SpecificDisplays .m-display-left {
        float: none;
        display: inline-block;
        width: 47%;
        margin: 0px 0 10px;
        transition: all 0.6s linear 0s;
    }

    .running-board-overview-custom-tabs {
        padding: 0;
        margin: 10px 0 0 0;
    }

        .running-board-overview-custom-tabs #timingTab, .running-board-overview-custom-tabs #tabs, .running-board-overview-custom-tabs #stopTabs {
            position: inherit !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            margin: 0 0 0 21px;
            float: left;
            width: auto !important;
            transition: all 0.6s linear 0s;
        }

            .running-board-overview-custom-tabs #timingTab .mtabs a, .running-board-overview-custom-tabs #tabs .mtabs a, .running-board-overview-custom-tabs #stopTabs .mtabs a {
                padding: 5px 15px;
            }

    #ui-datepicker-div {
        /*z-index: 4 !important;*/
    }

    nav {
        width: auto;
    }

    .logo-holder .logo-bg-public {
        height: 110px;
        transition: all 0.6s linear 0s;
    }
}

@media screen and (max-width:979px) {
    .boxer, #pamphlet-wrap .boxer {
        width: 95%;
        margin: 0 0 10px 0;
        transition: all 0.6s linear 0s;
    }

    .mgn-r-10 {
        margin-right: 3%;
        transition: all 0.6s linear 0s;
    }

    .master-wrap .empty-box .allrunningboards-main-cntainer {
        width: 100%;
        transition: all 0.6s linear 0s;
        margin: 10px 0 0 0;
    }

    nav #menu-nav a {
        padding: 0 6px;
        transition: all 0.6s linear 0s;
    }

    .zoom-panel {
        top: 26px;
    }

    ._show_hide {
        top: 33px;
    }

    .accord-system-perf {
        top: 22px;
        z-index: 8;
    }

    #menu-nav #txtSearchtext {
        width: 121px !important;
        transition: all 0.6s linear 0s;
    }

    .btn-percent-gray, .btn-kpi-gray {
        margin-bottom: 5px;
    }

    #ProductUpdate p {
        font-size: 76%;
    }

    .boxer-inner {
        width: 28.7%;
    }

    #add-template .m-display-template {
        float: none;
        width: auto;
        transition: all 0.6s linear 0s;
    }

        #add-template .m-display-template #TemplateName {
            max-width: 252px;
            transition: all 0.6s linear 0s;
        }

    .msg-display-cont .m-display-direction {
        width: 46%;
    }

    .messaging-container .msg-span1 {
        clear: both;
        margin: 5px 0 0 0;
        width: 30%;
    }

        .messaging-container .msg-span1 input[type=text] {
            max-width: 160px;
            width: 98%;
        }

        .messaging-container .msg-span1 label {
            max-width: 70px;
        }

    #SpecificDisplays .m-display-left {
        float: none;
        display: inline-block;
        width: 47%;
        margin: 0px 0 10px;
        transition: all 0.6s linear 0s;
    }

    .running-board-overview-custom-tabs {
        padding: 0;
        margin: 10px 0 0 0;
    }

        .running-board-overview-custom-tabs #timingTab, .running-board-overview-custom-tabs #tabs, .running-board-overview-custom-tabs #stopTabs {
            position: inherit !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            margin: 0 0 0 21px;
            float: left;
            width: auto !important;
            transition: all 0.6s linear 0s;
        }

            .running-board-overview-custom-tabs #timingTab .mtabs a, .running-board-overview-custom-tabs #tabs .mtabs a, .running-board-overview-custom-tabs #stopTabs .mtabs a {
                padding: 5px 15px;
            }

    #ui-datepicker-div {
        /*z-index: 4 !important;*/
    }

    nav {
        width: auto;
    }

    .logo-bg-public {
        height: 115px;
        transition: all 0.6s linear 0s;
    }
}

@media screen and (min-width:980px) and (max-width:1024px) {
    #menu-nav a {
        padding: 0 15px !important;
    }

    .boxer, #pamphlet-wrap .boxer {
        width: 28%;
        transition: all 0.6s linear 0s;
    }

    .mgn-r-10 {
        margin-right: 3%;
        transition: all 0.6s linear 0s;
    }

    .allrunningboards-main-cntainer {
        width: 64% !important;
        transition: all 0.6s linear 0s;
    }

    .zoom-panel {
        top: 20px;
    }

    ._show_hide {
        top: 33px;
    }

    .btn-percent-gray, .btn-kpi-gray {
        margin-bottom: 5px;
    }

    #ProductUpdate p {
        font-size: 76%;
    }

    #add-template .m-display-template {
        float: none;
        width: 50%;
        transition: all 0.6s linear 0s;
    }

        #add-template .m-display-template #TemplateName {
            max-width: 252px;
            transition: all 0.6s linear 0s;
        }

    .msg-display-cont .m-display-direction {
        width: 46%;
    }

    .messaging-container .msg-span1 {
        clear: both;
        margin: 5px 0 0 0;
        width: 28%;
        transition: all 0.6s linear 0s;
    }

        .messaging-container .msg-span1 input[type=text] {
            max-width: 160px;
            width: 98%;
        }

        .messaging-container .msg-span1 label {
            max-width: 70px;
        }

    #SpecificDisplays .m-display-left {
        width: 26%;
        margin: 0px 0 10px;
        transition: all 0.6s linear 0s;
    }

    .running-board-overview-custom-tabs {
        padding: 0;
        margin: 10px 0 0 0;
    }

        .running-board-overview-custom-tabs #timingTab, .running-board-overview-custom-tabs #tabs, .running-board-overview-custom-tabs #stopTabs {
            position: inherit !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            margin: 0 0 0 21px;
            float: left;
            width: auto !important;
            transition: all 0.6s linear 0s;
        }

            .running-board-overview-custom-tabs #timingTab .mtabs a, .running-board-overview-custom-tabs #tabs .mtabs a, .running-board-overview-custom-tabs #stopTabs .mtabs a {
                padding: 5px 15px;
            }

    #ui-datepicker-div {
        /*z-index: 4 !important;*/
    }

    #menu-nav #txtSearchtext {
        width: 65% !important;
    }

    nav {
        width: auto;
    }
}

@media screen and (max-width:1280px) {

    .empty-box .allrunningboards-main-cntainer {
        /*width: 70%;*/
        transition: all 0.6s linear 0s;
    }

    .empty-box-duty-board-overview {
        width: auto;
    }

    .empty-box-duty-board-overview-searchbox {
        float: right;
    }

    #dutyBoardOverview #timingStatusTab-overview {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
    }

    #dutyBoardOverview #timingTab-overview {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 0 21px;
        float: left;
        width: auto;
        margin: 0 20px 0 20px;
    }

    .mgn-r-10 {
        margin-right: 4.5%;
        transition: all 0.6s linear 0s;
    }

    .boxer {
        width: 28%;
        transition: all 0.6s linear 0s;
    }

    .zoom-panel {
        top: 18px;
    }

    ._show_hide {
        top: 33px;
    }

    .accord-system-perf {
        top: 18px;
        z-index: 8;
    }

    #add-template .m-display-template {
        float: none;
        width: auto;
    }

        #add-template .m-display-template #TemplateName {
            max-width: 252px;
        }

    .running-board-overview-custom-tabs {
        padding: 0;
        margin: 10px 0 0 0;
    }

        .running-board-overview-custom-tabs #timingTab, .running-board-overview-custom-tabs #tabs, .running-board-overview-custom-tabs #stopTabs {
            position: inherit !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            margin: 0 0 0 21px;
            float: left;
            width: auto !important;
            transition: all 0.6s linear 0s;
        }

            .running-board-overview-custom-tabs #timingTab .mtabs a, .running-board-overview-custom-tabs #tabs .mtabs a, .running-board-overview-custom-tabs #stopTabs .mtabs a {
                padding: 5px 20px;
            }

    #menu-nav #txtSearchtext {
        width: 136px !important;
    }

    #menu-nav a {
        padding: 0 20px;
    }

    nav {
        width: auto;
    }
}

@media screen and (min-width:1281px) {
    .allrunningboards-main-cntainer {
        /*width: 46%;*/
        transition: all 0.6s linear 0s;
    }

    .empty-box-duty-board-overview {
        width: auto;
    }

    .empty-box-duty-board-overview-searchbox {
        float: right;
    }
    /*#dutyBoardOverview #timingStatusTab-overview{ position:inherit; top:0; left:0; right:0; margin:0 0 0 21px; float:left; width:auto}
   #dutyBoardOverview #timingTab-overview{position:inherit; top:0; left:0; right:0; margin:0 0 0 21px; float:left; width:auto; margin:0 20px 0 20px}*/
    .mgn-r-10 {
        margin-right: 4.5%;
        transition: all 0.6s linear 0s;
    }

    .boxer {
        width: 28%;
        transition: all 0.6s linear 0s;
    }

    .zoom-panel {
        top: 12px;
    }

    ._show_hide {
        /*top: 10px;*/ top: 103px;
    }

    .accord-system-perf {
        top: 0px;
        z-index: 8;
    }

    #add-template .m-display-template {
        float: none;
        width: auto;
    }

        #add-template .m-display-template #TemplateName {
            max-width: 252px;
        }

    .running-board-overview-custom-tabs {
        padding: 0;
        margin: 10px 21px 0 0;
    }

    .runningBoardGrid {
        clear: both;
    }

    .empty-box-duty-board-overview-searchbox {
        width: 64%;
    }
}

.wheelchair {
    width: inherit !important;
    padding: 0 !important;
    float: none !important;
    vertical-align: middle;
}

/* Edit Add Template By Mahesh*/
.ck-editor-tabs-ui-margin-change ul {
    margin: 0px 32px 0px 25px !important;
    behavior: url(PIE.htc) !important;
}

.msg-span-duration-calender-settings {
    position: relative;
    z-index: 2;
}


/*Route Links Changes for ICR-6007,ICR-6008,ICR-6009*/

.m-display-direction-rle {
    width: 42%;
    margin: 5px 0 0 0;
    float: right;
}

.SearchTrafficSignal input {
    height: 17px;
    width: 200px;
    background: #f1f1f1;
    background: #f1f1f1 \0;
    border: 1px solid #f7f7f6;
    border-radius: 3px;
    margin: 5px 0;
    border-radius: 3px;
    box-shadow: inset 1px 1px 0px #ccc;
    padding: 3px;
    color: #797979;
    font-size: 13px;
    font-family: 'CenturyGothic';
}

/* Make openlayer popup text century gothic  */
.gm-style {
    font-family: CenturyGothic !important;
}

/* Route links Style Starts */
.Filterare {
    display: block;
    margin-bottom: 5px;
    clear: both;
    overflow: hidden;
}

    .Filterare span.label {
        font-weight: bold;
        height: 18px;
        padding: 0 5px 0 0;
        float: left;
    }

    .Filterare span.content {
        float: left;
    }

.mar-right-10 {
    margin-right: 10px;
}

.padding-modal {
    padding: 0.5em !important;
}

.btn-group {
    background: #fff;
    border: 1px solid #c3c3c3;
    overflow: hidden;
    margin: 3px 0;
}

.right-radius {
    border-radius: 0 4px 4px 0;
}

.left-radius {
    border-radius: 4px 0px 0px 4px;
}

.btn-group input[type="button"] {
    background: #f1f1f1;
    border: 0;
    height: 28px;
    line-height: 17px;
    color: #797979;
    display: inline;
    padding: 5px 8px;
    font-size: 11px;
}

.left.btn-group > input:last-child {
    margin-left: -5px;
}

.btn-group input[type="button"].active {
    background: #343434;
    border: 0;
    height: 28px;
    line-height: 17px;
    color: #fff;
    padding: 5px 8px;
}


/* Ststem Events Style Starts */
.event-container {
    display: block;
    font-size: 90%;
    padding-top: 5px;
}

    .event-container .left-container {
        width: 74%;
        float: left;
    }

    .event-container .right-container {
        width: 24%;
        float: right;
    }

    .event-container .left-container .editor-container {
        display: block;
        overflow: hidden;
        background: #f9f9f9;
        border: 1px solid #ddd;
        padding: 5px;
        border-radius: 5px;
    }

.editor-container .box-title {
    display: block;
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ddd;
    font-family: 'CenturyGothic-Bold';
}

.editor-container .editor {
    display: block;
    margin-top: 10px;
}

.right-container .ui-accordion .ui-accordion-header {
    display: block;
}

.right-container .ui-accordion-header {
    background: #eee;
    text-align: left;
    height: 30px;
    line-height: 27px;
    color: #555;
    padding: 0 10px !important;
}

    .right-container .ui-accordion-header span {
        display: none;
    }

    .right-container .ui-state-active, .right-container .ui-accordion-header:hover {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
        background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
        background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
        background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
        border-color: #ddd;
        text-align: left;
        font-family: 'CenturyGothic-Bold';
        height: 30px;
        /*line-height: 24px;*/
        color: #333;
    }

.right-container .ui-accordion-content {
    border-color: #ddd !important;
    padding: 5px 10px !important;
    line-height: 20px !important;
    margin-bottom: 5px !important;
}

    .right-container .ui-accordion-content a {
        display: block;
        border-bottom: 1px solid #ddd;
        padding: 5px;
    }

        .right-container .ui-accordion-content a:last-child {
            border-bottom: 0;
        }

        .right-container .ui-accordion-content a:hover {
            background: #fff5eb;
            font-weight: bold;
        }

.height {
    height: 5px;
}

.event-container input[type="text"], .event-container input[type="password"] {
    padding: 0 5px;
}

.errortemp {
    padding: 5px;
    border-radius: 4px;
    background: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
}

.successtemp {
    padding: 5px;
    border-radius: 4px;
    background: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #3c763d;
}

.error {
    padding: 5px;
    color: #FF0000;
}

.success {
    padding: 5px;
    border-radius: 4px;
    background: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #3c763d;
}

.btn-msgtemplate {
    border: 1px solid #f7f7f6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 1px 1px 0px #dedede;
    -moz-box-shadow: inset 1px 1px 0px #dedede;
    box-shadow: inset 1px 1px 0px #dedede;
    color: #797979;
    padding-left: 5px;
    width: 80px;
    font-size: 14px;
    font-family: 'CenturyGothic';
}

.accordionfooter {
    width: 100%;
    text-align: right;
    background: none repeat scroll 0 0 #fff;
}

.headDetails {
    margin: 5px;
    padding: 5px;
}

.headDetailsRight {
    margin: 5px;
    padding: 5px;
    text-align: right;
}

/* Route links Style Ends */
.raise-fault {
    width: 20px !important;
    float: none !important;
}
/* Vehicle Summary Page Style Starts */

.ui-icon {
    width: 16px !important;
}

.ui-multiselect {
    height: 25px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    color: #333 !important;
    font-weight: normal !important;
}

/*.ui-widget-content {
	border-radius: 0 0 4px 4px !important;
	border: 1px solid #ccc;
	border-top: 0 !important;
}*/

.AddJourney .ui-widget-header {
    background: rgba(224,224,224,1) !important;
    background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(204,204,204,1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(224,224,224,1)), color-stop(100%, rgba(204,204,204,1))) !important;
    background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(204,204,204,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(204,204,204,1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(204,204,204,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(224,224,224,1) 0%, rgba(204,204,204,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#cccccc', GradientType=0 ) !important;
    border: 1px solid #888 !important;
}

.ui-widget-header a {
    color: #333 !important;
}

.ui-multiselect-checkboxes li label {
    text-align: left !important;
}

.ui-multiselect-checkboxes li {
    padding-right: 0px !important;
}

    .ui-multiselect-checkboxes li label input[type="checkbox"] {
        margin: 0 2px 0 0 !important;
        width: auto;
    }

.m-display-left span select, .m-display-rgt span select, .m-display-template span select {
    width: 87%;
}

.m-display-left span .ui-multiselect, .m-display-rgt span .ui-multiselect {
    width: 87% !important;
}

.popup_content {
    padding: 1.75em;
    margin: 0;
}

.icon-popup {
    float: left;
}

    .icon-popup i {
        font-size: 35px;
        opacity: 0.6;
    }


/*** Vehicle Journey Style Start ***/

.AddJourney .accord-system-perf {
    width: 805px !important;
}

.journey-container {
    display: block;
}

    .journey-container .ui-state-default, .journey-container .ui-widget-content .ui-state-default, .journey-container .ui-widget-header .ui-state-default {
        background: #fff;
        border: 1px solid #a0a0a0;
        color: #777;
        font-weight: bold;
        opacity: 0.7;
        display: block;
    }

    .journey-container .ui-helper-reset {
        overflow: hidden;
    }

    .journey-container .ui-accordion .ui-state-active {
        background: #ffe9d5;
        border: 1px solid #ccc;
        display: block;
        opacity: 1;
    }

    .journey-container .ui-accordion-icons .ui-accordion-header a {
        line-height: 1.6em;
        padding-left: 1em;
        text-align: left;
        color: #333;
    }

.AddJourney .ui-widget-header {
    background: none !important;
    border: 0 !important;
}

.AddJourney .ui-tabs-panel {
    border: 0 !important;
}


.journey-container .ui-accordion .ui-accordion-header .ui-icon {
    display: none;
}

.journey-container .ui-accordion .ui-accordion-header {
    font-weight: bold;
    font-size: 12px;
}

.journey-container .ui-widget-content {
    border-color: #ccc;
}

/* Tab Wizard Start */
.journey-container .mtabs {
    display: block;
    margin-bottom: 10px !important;
    height: 45px;
}

    .journey-container .mtabs li {
        margin: 5px 0;
    }

.journey-container li.ui-state-default {
    border: 0 !important;
}

.journey-container .mtabs .ui-state-active:before, .journey-container .mtabs .ui-state-active:after {
    background: none !important;
}

.journey-container .mtabs .ui-state-active a:after, .journey-container .mtabs .ui-state-active a:before {
    background: none;
}

.journey-container .data-dropdown .ui-tabs .ui-tabs-nav li a {
    font-size: 14px;
    padding: 5px 0;
    width: 138px;
    text-align: center;
}

.AddJourney .journey-container .data-dropdown .ui-tabs .ui-tabs-nav li a {
    width: 145px !important;
}

.journey-container .mtabs li a {
    border: 2px solid #ccc;
    border-width: 0 0 3px 0;
    background: #fff;
    border-radius: 0;
    padding: 5px 0;
    margin: 0;
    color: #555;
    font-weight: bold;
    width: 105px;
}

.journey-container .mtabs .ui-state-active {
    background: none !important;
}

    .journey-container .mtabs .ui-state-active a {
        border: 1px solid #ed8921;
        border-width: 0 0 3px 0;
        border-radius: 0px;
        color: #333 !important;
        font-weight: bold !important;
        background: #fff !important;
    }

.journey-container .mtabs .ui-state-default span {
    background: url(/images/wizard-arrow-dis.png) 0 bottom no-repeat !important;
    width: 11px;
    height: 6px;
    display: block;
    position: absolute;
    top: 31px;
    left: 57px;
}

.journey-container .mtabs .ui-state-active span {
    background: url(/images/wizard-arrow.png) 0 bottom no-repeat !important;
    width: 11px;
    height: 6px;
    display: block;
    position: absolute;
    top: 31px;
    left: 57px;
}

.journey-container .tbl-foot button, .journey-container #SearchBox button, .journey-container .round-button-go, .journey-container #searchBoxRLE button {
    border-radius: 5px;
}

.journey-container .ui-sortable input.ui-corner-all {
    border: 1px solid #ccc;
    padding: 3px;
    height: 15px;
    width: 40%;
    border-radius: 4px !important;
    box-shadow: none;
}

.btn-primary {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(241,241,241,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(241,241,241,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(241,241,241,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(241,241,241,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(241,241,241,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(241,241,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0 );
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0px solid #000000;
    border: 1px solid #ccc;
    height: auto !important;
    padding: 3px 12px !important;
    margin: 0;
    width: auto !important;
    font-size: 12px !important;
    color: #555 !important;
    cursor: pointer;
}

.btn-disabled {
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.btn-link {
    background: #fff;
    border: none;
    height: auto !important;
    padding: 3px 12px !important;
    margin: 0;
    width: auto !important;
    font-size: 12px !important;
    color: #666 !important;
    cursor: pointer;
    text-decoration: underline;
}

.form-container {
    width: 100%;
}

    .form-container tr td {
        padding: 2px;
    }

        .form-container tr td label {
            font-weight: bold;
        }

.journey-container .text-box {
    height: 17px;
    width: 98%;
    background: #f1f1f1;
    background: #f1f1f1 \0;
    border: 1px solid #f7f7f6;
    border-radius: 3px;
    margin: 5px 0;
    border-radius: 3px;
    box-shadow: inset 1px 1px 0px #ccc;
    padding: 3px;
    color: #797979;
    font-size: 13px;
    font-family: 'CenturyGothic';
}

.journey-container .select-box {
    height: auto;
    width: 98%;
    background: #f1f1f1 !important;
    background: #f1f1f1 \0;
    border: 1px solid #f7f7f6;
    border-radius: 3px;
    margin: 5px 0;
    border-radius: 3px;
    box-shadow: inset 1px 1px 0px #ccc;
    padding: 3px;
    color: #797979;
    font-size: 13px;
    font-family: 'CenturyGothic';
}

.btn-container {
    display: block;
    clear: both;
    margin-top: 15px;
}

#dvStopsanddisplays {
    margin-top: 10px;
}

.OP-srch-grid {
    margin-bottom: 10px;
}

.ui-sortable tr {
    cursor: move;
}

.total-div {
    display: block;
    margin-bottom: 5px;
}

    .total-div span {
        font-weight: bold;
    }

/* Tab Wizard Start */
/*** Vehicle Journey Style End ***/

.font-century-gothic-1em {
    font-family: 'CenturyGothic' !important;
    font-size: 1em !important;
}

#frmJourneyDetails input, #MergedJournies input {
    width: 98% !important;
}

#frmJourneyDetails select, #frmJourneyDetails .ui-multiselect, #MergedJournies select, #frmSearchJourney input.ui-multiselect {
    width: 100% !important;
}

#frmJourneyDetails [type="button"], #MergedJournies [type="button"], #frmSearchJourney [type="button"] {
    width: auto !important;
}

#divSearchFormForJourney table td {
    vertical-align: middle;
    padding: 4px 0;
}

input.required-textbox {
    border: 1px solid red !important;
}

#frmSearchJourney .multi-option [type="button"], #frmJourneyDetails .multi-option [type="button"] {
    width: 100% !important;
}

.child-div {
    margin: 10px auto;
    width: 98% !important;
}

.preview-setting {
    width: 400px;
}

    .preview-setting .disabled-link {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .preview-setting a {
        text-decoration: underline !important;
        color: Blue !important;
        font-size: 12px;
        cursor: pointer;
        float: left;
        margin: 5px;
    }

.form-table {
    width: 100%;
    display: block;
}

    .form-table td {
        padding: 5px;
        vertical-align: middle;
    }

.CustomViewWrapper nav {
    z-index: 0 !important;
}


.box-bottom {
    display: block;
    width: 320px;
    padding: 10px;
    display: block;
    background: #FFF;
    border: solid 1px #BBBBBB;
    border-radius: 5px;
    box-shadow: 0px 0px 15px #999;
    position: absolute; /*left:103px !important;top: 30px !important;*/
    bottom: 0.5% !important;
    right: 0.5% !important;
    z-index: 9999;
}

.vehicle-time-panel h2 a {
    margin-left: 5px;
}

.gray-bg {
    padding: 6px 10px;
    background: #8fabc1;
    color: #fff;
    margin-bottom: 1px;
    position: relative;
    font-size: 12px;
}

    .gray-bg a {
        color: #fff;
        text-decoration: none;
    }

.action-link {
    float: right;
    margin: 1px 0 0 3px;
    background: #fff;
    padding: 2px;
    text-align: center;
}

.right {
    float: right !important;
}

.color-code {
    float: left;
    margin-right: 2px;
    width: 30px;
    height: 13px;
    border: 1px solid #fff;
}

.no-color-code {
    float: left;
    margin-right: 4px;
    width: 30px;
    height: 13px;
}

.light-green {
    background: LightGreen;
}

.orange {
    background: orange;
}

.green {
    background: green;
}

.olive {
    background: olive;
}

.red-bg {
    background: red;
}

.notifcation-panel span {
    text-align: left !important;
    font-size: 12px !important;
}

.displaynone {
    display: none !important;
}


/**************Stop Area ****************/

.stop-area-left {
    width: 200px;
    float: left;
    margin-left: 30px;
    padding-top: 5px;
}

.stop-area-main {
    width: 100%;
    margin-bottom: 15px;
    float: left;
}

.stop-area-map {
    float: left;
    width: 400px;
    height: 230px;
    background: #999;
}

.stop-area-form {
    float: left;
    width: 500px;
}

.form-group {
    clear: both;
    margin-bottom: 10px;
}

.stop-area-error {
    padding-top: 5px;
    padding-bottom: 10px;
}

.stop-area-error-ul {
    background: none repeat scroll 0 0 #FFF1F2;
    border: 1px solid #DFDFDF;
    border-radius: 4px 4px 4px 4px;
    margin: 0;
    padding: 10px;
    position: inherit !important;
    width: auto !important;
}

.stop-area-error-ul-li {
    background: none no-repeat scroll left center transparent;
    font-weight: normal;
    line-height: 16px;
    font-size: 12px !important;
}

.error-cnd {
    padding-top: 5px;
    color: Red;
    font-size: 12px;
}

.tr-RedBg {
    background-color: #f3d8d8;
}

/* Duress Alaram Map Style Starts */
@keyframes blink {
    50% {
        border-color: #ff0000;
    }
}

.blinkingPopup {
    border: 8px solid #fff;
    position: fixed;
    text-align: center;
    background-color: #000000;
    -webkit-animation: blink .5s step-end infinite alternate;
    -moz-animation: blink .5s step-end infinite alternate;
    -ms-animation: blink .5s step-end infinite alternate;
    -o-animation: blink .5s step-end infinite alternate;
    animation: blink .5s step-end infinite alternate;
    position: relative;
    height: 97% !important;
    max-height: 407px; /*ICR-14655*/
}
/* Duress Alaram Map Style Ends */

.gray-Input input {
    height: 17px;
    width: 200px;
    background: #f1f1f1;
    border: 1px solid #f7f7f6;
    border-radius: 3px;
    margin: 5px 0;
    border-radius: 3px;
    box-shadow: inset 1px 1px 0px #ccc;
    padding: 3px;
    color: #797979;
    font-size: 13px;
    font-family: 'CenturyGothic';
    border-radius: 4px !important;
}

.ReplyContoller {
    width: 100%;
    display: block;
}

    .ReplyContoller .ReplySlider {
        float: left;
        margin: 10px 10px 0;
    }

.ReplySlider .ui-widget {
    background: #999;
    border: 0;
    height: 3px;
}

.ReplySlider .ui-slider-handle {
    width: 0.8em;
    background: #ee8b21;
    border: 0;
}

.ReplySlider .ui-slider-horizontal .ui-slider-handle {
    top: -0.7em;
}

.ReplyLable {
    display: block;
    width: 300px;
    margin: 0 auto;
    padding-right: 20px;
}

    .ReplyLable .lableFirst, .ReplyLable .lableSecond, .ReplyLable .lableLast {
        font-size: 10px;
        width: 33%;
        text-align: center;
        float: left;
    }

    .ReplyLable .lableFirst {
        float: left;
    }

    .ReplyLable .lableSecond {
        margin: 0 auto;
    }

    .ReplyLable .lableLast {
        float: right;
    }

.lableOrange {
    color: #ee8b21;
}


.btn_play {
    background: #ffe9d5 !important;
    color: #333;
    font-weight: bold;
    font-size: 10px !important;
    height: 25px;
    line-height: 22px !important;
    padding: 0 5px 0 5px !important;
    border-radius: 10px !important;
    width: auto !important;
    border: 1px solid #ccc;
    cursor: pointer;
    margin-right: 8px;
}

.btn_pause {
    background: #fff !important;
    color: #333;
    font-weight: bold;
    font-size: 10px !important;
    height: 25px;
    line-height: 22px !important;
    padding: 0 5px 0 5px !important;
    border-radius: 10px !important;
    width: auto !important;
    border: 1px solid #ccc;
    cursor: pointer;
    margin-right: 8px;
}

    .btn_play i, .btn_pause i {
        font-size: 9px !important;
        padding-right: 3px;
        margin-right: 3px;
        float: left;
        height: 23px;
        line-height: 21px;
        color: #999;
    }

.replay-SelectedLog {
    color: #9F6000;
    background: #F9EDBE;
}

.display-search-combo {
    text-align: left !important;
    width: 440px !important;
}

.img-grid-class {
    padding: 0 0 0 3px;
    max-width: 75px;
    width: 75%;
}
/* 20 Jan style starts */
.custom-combobox input.custom-combobox-input {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.custom-combobox a.ui-state-default {
    border-left: none !important;
}

.custom-combobox .ui-icon-triangle-1-s {
    background-position: -64px -11px !important;
}

.ui-slider-vertical {
    background: url("/Images/scrolbar-hypers.png") no-repeat scroll center top rgba(0, 0, 0, 0) !important;
    border: 0 none;
    cursor: pointer;
    height: 128px !important;
    width: 58px !important;
    z-index: 1200;
}

.reviewjourney {
    overflow: auto;
    max-height: 225px;
}

.selected_Button {
    background-color: lightgray !important;
}

/*added for DSMS tooltip*/
#dsmsToolTip {
    outline: none;
    cursor: pointer;
}

    #dsmsToolTip strong {
        line-height: 30px;
    }

    #dsmsToolTip:hover {
        text-decoration: none;
    }

    #dsmsToolTip span {
        z-index: 10;
        display: none;
        padding: 8px 15px;
        margin-top: -30px;
        margin-left: 28px;
        width: auto;
        line-height: 18px;
    }

    #dsmsToolTip:hover span {
        display: inline;
        position: absolute;
        color: #111;
        border: 1px solid #DCA;
        background: #fffAF0;
        font-style: normal;
    }

.dsmsCallout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}
/*CSS3 extras*/
#dsmsToolTip span {
    border-radius: 4px;
    box-shadow: 5px 5px 8px #CCC;
}

.DSMSToolTip {
    vertical-align: text-top;
    font-weight: normal;
    margin-right: -5px;
    color: red;
}

.cnd-panel {
    background: #fff;
    border: 1px solid #c3c3c3;
    padding: 8px;
    overflow: hidden;
    font-size: 12px !important;
}

    .cnd-panel .map-default {
        padding: 1%;
        width: 98%;
        border-bottom: 1px solid #ccc;
        background: #ffe9d5;
        margin: 5px 0 0 0;
        height: auto;
    }

.closure-detail {
    background: #fff;
    padding: 5px;
    overflow: hidden;
}

.table-div {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

.closure-detail .mtabs {
    margin: 0 20px !important;
}

.closure-detail .ui-tabs-panel {
    padding: 10px 5px !important;
    border: 1px solid #ddd !important;
}

.view-tooltip {
    display: none;
    position: absolute;
    border: 1px solid #333;
    background-color: #161616;
    /*border-radius: 5px;*/
    padding: 10px;
    color: #fff !important;
    font-size: 12px;
    z-index: 9999;
}

    .view-tooltip p {
        color: #fff !important;
    }

.round-button {
    width: 27px;
    border: 1px solid #ccc;
    background: none;
    cursor: pointer;
    font-size: 10px;
    vertical-align: middle;
    color: #333;
    font-family: 'CenturyGothic-Bold';
    margin-left: 5px;
    padding: 0;
    height: 25px;
    border-radius: 25px;
    background: #f1f1f1;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f1f1));
    background: -webkit-linear-gradient(top, #fff, #f1f1f1);
    background: -moz-linear-gradient(top, #fff, #f1f1f1);
    background: -ms-linear-gradient(top, #fff, #f1f1f1);
    background: -o-linear-gradient(top, #fff, #f1f1f1);
    -pie-background: linear-gradient(#fff, #f1f1f1);
    behavior: url(/PIE.htc);
    position: relative;
}

.ui-dialog-titlebar .ui-state-hover {
    background: none !important;
    border: 0 !important;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 1px !important;
}

.closureanddiversionheader {
    width: 53% !important;
}

.notification-right-btn {
    float: right;
    margin-right: 2px;
    margin-top: -5px;
}

.notification-circle-btn {
    background: #f9f9f9;
    border: 1px solid #666;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: none;
    float: right;
}

    .notification-circle-btn i.fa-check-circle {
        color: #333;
        font-size: 14px !important;
        margin-left: 2px;
        margin-top: 0px;
        line-height: 16px;
    }

    .notification-circle-btn a {
        color: #333;
    }

        .notification-circle-btn a i.fa-map-marker {
            margin-left: 4px;
            margin-top: 0px;
            font-size: 14px !important;
            line-height: 17px;
        }

.allocatation-dsms {
    position: absolute;
    background: red;
    padding: 0;
    border-radius: 50%;
    right: -10px;
    top: 0;
    width: 5px;
    height: 5px;
}

input[type="text"]#locationText {
    width: 70%;
    font-size: 12px !important;
    background-color: #F1F1F1;
    height: 15px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #F7F7F6 !important;
}

.static-grid {
    border-collapse: collapse;
}

    .static-grid th {
        background: #f2f2f2;
        font-weight: normal;
        font-family: "CenturyGothicBold";
    }

    .static-grid td, .static-grid th {
        padding: 5px;
        border: 1px solid #ccc;
    }

.display-replay {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: 200px !important;
}

.mapIconTootip td {
    line-height: 10px;
    padding: 4px;
    color: white;
    font-size: 12px;
}


/******Progress Bar CSS*/

.progress_outer {
    width: 20%;
    border: 1px solid #000;
}

.progress {
    width: 0%;
    background: #0026ff;
    height: 20px;
}

/*****/
.exportLink {
    float: right;
    position: absolute;
    right: 2px;
    top: 5px;
}

.vehicleGraphYAxis {
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}

.GenerateTimetbale {
    width: 55%;
}

    .GenerateTimetbale .msg-span1 {
        width: 30%;
    }

        .GenerateTimetbale .msg-span1 label {
            width: 18%;
        }

        .GenerateTimetbale .msg-span1 input[type="text"], .GenerateTimetbale .input-box {
            width: 70%;
        }


@media screen and (min-width:980px) and (max-width:1024px) {

    .GenerateTimetbale {
        width: 70%;
    }

        .GenerateTimetbale .msg-span1 {
            width: 30%;
        }

            .GenerateTimetbale .msg-span1 label {
                width: 20%;
            }

            .GenerateTimetbale .msg-span1 input[type="text"], .GenerateTimetbale .input-box {
                width: 70%;
                float: left;
            }
}

.dialog_div {
    -webkit-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.30);
    -ms-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.30);
    box-shadow: 0 0px 7px rgba(0, 0, 0, 0.30);
}

.legend-indicator {
    display: block;
    margin: 50px 0 5px;
    float: right;
}

.color-box {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.legend-indicator > p {
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
}

.form-error {
    clear: both;
    display: block;
    color: #ff0000;
    background: none;
    border: 0;
    font-size: 11px;
    margin-top: 2px;
}

    .form-error span {
        color: #ff0000 !important;
        background: none !important;
        border: 0 !important;
    }

.form-hidden {
    margin-top: -18px;
}
/*navigation*/
/*#navigation-link { background: #e67f24 none repeat scroll 0 0; color: #ffffff; cursor: pointer; display: inline-block; font-size: 1em; font-weight: 700; margin-bottom: 0; margin-right: 15px; height: 19px; line-height: 19px; padding: 0px 10px; }
#navigation-link i.fa-th { float: left; font-size: 14px; margin-right: 5px; margin-top: 3px; }*/

/*ICR-14217, 14142*/
#navigation-link {
    position: relative;
    background: #e67f24 none repeat scroll 0 0;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0;
    margin-right: 15px;
    height: 19px;
    line-height: 19px;
    padding: 0px 10px 0px 25px;
}

    #navigation-link span.fa-th {
        float: left;
        font-size: 14px;
        margin-right: 5px;
        margin-top: 3px;
        position: absolute;
        left: 5px;
        top: 0;
    }

.product-menu {
    float: right;
    font-size: 12px;
}

.tooltip-input {
    display: none !important;
}

.tooltip-content {
    margin-bottom: 1.5em;
}

.tooltip-content {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    color: #333333;
    display: block;
    margin-left: -1px;
    margin-top: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 150px;
    z-index: 9999;
}

    .tooltip-content ul {
        float: none !important;
        margin: 0;
        padding: 0;
    }

        .tooltip-content ul li {
            float: none;
            list-style: outside none none;
            margin: 0;
            padding: 0;
        }

        .tooltip-content ul a {
            border-bottom: 1px solid #dddddd;
            display: block;
            font-size: 12px;
            padding: 7px 5px 7px 15px;
            text-decoration: none;
        }

            .tooltip-content ul a:hover {
                background: rgba(0, 0, 0, 0) linear-gradient(to right, #e67f24 0%, #ffffff 7%) repeat scroll 0 0;
            }
/*menu change*/
#menu-nav li.menu-item-last ul {
    left: auto;
    right: 0;
}


.accord-system-perf {
    top: 94px !important;
}

/*Open layer tooltip change */
.olPopupContent {
    padding: 5px;
    overflow: auto;
    height: 165px !important;
}

/* Start ICR-12812: PTT- Charge Event - Alignment issue Added by Ripal on 19-04-2016 used in chargeevent\index.cshtml*/
.charge-event-right-label {
    vertical-align: top !important;
}

    .charge-event-right-label label {
        float: left;
        margin-top: 6px;
    }

.messaging-container-body span.ui-state-error {
    background: none;
    border: 0;
    color: #333;
}

.messaging-container-body .ui-widget-content {
    background: none;
}

.charge-event-label label {
    float: left;
    margin-top: 3px;
}

.charge-event-right-labelfirst-child label {
    margin-top: 7px;
}
/* End ICR-12812: PTT- Charge Event - Alignment issue Added by Ripal on 19-04-2016 used in chargeevent\index.cshtml*/

.show-result-col {
    margin-bottom: 20px;
}


.print-table-header {
    padding: 0 15px;
    vertical-align: middle;
    height: 30px;
    color: #333;
    font-size: 14px;
    font-family: 'CenturyGothic-Bold';
    margin-left: -11px;
    margin-right: -11px;
    line-height: 25px;
}

    .print-table-header .fa-chevron-circle-up, .print-table-header .fa-chevron-circle-down {
        float: right;
        margin-top: 5px;
        color: #333;
        font-size: 18px;
    }

.print-table-body {
    border-top: 1px solid #aaa;
    margin-left: -11px;
    margin-right: -11px;
    padding-left: 11px;
    padding-right: 11px;
}


.publicservice-main-cntainer {
    float: right;
    width: 48%;
    transition: all 0.6s linear 0s;
}

.publicservice-label {
    float: left;
    width: 54%;
}

    .publicservice-label label {
        font-size: 12px;
        font-weight: normal;
    }

    .publicservice-label input {
        width: 150px;
        height: 14px;
        background-color: #F1F1F1;
        vertical-align: middle;
    }

.publicservice-search-content {
    float: right;
}


/* Safari 6.1+ (8.0 is the latest version of Safari at the time of this posting) */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        #detail-container {
            padding-right: 16px;
            border-right: 1px solid #ccc;
        }

        #footer-container {
            height: 28px;
        }

        table#publicServiceGrid tbody tr td, table#publicServiceGrid tbody tr td a, table#grid tbody tr td, table#grid tbody tr td a {
            height: 28px;
        }
    }
}

/* Safari 7.1+ (8.0 is the latest version of Safari at the time of this posting) */

_::-webkit-full-page-media, _:future, :root #detail-container {
    padding-right: 16px;
    border-right: 1px solid #ccc;
}

#footer-container {
    height: 28px;
}

table#publicServiceGrid tbody tr td, table#publicServiceGrid tbody tr td a, table#grid tbody tr td, table#grid tbody tr td a {
    height: 28px;
}

/* Safari 6.1-7.0 */

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0) {
    #detail-container {
        (;
      padding-right:16px; 
	  border-right:1px solid #ccc;
    );
    }

    #footer-container {
        (; height:28px;);
    }

    table#publicServiceGrid tbody tr td, table#publicServiceGrid tbody tr td a, table#grid tbody tr td, table#grid tbody tr td a {
        (; height:28px;);
    }
}

.table-header-container {
    padding-right: 16px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(233,233,233,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0 );
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.table-footer-container {
    padding-right: 16px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(233,233,233,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0 );
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: none;
}

.table-main-container {
    border-bottom: 1px solid #ccc;
}

.table-header-container thead tr th {
    border-top: 0 !important;
}

.login-validation span.field-validation-error {
    border: 0;
    background: 0;
    position: absolute;
    right: -19px;
    top: 42%;
    color: red;
    font-size: 15px;
}

.new-route-empty {
    padding-bottom: 0px;
}

.new-route-tab {
    float: right;
    width: auto;
    padding-bottom: 0;
    margin-right: 15px;
}

    .new-route-tab #timingTab {
        position: inherit;
        float: right;
        margin-left: 30px;
    }

    .new-route-tab #tabs {
        position: inherit;
        float: right;
        margin-left: 30px;
    }

    .new-route-tab #stopTabs {
        position: inherit;
        float: right;
        margin-left: 30px;
    }

    .new-route-tab #timingStatusTab-overview {
        position: inherit;
        float: right;
        margin-left: 30px;
    }

    .new-route-tab #timingTab-overview {
        position: inherit;
        float: right;
        margin-left: 30px;
    }

.new-route-empty .running-board-textbox {
    margin-top: -4px;
}

.data-display-table thead th.header-gray {
    background: rgba(0, 0, 0, 0) linear-gradient(#787878, #585858) repeat scroll 0 0;
    color: #fff;
    padding: 10px 0;
}

.data-display-table table.history-table thead th {
    padding: 10px 0;
}

/*.bold {
  font-weight: bold;
}*/

.trleftgrid-col {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e9e9e9+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
    width: 200px;
    float: left;
    border-right: 3px solid #333;
}

.tdleftgrid-col {
    height: 22px;
    line-height: 22px;
    border-bottom: 1px solid #aaa;
    width: 100%;
    font-family: 'CenturyGothic-Bold';
    text-align: center;
}

.trrightgrid-col {
    /*width: 113000px;*/
}

.journey-td {
    width: 200px;
    height: 22px;
    line-height: 22px;
    border-right: 2px solid #333;
    border-bottom: 1px solid #aaa;
    float: left;
    text-align: center;
}

.journey-col {
    clear: both;
    overflow: hidden;
    width: 100%;
}

.journey-col-td {
    width: 200px;
    border-right: 2px solid #333;
    float: left;
    text-align: center;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
    font-family: 'CenturyGothic-Bold';
}

.journey-td ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

    .journey-td ul li {
        list-style: none;
    }

    .journey-td ul.dept-col li {
        width: 99px;
        float: left;
        border-right: 1px solid #aaa;
        height: 22px;
        line-height: 22px;
    }

    .journey-td ul.stop-point-col li {
        width: 49px;
        float: left;
        border-right: 1px solid #aaa;
        height: 22px;
        line-height: 22px;
    }

.cancel-journey-col a {
    background: #cccccc;
    display: block;
    color: #000;
}

.journey-cancellaion a {
    text-decoration: underline;
}

.trleft-body {
    width: 220px;
    float: left;
    border-right: 3px solid #333;
    overflow-y: hidden;
}

.trright-body {
}

.table-trright-body {
    background: #fff;
    overflow: hidden;
    font-family: 'CenturyGothic-Bold';
}

.stop-point-head {
    height: 22px;
    line-height: 22px;
    border-bottom: 1px solid #aaa;
    text-align: left;
    padding-left: 7px;
}

.trright-body ul.stop-point-col li {
    font-weight: normal;
}

.journey-td ul.dept-col li:last-child, .journey-td ul.dept-col li:last-child {
    border-right: 0;
}

.table-body-col {
    /* height: 300px;*/
    overflow-y: hidden;
}

.Public-Service-Grid {
    border: 1px solid #aaa;
    font-size: 11px;
}

.stop-pint-hidden {
    display: none;
}

.table-rightgrid-col {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e9e9e9+100 */
    overflow-y: hidden;
    /* font-weight: 700;*/
    overflow-x: auto;
    margin-right: 17px;
}


#divStopsData {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e9e9e9+100 */
    overflow-x: auto;
    overflow-y: auto;
    /*  font-weight: 700; */
}

.table-header-col {
    height: 115px;
    overflow: hidden;
}

#stop-pointdetails {
    width: 200px;
    float: left;
    border-right: 3px solid #333;
    overflow: hidden;
}

.table-header-col-dutyboard {
    height: 92px;
}

.cancel-journey-link {
    cursor: default;
}

#Nodata {
    height: 135px;
    vertical-align: middle;
}

.zoom-panel-slide {
    position: fixed;
    right: 0;
    top: 56px;
    z-index: 9;
}

div.olControlZoom {
    display: none !important;
}

.line-diagram .main-80 {
    height: 200px !important;
}

.line-diagram .text-inbound {
    top: -18% !important;
}

.line-diagram-main {
    height: 580px !important;
    overflow-y: hidden !important;
}
/* html { */
/* height: auto; */
/* } */
.top-strip-google {
    min-width: 730px !important;
}

.cancel-journey-cancellable {
    cursor: pointer;
}

/*.gridParent td {
    padding: 3px;
    
}

.gridParent a {
    color: #F75813;
    text-decoration: underline;
}

.gridParent th {
    font-weight: bold;
    padding: 2px;
    color: #000000;
    background: #DCDEE2;
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}

.gridParent tr td {
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}*/

.tweets-scroll-section{
    height:100%;
    overflow-y: scroll;
}

.landing-map-bg {
    height:100% !important;
}

 #pamphlet-wrap {
    height:77% !important;
    margin-left:0% !important;
    width:100%!important;    
 }

.login-box {
    width:100% !important;
    padding: 15px 3px 15px 0px !important;
}

.grid-25 {
float:right;
}

.grid-70 {
    width:73%!important;
}

div#tweets {
    border: 6px solid #f5f5f5;
    border-radius: 10px;
    width: 97% !important;
}

.btm-panel-mid {
    height: 100% !important;
}
.disable-orange-td a {
    text-decoration: underline;
}
/*
 * jQuery UI CSS Framework 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */




/* Component containers
----------------------------------*/
.ui-widget { font-family: "CenturyGothic"; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "CenturyGothic"; font-size: 1em; }
.ui-widget-content { border: 1px solid #a0a0a0; background: #ffffff; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/Content/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { /*border: 1px solid #d3d3d3; */background-color:#fff; /*background: #e6e6e6 url(/Content/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;*/ font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #fff; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { /*border: 1px solid #999999; *//*background-color:#fff;*/ /*background: #dadada url(/Content/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;*/ font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; /*background: #ffffff url(/Content/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;*/ background-color:#fff; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(/Content/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; 
                                                                                        background: #fef1ec url(/Content/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/Content/smoothness/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/Content/smoothness/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/Content/smoothness/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/Content/smoothness/images/ui-icons_888888_256x240.png); }
/*.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/Content/smoothness/images/ui-icons_454545_256x240.png); }*/
.ui-state-active .ui-icon {background-image: url(/Content/smoothness/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/Content/smoothness/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/Content/smoothness/images/ui-icons_cd0a0a_256x240.png); }

/* Misc visuals
----------------------------------*/

/* Corner radius */
/*.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }*/

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/Content/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/Content/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*

/*
 * jQuery UI Autocomplete 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */


/*
 * jQuery UI Menu 1.8.18
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */


.ui-slider { position: relative; text-align: left;}
.ui-slider .ui-slider-handle {position: absolute; z-index: 2; width: 18px; height: 10px; border:0; cursor:pointer; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.slider-con{background:url(/Images/scrolbarBg.png) no-repeat scroll center top; height:128px; padding:15px 0 15px;}
.ui-slider-vertical {width: 58px; height: 128px; z-index:1200; border:0; background:url(/Images/scrolbar-hypers.png) no-repeat scroll center top; cursor:pointer; }
 .ui-slider-vertical .ui-state-default { background: url(/Images/scrol-btn.png) no-repeat scroll 50% 50%; }
.ui-slider-vertical .ui-slider-handle { left: 20px; margin-left: 0; margin-bottom: -0.3em;}
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*



/* Start:Date and Time Picker*/

/*
 * jQuery UI CSS Framework 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/

#ui-datepicker-div table th {
	background:none !important;
	color:#000 !important;
}

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/
.ui-widget {  font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; border:1px solid #bdbdbd; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #FFF; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #C31111 url(/Content/smoothness/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
/*.transp{opacity:0.7;
filter:alpha(opacity=70);}*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #a0a0a0; opacity:0.7; 	
    background:#fff;	/*background:#595959;	background-repeat: repeat-x;                                                                                              
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#595959), to(#343434));
	background: -webkit-linear-gradient(top, #595959, #343434);
	background: -moz-linear-gradient(top, #595959, #343434);
	background: -ms-linear-gradient(top, #595959, #343434);
	background: -o-linear-gradient(top, #595959, #343434); */
	font-family: 'CenturyGothic-Bold';
	color: #777; 
	text-align:center; 
	margin:3px 0 3px 0;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333; text-decoration: none;}

.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header 
.ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus 	
{
    opacity:0.7;
    filter:alpha(opacity=70);   
    /*background:#fff;	
	/*background-repeat: repeat-x;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#595959), to(#343434));
	background: -webkit-linear-gradient(top, #595959, #343434);
	background: -moz-linear-gradient(top, #595959, #343434);
	background: -ms-linear-gradient(top, #595959, #343434);
	background: -o-linear-gradient(top, #595959, #343434); */
	color: #FFF; 
	text-align:center;}
.ui-state-hover a, .ui-state-hover a:hover { color: #000; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #CCC;  
    background-color:#ffe9d5;
    background-repeat: repeat-x;
	opacity:1;
	filter:alpha(opacity=100);
	/*background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f08e21), to(#df7326));
	background: -webkit-linear-gradient(top, #df7326, #f08e21);
	background: -moz-linear-gradient(top, #df7326, #f08e21);
	background: -ms-linear-gradient(top, #df7326, #f08e21);
	background: -o-linear-gradient(top, #df7326, #f08e21); */
	font-family: 'CenturyGothic-Bold';
	color: #FFF; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #333; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cueshi
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #939393; background: #777; color: #FFF; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(/Content/smoothness/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
/*.ui-icon { width: 16px; height: 16px; background-image: url(/Content/smoothness/images/ui-icons_222222_256x240.png); }
/*.ui-widget-content .ui-icon {background-image: url(/Content/smoothness/images/ui-icons_222222_256x240.png); }*/
/*.ui-widget-header .ui-icon {background-image: url(/Content/smoothness/images/arrow-right.png); /*background:url(/Content/smoothness/arrow-right.png) 0 0 no-repeat; }*/
/*.ui-state-default .ui-icon { background-image: url(/Content/smoothness/images/ui-icons_ef8c08_256x240.png); }
/*.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/Content/smoothness/images/ui-icons_ef8c08_256x240.png); }*/
/*.ui-state-active .ui-icon {background-image: url(/Content/smoothness/images/222222_256x240_icons_icons.png); }
.ui-state-highlight .ui-icon {background-image: url(/Content/smoothness/images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/Content/smoothness/images/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(/Content/smoothness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(/Content/smoothness/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
 * jQuery UI Slider 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; background:#777; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Datepicker 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */

/* css for timepicker */.ui-timepicker-div .ui-widget-header
{
     margin-bottom: 8px;
}
.ui-timepicker-div dl
{
     text-align: left;
}
.ui-timepicker-div dl dt
{
     height: 25px;
}
.ui-timepicker-div dl dd
{
     margin: -25px 5px 10px 60px;
}
.ui-timepicker-div td
{
      font-size: 90%;
}

/* End: Date and Time Picker*/


/* New classes for bing slider as it was conflicting with Calendar slider */
.bingslider-con{background:#fff !important; height:128px !important; padding:15px 0 15px !important;}
.ui-slider-vertical {width: 58px; height: 128px; z-index:1200; border:0; background:url(/Images/scrolbar-hypers.png) no-repeat scroll center top; cursor:pointer; }
.ui-slider-vertical .ui-state-default { background: url(/Images/scrol-btn.png) no-repeat scroll 50% 50% !important; border:none !important; }
.ui-slider-vertical .ui-slider-handle { left: 19px !important; margin-left: 0 !important; margin-bottom: -0.5em !important; border:none !important; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/*
 * jQuery UI Accordion 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 0px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important;}
.ui-accordion .ui-accordion-header a { display: block; font-size:11px; padding: 1em .5em 1em 1em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 1em; text-align:left; line-height:1em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; right: .5em; top: 50%; margin-top: -8px; background:none;}
/*accordion content area*/
.ui-accordion .ui-accordion-content { padding: 5px 5px; border-top: 0; border-left:1px solid #a0a0a0; border-right:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; margin: -3px 0 3px 0; position: relative; overflow: hidden; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }


/* jQuery UI Dialog 1.8.18*/
 
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-widget-header{ display:block; cursor: move; background:#595959;background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#595959), to(#343434)); background: -webkit-linear-gradient(top, #595959, #343434); background: -moz-linear-gradient(top, #595959, #343434);	background: -ms-linear-gradient(top, #595959, #343434);	background: -o-linear-gradient(top, #595959, #343434); height:25px; line-height:20px; opacity:1; filter:alpha(opacity=100); margin:0 0 5px 0;  padding:8px 0 0 3%; border-top-right-radius:5px; border-top-left-radius:5px; -webkit-border-radius-topright:5px; -webkit-border-radius-topleft:5px; border-radius-topleft:5px;	border-radius-topright:5px; border:none}
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; background: url(/Images/OP-close.png) no-repeat scroll left top transparent !important;  }
.ui-dialog .ui-dialog-titlebar-close span:hover{ display: block; margin: 1px; background: url(/images/OP-close.png) no-repeat scroll left top transparent !important; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0;  background: none; overflow: auto; zoom: 1;

background: #ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f1f1f1));
background: -webkit-linear-gradient(#ffffff, #f1f1f1);
background: -moz-linear-gradient(#ffffff, #f1f1f1);
background: -ms-linear-gradient(#ffffff, #f1f1f1);
background: -o-linear-gradient(#ffffff, #f1f1f1);
background: linear-gradient(#ffffff, #f1f1f1);}
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; float:right; }
.ui-draggable .ui-dialog-titlebar {cursor: move;}

.clear
{
	clear: both;
}
div#tweets .twtr-widget, div#tweets #twtr-widget-1 {
	position:relative;
	font-size:12px!important;
	font-family:CenturyGothic!important;
	zoom:1;
}
.twtr-fullscreen {
	font-size:220%!important;
}
.twtr-fullscreen .twtr-new-results {
	_display:none!important;
}
.twtr-inactive {
	display:none;
}
.twtr-widget a img {
	border:0!important;
}
.twtr-doc {
	overflow:hidden;
	width:100%;
	text-align:left;
	font-weight:normal;
	/*-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;*/
}
.twtr-bd {
	padding:0 1px;
}
div#tweets .twtr-widget .twtr-tweet-wrap {
	padding:6px 0;
	overflow:hidden;
	zoom:1;
}
.twtr-fullscreen .twtr-tweet-wrap {
	padding:20px;
}
div#tweets .twtr-widget .twtr-tweet {
	border-bottom:0px dotted #ddd;
	overflow:hidden;
	padding-top:10px;
	zoom:1;
}
.twtr-widget-profile img.twtr-profile-img {
	display:block;
	float:left;
	width:31px;
	height:31px;
	border:0!important;
}
div#tweets .twtr-widget h3, div#tweets .twtr-widget h4, div#tweets .twtr-widget p {
	margin:0!important;
	padding:0!important;
	line-height:18px !important;
	width:auto!important;
	font-weight:bold;
}
.twtr-widget-profile h3, .twtr-widget-profile h4 {
	margin:0 0 0 40px!important;
}
.twtr-widget h3 {
	font-size:11px!important;
	font-weight:normal!important;
}
.twtr-widget h4 {
	font-size:16px!important;
}
.twtr-widget em, .twtr-widget .twtr-new-results {
	font-size:9px;
	font-style:normal;
	display:block;
	margin-top:2px;
	zoom:1;
}
.twtr-widget .twtr-new-results {
	text-align:center;
	padding:3px;
	margin:0 auto -10px auto!important;
	display:block;
	position:relative;
	bottom:5px;
	line-height:.9;
}
.twtr-results-inner {
	line-height:1;
	font-size:100%;
	padding:4px 0;
	position:relative;
	bottom:-2px;
	width:40%;
	margin:0 auto;
	z-index:2;
	text-align:center;
}
.twtr-results-hr {
	width:100%;
	position:relative;
	z-index:1;
	height:1px;
	border-bottom:1px dotted #ddd;
	bottom:7px;
	background:none;
	overflow:hidden;
}
.twtr-new-results span {
	position:relative;
	z-index:3;
	top:-14px;
	display:block;
	font-size:9px!important;
}
.twtr-fullscreen .twtr-new-results span {
	font-size:24px!important;
}
.twtr-hd {
	padding:10px;
	position:relative;
	zoom:1;
	overflow:hidden;
	display:none;
}
.twtr-fullscreen .twtr-hd {
	height:0;
	padding:0;
}
.twtr-timeline {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	position:relative;
	overflow:hidden;
	z-index:2;
}
.twtr-scroll .twtr-timeline {
	overflow-x:hidden;
	overflow-y:auto;
}
.twtr-widget .twtr-tweet:last-child {
	border-bottom-width:0;
}
.twtr-ft {position:relative; display:none;}
.twtr-ft div {
	overflow:hidden;
	padding:10px;
	zoom:1;
}
.twtr-ft span {
	float:right;
	text-align:right;
}
.twtr-ft a {
	float:left;
	display:block;
}
.twtr-ft a img {
	position:relative;
	top:2px;
}
.twtr-ft span a {
	float:none;
}
#twtr-widget-1 .twtr-avatar,
div#tweets .twtr-avatar 
{
    margin-right:15px;
	width:48px;
	height:48px;
	float:left;
	overflow:hidden;
	display:block;
	border:1px solid #ccc;	
	padding:8px 8px;
	background:#fff; 
	box-shadow:1px 3px 4px #C3C6C9;
	-moz-box-shadow:1px 3px 4px #C3C6C9;
	-webkit-box-shadow:1px 3px 4px #C3C6C9;
}
.twtr-fullscreen .twtr-avatar {
	width:80px;
	height:80px;
}
div#tweets .twtr-img {
	float:left;
	height:48px;
	width:48px;
}
div#tweets #twtr-widget-1 .twtr-img a{ display:block; float:left; }
div#tweets .twtr-img img {
	width:48px;
	height:48px;
}
.twtr-fullscreen .twtr-img img {
	width:72px;
	height:72px;
}
.twtr-fullscreen a.twtr-join-conv {
	display:none;
}
div#tweets #twtr-widget-1 .twtr-tweet-text,
div#tweets #twtr-widget-1 .twtr-tweet-text {
	margin-left:0px;
	float:left;
	width:80%;
}
.twtr-fullscreen .twtr-tweet-text {
	margin-left:90px;
}
.twtr-doc a {
	text-decoration:none!important;
}
.twtr-doc a:hover {
	text-decoration:underline!important;
}