/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

/*a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }*/

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: both; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }



/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */

/* Boilerplate overwrites */

::-moz-selection { background: blue; color: #fff; text-shadow: none; }
::selection { background: blue; color: #fff; text-shadow: none; }


/* DEBUG */
/* {
	border:1px blue solid;
	margin: -2px;
}*/

.show-grid {
	margin-top: 10px;
	margin-bottom: 20px;
}

.show-grid [class*="span"] {
	background-color: #EEE;
	text-align: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-height: 30px;
	line-height: 30px;
	padding-left: 10px;
}

/* General Positioning */

html {
    overflow-y: scroll; /* always show scrollbar */
}

html, body {
   margin:0;
   padding:0;
   height:100%; /* so that the footer will always be on the bottom of the screen */
}

#wrapper {
   min-height:100%; /* so that the footer will always be on the bottom of the screen */
   position:relative;
}

.lt-ie7 #wrapper {
   height:100%;
}

#header {
	margin-bottom: 30px;
}

#main-nav, #main-nav div {
	height: 20px;
}

#simple-menu {
	display:none;
}

.search-result #header {
	float: left;
	clear: both;
}

.home #logo {
	padding-top: 160px;
}

.search-result #logo, .search-result-single #logo {
	margin-top: 14px;
}

.search-result .alert-search {
    background-color: lightgrey;
    border: 0px solid grey;
    color: black;
    height:27px;
}

div[role=main] {
   padding-bottom:180px;   /* height of the footer + padding-top of footer */
   clear: both;
}

.home div[role=main] {
   padding-top: 20px;
}

#footer {
   padding-top: 10px;
   position:absolute;
   bottom:0;
   width:100%;
   height:170px;   /* height of the footer */
}

#footer .nav > li > a:hover {
text-decoration: none;
background-color: transparent;
}

#partners {
	margin: 0 0 0 20px;
	}
	
#partners li {
	float: left;
	margin: 10px 20px 0 0;
	}

#footer .first {
	float: left;
	}

#footer .second {
	float: left;
	margin: 0 50px;
	}
	
#terms {
	padding: 24px 0 0 0;
}

form#search p{
	margin-top:15px;
}


/* element styling */

.dropdown-menu {
	left: auto !important;
	right: 65%;
	width: 400px;
}

.dropdown-menu a {
	white-space: normal !important;
	vertical-align: top;
}

.dropdown-menu a span {
	display:block;
	float: left; 
	width: 25px;
	font-weight: bold;
	margin: -1px 0;
}

#search {
	width: 590px;
}

#inputq {
	width: 480px;
	margin-right:20px;
	float:left;
}


/* search result */

.search-result .result ul li  {
	list-style: none;
}

.search-result .result article {
	position: relative;
	margin: 10px 0 10px 0;
	content: ""; display: table; /*clear-fix*/
}

li.journal span, li.msc span, li.reviewer span {
	text-decoration: underline;
}

.search-result .result ul .msc span {
	float: left;
}

.search-result .result ul .msc ul {
	float: left;
	margin-left: 4px;
}

.search-result .result ul .msc ul li {
	display: inline;
	margin: 0 0 0 4px;
}

.search-result .result ul .reviewer {
	clear: both;
}

.search-result .result h1 {
	font-size: 18px;
	line-height: 23px;
	margin-right: 10px;
	float: left;
}

.search-result .result h2,
.search-result .result h3,
.search-result .result li {
	font-size: 15px;
	line-height: 23px;
}

.search-result .references {
    color: grey;
    clear: after;
}


.highlight {
	font-weight: bold;
}

.offset-searchresult {
	position: relative;
	padding-left: 34px;
}

li.checkbox{
	position: absolute;
	left: 0px;
	top: 6px;
	width: 20px;
}

.zbnr h3 a {
	font-weight: normal;
	font-size: 0.95em; /*Numbers alone look too big*/
	letter-spacing: 1px;
}

.msc .meta {
	letter-spacing: 1px;
}

/* search result single */

.search-result-single h1 {
    font-size: 20px;
    }
    
.search-result-single .references h2 {
    font-size: 15px;
    }
    
.search-result-single .references {
    color: grey;
    clear: after;
    margin-top: 10px;
}

.search-result-single .references ol li {
    list-style: decimal !important;
}

.search-result-single .result ul li  {
	list-style: none;
}

.search-result-single .references .page_navigation a, .references .page_navigation a  {
    padding: 3px 3px;
    float: left;
}

.search-result-single .references a.active_page {
    text-decoration: underline;
}

/* FAQs */

.faqs p,dl{font-size:1.em;line-height:150%;margin-bottom:20px}
.faqs dl,dt,dd{padding:0;margin:0}

.faqs{padding-top:0px}
.faqs dt{font-weight:bold;background:url(/media/img/q.gif) 0 0 no-repeat;padding:2px 0px 15px 30px;position:relative;}
.faqs dt:hover{cursor:pointer}
.faqs dd{background:url(/media/img/a.gif) 0 0 no-repeat;padding:0px 0 15px 30px;position:relative;color:#333}
.faqs .hover{color:#990000;text-decoration:underline}

.faqs dd { display:none }

/* ellipsis */

.clearboth {
	display: inline;
}
/* Helper Class */

.center {
	margin: 0 auto !important;
	width: auto;
	text-align: center;
}

.errorlist{
    color: #ff0000;
    margin-left: 78px;
}


/* =============================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 767px) {
	#search {
		width: 100%;
	}

	#inputq {
		width: 80%;
	}
}

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* EXPERIMENTAL */

.treeview, .treeview ul { 

	padding: 0;

	margin: 0;

	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}



.treeview .hitarea {

	background: url(/media/img/treeview-default.gif) -64px -25px no-repeat;

	height: 16px;

	width: 16px;

	margin-left: -16px;

	float: left;

	cursor: pointer;

}

/* fix for IE6 

* html .hitarea {

	display: inline;

	float:none;
}
*/


.treeview li { 

	margin: 0;

	padding: 3px 10pt 3px 16px;

}



.treeview a.selected {

	background-color: #eee;

}



#treecontrol { margin: 1em 0; display: none; }



.treeview .hover { color: red; cursor: pointer; }



.treeview li { background: url(/media/img/treeview-default-line.gif) 0 0 no-repeat; }

.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }



.treeview .expandable-hitarea { background-position: -80px -3px; }



.treeview li.last { background-position: 0 -1766px }

.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(/media/img/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }



.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }


.treeview-red li { background-image: url(images/treeview-red-line.gif); }

.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(images/treeview-red.gif); } 



.treeview-black li { background-image: url(images/treeview-black-line.gif); }

.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.gif); }  



.treeview-gray li { background-image: url(images/treeview-gray-line.gif); }

.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview-gray.gif); } 



.treeview-famfamfam li { background-image: url(images/treeview-famfamfam-line.gif); }

.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(images/treeview-famfamfam.gif); } 



.treeview .placeholder {

	background: url(images/ajax-loader.gif) 0 0 no-repeat;

	height: 16px;

	width: 16px;

	display: block;

}



.filetree li { padding: 3px 0 2px 16px; }

.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }

.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }

.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }

.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }

/* toggle keyword cloud  */

#toggle-keywords{ display:inline-block; height:16px; width:16px;  background:url(/media/img/plus.png);}
#toggle-keywords.expanded{background:url(/media/img/minus.png);}

#more-similar-sw-toggle {color:black; padding-top:10px}
#more-similar-sw-toggle:hover{cursor:pointer}

#less-similar-sw-toggle {color:black}
#less-similar-sw-toggle:hover{cursor:pointer}

#similar-sw {padding-top:5px;}
#more-similar-sw {display: none;}

#show-more-similar-sw {padding-top:7px}
#show-less-similar-sw {padding-top:7px}

/* tooltip */

a.tooltip2 {outline:none; }
a.tooltip2 strong {line-height:30px;}
a.tooltip2:hover {text-decoration:none;} 
a.tooltip2 span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:500px; line-height:16px;
}
a.tooltip2:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip2 span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}

@media screen and (max-width: 450px) {

    /* debug */
    /* {
        border: 1px red solid;
    }
    */
    /* no floats no more */
    
    [class*="span"] {
        float: none !important;
	margin: 0 !important;
        }

    /* make everything fit the window */
    .wrapper, .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 100% !important;
    }

    .row {
        margin: 0 !important;    
    }
    
    /* Top nav */
	#simple-menu { 
        	display:block;
	}
    

    #main-nav .span6 {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Search */
    
    #header .span9 {
        width: 90% !important;
        margin: 0 auto !important;
    }
    
    
    /* Logo */
    
    #logo {
        margin: 20 0px !important;
        padding: 0 !important;
        width: 90% !important;
        text-align: center;
    }
        #logo img {
            width: 65% !important;
            height: auto;
        }
        
    /* make everything fluid */
    .span2, .span3, .span7, .span8, .span9, .span10, .span12 {
        width: 95% !important;
        margin: 0;
    }
        
    .offset2, .offset3, .offset4 {
        margin-left: 0 !important;
    }

    #search .input-append {
        width: 100% !important;
    }
    
    #search #q {
        width: 80% !important;
    }    
    
    #search button {
        width: 10% !important;
    }
    
    .alert-search {
        min-height: 80px;
        width: 85% !important;
        margin: 0 auto;
        padding: 10px;
    }
    
    .alert-search>div { /* change this in source code */
        width: 100% !important;
        float: none !important;
    }

    .alert-search>div>div { /* change this in source code */
        float: none !important;
    }
        
    /* Navigation Tabs */
    .nav-tabs {
        margin: 0 0 20px 0 !important;
    }
    
    /* Browse */
    
    #browse li {
        margin: 0 0 20px 0;
        list-style: none;
    }
    
    
    /*old wrapper delete it*/
    .home p {
        height: 0;
        width: 0;
        padding: 0 !important;
        margin: 0;
    }
    
    .home nav {
        margin-left: 4%;
    }
    
    /* blue box with text*/
    .row .span6 {
        width: 90% !important;
        margin: 20px auto !important;
        padding-top: 20px;
    }
    
    
    /* Search results page */
    
    article {
        padding: 10px 20px;
        margin: 0;
    }
    
    /* Single Result page */
    
        .references {
            /*display: none;*/ /* 2do remove javascript for mobile */
        }
        
        .endless_page_template>div, .clearfix>div {
            width: 100% !important;
        }
        
        .references canvas {
            width: 100% !important;
        }
        
        .search-result-single ul {
            margin: 0;
        }
        
        /* similar does not have the right html code */
        #similar-sw li, #more-similar-sw li {
            display: inline;
        }
        
        div[role=main] {
            padding-bottom: 20px;
            clear: both;
        }        
    /* Footer */
    
    #footer {
        position: relative;
        padding: 0px;
        margin: 0 auto;
        width: 90% !important;
        height: auto;
    }
    
    #footer .second {
        margin: 0;
    }
    
    #partners li {
        height: 80px;
        margin: 0px 20px 0 0;
    }


    #simple-menu {
        margin-left: 3%;
        padding-top: 3%;
    }

    #main-nav div {
        height: 1000px;
    }
    
    .nav-pills>li {
        float: none;
    }
    
    .sidr ul, .sidr li {
        width: 100% !important;
    }
    .sidr li {
        height: 40px;
        padding-top: 14px;
     }

.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#f8f8f8;color:#333;-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-o-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(51,51,51,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,0.9)}

}