@charset "utf-8";
/* CSS Document */
@import "reset.css";



@font-face{
	font-family: 'Conv_CALIBRI';
	src:url('../fonts/CALIBRI.eot'); /* IE9 Compat Modes */
	src:local('☺'),
		url('../fonts/CALIBRI.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/CALIBRI.woff') format('woff'), /* Modern Browsers */
		url('../fonts/CALIBRI.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/CALIBRI.otf') format('opentype'),		
		url('../fonts/CALIBRI.svg') format('svg'); /* Legacy iOS */
	font-weight:normal;
	font-style:normal
	}


a{color:/*#787f32;*/#102ABA; text-decoration:none}
a:hover{text-decoration:none}

body{ background:#ececec; font-family:"CALIBRI", Arial, Helvetica, sans-serif; font-size:16px; color:#000; }

.header{ background:#fff; position:relative}
.top-sec{ padding:14px 65px 10px 65px;}

a.logo{ float:left; width:266px; height:59px; background:url(../img/logo.jpg) 0 0 no-repeat; display:block}

.top-user{ float:right; padding-top:40px; color:#989898; font-weight:bold}
.top-user span{ color:#000; padding-right:5px}
.top-user a{ color:#8baa2a; text-decoration:none; padding-left:5px}

.nav{padding:0 65px; background:url(../img/menu-bck.jpg) repeat-x;  text-transform:uppercase; text-shadow:#066396 1px 0 }
/*.nav ul{}
.nav ul li{ float:left; color:#fff; padding:11px 25px; background:url(../img/nav-line-bck.jpg) right top no-repeat;}
.nav ul li:hover{ color:#fff; background:#0370ae url(../img/nav-line-bck.jpg) right top no-repeat ; text-decoration:none}
.nav ul li a{color:#fff;}
.nav ul li.active{color:#fff; background:url(../img/menu-active-bck.jpg) repeat-x; text-decoration:none}
.nav ul li img{ vertical-align:middle; padding-right:4px}
.nav ul li a img{ padding:0;}*/
.nav li{display: inline;}
.nav li a{float:left; color:#fff; padding:11px 25px; background:url(../img/nav-line-bck.jpg) right top no-repeat;}
.nav li a:hover{color:#fff; background:#0370ae url(../img/nav-line-bck.jpg) right top no-repeat ; text-decoration:none}
.nav li a.current{color:#fff; background:url(../img/menu-active-bck.jpg) repeat-x; text-decoration:none}

.drop{ position:relative;  }
.drop:hover .drop-menu{ display:block; }
.nav ul li .drop-menu{ display:none; width:1000px; z-index:5000; position:absolute; left:-100px; top:43px; text-transform:none;}
.nav ul li .drop-menu ul{ padding-top:5px; background:url(../img/arrow-menu.png) no-repeat center top; display:inline-block}
.nav ul li .drop-menu ul li{ background:#0370ae url(../img/drop-arow.png) 10px 11px no-repeat; color:#fff; border-top:1px solid #3396cb; padding:4px 20px 7px 25px; border-right:1px solid #047ec1}
.nav ul li .drop-menu ul li:hover{ background-color:#047abd}
.nav ul li .drop-menu ul li a{ color:#b6e3fa; text-decoration:none}
.nav ul li .drop-menu ul li.active{ background:#3695c7 url(../img/drop-arow.png) 10px 16px no-repeat}
.nav ul li .drop-menu ul li.active a{color:#fff}
.drop-arow{ padding-left:4px !important}


.slide-menu-heading{color:#fff; background:url(../img/menu-active-bck.jpg) repeat-x; padding:14px 8px; text-transform:uppercase; text-shadow:#4581a1 0 1px}

a.menu{ width:44px; height:143px; background:url(../img/side-menu-img1.png) no-repeat; position:absolute; left:0; top:135px; display:block}
a.menu2{ width:44px; height:143px; background:url(../img/side-menu-img2.png) no-repeat; position:absolute; left:284px; top:-2px; display:block}

.slide-menu{ position: absolute}

.glossymenu{
margin:/* 10px 0*/;
padding:1px;
width: 280px; /*width of menu*/
border: 1px solid #d2d2d2;
border-bottom-width: 0; 
z-index:500; 
/*position:absolute;*/
left:0;
background:#d5ebf7;
box-shadow:#aaaaaa 0 1px 4px 0; 
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border-top:1px solid #9d9d9d;
border-right:1px solid #9d9d9d;
z-index:5000
}

.glossymenu a.menuitem{
background:#047dc0;
color:#fff;
display: block;
/*position: relative;*/ /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 10px 0;
padding-left: 10px;
text-decoration: none;
text-shadow:#246487 1px 1px;
border-bottom:1px solid #fff
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 12px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
/*background-image: url(glossyback2.gif);*/
background:#0793e1

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: d5ebf7;
padding:0 2px 0 2px; 
max-height: 190px;
overflow-y: scroll;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
background:url(../img/menu-line-bck.jpg) left bottom repeat-x;
padding:/*5px 0*/;
color:#016297;
padding-bottom:2px
}

.glossymenu div.submenu ul li a{
display: block;
font-size:13px;
color:#016297;
text-decoration: none;
padding: 6px 0;
padding-left: 21px;
background:url(../img/menu-arow.png) 5px 10px no-repeat;
border-left:4px solid #d5ebf7

}

.glossymenu div.submenu ul li a:hover{
background:#97d0ef url(../img/menu-arow.png) 5px 10px no-repeat;
color:#016297;
border-left:4px solid #c5d62d;
font-weight:bold !important
}

.glossymenu div.submenu ul li .side-active{border-left:4px solid #c5d62d; background:#97d0ef url(../img/menu-arow.png) 5px 10px no-repeat;}

.glossymenu div.submenu ul li.menu-last{ background:none}

.ui-icon-plus{background:url(../img/menu-plus.png) no-repeat; height:15px; width:15px; display:block; position:absolute; right:12px}
.ui-icon-minus{background:url(../img/menu-minus.png) no-repeat; height:15px; width:15px; display:block; position:absolute; right:12px}


.main-cont{ padding:45px 65px 20px 65px; min-height:395px}

.main-box{background:#fff; -moz-box-shadow:#d2d2d2 0 1px 4px 0;  -webkit-box-shadow:#d2d2d2 0 1px 4px 0; box-shadow:#d2d2d2 0 1px 4px 0; border:1px solid #d2d2d2}
.main-box-cont{padding:0 12px 20px 12px;}

.top-btn-sec{ border-top:4px solid #5cadd8; position:relative}
.top-btn{ float:left; background:#5cadd8; padding:7px 25px; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; color:#fff;  position:absolute; top:-35px; left:8px}

.top-tab{ padding-bottom:25px; position:absolute; top:-37px}
.top-tab ul{ padding-left:15px}
.top-tab ul li{ float:left; background:#a9a9a9; padding:7px 25px; margin-right:8px; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; color:#fff; }
.top-tab ul li a{ color:#fff; text-decoration:none}
.top-tab ul li.active{ float:left; background:#5cadd8; padding:7px 25px; margin-right:8px; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; color:#fff; }

.top-hd-sec{ border-bottom:1px solid #5cadd8; padding:10px 0 5px 0}
.top-hd-col1{ float:left; padding-top:10px}
.top-hd-col2{ float:right;}
.top-hd-col2 img{ margin-left:6px}

a.green-btn-l{ background:#a2c339 url(../img/green-btn-bck.jpg) repeat-x; color:#fff; font-weight:bold; padding:7px 15px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:14px}

a.green-btn-s{ background:#a2c339 url(../img/green-btn-bck.jpg) repeat-x; color:#fff; font-weight:bold; padding:7px 30px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px}

.gray-box{ background:#f1f1f1; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:1px; border:1px solid #cfcfcf; margin-top:15px; box-shadow:#d7d7d7 0 1px 1px 0;  }
.gray-box-inner{ border:1px solid #fff; padding:12px 8px 20px 8px;}

.white-box{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#fff; border:1px solid #d6d6d6; box-shadow:#dbdbdb 0 1px 1px 0; margin-bottom:12px; padding:15px 20px 20px 20px;}

.criteria-select{ width:200px; border:1px solid #909090; border-right:1px solid #bababa; border-bottom:1px solid #bababa; padding:3px 5px; color:#000; margin-left:12px}

.date-input{ width:150px; border:1px solid #909090; border-right:1px solid #bababa; border-bottom:1px solid #bababa; padding:3px 5px; color:#000; margin-left:5px}

.auditor-input{ width:245px; border:1px solid #909090; border-right:1px solid #bababa; border-bottom:1px solid #bababa; padding:3px 5px; color:#000; margin-left:5px}


table.grid{ border:1px solid #5dadd8; background:#d2d2d2}
table.grid th{ background:#5cadd8; padding:8px 10px; color:#fff;}

table.grid td{ padding:7px 10px; color:#000; font-size:15px; background:#fff}
table.grid tr.alternate td{ background:#ebebeb}
table.grid tr:hover td{ background:#d1e8f5}

table.grid2{ border:1px solid #5dadd8; background:#ededed}
table.grid2 td{ padding:7px 5px; color:#000; font-size:15px;}
table.grid2 td.line{ border-right:1px solid #d2d2d2}

table.grid3{border:1px solid #5dadd8; background:#ededed }
table.grid3 td{ padding:7px 10px; color:#000; font-size:13px; background:#fff }
table.grid3 td:hover{ background:#ededed}

.green-btn{ background:#a2c339 url(../img/green-btn-bck.jpg) repeat-x; color:#fff; font-weight:bold; padding:7px 28px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:none; outline:none; font-family:Arial, Helvetica, sans-serif; font-size:12px}


.footer{ background:#dcdcdc url(../img/footer-bck.jpg) repeat-x; padding:10px 65px; color:#5c5c5c; position: relative; bottom:0}



.login-bck{background:#dcdcdc url(../img/bck-login.jpg);}
.login-sec{ width:660px; margin:auto; margin-top:130px; margin-bottom:120px; background:url(../img/login-box-bottom-bck.png) bottom center no-repeat; padding-bottom:20px}
.login-box{ background:#fff;  box-shadow:#d3d3d3 0 0px 4px 1px; border-top:7px solid #5cadd8; padding-bottom:20px }
.login-box-col1{ float:left; width:207px; margin-top:55px; background:url(../img/lock-bck.png) right 0 no-repeat; height:171px}
.login-box-col2{ float:right; width:400px; padding:15px 10px 0 0}

.login-logo-sec{ border-bottom:1px solid #dbdbdb; padding-bottom:10px; margin-bottom:20px }
a.login-logo{width:266px; height:59px; background:url(../img/logo.jpg) 0 0 no-repeat; display:block}

.row{ padding-bottom:12px}
.row label{ float:left; width:90px; padding:4px 0 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0983c5; font-weight:bold;}

.login-input{width:255px; border:1px solid #909090; border-right:1px solid #bababa; border-bottom:1px solid #bababa; padding:3px 5px; color:#000;}

.land-cont{ padding:15px 50px 50px 50px}

.land-btn01{ width:330px; background:url(../img/land-btn.jpg) left top repeat-x; color:#fff; padding:15px 20px; margin:0 auto 15px; border-radius:8px; display:block;  font-size:24px;}
.land-btn01:hover{background:url(../img/land-btn.jpg) left bottom repeat-x;  color:#fff; text-decoration:none}

.land-btn02{ float:left; background:#a2c239; color:#fff; padding:10px 27px; margin-right:10px; border-radius:8px; display:block; text-align:center}
.land-btn02:hover{ background:#8fb60e; color:#fff; text-decoration:none}

.land-btn03{ float:left; background:#9d9e99; color:#fff; padding:10px 27px; margin-right:10px; border-radius:8px; display:block; text-align:center}
.land-btn03:hover{  background:#848581; color:#fff; text-decoration:none}


.search-box{ float:right; background:#cecfd0; padding:5px 6px ;  position:absolute; right:0; bottom:8px}
.search{ background:#fff; border-top:1px solid #9c9c9c; border-left:1px solid #9c9c9c;  padding:1px 4px 0 4px}
.search-input { float:left; font-size:12px; color:#575757; background:none; width:250px; border:none; outline:none; padding:2px; margin-right:5px}
.search-button{ float:right;  border:none; outline:none; width:17px; height:20px;background:url(../img/search-icon.png) 0 2px no-repeat; margin-right:2px; cursor:pointer;  }

.greenhd{ width:563px; background:#a2c339; border:1px solid #5b7607; color:#fff; padding:10px 15px; font-size:18px; font-weight:bold }

.disclaimer-cont{ border-top:1px solid #d2d2d2; padding-top:10px; color:#797878; line-height:14px; font-size:12px;}
.disclaimer-cont p{ color:#000; padding-bottom:5px }

.yelow-box{ border:1px solid #bdc1a3; background:#d9ddc2 url(../img/yelow-bck.jpg) repeat-x; padding:0 8px; margin:13px 0 5px 0}

.input01{width:130px; border:1px solid #909090; border-right:1px solid #bababa; border-bottom:1px solid #bababa; padding:2px 5px; color:#000;}
.select01{width:355px; border:1px solid #909090; border-right:1px solid #bababa; border-bottom:1px solid #bababa; padding:2px 2px 2px 5px; color:#000; }

.text01{ font-size:16px; color:#000;}
.text01 span{ color:#b1b1b1; margin:0 15px}
.text-area01{ width:160px; height:90px; border:1px solid #909090; border-right:1px solid #bababa; border-bottom:1px solid #bababa; padding:4px}

.text02{ font-size:12px; color:#525252; line-height:20px}
.text02 a{ color:#759e32; text-decoration:none}



.border01{ border-bottom:1px solid #cfcfcf; }
.btn-row{background:url(../img/line-bck.jpg) left top repeat-x; padding:20px 0 0; text-align:center  }

.pad01{ margin-left:30px}
.pad02{ margin:auto; width:120px}
.pad03{ margin-left:10px}
.pad04{ float:left; margin-left:4px}
.pad05{ padding:20px 0 10px 0}
.pad06{ float:left; padding-right:4px}
.pad07{ padding:20px 0 0 0}
.pad08{ float:left; padding:10px 20px 0 0}
.pad09{ padding:25px 0}

.land-btn011{ width:286px; height:20px; background:url(../img/land-btn.jpg) left top repeat-x; color:#fff; padding:15px 20px; margin:0 auto 15px; border-radius:8px; display:block;  font-size:18px;}
.land-btn011:hover{background:url(../img/land-btn.jpg) left bottom repeat-x;  color:#fff; text-decoration:none}

.header-title{ float:left; padding-top:10px;}


div.demo
        {
            overflow-x: scroll;
            width: 573px;
            padding-top: 8px;
        }
        .demo span
        {
           
            width: 130px;
            border: 1px solid #ccc;
            display: inline-block;
             color:#454545;
             font-weight:normal;
        }
        
        .demo input[type="text"]
        {
            font:Tahoma, Arial, sans-serif;
            width: 133px;
           
            text-align:right;
            color:#454545;
            font-weight:normal;
        }
       .contents td
       {
           color: #0077CC;
           font: 12px/1.54em Tahoma,Arial,sans-serif;
       }
        .chillst
        {
             width: 139px;
             overflow: auto;
             height: 107px;
             background-color:#fff;
             
        }
        .chillst1
        {
             width: 139px;
            /* overflow: auto;*/
             height: 67px;
             background-color:#fff;
             
        }
        .chillst1 span
        {
             width: 130px;
        }

/* Slideshow style rules. */
        #slideshow
        {
            margin: 0 auto;
            width: 290px;
            height: 291px; /*background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;*/
            position: relative;
        }
        #slideshow #slidesContainer
        {
            margin: 0 auto;
            width: 225px;
            height: 305px;
            overflow: auto; /* allow scrollbar */
            position: relative;
            top: 0px;
            left: 0px;
        }
        #slideshow #slidesContainer .slide
        {
            margin: 0 auto;
            width: 154px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
            height: 263px;
            float: left;
            text-align: left;
        }
        
        /** 
 * Slideshow controls style rules.
 */

        .control
        {
            display: block;
            width: 28px;
            height: 90px;
            text-indent: -10000px;
            position: absolute;
            cursor: pointer;
        }
        #leftControl
        {
            top: 0;
            left: 0;
            background: transparent url(../Images/control_left.gif) no-repeat 0 0;
        }
        #rightControl
        {
            top: 0;
            right: 0;
            background: transparent url(../Images/control_right.gif) no-repeat 0 0;
        }
        
        /** 
 * Style rules for Demo page
 */

/*------------------------------ colapsible and preloader from demo.css----------------------------------------*/
        
        .collapsible,
.page_collapsible,
.accordion {
	margin: 0;
    padding:10px;
    height:20px;
cursor: pointer;
 	border-top:#f0f0f0 1px solid;
    background: #cccccc;

	font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #000;
    font-size:1em;
}
.accordion-open,
.collapse-open {
	background:#000;
	color: #fff;
	cursor: pointer;
	
}
.accordion-open span,
.collapse-open span {
	display:block;
	float:right;
	padding:10px;
	cursor: pointer;
}
.accordion-open span,
.collapse-open span {
	background:url(../images/minus.png) center center no-repeat;
	/*margin-right:-111px;*/
	cursor: pointer;padding:12px !important;
}
.accordion-close span,
.collapse-close span {
	display:block;
	float:right;
	background:url(../images/plus.png) center center no-repeat;
	/*padding:10px;*/
	cursor: pointer;padding:12px !important;
}

.accordion-open input[type="button"],
.collapse-open input[type="button"] {
	display:block;
	float:right;
	padding:10px;
	
	background: -moz-linear-gradient(center top , #DFE6ED 5%, #1262B3 100%) repeat scroll 0 0 #DFE6ED !important;
    border: 1px solid #84BBF3 !important;
    border-radius: 7px 7px 7px 7px !important;
    box-shadow: -2px 2px 12px -1px #DCECFB inset !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    margin-right:62px !important;
    font-family: Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px;
    text-decoration: none;
    text-shadow: -1px 1px 0 #528ECC !important;
}

.accordion-close input[type="button"],
.collapse-close input[type="button"] {
	display:none;
	float:right;
	padding:10px;
	
	background: -moz-linear-gradient(center top , #DFE6ED 5%, #1262B3 100%) repeat scroll 0 0 #DFE6ED;
    border: 1px solid #84BBF3;
    border-radius: 7px 7px 7px 7px;
    box-shadow: -2px 2px 12px -1px #DCECFB inset;
    color: #FFFFFF;
    cursor: pointer;
   
    font-family: Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px;
    text-decoration: none;
    text-shadow: -1px 1px 0 #528ECC;
}

.modalBackground
{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #CCCCCC;
    filter: alpha(opacity=70);
    opacity: 0.7;
    top: 0;
    left: 0;
}

.popUp
{
    border: 2px ridge #EEEEEE;
    width: 500px;
    position: absolute;
    z-index: 999;
    display: none;
    top: 25%;
    left: 30%;
    padding: 5px;
    background-color: #EEEEEE;
}
/*Start - Added by Tanmoy - 21 Feb 2014 */
.modalBox {
    background-color : #f5f5f5;
	/*border-width: 3px;
	border-style: solid;
	border-color: Blue;*/
	padding: 3px;	

}
.modalBox caption {
	background-image: url(images/window_titlebg.gif);
	background-repeat:repeat-x;
}

#tooltip {
    position: absolute;	 
	border-style: solid;
	border-color:#aad3ea;
	background-color: #F4FCFF;
	padding: 5px;
	font-family:Calibri;
	font-size: 8pt;
    text-align: left;    
	opacity: 0.85;

}
#tooltip h3, #tooltip div { margin: 0; }
#ui-datepicker-div { font-size: 12px; } 
.tooltip
{
    border-style: solid;
    border-width: 1px;
    display: none;
    background: #F4FCFF;
    font-size: 8pt;
    color: #003366;
    font-family: 'Trebuchet MS';
    text-align: left;
    padding: 5px;
}

/*End - Tanmoy - 21 Feb 2014 */