@CHARSET "ISO-8859-1";

@import url("lnIconFonts.css");

@font-face {
font-family: 'Lato Bold';
src: url('../webfonts/Lato-Bold-webfont.eot'); /* IE9 Compat Modes */
src: url('../webfonts/Lato-Bold-webfont.svg') format('svg'); /* Modern Browsers */
src: url('../webfonts/Lato-Bold-webfont.eot') format('embedded-opentype'), /* IE6-IE8 */
url('../webfonts/Lato-Bold-webfont.ttf') format('truetype');
font-style: normal;
font-weight: 400;
text-rendering: optimizeLegibility
}

@font-face {
font-family: 'Lato Regular';
src: url('../webfonts/Lato-Reg-webfont.eot'); /* IE9 Compat Modes */
src: url('../webfonts/Lato-Reg-webfont.svg') format('svg'); /* Modern Browsers */
src: url('../webfonts/Lato-Reg-webfont.eot') format('embedded-opentype'), /* IE6-IE8 */
url('../webfonts/Lato-Reg-webfont.ttf') format('truetype');
font-style: normal;
text-rendering: optimizeLegibility
}

@font-face {
font-family: 'Lato Italic';
src: url('../webfonts/Lato-Italic-webfont.eot'); /* IE9 Compat Modes */
src: url('../webfonts/Lato-Italic-webfont.svg') format('svg'); /* Modern Browsers */
src: url('../webfonts/Lato-Italic-webfont.eot') format('embedded-opentype'), /* IE6-IE8 */
url('../webfonts/Lato-Italic-webfont.ttf') format('truetype');
font-style: normal;
text-rendering: optimizeLegibility
}

@font-face {
font-family: 'Lato Light';
src: url('../webfonts/Lato-Light-webfont.eot'); /* IE9 Compat Modes */
src: url('../webfonts/Lato-Light-webfont.svg') format('svg'); /* Modern Browsers */
src: url('../webfonts/Lato-Light-webfont.eot') format('embedded-opentype'), /* IE6-IE8 */
url('../webfonts/Lato-Light-webfont.ttf') format('truetype');
font-style: normal;
text-rendering: optimizeLegibility
}
body {
margin: 0px !important;
}

.legalAnonymousUserContainer {
background: #a8def4 none repeat scroll 0 0;
display: none;
margin: -5px auto 0;
width: 100%;
}

.legalAnonymousUserContainer>div {
background: #a8def4 none repeat scroll 0 0;


margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-bottom: 26px;
padding-top: 26px;
width: 930px;
text-align: center;
}

.legalAnonymousUserContainer span {
color: #000000;
font-family: Lato Regular;
font-size: 15px;
padding-left: 13.5%;
}

.legalAnonymousUserContainer button, .legalAnonymousUserContainer a#togglesignup  {
background: #009ddb none repeat scroll 0 0;
border: medium none;
border-radius: 2px;
box-shadow: 0 4px 0 #0075a6;
color: #ffffff;
font-family: Lato Regular;
font-size: 15px;
margin-left: 15px;
margin-right: 15px;
padding: 1% 2%;
text-decoration: none;
}

.legalAnonymousUserContainer a#notNowLink {
color: #000000;
font-family: Lato Regular;
font-size: 15px;
text-decoration: underline;
}

.legalSessionEndContainer {
background: #C5DF96 none repeat scroll 0 0;
display: none;
margin: 2px auto;
width: 100%;
}

.legalSessionEndContainer .message{
background: #aadef3 none repeat scroll 0 0;
width: 100%;
}
.legalSessionEndContainer>div {
background: #C5DF96 none repeat scroll 0 0;


margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
padding-top: 10px;
width: 1130px;
text-align: center;
}

.legalSessionEndContainer span {
color: #000000;
font-family: Lato Regular;
font-size: 14px;
padding-left: 13.5%;
}

#legalcontainerBlock {
clear: both;
}

#legalsiteContainer {
background: #ffffff none repeat scroll 0 0;
color: #333335;
font: 57.5%/1 arial, "helvetica neue", helvetica, sans-serif;
margin: 0 auto;
width: 1140px;
position: relative;
min-height: 100%;
}

.homeLegalSignin {
clear: both;
float: left;
font-family: Lato Regular;
margin-top: 0px;
width: 1140px;
}

.homeLegalSignin section#document.legal {
margin: 0 auto;
}

section#document.legal {
display: inline-block;
float: none;
margin-bottom: 20px;
position: relative;
z-index: 90;
width: 100%;
}

#document {
float: left;
height: auto !important;
margin: 0 30px 0 10px;
min-height: 660px;
position: relative;
width: 621px;
}

#document .homeLegalTop>h1 {
margin-bottom: 0;
font-size: 27px;
line-height: 8px;
padding-right: 85px;
font-family: Lato Regular;
font-weight: normal;
margin-top: 26px;
}

#document .homeLegalTop>p {
color: #373739;
font-size: 17px;
margin-bottom: 34px;
z-index: 70;
font-weight: normal;
}

.homeLegalTop {
border-bottom: 1px solid #e0e0e0;
}

.legal .signin {
background: #ffffff none repeat scroll 0 0;
float: left;
width: 392px;
}

.legal section.signin form,.legal section.signin fieldset,.legal section.signin .formFields
{
width: 390px;
}

.legal section.signin form {
clear: left;
float: left;
margin-top: 34px;
}

.homeLegalSignin #document form>h2 {
color: #373739;
line-height: 28px;
margin: 0 0 12px;
font-family: Lato Regular;
font-weight: normal;
}

#usersignon>h2 {
font-size: 27px;
}






.legal section.signin form>a, .legal a , .legal a:active{
color: #0077cc;


font-family: Lato Regular;
font-size: 14px;
margin-bottom: 5px;
margin-right: 14px;
text-decoration: none;
}
.legal a:active{
color: #0077cc;
}
.legal a:hover{
text-decoration: underline;
}
.legal section.signin form>a{
float:left;
}
.legal section.signin form div >a#academicsignin {
border-right: 1px solid #e0e0e0;
padding-right: 14px;
}

.legal a.signInTips,.legal a.systemReq
{
display: block;
margin-right: 158px;
cursor: pointer;
float:left;
}

.legal a.systemReq{
padding-top: 30px;
}

.legal section.signin form>span {
display: inline-block;
font-size: 14px;
}

.legal section.signin form fieldset, .legal fieldset {
margin-left: 0;
border: none;
padding: 0;
}

section.signin form fieldset {
font-size: 12px;
margin-left: 130px;
}

.legal section.signin .formFields {
position: relative;
float: left;
margin-top: 10px;
}

.legal section.signin form fieldset label {
clear: left;
color: #373739;
float: left;
font-size: 17px;
text-align: left;
width: 386px;
line-height: 1.6;
padding-top: 2px;
font-family: Lato Regular;
}

label {
display: block;
position: relative;
}

.homeLegalSignin .formFields>input#webId,.homeLegalSignin .formFields>input#password
{
margin-left: 0;
}

.formFields>input#webId,.formFields>input#password {
height: 40px;
margin: 0;
}

.legal section.signin form fieldset input[type="text"] {
border: 1px solid #d2d4d5;
border-radius: 4px;
margin-bottom: 0;
}

.legal section.signin form fieldset input {
clear: both;
width: 386px;
}

section.signin form input[type="text"],section.signin form input[type="password"]
{
border: 1px solid #d2d4d5;
border-radius: 4px;
margin: 0 0 15px 12px;
width: 250px;
}

section.signin form>label,section.signin form input[type="text"],section.signin form input[type="password"],section.signin form input[type="submit"]
{
font-size: 18px;
}

.formFields input {
float: left;
margin: 0;
width: 230px;
}

section.signin form fieldset input {
margin-left: 0;
}

#forgotPassword {
margin-bottom: 20px;
}

.signInBorder{
border: 1px solid red !important;
}

.marginTop {
margin-top: 28px !important;
}

.legal section.signin form fieldset .extraLink {
color: #0077cc;
float: left;
font-family: Lato Regular;
font-size: 14px;
margin-top: 10px;
text-decoration: none;
}
.legal section.signin form fieldset .extraLink:hover{
text-decoration:underline;
}
.legal section.signin .formFields.checkbox {
margin: 2px 0;
}

.marginTop2 {
margin-top: 8px !important;
}







.legal section.signin form fieldset .formFields.checkbox input {
clear: none;
float: left;
width: 15px;
margin-top: 12px;
}

.legal section.signin form fieldset .formFields.checkbox input#ssl {
margin-top: 3px;
}

























































.legal section.signin form fieldset .formFields.checkbox label {
clear: none;
float: left;
font-size: 14px;
line-height: 0.9em;
width: auto;
}
.legal section.signin form fieldset .formFields.checkbox label#rememberLabel
{
padding-top: 3px;
margin-right: 7px;
}
.legal section.signin form fieldset .formFields.checkbox label#sslLabel
{
padding-top: 3px;
margin-right: 7px;
}
.legal section.signin form fieldset .formFields.checkbox a:hover{
text-decoration:none !important;
}
section.signin form fieldset label {
clear: left;
float: left;
line-height: 1.6;
padding-top: 3px;
}

.formFields label {
float: left;
line-height: 1.2em;
margin: 3px 12px 4px 0;
padding-top: 0;
text-align: right;
width: 157px;
}

.ln-LexTrustContent.lnRightTick {
color: #ffffff;
font-size: 10px;
left: 3px;
position: absolute;
top: 3px;
}

.noLabel {
float: left;
margin: 6px 0 12px;
width: 100%;
}

#sslHelp {
display: none;
}





















.ln-LexHelp{
font-size:18px;
color:#0077cc;
position:absolute;
top:2px;
}
.homeLegalSignin .legal .formFields.legalHomesignInbutton {
margin-top: 30px;
}
.legal section.signin .formFields.legalHomesignInbutton:hover *{
background-color:#1077a2;
}
.legal section.signin .formFields.legalHomesignInbutton input,.legal section.signin .formFields.legalRegisterNowbutton input,.legal section.signin .formFields.legalRegisterLaterbutton input
{
opacity: 0;
position: absolute;
top: 1px;
width: 386px;
z-index: 60;
cursor:pointer;
}

.legalRegisterNowbutton {
margin-top: 22px;
}

.legalRegisterLaterbutton {
margin-top: 10px;
}

.legal section.signin form fieldset input[type="submit"] {
background: rgba(0, 0, 0, 0) linear-gradient(#e99497, #ed242c) repeat
scroll 0 0;
margin: 0;
width: 60px;
}

section.signin form input[type="submit"],section.signin form input[type="submit"]:active,aside#signIn input[type="submit"],aside#signIn input[type="submit"]:active,aside#signIn2 input[type="submit"],#carouselWrapper .slide a.signIn
{
background: url("../../img/UK_NEW_PSL/mainSprite.png") no-repeat scroll
71px -5386px, rgba(0, 0, 0, 0) linear-gradient(#e99497, #ed242c)
repeat scroll 0 0;
border: 0 none;
border-radius: 0;
color: #ffffff;
display: block;
font-weight: bold;
line-height: 1.3;
margin: -5px 0 20px 130px;
padding: 4px 30px 5px 10px;
}

.legal section.signin .formFields.legalHomesignInbutton input+label,.legal section.signin .formFields.legalRegisterNowbutton,.legal section.signin .formFields.legalRegisterLaterbutton
{
border: medium none;
border-radius: 2px;
box-sizing: border-box;
cursor: pointer;
font-family: Lato Regular;
font-size: 16px;
height: 40px;
text-align: center;
width: 386px;
}

.legal section.signin .formFields.legalHomesignInbutton input+label {
background: #009ddb none repeat scroll 0 0;
box-shadow: 0 4px 0 #0075a6;
color: #ffffff;
}

.legal section.signin .formFields.legalRegisterNowbutton,.legal section.signin .formFields.legalRegisterLaterbutton
{
background: #DDDDDD none repeat scroll 0 0;
box-shadow: 0 4px 0 #C8C8C8;
color: #000000;
padding-top: 8px;
}

.legal section.signin .formFields.legalHomesignInbutton>label {
padding-top: 7px;
}

section#document section.body div.left {


float: left;
margin-left: 55px;
margin-top: 44px;
width: 690px;


}

#document .slideImg>h2 {
color: #77797a;
font-family: Lato Light;
font-size: 26px;
font-weight: normal;
margin: 20px 0;
opacity: 0.8;
text-align: center;
}

section#document.legal section.body div.right1,section#document.legal section.body div.right2
{
float: right;
margin-bottom: 24px;
margin-left: 50px;
width: 690px;
}

section#document.legal section.body div.right2 {
margin-bottom: 54px !important;
}

.legalHomeIndItems {
float: left;
margin-left: 22px;
text-align: center;
width: 320px;
}



.legalHomeIndItems.toolbox {
float: left;
margin-left: 200px;
text-align: center;
width: 320px;
}



#document .slideImg img {
display: block;
height: 280px;
background: #F0F0F0;
margin-left: 37px;
max-width: 690px;
}

span .icon.ln-LexTime {
font-size: 50px;
display: block;
}

.legalHomeIndItems .PASignLink1 span,.legalHomeIndItems .PASignLink2 span,.legalHomeIndItems .PASignLink3 span,.legalHomeIndItems .PASignLink4 span,.legalHomeIndItems .PASignLink5 span
{
color: #ffffff;
font-size: 50px;
padding: 15px;
float: left;
}

.PASignLink2 ~p{
text-indent:1em;
width:285px !important;
margin-left:18px;
}
.PASignLink4 ~p{
width:290px !important;
margin-left:10px;
}
@media screen and (max-width:1364px) and (min-width:1360px){
.PASignLink2 ~p{
text-indent:1.5em !important;
width:290px !important;
}
}
.legalHomeIndItems .PASignLink1,.legalHomeIndItems .PASignLink2,.legalHomeIndItems .PASignLink3,.legalHomeIndItems .PASignLink4,.legalHomeIndItems .PASignLink5
{
border-radius: 100%;
box-shadow: 0 0 0 #000000;
height: 78px;
margin: 10px auto 14px;
outline: medium none;
transform: scale(1, 1);
width: 78px;
}
.legalHomeIndItems .PASignLink1:hover ,.legalHomeIndItems .PASignLink2:hover ,.legalHomeIndItems .PASignLink3:hover,.legalHomeIndItems .PASignLink4:hover,.legalHomeIndItems .PASignLink5:hover
{
cursor: pointer;
transform:scale(1.1,1.1);
}
.legalHomeIndItems .PASignLink1:hover ,.legalHomeIndItems .PASignLink2:hover ,.legalHomeIndItems .PASignLink3:hover,.legalHomeIndItems .PASignLink4:hover,.legalHomeIndItems .PASignLink5:hover,
.legalHomeIndItems .PASignLink1:hover >span ,.legalHomeIndItems .PASignLink2:hover >span ,.legalHomeIndItems .PASignLink3:hover >span,.legalHomeIndItems .PASignLink4:hover >span,.legalHomeIndItems .PASignLink5:hover >span
{

transition: all 0.1s linear 0s;
}
.PASignLink1 {
background: rgba(0, 0, 0, 0)
linear-gradient(45deg, #00adf2 50%, #009ad9 50%) repeat scroll 0 0;
}

.PASignLink2 {
background: rgba(0, 0, 0, 0)
linear-gradient(45deg, #f01616 50%, #e10a04 50%) repeat scroll 0 0;
}

.PASignLink3 {
background: rgba(0, 0, 0, 0)
linear-gradient(45deg, #852B85 50%, #722575 50%) repeat scroll 0 0;
}

.PASignLink4 {
background: rgba(0, 0, 0, 0)
linear-gradient(45deg, #8ac732 50%, #7db829 50%) repeat scroll 0 0;
}

span.icon {
height: 16px;
padding: 0;
width: 20px;
}

.legalHomeIndItems a,.legalHomeIndItems p {
font-size: 14px;
margin-bottom: 10px;
margin-top: 10px;
text-decoration: none;
width: 295px;
}

.legalHomeIndItems p {
color: #A5A5A5;
font-family: Lato Light;
}

.legalHomeIndItems a {
color: #0077cc;
}

.legalHomeIndItems>span {
font-size: 16px;
}

.infoLeft {
margin-right: 30px;
width: 632px;
}

.infoRight {
width: 270px;
}

.infoLeft,.infoRight {
float: left;
margin-top: 38px;
}

section#document .info {
border-top: 1px solid #e0e0e0;
display: inline-block;
width: 1140px;
}

section#document .info span,section#document .info ul li,section#document .info a
{
font-size: 14px;
}

section#document .info ul li {
margin-top: 4px;
}

section#document .info a {
color: #0077cc;
}

.marginTop3 {
margin-top: 10px;
}

.homeLegalSignin #lexisDraft>h3,.homeLegalSignin #mobApps>h3,.homeLegalSignin #learnMore>h3
{
font-family: Lato Regular;
font-size: 27px;
font-weight: normal;
margin-top: 0;
margin-bottom: 16px;
}

section#document .info span,section#document .info ul {
display: inline-block;
margin-bottom: 10px;
}

section#document .info ul {
margin-left: 14px;
padding: 0;
}

#lexisDraft,#mobApps {
margin-bottom: 34px;
}

section#document .info a {
margin-right: 0;
height: 18px;
cursor: pointer;
}

span.icon.la-ExternalLink {
color: #ffffff;
}
.info span.icon.la-ExternalLink {
color: #858587 !important;
}
.errorEmpty,.errorEmptyId,.errorEmptyPass, .errorEmptyClient{
display: none;
color: red;
font-size: 14px;
margin-bottom: 12px;
margin-top: 24px;
}

.errorEmpty, .errorEmptyClient {
margin-bottom: 4px !important;
}

.errorShownSignIn {
display: block;
}




#usersignon .formFields.checkbox [type="checkbox"]:not(:checked),
#usersignon .formFields.checkbox [type="checkbox"]:checked,
#IPusersignon .formFields.checkbox [type="checkbox"]:not(:checked),
#IPusersignon .formFields.checkbox [type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
#usersignon .formFields.checkbox [type="checkbox"]:not(:checked) + label,
#usersignon .formFields.checkbox [type="checkbox"]:checked + label,
#IPusersignon .formFields.checkbox [type="checkbox"]:not(:checked) + label,
#IPusersignon .formFields.checkbox [type="checkbox"]:checked + label{
position: relative;
padding-left: 25px;
cursor: pointer;
}




#usersignon .formFields.checkbox [type="checkbox"]:checked + label:before,
#IPusersignon .formFields.checkbox [type="checkbox"]:checked + label:before  {
content: '';
position: absolute;
left:1px;
width: 12px;
height: 11px;
background: #3695fc;
border-radius: 3px;
border: 1px solid #0077cc;
top: 2px;
}
#usersignon .formFields.checkbox [type="checkbox"]:not(:checked) + label:before,
#IPusersignon .formFields.checkbox [type="checkbox"]:not(:checked) + label:before{
background: #ffffff none repeat scroll 0 0;
border: 1px solid #0077cc;
border-radius: 3px;
content: "";
height: 11px;
left: 1px;
position: absolute;
top: 2px;
width: 12px;

}


#usersignon .formFields.checkbox [type="checkbox"]:not(:checked) + label:after,
#usersignon .formFields.checkbox [type="checkbox"]:checked + label:after,
#IPusersignon .formFields.checkbox [type="checkbox"]:not(:checked) + label:after,
#IPusersignon .formFields.checkbox [type="checkbox"]:checked + label:after  {


position: absolute;
top: 5px;
left: 4px;
font-size: 10px;
line-height: 0.8;
color: #fff;
transition: all .2s;
font-weight: bold;
}


#usersignon .formFields.checkbox [type="checkbox"]:not(:checked) + label:after,
#IPusersignon .formFields.checkbox [type="checkbox"]:not(:checked) + label:after  {
opacity: 0;
transform: scale(0);
}
#usersignon .formFields.checkbox [type="checkbox"]:checked + label:after,
#IPusersignon .formFields.checkbox [type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1);
}


#usersignon .formFields.checkbox [type="checkbox"]:disabled:not(:checked) + label:before,
#usersignon .formFields.checkbox [type="checkbox"]:disabled:checked + label:before,
#IPusersignon .formFields.checkbox [type="checkbox"]:disabled:not(:checked) + label:before,
#IPusersignon .formFields.checkbox [type="checkbox"]:disabled:checked + label:before {
box-shadow: none;

}

#usersignon .formFields.checkbox [type="checkbox"]:disabled:checked + label:after,
#IPusersignon .formFields.checkbox [type="checkbox"]:disabled:checked + label:after {
color: #999;
}
#usersignon .formFields.checkbox [type="checkbox"]:disabled + label,
#IPusersignon .formFields.checkbox [type="checkbox"]:disabled + label {
color: #aaa;
}






.marginTop3 {
float: none !important;
}



#containerLegal{



margin-left:145px;
}
#containerLegal #container #content form h1{
font-family: lato;
font-size: 28px;
font-weight: normal;
margin-bottom: 12px;
margin-top: 46px;
}
#containerLegal #container #content form p{
color: #373739;
font-size: 17px;
font-weight: normal;
font-family: lato regular;
margin-top:0;
margin-bottom: 24px;
}
#containerLegal #container #content form div.links span{
display: block;
margin-bottom:3px;
}
#containerLegal #container #content form div.links span a{
color: #0077cc;
font-family: lato regular;
font-size: 14px;
text-decoration: none;
}

#containerLegal #container #content form div.links span a:hover , #containerLegal #llInfo div a:hover{
text-decoration:underline;
}
#containerLegal #container{
border-bottom:1px solid #DFDFDF;
padding-bottom: 44px;
}

#containerLegal #llInfo div{
width: 454px;


float: left;
margin-top: 34px;
margin-bottom: 50px;
}


@media screen and (max-width:1364px) and (min-width:1360px){
#containerLegal #llInfo div{
width:466px;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#containerLegal #llInfo div{
width:454px;
}
}


#containerLegal #llInfo div#rightInfo{
margin-left:88px;
}
#containerLegal #llInfo div h2{
color: #373739;
font-family: lato regular;
font-size: 21px;
font-weight: normal;
}
#containerLegal #llInfo div a{
color: #0077cc;
font-family: lato regular;
font-size: 14px;
text-decoration: none;
}
#containerLegal #llInfo div a span.icon.la-ExternalLink{
color: #858587 !important;
margin-bottom:10px;
display:inline-block;
}
#containerLegal #llInfo div p{
color:#3C3C3C;
font-family: lato regular;
font-size:14px;
}


.signOut sup {
font-size: 12px;
}


.signOut .headerrightMenu ul{
margin-top:0;
margin-bottom:0;
padding:0
}
.signOut .headerrightMenu ul li.contactus {
background-color: #000000;
border-right: 1px solid #48494A;
margin-right: 29px;
padding-top: 12px;
padding-bottom: 18px;
}
.contactusinner {
margin-right: 1px;
background-color: #373739;
}
.contactusinner span {
border-right: 1px solid #48494A;
font-size: 14px;
padding: 13px 14px 13px 9px;
position: relative;
top: 3px;
background-color: #373739;
margin-right: 0px;
font-family: Lato;
}
.contactusinner a {
cursor: pointer;
text-decoration: none;
}
.athensContent{
-moz-width: 56.3%;
-webkit-width: 56.3%;
width:55%;
font-family:lato regular;
font-size: 14px;
}
@media screen and (max-width:1280px) and (min-width:1025px) {
.athensContent{
-moz-width: 60%;
-webkit-width:60%;
width:59%;
}
}
@media screen and (max-width:1364px) and (min-width:1360px){
.athensContent{
width: 677px;}
}
.athensLink{
padding-top: 10px;
padding-bottom: 10px;
}
