/* CSS Document */
@charset "UTF-8";
html {
	 -webkit-font-smoothing: antialiased;
}

body {
	background: #f1f1f3;
	color: #444;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 10px;
	margin: 0;
	
}  
#main {
	width:1000px;
	height:auto;
	margin:auto;
}
.jobtitle
{
padding-right:0px;
width:243px;
}
#normal_status
{
padding-left:5px;
color:#000;
font-size:15px;
}
.totalrecords
{
padding-right:5px;
color:#000;
font-size:15px;
}

#footer .container {
	
}

.container {
	width:100%;
	height:auto;
	margin:auto;
}
/*
	Content-Styles
*/
.content-container{
	width:1000px;
        height: auto;
	border-radius:5px;
	box-shadow:-2px 1px 12px #666666;
	background-color:#FFFFFF;
        min-height:421px;
}
.content-area{
	width:990px;
	height:auto;
	/*float:left;*/
        padding-bottom: 5px;
	padding-left:5px;
	min-height:300px;
}
.ui-datepicker-trigger{
	/*width:35px;
	height:34px;
	margin-top:15px;*/
}
.topmenu-top-space{
    padding-top:0px;margin-top: 20px;
}
.bolder{
   
    font-weight: bold;
	color:#000000;
	font:13px Arial,Helvetica,sans-serif;
}
#subtitle
{
    width:95%;
    border-bottom: .1em solid #ededed;
    padding:0px;
    margin-bottom: 10px;
}
#subtitle span
{
   
    width:494px;
    padding-top:10px;
    padding-bottom:10px;
    font:bold 17px Arial, Helvetica, sans-serif;
    color:#000000;
    text-align:left;
}
select.country {
    width: 297px;
}
select{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 3px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    /*height: 30px;*/
    line-height: 20px;
    margin-bottom: 9px;
    margin-top: 5px;
    margin-left:5px;
    padding: 4px 6px;
    width:225px;
    font-weight: normal;
   
}

.selectMyAccountMenu{ 
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 3px;
    color: #555555;
    display: inline-block;
    font-size: 13px;
    height: 30px;
    line-height: 20px;
    margin-bottom: 9px; 
    margin-top: 5px;
    padding: 4px 6px; 
    /*width:135px !important;*/
    font-weight: normal;
   
}
.selectMyAccountMenu1{ 
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 3px;
    color: #555555;
    display: inline-block;
    font-size: 13px;
    height: 30px;
    #float:right;
    #margin-right: 110px;
    
    line-height: 20px;
    margin-bottom: 9px; 
    margin-top: 5px;
    padding: 4px 6px;
    
    width:67px !important;
    font-weight: normal;
   
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:20px}
}


label {position:relative}


textarea{
	width:370px;
	height:210px;
	border:none;
/*	background:url(../images/tt-bg.gif) no-repeat;*/
	font: 12px Arial, Helvetica, sans-serif;
	vertical-align:text-top;
}

fieldset { 
    border:1px solid #d7d7d7;
    padding: 10px 5px 10px 5px; /*top right bottom left*/
    width:95%;
      -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
}

legend {
    padding: 0.2em 0.5em;
    color: #04578C;
    font: bold 16px Arial,Helvetica,sans-serif;
    font-size:100%;
    font-weight:bold;
    text-align:right;
}
/* New Css for Eseye template */
sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

button, input, textarea {
  margin: 5px;
  /*font-size: 100%;*/
  vertical-align: middle;
  font-weight: normal;
}

button, input {
*overflow:visible;
  line-height: normal;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  margin-left: 10px;
  font-weight:bold;
  height:25px;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
.clearfix, .clear {
*zoom:1;
}
.clearfix:before, .clearfix:after, .clear:before, .clear:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after, .clear:after {
  clear: both;
}
.row {
  margin-left: 0px;
*zoom:1;
}
.row:before, .row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="grid"] {
margin-left:0px;
height:auto;
margin:auto;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
  width: 1000px;
}
.grid12 {
  width: 1000px;
}
.container {
  margin-right: auto;
  margin-left: auto;
*zoom:1;
}
.container:before, .container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
a {
  text-decoration: none;
}
.block {
  padding: 15px;
  position: relative;
  display: block;
}
.no-title .header {
  display: none;
}
.title {
  margin: 0 0 7px;
  padding: 5px 0 5px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Coda', cursive;
  /*font-weight: 400;*/
}
#top {
  border-bottom: 3px solid #e0e0e0;
  position: relative;
  background: url(../images/top-bg.png) repeat-x 0 100% #fff;
}
#top:before {
  content: "";
  top: 0;
  height: 6px;
  width: 100%;/*background:url(http://www.eseye.com/images/dotted-pattern.png) repeat-x 0 0;*/
}
#footer {
  padding: 0px 0;
  text-shadow: 1px 1px 1px #fff;
}
#footer .title {
  font-size: 16px;
  font-weight: normal;
  color: #000;
}
#roof .container, #header .container, #utility .container, #feature .container, #main-bottom .container, #bottom .container, #footer .container, #copyright .container {
  padding: 5px 0;
}
#top:before, #top:after, #copyright .container:before, #utility .container:before, #feature .container:after {
  display: block;
  position: absolute;
}
.widget-menu {
  padding: 0;
 /* margin: 0 10px; */
   margin:-5px 14px; 
  float: right
}
#menu {
  position: relative;
  z-index: 99;
}

#menu ul.level-0 > li.mega {
  margin: 0 5px;
}
#menu ul.level-0 > li.mega > a.mega, #menu ul.level-0 > li.mega > span.mega {
  padding: 10px 10px;
}
#menu ul li span.menu-title, #menu ul li span.menu-desc {
  color: #888;
  /*font-family: 'Coda', cursive;*/
  font-weight: 400;
  cursor: pointer; 
}
#menu ul li:hover span.menu-title, #menu ul li:hover span.menu-desc, #menu ul li.active span.menu-title, #menu ul li.active span.menu-desc {
  color: #0020C2;
}
#menu .megamenu ul.level-0 > li.has-submenu > a.mega, #menu .megamenu ul.level-0 > li.has-submenu > span.mega {
  background-position: 105% 12px;
  padding-right: 16px;
}
#menu .megamenu ul.level-0 > li.has-submenu:hover > a.mega, #menu .megamenu ul.level-0 > li.has-submenu:hover > span.mega {
  background-position: 105% -89px;
}
#menu ul.level-1 li.mega {
  margin-bottom: 3px;
}
#menu ul.level-1 li.mega a.mega, #menu ul.level-1 li.mega span.mega {
  padding: 5px 10px;
  background: #f3f3f3;
  border-radius: 3px;
}
#menu ul.level-1 li.mega a.mega:hover span.menu-title, #menu ul.level-1 li.mega span.mega:hover span.menu-title {
  color: #fff;
}
#menu ul.level-1 li span.menu-title, #menu ul.level-1 li span.menu-desc {
  color: #777;
}
#menu li.mega .childcontent {
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  margin-left: -1px;
  padding: 2px;
  background: #fff;
}
#menu li.mega .childcontent ul.megamenu {
  margin-bottom: -3px;
}
#menu .childcontent-inner {
  color: #333;
}
#logo {
  margin: 0;
  padding: 0px;
}
#logo a {

  display: block;
}
.widget-logo {
  margin: 0;
  padding: 10px;
  padding-top: 0px;
  float: left;
}
.module {
/* background: url(http://www.eseye.com/images/gradients/item-bg.png) repeat-x 0 0 #eaeaea;*/
  background-color: #fff;
  padding: 0;
  box-shadow: 0 7px 15px #999;
  border-bottom: 2px solid #fff;
  border-radius: 5px;
}
.module .title {
  padding: 10px 15px 5px;
}
.module .content {
  padding: 0 15px 15px;
}
#top .block, #header .block, #component .block, #copyright .block {
  border: none;
}
.title {
  font-size: 20px;
  line-height: 21px;
  font-family: 'Coda', cursive;
  font-weight: 400;
  text-shadow: 1px 1px 1px #fff;
}
.font-large {
  font-size: 1.0 em;
  bottom: -19px;
  vertical-align: bottom;
  color:#000000;
  font-weight:bold;
}
#top .container
{position:relative;}

#top .widget-menu
{position:absolute;
bottom: -3px;
right: 0px;  }

#top #header-right
{position:absolute;
top:0px;
right:0px;
width: 42%;}
#menu ul.level-0 .mega.last {
  margin-right: -5px;
}
.megamenu ul.level-1 li.mega a.mega{width:180px;}
.form-bg{
  border:0px solid #CBC181;
  margin-left:350px;
  padding-bottom:20px;
  width:500px;
  height:auto;
  }
 .form-bg #username, .form-bg #password{
  width:263px;
  }
  .toggleDiv{
      width:760px;
      text-align:left;
      background-color:#149BDC;
      height:25px;
      font-weight:bold;
      padding-top: 5px;
	   border:#ccc solid 1px;
  }
  #btn:hover
{
	cursor: pointer; background: #E5E5E5
}
#iframe{opacity:1; z-index: 99999999;}
.footer h3
{
	font-weight:400; 
	font-size:24px;
	line-height:40px;
}
.footer h5
{
	font-weight:400;
	font-size:14px;
	line-height:20px;


}

.footer span
{
	font-weight:400;
	font-size: 12px; /*font-family: 'Coda' cursive;*/
}
.footer span img 
{
	width:11px;
	height:11px;
	vertical-align: middle;
	
}


.inner-container{
    margin: 10px auto;
    min-height: 300px;
}
.container {
	
	min-height: 100%;
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 800px;
	min-width: 320px;
	height: auto;
	z-index: 11000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-border-radius: 10px 0 10px 10px;
	border-radius: 10px 0 10px 10px;
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 10000;
	opacity: 1;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 0;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #fff;
	
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
	
	}
	.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: OpenTop 0.5s forwards ease-in;
	-moz-transform-style: preserve-3d;
	-moz-transform-origin: 50% 100%;
	-moz-animation: OpenTop 0.5s forwards ease-in;
	transform-style: preserve-3d;
	transform-origin: 50% 100%;
	animation: OpenTop 0.5s forwards ease-in;
}
.md-effect-19 .md-content {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0;
}

.md-show.md-effect-19 .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.5s 0.1s;
	-moz-transition: all 0.5s 0.1s;
	transition: all 0.5s 0.1s;
}

@media screen and (max-width: 32em) {
	body { font-size: 75%; }
}


#block1 {
	background: #000;
 	opacity:0.8; 
	position: fixed;
 	width: 100%;
	height: 100%;
 	top:0;
	left:0; 
	display:none;
	z-index: 999;
	}

#iframe	{
	opacity:1;
	z-index: 99999;
	-webkit-border-radius: 10px 0 10px 10px;
	border-radius: 10px 0 10px 10px;
	
	}
#popout1
	{
	float:right;
	margin-right:-9px;
	margin-top:-12px;
	padding:0px;
	position:relative;
	top:8px;
	right:2px;
	}
.marginBot10 {
    margin-bottom: 10px;
}
.clearAll {
    clear: both;
}
.fontStyle {
    color:#fff;/* #565656;*/
    font: 13px Arial,Helvetica,sans-serif;
	
}
.required {
    color:#000000;/* #565656;*/
    font: 13px Arial,Helvetica,sans-serif;
    padding: 0 0 0 0px;
}
#startdatepicker, #enddatepicker, #startDate, #endDate, #fromdate, #todate, #expireOn {
    width:120px;
    height:15px; 
    margin:5px;
    padding-left:5px;    
    /*background:url(../images/input-small-bg.gif) no-repeat ;
    border:0px;*/
    font:13px Arial,Helvetica,sans-serif;
}
.tabledata { 
    border-left:#ccc solid 0px;
	border-right:#ccc solid 1px;    
    border-top:#ccc solid 0px;  
    margin: 0px;
    white-space: normal; 
    table-layout: fixed;
    word-wrap:break-word;
    
    padding: 0px;
    line-height: 20px;
   
}




.tabledata th{       
    background-color: #149BDC;	
    text-align:left;
    height:30px;
}
.tabledata td{
    height:30px;
	color:#000;
}


.tabledata .tdfirst { 
    border-left:#ccc solid 1px;
    border-bottom:#ccc solid 1px;
    padding-left:5px;
    #border-top:#ccc solid 1px;
    
}
.tabledata tr:nth-child(even) {background: #fff}
.tabledata tr:nth-child(odd) {background: #ededed}
.tableSearchGrid{ 
    border:#ccc solid 1px;
    margin: 0px;
    line-height: 40px;
    word-wrap:break-word;    
    background-color: #ededed;    
}
.tableSearchGrid td {
    padding-left:10px;
    text-align:left;
    font-size:14px;
   
	color:#333;    
    border-bottom:#ccc solid 0px;
	font: 13px Arial,Helvetica,sans-serif;
}
table.tabledata thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-left:5px;
}
table.tabledata thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
.uptable
{
cursor:pointer;
}

/*
 * jQuery UI Datepicker 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

a{color:#6eb6ff;}a:hover{color:#444;text-decoration:none;}::selection{background:#6eb6ff;color:#fff;}::-moz-selection{background:#6eb6ff;color:#fff;}#menu ul.level-1 li.mega .group-content > ul > li > a > span.menu-title,#menu ul.level-1 li.mega .group-content > ul > li > span > span.menu-title{color:#6eb6ff;}#menu ul.level-1 li a.mega:hover,#menu ul.level-1 li span.mega:hover{background:#5f9fcb;}#menu #subnav ul li ul li a:hover{background:#5f9fcb;}#menu #subnav ul li ul li a:hover span{color:#fff;}.fancy{border-color:#6eb6ff;}#mainnav > ul > li.active > a,#mainnav > ul > li:hover > a,#splitmenu > ul > li.active > a,#splitmenu > ul > li:hover > a{border-top:5px solid #6eb6ff;}#mod-finder-searchform button.finder{background-color:#6eb6ff;}.nav-list .active > a,.nav-list .active:hover > a,.nav-list > li > a:hover{border-color:#6eb6ff;}#footer a:hover,div.itemAuthorLatest ul li a:hover,a.itemRelTitle:hover{color:#6eb6ff;}#logo a{background:url(../../images/blue/logo.png);}.title-Big .title,.parallax-slider h3.ps-title{color:#6eb6ff;text-shadow:0 2px 1px #777;}.readon,.btn-primary,#component .article-readmore .readmore a,div.catItemReadMore a,div.k2ItemsBlock ul li a.moduleItemReadMore,div.tagItemReadMore a,.parallax-slider .ps-readmore{background:url(../../images/blue/readmore.png) no-repeat 6% 6px #f8f8f8;}.readon:hover,.btn-primary:hover,#component .article-readmore .readmore a:hover,div.catItemReadMore a:hover,div.k2ItemsBlock ul li a.moduleItemReadMore:hover,div.tagItemReadMore a:hover,.parallax-slider .ps-readmore:hover{background-position:6% -38px;background-color:#5db1ff;color:#fff;}.readon:hover span,.btn-primary:hover span,#component .article-readmore .readmore a:hover span,div.catItemReadMore a:hover span,div.k2ItemsBlock ul li a.moduleItemReadMore:hover span,div.tagItemReadMore a:hover span,.parallax-slider .ps-readmore:hover span{color:#fff;}div.k2TagCloudBlock a{background:url(../../images/blue/readmore.png) no-repeat 4px 6px;}div.k2TagCloudBlock a:hover{background-position:4px -38px;background-color:#5db1ff;color:#fff;}
#spinner 
{
 position: fixed; width:960px; height:421px; background-image:url(../images/preloader1.gif);
 background-repeat: no-repeat; background-position: center;
}



/*includecss contain code starts here */

body{
	background-color: #fffff;
}
.header .title{
	color: #23225a
}
#top{
	background-color: #fffff;
	
	color: #23225a;
}
#top a{
	color: #4e83c4;
}
#top a:hover{
	color: #1412b3;
}
#main{
	background-color: #fffff;
	
	color: #555555;
}
#main a{
	color: #4e83c4;
}
#main a:hover{
	color: #1412b3;
}
#footer{
	background-color: #fffff;
	
	color: #23225a;
}
#menu a{font-family: Arial, Helvetica, sans-serif;}
h1,h2,h3, h4{font-family: Arial, Helvetica, sans-serif;}.title{font-family:Arial, Helvetica, sans-serif;}
.chkSimId{margin:-3px;}
#chkAll{margin:-3px;}

.required {
    color:#000000;/* #565656;*/
    font: 13px Arial,Helvetica,sans-serif;
    padding: 0 0 0 0px;
}
.astrk{ color:#c02a06; font-weight: bold; font-size: 13px; padding: 0 0 0 0;margin-left:3px;}
.error{
    color:#c02a06;
    white-space: nowrap;
    
}
.errors li{
    color:#c02a06;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#DHTMLgoodies_formTooltipDiv{
	color:#FFF;
	font-family:Arial;Helvetica;sans-serif;
	font-weight:normal;
	font-size:.9em;
	line-height:120%;
}
.DHTMLgoodies_formTooltip_closeMessage{
	color:#FFF;
	font-weight:normal;
	font-size:.9em;
}
/* messages related */
#successMessage {
    font-size: 15px;
	margin-top:0px;
    width: 750px;
    color: #ffffff;
    background-color:#1CE61C;
    border:.1em solid #3ec75f;
    padding-left:10px;
	z-index:999;
}
#sucMsg 
{
	padding: 0px 5px;
	color: #555;
	border-radius: 3px;
	font-family: Tahoma,Geneva,Arial,sans-serif;
	font-size: 12px;
	position: absolute;
	background: #e9ffd9 url('../images/success.png') no-repeat 10px 0%;
	margin-left: 40px;
	width: 887px;
	border: 1px solid #a6ca8a;
	/* text-align: center; */
	z-index: 999999;
	margin-top: -50px;
}
#errorMessage {
    font-size: 15px;
	margin-top:0px;
    width: 750px;
    background-color:#FF4040;
    color:#ffffff;
    border:.1em solid #c73e4a;
	padding-left:10px;
	z-index:999;

}
#msgBox{
    text-align: center;
    width:100%;
    
}
.dropdown-menu
	 {
	background-color: #fff;
	border: 1px solid #D6D6D6;
	border-top-color: #ccc;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
	.dropdown-menu  a
	{
	display:list-item;
	width:130px;
	height:20px;
	}

.dropdown-menu > li > a 
	{
	color: #000;
	padding: 3px 25px;
	font: 14px Arial, Helvetica, sans-serif;
	}

.checkbox input[type=checkbox]
{
height:15px;
margin-top:0px;

}
.btn-group > .btn, .btn-group > .dropdown-menu
{
font: 12px Arial, Helvetica, sans-serif;
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover 
{
background-image: linear-gradient(to bottom,#126DC8,#C8E2FC);
}	
.btn-default
{
margin-top:-4px;
}
.btn .caret 
{
margin-top:5px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{  
	.checkbox input[type=checkbox]
	{
		height:15px;
		margin-top:-4px;
	}  
}

.tabledata1 { 
    border-left:#ccc solid 0px;
    border-right:#ccc solid 0px;    
    border-top:#ccc solid 0px;  
    margin: 0px;
    white-space: normal; 
    table-layout: fixed;
    word-wrap:break-word;
 
    padding: 0px;
    line-height: 20px;
   
}
.tabledata1 th{
    background-color: #11175e;	
    text-align:left;
    height:30px;
}
.tabledata1 td{
    height:35px;
	color:#000;
}
.tabledata1 .tdfirst { 
    border-left:#ccc solid 0px;
    border-bottom:#ccc solid 0px;
    padding-left:5px;
    border-top:#ccc solid 0px;
    
}

.tabledata1 .tdlast { 
    border-right:#ccc solid 0px;
    border-bottom:#ccc solid 0px;
}
.active label{
color:#000;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 13px; 
	border: 1px solid #11175E;
	background: #ededed;
	color: #000000;
	font: 14px Arial,Helvetica,sans-serif;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font: 14px Arial,Helvetica,sans-serif;
	line-height: 16px;
	padding: 4px 5px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 7px;
}


/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: right;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}
#dialogoverlay{
	display: none;
	opacity: .8;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #000;
	width: 100%;
	z-index: 10000;
}
#dialogbox{
	display: none;
	position: fixed;
	border-radius:1px; 
	width:550px;
	z-index: 10001;
}
#dialogbox > div{ background:#FFF; margin:1px; }
#dialogbox > div > #dialogboxhead{ background: #149BDC; background-image: url(../img/Info.png); background-repeat:no-repeat; background-position:1% 50%; font: 15px Arial,Helvetica,sans-serif; padding:10px; padding-left:30px; color:#fff; }
#dialogbox > div > #dialogboxbody{ background: #fff; padding:20px; color:#000; line-height:20px;}
#dialogbox > div > #dialogboxfoot{ background: #fff; padding:10px; text-align:right; }

.tabledataSorter
{
cursor: pointer;
  background-image: url(images/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
}

canvas{
        #width: 100% !important;
        max-width: 1800px;
        height: auto !important;
    }
	
	.navContainer, .navContainerDay, .navContainerMonth{
		width: 163px;
		height: 26px;
		background: #149bdc; 
		-moz-border-radius: 13px; 
		-webkit-border-radius: 13px; 
		border-radius: 13px;
		float:left;
		margin: 2px 5px;
		line-height: 26px;
	}
	.navContainerDay, .navContainerMonth{
		cursor: pointer;
	}
	#prevS, #nextS{
		background:#ffffff;
		border-radius: 50%;
		cursor: pointer;		
		font-size: 14px;
		height: 22px;
		margin: 2px;
		text-align: center;
		vertical-align: middle;
		width: 22px;
		line-height: 22px;
		float: left;
	}
	#currDateID, #currDateNav{
		color: #ffffff;
	    display: block;
	    float: left;
	    line-height: 24px;
	    text-align: center;
	    white-space: nowrap;
	    width: 110px;
	}
	
	div.pagerNet {
		text-align: center;
		margin: 1em 0;
	}

	div.pagerNet span {
		display: inline-block;
		width: 1.8em;
		height: 1.8em;
		line-height: 1.8;
		text-align: center;
		cursor: pointer;
		background: #595959;
		color: #fff;
		margin-right: 0.5em;
	}

	div.pagerNet span.active {
		background: #149BDC;
	}
	
	
	#error-msg {
	  color: red;
	}
	#valid-msg {
	  color: #00C900;
	}
	input.error {
	  border: 1px solid #FF7C7C;
	}
	html {
	 -webkit-font-smoothing: antialiased;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 13px; 
	border: 1px solid #11175E;
	background: #149BDC;
	color: #ffffff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font:12px Arial,Helvetica,sans-serif;
	line-height: 16px;
	padding: 4px 5px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 7px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: right;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! 

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 4;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}*/