/************ Back To Top Styles **************/

.backToTop{
    font-size: 11px;
    color: #9395b1;
	display: block;
    margin:0;
    padding-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

.backToTop h3{
    padding: 0px 0px 0px 20px;
}

.backToTop a:link, .backToTop a:visited{
    display: block;
    background-color: #ffffff;
    background-image: url(/resources/images/sub/arrow_backToTop.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    padding: 10px 0px 5px 20px;
}

.backToTop a:hover {
    background-color: #ffffff;
    background-image: url(/resources/images/sub/arrow_backToTop_on.gif);
    background-repeat: no-repeat;
    text-decoration: none;
}

/************ Back To Last Styles **************/

.backToLast{
    font-size: 11px;
    color: #9395b1;
	display: block;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.backToLast h3{
    padding: 0px 0px 0px 20px;
}

.backToLast a:link, .backToLast a:visited{
    display: block;
    background-color: #ffffff;
    background-image: url(/resources/images/sub/arrow_backToLast.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    padding: 10px 0px 5px 20px;
}

.backToLast a:hover {
    background-color: #ffffff;
    background-image: url(/resources/images/sub/arrow_backToLast_on.gif);
    background-repeat: no-repeat;
    text-decoration: none;
}

/************ Back To Next Styles **************/
.nextRight{
    height:20px;
    padding: 0;
    margin-right:10px;
    margin-left:0;
    margin-top:10px;
    border-top: solid 1px #000000;
}

.next{
    font-size: 11px;
    color: #9395b1;
    margin:0;
    padding:0;
    font-weight: bold;
    width:110px;
    float:right;    
}

.next h3{
    padding: 0px 0px 0px 20px;
}

.next a:link, .next a:visited{
    display: block;
    background-color: #ffffff;
    background-image: url(/resources/images/sub/arrow_backToNext.gif);
    background-repeat: no-repeat;
    background-position: 85px 8px;
    padding: 10px 0px 5px 0px;
}

.next a:hover {
    background-color: #ffffff;
    background-image: url(/resources/images/sub/arrow_backToNext_on.gif);
    background-repeat: no-repeat;
    text-decoration: none;
}

/************ Back To Previous Styles **************/
.previous{
    font-size: 11px;
    color: #9395b1;
    margin:0;
    padding:0;
    font-weight: bold;
    width:160px;
    float:left;
}
.previous h3{
    padding: 0px 0px 0px 20px;
}
.previous a:link, .previous a:visited
{
    display: block;
    background-color: #ffffff;
    background-image: url(/resources/images/sub/arrow_backToLast.gif);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    padding: 10px 0px 5px 20px;
}
.previous a:hover {
    background-color: #ffffff;
    background-image: url(/resources/images/sub/arrow_backToLast_on.gif);
    background-repeat: no-repeat;
    text-decoration: none;
}


/************ DropDown List Styles **************/

.ddlData{ width: 100%;}
/*select{  width: 200px !important;}*/
select{  width: 200px;}






.inno { vertical-align: middle; margin-right:15px; float:left;  width:77px; height:75px; padding-bottom:40px;}

.inno a:link, .inno a:visited
{  width:78px; height:88px; display: inline-block; border: dotted 2px #369;
color: #369; text-align:center; padding: 3px;
background-color: #FFF;
text-decoration: none; line-height:5px;
}

.inno a:hover{ color: #FFF; background-color: #369; text-decoration: none;}

.inno a .smTxt { font-size: 12px;}
.inno a .lgTxt { font-size: 18px; font-style: italic; font-weight: 900; }

/***** NDT LINK *****/
.ndt-link { vertical-align: middle; margin-right:15px; float:left;  width:300px; height:35px; padding-bottom:40px;}

.ndt-link a:link, .inno a:visited
{  width:300px; height:42px; display: inline-block; border: dotted 2px #369;
color: #369; text-align:center; padding: 3px;
background-color: #FFF;
text-decoration: none; line-height:5px;
}

.ndt-link a:hover{ color: #FFF; background-color: #369; text-decoration: none;}

.ndt-link a .smTxt { font-size: 12px;}
.ndt-link a .lgTxt { font-size: 18px; font-style: italic; font-weight: 900; }


/* Oval buttons */

a.ovalbutton{
background: transparent url('/resources/images/buttons/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('/resources/images/buttons/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{
overflow: hidden;
width: 100%;
}

/*   home page button  */
.button-link {
  width:230px;    
  background-color: #999999; /* Grey */
  border: none;
  color: white;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 13px;
  transition-duration: 0.4s;
    margin-bottom: 6px;
}


.button-link:hover {
  background-color: #004A96; /* Dark Blue */
  color: white;
  text-decoration: none;
}

/* SWAP */

.swap {
	width: 280px;
	height: 157px;
	position: relative;
	display: inline-block;
}

.swap .img-front {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.swap:hover .img-front {
	display: inline-block;
}