/* Style the header */
.header {
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
} 
 
table th{font-family:calibri;vertical-align: top;}
table th a{font-family:calibri;vertical-align: top;}
body{overflow:scroll;}
 .persist-header {
  text-align: left;
}
 table#inner th{
position: none!important;
  top: 0px;
}
table th {
  position: sticky;
  top: 0px;
  width:100px;
  
}
 /* Style the header */
.header {
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
} 
.show{ }
.hide{display:none;}
.filters ul{height:32px;

padding:0}
.filters ul li{list-style-type: none;
display: inline;
float: left;
padding-right: 14px;}

 /* Customize the label (the containers) */
.containers {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: normal;
	text-transform: none;
	padding-top:5px;width: 65px;
}

/* Hide the browser's default checkbox */
.containers input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

.checkmark_curr {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #73c2fb;
}

/* On mouse-over, add a grey background color */
.containers:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containers input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containers input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containers .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 

/* On mouse-over, add a grey background color */
.containers:hover input ~ .checkmark_curr {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containers input:checked ~ .checkmark_curr {
  background-color: #395897;
}

/* Create the checkmark_curr/indicator (hidden when not checked) */
.checkmark_curr:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark_curr when checked */
.containers input:checked ~ .checkmark_curr:after {
  display: block;
}

/* Style the checkmark_curr/indicator */
.containers .checkmark_curr:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 


/*** radio /

 /* Customize the label (the contradio) */
.contradio {
  display: block;
  position: relative;
  padding-left: 35px;padding-top: 5px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.contradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmarkradio {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.contradio:hover input ~ .checkmarkradio {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.contradio input:checked ~ .checkmarkradio {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkradio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.contradio input:checked ~ .checkmarkradio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.contradio .checkmarkradio:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
} 

.form-full input, .form-full textarea,label{
   font-size:12px;
}
.form-part input[type="button"]{
   font-size:12px;
}
.form-part input[type="submit"]{
   font-size:12px;
}
.form-part input[type="text"]{
   font-size:12px;
}
.form-part textarea {
    font-size: 12px;
}
.form-part select{
   font-size:12px;
}
.form-full select{
   font-size:12px;
}
/* Modal Content */

  #sortable { list-style-type: none; margin: 0; padding: 0; width:80%; }
  #sortable li {border: 1px solid #c5c5c5;

background: #f6f6f6;

font-weight: normal;

color: #454545; margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size:0.6em; height: 18px; }
 #sortable li span { position: absolute; margin-left: -1.3em; }
 #sortables li { 
border: 1px solid #c5c5c5;

background: #f6f6f6;

font-weight: normal;

color: #454545;
    margin: 0 3px 3px 3px;
    padding: 0.4em;
        padding-left: 0.4em;
    padding-left: 1.5em;
    font-size: 0.6em;
    height: 18px;

}
#sortables { list-style-type: none; margin: 0;  width:80%; }
#sortables li span { position: absolute; margin-left: -1.3em; }
 
.modal-content_search {
  background-color: #fefefe;

margin: auto;

padding: 20px;
 
width:96%;
 
}
.buttons{padding-bottom: 2px!important;}
.download_icons{margin-right:10px;}
#resultMatch p strong {
    color: 
    #fcbc4b;
    font-size: 1em;
    font-weight: 700;
}
#resultMatch p {
    color: 
    #fcbc4b;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 3px;
}
#resultMatch .six{padding:10px;}
#resultMatch .six ul li{}
#resultMatch .six ul li a{color:#FFF;}
#signup {
    width: 100%;
    padding-bottom: 2px;
     
    background: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
} 

#signup .txt-fld input.good_input {
    background: #DEF5E1 url(img/good.png) 236px center no-repeat;
}
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: 
    rgba(0,0,0,0.4);
}
#signup .txt-fld input {
    width: 244px;
    padding: 8px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 1.2em;
    color: #222;
    background: #F7F7F7;
    font-family: "Helvetica Neue";
    outline: none;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #E7E6E6;
    border-bottom: 1px solid #E7E6E6;
}

#customButton{ position: relative;

top: -91px;

left:-425px;
	clear: both; z-index: 20; float: right;margin-left: 102px;
	
}
.currency{margin-right: 3rem;}
.rating{margin-right:2.45rem;}
.form-section{margin-bottom:4px}
.wrap-outer.wrap-data form {
 
    margin-bottom: 0;
}
.modal-content {
  background-color: #fefefe;

margin: auto;

padding: 20px;

border: 5px solid #2E4E8E;

width:70%;

height: 95%;

border-radius: 10px;
}

/* The Close Button */
.close1 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close1:hover,
.close1:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#modalContainer {
	background-color:rgba(0, 0, 0, 0.3);
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:500px;
	min-height:200px;
	margin-top:50px;
	border:1px solid #666;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 1em verdana,arial;
	background-color:#3073BB;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}
#datefrom,#dateto {height:30px;}
#alertBox p {
	 font: 1em verdana,arial;
     margin-top:30px;
    margin-left: 70px;
    padding-left: 0;
    padding-right: 70px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
    left: -90px;
	padding:7px;
	border:0 none;
	width:165px;
	font:1em verdana,arial;
	top:10px;
	text-align:center;
	color:#FFF;
	background-color:#357EBD;
	border-radius: 3px;
	text-decoration:none;
}
#alertBox #closeBtn1 {
	display:block;
	position:relative;
	margin:15px auto;
  
	padding:7px;
	border:0 none;
	width:165px;
	font:1em verdana,arial;
	top:10px;
	text-align:center;
	color:#FFF;
	background-color:#357EBD;
	border-radius: 3px;
	text-decoration:none;
}
#alertBox #closeBtn3 {
	display: inline-block;
position: relative;
margin-left: 49px;
padding: 7px;
border: 0 none;
width: 152px;
font: 1em verdana,arial;
top: 10px;
text-align: center;
color: #FFF;
background-color: #357EBD;
border-radius: 3px;
text-decoration: none;
}
#alertBox #closeBtn2 {
	display:block;
	position:relative;
    left:190px;
 
    float: left;
	margin:5px auto;
	padding:7px;
	border:0 none;
	width:140px;
	font:1em verdana,arial;
	text-align:center;
	color:#FFF;
	background-color:#357EBD;
	border-radius: 3px;
	text-decoration:none;
}
a.tooltip1 {outline:none; font-size:12px;color: #000099; text-decoration:underline;}

a.tooltip1 strong {line-height:30px;}
a.tooltip1:hover { } 
a.tooltip1 span {
     display: none;
    line-height: 16px;
    margin-bottom: 100px;
    margin-left: -235px;
    margin-top: 20px;
    padding: 14px 20px;
  
    z-index: 10;  
}
 
a.tooltip1:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #D2D2D2; background:#ffffff;}
a.tooltip {outline:none; color:#000; font-size:12px;}
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    display: none;
    line-height: 16px;
    margin-bottom: 100px;
    margin-left: -57px;
    margin-top: 20px;
    padding: 10px 9px 5px 9px;
    z-index: 10;
}
a.tooltip_1{outline:none; font-size:12px;color: #000099; text-decoration:underline;font-family: calibri;}
a.tooltips{outline:none; font-size:12px;color: #000099; text-decoration:underline;font-family: calibri;}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #D2D2D2; background:#ffffff;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
span.hovertable{ margin-left: -330px !important;
    width: 660px !important;}
 
.link-10blue{font-size:12px;}
a.tooltip_div { text-decoration:underline; color:#223967; font-size:12px;}
a.tooltip_div strong {line-height:30px;}
a.tooltip_div:hover {text-decoration:none;} 
a.tooltip_div div {
    display: none;
line-height: 16px;
margin-bottom: 100px;
margin-left: -499px;
margin-top: 20px;
padding: 10px 9px 5px 9px;
z-index: 999;

}
.list-article li p, .list-date li p {
    margin-bottom: 0;
    font-size: 12px;
}
a.tooltip_div:hover div{
    display:inline; position:absolute; color:#111;
    border:1px solid #D2D2D2; background:#ffffff;}

.tooltip_div ul{font-size:12px;}
/* unrelated styles */
.addportfolio{    background: #fff none repeat scroll 0 0;
   
    height: 255px;
  position: relative;
top: -23px;
    padding: 20px;
   
   
    width:419px;
  }
	.addportfolio input{height:23px;}
.table-striped input{height:12px;}
.table-striped {border:none!important;}
.table-striped td, .table-striped th { 
font-size:12px;
 font-family: calibri; 
   width:7%;
}
.table-striped th {color:#2e4e8e!important}
.table-striped td:first-child{
         
   border-left: 1px solid #9FBBE7;
    }
.showportcontent{ background: #9fbbe7 none repeat scroll 0 0;
   
    min-height: 365px;
    left: 315px;
    padding: 20px;
    position: absolute;
    top:360px;
    width: 650px;
    z-index: 999;
}

.showhistory{ background: #9fbbe7 none repeat scroll 0 0;
   
    min-height: 365px;
   
    padding: 20px;
    position: absolute;
    top:260px;
    width: 650px;
    z-index: 999;
}

#carousel {
position: relative;
width:60%;
margin:0 auto;
}

#slides {
overflow: hidden;
position: relative;
width: 100%;
height: 250px;
}

#slides ul {
list-style: none;
width:100%;
height:250px;
margin: 0;
padding: 0;
position: relative;
}

 #slides li {
width:100%;
height:250px;
float:left;
text-align: center;
position: relative;
font-family:lato, sans-serif;
}
/* Styling for prev and next buttons */
.btn-bar{
width:60%;
margin:0 auto;
display:block;
position:relative;
top:40px;
}

 #buttons {
padding:0 0 5px 0;
float:right;
}

#buttons a {
text-align:center;
display:block;
font-size:50px;
float:left;
outline:0;
margin:0 60px;
color:#b14943;
text-decoration:none;
display:block;
padding:9px;
width:35px;
}

a#prev:hover, a#next:hover {
color:#FFF;
text-shadow:.5px 0px #b14943;  
}

.quote-phrase, .quote-author {
font-family:sans-serif;
font-weight:300;
display: table-cell;
vertical-align: middle;
padding: 5px 20px;
font-family:'Lato', Calibri, Arial, sans-serif;
}

.quote-phrase {
height: 200px;
font-size:24px;
color:#FFF;
font-style:italic;
text-shadow:.5px 0px #b14943;  
}

.quote-marks {
font-size:30px;
padding:0 3px 3px;
position:inherit;
}

.quote-author {
font-style:normal;
font-size:20px;
color:#b14943;
font-weight:400;
height: 30px;
}

.quoteContainer, .authorContainer {
display: table;
width: 100%;
}
.history{   background: #9fbbe7 none repeat scroll 0 0;
   min-height: 365px;
left: 135px;
padding: 20px;
position: absolute;
top: 103px;
width: 650px;
z-index: 999;}

.displayportfolio{    background: #9fbbe7 none repeat scroll 0 0;
   
    min-height: 365px;
    left: 315px;
    padding: 20px;
    position: absolute;
    top:360px;
    width: 650px;
    z-index: 999;}
	
	.popup{    background: #9fbbe7 none repeat scroll 0 0;
   
    height: 225px;
    left: 391px;
    padding: 20px;
    position: fixed;
    top: 55px;
    width: 500px;
    z-index: 999;}
	.popupadd{    background: #9fbbe7 none repeat scroll 0 0;
   
    height: 225px;
    left: 391px;
    padding: 20px;
    position: fixed;
    top: 55px;
    width: 500px;
    z-index: 999;}
.custombond{ background: #9fbbe7 none repeat scroll 0 0;
    
    min-height: 325px;
    overflow: visible;
    padding: 20px;
    position: absolute;
    top: 83px;
    width:620px;
    z-index: 999;}.moreinfoportfolio{ background: #9fbbe7 none repeat scroll 0 0;
height: 54px;
left: 777px;
padding: 20px;
position: fixed;
top: 122px;
width: 534px;
z-index: 999;}

 

#signup .txt-fld input.good_input {
    background: #DEF5E1 url(../img/good.png) 236px center no-repeat;
}
#signup .txt-fld input {
   
    padding: 8px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size:12px;
    color: #222;
    background: #F7F7F7;
    font-family: "Helvetica Neue";
    outline: none;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #E7E6E6;
    border-bottom: 1px solid #E7E6E6;
}

#signup .txt-fld label {
    display: block; font-size:12px;
    float: left;
    width: 90px;
    padding-top:0px;
    color: #222;
    font-size:12px;
    text-align: left;
}
 #lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
 #signup-header {
    background: url(../../images/hd-bg.png);
      font-size: 12px;
    padding: 0 7px 1px;
    border-bottom: 1px solid #CCC;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
#signup-header h2 {
    color: #444;
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 3px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

.sign a:link, a:visited {
    
    text-decoration: underline;
}
.modal_close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/modal_close.png);
    z-index: 2;
}

#signup .txt-fld {
    border-bottom: 1px solid #eee;
    padding: 8px 17px;
    position: relative;
    text-align: right;
    width: 399px;
}
#signup .btn-fld {
    
    font-size: 11px;
    overflow: hidden;
    padding: 5px 10px 12px 90px;
} 
 .wrap-outer.wrap-data p {
    max-width: 100%;
}
table span{font-size:11px;}

.ths {
    background-image: url("/images/info_icon.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 30% 20%;
}

.showPortgraph{margin-top:-59px;padding-left:35px;padding-right:25px;}
.header-smls{padding-bottom:0rem!important;
margin-bottom:0rem!important; font-size:1.4rem!important;
border-bottom: 1px solid #ccc;}
.form-half{ width:100%!important; float:left!important}

table th:first-child, td:first-child{ }

table#inner td{font-size:10px;}
table#inner span tr{background: #eee;

font-size: 10px;}
table#inner{
    background: #e4f1fb;
    color: #363636;
    border: #3baae3 solid 1px;
    font-size: 10px;
    border-collapse: collapse;
    width: 100%;
    padding: 5px;
}
tr.bold td
{ font-weight:bold;
}
tr.blue td
{    font-weight:bold;
    background-color: #e4f1fb;
}
table#inner th {
    background: #e4f1fb;
}
span.test_0{width:400px!important;}
table#tosearch{border:none;}
table#tosearch tr td a{color:#FFF!important;font-size:10px;}

table#tosearch tr td  {overflow: visible;
padding-top: 0pt;
padding-left: 7pt;
padding-right: 7pt;
padding-bottom: 0pt;background:#2E4E8E;border:#2E4E8E;}


table#tosearchoriginators{border:none;}
table#tosearchoriginators tr td a{color:#FFF!important;font-size:10px;}

table#tosearchoriginators tr td  {overflow: visible;
padding-top: 0pt;
padding-left: 7pt;
padding-right: 7pt;
padding-bottom: 0pt;background:#2E4E8E;border:#2E4E8E;}


table#tosearchissuance{border:none;}
table#tosearchissuance tr td a{color:#FFF!important;font-size:10px;}

table#tosearchissuance tr td  {overflow: visible;
padding-top: 0pt;
padding-left: 7pt;
padding-right: 7pt;
padding-bottom: 0pt; background:#2E4E8E;border:#2E4E8E;}


table#tosearcharranger{border:none;}
table#tosearcharranger tr td a{color:#FFF!important;font-size:10px;}

table#tosearcharranger tr td  {overflow: visible;
padding-top: 0pt;
padding-left: 7pt;
padding-right: 7pt;
padding-bottom: 0pt;background:#2E4E8E;border:#2E4E8E;}

table#tosearchtype{border:none;}
table#tosearchtype tr td a{color:#FFF!important;font-size:10px;}

table#tosearchtype tr td  {overflow: visible;
padding-top: 0pt;
padding-left: 7pt;
padding-right: 7pt;
padding-bottom: 0pt;background:#2E4E8E;border:#2E4E8E;}
.six {

    width: 25%;
    float: left;

}
#resultMatch .six {
    padding: 10px;
    overflow-y: scroll;
    height: 825px;
}
table#inner tr{
    background: #eee;
}
table#inner th {
    border: #3baae3 solid 1px;
        border-left-width: 1px; font-size:10px;
    padding: 2px;
}
table#inner td {
    border: #ccc solid 1px;
    border-left-width: 1px;
    border-left-width: 1px;
    padding: 2px;
}
.frm-msg{float: left;margin-left: 105px;}
.ddate{white-space:nowrap;}
.r_align{text-align:right;}
.form-textarea{width:40%;}
.form-dropdown{width: 40%;

float: left;
 }
.form-submit{width: 45%;

height: 75px;

margin-top: 15px}
.form-ticks{margin-top:15px;}
.form-textarea textarea{width:100%;}
.buttons-custom{float:left;margin-top: -5px;}
.form-download{width: 45%;

height: 48px;}
@media (min-width:768px) and (max-width:991px) {
	.form-textarea{width:100%;}
	.form-part{width:100%;}
	.form-part select{width:100%;}
	.frm-msg{float: left;margin-left: 0;}
	.form-part input{
		 width: 100%;
	}
	
	.buttons-custom{float:left;margin-top: -5px;}
	.buttons-custom button {
		 
		padding: 7px 4px;
		width: 100%;
		}
		.buttons-custom{float:none;}
}


@media (max-width:767px) {
	.form-ticks{margin-top:135px;}
    .form-textarea{width:100%;}
	.form-part{width:100%;}
	.form-part select{width:100%;}
	.form-part input{width:100%;}
	.frm-msg{float: left;margin-left: 0;}   
	.buttons-custom button {
		width: 100!important %;
		padding: 7px 4px;
		width: 100%;
	}
	.buttons-custom{float:none;}
}
@media (max-width:480px) {
	.form-part{width:100%;}
	.form-part select{width:100%;}
	.frm-msg{float: left;margin-left: 0;}   
	.buttons-custom button {
		 
		padding: 7px 4px;
		width: 100%;
	}
}
.body{display:none;}