<!-- stylecss.jsp -->


#homePageLogoX {
   position: absolute; 
   top: 3px; 
   left: -6px;
   width:262px;
   height:153px;
}


.smallLink { font-size: 10pt; }
.smallLinkg { font-size: 10pt; color: black; }

A.borderText:visited { color: black }
A.borderText:hover { color: white }
A.borderText { color: black }

A:link { text-decoration: none; }
A:visited { text-decoration: none; }
A:hover { text-decoration: underline; }

html {
    overflow-y: scroll;
}

html, body {
   xheight: 100%;
   font-family: Arial, sans-serif;
   background-color: #7e8388;
}

.link {
    cursor: pointer ;
}

.hidden {
    display: none
}

.noprint {
}

#leftGutter {
    height: calc(100vh - 214px);
    width: calc((100vw - 1127px) / 2);
    position: fixed;
    padding-top: 20px;
    overflow: hidden;
    display: flex;
}
#rightGutter {
    height: calc(100vh - 214px);
    width: calc((100vw - 1127px) / 2);
    position: fixed;
    padding-top: 20px;
    overflow: hidden;
    right: 0;
    display: flex;
}
#leftGutterInner {
    margin: auto;
}
#rightGutterInner {
    margin: auto;
}

@media print {
    .noprint,
    div[data-freestar-ad],
    #primisPlayerContainerDiv,
    .fs-sidewall-container,
    .fs-sticky-footer,
    .__fs-branding {
        display: none !important;
    }
}


div#topContainer {
   margin: 0 0;
   padding: 6px 0px;
   width: 100%;
   height: 113px;
   background-color: white;
   border-bottom: 1px solid #888888;
}

#topDivider {
   height:7px; 
   border-top: 1px solid #d1e4f2;
   background-color: #001524;
   border-bottom: 1px solid #888888;
}

.introHelp {
        font-weight: normal;
        padding: 20px;
        margin-left: 20px;
        margin-right: 20px;
        max-width: 600px;
        text-align: left;
        }


		body		
		{
			margin: 0 0;
			padding: 0 0;
			text-align: center;
		}
		div#menu
                {
                    float: right;
                    height: 50px;
                }
                #menu a
                {
		     font-size: small;
                     padding: 0.5em;
                }
                #menu input {
                    position: relative;
                    top: -3px;
                }
                #menu img {
                    border: 0;
                }
                .button1 {
                        position: relative;
			cursor:pointer;
                }
                img#logo 
                {
                    float: left;
                    position: relative;
                    top: 10px;
                }
                h1#tagLine
                {
                   position: absolute;
                   color: green;
                   font-weight: normal;
                   font-family: 'Raleway', sans-serif;

                   top: -7px;
                   left: 284px;
                   width: 451px;
                   font-size: 13pt;

                }
                div#topAd
                {
                    float: right;
                    height: 90px;
                    position:relative;
                    top: -5px;
                }
                div#top 
                {
                    background-color: white;
                    margin: 0 auto;
                    position: relative;
                    left: 0;
                    top: 0;
                    text-align: left;
                    width: 1100px;
                }
                .clearFloat 
                {
                   clear: both;
                }
		div#container		
		{
                    position: relative;
		    margin: 0px auto;
		    text-align: left;
            		max-width: 1120px;
            		min-width: 1120px;
            		width: 1120px;
            		margin-top: 6px;
            		margin-bottom: 12px;
		}


        div#rightSideNarrow
        {
            padding: 6px 6px;
            margin-right: 10px;
            float: right;
            position: relative;
            top: 2px;
            text-align: center;
         }

       div#rightSideAdWrapper {
            padding-top: 5px;
            padding-bottom: 30px;
       }


        div#rightSide
        {
            padding: 4px 4px;
            margin: 0 0;       
            float: right;
            position: relative;
            top: 8px;
            left: -2px;
            text-align: center;
         }
         .narrowRightSide {
             width: 216px;
             position: relative ;
             top: -4px;
         }
         .wideRightSide {
              width: 341px;
	      border: 0px solid #408080;
          }
          #rightSide img {
              border: 0;
          }
          #studystack_300x250_336x280_RightRail_1 {
              min-height: 280px;
          }
          #studystack_300x250_336x280_RightRail_2 {
              min-height: 280px;
          }
          div#main
          {
              padding-top: 3px;
              min-height: 400px;
          }
          #leftSide
          {
              padding: 0px 4px 4px 4px;
              margin: 0 0;       
              float: left;
              position: relative;
              top: 5px;
              left: 5px;
              text-align: center;
           }
           .leftContent
           {
              margin: 5px 0px;
              margin-left: 3px;
              padding: 0px;
              border: 1px solid #9798AB;
              text-align: center;
              overflow: auto;
            }

            .primaryBackground {
                   background-color: white;
            }
            .complementaryBackground {
                    background-color: #e2eff2;
            }

                #mainContent
                {
                        position: relative ;
			border: 1px solid  #2F3699;
                        text-align: center;
                        margin: auto;
                        margin-bottom: 10px;
                        margin-top: 5px;
                        margin-left: 3px;
                        overflow: hidden;
                        min-height: 820px;
                        padding-bottom: 10px;
                }
                .mainContentWide {
                        width: 864px;
                        margin: auto;
                        text-align: center;
                }
                @media print {
                   .mainContentWide { width: 1064px }
                }

                .mainContentNarrow {
                        width: 752px;
                }

                @media print {
                   .mainContentNarrow { width: 1064px }
                }

                .mainContentSuperWide {
                        margin: auto;
                        text-align: center;
                        width: 1095px;
                }
                div#bottom
                {
                       clear: both;
                }
                div#footer
                {
                }
                div#copyrightDiv
                {
                    text-align: center;
                    line-height: 20px;
                    font-family:arial, helvetica;
                    color: black;
                    background-color: #1f1f1f;
                }
                div#copyrightDiv hr {
                     border: 0;
                     height: 1px;
                     color: white;
                     background-color: white;

                }
                div#copyrightDiv a {
                    margin: 12px;
                }

table#studymenu tr td {
    text-align: center;
    vertical-align: top;
}
table#studymenu {
    text-align: center;
    margin: 15px auto;
}
#studymenu img {
      border: 0;
      margin-top: 2px;
}
#studymenu a {
     margin-top: -2px;
     margin-bottom: 4px;
}

.smitem {
    text-align: center;
    width: 72px;
    padding: 2px;
    margin-bottom: 8px;
    position: relative;
}

.smitem:hover {
    text-decoration: underline;
}


#eappsPromo {
    width: 116px;
    height: 39px;
    margin: auto;
    margin-top: 8px;
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -6px -270px no-repeat;
    border: 1px solid black;
    cursor: pointer;
}

#badSites {
position: absolute;
bottom: 15px;
left: 159px;
display: block;
padding: 0;
color: gray;
}


.headerMessage {
   border-style: solid;
   border-width: 1px;
   background-color: #E3E0D7;
   border-color: #29ABE2;
}


.errorMessage {
    background-color: rgb(249, 238, 238);
    color: black;
    text-align: left ;
    margin: 10px;
    padding: 5px;
    line-height: 1.5;
}
.infoMessage {
    position: relative;
    background-color: #d2ffd2;
    border: 1px solid blue;
    color: black;
    text-align: left ;
    margin: 10px;
    padding: 5px;
}
.messageText {
    text-align: left ;
    margin: 10px;
    padding: 5px;
}
.disabledLink {
    color: #aaaaaa ;
}

#breadCrumbs {
   float: left;
   padding: 8px;
   font-size: .8em;
   height: 30px;
   text-align: left ;
}

#stackId {
    font-size: .77em;
    color: #888888;
}

#magnifyGlass {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -330px -69px no-repeat;
    height: 20px;
    width: 20px;
    cursor: pointer;
}


#moreCrumbs {
    float: left;
    padding: 8px;
    font-size: .8em;
   height: 30px;
}
#addThis {
   float: right;
   padding: 5px;
}

#accountSettings {
   width: 350px;
}
#openSocialSettings {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 220px;
  border: 2px solid #408080;
}

#faceBookConnectArea {
    height: 30px;
    margin: 4px;
    margin-top: 8px;
    border-bottom: 1px dashed blue;
    overflow: hidden ;
}

#withFB {
  position: absolute;
  left: 115px;
  top: 8px;
}

#withFB2 {
  position: absolute;
  left: 215px;
  top: 12px;
  font-size: 0.9em;
}

img#tweetTopLogo
  {
    float: left;
    position: relative;
    top: 5px;
    left: 10px;
  }

#followUs {
      margin-bottom: 10px;
      height: 92px;
      width: 166px;
      margin: auto;
      background: transparent url( https://www.studystack.com/images/ssimages2.png) -4px -382px no-repeat;
      border: 1px solid black;
  }

#facebookLink {
    height: 48px;
    width: 48px;
    margin: auto;
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -5px -319px no-repeat;
    cursor: pointer;
}

#homePageLogo {
   float: left ;
   position: relative;
   top: 3px;
   left: -10px;
   width: 262px;
   height: 149px;
   background: transparent url( https://www.studystack.com/images/ssimages2.png) -1px -1px no-repeat;
}

#registeredTrademark {
    position: absolute;
    top: 100px;
    left: 250px;
    font-size: 10pt;
}

  #cse-search-box
  {
    position: absolute;
    right: 0;
  }
  #logonBox 
  {
    position: absolute;
    right: -9px;
    top: -2px;
    width: 284px;
    height: 117px;
    overflow: hidden;
    background-color: #CAD2D6;
  }
  #submitLogon
  {
     position: absolute;
     top: 16px;
     left: 180px;
     width: 90px;
     margin: 5px;
     height: 30px;
  }
  #logonForm {
     position: absolute;
     top: 32px;
  }

  #retrievePasswordLink 
  {
    font-size: 9pt;
    position: absolute;
    left: 7px;
    top: 59px;
    margin: 5px;
    width: 160px;
  }
  #signUpLink 
  {
    font-size: 11pt;
    font-weight: bold;
    position: absolute;
    left: 179px;
    top: 57px;
    margin: 5px;
    width: 100px;
    color: red;
  }
  #logoutLink 
  {
    font-size: 10pt;
    position: absolute;
    left: 5px;
    top: 35px;
    margin: 5px;
    width: 70px;
  }
  #friendsLink 
  {
    font-size: 10pt;
    position: absolute;
    left: 5px;
    top: 60px;
    margin: 5px;
    width: 99px;
  }
  #myStudyStackLink 
  {
    font-size: 10pt;
    position: absolute;
    left: 5px;
    top: 82px;
    margin: 5px;
    width: 99px;
  }
  #id {
     position: absolute;
     top: 12px;
     left: 8px;
     width: 157px;
     padding-left: 7px;
  }
  #word {
     position: absolute;
     top: 36px;
     left: 8px;
     width: 157px;
     padding-left: 7px;
  }
  #fbLoginButton {
     left: 11px;
  }

  #loggedInLinks 
  {
    font-size: small;
    position: absolute;
    bottom: 0;
    left: 5px;
    margin: 5px;
  }
  #withFB {
     font-size: 11pt;
  }

    #tweetThis {
        position: absolute;
        top:92px;
        left:16px;
        padding:3px;
    }
    #twitterButton {
       cursor:pointer;
       position:absolute;
       top:4px;
       left: 550px;
       height:50px;
       margin-right: 23px; 
    }

#wordLabel {
    position: absolute;
    top: 41px;
    left: 13px;
    font-size: 10pt;
    color: #aaaaaa;
}
#idLabel {
    position: absolute;
    top: 17px;
    left: 13px;
    font-size: 10pt;
    color: #aaaaaa;
}
.centeredTable {
    margin-left: auto;
    margin-right: auto;
} 
#buttonAds {
    position: relative;
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 670px;
}
.buttonAd {
    float: left;
    width: 165px;
}

#copyToClipboard {
    position: relative ;
    text-align: left;
    padding: 10px;
    border: 1px solid #aaaaaa;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    background-color: #dddddd;
    line-height: 1.3em;
}

#copyToClipboard textarea {
   background-color: #aaaaaa;
}

.evenRow {
    background-color: white;
}
.oddRow {
    background-color: #f5f5f5;
}
#favoriteSlides {
    text-align: left ;
}

.addHeading {
    padding-top: 20px;
    font-size: 12pt;
    font-weight: bold;
    text-align: left ;
}

.rightSideAds {
    font-size: 10pt;
    text-align: left ;
    padding-right: 10px;
}

.smallTarget {
    position: relative;
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -280px -68px no-repeat;
    height: 11px;
    width: 18px;
    display: inline;
    padding-right: 16px;
    margin-right: 5px;
}

.smallTargetTransparent {
    position: absolute;
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -308px -68px no-repeat;
    height: 21px;
    width: 18px;
    display: block;
    margin-right: 5px;
    margin-left: 25px;
}


.fcButton {
    height: 40px;
}

.roundedCorners{
   border-radius: 8px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
}
.headingHolder {
    position: relative;
}
#sheet32x32 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -5px -172px no-repeat;
    height: 34px;
    width: 27px;
}

#fc72 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -548px -722px no-repeat;
    height: 72px;
    width: 72px;
}

#fc32x32 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -39px -172px no-repeat;
    height: 34px;
    width: 32px;
}

#ss32x32 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -88px -172px no-repeat;
    height: 34px;
    width: 34px;
}
#ss72 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -336px -821px no-repeat;
    height: 72px;
    width: 72px;
}
#t32x32 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -136px -172px no-repeat;
    height: 34px;
    width: 34px;
}

#t72 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -444px -821px no-repeat;
    height: 72px;
    width: 72px;
}
#m32x32 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -180px -172px no-repeat;
    height: 34px;
    width: 34px;
}
#m72 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -15px -821px no-repeat;
    height: 72px;
    width: 72px;
}

#hangman32x32 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -227px -172px no-repeat;
    height: 34px;
    width: 32px;
}
#hangman72 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -657px -722px no-repeat;
    height: 72px;
    width: 72px;
}

#rdocs32x32 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -466px -268px no-repeat;
    height: 34px;
    width: 32px;
}
#rquest32x32 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -467px -225px no-repeat;
    height: 34px;
    width: 32px;
}

#chopped {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -466px -172px no-repeat;
    height: 34px;
    width: 32px;
}

#chopped72 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -229px -722px no-repeat;
    height: 72px;
    width: 72px;
}

#crossword {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -274px -172px no-repeat;
    height: 34px;
    width: 35px;
}
#crossword72 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -336px -722px no-repeat;
    height: 72px;
    width: 72px;
}

#wordscramble {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -321px -173px no-repeat;
    height: 34px;
    width: 32px;
}

#wordscramble72 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -872px -821px no-repeat;
    height: 72px;
    width: 72px;
}

#typeInBlank {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -368px -172px no-repeat;
    height: 34px;
    width: 32px;
}
#typeInBlank72 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -765px -821px no-repeat;
    height: 72px;
    width: 72px;
}
#bugMatch {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -417px -172px no-repeat;
    height: 34px;
    width: 32px;
}
#bugMatch72 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -122px -722px no-repeat;
    height: 72px;
    width: 72px;
}
#hungrybug {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -3px -218px no-repeat;
    height: 34px;
    width: 34px;
}

#hungrybug72 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -871px -722px no-repeat;
    height: 72px;
    width: 72px;
}
#studySlide {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -371px -226px no-repeat;
    height: 34px;
    width: 34px;
}

#studySlide72 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -550px -821px no-repeat;
    height: 72px;
    width: 72px;
}
#noStudySlide72 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -867px -418px no-repeat;
    height: 72px;
    width: 72px;
}
#noStudySlide {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -48px -219px no-repeat;
    height: 34px;
    width: 34px;
}

#phone32x32 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -96px -220px no-repeat;
    height: 32px;
    width: 32px;
}

#p32x32 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -142px -223px no-repeat;
    height: 32px;
    width: 32px;
}

#edit32x32 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -188px -223px no-repeat;
    height: 32px;
    width: 32px;
}

#noedit32x32 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -185px -317px no-repeat;
    height: 32px;
    width: 32px;
}

#question {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -232px -225px no-repeat;
    height: 32px;
    width: 32px;
}

#quiz32x32 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -188px -270px no-repeat;
    height: 32px;
    width: 32px;
}
#quiz72 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -230px -821px no-repeat;
    height: 72px;
    width: 72px;
}

#test32x32 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -234px -270px no-repeat;
    height: 32px;
    width: 32px;
}
#test72 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -657px -821px no-repeat;
    height: 72px;
    width: 72px;
}


#fc72g {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -548px -522px no-repeat;
    height: 72px;
    width: 72px;
}
#ss72g {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -336px -621px no-repeat;
    height: 72px;
    width: 72px;
}
#t72g {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -444px -621px no-repeat;
    height: 72px;
    width: 72px;
}
#m72g {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -15px -621px no-repeat;
    height: 72px;
    width: 72px;
}
#hangman72g {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -657px -522px no-repeat;
    height: 72px;
    width: 72px;
}
#chopped72g {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -229px -522px no-repeat;
    height: 72px;
    width: 72px;
}
#crossword72g {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -336px -522px no-repeat;
    height: 72px;
    width: 72px;
}
#wordscramble72g {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -872px -621px no-repeat;
    height: 72px;
    width: 72px;
}

#typeInBlank72g {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -765px -621px no-repeat;
    height: 72px;
    width: 72px;
}
#bugMatch72g {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -122px -522px no-repeat;
    height: 72px;
    width: 72px;
}
#hungrybug72g {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -871px -522px no-repeat;
    height: 72px;
    width: 72px;
}
#noStudySlide72g {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -550px -621px no-repeat;
    height: 72px;
    width: 72px;
}
#studySlide72g {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -550px -621px no-repeat;
    height: 72px;
    width: 72px;
}
#quiz72g {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -230px -621px no-repeat;
    height: 72px;
    width: 72px;
}
#test72g {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -657px -621px no-repeat;
    height: 72px;
    width: 72px;
}


#edit12 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -713px -404px no-repeat;
    height: 12px;
    width: 12px;
    position: relative;
    top: 3px;
    left: 2px;
    float: left;
}


#print12 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -691px -403px no-repeat;
    height: 16px;
    width: 14px;
    position: relative;
    top: 3px;
    float: left;
}


#apps14 {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -661px -404px no-repeat;
    height: 14px;
    width: 21px;
    position: relative;
    top: 3px;
    float: left;
}


.smenu {
    margin: auto;    
    margin-top: 5px;
}

#mainTitle {
    position: relative;
    top: -40px;
    height: 10px;
    padding-right: 100px;
    padding-left: 100px;
    margin-bottom: 50px;
}

#favoriteStarImg {
    position: absolute;
    right: 20px;
    top: 8px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: inline-block;
}

.notFavoriteStar {
    background: transparent url( https://www.studystack.com/images/star0.svg) no-repeat;
}

.favoriteStar {
    background: transparent url( https://www.studystack.com/images/star3.svg) no-repeat;
}

.changingFavorite {
    background: transparent url( https://www.studystack.com/images/star2.svg) no-repeat;
}


     #editDataTableWrapper {
        height: 300px;
        width: 788px;
	overflow: auto;
     }
     #editDataDataTable textarea{
	overflow: auto;
        width: 300px;
     }
     #editDataHeaderWrapper {
        width: 900px;
        height: 30px;
        position: relative;
        left: 12px;
     }
     #editDataHeaderTable {
         position: relative;
         float: left;
         border-spacing: 2px 0px;
     }
     #editDataHeaderTable input {
         width: 300px;
     }
     #editDataHeaderTable div {
        position: relative;
     }

     #editDataHeaderTable img {
        position: absolute;
        right: 2px;
        top: 2px;
     }
     #editDataAddColumn {
         position: relative;
         float: left;
         top: 1px;
         width: 20px;
         cursor: pointer;
         background-color: #ccccdd;
     }
     #editDataImportDelimiter {
         margin-right: 40px;
     }


.fc20x20 {
    display: block;
    float: left;
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -361px -69px no-repeat;
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin: 2px;
}

.ss20x20 {
    display: block;
    float: left;
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -390px -69px no-repeat;
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin: 2px;
}

.t20x20 {
    display: block;
    float: left;
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -418px -69px no-repeat;
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin: 2px;
}

.m20x20 {
    display: block;
    float: left;
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -446px -69px no-repeat;
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin: 2px;
}

#bottomButtonWrapper {
   position: relative;
   margin-right: auto;
   margin-left: auto;
   height: 100px;
   margin-top: 40px;
}
#browseOrSearchButton {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -280px -393px no-repeat;
    display: block;
    width: 221px;
    height: 53px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 250px;
}
#createFlashcardsButton {
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -280px -446px no-repeat;
    display: block;
    width: 221px;
    height: 53px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
}


  .mainTab {
      background-color: #7f7f7f;
      color: #bbbbbb;
      margin-top: 4px;
      margin-left: 10px;
      position: relative;
      width: 188px;
      height: 20px;
      padding-top: 7px;
      padding-bottom: 4px;
      text-align: center;
      float: left;
      cursor: pointer;
      border-top-left-radius: 10px 5px;
      border-top-right-radius: 10px 5px;
      font-size: 11pt;
      font-weight: bold;
  }
  .currentMainTab {
      margin-top: 2px;
      background-color: #b8d384; 
      color: black;
      height: 28px;
      cursor: default;
      pointer-events: none;
  }
  #tutorTab {
      width:76px;
  }
  #docsTab {
      width:100px;
  }
  .mainTab:hover {
       color: white;
  }


#addThisButton {
    position: absolute;
    right: 150px;
    bottom: 12px;
}

#twitterButton2 {
     position: absolute;
     bottom: 11px;
     right: 16px;
     background: transparent url( https://www.studystack.com/images/ssimages2.png) -95px -321px no-repeat;
     width: 49px;
     height: 47px;
     cursor: pointer ;
}

#eappsButton {
     position: absolute;
     bottom: 11px;
     left: 16px;
     background: transparent url( https://www.studystack.com/images/ssimages2.png) -3px -382px no-repeat;
     width: 109px;
     height: 35px;
     cursor: pointer ;
}


#likeButtons {
   position: absolute;
   top: 0px;
   left: 330px;
   height: 30px;
   width: 300px;
}

.aLikeButton {
   float: left;
   height: 50px;
   width: 90px;
}

#gplusWrapper {
   position: absolute;
   left: 110px;
   top: 0px;
}

#addThisWrapper {
   position: absolute;
   left: 220px;
   top: 0px;
}

#numStars {
    color: #cccccc ;
    position: absolute;
    right: 2px;
    top: 30px;
    cursor: pointer;
    display: inline-block ;
    z-index: 2;
    font-size: 10pt;
    width: 25px;
    text-align: left ;
}

@media print {
   #numStars { display: none }
}


.noSelect {
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -o-user-select: none;
 user-select: none;
}

   #helpIsHere {
      position: fixed;
      bottom: 9px;
      left: 2px;
      height: 15px;
      width: 15px;
      background-color: rgb( 181, 230, 29 );
      display: none ;
      border-radius: 50%;
      cursor: pointer ;
   }
   #topSearchHeading {
       position: absolute;
       top:23px;
       left: 330px;
       height: 30px;
       width: 400px;
       color: #cccccc;
       font-size: 21px;
    }
#createdByBlock {
    margin-top: 20px;
    padding-bottom: 10px;
}


#searchResults {
   max-width: 720px;
   float: left;
   text-align: left;
}

@media screen and (min-width: 800px) {
   #searchResults {
      margin-right: 100px;
   }
}


.searchResult {
   margin-bottom: 13px;
   text-align: left;
   max-width: 720px;
   font-size: 12pt;
}

   .goodMark {
      background: transparent url( https://www.studystack.com/images/ssimages2.png) -324px -120px no-repeat;
   }
   .badMark {
   }


.smallbutton {
        background-color:#79bbff;
        border:3px solid #79bbff;
        border-radius:9px;
        color:#ffffff;
        font-family:arial;
        font-size:15px;
        padding: 0px 10px;
        text-decoration:none;
}
.smallbutton:hover {
        background-color:#378de5;
}
.smallbutton:active {
        position:relative;
        top:1px;
}

.bigbutton {
        -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
        -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
        box-shadow:inset 0px 1px 0px 0px #bbdaf7;
        background-color:#79bbff;
        -moz-border-radius:9px;
        -webkit-border-radius:9px;
        border-radius:9px;
        border:3px solid #84bbf3;
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:22px;
        font-weight:bold;
        padding:15px 28px;
        text-decoration:none;
        text-shadow:1px 1px 0px #528ecc;
        margin-bottom: 50px;
}
.bigbutton:hover {
        background-color:#378de5;
}
.bigbutton:active {
        position:relative;
        top:1px;
}

.catFolder {
    position: relative;
    top: -2px;
    background: transparent url( https://www.studystack.com/images/ssimages2.png) -436px -10px no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    padding-bottom: 3px;
    padding-top: 5px;
}

.studyStackProMarker {
   position: absolute;
   top: 14px;
   right: -33px;
   color: white;
   font-size: 14px;
   padding-left: 30px;
   padding-right: 30px;
   padding-top: 2px;
   padding-bottom: 1px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   background-color: #5d980e; 
   letter-spacing: 4px;
   text-decoration:none;
}


.studyStackProMarkerStraight {
   color: white;
   font-size: 14px;
   padding-left: 10px;
   padding-right: 10px;
   margin: 10px;
   padding-top: 2px;
   padding-bottom: 1px;
   background-color: #5d980e;
   text-decoration:none;
}

input[type=password] {
    border: 1px solid black ;
    border-radius: 3px;
    padding: 1px 2px;
}

input[type=text] {
    border: 1px solid black ;
    border-radius: 3px;
    padding: 1px 2px;
}

#x-topErrorMessage {
	height: 30px;
	width: 447px;
        color: red;
	top: 0;
	left: 278px;
	position: absolute;
        text-align: center;
        display: none;
}

.didItDot {
    position: absolute;
    top: 0.8vw;
    right: 0.8vw;
    width: 13px;
    height: 13px;
    background-color: #9ad253;
    border-radius: 8px;
}
     .menuImage {
         height: 10vw;
         width: 10vw;
         position: relative;
	 max-width: 69px;
         max-height: 69px;
         margin: 7px;
         border-radius: 6px;
         display: inline;
         background: #1990ca;
         border: 1px solid transparent; 
     }
     .menuImage:hover {
         filter: unset;
         background-color: #5d980e;
     }
     .selectedMenu {
         filter: invert(.5) sepia(1) saturate(5) hue-rotate(48deg);
         background: unset;
         border: 1px solid ;
     }
     .selectedMenu:hover {
         filter: invert(.5) sepia(1) saturate(5) hue-rotate(48deg);
         background: unset;
         border: 1px solid ;
         xfilter: unset;
         xbackground-color: #8cc63f;
         xborder: 1px solid transparent;
     }

     #menuContainer {
         margin: 0 auto;
         display: flex ;
         flex-wrap: wrap; 
         justify-content: center ;
         text-align: center;
         margin-bottom: 9px;
         font-size: 10pt;
         font-weight: 100;
         color: #466ebd;
         font-family: sans-serif;
         padding-top: 70px;
         padding-bottom: 70px;
         max-width: 800px;
     }
     .menuItem {
         margin: 0.65vw;
         padding-bottom: 10px;
         position: relative;
     }
     @media screen and (max-width: 730px) {
        .menuItem {
            margin: 0.2vw;
        }
     }
     .menuItem:hover {
         font-weight: 400;
     }
     .menuTitle {
         position: relative;
         top: -4px;
     }
     @media screen and (max-width: 970px) {
         #smb-dispAd-widget {
             display: none;
         }
     }
     @media screen and (max-width: 720px) {
        #menuContainer {
            font-size: 9pt;
        }
        .menuTitle {
            top: -3px;
        }
     }
     @media screen and (max-width: 600px) {
        #menuContainer {
            font-size: 8pt;
        }
        .menuTitle {
            top: -1px;
        }
     }

@media screen and (max-width: 400px) {
     .menuImage {
         height: 14vw;
         width:  14vw;
     }
}
@media screen and (max-width: 1100px) {
     .menuImage {
	 min-width: 50px;
         min-height: 50px;
     }


     @media screen and (max-width: 850px) {
        #gameMenuId-1 {
           display:none ;
        }
        #gameMenuId-2 {
           display:none ;
        }
     }

     @media screen and (max-width: 705px) {
        #gameMenuId-2048 {
           display:none ;
        }
     }

     @media screen and (max-width: 940px) {
        #gameMenuId-8192 {
           display:none ;
        }
     }

     @media screen and (max-width: 620px) {
        #gameMenuId-512 {
           display:none ;
        }
     }

    div#topErrorMessage {
       left: 0px;
       width: 400px;
    }
    div#container {
       max-width: 100%; 
       width: 100%;
       min-width: 100%;
    }
    div#main {
       display: flex ;
       flex-wrap: wrap;
    }
    div#leftSide {
       width: 100%;
       order: 1;
       padding: 0;
       left: 0;
    }
    div#rightSide {
       width: 100%;
       order: 2;
    }
    div#mainContent {
      margin-left: 0;
      border: unset;
    }
}

@media screen and (max-width: 728px) {
   #ad728x90btf {
      display: none;
   }
}

#rightSideResponsive {
    float: right;
    max-width: 352px;
    top: 10px;
    position: relative;
    width: 350px;
}

.responsive1 {
   width: 350px;   
   overflow: hidden;
   height: 350px;
}
.responsive2 {
   width: 350px;   
   overflow: hidden;
   height: 800px;
   display: block;
}

#removeAdLink1 {
    width: 100%;
    display: block;
    text-align: center;
}

@media screen and (max-width: 1100px) {
  #rightSideResponsive {
    display: none;
  }
  .responsive1 {
    display: none;
  }
  .responsive2 {
    display:none;
  }
}

/* topHeader.jsp in stylecss.jsp */
div#topContainer {
   padding: 0;
   height: auto;
   background-color: #1f1f1f ;
}
div#top {
    width: inherit ; 
}
#appLinkArea {
    text-align: center ;
    display: none;
}
@media screen and (max-width: 500px) {
  #appLinkArea {
     display: none;
  }
}


   #busyIndicator{
position:absolute;
top: 2.5em;
width:100%;
height:5px;
opacity: 0.2;
display: none;
z-index: 999999;
}

.followingBallsG{
background-color:#000000;
position:absolute;
top:0;
left:0;
width:5px;
height:5px;
-webkit-border-radius:3px;
-webkit-animation-name:bounce_followingBallsG;
-webkit-animation-duration:3.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
border-radius:3px;
animation-name:bounce_followingBallsG;
animation-duration:1.3s;
animation-iteration-count:infinite;
animation-direction:normal;
}

#followingBallsG_1{
-moz-animation-delay:0s;
}

#followingBallsG_1{
-webkit-animation-delay:0s;
}

#followingBallsG_1{
-ms-animation-delay:0s;
}

#followingBallsG_1{
-o-animation-delay:0s;
}

#followingBallsG_1{
animation-delay:0s;
}

#followingBallsG_2{
-webkit-animation-delay:0.13s;
animation-delay:0.13s;
}

#followingBallsG_3{
-webkit-animation-delay:0.26s;
animation-delay:0.26s;
}

#followingBallsG_4{
-webkit-animation-delay:0.39s;
animation-delay:0.39s;
}


@-webkit-keyframes bounce_followingBallsG{
0%{
left:0px;
}

50%{
left:100%;
}

100%{
left:0px;
}

}


@keyframes bounce_followingBallsG{
0%{
left:0px;
}

50%{
left:100%;
}

100%{
left:0px;
}

}


/*  spinner from http://tobiasahlin.com/spinkit/  */
#loadingResultsDiv {
   text-align: center ;
}
.spinner {
  margin: 1em auto;
  width: 16em;
  height: 3em;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: white;
  height: 100%;
  width: 0.7em;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
  margin: 0 0.35em;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}


    .modalPopup {
        display: none;
        position: fixed;
        z-index: 999999999;
        background-color: white;
        width: 315px;
        right: 0px;
        left: 0px;
        top: 0px;
        bottom: 0px;
        height: 300px;
        margin: auto;
        padding: 20px;
        border-radius: 3px;
        font-size: 11pt;
        max-height: 100%;
        overflow-y: auto;
        text-align: center ;
    }
    .modalPopup hr {
	border: 1px solid rgba(0,0,0,.1);
    }
    #aboveAlreadyUser {
	margin-top: 17px;
	margin-bottom: 14px;
    }
    #alreadyClient a {
      padding: 9px 20px;
    }
    .standard-button {
        background-color: #8cc63f; 
        border-radius: 3px;
	transition: all ease 0.25s;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        border: none;
        height: 33px;
        font-size: 1em;
        padding: 0;
        color: white;
        font-weight: bold;
        padding: 0 10px;
        cursor: pointer;
    }
    #progressPopup {
        background-color: lightgray;
        height: 163px;
    }
    #errorPopup {
        height: 163px;
    }
    #errorMessage {
        height: 80px;
        text-align: left ;
        color: #111111;
    }
    #loginPopup {
        height: 425px;
    }

    #resetPassword {
        padding: 0;
        height: 286px;
        text-align: left ;
    }
    #resetPassword hr {
       margin: 18px 5px;
       border: 1px solid rgba(0,0,0,.07);
    }
    #resetPassword input[type='text']{
        width: 100% ;
        margin-top: 20px;
        padding: 6px;
        box-sizing: border-box;
        font-size: 1em;
    } 
  
    #resetPassword input[type='submit']{
         padding: 0 19px;
         font-weight: normal;
    }
    #resetPasswordHeading {
        background-color: #e5e5e5;
        padding: 10px 20px;
        font-size: 13pt;
        color: black;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

    #resetPasswordBoxPadding {
        padding: 20px;
        color: #727272;
        line-height: 1.5em;
    }

    .modalButton{
       height: 34px;
       padding: 5px 16px;
       margin: 0;
       text-transform: inherit ;
    }
    
    #modalBackground {
        display: none;
        position: fixed;
        z-index: 999999998;
        top: 0; 
        left: 0;
        width: 100%;
        height: 100%;
        background-color: black;
        opacity: 0.7;
    }
    #loginPopup button {
       width: 100%;
       margin-bottom: 5px;
        cursor: pointer;
    }
    #loginWithEmail {
       width: 100%;
       margin-bottom: 24px;
    }
    #loginPopup input[type=password] {
       width: 100%;
       height: 2.5em;
       margin: 0.2em 0;
       font-size: 1.2em;
       padding: 0.3em;
       box-sizing: border-box;
    }
    #loginPopup input[type=email] {
       width: 100%;
       height: 2.5em;
       margin: 0.2em 0;
       font-size: 1.2em;
       padding: 0.3em;
       box-sizing: border-box;
    }
    #loginPopup input[type=text] {
       width: 100%;
       height: 2.5em;
       margin: 0.2em 0;
       font-size: 1.2em;
       padding: 0.3em;
       box-sizing: border-box;
    }
    #signupPopup input[type='text'] {
        background-color: rgb(250, 255, 189);
    }
    #signupUserName {
       padding-right: 28px;
    }
    #signupPopup input[type='email'] {
        background-color: rgb(250, 255, 189);
    }
    #signupPopup input[type='password'] {
        background-color: rgb(250, 255, 189);
    }

    #facebookSignupArea {
       padding-bottom: 10px ;
    }


    #signupPopup {
        height: 526px;
        overflow: hidden;
    }
    #emailSignupArea p {
       text-align: left;
       font-size: 9.5pt;
       line-height: 1.4em;
       margin-top: 1em;
    }
    p#agreementMsg  {
       margin-top: 0;
    }

    #emailInputArea {
        height: 62px;
        overflow: hidden;
    }

    #signUpWithEmail {
       margin-top: 11px;
       width: 100%;
    }
    #alreadyClient {
        width: 100%;
        text-align: left ;
    }

    #signupPopup input[type='password']{
        width: 100% ;
        margin-top: 2px;
        padding: 4px;
        box-sizing: border-box;
        height: 42px;
        font-size: 1.2em;
    } 
    #signupPopup input[type='text']{
        width: 100% ;
        margin-top: 2px;
        padding: 4px;
        box-sizing: border-box;
        height: 42px;
        font-size: 1.2em;
    } 

    #signupPopup input[type='email']{
        width: 100% ;
        margin-top: 11px;
        padding: 4px;
        box-sizing: border-box;
        height: 42px;
        font-size: 1.2em;
    } 

    #ageWrapper {
        margin-top: 10px;
        position: relative ;
        height: 80px;
	background-color: rgba(250, 235, 215, 0.51);
    }
    #signupPopup input[type='radio']{
        height: 30px;
        width: 30px;
    }

    #ageLabel {
       position: absolute;
       left: 8px;
       top: 0px;
       line-height: 80px;
    }

    #twelveOrYoungerLabel {
        position: absolute;
        top: 16px;
        left: 97px;
    }
    #twelveOrYoungerWrapper {
        position: absolute;
        top: 5px;
        left: 56px;
    }
    #thirteenOrOlderLabel {
        position: absolute;
        bottom: 15px;
        left: 97px;
    }
    #thirteenOrOlder {
        position: absolute;
        bottom: 5px;
        left: 56px;
    }
    #whyLink {
       position: absolute;
       left: 250px;
       top: 0px;
       line-height: 80px;
    }


    #forgotWrapper {
        padding: 0 0.2em;
        text-align: left ;
        position: relative;
        height: 48px;
    }
    #forgotPassword {
	padding: 10px 0;
        position: absolute;
        left: -8px;
    }
    #forgotWrapper label {
	font-weight: 400;
	padding: 10px 0;
        position: absolute;
        left: 27px;
    }
    #rememberMe {
       width: auto;
       position: absolute;
       top: 6px;
       height: 17px;
       width: 17px;
       display: none
    }

    #noAccount {
       text-align: left ;
	margin-top: 1.8em;
    }
    .orDivider {
       font-size:16px;
       margin-bottom: 23px;
       text-align: center ;
       margin-top: 20px;
    }
    #signupPopup .orDivider {
       margin-top: 0px;
    }
    .orText {
         display: inline-block;
         padding: 8px;
         background-color: white;
         position: relative;
         top: -4px;
    }
    .orDivider hr {
       margin: -20px auto 10px auto;
       width: 90%;
    }
    #loginForm {
       position: relative ;
       padding: 0;
       overflow-y: visible ;
    }
    #loginPopup a {
       color: #8CC63F;
       padding: 10px;
    }
    #signupPopup a {
       color: #8CC63F;
    }


/* bigButtons.jsp */
      #bottomButtonWrapper a:hover {
         text-decoration: none;
      }
      .buttonTitle {
          font-size: 17pt;
      }
      .bigbutton2 {
          background-color: #3ea3db;
          font-size: 10pt;
          font-style: normal;
          padding: 1px;
          padding-top: 11px;
          width: 224px;
          padding-bottom: 10px;
      }
.loginWithButton {
    border: 1px solid black;
    border-radius: 4px;
    margin-bottom: 5px;
    line-height: 46px;
    position: relative;
    cursor: pointer;
}

.loginWithButton:hover {
    background-color: #dddddd;
}

.loginWithButton svg {
    height: 30px;
    position: absolute;
    top: 9px;
    left: 4px;
}


/* embed.jsp */
  .leftLink {
     float: left;
     margin-left: 34px;
     font-size: small;
     cursor: pointer;
  }
  .leftLink:hover { text-decoration: underline; }

  .rightLink {
     float: right;
     margin-right: 40px;
     font-size: small;
     cursor: pointer;
     width: 42px;
  }
  .rightLink:hover { text-decoration: underline; }

  #copyToClipboard {
      display: none;
  }

@media screen and (max-width: 570px) {
   #appsLink {
      display: none;
   }
}

@media screen and (max-width: 500px) {
   #exportLink {
      display: none;
   }
}

@media screen and (max-width: 420px) {
   #embedLink {
      display: none;
   }
}

@media screen and (max-width: 325px) {
   #printLink {
      display: none;
   }
}


/* ad_728_90_btf2.jsp */
 @media screen and (max-width: 730px) {
    #ad728x90btf {
       display: none;
    }
 }
 @media screen and (max-width: 890px) {
    #smb-dispAd-widget {
       display: none;
    }
 }


/* bigButtons.jsp */
      #bottomButtonWrapper a:hover {
         text-decoration: none;
      }
      .buttonTitle {
          font-size: 17pt;
      }
      .bigbutton2 {
          xbackground-color: #3ea3db;
          background-color: #437008;
          font-size: 10pt;
          font-style: normal;
          padding: 1px;
          padding-top: 11px;
          width: 224px;
          padding-bottom: 10px;
      }


     @media screen and (max-width: 1100px) {
        div#mainContent {
            margin-top: 0;
            border: unset ;
        }
        div#main {
            padding-top: 0;
        }
        div#container {
            margin-top: 0;
        }
        div#leftSide {
            top: 0;
        }
     }

     .removeAdLink {
         display: none;
     }
     @media screen and (min-width: 1250px) {
        .removeAdLink {
            position: fixed;
            bottom: calc((100vh - 800px)/2);
            width: calc((100% - 1120px)/2);
            height: 80px;
            text-align: center;
            line-height: 80px;
            display: none ;
            z-index: 2147483001;
        }
        .removeAdLink a {
            color: #d0d0d0;
        }
        #leftRemoveAdLink {
            left: 0;
        }
        #rightRemoveAdLink {
            right: 0;
        }
     }
.otherSet {
    float: left ;
    background: #29ABE2 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 5px #0000001A;
    border-radius: 8px;
    margin-right: 8px;
    padding: 6px 9px;
    margin: 6px;
}
.otherSet a {
    color: white;
}


#upgradeButton {
        display: none;
        position:absolute;
        right:0;
        color:aliceblue;
        margin-right:24px;
        margin-top:16px;
        background-color:#1d4ce8;
        padding:10px;
}

@media screen and (min-width: 1500px) {
  #upgradeButton {
     display: block;
  }
}

   /* cyrillic-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrcVIT9d0c-dYA.woff) format('woff');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrcVIT9d0c-dYA.woff) format('woff');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrcVIT9d0c-dYA.woff) format('woff');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrcVIT9d0c-dYA.woff) format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrcVIT9d0c8.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}