body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; 
     font-size: 8pt; line-height: 13pt; background:url(../images/top-bg.jpg) repeat-x top;}
/********* Added by girish ***********/
a { color: #0973e8; cursor: pointer; }
a:hover { color: #2e6098; }
h2, h1 { font-family: Tahoma; font-size: 13.5pt; font-weight: bold; color: #167cc1; margin-bottom: 15px; }
h2 { font-size: 12pt; margin-bottom: 10px; }
h3 { margin-bottom: 10px; color: #333; font-weight: bold; font-size: 13pt; margin: 10px 0px; }
td { vertical-align: top; }
th { white-space: nowrap; }
p { text-align: justify; }
/************************************/
#wrapper{width:100%; float:left; background:url(../images/header-bg.jpg) right top no-repeat;}

#header{width:100%; float:left; height:181px;}
.logo{width:227px; float:left; padding:20px 0px 0px 30px;}
.top-nav{width:auto; float:right;  margin:0px 20px 0px 0px;}
.top-lt{width:10px; float:left; }
.top-rt{ float:left; padding:10px 5px 0px 0px; color:#FFF; font-size:12px; font-weight:bold; background:url(../images/top-nav-rt.jpg) no-repeat right; height:27px;}
.top-rt a{color:#FFF; text-decoration:none;}
.v-align{vertical-align:middle;}

.mid-content{width:100%; float:left; background:url(../images/cont-bg.jpg) repeat-x #ffffff; min-height:400px; padding-bottom:20px;}

.footer{width:100%; background:url(../images/footer-bg.jpg) repeat-x; height:34px; text-align:center; color:#FFF; font-size:11px; padding:25px 0px 0px 0px; display:inline-block;}
.footer a{color:#FFF; text-decoration:none;}
.footerGrid{width:100%; background:url(../images/footer-bg.jpg) repeat-x; height:34px; text-align:center; color:#FFF; font-size:12px; padding:25px 0px 0px 0px;}
.footerGrid:hover{background:url(../images/footer-bg.jpg) repeat-x !important;}
/*CSS FOR HOME PAGE*/
.header-rt{min-width:600px; float:right;}
.top-boxes-outer{width:auto; float:right; margin-right:10px; padding-top:12px;}
.top-box{height:45px; padding:10px; margin-right:5px; float:right; background:#fffe87; border:1px dashed #000; font-size:11px; }
.top-box p{margin:0px; padding:0px; font-size:11px;}
.org{color:#d76f00;}
.org a{color:#d76f00; text-decoration:none;}
.blue{color:#167cc1;}
.blue a{color:#167cc1; text-decoration:underline;}
.nav{width:auto; float:right; padding-top:20px;}
.nav ul{margin:0px; padding:0px; list-style:none;}
.nav ul li{margin:0px 10px 0px 0px; padding:0px; float:left; font-size:14px; font-weight:bold;}
.nav ul li a{margin:0px; padding:5px 10px 5px 10px; display:block; color:#FFF; text-decoration:none;}
.nav ul li a:hover{margin:0px; padding:5px 10px 5px 10px; background:#ff8710; display:block; color:#FFF; text-decoration:none;}
.nav ul li a.active{margin:0px; padding:5px 10px 5px 10px; background:#ff8710; display:block; color:#FFF; text-decoration:none;}

.category{width:18%;  margin-left:10px; float:left;}
.catgory-bg{width:193px; float:left; background:#ebf7ff; border-left:5px solid #358ac6; border-right:5px solid #358ac6; padding:5px; min-height:350px;}
.catgory-bg ul{margin:0px; padding:0px; list-style:none;}
.catgory-bg ul li{margin:0px; padding:0px 0px 5px 15px; display:block; line-height:25px; border-bottom:1px solid #6cb5e6; font-size:13px; color:#252525; background:url(../images/arr.jpg) no-repeat 0px 9px;}
.catgory-bg ul li a{color:#252525; text-decoration:none;}
.category-bot{width:213px; float:left; height:32px;}
.catgory-bg table{width:193px; }
.catgory-bg table td{width:193px;}
.catgory-bg table td a {margin:0px; padding:0px 0px 5px 15px; display:block; line-height:25px; border-bottom:1px solid #6cb5e6; font-size:13px; color:#252525; background:url(../images/arr.jpg) no-repeat 0px 9px;}

.catgory-bg table td td a {margin:0px; padding:0px 0px 5px 15px; display:block; line-height:25px; border-bottom:1px solid #6cb5e6 !important; font-size:13px !important; color:#252525; background:url(../images/arr.jpg) no-repeat 0px 9px;}
.catgory-bg Span {margin:0px; padding:0px 0px 5px 15px; display:block; line-height:10px; border-bottom:1px solid #6cb5e6; font-size:13px; color:#252525; background:url(../images/arr.jpg) no-repeat 0px 0px;}
.catgory-bg Span a{ color:#252525; text-decoration:none;}

.left{width:19%; float:left;}
.right{width:98%; float:left; padding:1%;}
.box{width:197px; float:left; margin:0px 20px 20px 15px;}
.box-top{width:197px; float:left; height:8px;}
.box-bg{width:181px; min-height:90px; float:left; border-left:3px solid #358ac6; border-right:3px solid #358ac6; background:url(../images/box-bg.jpg) repeat-x #fff; padding:5px;}
.box-bg h2{margin:0px; padding:5px 0px 5px 0px; font-size:13px; color:#0886da; font-weight:bold;}
.box-bg p{margin:0px; padding:0px; font-size:11px;}
.box-bot{width:197px; float:left; height:31px;}

.box2{width:225px; float:left; margin:0px 10px 20px 10px;-webkit-box-shadow: 0px 10px 13px -11px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 13px -11px rgba(0,0,0,0.75);box-shadow: 0px 10px 13px -11px rgba(0,0,0,0.75);}
.box2-bg{ border-radius: 4px; width:100%; min-height:135px; float:left; border:2px solid #358ac6;
background: -moz-linear-gradient(top, #ffffff 0%, #e0f1fb 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#e0f1fb 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e0f1fb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0f1fb',GradientType=0 );}
.box2-bg h2{margin:0px 0px 2px 0px; padding: 5px 5px; font-size:13px; color:#0886da; font-weight:bold; background-color: #ebf7ff; border-bottom: 1px solid #358ac6;}
.box2-bg p{margin:0px; padding:2px 5px 2px 7px; font-size:11px;}
.box2-bg .fa-check-square-o{color:#ff8710; font-size:18px; padding-right:5px;vertical-align: text-top;}
.box2-bg .fa-circle{color:#6DB3E4; font-size:8px;vertical-align:middle; padding-right:3px;}
/* added by Grish from Menu.css */

/* left bar - Contact selector */
.contact-selector { width: 180px; }
.contact-selector .form { width: 180px; margin-left: 7px; }
.contact-selector .form .item div.label { width: 100%; float: none; }
.contact-selector .form .item div.input { float: none; text-align: right; margin-right: 5px; margin-top: 5px; }

/* section-tabs */
.section-tabs { width: 770px; clear: both; font-weight:bold;}
.section-tabs .sub-menu .item a { color: #fff;}
.section-tabs .sub-menu .item a:hover { color: #fff; }
/*
.section-tabs .sub-menu td td { background: url(/images/Tab.Item.Background.jpg); height: 21px; padding: 5px 13px; border-right: 1px solid #1f3a58; }
.section-tabs .sub-menu table.selected td { background: #fff; height: 23px; padding: 5px 20px; border: 1px solid #aaa; border-bottom: none; position: relative; top: -4px; } 
*/

.section-tabs .sub-menu td td { background:url(../images/top-nav-bg.jpg) repeat-x top;  height: 21px; padding: 5px 13px; border-right: 1px solid #1f3a58; }
.section-tabs .sub-menu table.selected td { background:#ebf7ff; height: 23px; padding: 5px 20px; border: 1px solid #aaa; border-bottom: none; position: relative; top: -3px;} 


.section-tabs .sub-menu table.selected td a { color: #000; }
.section-tabs .sub-menu table.selected td a:hover { color: #ff8710; }

/* for Chrome*/
.section-tabs .sub-menu div { padding-bottom:5px; padding-top:6px;}
.section-tabs .sub-menu span { background:url(../images/top-nav-bg.jpg) repeat-x top;  height: 21px; padding: 6px 12px; border-right: 1px solid #1f3a58; }
.section-tabs .sub-menu span.selected {color: #000; background:#ebf7ff; height: 21px; padding: 5px 12px; border: 1px solid #aaa; border-bottom: none; position: relative; } 
.section-tabs .sub-menu span a { color: #FFF !important; font-weight:normal !important; }
.section-tabs .sub-menu span.selected a { color: #000 !important; font-weight:normal !important; }

/***************/
.buttons { margin-top: 10px; text-align: right; padding-bottom: 3px; }
.buttons input[type="submit"]{background:#ff8710; color:#FFF; text-decoration:none; border:none;padding-bottom:2px;border-radius:1px;cursor:pointer;}

/****** FROM Standard.css ****/
/* Standard Grid */
.list {line-height:25px; color:#252525; }
.grid { border: 1px solid #6cb5e6; color: #232; width: 100%; min-width: 700px; }
.grid th a { text-decoration: none; color: #707070; }
.grid td { padding: 5px 10px; vertical-align: middle;  }
.grid th { background: url(/App_Templates/FrontEnd/images/Grid.Header.jpg) repeat-x; padding: 5px 10px ; font-size: 11px; text-align: left; font-weight:bold; }
.grid .alt { background:#ebf7ff; }
.grid tr:hover { background:#ebf7f1; }

.grid pager { text-decoration: none; color: #707070; }
.grid input[type="submit"]{background:#ff8710; color:#FFF; text-decoration:none; border:none;}
.buttons { margin-top: 10px; text-align: right; padding-bottom: 3px; }
/* Search box */
div.search { border: 1px solid #6cb5e6; width: 707px; padding: 10px; margin: 15px 0; overflow: auto; clear: right; }
div.search h4 { font-size: 13px; color: #444; margin: 0 0 10px 0; }
div.search .item { width: 100%; margin-bottom: 2px; }
div.search .item .label { float: left; width: 120px; }
div.search .item input[type="text"], div.search .item select { width: 200px; border: 1px solid #6cb5e6; font-size: 100%; }
div.search .buttons { float: right; margin: 0px; }

/* Forms */
.form { width: 760px; color:#252525;}
.form .item { width: 100%; margin-bottom: 5px; margin-left: 5px;display: inline-block; }
.form .item .label { float: left; width: 210px; color: #888; }
.form .item .input { display: inline-block;}
.form .help { display: inline; }
.form .item input { font-size: 100%;}
.form .item select { font-size: 90%; height: 20px; padding: 0px; }
.form .item input[type="password"], .form .item input[type="text"], .form .item textarea { width: 300px; border: 1px solid #6cb5e6; height: auto; padding:2px 3px 2px 4px;}
.form fieldset { width: 550px; }
.form fieldset .item { margin-left: 10px; }
.form fieldset legend { font-weight: bold; margin-bottom: 10px; margin: 10px; color: #668b5c; }
.form .ajax__tab_xp { margin-top: 10px; }
.form .item .detailsGrid .textbox { width: 100px; }
.form .detailsGrid, .form .detailsGrid tr, .form .detailsGrid th, .form .detailsGrid td { border: none; border: 0px; }

/* Grid Hover */
.gridRowHover { position: absolute; height: auto; padding: 10px; background: #fff; border: 1px solid #a0a0a0; display: none; width: 300px; }

/* Modal */
.modal-cover { position: absolute; width: 100%; height: 100%; background: #222 url(/images/spinner.gif) no-repeat; z-index: 80; left: 0px; top: 0px; display: none; opacity: .60; -moz-opacity: .6; filter: Alpha(Opacity=60); }
.smallModal, .defaultModal { width: 100%; height: 100%; z-index: 100; left: 0px; top: 0px; }

.smallModal iframe, .defaultModal iframe { background: #fff; width: 600px; vertical-align: middle; position: absolute; border: none; left: 0px; top: 0px; }

.smallModal iframe { left: 0px; top: 0px; }



/* Select columns */
div.select-columns { background: #fff; border: 1px outset #aaa; width: 200px; height: 250px; padding-bottom: 10px; position: absolute; display: none;   }
div.select-columns table { width: 100%; height: 90%; overflow: auto; margin-bottom: 10px; }
div.select-columns button { width: 45%; margin-left: 5px; font-size: 100%; }

div.selectColumns { background: #fff; border: 1px outset #aaa; width: 200px; height: 250px; padding-bottom: 10px; position: absolute; display: none; font-size: 10px; }
div.selectColumns table { width: 100%; height: 90%; overflow: auto; margin-bottom: 10px; }
div.selectColumns button { width: 45%; margin-left: 5px; font-size: 100%; }

/*Iconed form box*/
.IconedFormBox { border: 1px solid #6cb5e6; margin-bottom: 5px; display: block; margin-bottom: 10px; width: 100%; padding-bottom: 5px; margin-top:10px; }
.IconedFormBox h3 { background: url(/App_Templates/FrontEnd/images/Grid.Header.jpg) repeat-x; padding: 0px 10px 9px 10px; font-size: 10pt; margin-bottom: 10px; color: #444; }
.IconedFormBox .IconedFormIconWrapper { width: 80px; padding-left: 20px; }
.IconedFormBox table { width: 100%; }
.IconedFormBox .item .value .right-button { float: right; margin-right: 10px; }
.IconedFormBox .item .whole { float: none; margin-bottom: 5px; }

/* Standard-view */
.standard-view { width: 850px; margin-bottom: 20px;  color:#252525;}
.standard-view .item { width: 100%; min-height: 15px; padding: 4px 5px; color: #666; margin-bottom: 5px; }
.standard-view .large { min-height: 30px; }
.standard-view .item .label { width: 270px; float: left; font-weight: bold; margin-right: 10px; }
.standard-view .item .value { min-width: 470px; display: block; }
/*.standard-view .item .value { width: 60%; float: left; }*/
.standard-view .priority-logo { float: right; }

/* Auto complete*/
.panel { background: #ebf7ff; border: 1px solid #888; min-height: 100px; }
.panel div { border-bottom: 1px solid #aaa; cursor: pointer; padding: 5px; background: #fff; min-height: 10px; border: 2px solid #ddd; height: 20px; }
.panel div:hover { background: #444; color: #fff; }

/* Calendar */
.date-box { max-width: 100px; }
.ajax__calendar_container { background: #fff; border: 1px solid gray; }
.ajax__calendar_container div div div:hover { background: #bbb; }

/* Percent Viewer */
.percent-container { border: solid 1px #000; height: 10px; float: left; margin-right: 5px; margin-top: 4px; }
.percent-gauge { background-color: #00ee00; height: 10px; }

.standard-view .note-box .value { height: 130px; overflow: auto; border: solid 1px #aaa; margin: 0 5px; }

/*****************************/

/* Ajax Tab  */

.ajax__myTab .ajax__tab_header {
       
        
     }
    
    .ajax__myTab .ajax__tab_outer {
        padding-right: 4px;        
       background:url(../images/top-nav-bg.jpg) repeat-x top;  height: 21px; padding: 5px 13px; 
        border-right: 1px solid #1f3a58;
        margin-right: 2px;        
        border-top: solid 1px #1f3a58;
        color:#fff;
     }
    
    .ajax__myTab .ajax__tab_inner {
        padding-left: 3px;        
        font-weight:bold;        
     }
    
    .ajax__myTab .ajax__tab_tab {
        height: 13px;
        padding: 4px;
        margin: 0;
     }
    
    .ajax__myTab .ajax__tab_hover .ajax__tab_outer {
       
     }
    
    .ajax__myTab .ajax__tab_hover .ajax__tab_inner {
            
     }
    
    .ajax__myTab .ajax__tab_hover .ajax__tab_tab {}
   
    .ajax__myTab .ajax__tab_active .ajax__tab_outer {
        background-color: #ebf7ff;
        background:none;
        height: 23px; padding: 5px 20px; border: 1px solid #aaa; border-bottom: none; position: relative; top: -3px;           
        color:#000;
     }
    
    .ajax__myTab .ajax__tab_active .ajax__tab_inner {
        background-color:#ebf7ff;     
         
     }
    
    .ajax__myTab .ajax__tab_active .ajax__tab_tab {}
   
    .ajax__myTab .ajax__tab_body {       
        border: 1px solid #358ac6;        
        padding: 8px;       
      }
      
/*************/

/**********Responsive***************/

@media only screen and (min-width : 1024px) and (max-width : 1279px) 
{
#header { height: 160px; }
.logo { width: 160px; padding: 45px 0px 0px 10px; }
.logo img { width: 160px; }
.top-boxes-outer { margin-right: 10px; padding-top: 10px !important; white-space: nowrap; height: 70px; position: absolute; width:100%; text-align: right;}
.top-boxes-outer .critical-box { margin-right: 3px; float: none; display: inline-block; }
.top-box { padding: 2px 5px 5px 3px; height: 55px; }
.top-box p { font-size: 10px; line-height: 1.3em; }
.top-box p img { width: 6px; }
#header .header-rt:nth-child(2) { min-width: 570px; width: 80%; height: 75px;  overflow-x: auto;  white-space: nowrap;  position: relative;  overflow-y: hidden; margin-right: 16px; }
.sidebar-container.top { left: 615px !important; }
.nav ul li { margin: 0px 5px 0px 0px; }
.nav { padding-top: 10px; padding-right: 9px; }
.top-nav { margin: 0px 12px 0px 0px; }
.catgory-bg { padding-top: 15px;  width: 160px; border-left: 4px solid #358ac6;  border-right: 4px solid #358ac6;  }
.catgory-bg table { width: 160px; }
.category-bot img { width: 178px;}

.category-bot { width: 180px; height: 25px; }
.catgory-bg table td td a {  font-size: 12px !important; padding: 2px 0px 2px 12px!important; line-height: 22px!important; }
.box { margin: 0 20px 5px 20px; }
.box-bg { min-height: 125px; }
.footer {  width: 98%; text-align: left; padding-left: 1% !important; padding-right: 1% !important; padding: 20px 0px 0px 0px;}
div.search { width: 600px !important; }
table.grid { width: 800px; }
div.list { overflow: auto; }
.right { width: 100%; max-width: 810px; }
.standard-view { width: 100%!important; }
.section-tabs { width: 100%; margin-top:5px; }
.standard-view .item { width: auto; }
.standard-view .item .label { width: 170px; }
.form .item { width: 98%; }
.form .item .input input[type="image" i] { margin-top:5px;}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {

.top-boxes-outer { margin-right: 10px; padding-top: 10px !important; white-space: nowrap; height: 70px; position: absolute; width:100%; text-align: right;}
.top-boxes-outer .critical-box { margin-right: 3px; float: none; display: inline-block; }
.top-box { padding: 2px 5px 5px 3px; height: 50px; }
.top-box p { font-size: 10px; line-height: 1.3em; }
.top-box p img { width: 6px; }
#header { height: 148px; }
#header .header-rt:nth-child(2) { min-width: 570px; width: 570px; height: 70px;  overflow-x: auto; white-space: nowrap;  position: relative;  overflow-y: hidden; margin-right: 16px; }
.logo {padding: 45px 0px 0px 10px; width: 145px; }
.logo img { width: 145px; }
.header-rt { min-width: 215px; }
.sidebar-container.top { position: absolute; left: 355px !important;  }
.nav { padding-top: 10px; padding-right: 10px; }
.nav ul li { margin: 0px 5px 0px 0px; }
.nav ul li a { font-size: 11px; padding: 2px 7px 2px 7px; }
.nav ul li a.active { margin: 0px; padding: 2px 7px 2px 7px; }
.top-nav { margin: 0px 14px 0px 0px; }
.catgory-bg { padding-top: 15px;  width: 160px; border-left: 4px solid #358ac6;  border-right: 4px solid #358ac6; min-height: 370px;  }
.catgory-bg table { width: 160px; }
.category-bot img { width: 178px;}

.category-bot { width: 180px; height: 25px; }
.catgory-bg table td td a {  font-size: 12px !important; padding: 2px 0px 2px 12px!important; line-height: 22px!important; }
.footer {  width: 98%; text-align: left; padding-left: 1% !important; padding-right: 1% !important; padding: 20px 0px 0px 0px;}
.box { margin: 5px 15px 5px 32px; }
.box-bg { min-height: 118px; }
.nav ul li a:hover { padding: 2px 7px 2px 7px; }
div.search { width: 450px!important; }
div#ctl00_Main_ctl00_divMatterAssign div.search { width: 380px!important; }
table.grid { min-width: 750px; }
div.list { overflow: auto; }
.right { width: 100%; max-width: 750px; } 
.standard-view { width: 100%!important; }
div.search .item .label { float: left; width: 75px; }
div.search .item input[type="text"], div.search .item select { width: 135px; }
.right .form { width:100%; }
.IconedFormBox .IconedFormIconWrapper { width: 50px; padding-left: 10px; }
.form .item input[type="password"], .form .item input[type="text"], .form .item textarea {     width: 200px; }
.form .IconedFormElements .item .label {  width: 150px;}
#ctl00_Main_ctl00_gridFileReviewQues_ctl02_txtQues    { width: 250px!important; }
.section-tabs { width: 100%; margin-top:5px; }
.standard-view .item { width: auto; }
.standard-view .item .label { width: 170px; }
.form .item { width: 98%; overflow: auto; }
.ajax__tab_xp .ajax__tab_tab { padding: 4px 1.6px!important; } 
.form .item .input input[type="image" i] { margin-top:5px; margin-left: 5px;}
.ajax__tab_panel .item .input table.detailsGrid .ctrl { width:180px; }  

.section-tabs .sub-menu td td { height: 18px; padding: 0.5em 0.3em; } 
.section-tabs .sub-menu table.selected td { height: 20px; padding: 5px 10px; }
.section-tabs .sub-menu .item a { font-size: 10px !important; }

.leftmenu_toggle { display: inline-block !important }
.leftmenu_toggle { outline: 0; background-color: #125baa; width: 34px; height: 34px; border: 1px solid #fff;  border-radius: 5px; position:absolute; left:12px; top:100px; text-align:center;}
.leftmenu_toggle_icon { display: inline-block; text-align: center; padding: 5px 0.1px 0px 0px; }
.leftmenu_toggle_icon img {  width: 25px; }

.mid-content{position:relative;}
.leftMenubar { display: none; position:absolute; top:0px; left:-3px; z-index: 999; }
}
.leftmenu_toggle { display: none; }


.modalBackground{background-color: #000;filter: alpha(opacity=40);opacity: 0.7; }
.modelBody {padding: 5px;background: rgb(255, 255, 255, 0.4)!important;position: fixed;z-index: 999;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.modelBody h2 { font-size: 10pt; font-weight: bold; color: #000; background: url(../../../../App_Templates/FrontEnd.Modal/Images/Grid.Header.jpg); height: 24px; margin: 0px; margin-bottom: 20px; padding-top: 13px; padding-left: 20px; }
.modelBody .body {width: 620px;background: #fff;position: absolute;left: 0px;right: 0px;margin: auto;top: 100px;}
.modelBody .form { width: 600px;background: #ebf7ff; margin:10px; border:1px solid #6cb5e6; /*min-height: 420px;*/  }
.modelBody .form .item { width: 100%; margin-bottom: 5px; margin-left: 5px; }
.modelBody .form .item .label { float: left; width: 210px; color: #000000; }
.modelBody .form .item .input { font-size: 100%; }
.modelBody .form .item .input .textbox { border: 1px solid #888; height: 18px; line-height:18px; }
.modelBody .form .buttons { margin-top: 10px; margin-right: 10px; }