/* General Classes Starts Here */
Body { background:#FFFFFF; color:#696856; font-family:lato; font-size:13px; margin:0px;}
.Page-Width { background:#FFFFFF; width:1040px;}
.small { font-size:8px;}
a.Page-Link:link, a.Page-Link:visited, a.Page-Link:active { color:#000000; font-size:12px; font-weight:normal; text-decoration:none;}
a.Alpha-Link:link, a.Alpha-Link:visited, a.Alpha-Link:active { color:#004980; font-size:12px; font-weight:bold; text-decoration:none;}
a.Page-Link:hover { color:#b82637; text-decoration:underline;}

/* Header and Menu Classes starts here */
.logo { background:url(images/Logo.gif) left top no-repeat;}
.Header-Bg { background:url(images/Header_Bg.gif) left top #553e47 no-repeat; height:95px; padding:0px 0px 0px 30px; vertical-align:top;}
.Header-Align { line-height:10px; padding:10px 10px 0 10px; padding-top:0px; vertical-align:bottom;}
.hdrtxt { color:#696856; font-size:12px; font-weight:bold; padding:10px 3px 0px 0px;}
.Popup-Bg { background:#FFFFFF; padding:10px 10px 10px 10px;}
.Menu-Bg { background:url(images/menubg.png) repeat-x scroll 0%; border-bottom:1px solid #D0D1D5; height:35px;}
a.Menu-Link:link, a.Menu-Link:visited, a.Menu-Link:active { border-right:#D0D1D5 1px solid; color:#363636; font-size:12px; font-weight:bold; padding:10px 10px; text-decoration:none;}
a.Menu-Link:hover { background:url(images/menuhover.png) repeat-x scroll 0%; color:#363636; height:35px; padding:10px 10px;}
.Menu-Saprater { padding:0px 15px 0px 15px;}
.sub-menu-bg { background:url(images/menubg.png) repeat-x scroll 0%; border-bottom:none; border-left:#D0D1D5 1px solid; border-right:none; border-top:#D0D1D5 1px solid; z-index:100;}
.sub-menu-bg table { background:url(images/menubg.png) repeat-x scroll 0%; border:none;}
.sub-menu-bg table tr td { border-bottom:solid 1px #D0D1D5; padding:0px;}
.sub-menu-sptr { border-bottom:none 1px #D0D1D5; padding:5px 6px;}
.sub-menu-more { background:url(images/Sub_Menu_more.gif) right center no-repeat; cursor:pointer; height:7px; width:4px;}
.Sub-Menu-Link a { background:none; color:#363636; display:block; height:30px; line-height:21px; padding-left:5px; padding-right:5px; text-decoration:none;}
.Sub-Menu-Link a:hover { background:url(images/menuhover.png) repeat-x scroll 0%; color:#363636;}
.Sub-Menu-Link:link, .Sub-Menu-Link:active, .Sub-Menu-Link:visited { color:#363636; font-size:12px; font-weight:bold; text-decoration:none;}
.logout { color:#696856; font-family:lato; font-size:12px; padding:0px; text-decoration:underline;}
.BacktoAdmin { color:#444444; font-family:lato; font-size:12px; font-weight:bold; padding:0px; text-decoration:none;}
.BacktoAdmin:hover { color:#444444; font-family:lato; font-size:12px; font-weight:bold; padding:0px; text-decoration:underline;}

/* Page Title and Header Classes Starts here */
.Page-Title { background:url(images/Icon_Title.gif) left top no-repeat; color:#000; font-family:'Arial Narrow'; font-size:16px; font-weight:bold; padding-left:25px;}
.Form-Title { background:url(images/form_title_bul.gif) left top no-repeat; border-bottom:dashed 1px #CCCCCC; color:#004980; font-size:16px; font-weight:bold; padding-bottom:10px; padding-left:18px;}
.Form-Sub-Title { color:#696856; font-size:20px; font-weight:bold;}
.Form-Sub-box { background:#ffffff; border:dashed 1px #84847d; padding:10px;}

/* Navigation Button Classes starts here */
.nav-inact { background:url(images/nav_inact_bg.gif) #dfdfdf left top repeat-x; border:solid 1px #c2c2c2; color:#585858; cursor:pointer; font-size:12px; font-weight:bold; padding-bottom:1px; padding-left:3px; padding-right:3px; text-align:center; text-decoration:none; width:16px;}
.nav-inact a { color:#585858; text-decoration:none;}
.nav-act { background:#3F66A7 url(images/Grid_Hdr_Bg.gif) left top repeat-x; border:solid 1px #3F66A7; color:#FFFFFF; cursor:auto; font-size:12px; font-weight:bold; padding:2px 5px; text-align:center; text-decoration:none;}
.nav-act span { color:#FFFFFF; text-decoration:none;}
.nav-pager { width:16px;}

/* Grid Classes Starts Here */
.Grid-Hdr { background:url(images/Grid_Hdr_Bg.gif) #4E9DE0 left top repeat-x; color:#ffffff; font-size:13px; font-weight:bold; height:25px; text-align:left; text-decoration:none; white-space:normal;}
.Grid-Hdr th { padding:2px 5px 2px 5px;}
.Grid-Data td { background:#DAE1E5; color:#454b4b; font-size:13px; font-weight:normal; height:30px; padding:2px 5px 2px 5px;}
.Grid-Data-Alt td { background:#F0F0F0; border:#E6EFD1; color:#454b4b; font-size:13px; height:30px; padding:2px 5px 2px 5px;}
.Grid-Data-Gray td { background:#CACACA; color:#333333; font-size:12px; font-weight:normal; height:22px; padding:2px 5px 2px 5px;}
.Grid-Hdr th a:link, a:visited { color:#fff; font-size:12px; font-weight:bold; font-weight:normal; text-decoration:underline;}
.Grid-Hdr a:hover { text-decoration:none;}
.Grid-Data:hover, .Grid-Data-Alt:hover { background-color:#CCCCCC; color:black;}
.border-cell { border:solid 1px gray; padding:0px 5px 0px 5px;}

/* Form Classes Starts here */
input, select { color:#3a3a39; font-family:lato; font-size:12px;}
.Button { background: #586277; width: auto; color: #FFFFFF; margin-right: 5px; cursor: pointer; border-radius: 2px; padding: 6px 10px;	border: none !important; font-size: 14px;}
.Button:hover { background:#F19049; color:#FFFFFF;}
.srch-TextBox { background:#fffff7; border:solid 1px #84847d; color:#49431b; font-size:12px; padding:2px 5px 1px 5px; width:160px;}
.srch-DateTextBox { background:#fffff7; border:solid 1px #84847d; color:#49431b; font-size:12px; padding:2px 5px 1px 5px; width:90px;}
.seatlabel { color:#956c0a; font-size:13px; font-weight:bold;}
.srch-Label { color:#49431b; font-size:13px; font-weight:bold; padding:10px 3px 0px 0px;}
.Pager-Label { color:#49431b; font-size:12px; font-weight:bold;}
.label { color:#515151; font-size:13px; font-weight:bold; padding:10px 3px 0px 0px;}
.labellink { color:#333333; cursor:text; font-size:13px; font-weight:normal;}
.label-u { color:#3a3a39; cursor:pointer; font-size:13px; font-weight:bold; padding:10px 3px 0px 0px; text-decoration:underline; white-space:nowrap;}
.txtbox { border:solid 1px #a5acb2; height:17px; padding:2px 0px 0px 2px;}
.txtarea { border:solid 1px #a5acb2; color:#3a3a39; font-family:lato; font-size:12px; padding:2px 0px 0px 2px;}
.combobox { border:solid 1px #a5acb2; height:20px; margin:0px; padding:1px 0px 0px;}
.asterik { color:#FF0000;}
.cursor { cursor:pointer;}
.help-ico { background:url(images/help_icon.gif) left top no-repeat; cursor:pointer; height:18px; width:18px;}
.validator-btn { background:url(images/validation_image.png) no-repeat; background-color:transparent; height:16px; position:absolute; right:20px !important; top:0px !important; width:16px;}
.textareadiv .validator-btn { height:100px;}
.Message { color:Green; font-weight:bold;}
.blink { color:Red; text-decoration:blink;}

/* Content Classes Starts here */
.cont-box { background:#f7f7f7; border:solid 1px #9CC5DB; padding:15px;}
.search-box { background:#f7f7f7; border:solid 1px #9CC5DB; padding:10px;}
.popup-box { border-bottom:dashed 1px #CCCCCC; font-family:lato; font-size:12px; padding:2px;}

/* Footer Classes starts here */
.fotr-bg { background:#9c9b87; border-top:solid 0px #000000; width:100%;}
.Footer-Txt { color:#ffffff; font-size:12px; padding:8px 0px 7px 0px; text-align:center;}

/* Padding Classes Starts here */
.Page-Pad { background:#ffffff; padding:14px 14px 14px 14px;}
.Page-Pad-Header { padding:10px 14px 14px 14px;}
.Frame-Pad { padding:6px 6px 6px 6px;}
.p10-t { padding-top:10px;}
.p7-t { padding-top:7px;}
.p5-r { padding-right:5px;}
.p10-b { padding-bottom:10px;}
.p7-b { padding-bottom:7px;}
.p20-l { padding-left:20px;}
.p5-l { padding-left:5px;}
.p10-l { padding-left:10px;}
.p5-t { padding-top:5px;}
.p5-tb { padding-bottom:5px; padding-top:5px;}
.p10 { padding:10px;}

/* Classes for BUS layout starts here */
.bus-front-lt { background:url(images/bus_front_lt.gif) left top no-repeat; height:65px; width:23px;}
.bus-front-lb { background:url(images/bus_front_lb.gif) left bottom no-repeat; height:65px; width:23px;}
.bus-front-m { background:url(images/bus_front_m.gif) left center no-repeat; height:3px; width:23px;}
.bus-front-m-rep { background:url(images/bus_front_m_rep.gif) left top repeat-y; height:100%; width:23px;}
.bus-back-rt { background:url(images/bus_back_rt.gif) left top no-repeat; height:65px; width:12px;}
.bus-back-rb { background:url(images/bus_back_rb.gif) left bottom no-repeat; height:65px; width:12px;}
.bus-back-m-rep { background:url(images/bus_back_m_rep.gif) left top repeat-y; width:12px;}
.bus-mid-bdr { border-bottom:solid 2px #929292; border-top:solid 2px #929292; padding:0px;}
.bus-wheel-pad { padding-left:30px; padding-right:30px;}
.bus-wheel-pad2 { padding-left:53px; padding-right:53px;}
.bus-top-bdr { border-top:solid 2px #929292;}
.bus-btm-bdr { border-bottom:solid 2px #929292;}
.bus-wheel-t { background:url(images/bus_wheel_t.gif) left top no-repeat; height:6px; width:57px;}
.bus-wheel-b { background:url(images/bus_wheel_b.gif) left top no-repeat; height:6px; width:57px;}
.web-width { width:100%;}
.web-height { height:100%;}
.bus-TV { background:url(images/TV.png) no-repeat; height:40px; width:45px;}
.bus-TV-small { background:url(images/TV_small.gif) no-repeat left top; height:20px; width:25px;}
.bus-Toilet { background: url("images/toilet.png") no-repeat scroll center; height:40px; width:45px;}
.bus-Toilet-small { background: url("images/toilet.png") no-repeat scroll center center; height:20px; width:25px;}
.bus-Door { background:url(images/bus_door_img.gif) no-repeat center bottom; height:40px; width:35px;}
.bus-Driver { background:url(images/bus_drive_img.gif) no-repeat left top; height:40px; width:40px;}
.bus-Door-small { background:url(images/Door-small.gif) no-repeat center bottom; height:20px; width:25px;}
.bus-Driver-small { background:url(images/Driver-small.gif) no-repeat left top; height:20px; width:25px;}
.bus-passage { background:url(images/bus_seat_passage.gif) left top repeat; border:0px; cursor:pointer; height:25px; width:35px;}
.bus-seat, .bus-slum { background:url(images/seat.gif) center no-repeat; color:#333333; cursor:pointer; font-family:lato; font-size:10px; font-weight:bold; height:40px; width:45px;}
.bus-sleeper { background:url(images/sleeper.gif) center no-repeat; border:1px solid lightgray; color:#333333; cursor:pointer; font-family:lato; font-size:12px; font-weight:bold; height:40px; width:100px;}
.bus-upper-sleeper { background:url(images/sleeper.gif) center no-repeat; border:1px solid lightgray; color:#333333; cursor:pointer; font-family:lato; font-size:12px; font-weight:bold; height:40px; width:100px;}
.bus-seat-small, .bus-slum-small { background:url(images/seat-small.gif) center no-repeat; color:#333333; cursor:pointer; font-family:lato; font-size:10px; font-weight:bold; height:20px; width:25px;}
.bus-sleeper-small { background:url(images/sleeper-small.gif) center no-repeat; border:1px solid lightgray; color:#333333; cursor:pointer; font-family:lato; font-size:12px; font-weight:bold; height:20px; width:50px;}
.bus-upper-sleeper-small { background:url(images/upper-Sleeper-small.gif) center no-repeat; border:1px solid lightgray; color:#333333; cursor:pointer; font-family:lato; font-size:12px; font-weight:bold; height:20px; width:50px;}
.avail-seat, .avail-slum { background:url(images/availseat.gif) center no-repeat; color:#333333; cursor:pointer; font-family:lato; font-size:10px; font-weight:bold; height:40px; width:45px;}
.avail-sleeper { background:url(images/availsleeper.gif) center no-repeat; color:#333333; cursor:pointer; font-family:lato; font-size:10px; font-weight:bold; height:40px; width:100px;}
.avail-label { background-color:#588e19;}
.book-seat, .book-slum { background:url(images/bookseat.gif) center no-repeat; color:#333333; cursor:pointer; font-family:lato; font-size:10px; font-weight:bold; height:40px; width:45px;}
.book-sleeper { background:url(images/booksleeper.gif) center no-repeat; border:1px solid lightgray; color:#333333; cursor:pointer; font-family:lato; font-size:12px; font-weight:bold; height:40px; width:100px;}
.book-label { background-color:#3992d6;}
.quota-seat, .quota-slum { background:url(images/quotaseat.gif) center no-repeat; color:#333333; cursor:pointer; font-family:lato; font-size:10px; font-weight:bold; height:40px; width:45px;}
.quota-sleeper { background:url(images/quotasleeper.gif) center no-repeat; border:1px solid lightgray; color:#333333; cursor:pointer; font-family:lato; font-size:10px; font-weight:bold; height:40px; width:100px;}
.quota-label { background-color:#f03926;}
.block-seat, .block-slum { background:url(images/blockseat.gif) center no-repeat; color:#333333; cursor:pointer; font-family:lato; font-size:10px; font-weight:bold; height:40px; width:45px;}
.block-sleeper { background:url(images/blocksleeper.gif) center no-repeat; color:#333333; cursor:pointer; font-family:lato; font-size:10px; font-weight:bold; height:40px; width:100px;}
.block-label { background-color:#c8c8c8;}
.cutSeat-seat, .cutSeat-slum { background:url(images/cutSeatseat.gif) center no-repeat; color:#333333; cursor:pointer; font-family:lato; font-size:10px; font-weight:bold; height:40px; width:45px;}
.cutSeat-sleeper { background:url(images/cutSeatsleeper.gif) center no-repeat; border:1px solid lightgray; color:#333333; cursor:pointer; font-family:lato; font-size:12px; font-weight:bold; height:40px; width:100px;}
.cutSeat-label { background-color:#818007;}

/* Popup Classes */
.popup-header { color:#666; font-weight:bold; font-size:20px;}
.popup-cont { background-color:#ffffff; color:#333333; font-family:lato; font-size:14px; padding:5px;}
.popup-pad { padding:0px;}
.popup-Body { background:#FFFFFF; margin:0px;}

/*Div Classes*/
.ModalBackground { background-color:#6D7B8D; filter:alpha(opacity=50); height:100%; left:0; min-height:100%; min-width:100%; moz-opacity:0.5; opacity:0.5; position:fixed; top:0; width:100%; z-index:999;}
.UpdateProgressModalBackground { left:42%; margin:0 auto 0 120px; opacity:1; position:absolute; text-align:center; top:45%; z-index:99999999;}
.UpdateProgressModalBackground img { background:#fff none repeat scroll 0 0; border:1px solid #e6e6e6; border-radius:6px; box-shadow:5px 5px 5px 0 rgba(0, 0, 0, 0.3); padding:16px;}

/*Classes for Report*/
.black_overlay { background-color:black; display:none; filter:alpha(opacity=60); height:100%; left:0%; moz-opacity:0.6; opacity:.60; position:absolute; top:0%; width:100%; z-index:1001;}
.white_content { background-color:white; border:1px solid orange; display:none; height:100%; left:24%; padding:16px; position:absolute; top:4%; width:880px; z-index:100001;}
.dashboard-bg { background:url(images/dashboard_bg.gif) center center no-repeat; height:361px;}

/*Class for Tab */
.active { background:#f19049; color:white; font:bold 11px Arial; padding:10px; text-decoration:none;}
a.inactive { background:#586277; color:white; font:bold 11px Arial; padding: 10px; text-decoration:none;}
a.inactive:hover { background:#f19049;}
.pad { border-bottom:1px solid white; padding:5px 1px 5px 1px;}
.greentab-bg { background:#9c9b87; clear:both; height:5px; line-height:5px; padding:0; width:1400px;}
.tab-txt { color:#ffffff; font-size:12px; font-weight:bold; padding:10px 3px 0px 0px;}

/*Class for Compact Seating Template*/
.female-label { background-color:Purple;}
.cseatlabel { color:white; font-size:10px; font-weight:bold;}

/*OverLays*/
.ui-widget-overlay { height:100%; left:0; position:absolute; top:0; width:100%;}
.ui-widget-overlay
{
    background: #aaaaaa /*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/;
    opacity: .3;
    filter: Alpha(Opacity=30) /*{opacityOverlay}*/;
}
.ui-widget-shadow
{
    margin: -8px /*{offsetTopShadow}*/ 0 0 -8px /*{offsetLeftShadow}*/;
    padding: 8px /*{thicknessShadow}*/;
    background: #aaaaaa /*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlShadow}*/ 50% /*{bgShadowXPos}*/ 50% /*{bgShadowYPos}*/ repeat-x /*{bgShadowRepeat}*/;
    opacity: .3;
    filter: Alpha(Opacity=30) /*{opacityShadow}*/;
    -moz-border-radius: 8px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 8px /*{cornerRadiusShadow}*/;
    border-radius: 8px /*{cornerRadiusShadow}*/;
}
.Grid-Hdr-n { white-space:normal;}

/*Added By Jignesh Chauhan*/
.AddButton { background:url(images/addlist.png); background-repeat:no-repeat; border:none; cursor:pointer; height:16px; width:16px;}
.RemoveButton { background:url(images/subtractlist.png); background-repeat:no-repeat; border:none; cursor:pointer; height:16px; width:16px;}

/*Login Box Start Here*/
.TCDNNloginbox_T { background:url(images/logintop.png) no-repeat left top; height:18px; width:600px;}
.TCDNNloginbox_B { background:url(images/loginbottm.png) no-repeat left bottom; height:auto; padding-bottom:30px; width:600px;}
.TCDNNloginbox { height:400px; margin:10% 25%; width:600px;}
.LoginHeader { border-bottom:solid 1px #9e9e9e; clear:both; color:#003366; display:block; font-family:Arial; font-size:16px; font-weight:bold; margin:10px 20px 0px 0px; padding-bottom:5px;}
.TCDNNloginpad { overflow:hidden; padding:0px 0px 0px 20px;}
.TCDNNlogin { color:#333333; font-family:Arial; font-size:12px; font-weight:normal; padding-top:10px; text-align:left;}
.TCDNNlogin label { color:#333333; float:left; font-family:Arial; font-size:13px; font-weight:normal; margin-bottom:5px; margin-top:5px; padding-right:10px; text-align:right;}
.TCDNNlogin input { border:1px solid #D8D8D8; color:#737373; display:block; float:left; font:12px/29px Arial,Helvetica,sans-serif; margin-bottom:5px; margin-right:5px; padding:2px 5px;}
.TCDNNloginlink a:link, a:visited { color:#333333; font-family:Tahoma,Arial,Helvetica; font-size:11px; font-weight:normal; margin:5px 0px 5px; text-decoration:underline;}
.TCDNNloginlink:hover { color:#ff0000; text-decoration:none;}
.TCDNNlogin span { float:left; font-weight:normal; padding-bottom:5px; padding-top:10px; white-space:nowrap;}
.AdminLink { border-right:1px solid #CBC1A6; height:35px; padding-right:10px;}
.PadL10 { padding-left:10px;}
.PadR10 { padding-right:10px;}


@media screen and (max-width:1200px)
{
    .UpdateProgressModalBackground { left:48%; margin:0 auto;}

}

@media screen and (max-width:767px)
{
	.Form-Sub-Title { font-size: 17px;}
}