/* General */
html {height:auto;overflow-y:scroll;}
body {
 background-color: #505050;
 background-repeat: no-repeat;
 background-image:-moz-linear-gradient(top,#606060 0%, #505050 100%);
 background-image:-webkit-linear-gradient(top, #606060 0%, #505050 100%);
 background-image:-o-linear-gradient(top, #606060 0%, #505050 100%);
 background-image:linear-gradient(180deg, #606060 0%, #505050 100%);
 font-size: 13px;font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
 color: #333333;
 margin: 0 0 10px 0;padding:0;
}

p {font-size:13px;color:#303030;margin:0px;}
p, h1, h2, h3, h4, a {font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
 font-weight:normal;padding:0px;margin:0px;}
h1 {font-size:19.5px;color:#802019; font-weight:normal;margin:4px 0 7px;line-height:1.5em;}
h2 {font-size:17px;color:#802019;font-weight:normal;line-height:1.3em;}
h3, h4 {font-size:13px;color:#802019;font-weight:normal}
h4 {font-style:italic}

hr {height:1px;border:none;color:#802019;border-color:#802019;background-color:#802019;padding:0px;margin: 5px 0px;}

a {color:#802019;text-decoration:none;
 -webkit-transition: all 0.15s ease-in-out;-moz-transition: all 0.15s ease-in-out;-o-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}
a:hover, a:focus, a:active {color:#bc1010}

img {border:none}
sub, sup {font-size:9px}

div.clear {clear:both;height:0px}
.no-display {display:none}

div#container {
 width:950px;
 background-color:#f9f9f9;
 position:relative;
 margin:0px auto;
 border-radius:0px 0px 3px 3px;
 box-shadow:10px 14px 10px -10px #202020;
 overflow:hidden;
}

/* top banner */
#banner {
 width:950px;height:176px;
 position:relative;
 box-shadow:0px 0px 10px -4px #333;
 margin:0 auto;
 background: url('/project_images/lites/litesasia.png') no-repeat scroll right top transparent;
}

div#bannerContainer {background:#535353;overflow:hidden;box-shadow:0px 10px 10px -14px black inset, 0px -10px 10px -14px black inset;}
#banner #logo {width:243px;height:100%;text-align:center;background:#ffffff;}
#banner #logo img{margin-top:85px}

/* content */
div#contentContainer {float:right;width:707px;background:#ffffff;min-height:560px;}
div#contentContainer {-webkit-border-radius:0px 0px 3px 0px;} /* for webkit inner element overflows outer element border-radius bug */
div#contentContainer #content {padding:0 40px 20px 20px;line-height:150%;}

div#content a {font-weight:bold}

/* lists */
div#content ul {list-style-type:square;list-style-position:outside;margin:0;padding:0 0 0 30px;
 list-style-image:url('/project_images/lites/lites_asia_logo_bullet.png');}
/* Breadcrumb */
div#breadcrumbbox p {line-height:40px;font-size:11px;color:#a0a0a0;opacity:0.8;}
div#breadcrumbbox p a, div.breadcrumb p a:visited {color:#a0a0a0;font-weight:normal}
div#breadcrumbbox p a:hover {color:#802019}
div#breadcrumbbox p span.breadcrumb-this a {color:#802019}

/* sidebar */
#sidebarContainer {width:243px;background:#f9f9f9}
#sidebarContainer #sidebar {background: none repeat scroll 0 0 white;border: 1px solid #802019;border-radius: 0 0 3px 3px;
 box-shadow: 0 0 2px #808080;margin: 36px 18px 20px;padding:0;}
#sidebarContainer #sidebar h2 {padding:10px;background-color:#802019;color:white}
#sidebarContainer #sidebar h2 a {color:white}
#sidebar div.root-widget-item {padding:10px}
#sidebarContainer a:hover {text-shadow:0 0 2px rgba(255,255,255,0.5);}
div.newsletter-signup-container input#email {width:180px;margin-bottom:12px;}

/* footer */
div#footer {width:950px;position:relative;margin:0 auto;}
div#footer p {text-align:center;margin:0;padding:10px;color:#d0d0d0;}
div#footer a, div#footer a:visited {color:#d9d9d9}
div#footer a:hover, div#footer a:active {text-decoration:none;color:#f0f0f0;}

/* MENU */
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0px;
 padding: 0px;
 width: 243px;
 list-style: none;
 background: transparent;
 border: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {position:relative;top:0px;left:0px;}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
 position: relative;
 margin-bottom: 1px;
 background-color: #e0e0e0;
}
.menulist li.sidelistitem-on li {
 margin-top:1px;
 background-color: #bc1010;
}

/* Links inside the menu */
.menulist li a {
 display: block;
 line-height: 16px;
 padding: 12px 0px 12px 18px;
 color: #303030;
 text-decoration: none;
 border: none;
 margin: 0px;
 font-size: 13px;
}

.menulist li.sidelistitem-on li a {
 line-height:16px;
 padding-top: 8px; padding-bottom: 8px;
}

.menulist a:visited {color:#303030}

.menulist li li.sidelistitem-on a {font-weight:bold}

.menulist li.sidelistitem-on a {color:#ffffff;background-color: #802019}

.menulist li.sidelistitem-on li a {
 color: #ffffff;
 background-color: #bc1010;
 font-size: 13px;
 padding-left:27px;
}

.menulist li.sidelistitem-on li a:hover, .menulist li.sidelistitem-on li a:focus {
 color: #ffffff;
 background-color: #802019;
}

.menulist a:hover, .menulist a:focus {
 color: #ffffff;
 background-color: #802019;
 border: none;
 margin: 0px;
}

/* Lit items 2nd-3rd level */
.menulist ul a:hover, .menulist ul a.highlighted:hover, .menulist ul a:focus {
 color: #ffffff;
 background-color: #bc1010;
 border: none;
 margin: 0;
}
.menulist ul li.sidelistitem-on a {background-color: #bc1010}

/* toolbar */
div#youtoolbar {position:relative;border-left:243px solid #f9f9f9;background:transparent;border-top:solid 0px #b02010;height:34px;width:707px;margin:0 auto;}
div#youtoolbar p {text-align:right;line-height:30px;padding-right: 0px;color:#d9d9d9;padding-right:180px}
div#youtoolbar p a {color:#d9d9d9}
div#youtoolbar p a:hover, div#youtoolbar p a:focus {color:#f0f0f0}

div#search {position:absolute;right:0px;top:4px;width:164px;height:20px;overflow:hidden;background: url('/project_images/c4/search.png') no-repeat right 0px;border: 1px solid #5c5c5c;float:right;}
input#google_input {'Lucida Grande',LucidaGrande,Lucida,Helvetica,Arial,sans-serif;background-color:#f0f0f0;transition:.5s;font-size:12px;border:1px solid #5c5c5c;margin:0px;padding:2px;height:17px;line-height:17px;width:135px;position:absolute;top:-1px;left:-1px;}
input#google_input:focus {background-color:#ffffff}
input#google_submit {position:absolute;top:0px;right:0px;background:transparent;width:25px;height:20px;padding:0px;margin:0px 0px 0px -5px;border: 0px none;text-indent: -9999px;cursor:pointer;}

/* sitemap */
div#content ul#sitemaproot {margin-top:24px}
div#content ul#sitemaproot li {margin-top:12px;min-width:295px}
div#content ul#sitemaproot li a {font-weight:bold}
div#content ul#sitemaproot li li {margin-top:0px;float:none;min-width:20px;margin-right:7px}
div#content ul#sitemaproot li li a {font-weight:normal}

/* library */
div#sorting-box {background-image:-webkit-linear-gradient(#f9f9f9,#e0d0d0);background-image:-moz-linear-gradient(#f9f9f9,#e0d0d0);background-image:linear-gradient(#f9f9f9,#e0d0d0);background-color:#f6f6f6;border-radius:8px;box-shadow:0px 1px 3px gray;padding:18px;margin-bottom:18px;}
div#sorting-box span.input {border-radius:4px;box-shadow:0px 0px 2px gray;display:inline-block;margin-bottom:2px;padding:0px 6px 2px 0px;line-height:21px;background-color:#f6f0f0;background-color:rgba(255,255,255,0.6)}
div#sorting-box h1 {margin-top:0px;line-height:1.4em}
div#sorting-box label, input {cursor:pointer}
div#sorting-box p.taggroup-title {color:#802019;margin-top:5px;position:relative;cursor:pointer;font-weight:bold}
input[type="checkbox"] {position:relative;top:2px}
input[type="submit"] {margin-top:8px}

div#sorting-box div.closed p.taggroup-title {font-weight:normal}
div#sorting-box div.closed span.input {display:none}
div#sorting-box div span.filter-inactive {font-weight:normal;color:gray;visibility:hidden;opacity:0.0}
div#sorting-box div.closed span.filter-inactive {visibility:visible;opacity:1.0;transition:0.25s}
span.arrow {
 display:block;position:absolute;
 width:0;height:0;
 border-top: 4px solid gray;
 border-right: 4px solid transparent;
 border-bottom:0 none;
 border-left: 4px solid transparent;
 left:-11px;top:8px;
}
div.closed span.arrow {
 border-top: 4px solid transparent;
 border-right:0 none;
 border-bottom: 4px solid transparent;
 border-left: 4px solid gray;
 left:-8px;top:6px;
}

/* library results lists */
div.results-div {border-top:1px dotted #e0e0e0;border-bottom:1px dotted #e0e0e0;position:relative;margin-bottom:-1px;-webkit-transition:0.5s;transition:0.5s;padding:2px 1px;}
div#results-header h4#hits {float:left;}
div#results-header h4#publication-date-header {text-align:right;color:#333;font-size:12px;}
div.results-div a {font-weight:bold}
div.results-div:hover {box-shadow:0px -6px 6px -4px #e0e0e0, 0px 6px 6px -4px #e0e0e0;cursor:pointer;border-style:solid none}
div.results-div:hover a {color:#BC1010}
div.results-div img.file-img {margin:2px 0px;width:32px;height:auto;float:left;border-radius:1px}
div.results-div div.pubdate {width:75px;position:absolute;top:0px;right:0px}
div.results-div div.pubdate p {text-align:right;white-space:nowrap;font-size:12px;color:#333}
div.results-div div.pubdate p i {color:#999}
div.results-div div.description {padding:0 80px 0 38px;}
div.results-div div.description p.description {font-size:12px}
div.results-div div.description p.tags {font-size:10px;color:#666}
div.results-div div.description p.tags span {background-color: #F7F3F3;border-radius:2px;padding: 0 2px}