﻿* 
{
padding:0;
color:#444;
font-size:14px;
font-family:Arial;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: left;
}
body
{    
background-color:#F5F5F5;
    text-align: center;
}

.loginHeader
{
display:block;
opacity:.4;
filter: alpha(opacity=40);
width:100%;
height:350px;
background:lightblue url(../images/loginHeader.jpg) bottom center repeat-x;
position:relative;
}
.loginLogo
{
top:-280px;
width:350px;
height:100px;
background-color:Transparent;
margin:auto;
position:relative;
}

.loginBody
{
display:block;
top:-230px;
margin:auto;
margin-bottom:-210px;
font-size:12px;
width:450px;
height:250px;
border:1px solid lightgray;
background-color:#fff;
padding:10px;
position:relative;
-webkit-border-radius: 0px 99px 0px 99px;-moz-border-radius: 0px 99px 0px 99px;border-radius: 0px 99px 0px 99px;
background:lightyellow;-webkit-box-shadow: #B3B3B3 11px 11px 11px;-moz-box-shadow: #B3B3B3 11px 11px 11px; box-shadow: #B3B3B3 11px 11px 11px;	
}
.loginFooter
{	
width:350px;
font-size:12px;
text-align:center;
margin:auto;
padding:25px 0 0 35px;
}

.LoudText {
  font-size: 2em;
   font-weight: bold;
   color:Red;
   text-align:right;
}



/* =-----------------Start header ------------------ */
.header_login
{
width:100%; 
background: url(../images/bg2.jpg) repeat-x top;
margin:auto; 
height:77px;
padding-top:3px;
     
}
.login_bg
{
height: 255px;
width: 788px;
margin-top:70px;
padding-left:170px;
color: #fff;
background: url(../Images/login_bg2.png) no-repeat left top;
    margin-left: auto;
    margin-right: auto;
}
        
.header
{
width:100%; 
background: url(../images/bg2.jpg) repeat-x bottom;
margin:auto; 
height:90px;
padding-top:13px;
line-height:20px;	
     
}
.header a
{
color:#555;
font-weight:normal;
}
.header h2, .h2
{
color:#E57719;
font-size:25px;
font-weight:bold;
margin-top:10px;
display:block;
}
.header h4 .h4 
{
color:#666;
font-weight:normal;
}

#sticky_navigation { width:100%; height:37px;  
    background: url(../images/bg2.jpg) repeat-x bottom;}
	
.header .menu
{
width:88%;
padding-left:0%;
margin:auto;
padding:5px 0px;   
position:relative;
z-index:10000
    
    
}
.header .menu .mainMenu
{
color:#000;
font-weight:555;
margin-left:-2px;
padding:2px;
background-color:blue;
   
}
.header .menu .mainMenu:hover
{
background-color:Red;
}

/* =-----------------End header ------------------ */


.activeUser
{
text-transform:uppercase; padding:0 5px;
}

.signout
{
padding:0 5px;
border:thins solid red;
text-decoration:none;
}
.signout:hover
{
text-decoration:underline;
}
.blue
{
color:Blue;
}
.black
{
color:#E57719;
font-weight:bold;
}
/* --------------------Start Main body content ----------------------- */
.content
{
width:95%;
margin:auto;
min-height:740px;
padding:10px 10px 0 10px;   
border-top:0px solid #EDEBEB;
border:1px solid #EDEBEB;
margin-bottom:5px;
background-color:#fff; 
-webkit-box-shadow:  4px 0 2px lightgray,  -4px 0 2px lightgray;  
-moz-box-shadow:  4px 0 2px lightgray,  -4px 0 2px lightgray;    
box-shadow: 4px 0 2px lightgray,  -4px 0 2px lightgray;
position:relative;
z-index:50;
    
}
/* =-----------------End content ------------------ */

/* ----------------Start footer ---------------------- */
.footer 
{
text-align: center;
z-index: 150;
padding: 5px 0px;
bottom: 0;
//position: fixed;
display: block;
height: 20px;
width: 100%;
margin: auto;
color: #000;
background: lightblue;
border-top:1px solid #BDBCBC;
opacity: .8;
filter: alpha(opacity=80);
}
/******START for Navigation (menu Control)************************************/

.menuMainItem
{
text-align: center;
font-size: 14px;
padding: 4px 0px;
}
.menuMainItem:hover
{
	
}
.menuDynamicItemMenu
{
cursor: hand;
padding: 3px 0 0 10px;
display: block;
height: 20px;
color: #333;
min-width: 170px;
}
/* Last Level Menu Style - HOVER */
.menuDynamicItemMenu:hover
{
background-color: #C1DAF4;
display: block;
height: 15pt;
color: #3468D6;
}
.menuDynamicItemSelected
{/* 
cursor: hand;
background-color: #E1EEF7;
padding: 3px 0 0 10px;
display: block;
height: 15pt;
color: #333;
width: 150px;*/
}


.FullDynamicMenu
{
border: 1px solid #C9DDF7;
border-top: 0px;
	
background-color: #E1EEF7;
}

.FullDynamicMenu:hover
{
border: thin solid #C9DDF7;
border-top: 0px;
}

/******END for Navigation (menu Control)************************************/


.footerLogin
{
z-index: -10;
bottom: 0;
position: fixed;
display: block;
height: 120px;
width: 100%;
background: lightblue;
opacity: .5;
filter: alpha(opacity=50);
	
    
}



/******grid items style************************************/
.grid
{
margin:2px 2px 2px 2px;
font-size:11px;
}
.table
{	
	
padding:0px;
width:99%;
border:1px solid lightgray;
}
.table:hover
{	
	
	background-color:#EAF0FF;
width:99%;
border:1px solid lightblue;
}

.slno
{
float:left;
padding:3px;
font-size:11px;
text-align:center;
vertical-align:middle;
background-color:lightblue;
color:Red;
}
.grid .heading
{
color:Navy;
font-weight:bold;
}
.grid .message
{
color:Navy;
}



.blue
{
color:Blue;
text-decoration:none;
}
.red
{
color:Red;
text-decoration:none;
}
.gray
{
color:Gray;
text-decoration:none;
}
.underline
{
text-decoration:underline;
}




/******show hide header style 2************************************/

ul.dropdown ul
{
behavior: url(k.html);
}
        
        
.accordion dt
{
padding: 5px 0px 5px 3px;
cursor: pointer;
background: #C8E3FE;
text-align:center;
font-weight:bold;
    width: 965px;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: 0px;
}
.accordion dt.even
{
border: thin solid #C8E3FE;
border-bottom: 0px;
padding: 5px;
cursor: pointer;
background: #ffe1e1;
}
.accordion dt:hover
{
background: #ffe1e1;
}
.accordion dt:active
{
background: #ffe1e1;
border: thin solid #C8E3FE;
}
.accordion dt.even:active
{
background: #a6d8f8;
}
.accordion dt.even:hover
{
background: #a6d8f8;
}
.accordion dd
{
overflow: hidden;
margin: 0px;
}
.accordion .dd
{
padding: 5px 3px 0px 3px;
color: #2b3036;
background: #FEFFF2;
border: thin solid #C8E3FE;
line-height: 15px;
}
        
      
/******show hide header style************************************/    
.accordion2 dt
{
          
width: 150px;
border-bottom: 1px dashed lightgray;
background: url(../Images/bullet_red.gif) no-repeat left;
padding: 3px 0 3px 25px;
font-weight:normal;
color:#000;
	 
	 
}
.accordion2 dt:hover
{
           
}
       
.accordion2 dd
{
overflow: hidden;
margin: 0px;
           
}
.accordion2 dd .dd2 a
{
color:#555;
background: url(../Images/bullet2.jpg) no-repeat left;
padding: 3px 0 3px 15px;
font-weight:normal;
font-size:11px;
        	
            
}
.accordion2 dd .dd2 a:hover
{
color:blue;
        
        	
            
}
      
      

/******show hide header style 1************************************/

.accordion
{
margin: 0;
padding: 0 0px;
          
}
        
.accordion li
{
list-style-type: none;
}
        
.accordion li.last-child
{
list-style-type: disc;
}
        
#side ul.accordion ul
{
margin: 0;
padding: 0 0 0 0px;
}
        
.accordion .outer
{
border: 0px solid #dadada;
border-width: 0 1px 1px;
background: #fff;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:0px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-top-left-radius:0px;
-webkit-border-bottom-right-radius:10px;
border-top-right-radius:0px;
border-bottom-right-radius:10px;
border-top-left-radius:0px;
border-bottom-left-radius:10px;
margin-top:-8px;
padding:5px;

   background-color:#fff; 
}
        
.accordion .inner
{
margin-bottom: 0;
padding:3px 1px 3px 0px;
position: relative;
overflow: hidden;
}
        
.accordion .inner .inner
{
padding-bottom: 0;
            
}
        
.accordion .h
{
}
/* vertical padding instead of vertical margin (ie8) */
        
.accordion p
{
            
}
        
/*  
Add styles for all links in the 'accordion':
.accordion a {...}
*/
        
a.trigger, .trigger
{
display: block;
padding: 7px 1px 7px 5px;
border:1px solid lightgray;
margin:5px 0;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
border-top-left-radius:6px;
border-bottom-left-radius:6px;


background-image: url(../Images/ClickDownNormal.gif);
background-repeat: no-repeat;
background-position: right;
text-decoration: none;
color:black!important;
font-weight:bold;
background-color:#FFF8C9;
}
.trigger2
{
display: block;
padding: 7px 1px 7px 5px;
border:1px solid lightgray;
margin:5px 0;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
border-top-left-radius:6px;
border-bottom-left-radius:6px;


background-image: url(../Images/ClickDownNormal.gif);
background-repeat: no-repeat;
background-position: right;
text-decoration: none;
color:black!important;
font-weight:bold;
background-color:#CDCDCD;
}  
        
        
a.trigger.open
{
background-image: url(../Images/ClickDownExpanded.gif);
text-decoration: none;
}
        
a.trigger1
{
display: block;
margin:0px 0 0 0px;
padding: 10px 0px 10px 20px;
display:block;

border:1px lightgray solid!important;
background: url(../Images/bullet_red.gif) no-repeat  left;
text-decoration: none;
}
        
a.trigger1.open
{   
}
        
       
a.navigator, .divDashboardSMS a
{
color:#000;	
display:block;		
padding: 14px 0 14px 0px!important;
font-weight:normal;
font-size:13px;
text-decoration: none;
font-weight:bold;
text-align:center;
background: #D9EEFC url(../Images/bullet.jpg) no-repeat left;

-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-bottom-left-radius:10px;		
margin:1px 0;
            
}
a.navigator:hover
{
  //background-color:#FFDEEF;   
}       
.last-child a.trigger
{
padding-left: 1px;
background-image: none;
font-weight: normal;
text-decoration: none;
}
        
#main a.trigger
{
background-color:#FFF8C9;
text-decoration: none;
}
       
        
#main a.trigger.open
{
border-color: #dadada;

text-decoration: none;
}
        
#main a:hover.trigger.open, #main a:focus.trigger.open, #main a:active.trigger.open
{
border-color: #bcd;
text-decoration:none;
}
        
#side a.active
{
font-weight: 700;
color: #f72;
text-decoration: none;
}

/****** Export to excel ************************************/

  
.exportHeading
{
    font-weight:bold;font-size:14pt; background:LightSkyBlue; display:block; padding:10px;
}

.exportTd
{
 background-color:lightgray;
 font-weight:bold;
 text-align:left;
}

.exportTd
{
text-align:left;	
}

.rotate180
{
-webkit-transform: rotate(275deg);
-moz-transform: rotate(275deg);
-o-transform: rotate(275deg);
writing-mode: lr-tb;
color:Red;
}

/****** Auto Complete textbox style************************************/
.listMain
{
background-color:lightyellow;
z-index:1000;
width:200px !important;
max-height:250px;
list-style:none;
overflow-x:hidden;
overflow-y:auto;
}
.listMain:hover
{	
	
border-bottom:1px solid lightgray;
}
.wordWheel .itemsMain
{
background:none;
border-collapse:collapse;
color:#00337E;
padding:5px;
border:1px solid lightgray;
border-bottom:0px;
}
.wordWheel .itemsSelected
{

padding:5px;	
cursor:hand;
-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;background:rgba(144,212,232,0.1);-webkit-box-shadow: #B3B3B3 5px 5px 5px;-moz-box-shadow: #B3B3B3 5px 5px 5px; box-shadow: #B3B3B3 5px 5px 5px;
}


.multiline
{
    width:250px;
    height:40px;
    border:1px solid #BEBFC1;
   
    padding:2px;
    background:#fff url(../Images/input_bg.gif) repeat-x top;
    
    border-radius:3px;
    border-radius:3px;        
    -moz-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -webkit-border-radius:3px;
}
/* =---------------------------------Dashboard ----------------------------------- */

.moduleContainer  .sidebarHeading
{
    background-color:lightblue;
    margin-left:-20px;
    width:10px;
    float:left;
    display:block;
    font-size:15px;
    text-align:center;
    text-transform:uppercase;
    font-weight:normal;
    font-size:15px;
    padding:5px 5px;
    line-height:20px;
	
}
.moduleContainer h2
{
color:#000;
font-size:20px;	
border-bottom:1px solid lightgray;
padding:10px 55px;
	
background: url(../Images/header_bg3.jpg) no-repeat left;
	
}

/* =-----------------Dashboard main menu ------------------ */
table.tbDashboard
{
    width:100%;
    display:block;
    border:1px solid lightgray;
    position:relative;
    z-index:100;
}
#hide
{
    border:0;
    color:#666;
    padding:5px;
    margin-left:-5px;
    margin-right:-15px;
    text-align:center;
    border:2px solid lightgray;
    border-right:0px solid lightgray;
    background-color:Transparent;
}
#show
{
    border:0;
    color:#000;
    padding:5px;
    margin-left:0px;
    margin-right:-15px;
    text-align:center;
    border:2px solid #999;
    border-left:0px solid lightgray;
}


.moduleContainer { display:block; padding:0px 0 0; }

.moduleContainer ul{ margin:0px; padding:0px; clear:both; display:block;  }

.moduleContainer ul li{ float:left; width:32%; list-style:none; text-align:center; }
.moduleContainer ul li a{ color:#000; text-decoration:none; font-size:22px; text-transform:uppercase; font-weight:300; 
background:url(images/gray_arrow.png) bottom center no-repeat; padding-bottom:24px; }

.moduleContainer ul li a:hover, .moduleContainer ul li.active a{ background:url(images/gray_arrow_hover.png) bottom center no-repeat; }

.moduleContainer .module { float:left; width:100%; float:right; margin:auto; }
.gray_rounder { display:block; clear:left; width:150px; height:150px;   background:#fff; border:#d4d4d4 1px solid;  padding:20px 18px 15px; margin:0 auto 8px;}
.moduleContainer ul li .gray_rounder span{ width:200px; height:200px; background:#e5e5e5; display:table-cell !important; vertical-align:middle; }


.moduleContainer .module ul li{ width:188px; padding-bottom:25px;  }
.moduleContainer .module ul li span{ display:block; text-transform:uppercase; text-align:center }
.moduleContainer .module ul li .img-circle span { width:130px; height:130px; border:0px solid lightblue;}
.moduleContainer .module ul li .img-circle span:hover{ background-color:lightblue;  }
.moduleContainer .module ul li .gray_rounder  { width:130px; height:130px;}
	
.gray_rounder.img-circle img { width:90px; }	 



.gray_rounderSidebar { display:block; clear:left; width:30px; height:30px;   background:#fff; border:#d4d4d4 1px solid;  padding:2px; margin-left:12px;}
.gray_rounderSidebar span{ width:25px; height:25px; background:#e5e5e5; display:table-cell !important; vertical-align:middle; }
.gray_rounderSidebar.img-circle img { width:28px; }
.gray_rounderSidebar .img-circle span { width:25px; height:25px; border:0px solid lightblue;}
.gray_rounderSidebar .img-circle span:hover{ background-color:lightblue;  }
/* =-----------------Dashboard sub menu------------------ */	

.module2Container { display:block; padding:35px 0 0; }
.module2Container ul{ margin:0px; padding:0px; clear:both; display:block;  }
.module2Container ul li{ float:left; width:32%; list-style:none; text-align:center; }
.module2Container ul li a{ color:#000; text-decoration:none; font-size:22px; text-transform:uppercase; font-weight:300; 
background:url(images/gray_arrow.png) bottom center no-repeat; padding-bottom:24px; }

.module2Container ul li a:hover, .module2Container ul li.active a{ background:url(images/gray_arrow_hover.png) bottom center no-repeat; }

.module2Container .module2 { float:left; width:100%; float:right; }
.gray_rounder2 { display:block; clear:left; width:75px; height:75px;   background:#fff; border:#d4d4d4 1px solid;  padding:10px 9px 7px; margin:0 auto 8px;}
.module2Container ul li .gray_rounder2 span{ width:100px; height:100px; background:#e5e5e5; display:table-cell !important; vertical-align:middle; }


.module2Container .module2 ul li{ width:180px; padding-bottom:25px;  }
.module2Container .module2 ul li span{ display:block; text-transform:uppercase; text-align:center }
.module2Container .module2 ul li .img-circle2 span { width:65px; height:65px; border:0px solid lightblue;}
.module2Container .module2 ul li .img-circle2 span:hover{ background-color:lightblue;  }
.module2Container .module2 ul li .gray_rounder2  { width:65px; height:65px;}
	
	
.gray_rounder2.img-circle2 img { width:55px;
height: 61px;
}	 


/* =-----------------Dashboard main menu ------------------ */

.sideMenu
{
    padding: 10px;
    min-height: 200px;
    display: block;
    float: left;
    margin-right:10px;
    -webkit-border-radius: 0px 15px 15px 0px;
    -moz-border-radius: 0px 15px 15px 0px;
    border-radius: 0px 15px 15px 0px;
    background-color: #3296E3;
    -webkit-box-shadow: #B3B3B3 5px 5px 5px;
    -moz-box-shadow: #B3B3B3 5px 5px 5px;
    box-shadow: #B3B3B3 5px 5px 5px;
}
.sideMenu strong
{
    padding: 10px;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
}
.box
{
    width: 180px;
    min-height: 100px;
    z-index: 0;
    margin-left:-12px;
    background: #fff;

}
.sideMenu .box a
{
    float: right;
    display: block;
    width: 150px;
    border-bottom: 1px dashed lightgray;
    background: url(../Images/bullet2.jpg) no-repeat left;
    padding: 5px 0 5px 15px;
    color:#000
}
.sideMenu .box a:hover
{
color:Blue;
	
}
a  
{
    text-decoration: none;
    }

.Select
a  
{
    text-decoration: none;
    }

SelectedMenuItem
{
    border:1px solid #D5E5E6!important;
    background-color:#FFDEEF;
}
.SelectedMenuItemQuickLink
{
    border:1px solid #D5E5E6!important;
    background-color:#FFDEEF!important;
}
#aHeading
{
    color:Red!important;
}
.unSelect
{
    margin-top:0px!important;
}