/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../../Content/Images/Preloader_3.gif') center no-repeat #fff;
}

/* ---------------------Reset----------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

.reg-select{background:rgb(14, 83, 113);border:1px solid #a0b3b0;border-radious:0;color:White;}

/* -------------------------------------------- */
/* ------------------Style---------------------- */
/* -------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {background-color: #E2E2E2;color: #292929;font: 14px/25px Arial, Helvetica, sans-serif;}

/*-------------------------*/
a{color: #006699;text-decoration: none;}
a:hover {text-decoration: none;}

a.button, input.button {	cursor: pointer;line-height: 12px;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	background: #E4E4E4;	border:1px solid #DFDFDF;}
a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
input.button {	margin: 0;	border: 0;	height: 24px;	padding: 0px 12px 0px 12px;}
a.button:hover, input.button:hover {background: #006699;color:#ffffff;}

/*-------------header */
/*header {height: 100px;width:100%; background:url('.../../Content/Images/bg-header.png') repeat-x;margin-bottom:5px;} */
/*sunil updated below to make it compatible with mobile devices. */
header {width:100%; background:url('../../Content/Images/bg-header.png');margin-bottom:5px;}

header #logo {margin-top:20px;}

#slogon{display:inline-block; width:100%; font-family: 'Oswald', sans-serif; text-align: center;padding:1px 2px;color:#ffffff;}

header #search-box {position: relative;width: 300px;margin-top:30px;}
header #search-form {height: 25px;border: 1px solid #999;background-color: #fff;overflow: hidden;}
header #search-text {font-size: 14px;color: #ddd;background: transparent;}
header #search-box input[type="text"] {width: 100%;padding: 5px 0 5px 1em;color: #333;outline: none;}
header #search-button {position: absolute;top: 0;right: 0;height: 25px;width: 80px;font-size: 14px;color: #fff;text-align: center;line-height: 26px;background-color: #999;cursor: pointer;border:0px;}

header #search-box1 {position: relative;width: 300px;margin-top:60px;}
/*header #search-form {height: 25px;border: 1px solid #999;background-color: #fff;overflow: hidden;}*/
header #search-text1 {font-size: 14px;color: #ddd;background: transparent;}
header #search-box1 input[type="text"] {width: 80%;padding: 5px 0 5px 1em;color: #333;outline: none;}
/*header #search-button {position: absolute;top: 0;right: 0;height: 27px;width: 80px;font-size: 14px;color: #fff;text-align: center;line-height: 26px;background-color: #999;cursor: pointer;border:0px;}*/


/*------------menu */
nav {width:990px;height: 37px;margin: 0 auto 1px auto;background:#006699;box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);}
nav ul {list-style: none;margin: 0;padding: 0;}
nav ul li {position: relative;float: left;padding: 6px 5px 0px 5px}
nav ul li:hover {background: #006699;}
nav ul li a {font-size: 13px; line-height:14px;color: #ffffff;display: block;padding: 6px 10px 6px 10px;margin-bottom: 5px;z-index: 6;position: relative;font-weight:bold;}
nav ul li:hover a{}

/*-------------content */
#content {}

.block {padding: 10px 0px;background:#ffffff;}

.main-content{}
.main-content article{margin: 0px 0;overflow:visible; position:relative}
.main-content .heading h2{ font-size:20px; line-height:25px; letter-spacing:-1px; font-weight:bold;}
.main-content .heading .info{font-size:12px; font-style:italic;}
.main-content .heading .Homeinfo{font-size:12px; margin-left:0px; padding-left:15px; font-style:italic;}
.main-content .content{}
.main-content .content1{font-family: Arial;font-size: 14px; text-shadow: 1px #aaa;}
.main-content .content img{float:left; margin:3px 30px 0px 0; border:#BDBDBD 5px solid;}

.main-content .footer{}
.main-content .footer .more{float:right;}
.main-content .footer .more a{ text-decoration:none;}

.sidebar section{margin-bottom: 5px;}
.sidebar .heading{color:#ffffff; background:#006699 no-repeat left center; font-size:14px; font-weight:normal; padding: 5px 5px 5px 25px;box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);}
.sidebar .content{padding:15px;}
.sidebar .content img{float:left; margin:5px; border:#BDBDBD 5px solid;}

.featured{width:100%; margin-bottom: 20px;}

ul {margin:0; padding:0;list-style-image:none;}
/*ul.list li {padding:0px 0 5px 12px; line-height:25px; background: no-repeat;}*/
ul.list li {padding:0px 0 0px 0px; line-height:25px;}
ul.list li a { font-size:14px; color:#292929; line-height:25px;}
ul.list li a:hover {color:#006699; text-decoration:none;}
ul.resultlist li {padding:0px 0 0px 0px; line-height:25px;padding:5px 0px 0px 5px;border:2px dotted #e2e2e2;margin-top:3px;}
ul.resultlist li a { font-size:12px; color:#292929; line-height:25px;}
ul.resultlist li a:hover {color:#006699; text-decoration:none;}
ul.resultlist li p.info{font-size:12px;}
.selectall{font-size:12px;font-weight:bold;padding-top:5px;display:list-item;}
.linklist{float:left;}
.linklist a{text-decoration:underline;}
.buttonlist{float:right;}
.resultfooter{padding-top:5px !important;}
.connect{font-size:11px;margin-left:4px;}
.connect a{color:#292929; text-decoration:underline;font-size:10px;font-style:italic;font-weight:normal;}
.connectdiv
{
    padding-top:5px !important;
}
.addressfooter
{
    display:table !important;
    padding-bottom:11px !important;
}
.note{font-size:9px !important;}
.bold{font-weight:bold;}

.resultbutton {	cursor: pointer;color: #ffffff;	line-height: 12px;	font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;background: #006699;	border:1px solid #DFDFDF;margin: 0;	border: 0;	height: 24px;	padding: 0px 12px 0px 12px;}
.resultbutton:hover {background: #ffffff;color:#006699;border:1px solid #006699;}

.addressdiv div {
  display: inline;
  margin: 0;
  padding:0;
  float: left;
  width:100%;
  font-size:12px;
  height:18px;
}

.addresscontentdiv
{
    float:left;
    width:50%;
}
.imgbarcodediv
{
    float:right;
    width:50%;
}
.clear{clear:both;}

.linkexpandtitle
{
    color:#f5ab38;
    cursor:pointer;
}

.linkexpandtitle:hover
{
    color:white;
}
.arrowdown
{
    width:32px;
    height:32px;
    display:none;
}
.arrowdown img
{
    width:32px;
    height:32px;
    margin-top:-10px;
    margin-left:-10px;
}
.arrowright
{
    width:32px;
    height:32px;
}
.arrowright img
{
    width:32px;
    height:32px;
    margin-top:-10px;
    margin-left:-10px;
}
.expandcontent
{
    margin-top:8px;
}
.labelconfidential
{
    color:White;
    margin-top:-8px;
    margin-left:10px;
}
.chkconfidential
{
    width:15px;
    display:inline-block;
}
.divwhatcanyoudo
{
    width:100%;
    display:inline-block;
    margin-left: 5px;
    padding:10px;
}

.divwhatcanyoudo h2
{
    width:100%;
}

.divwhatcanyoudo ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 14px 'trebuchet MS', 'lucida sans';
    padding: 0 0 0 1em;
    /*margin-bottom: 4em;*/
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.divwhatcanyoudo ol li{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #ddd;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out; 
    width:85%;  
}

.divwhatcanyoudo ol li:hover{
    background: #eee;
}

.divwhatcanyoudo ol li:hover:before{
    transform: rotate(360deg);  
}

.divwhatcanyoudo ol li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #87ceeb;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}

.whatcanyoudo-heading
{
    display:inline-block;
    width:100%;
    padding:15px 0 3px 7px;
    font-size:14px;
    font-weight:bold;
}

/**********Start Import Contacts*************/

.panelcontainer {
    width: 90%;
    max-height: 500px;
    margin: 10px;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border:1px solid #337ab7;
}
.panelmainbody,
.panelheader,
.panelfooter {
    padding: 5px;
}
.panelmainbody {
    margin-top: 0;
    min-height: 75px;
    max-height: 388px;
    overflow: auto;
    font-size:12px;
}
.chkimportcontacts
{
    padding-top:10px;
}
.panelheader {
    /*height: 28px;*/
    border-bottom: 1px solid #EEE;
    background-color: #337ab7;
    border-color:#337ab7;
    color:#fff;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panelfooter {
    height: 28px;
    border-top: 1px solid #DDD;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top:1px solid #337ab7;
    text-align:center;
}

.mediumbutton {	cursor: pointer;color: #ffffff;	line-height: 12px;	font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;background: #006699;	border:1px solid #DFDFDF;margin: 0;	border: 0;	height: 30px;	padding: 0px 12px 0px 12px;}

.loadingimg
{
    height:28px;
    width:28px;
    display:none;
}

/**********End Import Contacts***************/

/* Table view
----------------------------------------------------------*/
table#newtablelist caption {
       font-size: 2rem;
       color: #444;
       margin: 1rem;
       background-size: contain;
       background-repeat: no-repeat;
       background-position: center left, center right;
}
table#newtablelist {
       border-collapse: collapse;
       font-family: Agenda-Light;
       font-weight: 100;
    /*table header background color*/
       background: #337ab7;
       color: #fff;
       text-rendering: optimizeLegibility;
       border-radius: 5px;
    width:80%;
}
table#newtablelist thead th {
       font-weight: 100;
}
table#newtablelist thead th,
       table#newtablelist tbody td {
       padding: .4rem;
       font-size: 1rem;
}
table#newtablelist tbody td {
       padding: .3rem;
       font-size: 1rem;
       color: #444;
       background: #eee;
}
table#newtablelist tbody tr:not(:last-child) {
       border-top: 1px solid #ddd;
       border-bottom: 1px solid #ddd;
}
 
@media screen and (max-width: 600px) {
       table#newtablelist caption {
              background-image: none;
       }
       table#newtablelist thead {
              display: none;
       }
       table#newtablelist tbody td {
              display: block;
              padding: .6rem;
       }
       table#newtablelist tbody tr td:first-child {
    
              color: #fff;
             background: #337ab7;
      }
      table#newtablelist tbody tr td:first-child  a { color:#ffffff;}
       table#newtablelist tbody td:before {
              content: attr(data-th);
              font-weight: bold;
              display: inline-block;
              width: 6rem;
       }
}
/* Table view end

----------------------------------------------------------*/

/*------------footer */ 
footer {padding: 20px 10px; background:#3F3F3F;margin-top:15px;}
footer .heading{ color:#ffffff; padding-bottom:5px;font-size:20px; font-weight:normal; text-transform:uppercase;}
footer .content{color:#ffffff;}
footer .content img{float:left; margin:5px;}
footer ul {margin:0; padding:0;list-style-image:none;}
footer ul li { list-style:circle;margin-left:20px;}
footer ul li a { font-size:14px; color:#ffffff;}
footer ul li a:hover {color:#006699; text-decoration:none; cursor:pointer;}

/*-------------copyrights Info*/
#copyright{display:inline-block; width:100%; text-align: center;padding:8px 0px;color:#ffffff;}

.rowDiv
{
    height: 30px;
    clear: both;
}
.labelDiv
{
    float: left;
    width: 130px;
    color: Black !important;
    text-align: left !important;
    font-weight: normal;
}
.inputDiv
{
    float:left;
}
.bottonRowDiv
{
    padding-left: 70px;
}
.bottonDiv
{
    text-align: center;
}


/** My addressbook search structure 
#w {
  display: block;
  width: 750px;
  margin: 0 auto;
  padding-top: 30px;
}

#content {
  display: block;
  width: auto;
  background: #fff;
  padding: 25px 20px;
  padding-bottom: 35px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}**/

#searchfield { display: block; width: 100%; text-align: left; margin-bottom: 35px; }

#searchfield form {
  display: inline-block;
  background: #eeefed;
  padding: 0;
  margin: 0;
  padding: 5px;
  border-radius: 3px;
  margin: 5px 0 0 0;
}
#searchfield form .biginput {
  width: 300px;
  height: 25px;
  padding: 0 10px 0 10px;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  color: #aeaeae;
  font-weight:normal;
  font-size: 1.5em;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#searchfield form .biginput:focus {
  color: #858585;
}

.autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 10px 5px; font-size: 1.2em; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399ff; }

.dropdown-menu li:hover {
    cursor: pointer;
    
    
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.not-active {
   pointer-events: none;
   cursor: default;
}

.scrollable-dropdown-item {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.TemplateDivMargin
{
    margin-top:15px !important;
}

.glyphicon-ok:before
{
    color: #33CC33;
    font-size: 22px;
}