/*
Edited by Viken on 17 Feb 2014 for redesign whole system
*/

body {
  margin: 0;
  margin-top: 0;
  background: #FFFFFF;
  font-family: Helvetica, Arial;
  font-size: 11px;
  color: #333;
  
 
}

/** {
  list-style:none;
  font-family: Helvetica, Arial;
  font-size: 11px;
}*/

*{
  list-style:none;
  font-family: Helvetica, Arial;
  font-size: 13px;
}

#header{

	background-size: 50px 50px;
	background-color: #EEEEEE;
	margin:0px auto;
	width:100%; 
	height:100px;
}

#logo{
	width:240px;
	height:100%;
	float:left;
	background:url(images/logo.jpg) no-repeat left;
}

#main_img{
	float:right;
	width:400px;
	height:100%;
	background:url(images/main_img.jpg) no-repeat left top;
}
#main_tit{
	float:left;
	width:330px;
	color:#ffffff;
}

#search{
margin-top:20px;
}
/*#header {
  background: url(media/logo.png) left center no-repeat;
  margin-left:15px;
  padding-left: 65px;
  height: 100px;
}*/

#app-title {
  padding:30px 0px 0px 0px;
  margin:0px;
}

#app-title a {
  color: #990000;
  font-size: 21px;
  text-decoration: none;
}

#app-title div {
  font-size: 17px;
  color: #990000;
}

#loginlink{
	 margin-top:-80px;
	 margin-left:800px;	
	font-size:10px;
	text-decoration:none;
}



#side-menu {
  width: 180px;
  float:left;
  margin:0px;
  margin-left:10px;
 
}

#side-menu1 {
  width: 500px;
  float:left;
  margin:0px;
  margin-left:10px;
 
}
#side-menu form {
  margin-bottom: 20px;
  padding-left:10px;
  padding-top:5px;
  background: url(media/side_bar_bg.gif) top left repeat-y;
}
#t-menu form {
margin-bottom:0px;
margin-left:8px;
min-height:100px;
}
#tt-menu form {
margin-top:800px;
margin-left:20px;
margin-bottom:60px;

}

#showall-menu form {
margin-top:30px;
margin-left:300px;
margin-bottom:-100px;

}
#side-menu select,input[type=text] {
  display: block;
  width: 75%;
}

#main-content {
  /*width: 740px;*/
 /* width:760px;*/
  width:1000px;
  padding: 5px;
  background: #efefef; 
  margin-top:10px;
}

#nav-links {
  margin: 0;
  padding: 0;
  list-style: none;
}

#nav-links li {
  margin: 0;
  padding: 0;
}

#nav-links li a {
  padding: 5px;
  padding-left: 10px;
  display: block;
  font-weight: bold;
  text-decoration: none;
  background: #ccc url(media/nav-link-bg.png) top left repeat-x;
}

#nav-links li a:hover {
  text-decoration: underline;
  background: #fff url(media/nav-link-bg-hover.png) top left repeat-x;
}

#nav-links li.nav-links-header a {
  padding: 5px;
  display: block;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  background: #fff;
}

.nav-links-header a {
  color: #000;
}

#headerInfo {
  padding: 5px;
}

#info-box {
  background: #fff;
  border: 1px solid #999;
  padding: 5px;
}

#loginForm {
  padding: 10px;
  padding-top: 120px;
  background: #ffd700 url(media/login-bg.png) top left no-repeat;
  width: 400px;
  margin: 0 auto;
}

/*
 * Tabs CSS
 * Primary menu tabs
 */

div.tabs
{
  margin: 0 0 0 0;
}

#primary-links
{
  margin: 0;
  margin-left: 0px;
  padding: 0 0 0 10px;
  border-width: 0;
  list-style: none;
  white-space: nowrap;
  line-height: normal;
  background: url(media/tab-bar.png) repeat-x left bottom;
}

#primary-links li
{
  float: left;
  margin: 0;
  padding: 0;
}

#primary-links li a
{
  display: block;
  height: 24px;
  margin: 0;
  padding: 0 0 0 5px; /* width of tab-left.png */
  border-width: 0;
  font-weight: bold;
  text-decoration: none;
  color: #777;
  background-color: transparent;
  /*background: url(media/tab-left-new.gif) no-repeat left -38px;*/
}

#primary-links li a span
{
  display: block;
  height: 20px; /* 24px (parent) - 4px (padding) */
  margin: 0;
  padding: 4px 13px 0 6px;
  border-width: 0;
  line-height: 20px;
  /*background: url(media/tab-right-new.gif) no-repeat right -38px;*/
  cursor: pointer;
  color:#FFFFFF;
}

#primary-links li a:hover
{
  border-width: 0;
  
  /*background: url(media/tab-left-new.gif) no-repeat left -76px;*/
}

#primary-links li a:hover span
{color:#ccc;
  /*background: url(media/tab-right-new.gif) no-repeat right -76px;*/
}

#primary-links li.active a, #primary-links li.active a:hover
{
  border-width: 0;
  color: #000;
  background-color: transparent;
  background: url(media/tab-left-new.gif) no-repeat left 0;
}

#primary-links li.active a span, #primary-links li.active a:hover span
{
  background: url(media/tab-right-new.gif) no-repeat right 0;
}


/* IE */

#primary-links li a, #primary-links li a span
{
  _display: inline; /* Otherwise the blocks mistakenly get 100% width in IE5 */
  _di\splay: inline-block; /* Otherwise the blocks mistakenly get 100% width in IE6 */
}

#primary-links
{
  _width: 100%; /* Otherwise IE5 treats the ul as floated */
  _w\idth: auto; /* Reset to auto width for IE6 */
}

#footer {
  //border: 1px solid #c0bfbf;
  //padding: 5px;
  //margin-top: 0px;
  width: 97%;
  //background:#d7d7d7;
  text-align:center;
  -moz-border-radius:5px;
}
.new_tbl{
	border:#999 1px solid;
}
.datagrid {
  width: 100%;
  border: 1px solid #999;
  border-bottom: 0;
  border-top: 0;
  border-spacing: 0;
}

.datagrid-action {
  padding: 3px;
  border: 1px solid #999;
}

.datagrid-head {
  background-color: #ccc;
  border-bottom: 1px solid #999;
  padding: 0;
}

.datagrid-head a {
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  padding: 5px;
}

.datagrid-head span.datagrid-head-plain {
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  padding: 5px;
}

.datagrid-content {
  font-size: 1em;
  border-bottom: 1px solid #999;
  padding: 3px;
}

.datagrid-links {
  display: block;
  float: left;
  background: transparent url(media/detail.png) left center no-repeat;
  width: 20px;
  height: 20px;
  text-decoration: none;
}

.alter-row {
  background: #a1cf2f;
}

.alter-row2 {
  background: #fff;
}

.spacer {
   height: 0;
}

.block-header {
  font-size: 15px;
  font-weight: bold;
  line-height:31px;
  color: #fff;
  margin-top:3px;
  text-align:center;
 
  height:31px;
 background: transparent url(media/toptitle.gif) left center no-repeat;
}
.block-header1 {
  font-size: 15px;
  font-weight: bold;
  line-height:31px;
  color: #fff;
  margin-top:3px;
  text-align:left;
  
 
  height:31px;
 background: transparent url(media/toptitle.gif) left center no-repeat;
}
.container_12 {
  background: #fff;
  
}

.error {
  border: 1px dotted #f00;
  color: #f00;
  padding: 3px;
  margin: 3px;
}

/* OPAC List */
.detailLink, .xmlDetailLink {
    padding: 1px;
    border: 1px solid #999999;
    text-decoration: none;
    background-color: #CCCCCC;
}

.xmlDetailLink {
    background-color: #FF9900;
}

.xmlResultLink {
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 12px;
    font-weight: bold;
    background-color: #003380;
    text-decoration: none;
    color: #FFFFFF;
}

.item {
    min-height: 70px;
    text-align: left;
    margin: 5px;
    margin-bottom: 10px;
    padding: 57px;
    padding-top: 1px;
    /*padding-left: 53px;*/
    padding-left: 85px;
    background: #f7f7f7 url(media/image.png) top left no-repeat;
    border:1px solid #ccc;
	
	-moz-border-radius:5px;
}6r

.item a,a:hover {
    font-size: 10px;
    font-weight: bold;
}

.item a:hover {
    text-decoration: none;
    color: #459801;
}

.item .detailLink {
    font-size: 10px;
}

.item .xmlDetailLink {
    font-size: 10px;
    background-color: #FF9900;
}

.subItem, .panes div.subItem {
    margin-top: 3px;
	border:none!important;
	padding:5px 0;
}

.marginTop {
    margin-top: 5px;
}

.tblHead {
  font-weight: bold;
  color: #333333;
}

.tblHead,.tblContent {
  border-bottom: 1px solid #ccc;
}

/*#buttons img { padding: 0 0 0 0; margin: 0 0 0 0 }
#buttons p { margin:0 0 0 0; padding:0 0 0 0; text-align: center; text-indent: 0; line-height: normal}
#buttons a {display : block; font-family: arial; font-size: 9pt; color: #ffffff; width :140px; height: 17px; background-image : URL(media/button1.png); background-repeat : no-repeat; text-align: center; text-decoration: none; padding: 10px 1 0 0; margin:0 0 0 0}
#buttons a:hover {display: block; font-family: arial; font-size: 9pt; color: #0060ff; width :140px; height: 17px; background-image : URL(media/button2.png); background-repeat : no-repeat; text-align: center; text-decoration: none; padding-top: 10px 0 0 0; margin:0 0 0 0}*/
#buttons img { padding: 0 0 0 0; margin: 0 0 0 0 }
#buttons p { margin:0 0 0 0; padding:0 0 0 0; text-align: center; text-indent: 0; line-height: normal}
#buttons a {display : block; font-family: arial; font-size: 9pt; color: #ffffff; width :182px; height: 42px; background-image : URL(media/button1.png); background-repeat : no-repeat; text-align: center; text-decoration: none; padding: 10px 0 0 0; margin:0 0 0 0}
#buttons a:hover {display: block; font-family: arial; font-size: 9pt; color: #0060ff; width :182px; height: 42px; background-image : URL(media/button2.png); background-repeat : no-repeat; text-align: center; text-decoration: none; padding-top: 10px 0 0 0; margin:0 0 0 0}

/*.new_tbl tr td img{
	border:5px solid #000 !important;
}

.new_tbl tr td:hover{
	border:2px solid #ccc !important;
	width:300px !important;
height:120px !important;}*/


.showbtn{
	text-align:"center !important;"}
/*-----------------------------------------------------------------------------------------------------------------*/

.new_header{
	
	
	background: url(media/header-bg.png) left top repeat-x;
	/*background:#05619b;*/
}

.menu_bg{
	
	height:30px;
	/*background: url(media/menu_bg.png) left top repeat-x ;*/
	background:#990000;
	border-top:1px solid  #fff;
}
.grid_2{
	float:left;
	

}
.tab1{
	border:1px solid #0000CC;
	-moz-border-radius:10px;
	padding-top:5px;
}
.tab1_header{
height:50px;
font-size:15px;
font-weight:bold;
border:1px solid #0000CC;
background:#0000CC;
-moz-border-radius:10px;
	
}
.tab2{
	border:1px solid #663366;
	-moz-border-radius:10px;
	padding-top:5px;
}
.tab2_header{
height:50px;
font-size:15px;
font-weight:bold;
border:1px solid #663366;
background:#663366;
-moz-border-radius:10px;
	
}
.tab3{
	border:1px solid #990000;
	-moz-border-radius:10px;
	padding-top:5px;
}
.tab3_header{
height:50px;
font-size:15px;
font-weight:bold;
border:1px solid #990000;
background:#990000;
-moz-border-radius:10px;
	
}
.tab4{
	border:1px solid #FF3300;
	-moz-border-radius:10px;
	padding-top:5px;
}
.tab4_header{
height:50px;
font-size:15px;
font-weight:bold;
border:1px solid #FF3300;
background:#FF3300;
-moz-border-radius:10px;
	
}
.tab5{
	border:1px solid #009966;
	-moz-border-radius:10px;
	padding-top:5px;
}
.tab5_header{
height:50px;
font-size:15px;
font-weight:bold;
border:1px solid #009966;
background:#009966;
-moz-border-radius:10px;
	
}
.tab6{
	border:1px solid #99CC00;
	-moz-border-radius:10px;
	padding-top:5px;
}
.tab6_header{
height:50px;
font-size:15px;
font-weight:bold;
border:1px solid #99CC00;
background:#99CC00;
-moz-border-radius:10px;
	
}
/*added started by Parth 30/8/2011 */

h1{
	font:calibri;
	font-size:24px;
	color:#FFFFFF;
	padding-left:5%;
	padding-top:5%;
}

p{
	padding-left:5%;
	font:calibri;
	font-style:italic;
	font-size:14px;
}
.left_menu{
	background:#1756DC; /*url(images/left-menu.jpg) no-repeat left top;*/
	height:47px;
	width:11px;
	padding:0px;
	margin:0px;
}
.main_menu{
	background:#1756DC;/*url(images/menu-bg.jpg) repeat-x left top*/
	width:98%;
	margin:0px auto;
}
.main_menu ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
.main_menu ul li{
	padding:0px;
	margin:0px;
	float:left;
}
.main_menu ul li a{
	border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.4);
	padding:14px 20px;
	margin:0px;
	text-decoration:none;
	line-height:46px;
	color:#FFFFFF;
        font-weight: bold;
        font-size: 16px;
}
.main_menu ul li:first-child a{border-left:none;}
.main_menu ul li:last-child a{border-right:none;}
.main_menu ul font li:first-child a{border-left: 1px solid rgba(255, 255, 255, 0.2);}
.main_menu ul li a font{color:#FFFFFF;}
.main_menu ul li a:hover, .main_menu ul li a:active{background:rgba(0,0,0,0.2);}
.right_menu{
	background:#1756DC; /*url(images/right-menu.jpg) no-repeat left top;*/
	height:47px;
	width:15px;
	padding:0px;
	margin:0px;
}

#user_login{
	margin: -32px 3px 3px !important;
    position: relative;
}
#wrapper{
	background:#FFFFFF;
	width:100%;
	height:100%;
	margin:0px auto;
	padding:0;
         
}

#side_bar{
width:19%;
padding-right:1%;
float:left;
}	

#tabs{
width:80%;
float:left;
padding:0px;
margin:0px auto;

}


#grad1{
	color: #fff;
	min-height: 125px;
	width:90%;
	/*padding: 10px;*/
    padding:10px;
	margin-right:5%;
	margin-bottom:5px;

               /*  padding-top: 2%;*/
		/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#2f5e9e), to(#7db1e8));
		/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #2f5e9e, #7db1e8);
		/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f5e9e, endColorstr=#7db1e8);
		/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f5e9e, endColorstr=#7db1e8)";
	-moz-border-radius:10px;
	/*margin:5%;*/
 	background:url(images/due_books_bg.png) repeat-x #305f9f;  
    font-weight: bold; 
	}
	
#grad2{
	color: #fff;
	/*min-height: 125px;*/
        min-height: 140px;
        
	margin-bottom:5px;
	width:90%;
	padding:10px;
                 /*padding-top: 2%;*/
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#7db888), to(#3f8a4d));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #7db888, #3f8a4d);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db888, endColorstr=#3f8a4d);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db888, endColorstr=#3f8a4d)";
		
			-moz-border-radius:10px;
	
               background:url(images/recent_act_bg.png) repeat-x #3f8a4d; 
              font-weight: bold; 
	}
/*.br{
	background:url(images/hr.png) repeat-x;
	height:2px;
	width:auto;
}*/

.due_date_style
{
/*text-decoration:blink;*/
color:#CCFF00;
font-weight:bold;
padding-top:12px;
}
.recent_activity
{
text-decoration:blink;
color:#CCFF00;
font-weight:bold;
padding-top:12px;
}

.content1{
		/*border:solid 2px;
        -moz-border-radius:10px;
        border-color:#BAD0FF; 
        padding-left:1%;
        padding-right:1%;*/
}
.alterCell3 {
    background-color: #FFF; 
  /*background-color: #CCCCCC;*/
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFF;
}

.l_inp input{
width:98%;
}

/*added ended by Parth 30/8/2011 */

input[type=text], select, textarea{
	padding:5px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #BBBBBB;
}
input[type=text]:focus, select:focus, textarea:focus{
	box-shadow:0 0 3px rgba(25, 76, 183, 0.5);
	border:1px solid #A7C3F8;
}

input[type="submit"], input[type="button"], input[type=reset] {
    background: #1756DC;
    border: 1px solid #154ABB;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 10px;
}
a{color:#1756DC;}

#footer {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    background:#222222;
	color:#FFFFFF;
    margin: 0 0 -20px;
    padding: 20px;
    text-align: center;
    width: 100%;
}
#memberLogout{color:#1756DC;}
#tabs_menu{margin:0 -20px;}
#wrap{width:96%!important;}

.contentWrapper3 h2 {
    color: #1756DC!important;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 820px!important;
}
.jcarousel-skin-tango .jcarousel-container {
    background: #F1F5FF!important;
    border: 1px solid #A3BEF7 !important;
}
.panes hr{border:none;}
.content1 td a{text-decoration:none; font-weight:bold;}
.border{border:1px solid #CCCCCC;}
.panes div div{border:none!important;}
.panes td[bgcolor="lightgray"]{background:none;}
form{padding-bottom:15px;}

.pagingList{margin:10px 0;}
.pagingList a , .pagingList b{
    border: 1px solid #CCCCCC;
    color: #333333;
    padding: 3px 10px;
    text-decoration: none;
}
.pagingList a:hover{background:#F2F2F2;}
.pagingList b{background:#1756DC; border:1px solid #1756DC; color:#FFFFFF;}

.content1{border-collapse: collapse;}
.content1 tr td {
    border: 1px solid #CCCCCC;
	border-top:3px solid #1756DC;
    padding: 20px;
}
.content1 tr td:first-child{border-right:none;}
.content1 tr td:last-child{border-left:none;}
.content1 tr{border-bottom:none;}
.content1 td div.authorField{margin-top:7px;}
.subItem inpu[type=submit]{margin:10px 0;}

#form.content1{width:400px;}
#form.content1 tr td {
    border: medium none;
    padding: 0;
}
#main-content2 #form.content1 tr:first-child td{font-size:18px; padding-bottom:15px;}
td.tblHead{background:#E8F0FF; padding:10px; border-right: 1px solid #B3BFD3;}