/********************************************************
* Copyright (c) 2013 - 2020 TollPlus, Inc.

*

* All Rights Reserved.

*

* This source code is proprietary property of TollPlus, Inc., and is protected by exclusive licensing policy.

* The content of this file must not be modified, republished, copied or reproduced by anyone without explicit

* written permission by TollPlus, Inc.

*

* Any violations will be subject to penalties to the full extent of the law under the provisions of the license policy.

********************************************************/
/* ************************************************   
Project Name: TBOS V 2.0
Project URL: Internal 
Description: CSS for all Controls 
Author: Naga Mohan Rao Manam
Author Email: mmohan@tollplus.com
Date: 07th November 2012;
Version: 1.0 
************************************************ */
p { font-size: 12px; font-weight: normal; color: #000; padding: 5px; line-height: auto; text-align: justify; }
p.page_Description { color: #333333; font-size: 11px/18px; margin: 5px 0 0; padding: 0 0 5px; page-break-after: auto; text-align: justify; }
p.page-desc { float: left; font: 11px verdana,Arial,Helvetica,sans-serif; margin: 10px 0; }
/* -----------------> TestBox & Dropdown Control <--------------- */

input[type="text"], input[type="password"], select, .TestBox { border: 1px solid #999; font-size: 12px; font-weight: normal; height: 19px !important; /*float: left;*/ margin: 3px 3px 8px 4px; }
select { height: 21px; float: left; }
textarea { border: 1px solid #999; font-size: 12px; font-weight: normal; overflow: auto; height: 100px; margin: 3px 3px 8px 4px; width: 200px; resize: none; }

input[type="file"] { border: 1px solid #640e15; font-size: 12px; font-weight: normal; margin: 3px 3px 8px 4px; width: 199px; }
.fieldset { border: 1px solid #C5C5C5; margin-top: 10px; padding: 10px 0px 20px; }

/* -----------------> Starat Button CSS <------------------ */
.button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; text-transform: capitalize; font-size: 12px; /*text-shadow: 0 1px 1px rgba(0,0,0,.3);     -webkit-border-radius: .5em;     -moz-border-radius: .5em;     border-radius: .5em;     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);     box-shadow: 0 1px 2px rgba(0,0,0,.2);*/ }
.button:hover { text-decoration: none; }
/*.button:active
{
    position: relative;
    top: 1px;
}*/

/* ----------> Tab <-----------*/
.tab { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; -webkit-border-radius: .5em .5em 0 0; -moz-border-radius: .5em .5em 0 0; border-radius: .5em .5em 0 0; /* text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);*/ }
.tab:hover { text-decoration: none; }
.TabGroup { display: block; text-align: right; }
/* ----------> Size <-----------*/
.Small { padding: 2px 5px; font: 10px/100%; }
.Normal { padding: 3px 7px; font: 12px/100%; }
.Large { padding: 5px 10px; font: 14px/100%; }

/* ----------> Button Color theam <--------------- */
.maroon { color: #fef4e9; border: solid 1px #830c02; background: #a90329; background: -webkit-gradient(linear, left top, left bottom, from(#a90329), to(#8f0222)); background: -moz-linear-gradient(top,  #a90329,  #8f0222); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#8f0222'); /*background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));     background: -moz-linear-gradient(top,  #faa51a,  #f47a20);     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');*/ }
/* -----------------> Grid Control <---------------   */

.gridView { width: 100%; background-color: #fff; margin: 0px 0 10px 0; border: solid 1px #97291e; border-collapse: collapse; color: #333; font-size: 11px; }
.gridView td { padding: 3px; border: solid 1px #BFBDB8; color: #333; vertical-align: middle;  }
.gridView th { padding: 6px; background: none repeat scroll 0 0 #97291E; border-left: 1px solid #97291E; color: #FFFFFF; text-align: left; vertical-align: middle; /* font-size: 12px;*/ font-weight: bold; }
.gridView th a { color: #FFFFFF; text-decoration: underline; }
.gridView tr td a { color: #8f0222; margin-right: 5px; text-decoration: none; display: inline; cursor: pointer; }
.gridView tr td a:hover { color: #8f0222; text-decoration: underline; }
.gridView th img { /*margin-left: 12px;*/ float: right; margin-top: 5px; }
.gridView tr td span b { font-weight: bold; }
.gridView .altrow { background: none repeat scroll 0 0 #FCE5E5; /* background: #F4F2EF; border: 1px solid #BFBDB8;*/ }
.gridView .inactiveRow { background: #EAEAEA; }
.Grid-Header { color: #474747; font-size: 13; font-weight: bold; padding: 5px; /*background-color:#BFBDB8;*/ }
.linkButton { background: url(../Images/sorting-up-arrow.png) no-repeat right; color: Black; padding: 15px; text-decoration: none; }
.linkButtonDesc { background: url(../Images/sorting-down-arrow.png) no-repeat right; color: Black; padding-right: 15px; text-decoration: none; }
.divGridView { overflow: auto; }
 table.gridView tr:nth-of-type(odd) {background: none repeat scroll 0% 0% #FCE5E5 !important;border: 1px solid #C1C1C1 !important;}    
/* -----------------> End Grid Control <---------------   */

/* -----------------> Grid Control <---------------   */
.detailsView { width: 100%; /*margin: 0px 5px 10px 5px;*/ border-collapse: collapse; font-size: 11px; }
.detailsView td { padding: 3px; vertical-align: middle; }
.detailsView td.Heading { font-weight: bold; text-align: right; }
.detailsView td.data { font-weight: normal; text-align: left; margin: 2px 0 2px 0px; padding: 4px 0; text-align: left; }
.NormalHeading { font-weight: bold; width: 150px; }
/* -----------------> End Grid Control <---------------   */

/*------------------>Disable button css<------------------*/
.disabledBtn { background-color: #8C8C8C; border: 0 none; color: #1F1F1F; font-size: 11px; font-weight: normal; height: 23px; }
/*------------------>End Disable button css<------------------*/

/* -----------------> Align and  Font Styles <---------------   */
.clear { clear: both !important; }
.floatLeft { float: left; }
.floatLeftI { float: left !important; }
.floatRight { float: right; }
.floatRightI { float: right !important; }
.floatNone { float: none; }
.floatNoneI { float: none !important; }
.bold { font-weight: bold; }
.boldI { font-weight: bold !important; }
.rightAlign { text-align: right !important; }
.leftAlign { text-align: left !important; }
.centerAlign { text-align: center !important; }

.none { display: none; }
.noneI { display: none !important; }
.block { display: block; }
.blockI { display: block !important; }
.inlineBlock { display: inline-block; }
.inline { display: inline; }
.fontsize { font-size: 12px; }
.noBold{font-weight:normal !important;}
/*-- Spacing --*/

.margin0 { margin: 0px; }
.margin0I { margin: 0px !important; }
.margin2 { margin: 2px; }
.margin3 { margin: 3px; }
.margin5 { margin: 5px; }
.margin8 { margin: 8px; }
.margin10 { margin: 10px; }
.margin15 { margin: 15px; }
.marginLR10 { margin: 0 10px; }

.top0 { margin-top: 0px; }
.top5 { margin-top: 5px; }
.top10 { margin-top: 10px; }
.top15 { margin-top: 15px; }
.top20 { margin-top: 20px; }
.top25 { margin-top: 25px; }
.top30 { margin-top: 30px; }
.top40 { margin-top: 40px; }
.top50 { margin-top: 50px; }
.top60 { margin-top: 60px; }
.top80 { margin-top: 80px; }
.top100 { margin-top: 100px; }

.top5N { margin-top: -5px; }
.top20N { margin-top: -20px; }

.bottom0 { margin-bottom: 0px; }
.bottom5 { margin-bottom: 5px; }
.bottom10 { margin-bottom: 10px; }
.bottom15 { margin-bottom: 15px; }
.bottom20 { margin-bottom: 20px; }
.bottom25 { margin-bottom: 25px; }
.bottom30 { margin-bottom: 30px; }
.bottom40 { margin-bottom: 40px; }
.bottom50 { margin-bottom: 50px; }

.left0 { margin-left: 0px; }
.left5 { margin-left: 5px; }
.left10 { margin-left: 10px; }
.left15 { margin-left: 15px; }
.left20 { margin-left: 20px; }
.left25 { margin-left: 25px; }
.left30 { margin-left: 30px; }
.left30I { margin-left: 30px !important; }
.left40 { margin-left: 40px; }
.left50 { margin-left: 50px; }
.left70N { margin-left: -70px; }
.left80 { margin-left: 80px; }
.left120 { margin-left: 120px; }
.left0I { margin-left: 0px !important; }
.left195I { margin-left: 195px !important; }

.right0 { margin-right: 0px; }
.right5 { margin-right: 5px; }
.right5I { margin-right: 5px !important; }
.right10 { margin-right: 10px !important; }
.right15 { margin-right: 15px !important; }
.right20 { margin-right: 20px !important; }
.right25 { margin-right: 25px; }
.right30 { margin-right: 30px; }
.right40 { margin-right: 40px; }
.right50 { margin-right: 50px; }


/* ------> Padding  <-------*/

.padding0 { padding: 0px; }
.padding2 { padding: 2px; }
.padding3 { padding: 3px; }
.padding5 { padding: 5px; }
.padding8 { padding: 8px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }

.topPadding0 { padding-top: 0px; }
.topPadding5 { padding-top: 5px; }
.topPadding10 { padding-top: 10px; }
.topPadding15 { padding-top: 15px; }
.topPadding20 { padding-top: 20px; }
.topPadding25 { padding-top: 25px; }
.topPadding30 { padding-top: 30px; }
.topPadding40 { padding-top: 40px; }
.topPadding50 { padding-top: 50px; }
.topPadding60 { padding-top: 60px; }
.topPadding80 { padding-top: 80px; }
.topPadding100 { padding-top: 100px; }

.bottomPadding0 { padding-bottom: 0px; }
.bottomPadding0I { padding-bottom: 0px !important; }
.bottomPadding5 { padding-bottom: 5px; }
.bottomPadding10 { padding-bottom: 10px; }
.bottomPadding15 { padding-bottom: 15px; }
.bottomPadding20 { padding-bottom: 20px; }
.bottomPadding25 { padding-bottom: 25px; }
.bottomPadding30 { padding-bottom: 30px; }
.bottomPadding40 { padding-bottom: 40px; }
.bottomPadding50 { padding-bottom: 50px; }

.leftPadding0 { padding-left: 0px; }
.leftPadding5 { padding-left: 5px; }
.leftPadding10 { padding-left: 10px; }
.leftPadding15 { padding-left: 15px; }
.leftPadding20 { padding-left: 20px; }
.leftPadding25 { padding-left: 25px; }
.leftPadding30 { padding-left: 30px; }
.leftPadding40 { padding-left: 40px; }
.leftPadding50 { padding-left: 50px; }


.rightPadding0 { padding-right: 0px; }
.rightPadding5 { padding-right: 5px; }
.rightPadding10 { padding-right: 10px; }
.rightPadding15 { padding-right: 15px; }
.rightPadding20 { padding-right: 20px; }
.rightPadding25 { padding-right: 25px; }
.rightPadding30 { padding-right: 30px; }
.rightPadding40 { padding-right: 40px; }
.rightPadding50 { padding-right: 50px; }
.rightPadding60 { padding-right: 60px; }
.rightPadding80 { padding-right: 80px; }

.rightPadding100 { padding-right: 100px; }
.rightPadding120 { padding-right: 120px; }
.minheight200 { min-height: 200px; }
.txtalignRight { text-align: right; }
.txtalignLeft { text-align: left; }
.txtalignLeftI { text-align: left !important; }
.txtalignCenter { text-align: center; }
.uppercase { text-transform: uppercase; }





/* --------------> Calender Control <--------------- */
div.CalenderControl { display: block; text-align: left; }
span.Head { font-size: 13px; font-weight: bold; color: #07497D; margin-bottom: 5px; }
div.CalenderControl input[type="submit"] { margin: 10px 0 0 0; background: none repeat scroll 0 0 #F1CC6E; color: #003E53; border: 1px solid #FF6B09; font-size: 12px; text-transform: uppercase; height: 25px; }
div#CalenderControl { margin-left: 10px; margin-right: 10px; float: left; }
#lidaterange { height: 40px !important; background: #E1DBCB !important; cursor: pointer !important; }


div#Recent-Activity-Grid-Header { margin: 5px; padding: 5px; color: #474747; font-size: 13px; font-weight: bold; }

/*div#divsearch { width: 290px; }*/
.search { padding: 0px; display: none; cursor: pointer; position: absolute; margin-top: 41px; z-index: 1; background: #FFF; font: 11px; width: 253px; }

div#divsearch ul { list-style-type: none; padding: 1px; text-align: left; color: #333333; margin-bottom: 0; margin-top: -11px; }
div#divsearch ul li { margin-left: 0px; height: 18px; text-align: left; border: 1px solid #EAEAEA; padding: 5px; background-color: #FFF; cursor: default; width: 240px; }
div#divsearch ul li:hover { background-color: #eef3ef; height: 18px; text-align: left; cursor: pointer; }
div#divsearch ul li span { font-weight: normal; color: #A41C2B; margin: 0; font-size: 11px; }
div#divsearch ul li input[type="text"] { float: none; margin: 0; }
div#divsearch ul li span.lblCalNormal { color: #333333; }

div#DateRange { padding: 1px 0px 5px 0px; float: left; text-align: left; }
div#DateRange input[type="text"] { height: 17px; margin: 10px 0 0 0; text-align: left; font: 12px; }
div#DateRange-img { float: left; text-align: center; margin-left: -16px; padding-top: 18px; }
div.alertbox { font: 11px; padding: 15px; border: 1px solid #CCC; background: #FFFFDE url(../images/ext_web_ico_y_alert.png) no-repeat scroll 15px center; }
div.alertformbox { background: none repeat scroll 0 0 #FFFFDE; border: 1px solid #8CC264; clear: both; min-height: 20px; margin: 15px 0 5px; padding: 7px; }

div.alertbox span { margin-left: 50px; }
.btnGo { background: none repeat scroll 0 0 #F1CC6E; border: 1px solid #FF6B09; color: #003E53; font: 13px; }
#SearchDiv { padding: 5px; margin-top: 6px; }
.lblSearch { text-align: left; font-size: 11px; font-weight: bold; color: #07497D; }





#backgroundJSDisable{position: fixed;_position: absolute;background-color:#FFFFFF; /* hack for internet explorer 6*/height: 100%;width: 100%;top: 0;left: 0;z-index: 20000;}
#divJSDisableBlock{ border-radius: 8px 8px 8px 8px;
    color: #000000;
    font-size: 16px;
    height: 165px;
    left: 360px;
    padding: 12px;
    position: fixed;
    text-align: center;
    top: 30px;
    z-index: 30000;}
@media print { 
 /* All your print styles go here */
#main-nav-wraper, #footer,#headdingblock {display:none;}
    .printNone {display:none;
    }
    .printGridBG {
         background: none repeat scroll 0 0 #97291E;
    border-left: 1px solid #97291E;
    }
}

#backgroundTimerDisable{position: fixed;_position: absolute;background-color:#000; /* hack for internet explorer 6*/height: 100%;width: 100%;top: 0;left: 0;z-index: 20000;opacity: 0.5;}
#divSessionReset{width:360px; border-radius: 8px 8px 8px 8px;color: #000000;font-size: 14px;height: 140px;left: 450px;position: fixed;text-align: center;top: 50px;z-index: 30000;}
.spanseconds{clear:both;margin:10px;color: #a52a2a;font-size: 18px;font-weight: bold;}
.disableView{padding:0;background:#ffffff;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);height:auto;font-size: 15px;margin: 0 auto;border-radius:8px 8px 0px 0px;}
.sessionexpire{border-bottom:#a52a2a; background:#F98C2D;padding:5px;margin:0 auto;margin-bottom: 5px;border-radius: 8px 8px 0 0;text-align: left;color: #000000;}

.NewMenu {
       display: block;
    text-decoration: none;
    padding: 6px 8px;
    color: #222222;
    font-size: 14px;
}

