/*************************************************

	aboveGlobal.css
	this css file includes all the common classes of
	above.com and above.com/marketplace pages

**************************************************/

html,body {
margin:0;
padding:0;
height:100%;
}

#wrapper {
min-height:100%;
position:relative;
background:#ffffff;
}

.wrapper{}

#header{
height:138px;
}

#headerinMP{

}

#content {
font-family: "open sans";
color:#333333;
font-size:15px;	
padding-bottom:360px; /* Height of the footer */
}

#contentin {
font-family: Verdana,Geneva,sans-serif;
font-size: 11px;
font-weight:normal;
color:#333333;
padding:46px 20px 40px 18px; /* Height of the footer */
}

#contentinMp {
font-family: Verdana,Geneva,sans-serif;
font-size: 11px;
color:#333333;
padding:20px 20px 40px 18px; /* Height of the footer */
}

#contentinAcc {
font-family: Verdana,Geneva,sans-serif;
font-size: 14px;
color:#333333;
padding:20px 20px 40px 18px; /* Height of the footer */
overflow:auto;
}

#footer {
position:absolute;
bottom:0;
width:100%;
height:360px; /* Height of the footer */
font-family: "open sans";
font-size:15px;
}

body {padding: 0;margin: 0;	position: relative;font-family: "open sans";color:#555555;font-size:15px}

.contentWrapper1290{margin:auto;width:1290px;position:relative}
.contentWrapper1260{margin:auto;width:1260px;position:relative}
.contentWrapper1260 p{line-height:150%;}

.contentWrapper1240{margin:auto;width:1240px}

.loginheader{background:#ffffff;padding:14px 10px 14px 20px;min-width:1270px;}
.loginheaderht{height:90px;}

.dp-top-bar{background:#2e9ce7;height:38px;color:#ffffff;font-size:12px;}
.topicons{float:left;width:20%;padding-top:10px;white-space:nowrap;border:0px solid}
.topsocialicons{float:right;padding-top:1px;border:0px solid}
.toplink{float:left;width:65%;padding-top:5px;border:0px solid;text-align:center;color:#ffffff;font-size:14px;font-weight:bold}
.toplinksmall{display:none;float:left;width:20%;padding-top:10px;padding-left:10px}

#slogo{display:none;text-align:center;padding:10px 0px 10px 0px;}
.slogoimg{width:200px;height:48px}

/* classes for HEADER SECTION */

topsection {
  width: 100%;
  height: 138px;
  /*overflow: hidden;*/
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #ffffff;
  font-family: "open sans";
  color:#555555;
}
topsection div#logo {
	margin-top:13px;    
	width:250px;
    float: left;
 }
topsection div#logo .logoimg{
    height: 60px;
	width:250px;
 } 
 
topsection .tagline{clear:both;font-size:14px;color:#000;position:absolute;margin-top:-13px;padding-left:8px;letter-spacing:2.5px;}
 
topsection div#topnav {	
    float: left;
	/*width:890px;*/
	margin-left:20px;
	margin-top:54px;
	}

topsection .topmenuitem{position: relative;margin:0;padding:0;display:block;float:left;margin:0px 6px 0px 6px;}
/*topsection .hdsMenu{display: none;position: absolute;margin-left: -655px;top:20px;z-index: 9999;width:1290px;height:360px;background:url(/National_Library/20161130034600oe_/https://img.above.com/img/topmenubg.png) repeat-x;padding-top:25px}
topsection .rdMenu{display: none;position: absolute;right: -80px;top:20px;z-index: 9999;display: none;width:600px;height:350px;background:url(/National_Library/20161130034600oe_/https://img.above.com/img/topmenubg.png) repeat-x;padding-top:25px}
topsection .loginMenu{display: none;position: absolute;right: -20px;top:20px;z-index: 9999;width:400px;height:350px;background:url(/National_Library/20161130034600oe_/https://img.above.com/img/topmenubg.png) repeat-x;padding-top:25px}*/

topsection .hdsMenu{display: none;position: absolute;margin-left: -520px;top:20px;z-index: 9999;width:1290px;height:360px;background:url(/National_Library/20161130034600oe_/https://img.above.com/img/topmenubg.png) repeat-x;padding-top:25px}
topsection .rdMenu{display: none;position: absolute;right: -80px;top:20px;z-index: 9999;display: none;width:600px;height:350px;background:url(/National_Library/20161130034600oe_/https://img.above.com/img/topmenubg.png) repeat-x;padding-top:25px}
topsection .loginMenu{display: none;position: absolute;right: -60px;top:20px;z-index: 9999;width:400px;height:350px;background:url(/National_Library/20161130034600oe_/https://img.above.com/img/topmenubg.png) repeat-x;padding-top:25px}

topsection.smaller {
      background:transparent;background-color:rgba(186,186,186,0.9)!important;}
	
topsection.smaller div#logo {
      width: 250px;
      height: 50px;
      margin-top:5px;
	  }
	  
topsection.smaller div#logo .logoimg{
    height:48px;
	width:200px;
 } 	  

topsection.smaller .tagline{clear:both;font-size:13px;color:#000;position:absolute;margin-top:-10px;padding-left:8px;letter-spacing:1.2px;} 
  
topsection.smaller .topmenuitem{border:0px solid}

topsection.smaller div#topnav{margin-top:26px;}
topsection.smaller div#topnav a{line-height:14px !important;}
topsection.smaller div#topnav a.bracstyle {
	
      }
topsection.smaller div#topnav a.current-menu-item {
	
      }
topsection.smaller	.hdsMenu{background:url(/National_Library/20161130034600oe_/https://img.above.com/img/topmenubg1.png) repeat-x;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);}   
topsection.smaller	.rdMenu{background:url(/National_Library/20161130034600oe_/https://img.above.com/img/topmenubg1.png) repeat-x;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);}  
topsection.smaller	.loginMenu{background:url(/National_Library/20161130034600oe_/https://img.above.com/img/topmenubg1.png) repeat-x;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);}  

.hdsCol{width:380px;float:left;margin:10px 25px 0px 25px;}
.hdsBg{background:#d8d8d8;padding:15px;}
.hdsHead{background:#d8d8d8;padding:4px;font-size:16px;font-weight:600;color:#312f32}
.hdsItems{background:#ffffff;padding:0px 0px 0px 0px;border-bottom:1px solid #f2f2f2}
.hdsItems:hover{background:#f5f7f9;}
.hdsItems a{display:inline-block;width:95%;padding:10px 0px 10px 17px;color:#555555 !important;text-decoration:none;letter-spacing: 1px !important;;font-size:13px}
.hdsItems a:hover{color:#e62128 !important;text-decoration:none}
.hdsItems:hover a{color:#e62128 !important;text-decoration:none}

table.hdstab{}
table.hdstab td{padding:2px 5px 3px 5px;font-size: 13px;}

.loginItems{background:#ffffff;padding:10px;}
.loginItems a{margin:0 !important;padding:0 !important;}
.loginItems:hover{background:#5eb5f8;padding:10px;color:#d92128}
	
.topmenuitem a.bracstyle {
	  /*line-height:85px;*/
      font-family: "open sans";color:#000000 !important;font-size:13px;text-transform:uppercase;font-weight: 600;letter-spacing: 1px;text-decoration:none !important;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
	  
.topmenuitem a.bracstyle:hover {
        color: #e62128 !important; }


.topmenuitem a.bracstyle::before, a.bracstyle::after{
	display: inline-block;
	line-height:14px;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;	    
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
.topmenuitem a.bracstyle::before {
	margin-right: 6px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.topmenuitem a.bracstyle::after {
	margin-left: 6px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.topmenuitem a.bracstyle:hover::before,
.topmenuitem a.bracstyle:hover::after,
.topmenuitem a.bracstyle:focus::before,
.topmenuitem a.bracstyle:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	color:#e62128  !important;
}

a.current-menu-item {
	  /*line-height:85px;*/
      font-family: "open sans";color:#000000 !important;font-size:13px;text-transform:uppercase;font-weight: 600;letter-spacing: 1px;text-decoration:none !important;
	-webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
a.current-menu-item::before, a.current-menu-item::after{
	display: inline-block;
	line-height:14px;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;	    
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
a.current-menu-item::before {
	margin-right: 6px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

a.current-menu-item::after {
	margin-left: 6px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

a.current-menu-item::before,
a.current-menu-item::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	color:#e62128  !important;
}
a.current-menu-item{color:#e62128 !important;}	


a.domainlinks{color:#555555;font-size:13px;text-decoration:none;}
a.domainlinks:hover{color:#e62128;font-size:13px;text-decoration:none;}

a.toptextlink{color:#313131 !important;text-transform:capitalize;padding:10px}
a.toptextlink:hover{color:#e62128 !important;background:#5eb5f8}	

/* classes for COLUMNS and CONTAINERS */

.col-ma-1{width:33%;float:left;border:0px solid}
.col-ma-2{width:25%;float:left;border:0px solid}
.col-ma-3{width:50%;margin:auto}
.col-ma-4{width:67%;float:left;border:0px solid}
.col-ma-5{width:48%;float:left;border:0px solid}
.col-ma-6{width:48%;float:right;border:0px solid}
.col-ma-content{margin-top:8px;padding:15px;text-align:justify;line-height: 1.55;}
.col-ma-content1{padding:15px;text-align:justify;line-height: 1.55;}

.col-ma-1-pad{padding:0px 15px 15px 15px}

.right-col-ma-1{width:60%;float:left;margin-top:40px;}
.right-col-ma-2{width:65%;float:right;}

.greybgdiv{border-top: 3px solid #312f32 !important;padding-top:70px}

.whitebgdiv{padding-top:70px}

.whitebox{background:#ffffff;padding:25px 25px 25px 25px;border:1px solid #d3d3d3}
.whitebox_b0{background:#ffffff;padding:25px 25px 0px 25px;border-top:1px solid #d3d3d3;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3}
.whitebox_t0{background:#ffffff;padding:0px 25px 25px 25px;border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3}

.whitebox1{background:#ffffff;padding:15px 0px 15px 10px;border:1px solid #d3d3d3}
.greybox{background:#eeeeee;padding:25px 25px 25px 25px;border:1px solid #d3d3d3;overflow:auto}
.darkline{border-top: 3px solid #312f32;}

.contentbg{border-top:3px solid #312f32;padding:30px 15px 50px 15px;overflow:auto}
.contentDiv1{margin:auto;width:1280px;min-height:500px;font-size:15px;line-height: 1.50;}
.contentDiv{margin:auto;width:1260px;min-height:500px;font-size:15px;line-height: 1.50;}

.contentDiv a{color:#312f32;text-decoration:underline}
.contentDiv a:hover{color:#d92128;text-decoration:none}
.contentDiv a:visited{color:#312f32;text-decoration:none}

.contentcol_1{width:70%;float:left}
.contentcol_2{width:25%;float:right;}
.contentcol_3{width:50%;float:left}
.contentcol_4{width:45%;float:right}

.rightcolcontent{margin-top:15px;width:240px;border:1px solid #dddddd;padding:10px;background:#ffffff;text-align:center;font-size:13px;overflow:auto}

.faqcol_1{width:48%;float:left;}
.faqcol_2{width:48%;float:right;}

.apimanualmenu{width:210px;float:left}
.apimanualcontent{width:700px;float:left;margin-left:30px;}

.contactleft{width:850px;float:left}
.contactright{width:300px;float:right}

.logindiv{width:600px;margin:auto;background:#ffffff;border:1px solid #d3d3d3;padding:25px;margin-top:40px}
.loginformfld{width:250px;padding:5px;font-size:15px;border:1px solid #dddddd;border-radius:4px}

.presscol{width:25%;float:left;border:1px solid #ccc;padding:20px;text-align:center;margin-right:20px;}
.reportingcol{width:30%;float:left;border:0px solid #ccc;padding:20px;text-align:center;margin-right:20px;}

.maicon{width:140px;float:left;margin-left:10px}
.mahead{width:1150px;float:left;padding-top:32px}

.consolidatelogindiv{width:650px;margin:auto;background:#ffffff;border:1px solid #d3d3d3;padding:25px;margin-top:40px}

/* classes for SOCIAL ICONS */

.socialfb{background:url("/National_Library/20161130034600oe_/https://img.above.com/img/icon-fb.png") no-repeat;height:36px;width:36px;display:block;float:left}
.socialfb:hover{background:url("/National_Library/20161130034600oe_/https://img.above.com/img/icon-fb-hover.png") no-repeat;height:36px;width:36px;}

.socialfb1{background:url("/National_Library/20161130034600oe_/https://img.above.com/img/icon-fb1.png") no-repeat;height:36px;width:36px;display:block;float:left}
.socialfb1:hover{background:url("/National_Library/20161130034600oe_/https://img.above.com/img/icon-fb-hover1.png") no-repeat;height:36px;width:36px;}

.socialtw{background:url("/National_Library/20161130034600oe_/https://img.above.com/img/icon-tw.png") no-repeat;height:36px;width:36px;display:block;float:left}
.socialtw:hover{background:url("/National_Library/20161130034600oe_/https://img.above.com/img/icon-tw-hover.png") no-repeat;height:36px;width:36px}

.socialtw1{background:url("/National_Library/20161130034600oe_/https://img.above.com/img/icon-tw1.png") no-repeat;height:36px;width:36px;display:block;float:left}
.socialtw1:hover{background:url("/National_Library/20161130034600oe_/https://img.above.com/img/icon-tw-hover1.png") no-repeat;height:36px;width:36px}

.socialln{background:url("/National_Library/20161130034600oe_/https://img.above.com/img/icon-ln.png") no-repeat;height:36px;width:36px;display:block;float:left}
.socialln:hover{background:url("/National_Library/20161130034600oe_/https://img.above.com/img/icon-ln-hover.png") no-repeat;height:36px;width:36px}

.socialln1{background:url("/National_Library/20161130034600oe_/https://img.above.com/img/icon-ln1.png") no-repeat;height:36px;width:36px;display:block;float:left}
.socialln1:hover{background:url("/National_Library/20161130034600oe_/https://img.above.com/img/icon-ln-hover1.png") no-repeat;height:36px;width:36px}


/* classes for MOBILE MENU */

.cbp-spmenu {background: #000000;position: fixed;font-family: "open sans";}
.cbp-spmenu ul {margin:0;padding:0;list-style:none;}
.cbp-spmenu ul li{margin:0px 10px 0px 10px;padding:10px 0px 10px 10px;border-bottom: 1px dotted #333333;}
.cbp-spmenu a {color:#7a7a7a;font-size:14px;text-decoration:none;}
.cbp-spmenu a:hover {text-decoration:none;color:#ffffff;transition: color 0.3s ease-out 0s;}
.cbp-spmenu a:active {color:#7a7a7a;}

.cbp-spmenu-close{text-align:right;padding:10px}
.cbp-spmenu-ico{display:none;position:absolute;z-index:10;top:75px;left:10px;}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {width: 240px;height: 100%;top: 0;z-index: 1000;}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {left: -240px;}
.cbp-spmenu-left.cbp-spmenu-open {left: 0px;}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


/* login menu Classes */

.uname {width:240px;padding:10px;border:1px solid #d2d6db;background:#f6f6f6;border-radius:4px;font-size:16px;color:#777777}
.pswd {width:240px;padding:10px;border:1px solid #d2d6db;background:#f6f6f6;border-radius:4px;font-size:16px;color:#777777}

.login-but {width:48px;	height:24px;background:url(/National_Library/20161130034600oe_/https://img.above.com/img/login-but.png) no-repeat;display:inline-block;	border:none;cursor:pointer;	float:left;}
.login-but:hover {background:url(/National_Library/20161130034600oe_/https://img.above.com/img/login-but.png) no-repeat;background-position:0 -24px;}

.pswdiv{width:290px;}
.caps-lock-warning { display:block; width:18px; height:18px; background: url(/National_Library/20161130034600oe_/https://img.above.com/images/warning.png) center center !important; background-repeat: no-repeat !important; float:right;padding-top:10px;}
.caps-lock-warn { display:block; width:18px; height:18px; background: url(/National_Library/20161130034600oe_/https://img.above.com/images/warning.png) center center !important; background-repeat: no-repeat !important; float:right;padding-top:10px;}


/* H tags */

h1, h3, h4, h5 {font-family: "open sans" ; font-weight: 700;color:#312f32;line-height: 1em;}
h1{ margin:0; padding:0;font-size: 36px;}
h2{margin:0; padding:0;font-family:verdana;color: #000000; font-size: 14px; letter-spacing: 0.01em;}
h3{font-size: 30px;margin:5px 0px 5px 0px; padding:0;}
h4{font-size: 22px;margin:5px 0px 5px 0px; padding:0;}
h5{font-size: 18px;margin:5px 0px 5px 0px; padding:0;}

#contentin h1.red{color: #D00000; font-size: 18px; margin: 5px 0px}
#contentin h1.red2{color: #D00000; font-size: 18px; margin: 5px 0px}
#contentin h2.blue{color: #069; font-size: 18px; letter-spacing: 0.01em; margin: 5px 0 5px 0; }

/* Forms */
form					{ padding: 0px; margin: 0px; }
input, select, textarea { font-family: tahoma,"trebuchet ms",verdana,arial,sans-serif;font-size: 13px; }
textarea{resize:none;}

/* Floats */
.left {	float: left !important;}
.right {float: right !important;}
.fL {float:left}
.fR {float:right}
.fN {float: none !important}

/* Text alignmen t*/
.aL {text-align:left}
.aR {text-align: right}
.aC {text-align: center}
.aJ {text-align: justify}

/* Margins */
.m0{margin:0}
.m5{margin:5px}
.m10{margin:10px}

.mT2{margin-top:2px}
.mT5{margin-top:5px}
.mT6 {margin-top:6px;}
.mT8 {margin-top:8px;}
.mT9 {margin-top:9px !important;}
.mT10 {margin-top:10px !important}
.mT15{margin-top:15px}
.mT18{margin-top:18px;}
.mT20{margin-top:20px}
.mT24 {margin-top:24px;}
.mT25{margin-top:25px}

.mT26 {margin-top:26px;}
.mT27 {margin-top:27px;}
.mT30 {margin-top:30px !important;}
.mT36 {margin-top:36px !important;}
.mT40{margin-top:40px}
.mT45{margin-top:45px}
.mT60{margin-top:60px}
.mT70{margin-top:70px}

.mR5{margin-right:5px}
.mR6  {margin-right:6px;}
.mR10{margin-right:10px}
.mR15{margin-right:15px}
.mR20{margin-right:20px}

.mB5{margin-bottom:5px}
.mB10{margin-bottom:10px}
.mB15{margin-bottom:15px}
.mB20{margin-bottom:20px}
.mB30{margin-bottom:30px}
.mB35{margin-bottom:35px}
.mB40{margin-bottom:40px}
.mB50{margin-bottom:50px}
.mB70{margin-bottom:70px}
.mB100{margin-bottom:100px}

.mL1{margin-left:1px}
.mL2{margin-left:2px}
.mL5{margin-left:5px}
.mL10 {margin-left:10px !important;}
.mL15{margin-left:15px}
.mL20 {margin-left:20px !important;}
.mL30 { margin-left:30px}
.mL50 { margin-left:50px}

.m0A {margin:0 auto;}
.m012012 {margin:0 12px 0 12px;}
.m00030 {margin:0 0  0 30px;}
.m140020 {margin:14px 0 0 20px;}
.m012022 {margin:0 10px 0 24px;}
.m18000 {margin:18px 0 0 0 ;}
.m1000180 {margin:10px 5px 0 180px;}

/* Paddings */
.p0 {padding:0 !important}
.p0m0 {padding:0 !important; margin:0 !important}

.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}

.pT2{padding-top:2px}
.pT3{padding-top:3px}
.pT5{padding-top:5px}
.pT6 {padding-top:6px}
.pT8 {padding-top:8px}
.pT10{padding-top:10px}
.pT12 {padding-top:12px}
.pT15{padding-top:15px}
.pT20{padding-top:20px}
.pT30{padding-top:30px}
.pT40{padding-top:40px}
.pT50{padding-top:50px}
.pT70{padding-top:70px}

.pL5{padding-left:5px}
.pL10{padding-left:10px}
.pL15{padding-left:15px}
.pL20{padding-left:20px}
.pL25{padding-left:25px}
.pL40{padding-left:40px}

.pR5{padding-right:5px}
.pR10{padding-right:10px}
.pR15{padding-right:15px}
.pR20{padding-right:20px}
.pR40{padding-right:40px}

.pB2{padding-bottom:2px}
.pB5{padding-bottom:5px}
.pB10{padding-bottom:10px}
.pB15{padding-bottom:15px}
.pB20{padding-bottom:20px}
.pb20 {padding-bottom:20px}
.pB50 {padding-bottom:50px}
.pB100 {padding-bottom:100px}
.pB150{padding-bottom:100px}

.pTL20{padding-top:20px;padding-left:20px;}

/* Widths */

.w10 {width:10%}
.w12 {width:12%}
.w15 {width:15%}
.w20 {width:20%}
.w24 {width:24%}
.w25 {width:25%}
.w28 {width:28%}
.w30 {width:30%}
.w32 {width:32%}
.w40 {width:40%}
.w43 { width:43%}
.w50 {width:50%}
.w55 {width:55%}
.w56 {width:56%}
.w60 {width:60%}
.w63 {width:63% !important}
.w75 {width:75%}
.w100 {width:100%}
.w96 { width:96%}
.mxw930 {max-width:930px;}
.mxw1000 {max-width:1000px;}

/* Fonts */
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px}
.font13{font-size:13px !important}
.font14{font-size:14px !important}
.font15{font-size:15px}
.font16{font-size:16px;}
.font18{font-size:18px !important;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px !important;}
.font30{font-size:30px !important;}
.font32{font-size:32px;}
.font36{font-size:36px;}
.font40{font-size:40px}
.font44{font-size:44px;line-height:44px}
.font45{font-size:45px;line-height:45px}
.font48{font-size:48px;line-height:40px;}
.font50{font-size:50px}

/* Text */

.black{color:#000000}
.white{color:#ffffff}
.newdgrey{color:#323232}
.txtred{color:#dd0003;}
.newred{color:#d92128 !important}
.newblue{color:#0070c0}
.fontsans{font-family: "open sans";font-weight: 700;line-height:1;letter-spacing:-1px}
.fontsans1{font-family: "open sans";font-weight: 700;letter-spacing:-1px}
.fontpatua{font-family: "open sans";line-height:120%}
.mpheadtxt{background:#d8d8d8;padding:10px;font-family: "open sans";font-weight: 700;font-size:18px;color:#323232}
.mpheadtxt1{background:#d8d8d8;padding:10px;font-family: "open sans";font-weight: 700;font-size:18px;color:#323232}
.headstyle1{font-family: "open sans";font-weight: 700;font-size:30px;color:#312f32;line-height:1.2;letter-spacing:-1px}
.lH1{line-height: 1em;}
.lH11{line-height: 1.1em;}
.trade{font-family: arial !important;color:#d92128;font-size:24px;vertical-align:top;line-height:30px;}
.trade1{font-family: "open sans";font-size:10px;vertical-align:top;line-height:14px;font-weight:bold;}
.textstyle1{font-family: "open sans";font-size:18px;}

/* general classes */

.clear{clear:both;}
.cleardiv{clear:both}
.b{font-weight:bold}
.fB{font-weight:bold}
.bold {font-weight:bold;}
.un { text-decoration:underline !important;}
img {border:none !important}

.lH20 {line-height:20px}
.lH30 {line-height:30px}

.vDvdr {background: url(/National_Library/20161130034600oe_/https://img.above.com/img/vert_divider.png) no-repeat scroll right center transparent;}
.heading2 {color:#d00000; font-size:24px; font-weight:bold}
.cr {font-size:11px; color:#444; margin:12px 0}
.cursor{cursor:pointer}

/* Links 
a:link {color:#0066CC; text-decoration: none !important; }
a:visited {color:#0066CC !important; text-decoration: none !important;}
a:hover {color:#0066CC !important;text-decoration: underline !important;}*/

#contentin a:link {color:#0066CC; text-decoration: none ; }
#contentin a:visited {color:#0066CC; text-decoration: none ;}
#contentin a:hover {color:#0066CC;text-decoration: underline;}

a.noul{text-decoration: none !important;}

.commonlink{color:#555555}
.commonlink:hover{color:#e62128;text-decoration:none}
.commonlink:visited{color:#555555;text-decoration:none}

#friendlyErrDiv{width:650px;margin:auto;margin-top:20px;margin-bottom:20px}
#friendlyErr{border:1px solid #d3d3d3;background:#ffffff;padding:10px;text-align:center;color:#ff0000}

/* Buttons */
.login_button     {background: url('/National_Library/20161130034600oe_/https://img.above.com/img/button_g.gif') repeat-x; border:none; height:20px; color:#ffffff; padding-bottom: 2px }

a.but_play {background:url(/National_Library/20161130034600oe_/https://img.above.com/img/but_play.png) top left; background-position:0 0; width:49px; height:34px; display:inline-block; cursor:pointer}

a.but_play_small {background:url(/National_Library/20161130034600oe_/https://img.above.com/img/but_play_small.png) top left; background-position:0 0; width:34px; height:20px; display:inline-block; cursor:pointer}

.button_style1{background:#d92128; border:1px solid #d92128;font-family:"open sans";font-size:12px;font-weight:bold;color:#ffffff;padding:5px 10px;cursor:pointer;}
.button_style1:hover{background:#2e2e2e; border:1px solid #2e2e2e;font-family:"open sans";font-size:12px;font-weight:bold;color:#ffffff;padding:5px 10px;cursor:pointer;}

.button_style5{background:#4cac19 ;border:1px solid #47a01e;font-family:"open sans";font-size:12px;color:#ffffff;padding:5px 10px;cursor:pointer;}
.button_style5:hover{background:#2e2e2e ;border:1px solid #2e2e2e;font-family:"open sans";font-size:12px;color:#ffffff;padding:5px 10px;cursor:pointer;}

.roundicon{float:left;width:140px;margin-left:15px}
.roundicontxt{float:left;padding-top:0px}

a.redbutton{display: inline-block;padding:12px 15px 12px 15px;color:#ffffff !important;background:#d92128 !important;text-decoration:none !important;border-radius:3px;border:0px;font-size:14px;word-wrap: break-word;cursor:pointer}
a.redbutton:hover{display: inline-block;padding:12px 15px 12px 15px;color:#ffffff !important;background:#000000 !important;text-decoration:none !important;border-radius:3px;border:0px;font-size:14px;word-wrap: break-word;cursor:pointer}

a.redbuttonbig{display: inline-block;padding:16px 25px 16px 25px;color:#ffffff !important;background:#d92128 !important;text-decoration:none !important;border-radius:3px;border:0px;font-size:18px;word-wrap: break-word;cursor:pointer}
a.redbuttonbig:hover{display: inline-block;padding:16px 25px 16px 25px;color:#ffffff !important;background:#000000 !important;text-decoration:none !important;border-radius:3px;border:0px;font-size:18px;word-wrap: break-word;cursor:pointer}

.redbutton1{display: inline-block;padding:12px 15px 12px 15px;color:#ffffff !important;background:#d92128 !important;text-decoration:none !important;border-radius:3px;border:0px;font-size:14px;word-wrap: break-word;cursor:pointer}
.redbutton1:hover{display: inline-block;padding:12px 15px 12px 15px;color:#ffffff !important;background:#000000 !important;text-decoration:none !important;border-radius:3px;border:0px;font-size:14px;word-wrap: break-word;cursor:pointer}

.greybutton{display: inline-block;padding:12px 15px 12px 15px;color:#ffffff !important;background:#464646 !important;text-decoration:none !important;border-radius:3px;border:0px;font-size:16px;word-wrap: break-word;cursor:pointer}
.greybutton:hover{display: inline-block;padding:12px 15px 12px 15px;color:#ffffff !important;background:#000000 !important;text-decoration:none !important;border-radius:3px;border:0px;font-size:16px;word-wrap: break-word;cursor:pointer}

a.dgreybutton{display: inline-block;padding:15px 25px 15px 25px;color:#ffffff !important;background:url("/National_Library/20161130034600oe_/https://img.above.com/img/greybtnbg.gif") repeat-x;text-decoration:none !important;border-radius:4px;border:1px solid #2a2a2a;word-wrap: break-word;font-size:16px;}
a.dgreybutton:hover{display: inline-block;padding:15px 25px 15px 25px;color:#ffffff !important;background:url("/National_Library/20161130034600oe_/https://img.above.com/img/greybtnbg_hover.gif") repeat-x;text-decoration:none !important;border-radius:4px;border:1px solid #2a2a2a;word-wrap: break-word;font-size:16px;}

a.lgreybutton{display: inline-block;padding:15px 25px 15px 25px;color:#666666 !important;background:#ffffff;text-decoration:none !important;border-radius:4px;border:1px solid #ffffff;word-wrap: break-word;font-size:16px;}
a.lgreybutton:hover{display: inline-block;padding:15px 25px 15px 25px;color:#666666 !important;background:#ededed;text-decoration:none !important;border-radius:4px;border:1px solid #d9d9d9;word-wrap: break-word;font-size:16px;}

a.lgreybutton1{display: inline-block;padding:15px 25px 15px 25px;color:#666666 !important;background:#eeeeee;text-decoration:none !important;border-radius:4px;border:1px solid #ebebeb;word-wrap: break-word;font-size:16px;}
a.lgreybutton1:hover{display: inline-block;padding:15px 25px 15px 25px;color:#666666 !important;background:#e2e2e2;text-decoration:none !important;border-radius:4px;border:1px solid #dcdcdc;word-wrap: break-word;font-size:16px;}

a.reglinks{color:#555555 !important;font-size:14px;text-decoration:none}
a.reglinks:hover{color:#555555 !important;font-size:14px;text-decoration:underline}
a.reglinks:visited{color:#555555 !important;font-size:14px;text-decoration:none}

.regsearch{width:370px;padding:10px;background:#ffffff;border:1px solid #e5e5e5;font-size:17px}
.regsearch1{width:395px;padding:10px;background:#ffffff;border:1px solid #e5e5e5;font-size:17px}
.regsearchbtn{padding:12px 15px 12px 15px;color:#ffffff !important;background:#d92128;text-decoration:none !important;border-radius:3px;border:0px;font-size:16px;cursor:pointer}
.regsearchbtn:hover{padding:12px 15px 12px 15px;color:#ffffff !important;background:#000000;text-decoration:none !important;border-radius:3px;border:0px;font-size:16px;cursor:pointer}
.regsearchbtndiv{text-align:right;margin-right:10px;margin-top:10px}

.regsearchdiv2{width:310px;float:left;}
.regsearch2{width:290px;padding:10px;background:#ffffff;border:1px solid #e5e5e5;font-size:17px}
.regsearchbtndiv2{width:85px;float:left;padding-left:10px;}
.regsearchbox{margin:auto;width:410px}

/* Top Tab Menu Classes logged in pages */

.topbg{background:#f0f4f8}
.topbar {background-color: #1b81c6;}

ul.tabmenu {margin:0;margin-top:6px;padding:0;}
ul.tabmenu li{margin:0;padding:0;list-style: none;float: left;background:#5eb5f8;border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;margin-right:1px;}
ul.tabmenu li:hover{margin:0;padding:0;list-style: none;float: left;background:#ffffff;border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;margin-right:1px}
ul.tabmenu li.active{margin:0;padding:0;list-style: none;float: left;background:#ffffff;border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;margin-right:1px;}
ul.tabmenu li a{display:block;padding:6px 20px 7px 20px;font-family:arial;font-size:13px;font-weight:bold;text-decoration:none;color:#ffffff !important;}
ul.tabmenu li a:hover{display:block;padding:6px 20px 7px 20px;font-family:arial;font-size:13px;font-weight:bold;text-decoration:none!important;color:#2c88c6 !important;}
ul.tabmenu li.active a{display:block;padding:6px 20px 7px 20px;font-family:arial;font-size:13px;font-weight:bold;text-decoration:none;color:#2c88c6  !important;}
ul.tabmenu li.active a:hover{display:block;padding:6px 20px 7px 20px;font-family:arial;font-size:13px;font-weight:bold;text-decoration:none!important;color:#2c88c6 !important;}

#red_notification{margin-right:4px;margin-top:1px;background-color: #ff0000;color:black;font-weight:bold;padding:1px 2px 1px 2px;text-align:center;}
#red_circle{margin-right:4px;margin-top:1px;background-color: #ff0000;color:black;font-weight:bold;padding:1px 2px 1px 2px;text-align:center;}


/* Inner pages top dropdown menu from menu_dd.css */

#topmenu{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#topmenu li{
	float:left;
	margin-right:0px;
	position:relative;	
	font-family: verdana,arial;
	font-size: 11px;
	border-right:1px solid #ffffff;
}
#topmenu li.nobrd{border-right:0px;}

#topmenu a{	
	display:block;
	padding:2px 7px 2px 7px;
	color:#000;
	text-decoration:none !important;
	font-weight:bold;
}
#topmenu a:hover{
	color:#d92128 !important;;
	text-decoration:none !important;
	font-weight:bold;
}

/*--- DROPDOWN ---*/
#topmenu ul{
	margin:0;
	margin-left:-20px;
	padding:0;
	list-style:none;
	position:absolute;z-index:10000;
	left:-9999px;
	border:1px solid #d3d3d3;
}
#topmenu ul li{
	padding:2px 7px 2px 0px;
	float:none;
/*	border-right:0px;
	border-bottom:1px solid #d3d3d3;*/
	
}
#topmenu ul a{
	white-space:nowrap;
}
#topmenu li:hover ul{ 
	left:0; 
	background:#f9f9f9;
}
#topmenu li:hover a{ 	
	text-decoration:none !important;
}
#topmenu li:hover ul a{ 
	color:#000 !important;
	font-weight:normal;
	text-decoration:none !important;
}

#topmenu li:hover ul li a:hover{ 
    color:#d92128 !important;
	font-weight:normal;	
}

/* Paging */

.paggingDiv{float:left;width:50%;font-size:11px;}
.noofrecDiv{float:left;width:200px;}
.noofrecDiv th, paggingDiv th{font-size:11px;font-weight:100;}
.pagging_tbl{border:0px solid}
.pagging_tbl th{width:230px;font-size:11px;font-weight:100;}
.pagging_tbl td table .num{height:20px;width:15px;text-align:center;margin:0px 1px 0px 1px;}
.pagging_tbl td table .link, .pagging_tbl td table a{text-align:center;font-weight:normal;color:#4d4d4d;text-decoration:underline;}
.pagging_tbl #activeone{font-size:11px;/*background-color:#CCCCCC;*/}


/* Footer Classes */

.footerWrapper {background: #2e2e2e;overflow:auto;color:#ffffff}
.footer {margin:0 auto;	max-width:1242px;}
.footerbottom {background: #222222;color:#ffffff;}
.footerpad{padding-top:70px;/*padding-bottom:70px*/}
.footercol{width:24%;float:left;/*margin-bottom:20px;*/}

.fHdr {color: #ffffff;text-transform:uppercase;font-size: 15px;font-weight: 700;letter-spacing: 1px;margin-bottom: 15px;}

.footer a{color:#ffffff !important;text-decoration:none}
.footer a:hover{color:#ffffff !important;text-decoration:underline !important}
.footer a:visited{color:#ffffff !important;text-decoration:none}
.footer a:active{color:#ffffff !important;text-decoration:none}

.copydiv{float:left;font-size:13px;padding-top:15px;padding-bottom:10px}
.footersocial{float:right;padding-top:5px;padding-bottom:10px}

.socialsites {width: 150px;	padding-top: 12px;	float: left;border:0px solid}
.socialsites a {cursor: pointer;display: block;	height: 32px;margin-left: 6px;width: 32px;}
.socialsites a:hover {border: 1px solid #F6F7F9;margin-left: 6px;}
.tweet {background: url(/National_Library/20161130034600oe_/https://img.above.com/img/twitter_32.png) center no-repeat;	float: left;}
.fb {background: url(/National_Library/20161130034600oe_/https://img.above.com/img/facebook_32.png) center no-repeat;float: left;}
.linkedin {background: url(/National_Library/20161130034600oe_/https://img.above.com/img/linkedin_32.png) center no-repeat;float: left;}
.gplus {background: url(/National_Library/20161130034600oe_/https://img.above.com/img/google_32.png) center no-repeat;float: left;}
.in {background: url(/National_Library/20161130034600oe_/https://img.above.com/img/footer_icons.png) repeat scroll -60px 0 transparent;	float: left;}
.mail {background: url(/National_Library/20161130034600oe_/https://img.above.com/img/footer_icons.png) repeat scroll -80px 0 transparent;float: left;}
.bnow {line-height:14px}

.medias {float:left;	width:750px;border:0px solid; margin-top:-40px;}
.medias a {display: inline-block;height: 56px;margin-right: 8px;float:left;vertical-align:middle}
.medias a.veri {	margin-top:11px}
.medias a.ica {margin-top:13px}
.medias a.ds {margin-top:13px}
.medias a.dmn {margin-top:13px}


/* faq page accordian*/

.accordion *{margin:0;padding:0}
.accordion {margin:0; padding:0;}
.accordion ul li{}
.accordion li.last-child {margin-left:10px; list-style-type:disc}

.accordion .inner {margin:0; padding:5px 0px 5px 0px; position:relative; overflow:hidden;}
.accordion .inner .innercontent {padding:5px 0px 15px 25px;background:#f8f8f8;margin-bottom:4px;font-size:13px}
.accordion .inner .innercontent ol.listing{margin:10px 0px 10px 20px}
.accordion .inner .innercontent ol.listing li{padding-bottom:5px}
.accordion .inner .innercontent ul.listing{margin:10px 0px 10px 20px}
.accordion .inner .innercontent ul.listing li{padding-bottom:5px}
.accordion .outer {border:0px solid #dadada;}

.accordion h3{border:1px solid #dddddd;padding:5px 0px 5px 5px;margin-bottom:5px;}
.accordion h3:hover{border:1px solid #dddddd;padding:5px 0px 5px 5px;margin-bottom:5px;background:#f8f8f8}
.accordion h3 a{color:#476690;font-size:14px;text-decoration:none;outline:0}
.accordion h3 a:hover{color:#476690;font-size:14px;text-decoration:none;outline:0}

.accordion h4{border:1px solid #dddddd;padding:3px 0px 3px 3px;margin-bottom:4px;}
.accordion h4:hover{border:1px solid #dddddd;padding:3px 0px 3px 3px;margin-bottom:4px;background:#f8f8f8}
.accordion h4 a{color:#0066CC;font-weight:normal;font-size:13px;outline:0}
.accordion h4 a:hover{color:#0066CC;font-weight:normal;font-size:13px;text-decoration:none;outline:0}

a.trigger {display:block; padding-left:20px;background-image: url(/National_Library/20161130034600oe_/https://img.above.com/img/plus.gif) !important; background-repeat: no-repeat !important; }
a.trigger.open {background-image: url(/National_Library/20161130034600oe_/https://img.above.com/img/minus.gif) !important; background-repeat: no-repeat !important;} 

/* faq page new accordian */

.trigger{border:1px solid #dddddd;background:#5eb5f8;padding:12px;font-size:13px;margin:0;margin-bottom:4px;cursor:pointer;border-radius:6px}
.trigger:hover{border:1px solid #dddddd;background:#7cc3f9;}
.trigger a{color:#000000 !important;text-decoration:none;font-size:16px;font-weight: 600;}
.trigger a:hover{color:#000000 !important;text-decoration:none;font-size:16px}
.toggle_container{display:none;border:1px solid #cccccc;padding:10px;margin-bottom:4px;font-size:14px;}

.trigger .image {
    vertical-align:middle;
    display:inline-block;
    height:15px;
    width:15px;
    background:url("/National_Library/20161130034600oe_/https://img.above.com/img/faq_arrow.png");
}

.trigger.expanded .image {
    background:url("/National_Library/20161130034600oe_/https://img.above.com/img/faq_arrow.png");
}

.refidbox{background:#eee;border:0px solid #ddd;padding:10px;font-size:12px;}
.bannersdiv{margin-top:20px;border:1px solid #ddd;padding:20px}
.codebox{width:90%;height:60px;}

ul#tabs {
  list-style-type: none;
  margin: 0;margin-left:15px;
  padding: 0;  
  clear:both;
  }
  
ul#tabs li {
    display:block;
	float:left;
    background-color: #e1e1e1;
    padding: 10px 20px;
    margin: 0px;
	margin-right:3px;
    color: #000000;
	font-size:15px;
    cursor: pointer; 
	border-radius:2px;
	}

ul#tabs li:hover {background-color: #d92128;color: #505050;color:#fff}
ul#tabs li.active {background-color: #d92128;color: #505050;color:#fff}

ul#tab {
  clear:both;	
  list-style-type: none;
  margin: 0;
  padding: 0;  
  border:1px solid #d3d3d3;
  background:#fff;
  }

ul#tab li {
    display: none;
    padding: 30px;
    }

ul#tab li.active {display: block; }


/* New Registration pages*/
.newAc {
    position:relative;
	margin:0 auto;
	width:700px;
	background:#fff;
	border:1px solid #d3d3d3
}
.newAcWrapper {padding:30px;}

.newAc h1.first {
	padding: 10px 0 10px 30px !important;
	text-align:left;
	color: #fff !important;
	background: #000000;
	border:1px solid #d3d3d3
	
}
.selectProduct {background-color:#ecf8fe; border:1px solid #0071bc; padding:24px; line-height:24px;}
.nActxtBox {width:254px; height:20px; border:1px solid #0071bc; padding:4px}
.captcha {display:inline; width:142px; height:52px; border:1px solid #000; float:left}
.enCode {display:inline; height:52px; float:left; margin-left:6px}
.but-blue {
    background: url("/National_Library/20161130034600oe_/https://img.above.com/img/but_blue_bg.png") repeat-x scroll center top rgba(0, 0, 0, 0);
    border: 1px solid #0172bd;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 26px;
    line-height: 20px;
    padding: 0 18px;
}
.lh24 {line-height:24px}


.but-gray {
	border: 1px solid #999;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	height: 26px;
	line-height: 20px;
	padding: 0 18px;
	background: #999;
	background: -moz-linear-gradient(top, #e5e5e5 0%, #a1a1a1 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #a1a1a1));
	background: -webkit-linear-gradient(top, #e5e5e5 0%, #a1a1a1 100%);
	background: -o-linear-gradient(top, #e5e5e5 0%, #a1a1a1 100%);
	background: -ms-linear-gradient(top, #e5e5e5 0%, #a1a1a1 100%);
	background: linear-gradient(to bottom, #e5e5e5 0%, #a1a1a1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#a1a1a1', GradientType=0 );
}

#rc-imageselect {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}

@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

.selectProduct {background-color:#ecf8fe; border:1px solid #0071bc; padding:24px; line-height:24px;}
.nActxtBox {width:254px; height:20px; border:1px solid #0071bc; padding:4px}
.captcha {display:inline; width:142px; height:52px; border:1px solid #000; float:left}
.enCode {display:inline; height:52px; float:left; margin-left:6px}

.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #999999;
    width: 260px;
	height:28px;
/*	padding:4px;*/
    overflow: hidden;
    background-color: #fff;
    background: #fff url("/National_Library/20161130034600oe_/https://img.above.com/img/arrow-down.png") no-repeat 100% 50%;
}
.select-style select {
  padding: 5px 8px;
  width: 120%;
  height:28px;
  padding:4px;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select-style select:focus {
    outline: none;
}

.register_titlediv{float:left;width:150px;text-align:left;padding-right:10px;padding-top:4px;margin-bottom:8px}
.register_titlediv1{float:left;width:230px;text-align:left;padding-right:10px;padding-top:4px;margin-bottom:8px}
.register_flddiv{float:left;width:400px;margin-bottom:8px}
.register_flddiv1{float:left;width:300px;margin-bottom:8px}

.registerformfld{border:1px solid #c3ceda;width:250px;padding:5px;}
.registerformfld1{border:1px solid #c3ceda;width:35px;padding:5px;}
.registerformfld2{border:1px solid #c3ceda;width:200px;padding:5px;}

.register_proddiv{border:1px solid #c3ceda;background:#ffffff;width:268px;padding:15px}

.contactformbox{border:1px solid #eeeeee;background-color:#ffffff;padding:25px}
.contactformfld{width:300px;padding:5px;font-size:15px;border:1px solid #dddddd;border-radius:4px}
.contactformfld1{width:150px;padding:5px;font-size:15px;border:1px solid #dddddd;border-radius:4px}
.contactformfld2{width:500px;height:200px;padding:10px;font-size:15px;border:1px solid #dddddd;border-radius:4px}

.boxstylewhite{background:#ffffff;border:1px solid #dddddd;padding:15px;display:table}

table.topdomainsTab{}
table.topdomainsTab a{color:#555555;text-decoration:none}
table.topdomainsTab a:hover{color:#ff0000;text-decoration:underline}

.marqueewidth{width:380px}
.marqueewidth1{width:100%}
.marqueestyle{background-color:#cccccc;padding:5px 10px 5px 10px;text-transform: lowercase;color:#555555;font-size: 14px;}
.marqueestyle1{background-color:#dddddd;padding:5px 10px 5px 10px;text-transform: lowercase;color:#555555;font-size: 14px;}

.dottedline{border-bottom:4px dashed #312f32;height:3px;}
.radius4{border-radius: 4px;}
.h2line{background:url(/National_Library/20161130034600oe_/https://img.above.com/img/h2line.png) no-repeat top center;height:30px}
.h2line1{background:url(/National_Library/20161130034600oe_/https://img.above.com/img/h2line1.png) no-repeat top center;height:30px}


/* class for GRAPHS */

.chart{zoom:1;width:90%}
.chart:after{clear:both;content:'.';display:block;height:0;visibility:hidden;}
.chart li{display:block;height:23px;margin-top:3px;position:relative}
.chart li:before{color:#fff;content:attr(title);left:5px;position:absolute}
.chart li.title:before{color:#555555;left:0}
.chart li.current{padding:30px 0px 30px 0px}
.chart li:first-child{margin-top:0}
.chart li .bar{background:#dd3333;border-radius:12px;height:20px;}
.chart li .bar1{background:#1e73be !important;border-radius:12px;height:20px;}
.chart li .number{background:url(/National_Library/20161130034600oe_/https://img.above.com/img/graphpercentbg.png) no-repeat top center;height:24px;color: #FFF;vertical-align: top;position:absolute;margin-top:-28px;margin-left:-30px;padding:2px 4px 0px 4px;font-size:12px;}
.chart li.past .bar{background:#aaa}
.chart li.past .number{color:#aaa}

@media screen and (max-width: 480px)
{
	.chart{zoom:1;width:80%}
	.chart li{height:auto}
	.chart li:before{color:black;display:block;left:0;position:relative}
	.chart li.current{padding:60px 0px 30px 0px}
	.chart li .bar{background:#dd3333;border-radius:12px;height:20px;}
	.chart li .number{background:url(/National_Library/20161130034600oe_/https://img.above.com/img/graphpercentbg.png) no-repeat top center;height:24px;color: #FFF;vertical-align: top;position:absolute;margin-top:-28px;margin-left:-30px;padding:2px 4px 0px 4px;font-size:12px;}
	
.media {float:left;	width:320px;border:0px solid; margin:12px 0 0 8px;}
.media a {display: inline-block;height: 56px;margin-right: 8px;float:left;vertical-align:middle}
.media a.veri {	margin-top:11px}
.media a.ica {margin-top:13px}
.media a.ds {margin-top:13px}
.media a.dmn {margin-top:13px}
}


/* class for SIDE BULLET NAVIGATION */

#sidenavigation {
    position: fixed;
    top: 300px;
    right: 0;
    margin: 0;
	z-index: 999999;
    padding: 10px 5px 5px 5px;
    width: 30px;
    background: #0e0e0e;
	border-radius:5px 0px 0px 5px;
}
#sidenavigation > li {
    margin: 0;
    padding: 0;
    list-style: none;
	text-align:center;	
}
#sidenavigation > li > a {
    margin: 0px;
    color: #ffffff;
    background:url(/National_Library/20161130034600oe_/https://img.above.com/img/sidenav1.png) no-repeat top center;width:20px;height:15px;
    display: block;
    padding: 5px;
    text-decoration: none;
    transition: all 400ms;
}
#sidenavigation > li > a.current,
#sidenavigation > li:hover > a {
    background:url(/National_Library/20161130034600oe_/https://img.above.com/img/sidenav2.png) no-repeat top center;width:20px;height:15px;    
}

.sidetipsy{font-size:11px !important;color:#ffffff !important;background-color: #d92128 !important;}
/*
.ui-widget-content {
	border: 0px !important;
	background-color: #d92128 !important;
	color: #222222;
}*/

.testimonialDiv{width:500px;margin:auto;}

.flip-container{perspective: 1000;margin:auto;width:113px}
.flip-container:hover .flipper, .flip-container.hover .flipper {transform: rotateY(180deg);}
.flip-container, .front, .back {width: 113px;height: 113px;}
.flipper {transition: 0.6s;transform-style: preserve-3d;position: relative;}
.front, .back {backface-visibility: hidden;position: absolute;top: 0;left: 0;}
.front {z-index: 2;/* for firefox 31 */transform: rotateY(0deg);}
.back {transform: rotateY(180deg);}

.slist    { background: #ffffff; text-decoration: none; border: none; }


.slist .button{display: inline-block;padding:12px 15px 12px 15px;color:#ffffff !important;background:#d92128 !important;text-decoration:none !important;border-radius:3px;border:0px;font-size:14px;word-wrap: break-word;cursor:pointer}
.slist .button:hover{display: inline-block;padding:12px 15px 12px 15px;color:#ffffff !important;background:#000000 !important;text-decoration:none !important;border-radius:3px;border:0px;font-size:14px;word-wrap: break-word;cursor:pointer}

.emaillink{color:#ffffff;text-decoration:none}
.emaillink:hover{color:#ffffff;text-decoration:underline}

.logoutlink{color:#1b81c6 !important;font-size: 1.7em;}
.logoutlink:hover{color:#000000 !important;text-decoration:none}
.contentbg1 {
	background: #ffffff none repeat scroll 0 0;
	border-top: 3px solid #312f32;
	overflow: auto;
	padding: 30px 15px 50px;
}

.outerWrapper {
	text-align: left;
	position:relative;
	margin-left:60px;
	width:652px;
}

.item {
	float:left;
	margin-right:20px;
	width:200px;
	height:220px;
	padding:0px;
	border:1px solid #b3b3b3;
	background-color:#fff;
}

.item div {
	width:99%;
	height:99%;
	color:white;
}

.left-nav-btn, .right-nav-btn {
	position:absolute;
	width:37px;
	height:37px;
	top:80px;
	cursor:pointer;
	opacity: 0.8;
	background:transparent url('/National_Library/20161130034600oe_/https://img.above.com/img/arrows.png') top left no-repeat;
	-webkit-transition:opacity 0.2s linear;
  	-moz-transition:opacity 0.2s linear;
  	-o-transition:opacity 0.2s linear;
  	transition:opacity 0.2s linear;
}

.left-nav-btn {
	left:-60px;
}

.right-nav-btn {
	right:-60px;
	background-position: top right;
}

.left-nav-btn:hover, .right-nav-btn:hover {
	opacity: 1;
}

.thumbtitle{padding:10px 5px 10px 5px;text-align:center;font-size:14px}

/* nav left start */
.arrowbtn {
	margin-top: 0;
	min-width: 20px;
}
.slide-toggle { cursor: pointer; }
.boxright1 {
	border-right: 1px solid #d7e9f4;
	clear: both;
	float: left;
	overflow: hidden;
}
.box-inner {
	margin-right: 20px;
	width: 235px;
}
.titletxt {
	color: #007bc6;
	font-size: 13px;
	font-weight: bold;
}
.new {
	color: #f00 !important;
	cursor: pointer;
	font-size: 11px;
	text-decoration: none;
}
ul.listhelp {
	list-style: outside none none;
	margin: 10px 0 0;
	padding: 0;
}
ul.listhelp li { padding-bottom: 3px; }
.boxright1 a:link {
	color: #0066cc;
	text-decoration: none;
}
.boxright1 a:hover {
	color: #0066cc;
	text-decoration: underline;
}
.boxright1 a:visited { color: #0066cc; }
/* nav left end */