/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}



/*	Typography presets
	------------------	*/

.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}

.huge, h1 {
	font-size: 32px;
	line-height: 36px;
	letter-spacing: 0px;
}

.large, h2 {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #535a73;
}

.bigger, h3 {
	font-size: 26px;
	font-weight: normal;
	line-height: 36px;
}

.big, h4 {
	font-size: 22px;
	line-height: 30px;
}

body {
	/*font: 14px/20px 'Trykker',serif;*/
	font-size: 16px;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 22px;
}

.small, small {
	font-size: 12px;
	line-height: 18px;
}

.tiny{
	font-size: 10px;
	font-weight: normal;
	
}

/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}

div.clear{
	clear: both;
}

form{
	margin:0;
	padding:0;
}

.yogh{
	font-family: serif;
}

.largeFA{
	font-size: 25px;
	vertical-align: text-bottom;
	color: #FFF;
}

.xlargeFA{
	font-size: 50px;
	vertical-align: text-bottom;
	color: #FFF;
	margin-right: 10px;
}

.tip{
	cursor: pointer;
}

/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

a{
	color: #224a68;
	text-decoration: underline;
}

a:hover, a:active{
	color: #92c2e8;
	text-decoration: underline;
}

body{
	background-color: #FFF;
}

#header{
	margin:0;
	background-color: #224a68;
	padding-top: 20px;
}

#headerInner{
	margin: 0 auto;
	width: 896px;
	padding: 20px 10px 10px 10px;
}

#headerLogo{
	float:left;
	margin-right: 20px;
	padding-right: 20px;
	margin-top: 5px;
	font-size: 36px;
	color: #FFF;
	line-height: 46px;
	border-right: 2px solid #FFF;
}

#headerText{
	float: left;
}

#headerInner h1{
	color: #FFF;
	font-size: 26px;
	line-height: 26px;
}

#headerInner h1 a, #headerLogo a{
	text-decoration: none;
	color: #FFF;
}

#nav{
	margin:0;
	background-color: #92c2e8;
	display: block;
	margin-bottom: 20px;
	border-bottom: 8px solid #dce9f3;
}

#navInner{
	margin: 0 auto;
	width: 884px;
	padding: 5px 30px 0 30px;

}

#nav .menu li{
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	list-style: none;
}

#nav .menu li a{
	text-transform: uppercase;
	display: block;
	margin: 0;
	padding: 5px 10px;
	text-decoration: none;
	color: #FFF;
	border-top-left-radius: 4px; 
	-moz-border-radius-topleft: 4px; 
	-webkit-border-top-left-radius: 4px; 
	border-top-right-radius: 4px; 
	-moz-border-radius-topright: 4px; 
	-webkit-border-top-right-radius: 4px; 
}


#menu-dsl-menu > li.current-menu-item, #menu-dsl-menu >  li.current-menu-ancestor, #menu-dsl-menu >  li.current-page-ancestor{
	background-color: #dce9f3;
	border-top-left-radius: 4px; 
	-moz-border-radius-topleft: 4px; 
	-webkit-border-top-left-radius: 4px; 
	border-top-right-radius: 4px; 
	-moz-border-radius-topright: 4px; 
	-webkit-border-top-right-radius: 4px; 
	
}

#nav .menu li.current-menu-item a, #nav .menu li.current-menu-ancestor a, #nav .menu li.current-page-ancestor a{
	color: #224a68;
}


#nav .menu li a:hover, #nav .menu li a:active{
	background-color: #224a68;
	color: #FFF;
}

#menu-dsl-menu >li > .sub-menu{
	display: none;
	position: absolute;
	list-style: none;
	background-color: #224a68;
	padding: 5px;
	padding-bottom: 10px;
	/* width: 160px; */
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	border-bottom-left-radius: 2px; 
	-moz-border-radius-bottomleft: 2px; 
	-webkit-border-bottom-left-radius: 2px; 
	border-bottom-right-radius: 2px; 
	-moz-border-radius-bottomright: 2px; 
	-webkit-border-bottom-right-radius: 2px;
	z-index: 999;
}

.sub-menu > li > .sub-menu{
	margin-left: 25px;
}

#nav .sub-menu li{
	float:none;
	display: block;
}

#nav .sub-menu li a{
	text-transform: none;
	width: 100%;
	font-size: 14px;
	display: block;
	color: #FFF !important;
	padding: 5px;
	border-top: 1px solid #7198B4;
	margin-bottom: 2px;
	border-top-left-radius: 0px; 
	-moz-border-radius-topleft: 0px; 
	-webkit-border-top-left-radius: 0px; 
	border-top-right-radius: 0px; 
	-moz-border-radius-topright: 0px; 
	-webkit-border-top-right-radius: 0px; 
}

#nav .sub-menu li a:hover, #nav .sub-menu li a:active, #nav .sub-menu li.current-menu-item > a,  #nav .sub-menu li.current-page-ancestor a{
	background-color: #92C2E8 !important;
	border-top: 1px solid #92C2E8 !important;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	border-radius: 2px !important;
}

.closeSub{
	text-align: center;
	border: 0 !important;
	line-height: 8px !important;
	padding: 2px !important;
}

.closeSub:hover, .closeSub:active{
	background-color: transparent !important;
	border-top: 0 !important;
	box-shadow: none !important;
}

.level3{
	margin-left: 20px;
	
}

.level3 a{
	font-size: 12px !important;
	border-top: none !important;
}

#navCompact{
	display: none;
}

#compactMenu{
	display:none;
}

#searchBox{
	float:right;
	color: #FFF;
}

#searchAdvanced{
	float:right;
}

.goButton, h4 .toTop{
	cursor: pointer;
	color: #FFF;
	padding: 5px;
	margin-left: 5px;
	font-weight: bold;
	background-color: #224a68;
	border: 1px solid #224a68;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	border-radius: 2px;	
	text-decoration: none;
	-webkit-appearance: none;
}

#advancedSearch .goButton, #bibSearch .goButton{
	margin-left: 0;
	float:right;
	margin-top: 10px;
}

#browseBox .goButton{
	background-color: #EEE;
	border: 1px solid #EEE;
	color: #224a68;
	
}

.matchTypeInfo{
	margin: 0px 10px 0px 7px;
}

.goButton:hover, .goButton:active, #browseBox .goButton:hover, #browseBox .goButton:active{
	text-decoration: none;
	background-color: #def2f0;
	border: 1px solid #def2f0;
	color: #224a68 !important;
}

 h4 .toTop:hover, h4 .toTop:active{
	text-decoration: none;
	background-color: #92C2E8;
	border: 1px solid #92C2E8;
}

#main{
	margin: 0;
}

#mainInner{
	margin: 0 auto;
	width: 896px;
	background-color: #FFF;
	padding: 10px;	
}

#mainWithSidebar{
	float:left;
	width: 599px;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #92c2e8;
}

#dslSidebar{
	float:right;
	width: 276px;
}

#footer{
	left:0px;
	bottom:0px;
	width:100%;
	background-color: #224a68;
	color:#fff;
	margin-top: 20px;
}

#footerInner{
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 40px;
	width: 896px;
	color: #FFF;
}

#footerText{
	float:left;
	width: 200px;
}

#footerText a{
	color: #FFF;
	text-decoration: none;
}

#footerSocial{
	float:right;
}

#footerSocial a{
	color: #FFF;
	text-decoration: none;
	font-size:	3em;
	margin-left:5px;
}

#footerSocial a:hover, #footerSocial a:active{
	color: #92c2e8;
}

.toTop img {
    vertical-align: text-top;
}

#sld, #scottishGovernment, #uog{
	float:right;
	text-align:right;
	height: 55px;
	padding: 5px 0;
	margin-left: 20px;
	margin-top: 20px;
}

#sld{
	float:left;
	margin-left: 0;
}

#sldText, #govText, #uogText{
	float:right;
	text-align:left;
}

#sldText a, #govText a, #uogText a{
	color: #FFF;
	text-decoration: none;
}

#sldImage, #govImage, #uogImage{
	float: right;
	margin-left: 10px;
}

#sldImage{
	float:left;
	margin-right: 10px;
	margin-left: 0;
}

#sldImage img, #govImage img, #uogImage img{
	height: 55px;
	border-radius: 4px;
	background-color: #FFF;
	padding: 5px;
}

#breadcrumbs{
	color: #7c7c7c;
	margin-bottom: 10px;
}

#breadcrumbs a{
	color: #7c7c7c;
	text-decoration: none;
}

#welcomeLeft{
	float:left;
	width: 480px;
}

#welcome{
	padding: 10px 10px 20px 10px;
	color: #000;
	background-color: #def2f0;
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	margin-bottom: 20px;
}

#welcome ul, .welcomeOther ul{
	margin: 20px;
	list-style-type: square;
}

#qsSource{
	font-size: 0.7em;
}

#moreCurrent ul, ul.regular{
	margin: 30px;
	list-style-type: square;
}

ul.l2{
	margin-left: 60px;
}

#moreCurrent ol{
	margin: 30px;
}

#welcomeRight{
	width: 380px;
	float:right;
}

.welcomeOther{
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	margin-bottom: 20px;		
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	padding: 10px 10px 25px 10px;
}

.welcomeOther h3 img{
	vertical-align: text-top;
}

#welcomeSearch{
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	padding: 20px 10px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	background-color: #92c2e8;
	color: #FFF;
	margin-bottom: 20px;	
}

#searchInstructions{
	float: left;
	width: 300px;
	margin-left: 10px;
	background-color: #EEE;
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 	
	padding: 20px 10px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

#advancedSearch, #bibSearch{
	float: left;
	width: 540px;
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	padding: 20px 10px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	background-color: #92c2e8;
	color: #FFF;
	margin-bottom: 20px;	
}

#advancedSearch p, #bibSearch p{
	margin-bottom: 40px;
}

#advancedSearch label, #bibSearch label{
	font-weight: normal;
	cursor: pointer;
}

#advancedSearch label img, #bibSearch label img{
	margin-right: 10px;
}

#searchInput, input[type="text"]{
	border: 0;
	border-radius: 2px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15) inset;
	padding: 5px;
	line-height: 1.4em;
}

#advancedSearch input[type="text"], #bibSearch input[type="text"]{
	color: #9e9e9e;
	margin-top: 10px;
}

.widget_search{
	margin-bottom: 10px;
}

.widget_search input{
	border: 1px solid #92c2e8;
}

.dslNewsBox{
	background-color: #dce9f3;
	padding: 10px;
	border-radius: 2px;
	margin-bottom: 20px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	
}

#welcomeSearch p{
	margin-bottom: 30px;
	clear: both;
}

#welcomeSearch a{
	color: #FFF;
}

#yoghBox{
	float: right;
	text-align: left;
}

#advancedSearch #yoghBox{
	float: none;
}

#yoghBox a{
	text-decoration: none;
	padding: 5px;
}

#yoghBox a:hover, #yoghBox a:active{
	background-color: #def2f0;
	color: #224a68;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	border-radius: 2px;
}

#yoghTip{
	color: #FFF;
}

#yoghTip:hover, #yoghTip:active{
	background-color: #224A68 !important;
	color: #FFF !important;
}

#welcomeOther{
	padding: 20px 10px;
	margin-left: 20px;
	margin-top: 20px;
}

p{
	text-align: justify;
	margin-bottom: 10px;
}

.right{
	text-align: right;
}

.floatRight{
	float: right;
}
#welcomeSearch #searchInput{
	width: 320px;
}
#advancedSearch input[type="text"], #bibSearch input[type="text"]{
	width: 280px;
}

.colourBox{
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	margin-bottom: 20px;		
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	padding: 10px;
	color: #FFF;
	float: left;
	margin: 0 10px 10px 0;
	width: 250px;
	height: 120px;
}

.colourBoxTall{
	height: 140px;
}

.colourBox img{
	vertical-align: text-top;
}

.colourBox p{
	margin-top: 5px;
	text-align: left;
}

.colourBox p img{
float:left; margin: 0 10px 70px 0;
}

.colourBox a{
	color: #FFF;
}

.csdExample{
	border-radius: 2px; 
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	padding: 10px;
	color: #FFF;
	margin-bottom: 10px;
}

.supportUsBox{
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 		
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	padding: 10px;
	color: #FFF;
	float: left;
	margin: 20px 20px 10px 0;
	width: 45%;
	height: 300px;
}

.supportUsBox a{
	font-weight: bold;
	color: #FFF;
}

.bankText{
	display: inline-block;
	font-weight: bold;
	width: 120px;
	margin-right: 20px;
}

.donationType{
	font-weight: bold;
	font-size: 22px;
	display: inline-block;
	width: 140px;
	margin-right: 0px;
}


.lessPadding span{
	padding: 0.3em !important;
}

.advancedSelection{
	font-size: 16px;
}

.hiddenEntry{
	display: none;
}

#dostResultsNew h4, #sndResultsNew h4{
	font-size: 14px;
	margin-bottom: 10px;
	margin-left: 15px;
	font-weight: normal;
}

#dostResultsNew, #sndResultsNew{
	width: 40%;
	float: left;
	padding: 10px;
	color: #224A68;
	border: 2px solid #92C2E8;
	margin-top: 0px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
}

#sndResultsNew{
	margin-right: 5px;
}

.resultsPageNav{
	text-align: center;
	padding: 5px;
	background-color: #224A68;
	color: #FFF;
	border-radius: 2px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

.resultsPageNav b{
	padding: 0px 2px;
	background-color: #EDB2E7;
	border-radius: 2px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

.sndJumpTo a, .dostJumpTo a{
	color: #FFF;
	text-decoration: none;
	padding: 0px 2px;
}

.sndJumpTo a:hover, .dostJumpTo a:hover, .sndJumpTo a:active, .dostJumpTo a:active{
	background-color: #FFF;
	color: #224A68;
	border-radius: 2px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

.resultsPageNav img{
	vertical-align: middle;
	padding-bottom: 2px;
}

.sndNext, .sndPrev, .dostNext, .dostPrev{
	text-decoration: none;
	color: #FFF;
	padding: 0px 5px;
}

.sndNext:hover, .sndPrev:hover, .dostNext:hover, .dostPrev:hover, .sndNext:active, .sndPrev:active, .dostNext:active, .dostPrev:active{
	background-color: #FFF;
	text-decoration: none;
	color: #224A68;
	border-radius: 2px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

.sndBorder{
	border-right: 1px solid #7198B4;
}

.dostBorder{
	border-left: 1px solid #7198B4;
}

.fullWidth{
	width: 90% !important;
}

#aboutEntry{
	font-size: 0.7rem;
	line-height: 0.9rem;
	background-color: #f0f0f0;
	padding: 5px;
	margin-bottom: 20px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

#bibResults{
	width: 90%;
	float: left;
	padding: 10px;
	color: #224A68;
}

#sndResultsNew ol, #dostResultsNew ol, #bibResults ol, ol.regular{
	margin-left: 30px;
}

#sndResultsNew li, #dostResultsNew li, #bibResults li{
	line-height: 1.8em;
	margin-bottom: 5px;
}

sup { vertical-align: top; font-size: 0.7em; }


#sndResultsNew ol a, #dostResultsNew ol a, #bibResults ol a{
	color: #224A68;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

#sndResultsNew ol a b, #dostResultsNew ol a b, #bibResults ol a b{
	padding-left:10px;
}

#sndResultsNew ol a:hover, #sndResultsNew ol a:active, #dostResultsNew ol a:hover, #dostResultsNew ol a:active, #bibResults ol a:active, #bibResults ol a:hover{
	background-color: #def2f0;
	color: #224a68;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	border-radius: 2px;
	
}

#dostResultsNew  h4 a,#sndResultsNew  h4 a{
	color: #224A68;
	text-decoration: underline;
}

#dostResultsNew  h4 a:hover, #dostResultsNew  h4 a:active, #sndResultsNew  h4 a:hover, #sndResultsNew  h4 a:active{
	text-decoration: underline;
}

.postHighlight{
	display: block;
	line-height: 10px;
}

.highlightsOdd{
	background-color: #9eb6c7;
	display: block;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	color: #FFF;
}

.highlightsEven{
	background-color: #81a8c4;
	display: block;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	color: #FFF;
}

.highlightsOdd em, .highlightsEven em, .highlight {
    background-color: #edb2e7;
    color: #FFF;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
}

.highlightsOdd em, .highlightsEven em{
	font-style: normal;
}

.highlight{
	color: #000;
}

h4.dictionaryTitle{
	color: #92c2e8;
	font-size: 18px;
}

p.supplement{
	color: #92c2e8;
	font-weight: bold;
}

h3.heading{
	color: #224A68;
	margin-bottom: 20px;
}

h3.colouredHeading{
	color: #FFF;
	margin-bottom: 20px;
	margin-top: 40px;
	background-color: #92C2E8;
	padding: 5px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

h4.subHeading{
	color: #224A68;
	margin-bottom: 10px;
	font-weight: normal;
}

h4.ancillarySubHeading{
	margin-top: 20px;
	color: #224A68;
	margin-bottom: 10px;
	font-weight: normal;
	border-top: 1px solid #224A68;
}

.ancillaryQuote{
	font-style: italic;
	margin: 10px 60px;
}

.historyQuote{
	margin: 10px 60px;
}

ol.italicList{
	font-style: italic;
	margin: 10px 60px;
}

/*
.first{
	font-size: 24px;
	color: #224A68;
}
*/

#first{
	margin-top: 5px;
}

#firstFixed{
	position: fixed;
	top: 0;
	background-color: #224A68;
	color: #FFF;
	padding: 10px;
	width: 876px;
	display: none;
	z-index: 99;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	border-bottom-right-radius:2px;
	border-bottom-left-radius:2px; 
}

#firstFixed h3{
	float:left;
	font-size: 22px;
}

#firstTop, #firstOpts{
	float: right;
}

#firstTop a{
	text-decoration: none;
}

#firstOpts{
	margin-right: 10px;
}

#firstOpts a{
	text-decoration: none;
	padding: 2px 5px;
}

#firstOpts a:hover, #firstOpts a:active{
	color: #224A68;
	background-color: #DCE9F3;
	border-radius: 2px;
}

.form{
	font-size: 24px;
	color: #224A68;
}

#firstFixed a{
	color: #FFF;
}
	 
.cno, .cit, .etym, .pron{
	display: block;
}

.etym{
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 20px;
	color: #000;
}

.cit{
	margin-left: 20px;
	margin-bottom: 5px;
	padding: 0px 5px 2px 5px;
	font-size: 14px;
	line-height: 18px;
}


.citAuthor, .bibAuthor{
	font-variant:small-caps;
	color: #000;
}

.bibAuthor{
	font-size: 17px;
}

.citAuthor:hover, .citAuthor:active{
	color: #92c2e8;
}

.citTitle{
	;
}

.bibTitle{

	color: #224A68;
}

.bibSNDTitle{
	margin-left: 20px;
	display:inline-block;
}

.date{

	color: #224A68;
}

.even{
	background-color: #f0f0f0;
}

.odd{
	background-color: #FFF;
	border: 1px solid #f0f0f0;
}

.geo{

	font-size: 16px;
	color: #224A68;
	
}

.sc{
	text-transform:uppercase;
	font-size: 10px;
}

#entry, #bibliography, #historyEntry{
	float:left;
}

#tryAdvanced{
	display: inline-block;
	margin-top: 10px;
}

.withoutSearch{
	width: 670px;
}

.withoutSearchWithoutBrowse{
	width: 870px;
}

.withSearch{
	width: 480px;
}

.withSearchWithoutBrowse{
	width: 680px;
}

#searchNavBox{
	float:left;
	width: 160px;
	margin-right: 10px;
}

#entryRight{
	float: right;
	margin-left: 20px;
	width: 180px;
}

.stickyRight{ 
	position: fixed;
	top: 80px;
	margin-left: 715px !important;
}

.stickyLeft{
	position: fixed;
	top: 80px;
}

.stickyCenter{
	margin-left: 190px;
}

#showHideOpts{
	margin-top: 5px;
	text-align:left;
}
#otherOpts{
	margin-top:0;
	text-align:left;
}

#showHideOpts a, #otherOpts a{
	padding: 2px 5px;
	text-decoration: none;
	background-color: #DCE9F3;
	border-radius: 2px;
	display: inline-block;
	margin-bottom: 5px;
}

#showHideOpts a:hover, #showHideOpts a:active, #otherOpts a:hover, #otherOpts a:active{
	background-color: #224A68;
	color: #FFF;
}

#options, #share, #aboutBox, #browseBox, #searchNavBox{
	background-color: #7198B4;
	color: #FFF;
	padding: 0px 10px 10px;
	border-radius: 2px;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
margin-bottom: 10px;
}

#browseBox ul{
	list-style-type: none;
	margin-left: 5px;
}

#browseBox ul a{
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 2px;
}

#browseBox ul a:hover, #browseBox ul a:active{
	background-color: #112635;
	border-radius: 2px;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

.currentBrowse{
	background-color: #92C2E8;
	border-radius: 2px;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

.currentBrowse a{
color: #FFF !important;
}

#hiddenID, #hiddenTerm, #hiddenSource, #hiddenShowHighlight{
	display: none;
}

/*
#dictionaryBrowser{
	overflow:hidden;
	height: 462px;
}
*/

.browseFirstDate{
	float:right;
	color: #CCC;
}

#browseUp, #browseDown, #dostSearchPrevious, #dostSearchNext, #sndSearchPrevious, #sndSearchNext{
	display: block;
	text-align: center;
	line-height: 12px;
	color: #92C2E8;
	font-size: 1.4em;
}

#dostResultsPrevious, #dostResultsNext, #sndResultsPrevious, #sndResultsNext, #bibResultsPrevious, #bibResultsNext{
	display: block;
	text-align: center;
	background-color: #445153;
	margin: 10px 0 10px 30px;
	border-radius: 2px;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	text-decoration: none;
	color: #FFF;
}

#dostResultsPrevious:hover, #dostResultsNext:hover, #sndResultsPrevious:hover, #sndResultsNext:hover, #dostResultsPrevious:active, #dostResultsNext:active, #sndResultsPrevious:active, #sndResultsNext:active, #bibResultsPrevious:hover, #bibResultsNext:hover, #bibResultsPrevious:active, #bibResultsNext:active{
	background-color: #def2f0;
	color: #224A68;

}

#browseUp img, #browseDown img, #dostSearchPrevious img, #dostSearchNext img, #sndSearchPrevious img, #sndSearchNext img, #dostResultsPrevious img, #dostResultsNext img, #sndResultsPrevious img, #sndResultsNext img, #bibResultsPrevious img, #bibResultsNext img{
	padding-bottom: 3px;
}

#browseUp:hover, #browseDown:hover, #browseUp:active, #browseDown:active, #dostSearchPrevious:hover, #dostSearchPrevious:active, #dostSearchNext:hover, #dostSearchNext:active, #sndSearchPrevious:hover, #sndSearchPrevious:active, #sndSearchNext:hover, #sndSearchNext:active{
	background-color: #445153;
	border-radius: 2px;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

.navResults{
	padding-left: 18px;
}

#share{
	background-color: #92c2e8;
}

#aboutBox{
	background-color: #dce9f3;
	color: #000;
	padding-top: 10px;
}

#aboutBox .goButton{
	margin-left: 0;
}

#aboutBox .goButton:hover, .goButton:active{
	text-decoration: none;
	background-color: #7198B4;
	border: 1px solid #7198B4;
	color: #FFF !important;
}

#browseBox{
	background-color: #224a68;
}

#searchNavBox{
	background-color: #EEE;
	color: #000;
}

#options h3, #share h3, #aboutBox h3, #browseBox h3, #searchNavBox h3{
	font-size: 18px;
}

#options ul{
	list-style-type: none;
	margin-left: 10px;
}

#options li{
	clear: both;
}

#options a{
	color: #FFF;
	text-decoration: none;
}

#options a:hover, #options a:active{
	text-decoration: underline;
}

#searchNavBox ul{
	list-style-type: none;
}

#searchSwitcher a, #resultsSwitcher a,  #searchLastPara a{
	color: #000;
	text-decoration: none;
	padding: 2px;
}

#searchSwitcher a, #resultsSwitcher a{
	color: #6e6e6e;
}

#searchSwitcher a{
	margin-right: 5px;
	background-color: #EEE;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
}

#searchNavBox ul a{
	display: block;
	text-decoration: none;
	padding: 2px;
	font-weight: normal;
}

#searchNavBox ul a:hover, #searchNavBox ul a:active{
	background-color: #112635;
	color: #FFF;
	border-radius: 2px;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

#searchLastPara a:hover, #searchLastPara a:active{
	background-color: #7198B4;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	border-radius: 2px;
	color: #FFF;
}

#resultsSwitcher, #searchSwitcher{
	margin-bottom: 0;
}

#searchSwitcher{
	margin-left: 10px;
}

#resultsSwitcher a:hover, #resultsSwitcher a:active, #searchSwitcher a:hover, #searchSwitcher a:active{
	background-color: #7198B4;
	box-shadow: none;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	color: #FFF;
	padding-bottom: 1px;
}

.activeResults,.activeSearch{
	background-color: #92c2e8 !important;
	font-weight: bold;
	color: #FFF !important;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}

#dostEntrySearch, #sndEntrySearch{
	background-color: #FFF;
	margin-bottom: 10px;
	margin-top: 0px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15) inset;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
	border-bottom-left-radius:2px; 
	padding: 5px;
}

.searchHidden{
	display: none;
}

.forAddThis{
	margin-left: 10px;
}

#quoteOption, #etymOption{
	float: right;
	margin-left: 10px;
}

#quoteOption .ui-button-text, #etymOption .ui-button-text{
	padding: 0 0.4em;
}

#quoteOption .ui-state-active, #etymOption .ui-state-active{
	font-weight: bold;
	color: #224a68;
}

#searchType, #searchMatch, #bibSearchType{
	margin-bottom: 10px;
}

#searchType .ui-button-text, #searchMatch .ui-button-text, #searchSource .ui-button-text, #bibSearchType .ui-button-text, #bibSearchSource .ui-button-text{
	padding: 0.4em;
	font-weight: normal;
}

#searchType .ui-state-active, #searchMatch .ui-state-active, #searchSource .ui-state-active, #bibSearchType.ui-state-active, #bibSearchSource.ui-state-active{
	font-weight: normal;
	color: #FFF;
}

#cluetip{
	margin-top: 10px;
}

#closeClue{
	text-align: right;
}

.ui-autocomplete-loading {
	background: white url('/graphics/loading.gif') right center no-repeat;
}

 .ui-autocomplete {
max-height: 200px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}

table{
	margin: 10px 0;
	border-collapse: collapse;
}

table, th, td{
	border: 1px solid #224A68;
}

.rowBold{
	font-weight: bold;
}

.tableTopHeader{
	color: #FFF;
	background-color: #224A68;
}

.tableSecondHeader{
	background-color: #92C2E8;
	color: #FFF;
}

td, th{
	padding: 5px 10px 5px 5px;
	vertical-align:text-top;
}

td.teamRole{
	background-color: #224A68;
	color: #FFF;
}

td.teamMember{
	background-color: #92C2E8;
	color: #000;
}


.moreButton{
	cursor: pointer;
	color: #FFF;
	padding: 2px;
	margin-left: 5px;
	background-color: #224a68;
	border: 1px solid #224a68;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	border-radius: 2px;	
	text-decoration: none;
	-webkit-appearance: none;
}

.moreButton:hover, .moreButton:active{
	text-decoration: none;
	background-color: #445153;
	border: 1px solid #445153;
}

.moreButton img{
	padding-bottom: 2px;
}

#toggleSearchPane{
	margin-bottom: 0px;
}

#toggleSearchPane a{
	cursor: pointer;
	color: #606060;
	padding: 0px 2px;
	margin-left: 5px;
	background-color: #EEE;
	border: 1px solid #EEE;	
	text-decoration: none;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

#toggleSearchPane a:hover, #toggleSearchPane a:active{
	text-decoration: none;
	background-color: #224A68;
	border: 1px solid #224A68;
	color: #FFF;
}

#showBrowse, #showSearch{
	color: #606060;
	background-color: #EEE;
	border-radius: 2px;
	margin-right: 5px;
	padding: 0px 2px;
	text-decoration: none;
	font-size: 12px;
}

#showBrowse:hover, #showSearch:hover, #showBrowse:active, #showSearch:active{
	background-color: #224A68;
	color: #FFF;
}

.smallCaps{
	font-variant:small-caps;
	font-weight: bold;
}

.contentsTop{
	margin-left: 10px;
	cursor: pointer;
	color: #FFF !important;
	padding: 2px;
	font-weight: bold;
	background-color: #224A68;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	border-radius: 2px;
	text-decoration: none;
}

.historySelected{
	color: #FFF !important;
	padding: 2px;
	font-weight: bold;
	background-color: #224A68;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	border-radius: 2px;
	text-decoration: none;	
}

#footnotes{
	border-top: 1px solid #224A68;
	margin-top: 20px;
	padding-top: 10px;
}

.indent{
	width: 30px;
	display: inline-block;
}

.indentHalf{
	width: 15px;
	display: inline-block;
}

.multiLine{
	float:left;
	padding: 5px;
}

.multiLineNoPad{
	float:left;
	padding: 0px;
}

#searchLastPara #openCite{
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 2px 5px;
	text-decoration: none;
	background-color: #DCE9F3;
	border-radius: 2px;
	color: #224A68;
	display: inline-block;
}
#searchLastPara #openCite:hover, #searchLastPara #openCite:active{
	background-color: #224A68;
	color: #FFF;
}

.smallmap{
	width: 95%;
	height: 700px;
	border: 1px solid #CCC;
}

#citation p{
	text-align: left;
}

.alphabetList{
	word-break: break-all;
}

.alphabetList a{
	text-decoration: none;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #224a68;
	border: 1px solid #224a68;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	border-radius: 2px;	
	color: #FFF;
	display: inline-block;
}

.alphabetList a:hover, .alphabetList a:active{
	text-decoration: none;
	background-color: #def2f0;
	color: #224a68;
}

.noAbbrev{
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #e3e3e3;
	border: 1px solid #e3e3e3;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	border-radius: 2px;	
	color: #bababa;
	display: inline-block;
}

.abbrev{
	width: 150px;
}

#warning{
	float: left;
	background-color: #edb2e7;
	padding: 10px;
	margin: 10px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	border-radius: 2px;	
}

#warning a{
	color: #000;
	font-weight: bold;
}

.noSup{
	display:none;
}

#cookieBanner{
background-color: #484848;
color: #FFF;
padding: 20px;
margin-bottom: 0;
font-size: 0.9rem;
}

#cookieBannerLeft{
	float:left;
	width: 80%;
}

#cookieBannerRight{
	float:right;
	width: 20%;
	text-align:right;
}

#cookieBanner a{
	color: #FFF;
	text-decoration: underline;
}

#cookieBanner a:hover, #cookieBanner a:active{
	color: #92c2e8;
}



/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {

		#sldInner, #headerInner, #navInner, #mainInner, #footerInner{
			width: 712px;
		}
		
		#firstFixed{
			width: 692px;
		}
		
		#subNavInner{
			width: 700px;
		}
		
		#welcomeLeft{
			width: 350px;
		}
		
		#welcomeRight{
			width: 300px;
		}
		
		#searchInput{
			width: 100px;
		}
		
		#welcomeSearch #searchInput{
			width: 200px;
		}
		
		#footerText{
			width: 100px;
		}
		
		#dostResultsNew, #sndResultsNew{
			width: 90%;
		}
		
		#entry, #bibliography, #historyEntry{
			width: 520px;
		}
		
		.withoutSearchWithoutBrowse {
			width: 720px !important;
		}
		
		#entryRight, #searchNavBox{
			width: 150px;
		}
		
		.stickyRight{ 
			position: fixed;
			top: 70px;
			margin-left: 560px !important;
		}
		
		.stickyCenter{
			margin-left: 180px;
		}
		
		.withSearch{
			width: 360px !important;
		}
		
		#advancedSearch, #bibSearch{
			width: 520px;
		}
		#searchInstructions{
			clear: left;
			float: none;
			margin-left: 0;
			width: 520px;
			margin-top: 0px;
		}
		
		#mainWithSidebar{
			float:left;
			width: 499px;
			padding-right: 10px;
			margin-right: 10px;
			border-right: 1px solid #92c2e8;
		}

		#dslSidebar{
			float:right;
			width: 192px;
		}
		
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

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

		#sldInner, #headerInner, #navInner, #mainInner, #footerInner{
			width: 252px;
		}
		
		#firstFixed{
			width: 232px;
		}
		
		#subNavInner{
			width: 240px;
		}
		
		#headerInner h1{
			font-size: 20px;
			line-height: 22px;
		}
		
		#headerLogo{
			border-right: none;
		}
		#headerText{
			border-top: 2px solid #FFF;
			padding-top: 5px;
		}
		
		#searchBox{
			margin-bottom: 5px;
		}
		
		#searchInput{
			width: 140px;
		}	
		
		#welcomeRight, #welcomeLeft, #advancedSearch, #bibSearch{
			float: none;
			width: 240px;
		}
		
		#welcomeSearch #searchInput, #advancedSearch input[type="text"], #bibSearch input[type="text"]{
			width: 150px;
		}
		
		#searchAdvanced{
			margin-top: 10px;
		}
		
		#footer{
			position: relative;
		}
		
		#main{
			margin-bottom: 120px;
		}
		
		#footerText, #sld, #scottishGovernment, #uog, #footerSocial{
			width: 100%;
			float:none;
		}
		
		#scottishGovernment{
			text-align: right;
		
		}
		
		#sldText{
			width: 160px;
			padding-top: 0;
			float:left;
		}
		
		
		#nav, #firstOpts{
			display: none;
		}
		
		#navCompact{
			display: block;
			color: #FFF;
			padding: 10px;
			background-color: #92c2e8;
			margin-bottom: 20px;
			border-bottom: 8px solid #dce9f3;
		}
		
		#navCompact ul{
			margin-left: 20px;
			list-style-type: none;
		}
		
		#navCompact ul li a{
			display: block;
			text-decoration: none;
			padding: 3px;
			background-color: #dce9f3;
			margin: 2px;
		}
		
		#navCompact ul li a:hover, #navCompact ul li a:active, #navCompact .current_page_item a, #navCompact .sub-menu .current-page-ancestor a{
			background-color: #224a68;
			color: #FFF;
		}
		
		#dostResultsNew, #sndResultsNew{
			width: 90%;
		}
		
		#entryRight, #entry, #historyEntry, #searchNavBox, #bibliography{
			width: 100%;
			float: none;
			margin: 10px 0;
		}

		.sndBorder{
			border-right: 0;
		}

		.dostBorder{
			border-left: 0;
		}
		
		.stickyRight{ 
			position: static;
			top: auto;
			margin: 10px 0 !important;
		}
		
		.stickyLeft{ 
			position: static;
			top: auto;
		}
	
		#advancedSearch, #bibSearch{
			width: 90%;
			float: none;
		}	
		#advancedSearch label, #bibSearch label{
			display: block;
		}
		
		#searchInstructions{
			clear: left;
			float: none;
			margin-left: 0;
			width: 90%;
			margin-top: 0px;
		}
		
		.abbrev{
			width: 100px;
		}
		
		#mainWithSidebar{
			float:none;
			width: 252px;
			padding-right: 0px;
			margin-right: 0px;
			border-right: 0px;
		}

		#dslSidebar{
			float:none;
			width: 252px;
			margin-top: 10px;
			padding-top: 10px;
			border-top: 1px solid #92c2e8;
		}
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		#sldInner, #headerInner, #navInner, #mainInner, #footerInner{
			width: 436px;
		}
		
		#firstFixed{
			width: 416px;
		}
		
		#subNavInner{
			width: 424px;
		}
		
		#headerInner h1{
			font-size: 20px;
			line-height: 22px;
		}
		
		#headerLogo{
			border-right: none;
		}
		#headerText{
			border-top: 2px solid #FFF;
			padding-top: 5px;
		}

		#logo img{
			width: 80px;
		}
		
		#searchBox{
			margin-bottom: 5px;
		}	
		
		#searchInput{
			width: 140px;
		}	
		
		#welcomeRight, #welcomeLeft, #advancedSearch, #bibSearch{
			float: none;
			width: 400px;
		}
		
		#welcomeSearch #searchInput, #advancedSearch input[type="text"], #bibSearch input[type="text"]{
			width: 240px;
		}
		
		#footer{
			position: relative;
		}
		
		#main{
			margin-bottom: 120px;
		}
		
		#footerText, #scottishGovernment, #sld, #uog, #footerSocial{
			width: 100%;
			float:none;
		}
		
		#sldText{
			width: 260px;
			padding-top: 0;
			float:left;
		}
		
		#nav{
			display: none;
		}
		
		#navCompact{
			display: block;
			color: #FFF;
			padding: 10px;
			background-color: #92c2e8;
			margin-bottom: 20px;
			border-bottom: 8px solid #dce9f3;
		}
		
		#navCompact ul{
			margin-left: 20px;
			list-style-type: none;
		}
		
		#navCompact ul li a{
			display: block;
			text-decoration: none;
			padding: 3px;
			background-color: #dce9f3;
			margin: 2px;
		}
		
		#navCompact ul li a:hover, #navCompact ul li a:active, #navCompact .current_page_item a, #navCompact .sub-menu .current-page-ancestor a{
			background-color: #224a68;
			color: #FFF;
		}
		
		#dostResultsNew, #sndResultsNew{
			width: 90%;
		}
		
		#entry, #bibliography{
			float: left;
			width: 270px;
		}
		
		.withoutSearchWithoutBrowse, .withSearchWithoutBrowse {
			width: 470px !important;
		}
		
		#historyEntry{
			width: 100%;
			float: none;
			margin: 10px 0;
		}
		
		#entryRight{
			width: 150px;
			float: right;
			margin: 10px 0 10px 10px;
		}
		
		#searchNavBox{
			width: 420px;
		}
		
		.sndBorder{
			border-right: 0;
		}

		.dostBorder{
			border-left: 0;
		}
		
		.stickyRight{ 
			position: static;
			top: auto;
			margin: 10px 0 10px 10px !important;
		}
		
		.stickyLeft{ 
			position: static;
			top: auto;
		}
		.abbrev{
			width: 150px;
		}
		
		#mainWithSidebar{
			float:none;
			width: 436px;
			padding-right: 0px;
			margin-right: 0px;
			border-right: 0px;
		}

		#dslSidebar{
			float:none;
			width: 436px;
			margin-top: 10px;
			padding-top: 10px;
			border-top: 1px solid #92c2e8;
		}
	
}