/* CSS Document */

body {
	padding:0px;
	margin:0px 0px 0px 0px;
	background-color:white;
	font-family:Arial, sans-serif;
	font-size:17px;
	color:#666666;
    height: 100%;
    width :100%;
   
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('img/loading.gif') 50% 50% no-repeat rgb(249,249,249);
}

.gReport{ font:16px arial; color:#0063a6; text-align:center; margin-top: 0px; padding:3px 0px;
          box-shadow: 0px 2px 4px #62b1ec;  border-radius:2px; margin-bottom:20px;}

.clear{ clear:both;}

#main1 {
	
	width :100%;
	height:100%;
	margin:0 auto; padding:0;
	
    top:0px; 
}

#top{background:url(../img/bg.png) top center no-repeat;
     -webkit-background-size:50% 100%; -moz-background-size:50% 100%; -o-background-size:50% 100%;background-size:50% 100%;background-size:50% 100%;}

.calenderTitle{Color:#ffffff;  Font-Weight:bold;  Background:#62b1ec; border:2px solid #fff;}
.DayHeaderStyle{Background:#f0f0f0; color:#0063a6;border:1px solid #fff; padding:2px 3px; text-align:center; letter-spacing:1px;}
.DayStyle{  text-align:center; letter-spacing:1px;}
.TodayDayStyle {Color:#ffffff;  Font-Weight:bold;  Background:#0063a6;}
.NextPrevStyle{ padding:0px 3px;}
.SelectedDayStyle{ -webkit-box-shadow:inset 2px 2px 7px #0063a6; -ms-box-shadow:inset 2px 2px 7px #0063a6; -o-box-shadow:inset 2px 2px 7px #0063a6;
                   -moz-box-shadow:inset 2px 2px 7px #0063a6;box-shadow:inset 2px 2px 7px #0063a6; font-weight:bold; color:#62b1ec; background:#fff;}
.row {
     margin-right: 0px; 
     margin-left: 0px; }

#main {
	
	width :100%;
	
	margin:0em auto; padding:0;
    overflow:auto;
    left:inherit; 
    top:0px; 
}
#main h1{ padding: 0.4em;
    color: #FFFFFF;
    background-color:#2658a1 ;
    font-weight: normal;
    font-size: 21px; -webkit-border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px;
            -o-border-radius: 7px 7px 0px 0px; -ms-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; }

.loginTable{border :2px solid #a5a2a2; width:100%; background-color: #fff; padding:0em  1em; -webkit-box-shadow: inset 0px 6px 13px #a5a2a2;
            -moz-box-shadow: inset 0px 6px 13px #a5a2a2; -ms-box-shadow: inset 0px 6px 13px #a5a2a2; -o-box-shadow: inset 0px 6px 13px #a5a2a2;
            box-shadow: inset 0px 6px 13px #a5a2a2;}
.loginTable tr td{ padding:0.4em  0em; text-align:left; font:bold 12px arial;}
.txtbox{ Border:1px solid #ccc;  width:97%; padding:0px 5px;  height:28px; }
.txtbox:hover{ Border:1px solid #0063a6; -webkit-box-shadow:0px 1px 3px #0063a6;
               -moz-box-shadow:0px 1px 3px #0063a6;-ms-box-shadow:0px 1px 3px #0063a6;
               -o-box-shadow:0px 1px 3px #0063a6;box-shadow:0px 1px 3px #0063a6;  }
.txtbtn{ Border:0px solid #fff; color: #FFFFFF; cursor:pointer; background:#0063a6; padding:0.3em 1em;  
         float:right; height: 30px; margin-right: 10px;
}
.txtbtn:hover{ Border:1px solid #ccc; color: #FFFFFF; background:-webkit-linear-gradient(#555,#0063a6);
               background:-o-linear-gradient(#555,#0063a6); 
               -moz-background:linear-gradient(#555,#0063a6);
               -ms-background:linear-gradient(#555,#0063a6);
               background:linear-gradient(#555,#0063a6); }
.txtbtn1{Background:#0063a6; Border:0px solid #fff; color: #FFFFFF;  padding:0.3em 1em; }
.txtbtn1:hover{ Border:1px solid #ccc; color: #FFFFFF; background:linear-gradient(#555,#54b8e8); 
                padding:0.3em 1em; }

.leftbtn{margin-top: 0px; color: #FFFFFF; cursor:pointer; font-weight: 700; margin-left:2em; text-align:left; Border:0px solid #fff; background-color: #62b1ec;  padding:0.3em 0em; }	
	
	.mainTable{   margin-bottom: 0em; }
.mainTable tr td{ padding:0.4em  0em; text-align:left; font:bold 15px arial;  color:#676464; }
.mainTable tr th{ padding:0.4em  1em; text-align:left; font:13px arial; }
.mainTable1{ width:100%;  padding:0em; height:100%; }
.mainTable1 tr td{ padding:0.5em  0.7em;   font: bold 11px arial;}
.mainTable1 tr th{ padding:0.5em  0.7em;  font:bold 12px arial;}

.commonPopH1{ background: linear-gradient(to right , #ca4040,#fecccc); color:#fff; margin-top:0px; padding-left:1em;}
.installPop
{
 width:98%; position:absolute; padding:0.2em 2em ; top:0em; resize:both; left:0em; 
             overflow:auto;  background:#fff; -webkit-box-shadow:5px 9px 22px #000; 
             -moz-box-shadow:5px 9px 22px #000; -ms-box-shadow:5px 9px 22px #000;  -o-box-shadow:5px 9px 22px #000;
             box-shadow:5px 9px 22px #000;  z-index: 1000; -webkit-border-radius:15px; 
             -ms-border-radius:15px;  -o-border-radius:15px; -moz-border-radius:15px; border-radius:15px; border: 9px solid #0063a6;
}
 .installPop h1
 {  
     padding:0.1em;     color:#fff; font-size:16px; 
                  text-align:left;  
 }
  
  .upgradeVoucherPop
  { 
      width:100%; resize:both; left:0em; border:1px solid #ccc;  
                     background:#fff; -webkit-box-shadow:5px 9px 22px #000; -moz-box-shadow:5px 9px 22px #000;
                      -ms-box-shadow:5px 9px 22px #000;
                     -o-box-shadow:5px 9px 22px #000;box-shadow:5px 9px 22px #000;  z-index: 100; 
  }
                  
  .upgradeVoucherPop1
  { 
      width:100%; padding:1em 1em 2em;
  }
  
 .upgradeVoucherPop1 h1
 { 
      padding:0.1em; margin-bottom:1em;     color:#fff; 
                  font-size:15px; text-align:left;  
 }                                       

 .quitPop
 { 
     width:100%;   -webkit-resize:both; -ms-resize:both; -o-resize:both; -moz-resize:both;
     resize:both; left:0em; background:#fff; -webkit-box-shadow:5px 9px 22px #000; -moz-box-shadow:5px 9px 22px #000;
                      -ms-box-shadow:5px 9px 22px #000;
                     -o-box-shadow:5px 9px 22px #000;box-shadow:5px 9px 22px #000;  z-index: 100;
  }
  
  .quitPopPop1 
  {
      width:99%; padding:1em 2em;
  }
  
 .quitPop h1
 {  padding:0.2em 1em;   color:#fff; font-size:15px; text-align:left;  
 }
                                        
 .serialPop
 { 
     width:100%;   -webkit-resize:both; -ms-resize:both; -o-resize:both; -moz-resize:both;
     resize:both; left:0em;   
      background:#fff; -webkit-box-shadow:5px 9px 22px #000; -moz-box-shadow:5px 9px 22px #000;  
      -ms-box-shadow:5px 9px 22px #000;-o-box-shadow:5px 9px 22px #000;box-shadow:5px 9px 22px #000; 
      z-index: 100; top: 1em;
  }
  
  .serialPopa{ width:99%; padding:1em 1em;}
 
 .serialPop h1
 {  
     padding:0.2em 1em;    color:#fff; font-size:16px; text-align:left; 
 } 
                  
 .serialPop1
 { 
     width:100%;   -webkit-resize:both; -ms-resize:both; -o-resize:both; -moz-resize:both;
     resize:both; left:0em; 
     background:#fff; -webkit-box-shadow:5px 9px 22px #000; -moz-box-shadow:5px 9px 22px #000; 
     -ms-box-shadow:5px 9px 22px #000; -o-box-shadow:5px 9px 22px #000;box-shadow:5px 9px 22px #000;  
     z-index: 100;  border:1px solid #ccc; top: 1em;
  }
 .serialPop11{ width:99%; padding:1em 1em 2em;}
                  
 .serialPop1 h1
 {  
    padding:0.2em 1em;    color:#fff; font-size:16px; text-align:left; 
 }                                       
                  
  

 
 .loginPop
   { 
       width:100%;  -webkit-resize:both; -ms-resize:both; -o-resize:both; -moz-resize:both;
     resize:both; left:18em; border:1px solid #ccc;  
                     background:#fff; -webkit-box-shadow:5px 9px 22px #000; -moz-box-shadow:5px 9px 22px #000;
                      -ms-box-shadow:5px 9px 22px #000;-o-box-shadow:5px 9px 22px #000;
                      box-shadow:5px 9px 22px #000;  z-index: 100; 
                     
   }
   
  .loginPop1{ width:99%; padding:1em ;}
 .loginPop h1
 {  
     padding: 0.2em 1em ;   color:#fff; 
                  font-size:16px; text-align:left;  
 }                                               

 .quitPop1
 { 
     width:100%;  -webkit-resize:both; -ms-resize:both; -o-resize:both; -moz-resize:both;
     resize:both; left:0em; background:#fff; 
            -webkit-box-shadow:5px 9px 22px #000; -moz-box-shadow:5px 9px 22px #000;
             -ms-box-shadow:5px 9px 22px #000; -o-box-shadow:5px 9px 22px #000;box-shadow:5px 9px 22px #000;  
             z-index: 100; 
  }
 .quitPop11{ width:98%; padding:1em 1em 2em;}
 .quitPop1 h1{  padding:0.2em 1em;    color:#fff; font-size:16px; text-align:left;  }                                       



#lnkYes{ text-decoration:none;   width:40px;}
#lnkNo{ text-decoration:none;  width:40px;}
#lnkYes:hover{ text-decoration:none; -webkit-opacity:0.7; -ms-opacity:0.7; -moz-opacity:0.7; 
               -o-opacity:0.7; opacity:0.7;  width:45px;}
#lnkNo:hover{ text-decoration:none; -webkit-opacity:0.7; -ms-opacity:0.7; -moz-opacity:0.7; 
               -o-opacity:0.7; opacity:0.7; width:45px;}
.popTable{ width:100%;  padding:0.4em 0em; border:2px solid #dbdbdb; border-collapse:separate;     margin-bottom: 10px; }
.popTable tr td{ padding:0.5em  0.7em; text-align:left;  color: #ca4040;
    font: bold 15px arial;}
.popTable tr th{ padding:0.4em 0.7em; text-align:left; background: none; color:#555;  
                 font:bold 15px arial;}
                 fieldset {
    padding: 0em .625em .75em;
    margin: 0 2px;
    border: 0px solid silver;}
    
    legend {
        font-weight:600;
    display: block;
    width: auto;
    padding: 0;
        margin-bottom: 0px;
    font-size: 15px;
    line-height: inherit;
    color: #333;
    border: 0;
    border: 0px solid #e5e5e5;}
	   
	    .style1
        {
            font-weight: bold;
        }
	    .style2
        {
            text-align: left;
            width:100%;
            border-top:3px solid #fff;
            background-color: #0063a6;
            margin-bottom:0.2em;
            height:auto;
        }
        
        .style222
        {
            text-align: left;
            width:99%;padding:2px 0px;
            margin:0 auto ;
        }
	            
	    .style5
        {
            height: 24px;
        }
	            
	    .newStyle1
        {
            
        }
        .style6
        {
            text-align: center;
            width: 213px;
        }
	            
	    .style7
        {
            font-weight: bold;
            width: 128px;
        }
	            
	    .style9
        {
            height: 18px;
        }
	            
	    .style10
        {
          
            color: white;
            background:-webkit-linear-gradient(#62b1ec,#0063a6);
            background:-o-linear-gradient(#62b1ec,#0063a6);
            background:-moz-linear-gradient(#62b1ec,#0063a6);
            background:-ms-linear-gradient(#62b1ec,#0063a6);
            background:linear-gradient(#62b1ec,#0063a6);
            font-family: Arial;
            font-size: small;
        }
        
        .style11{border:1px solid #ccc; border-collapse:collapse;}
        .style11 tr td
        {
           color:#990000;
           font:bold 13px arial; text-align:center;
           padding:0.3em 0em;border:1px solid #ccc;
        }
         .style11 tr th
        {
           color:#555;
           font:bold 13px arial;border:1px solid #ccc; padding:0.3em 0em;
        }
        	            
	    .style16
        {
            text-align: center;
            padding:0.3em 0em;
            background-color: #62b1ec;
            color: white;
            font-family: Arial;
            font-weight: bold;
            font-size: medium; 
        }
.style161
        {
            text-align: left;
            padding:0.5em 0em 0em;
            color: #0063a6;
            width: 100%;
    float: left;
            font-family: Arial;
            font-weight: bold;
            font-size: 1.1em;
           border-bottom:1px dotted #cec3a3;
        }
        .style162
        {
            text-align: left;
            padding:0.4em 0em 0em;
            color: #0063a6;
            font-family: Arial;
            font-weight: bold;
            background:-webkit-linear-gradient(#919fb2,#95b5d8,#aecfeb,#cbe5f7,#deeffa,#f5fbfe,#fff,#fff,#fff,#f8f7f2);
            background:-ms-linear-gradient(#919fb2,#95b5d8,#aecfeb,#cbe5f7,#deeffa,#f5fbfe,#fff,#fff,#fff,#f8f7f2);
            background:-o-linear-gradient(#919fb2,#95b5d8,#aecfeb,#cbe5f7,#deeffa,#f5fbfe,#fff,#fff,#fff,#f8f7f2);
            background:-moz-linear-gradient(#919fb2,#95b5d8,#aecfeb,#cbe5f7,#deeffa,#f5fbfe,#fff,#fff,#fff,#f8f7f2);
            background:linear-gradient(#919fb2,#95b5d8,#aecfeb,#cbe5f7,#deeffa,#f5fbfe,#fff,#fff,#fff,#f8f7f2);
            font-size: 30px;
            padding-top:5em;
           
        }
        
        .style1622
        {
            text-align: left;
            padding:1em 0em 0em;
            color: #0063a6;
            font-family: Arial;
            font-weight: bold;
            background:url(img/bg1.png);
            -webkit-background-size:100% 100%;
            -o-background-size:100% 100%;
            -moz-background-size:100% 100%;
            -ms-background-size:100% 100%;
            background-size:100% 100%;
            height:150px;
            font-size: 30px;
            padding-top: 7em;
           
        }
        
	            
	    #SNDet
        {
            text-align: justify;
        }
        .style18
        {
            height: 2px;
        }
        .style19
        {
            font-weight: bold;
            height: 9px;
        }
        .style20
        {
            font-weight: bold;
            height: 8px;
        }
        .style21
        {
            font-weight: bold;
            height: 8px;
            color: #005696;
            width: 85px;
        }
        .style23
        {
            color: #005696;
        }
	            
	    .style24
        {
            font-weight: bold;
            height: 9px;
            color: #005696;
            width: 85px;
        }
	            
	    .style25
        {
           
            height: 22px;
            background-color: #FFFFFF;
            color: #62b1ec;
            font-family: Arial;
            font-size: 3em;
            text-align:left;
            width:97%;
            margin:0 auto;
            font-weight:bold;
        }
	            
	    .style26
        {
            width: 700px;
        }
        
        
         
	  
.cleaner {
	clear:both;
	height:0px;
	font-size:0px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

a {
	color:#558c8c;
	text-decoration:none;
}

a:hover {
	color:#558c8c;
	text-decoration:underline;
}

#wrapper {
	width:1000px;
	margin:0 auto;
	text-align:left;
    height: 100%;
    min-height: 100%;
}

#head {
	float:left;
	height:145px;
	margin:0; padding:0;
	width :100%;
}
#head img.icon {
	float:left;
	margin:76px 8px 0px 29px;
	padding:0px;
}

#head h1 {
	margin:78px 0px 0px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:32px;
	line-height:32px;
	color:#558c8c;
}

#head h2 {
	margin:-8px 0px 0px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:36px;
	line-height:36px;
	color:#858585;
}

#head img.header_image {
	float:left;
	margin:0px 43px 0px 194px;
	padding:0px;
    width: 100%;
    height: 145px;
    left:0px;
}



#navi {
	float:left;
	width:15%;
	background-color:#f4f4f4;
    height: 100%;
    margin-right:5px;
    padding:1em 1em 1em 0em;
}

#navi1 {
	float:left;
	width:28%;
	background-color:White ;
    height: 100%;
}

#navi ul {
	padding:0px;
	list-style-type:none;
	
}

#navi li {
	margin:5px;
	padding:3px;
	border-bottom:1px dotted #ccc;
	line-height:24px;
	
}

#navi li a {
	margin:0px;
	padding:0px 0px 0px 22px;
	line-height:24px;
	color:#858585;
	text-decoration:none;
}

#navi li a:hover {
	margin:0px;
	padding:0px 0px 0px 22px;
	line-height:24px;
	color:#858585;
	text-decoration:underline;
}

#navi li a.selected {
	margin:0px;
	padding:0px 0px 0px 22px;
	line-height:24px;
	color:#558c8c;
	text-decoration:none;
}

#navi li a.selected:hover {
	margin:0px;
	padding:0px 0px 0px 22px;
	line-height:24px;
	color:#558c8c;
	text-decoration:underline;
}


#content div.teaser {
	float:left;
	width:690px;
	margin:10px  0px 20px 0px;
	padding:20px;
	background-color:#f1f1f1;
	color:#333333;
}

#content div.teaser img {
	float:left;
	margin:0px 20px 0px 0px;
	padding:0px;
}

#content h2 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#558c8c;
}
#content
{
    float:left;
    width:83%;
    margin: 0px;
	color:#666666;
   height: 100%;
}
#content ul {
	list-style-image:url('img/list_li.gif');
}

#footer1 {
	
	width :98%;
	
	background:#0063a6;
	margin:0 auto; padding:0;    border-top: 6px solid #fff; 
}

#footer1 p {
	margin:0px 18px ;
	padding:0px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	text-align:center;
}

#footer1 a {
	color:#ffffff;
	text-decoration:none;
}

#footer1 a:hover {
	color:#ffffff;
	text-decoration:underline;
}

.logoImg{ width: 100%; float:right;}
.logoImg img{ width: 80%;}
.lblidd1{width:auto; float:none;}
 .welcome{width:auto; float:none;}
 .logout{ color: #FFFFFF; font-weight: 700; width:auto;  
      float: right; margin-left: 0px; cursor:pointer; }
      .detail{ border-right:1px solid #ccc; width:24.8%;}
      .narration{width:15.7%; border-right:1px solid #ccc;}
      .detail1{  width:100%;}
      .narration1{width:100%; }
      
    

#GHead{display:inline-block;}
.leftTable{float:left; width:50%;}


@media screen and (max-width:400px)
{
    .leftTable{float:left; width:100%;}
  #main {
	
	width :100%;
	
}   
 .container {
    width: 280px;
}

.col-sm-4
{width: 280px;}

.col-sm-10
{width: 280px; float:left;}
.col-sm-2 {
    width: 280px; float:left;
}



.style25
        {
           
            height: 22px;
            
            font-family: Arial;
            font-size: 1.5em;
            text-align:left;
            width:100%;
            margin:0 auto;
        }
        #navi {

	width:95%;
	height:auto;
}

.style162{ padding-top:3em;}

#content
{
    float:left;
    width:100%;
    height:auto;
}
.installPop{ width:100%; position:absolute; padding:0.2em 2em 1em; top:0em; left:4em;}
.logoImg{ width: 50%; float:none;}
.logoImg img{ width: 50%;}
.txtbox{  width:100%;  }
.welcome{width:100%; float:left; }
.lblidd1{width:100%; float:left;}	
.style2 {
  height: 100%; 
 }
 .logout{ color: #FFFFFF; font-weight: 700; width:100%;  
      float: left; margin-left: 0px; cursor:pointer; }
      
  .style161
        {
            text-align: left;
            padding:1em 0em 0em;
            color: #62b1ec;
            
            font-family: Arial;
            font-weight: bold;
            font-size: 12px;
           border-bottom:1px dotted #62b1ec;
        }
        
        .mainTable tr td{ width:100%; }
       .popTable tr td{ width:100%; display:block;}
                 fieldset {
    padding: 0em .625em .75em;
    margin: 0 2px;
    border: 0px solid silver;}

 #footer1 {display:none;}
 .thHide{ display:none;}
 #GHead{display:none;}
 }