.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family:'Lucida Grande', Helvetica, Arial, sans-serif; font-size: 1em;}
.ui-widget-content {color: #555;}
.home-main {margin-top: -20px;}
.home-main .left-tab-panel {font-weight: bold; overflow:hidden;}
.home-main .left-tab-panel .heading {margin: 6px 0;}

.branch-main .left-tab-panel {font-weight: bold; overflow:hidden;}
.branch-main .left-tab-panel .heading {margin: 6px 0;}
.branch-main .left-tab-panel .srchbtn input {border:0; }
.branch-main .dropdown select {width:300px; padding:6px; background: #fff; border:1px solid #ccc;  -webkit-border-radius: 8px;  -moz-border-radius: 8px; border-radius: 8px; letter-spacing: 1px;}
.branch-main .left-tab-panel .rdbtn input {border: 0; margin-right:2px; margin-top:-1px;}

#quicksearch {overflow:hidden;}
.srchbox input {letter-spacing: 1px; margin-right:4px; background:#fff;border-radius:8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 8px; width:428px; float:left; border:1px solid #ccc;}

.srchbtn {float:left;}
.srchbtn input {border:0; width:32px; height: 32px;background: url(/common/images/pointers/searchred32.png) !important;}

.home-main #articles .topdb{width:260px;} /*delete after migration*/
.home-main #everything .topdb{width:260px;}
.topdb {float: left; border-radius:8px; background:#fff; border:1px solid #ccc; overflow:hidden;}
.topdb #bytitle {padding: 6px 8px 0 10px; letter-spacing:1px;}
.topdb ul.alphabets {float:left; overflow:hidden; margin:0 0 10px 0;}
.topdb ul.alphabets li {margin: 5px 0 0 5px;}
.topdb ul.alphabets li a {width:20px; font-size:11px;}

.home-main .dropdown select {width:300px;padding:6px; background: #fff; border:1px solid #ccc;  -webkit-border-radius: 8px;  -moz-border-radius: 8px; border-radius: 8px; letter-spacing: 1px;}
.subdb {float:right; margin-bottom:20px;}
.home-main #articles .subdb .dropdown select {width: 210px;} /*delete after migration*/
.home-main #everything .subdb .dropdown select {width: 210px;}
.branch-main .topdb ul {float: left; margin-top: 10px; width:214px; margin:10px;}
.branch-main .topdb li {float:left; width: 210px; border:0; margin-left: 10px; font-weight:normal;}
.branch-main .topdb ul.alphabets {width: 456px; }
.branch-main .topdb ul.alphabets li {width: 20px; border:1px solid #bbb; font-weight:bold; }


.home-main .left-tab-panel .rdbtn input {border: 0; margin-right:2px; margin-top:-1px;}
ul.rdbtn {padding: 0; margin:0; height:22px;}
.rdbtn li {float: left; margin-right: 14px; letter-spacing:1px; }
#select-journal-title select {margin-bottom: 10px;}

/* Added by Jonahlyn 8/18/2014 */
.home-help-link{text-align:right;position:relative;right:9px;top:-14px}
.home-help-link a{padding:3px;font-size:12px;font-style:italic;color:#c10037!important}


.bubble  {float: right; position: relative; width: 150px; line-height: 16px; background-color: #fff; border: 2px solid #ccc;  padding: 10px; margin: 0 4px 4px 0;
    -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 2px 2px 4px #bbb; -moz-box-shadow: 2px 2px 4px #bbb; box-shadow: 2px 2px 4px #bbb;}  
.bubble:before  {content: ' '; position: absolute; width: 0; height: 0; left: 22px; top: -24px; border: 12px solid; border-color: transparent transparent #ccc #ccc;} 
.bubble:after {content: ' '; position: absolute;  width: 0; height: 0; left: 24px;  top: -19px;  border: 11px solid;  border-color: transparent transparent #fff #fff;}  
.tip {font-size: 11px; font-weight: normal;}

.tablink {float:left; margin: -16px 0 0 9px; letter-spacing:1px; font-size:10px; position: relative;}
.tablink-branch {float:left; margin: -18px 0 0 8px; letter-spacing:1px; font-size:10px;}

img#qsinfo {margin: 0 0 -4px 4px;}
#journals .dropdown select {width: 180px;}
.fontred {color:#c10037;}

.lngrsrvbox {font-size: 14px; width: 80%; margin: 5%; min-height: 40px; float:left; padding:16px;}
.rsrvbox {font-size: 14px; width: 100px; margin: 10px; float: left; overlfow: hidden; padding: 16px; }
.arrwrght {width: 70px; height: 22px; float: left; margin-top:24px; padding:8px 0; background:transparent url(/common/images/pointers/arrow-right-grey32.png) no-repeat 34px 0;}
.sayno, .sayyes {font-size: 14px;}
.arrwdn {height: 52px; width:32px; margin: 0px 60px; text-align: center; overflow: hidden; float:left; background:transparent url(/common/images/pointers/arrow-down-grey32.png) no-repeat 0px 20px;}
.faculty {float:right;}

#api_subjects_iid237 form {margin:0; }

#unicolls .topdb ul {float: left; width:200px; margin:0; padding: 16px; height: 196px;}
#unicolls .topdb ul li {margin-bottom: 12px; line-height: 1.2em;}
/*#unicolls .topdb ul li a {background: url(/common/images/pointers/bullet18.png) no-repeat 0 0; padding-left: 22px; margin-left: -22px;}*/
#unicolls .topdb .tip {color: #aaa;}
#unicolls .scndhalf {float:left; margin-top: -23px; margin-left: 18px;}
#unicolls .heading {margin: 0 0 6px 0;}


.home-hours {border-top:2px solid #ddd;padding-top:6px;}
.home-hours img {float:left; margin:2px 6px 0 0;}
.home-hours td {line-height: 14px; width: 120px;}
.home-hrs-dtld {font-size: 10px; float: right; width:109px; margin-top:-10px; }

.hrs-lib {width: 100px; float:left; padding:2px; }/*margin-left: 10px;*/
.hrs-time {padding:2px;}

.branch-info {margin-top: 10px; padding:2px;line-height:20px; font-weight:bold;}
.home-quicklinks {margin-top: 12px; border-top:2px solid #ccc;}
.home-quicklinks ul {padding: 0; margin-top:8px;}
.home-quicklinks ul li {margin:3px 0px; padding: 4px; background:#fff; width:106px; float:left; font-size:11px; }
.home-quicklinks img {float:left; margin-right: 5px;}


.aal {border-top: 2px solid #aaa;padding:12px 0;}
.aal img {float:left; margin: 3px 6px 0 0;}

/*Added by Christine for Magic, INLP and IAS pages 10/23/2012*/
#service-points-gallery {padding-top:10px; margin-top: 10px;; width: 670px;}
#service-points-gallery img {width: 670px;}


#home-gallery { border-top:2px solid #333;padding-top:10px;}/*width: 310px; float:left;margin-top: 20px;*/
#home-gallery img {width: 325px;}

.caption {font-size: 12px; line-height: 16px;}


#home-news {padding-top:10px; border-top:2px solid #999;} /*margin-top: 20px; width:310px; float:left; margin-left:20px; */
#home-news .ui-tabs .ui-tabs-panel {margin-top: 10px; background: #fff; padding:0;}
#home-news p {line-height: 16px; }

.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0;}

.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;  }
.mega-menu .sub ul {display: block; height: 151px;}

/*.top-nav {font: normal 13px Arial, sans-serif; line-height: 16px;}*/
.landing {font-weight: bold; float: left; width:100px; margin:10px 0; border-right: 1px #ccc dotted;height: 100px;} /*font-size:14px;text-shadow: 1px 1px 1px #eee;*/

.top-nav ul.mega-menu, .top-nav ul.mega-menu, .top-nav ul.mega-menu li {margin: 0; padding: 0; border: none;}
.top-nav ul.mega-menu {height: 32px; position: relative; background-color: #5E5D60; border-top: #aaa 1px solid; border-bottom: #aaa 1px solid;}
.top-nav ul.mega-menu li {float: left; margin: 0; padding: 0; font-size: 13px; font-weight: bold; list-style:none; border-right: 1px solid #eee;}
.top-nav ul.mega-menu li a {float: left; display: block; color: #fff; padding:6px 44px 8px 36px; text-shadow: none; text-decoration: none;}
/*.top-nav ul.mega-menu li#first {border-left: 1px solid #ccc; }*/
.top-nav ul.mega-menu li.active {background-color: #fff; }/*color: #c10037;*/
.top-nav ul.mega-menu li.active a  {color: #c10037; font-weight:bold; }
.top-nav ul.mega-menu li a.mega {position: relative;}
.top-nav ul.mega-menu li a .mega-arrow {display: block; position: absolute; top: 14px; right: 32px; width: 8px; height: 6px; background: url(/common/images/pointers/topnav-arrow-down.png) no-repeat 0 0;}

.top-nav ul.mega-menu li.mega-hover a, .top-nav ul.mega-menu li a:hover {background-color: #ccc; background-position: 100% -40px; color: #555; text-shadow: none;} /*.top-nav ul.mega-menu li a:active */
.top-nav ul.mega-menu li.mega-hover a .mega-arrow {background-position: 0 100%;}

.top-nav ul.mega-menu li .sub-container {position: absolute; background: #fff; left: 0px; top:32px; z-index:999; width: 100%;  }
.top-nav ul.mega-menu li .sucontainer.non-mega .sub {padding: 20px 20px 20px 0;}
.top-nav ul.mega-menu li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}
.top-nav ul.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; background: url(/common/images/pointers/arrow-off.png) no-repeat 7px 10px;}
.top-nav ul.mega-menu li .sub-container.non-mega li a:hover {color: #c10037; background: #efefef url(/common/images/pointers/arrow-on.png) no-repeat 7px 10px;}

.top-nav ul.mega-menu li .sub {padding: 20px 0px 20px 20px; height: 220px; border-bottom: 2px solid #ccc; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;  
  -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;   -moz-border-bottom-right-radius: 10px; -moz-border-bottom-left-radius: 10px;
  -moz-box-shadow:  0 8px 16px -6px #5E5D60; -webkit-box-shadow: 0 8px 16px -6px #5E5D60; box-shadow: 0 8px 16px -6px #5E5D60;} /*background: url(../images/bg_sub.png) no-repeat 100% */ 
.top-nav ul.mega-menu li .sub-container.mega .sub {padding: 20px 20px 10px 0;}
.top-nav ul.mega-menu li .sub .row {width: 100%; overflow: hidden; clear: both;}
.top-nav ul.mega-menu li .sub li {list-style: none; float: none; font-size: 12px; font-weight: normal;margin:0; border:0}
.top-nav ul.mega-menu li .sub li.col4 {width: 180px;}
.top-nav ul.mega-menu li .sub li.col3 {width: 240px;}
.top-nav ul.mega-menu li .sub li.mega-hdr {margin: 0 0 20px 20px; float: left;}
.top-nav ul.mega-menu li .sub li.mega-hdr.last {margin-right: 0;}
.top-nav ul.mega-menu li .sub a {background: none; border: none; text-shadow: none; color: #111; padding: 7px 10px; display: block; float: none; text-decoration: none; font-size: 12px;}
.top-nav ul.mega-menu li .sub a img.new-window {margin-bottom: -2px; margin-left: 4px;}
.top-nav ul.mega-menu li .sub li.mega-hdr .mega-hdr-a {font-size: 12px; padding-top: 5px; padding-left: 5px; margin-bottom: 5px; text-transform: uppercase; font-weight: bold; border-bottom: 2px #aaa solid;} 
.top-nav ul.mega-menu .sub li.mega-hdr li a {padding: 5px 4px 5px 16px; line-height: 16px; background: url(/common/images/pointers/arrow-off.png) no-repeat 5px 10px; font-weight: normal;}

.top-nav ul.mega-menu .sub li.mega-hdr li a:hover {color: #c10037; background: #efefef url(/common/images/pointers/arrow-on.png) no-repeat 5px 10px;}
.top-nav ul.mega-menu .sub ul li {padding-right: 0;}


#affiliated {line-height: 20px; font-weight: bold;margin: 10px 0 0 10px; }
#closeButton {margin-right: 20px; float:right;}
#closeButton a:hover {color:#c10037;}

.google-search, #___gcse_0, #xgcse {float: right; width: 230px; margin-top: -30px; margin-right: 20px; height: 30px;}
/*.cse input.gsc-input,input.gsc-input {background-image:none !important;}  it works. comment out for now*/