/*--- styling for find your nearest library ---*/


.libcontent 
{
  width: 100%;  
}

 .liblanding{
	position: relative;
	background-color: #fff !important;
	box-shadow: none !important;
	 
	overflow: hidden;
}

.liblanding input[type="text"] {
   max-width: 100px;
    padding-right: 50px;
	height: 35px;
}

.liblanding button {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    width: 70px;  
	border-style: none;
	height: 34px;
}


.liblandbody { 
	background-color: #efefe9; 
	padding-bottom: 50px !important; 
	width:40%; 
	float: right; 
	padding: 5%; 
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
	
.libol {
	font-weight: bold;   
}

.libol a {
  color: #983d83; 
  font-size: 16px; 
  text-decoration: none; 
  font-weight: bold;
}


.libp {
	font-size: 16px !important; 
	font-weight: bold; 
	text-align: left;
}

.libp a {
    color: #983d83; 
    text-decoration: none;
}
	
.libshow {
	float: right; 
	position: absolute; 
	right: 2%; 
}
	
h3.libshow {
	text-transform: uppercase;    
	background-color: #efefe9 !important; 
	color: #079cfa !important; 
	font-size: 14px;
	bottom: 0%;
	position: absolute;
  	font-weight: normal;
    cursor: pointer;
}
 
.imageContainerLib {
	background-size: cover;
	background-position: center top;
	display: none;
	float: left;
	width: 50%;
	left: 0px;
	top: 0px;
	height: 100%;
	position: absolute;
	overflow-x: hidden;
	overflow-y: hidden; 
}
 
.imageContainerLib {
	display: block; 
    border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

#lfoldercontent {
	clear: both;
	float: left;
	width: 100%;
}

ul.liblist {
  	list-style-type: none;
  /* GW 15/03/2017 	0px padding overrides Style CSS - aligns the list-content-links webcontrol horizontally with other content 
  					0px Margin overrides Style CSS, so list-content-links webcontrol sits flush with other in page content. */
  padding: 0;
  margin: 0;
}

.liblist li:first-child a.link-taskLink {
    font-family: 'open sans', sans-serif;
    font-weight: 300;
  	font-size: 1.4em;
  	/* padding: .25em 2em .25em 0; */
	color: #983d83;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  	text-decoration: none;
    border-top: 2px solid #d0d5d9;
    border-bottom: 0px solid #d0d5d9;
  	display: block;
}

.liblist li a.link-taskLink:hover {
	text-decoration: underline;
	color: #694D64;

}
/*a.link-taskLink*/
.liblist li:last-child {
    border-bottom: 2px solid #d0d5d9;
}


.liblist li a.link-taskLink {
    font-family: 'open sans', sans-serif;
    font-weight: 300;
  	font-size: 1.4em;
  	padding: .25em 0em .25em 0;
  /* GW 15/03/2017 Margin removed so that list-content-links webcontrol sits in line with other article content */
  	/*margin-left: -30px;*/
	color: #983d83;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  	text-decoration: none;
    border-top: 2px solid #d0d5d9;
    border-bottom: 0px solid #d0d5d9;
  	display: block;
  	width: 100%;
}

ul.top5list {
 	list-style-type: none; 
  	margin-top: 0px;
}

.top5list li { 
  	margin-left: -30px; 
  	padding-bottom: 10px;
}
 
.top5list li:first-child a.link-taskLink {
 	border-top: 0px solid #d0d5d9;
}

.top5list li a.link-taskLink {
    font-family: 'lola', sans-serif;
    font-weight: 300;
  	font-size: 1.2em;
  	padding: .25em 2em .25em 1em;
	color: #333;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  	text-decoration: none;
    border-top: 2px solid #d0d5d9;
    border-bottom: 0px solid #d0d5d9;
  	display: block; 
}

.top5list li:hover {
	background-color: #b4bbc2;
} 
 
.top5list .link-taskLink:after {
  	content: '\e802';
  	float: right;
  	padding-right: 10px;
  	color: #983d83;
}

.top5card { 
  	padding:0px 0px 0px !important;
}

a.ebookslink { 
   	float: right; 
   	margin: 0 15px 10px 10px; 
}

ol.top5list {  
  	margin-top: -15px;
}

ol.top5list li { 
  	margin-bottom: -7px; 
} 

/*------ flip uses css3 with an associated javascript -----*/

h4.flipfloatr
{
 
	width: 95%;
 
	text-align: right;
	font-size: 1.75em;
  margin-right: 30px;
  margin-top: 0px;
   
}


.flipfloatl {
  	float: left;
  	width: 160px;
}

.flipfloatl p {
   	margin-top: 0px;
}

.closespydus {
	cursor: pointer;
  
}


.greenbuttonspydus {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
 	padding: 4px 10px; 
  	position: relative;
	background-color: #347F51;
    font-size: 1.3em;
    font-family: "lola",sans-serif;
    font-weight: 400;
	margin: 1em 0.5em 1em 0;
    top: -20px;
}

a.greenbuttonspydus  {
    color: #fff !important; 
  	font-weight: bold !important;
    text-decoration: none;
    letter-spacing: normal !important;
    font-size: 1.4em !important;
}

.no-exp {
  	padding-right: 20px;
}
#spydusform {
  	display: none;
}

#expnumber {
  	display:none; 
  	padding-right: 20px;  
}

#expnumber img {
  	width: 100%;
}

#exppin {
  	display:none;  
  	padding-right: 20px;
}

.hiddenspydus {
  	display:none;
}

#BRWLID {
  	width: 80%; 
}

#BRWLPWD {
  	width: 50%; 
}

.pinbox { padding-top: 25px;}

a.spydusok { 
	padding: 5px 0px;
	color: #079cfa;
	background:none; 
   	border:0 none;
   	cursor:pointer;
	font-weight: bold;
	font-size: 1.2em; 
	text-decoration: none;
 	position: absolute;
	bottom: 5px;
	right: 15px !important;
}

.spydus2col {
  	-moz-column-count: 2; 
  	-moz-column-gap: 50%; 
  	-webkit-column-count: 2; 
  	-webkit-column-gap: 50%; 
  	column-count: 2; 
  	column-gap: 50%;
}


.icon-info-with-circle-outline-spydus:after { content: '\e811'; }
 
#whatnumber:after, #whatpin:after {
	content: '\e811';
	color: #983d83;
	font-family: "fontello";
	display: inline !important;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1em !important;
	position: relative;
	left: auto !important;
	top: -5px!important;
}

a#whatnumber, a#whatpin {text-decoration: none;}
/*flip*/

.flip {
     backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-origin: 50% 50% 0px;
    -moz-transform-origin: 50% 50% 0px;
    -ms-transform-origin: 50% 50% 0px;
    -o-transform-origin: 50% 50% 0px;
    -webkit-transform-origin: 50% 50% 0px;
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    width: 320px; 
  	min-height: 330px;
    border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
  

}

.flip p {
 	margin-top: 0px;
	margin-bottom: 3px;
  	margin-right: 20px;
  	color: #333 !important; 
}

.flip input[type=submit] {
    padding:5px 15px 0px 0px;
	color: #079cfa;
    background:none; 
    border:0 none;
    cursor:pointer;
	font-weight: bold;
	font-size: 1.2em;
	position: absolute;
    right: 0;
  	margin-bottom: -30px;
}

#side-1 {
    transform: rotateY( 0deg );
    -moz-transform: rotateY( 0deg );
    -ms-transform: rotateY( 0deg );
    -o-transform: rotateY( 0deg );
    -webkit-transform: rotateY( 0deg );
 	padding-left: 20px;
    padding-bottom: 25px;
}

#side-2 {
    transform: 		   rotateY( 180deg );
    -moz-transform:    rotateY( 180deg );
    -ms-transform: 	   rotateY( 180deg );
    -o-transform: 	   rotateY( 180deg );
    -webkit-transform: rotateY( 180deg );
    padding-left: 20px;
}

 

.flip-side-1 {    
    transform:         rotateY( 0deg ) !important;
    -moz-transform:    rotateY( 0deg ) !important;
    -ms-transform:     rotateY( 0deg ) !important;
    -o-transform:      rotateY( 0deg ) !important;
    -webkit-transform: rotateY( 0deg ) !important;
}

.flip-side-2 {
    transform:         rotateY( 180deg ) !important;
    -moz-transform:    rotateY( 180deg ) !important;
    -ms-transform:     rotateY( 180deg ) !important;
    -o-transform:      rotateY( 180deg ) !important;
    -webkit-transform: rotateY( 180deg ) !important;
}

#side-2 {
  	margin-top: -350px; 
  	background: #efefe9;
}
 
#side-1 {
  	background: #efefe9; 
}

 
#spydussection {
  	position: absolute;   
  	z-index: 1; 
}

#spydusfloat {
  	position: relative; 
  	float: right; 
  	width: 90px; 
  	margin-right: 0px;
	margin-top: -2px;
}

#spydusfloatlanding {
  	position: absolute; 
  	width: 170px; 
  	margin-right: 0px;
	top: 20px;
	right: 0%;
}

#spydusform {
  	position: relative; 
  	right: 258px; 
  	margin-top: -57px; 
}

.landing .intro .container .flip img {display: inline;}

#exppin p {width: 100%;}
#exppin p.spok {text-align: right;}
#expnumber p.spok {text-align: right;}
#expnumber p {width: 100%;}
 

.sys_cms-form-confirmation-content {font-size: 1.3em !important;}


h4.liblog { font-size: 1.75em; margin-top: -38px; margin-bottom: 35px;}


 

.sys_cms-form-body li select {
	background-color: #efefe9;   
	border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px; 
	border: none;
  background-color: #efefe9;
  color: black;
  padding-top: 3px;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-left: 5px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  transition-property: background;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
	font-family: lola;
  cursor: pointer;
}

 .sys_cms-form-body li select {
    width: 110%;
   height: 34px;
   overflow: hidden;
   background: url(/images/irregular/selectdown.png) no-repeat right #efefe9;
  
   
   }
 


.sys_cms-form-body li select option {font-family: "Lola",sans-serif; font-size: 1em;}

.sys_cms-form-body li select
{
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
}


.sys_cms-form-body li select {
    z-index:1;
}

.sys_cms-form-body li select:before {
    display:block;
    position:absolute;
    content:'';
    right:0px;
    top:0px;
    height:1em;
    width:1em;
    margin:2px; 
    z-index:5;
}

.sys_cms-form-body li select::-ms-expand {
    display: none;
}
 

/***OVERWRITE**/



#spydusfloatlanding ul.toolbar,#spydusfloatlanding ul.social-toolbar {border-top: none;margin-top: 3px;margin-left: 3px;margin-right: 0;}

#spydusfloatlanding .icon.actions .actionPanel li.social a {
    /* margin-left: 0 !important; */
    padding: 0;
}

#spydusfloatlanding .icon.actions .actionPanel li.social a {
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align:left;
    display: block;
    margin: 0.7em;
    margin-left:0.5em !important;
}
#spydusfloatlanding .icon.actions .actionPanel a:before{
	font-family: "fontello";
	color: #b4bbc2;
	font-size: 1.6rem;
	display:block;
	float:left;
	width:20px;
	margin-right:20px;
	text-align:right;
}
#spydusfloatlanding .icon.actions .actionPanel a:after{
	content:none!important;
}
#spydusfloatlanding .icon.actions .actionPanel a.facebook:before {
    content: '\e80f';
}
#spydusfloatlanding .icon.actions .actionPanel a.twitter:before {
    content: '\e810';
}
#spydusfloatlanding .icon.actions .actionPanel a.email:before {
    content: '\e818';
}
#spydusfloatlanding .icon.actions .actionPanel a.whatsapp:before {
    content: '\e81f';
}
#spydusfloatlanding .icon.actions .actionPanel a.sms:before {
    content: '\e81e';
}

#spydusfloatlanding .social .share {
    display: block;
    margin-bottom: 1em;
    margin-left: 1em;
}
#spydusfloatlanding .social-toolbar .icon.actions {
    padding: 2px 10px;
    box-sizing:  border-box;
    float: none;
}
.universalContainer #spydusfloatlanding ul.social-toolbar li.icon.actions {
	float: none;
    top: 0;
    right: 0;
    left: auto;
}

#spydusfloatlanding .social-toolbar a {
    padding: 10px;
}
#spydusfloatlanding .social-toolbar li {
    margin: 15px 5px;
    float:left;
}
#spydusfloatlanding .icon.save a:after { content: '\e80d'; }

#spydusfloatlanding .icon.save a:hover:after {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-ms-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
	animation-duration: .5s;
	animation-iteration-count: 2;
		background: none; 
	
}

#spydusfloatlanding .icon.save.unflag-action { background-color: #e3e3d9; }



#spydusfloatlanding .icon.save span.flag-message {
	-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
	display: block;
  	font-size: 0.9em;
	font-weight: 600;
	margin: auto;
	padding: 20px 20px 40px 20px;
	background-color: #efefe9;
	width: 150px;
	position: absolute;
	right: 0;
	top: 110%;
	text-align: left;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-pie-border-radius: 3px;
	border-radius: 3px;
	text-indent: 0;
  	z-index: 100;
	 
}

#spydusfloatlanding .icon.save span.flag-message a {
	position: absolute;
    left: 10px;
    bottom: 0;
	color: #079cfa !important;
	padding-top: 0px !important;
	text-transform: uppercase;
	font-size: 1em !important;
	background: none;
  	box-shadow: none;
}

/*#spydusfloatlanding .icon.actions { background-color: #9eb947;  }*/

#spydusfloatlanding .icon.actions a:after { 
	content: '\e80e';
}


/*RIGHT MORE ICON*/
#spydusfloatlanding .icon.actions > a {
	text-indent: -999em;
	width: 0px !important;
	float: right;
	height: 30px;
	position: relative;
	z-index: 2;
		background: none;
	box-shadow: none;
	left:  6px;
	bottom: 2px;
   font-size: 0.9em;
}
#spydusfloatlanding .icon.actions { background-color: #9eb947;  width: 30px !important; margin-left: 5px !important;  }


/*LEFT SAVE ICON*/
#spydusfloatlanding .icon.save > a {
	text-indent: -999em;
	width: 0px !important;
	float: right;
	height: 30px;
	position: relative;
	z-index: 2;
		background: none;
	box-shadow: none;
	left:  5px;
   font-size: 0.9em;
 
}
#spydusfloatlanding .icon.save { background-color: #efefe9;  width: 30px !important; }

#spydusfloatlanding .icon.save .actionPanel {
  
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
	display: block;
	font-size: 1em;
	font-weight: 600;
	margin: auto;
	padding: 0px !important;
	background-color: #efefe9;
	width: 120px !important;
	position: absolute;
	right: 0;
	top: 110%;
	text-align: left;
	overflow: auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-pie-border-radius: 10px;
	border-radius: 10px;
	display: none;
	text-indent: 0;
	padding: 0px !important;
	list-style: none;
  	z-index: 100;
    background-color: #efefe9 !important;
}

#spydusfloatlanding .icon.actions .actionPanel {
	-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
	display: block;
	font-size: 1em;
	font-weight: 600;
	margin: auto;
	padding: 0px !important;
	background-color: #efefe9;
	min-width: 120px !important;
	position: absolute;
	right: 0;
	top: 5px;
	text-align: left;
	overflow: auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-pie-border-radius: 10px;
	border-radius: 10px;
	display: none;
	text-indent: 0;
	padding: 0px !important;
	list-style: none;
  	z-index: 100;
    /* GW 29/09/2016 Removed so custom brand colouring can be applied in other stylesheets 
  background-color: #efefe9 !important; 
  */
}

#spydusfloatlanding .icon.actions .actionPanel li { line-height: 2em; width: 30px !important;  }

#spydusfloatlanding .icon.actions .actionPanel li:before {
	font-family: "fontello";
	display: inline-block;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left: 10px;
	 margin-bottom: -80px !important; 
 

}

#spydusfloatlanding .icon.actions .actionPanel li a { text-decoration: none; }

#spydusfloatlanding .icon.actions .actionPanel li.share:before { content: '\e81d'; }

#spydusfloatlanding .icon.actions .actionPanel li.print:before { content: '\e81c'; }

#spydusfloatlanding .icon.actions .actionPanel li a
{
  text-decoration-line: none;
  text-decoration-style: solid; 
	background: none;
	box-shadow: none;
	display: inline-block;
	font-size: 1em;
	line-height: 1em;
	padding-top: 0px !important;
	margin-top: -100px !import;
	margin-left: 20px !important;
	top: 0 !important; 
}
 

#spydusfloatlanding .icon.actions .actionPanel li a::after {
  	margin-top: -20px; 
  	margin-left: -10px;
}

#spydusfloatlanding .icon.actions .actionPanel a:after { content: '';  }
#spydusfloatlanding .icon.save span.flag-message a:after { content: ''; }


#overlay {
  	position: fixed; 
  	width: 100%; 
  	height: 100%; 
  	background: #000; 
  	top: 0; 
  	left: 0; 
  	display: none; 
  	z-index: 4001; 
  	opacity: 0.6;
}




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

.imageContainerLib {
	display:none;
}

.liblandbody { 
	width:100%; 
	float: none; 
} 
  
}

/*library tasks set the layout*/

@media only screen and (min-width: 760px) {
 	 .libraryTasks3:last-child {
  		/*margin-left: 33.3% !important;*/
	}
}

@media only screen and (min-width: 970px) {

.libraryTasks3:last-child {
  	/*margin-left: 33.3%;*/
}

.libraryTasks5:nth-last-child(2) {
	/*margin-left: 16.5%;*/
}

.libraryTasks5:last-child {
  	/*margin-left: -16.5%;*/
}
  
  #spydussection {
    margin-top: 25px;
  }

}


@media only screen and (min-width: 760px) {

	/*.libraryTasks3:last-child {margin-left: 33.3%;}*/
#spydussection {
    margin-top: 28px;
   margin-left: -50px;
  }
  
  #spydusfloatlanding {
   
	top: 30px;
 
}
}
@media only screen and (max-width: 760px){

 
  #spydussection {
    /* amended margin, not right on hertfords library page */
    margin-top: 15px;
    letter-spacing: normal !important;
    font-size: 0.8em !important;
  }
  
   #spydusfloat {
 
  	margin-right: 55px;
    
}
  
    #spydusfloatlanding {
   
	top: 30px;
 
}
  
  #spydusfloatlanding .icon.save { top: -26px; left: 55px}
#spydusfloatlanding .icon.actions { top: -26px; left: 55px}
#spydusfloatlanding .icon.save > a
{
  text-indent: -999em;
  width: 0px;
  float: right;
  height: 30px;
  position: relative;
  z-index: 2;
  background-color: transparent;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  box-shadow: none;
  left: -5px;
	font-size: 0.9em; 
}

#spydusfloatlanding .icon.actions > a
{
  text-indent: -999em;
  width: 0px;
  float: right;
  height: 30px;
  position: relative;
  z-index: 2;
  background-color: transparent;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  box-shadow: none;
  left: -5px;
	font-size: 0.9em;
}
 
}

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

 
  #spydussection {
    margin-top: 15px;
  }
  
   #spydusfloat {
 
  	margin-right: 55px;
    
}
  
    #spydusfloatlanding {
   
	top: 30px;
 
}
  
  #spydusfloatlanding .icon.save { top: -26px; left: 55px}
#spydusfloatlanding .icon.actions { top: -26px; left: 55px}
#spydusfloatlanding .icon.save > a
{
  text-indent: -999em;
  width: 0px;
  float: right;
  height: 30px;
  position: relative;
  z-index: 2;
  background-color: transparent;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  box-shadow: none;
  left: -5px;
	font-size: 0.9em;
 
}

#spydusfloatlanding .icon.actions > a
{
  text-indent: -999em;
  width: 0px;
  float: right;
  height: 30px;
  position: relative;
  z-index: 2;
  background-color: transparent;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  box-shadow: none;
  left: -5px;
	font-size: 0.9em;
}
 
}

#spydusfloatlanding .icon.save > a
{
 
  height:  1px !important;
 
}
 

.landing .intro .container .content #spydusfloatlanding ul li a
{
 
  min-height: 0em !important;
 
}
.landing .intro .container .content #spydusfloatlanding ul li a:focus {
	outline: 2px auto #8ea740
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
  
  {
     #spydusform {
     position: absolute; 
     left: 0px; 
     margin-left: -200px; 
     top: 10px; 
 
}
    
       #spydusfloatlanding .icon.save span.flag-message a {
 
 	top: 80px;
 
} 
    
     #spydusfloatlanding {
  margin-right: 0px;

} 
    
  }


 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:portrait) 
   
   {
        #spydusfloatlanding {
			margin-right: 20px; 
			width:110px;
		} 
   }

 
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
 {
 #spydusform {
     position: absolute; 
     left: 0px; 
     margin-left: -125px; 
     top: 10px; 
}
 
  #spydusfloat .flip {width: 220px;}
  #spydusfloatlanding .flip {
    width: 235px;
  }

 #spydusfloatlanding {
   	position: relative; 

 	top: -25px;

	 float: right;
	 background: white;
	 padding-left: 10px;

} 
  #side-2 {
    top: 320px;
  }
   
  /*ICONS LANDING SAVE ACTIONS OMFG*/




/*RIGHT MORE ICON*/
#spydusfloatlanding .icon.actions > a {
	width: 0px;

	left: -4px;
	top: 0px;

}
   
   
#spydusfloatlanding .icon.actions { 
	margin-left: 5px; 
	left: 55px;
	top: -27px;
}

#spydusfloatlanding .icon.save  {
 	left: 60px;
 	top: -27px;
}
   
   
/*LEFT SAVE ICON*/
#spydusfloatlanding .icon.save > a {
	
	float: none;
	
 
	top: 1px;
	left: 5px;
}

   
   #spydusfloatlanding .icon.save span.flag-message a {
 
 	top: 80px;
 
} 
   
   	 #spydusfloatlanding .icon.actions .actionPanel li {
 
	padding-left: 10px;
 

}

 }


@media only screen and (max-width: 520px;) {
 .top5widget { 
 	width: 480px;
  }

}

 
/* LM - fix for wierd action panel bug */

#spydusfloatlanding .icon.actions .actionPanel {
  	width: 200px;
  	min-width: 220px !important;
  	
}

#spydusfloatlanding .icon.actions .actionPanel li {
    width: 200px !important;
	margin-bottom: 15px;
}

#spydusfloatlanding .icon.actions .actionPanel li.print a {
  	display: inline;
	margin-left: 0 !important;
}

@media only screen and (min-width: 761px) {
  
  #spydusfloatlanding .icon.actions .actionPanel {
 		top: 30px;
  }
}