.smallLink { font-size: 10pt; }

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, body {
   height: 100%;
   font-family: Arial, sans-serif;
   background-attachment: fixed;
   background-color: #005791;
   background-image: url( 'images/bg1.png' );
}

.link {
    cursor: pointer ;
}

.hidden {
    display: none
}

.noprint {
}

@media print {
   .noprint { display: none }
}

div#topContainer {
   margin: 0 0;
   padding: 6px 0px;
   width: 100%;
   height: 150px;
   background-color: white;
}

#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;
                    top: 90px;
                    left: 370px;
		    font-size: 13pt;
                    font-family:arial, helvetica;
                    font-style: italic;
                    color: #2F3699;
                }
                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: 1064px;
                }
                .clearFloat 
                {
                   clear: both;
                }
		div#container		
		{
            position: relative;
			margin: 0px auto;
			text-align: left;
            max-width: 1084px;
            min-width: 1084px;
            width: 1084px;
            background-color: #d1e4f2;
            margin-top: 6px;
            margin-bottom: 12px;
		}


        div#rightSideNarrow
        {
            padding: 4px 4px;
            margin: 0 5px;       
            float: right;
            position: relative;
            top: 5px;
            left: 0px;
            text-align: center;
         }


        div#rightSide
        {
            padding: 4px 4px;
            margin: 0 0;       
            float: right;
            position: relative;
            top: 5px;
            left: 0px;
            text-align: center;
         }
         .narrowRightSide {
             width: 175px;
	     border: 1px solid #408080;
             position: relative ;
         }
         .wideRightSide {
              width: 305px;
	  	 	  border: 0px solid #408080;
          }
          #rightSide img {
              border: 0;
          }
          div#main
          {
          }
          #leftSide
          {
              padding: 0px 4px 4px 4px;
              margin: 0 0;       
              float: left;
              position: relative;
              top: 5px;
              left: 5px;
              text-align: center;
           }
           .leftContent
           {
              margin: 5px 0px;
              padding: 0px;
			  border: 1px solid  #2F3699;
              background-color: white;
              text-align: center;
              overflow: auto;
            }
                #mainContent
                {
			border: 1px solid  #2F3699;
                        background-color: white;
                        text-align: center;
                        margin: auto;
                        margin-bottom: 10px;
                }
                .mainContentWide {
                        width: 864px;
                        margin: auto;
                        text-align: center;
                }
                .mainContentNarrow {
                        width: 752px;
                }
                .mainContentSuperWide {
                        margin: auto;
                        text-align: center;
                        width: 1064px;
                }
                div#bottom
                {
                       clear: both;
                }
                div#footer
                {
                    background-color: pink;
                }
                div#copyrightDiv
                {
                    text-align: center;
		    font-size: x-small;
                    font-family:arial, helvetica;
                    color: black;
                }
                div#copyrightDiv hr {
                     border: 0;
                     height: 1px;
                     color: white;
                     background-color: white;

                }

table#studymenu tr td {
    text-align: center;
    vertical-align: top;
}
table#studymenu {
    padding-left:8px;
    text-align: center;
    margin: auto;
}
#studymenu img {
      border: 0;
}

.smitem {
    text-align: center;
    width: 70px;
    padding: 2px;
}

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

#hotChalkBadge {
    width: 164px;
    height: 126px;
    margin: auto;
    margin-top: 12px;
    background: transparent url(images/ssimages.png) -685px -1px no-repeat;
    cursor: pointer;
}

.headerMessage {
   background-color: #ffff00;
   border-color: #ff0000;
   border-style: solid;
   border-width: 1px;
}


.errorMessage {
    background-color: yellow;
    border: 1px solid red;
    color: black;
    text-align: left ;
    margin: 10px;
    padding: 5px;
}
.infoMessage {
    position: relative;
    background-color: #99ff99;
    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: 5px;
   padding-top: 8px;
   font-size: .8em;
   height: 30px;
}

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

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


#moreCrumbs {
    float: left;
    padding: 5px;
    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: 32px;
    margin: 5px;
    margin-top: 10px;
    border-bottom: 1px dashed blue;
}

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

#withFB2 {
  position: absolute;
  left: 215px;
  top: 12px;
}

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

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

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

#homePageLogo {
   float: left ;
   position: relative;
   top: 3px;
   left: -10px;
   width: 262px;
   height: 149px;
   background: transparent url(images/ssimages.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: 0;
    top: 30px;
    width: 284px;
    height: 120px;
    border: 1px solid  #2F3699;
  }
  #submitLogon
  {
     position: absolute;
     top: 16px;
     left: 180px;
     width: 90px;
     margin: 5px;
     height: 30px;
  }
  #logonForm {
     position: absolute;
     top: 35px;
  }

  #retrievePasswordLink 
  {
    font-size: 10pt;
    position: absolute;
    left: 0;
    top: 58px;
    margin: 5px;
    width: 160px;
  }
  #signUpLink 
  {
    font-size: 10pt;
    position: absolute;
    left: 200px;
    top: 58px;
    margin: 5px;
    width: 70px;
  }
  #logoutLink 
  {
    font-size: 10pt;
    position: absolute;
    left: 5px;
    top: 42px;
    margin: 5px;
    width: 70px;
  }
  #friendsLink 
  {
    font-size: 10pt;
    position: absolute;
    left: 5px;
    top: 68px;
    margin: 5px;
    width: 99px;
  }
  #myStudyStackLink 
  {
    font-size: 10pt;
    position: absolute;
    left: 5px;
    top: 92px;
    margin: 5px;
    width: 99px;
  }
  #id {
     position: absolute;
     top: 12px;
     left: 4px;
     width: 170px;
  }
  #word {
     position: absolute;
     top: 36px;
     left: 4px;
     width: 170px;
  }

  #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;
    }
    #tweetText {
        border: 1px solid #888888;
        margin-left: 5px;
        overflow: auto;
        width: 470px;
        height: 40px;
        font-family: Arial, sans-serif;
        font-size: 13pt;
        padding: 4px;
    }
    #tweetCount {
        font-weight: bold;
        position:absolute;
        top: -22px;
        right: 45px;
        font-size: 18pt;        
    }
    #twitterButton {
       cursor:pointer;
       position:absolute;
       top:4px;
       left: 550px;
       height:50px;
       margin-right: 23px; 
    }

#wordLabel {
    position: absolute;
    top: 39px;
    left: 8px;
    font-size: 10pt;
    color: #aaaaaa;
}
#idLabel {
    position: absolute;
    top: 15px;
    left: 8px;
    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 {
    text-align: left;
    padding: 10px;
}

.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(images/ssimages.png) -280px -68px no-repeat;
    height: 11px;
    width: 18px;
    display: inline;
    padding-right: 16px;
    margin-right: 5px;
}

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


.fcButton {
    height: 40px;
}

.roundedCorners{
   border-radius: 6px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
}
.headingHolder {
    position: relative;
}
#one {
    position: absolute;
    width: 34px;
    height: 33px;
    top: 0px;
    left: -40px;
    display: block;
    background: transparent url(images/ssimages.png) -276px -4px no-repeat;
}
#two {
    position: absolute;
    width: 34px;
    height: 33px;
    top: 4px;
    left: -40px;
    display: block;
    background: transparent url(images/ssimages.png) -324px -2px no-repeat;
}
#three {
    position: absolute;
    width: 34px;
    height: 33px;
    top: 4px;
    left: -40px;
    display: block;
    background: transparent url(images/ssimages.png) -370px -2px no-repeat;
}
#sheet32x32 {
    background: transparent url(images/ssimages.png) -5px -172px no-repeat;
    height: 34px;
    width: 27px;
}

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

#ss32x32 {
    background: transparent url(images/ssimages.png) -88px -172px no-repeat;
    height: 34px;
    width: 34px;
}

#t32x32 {
    background: transparent url(images/ssimages.png) -136px -172px no-repeat;
    height: 34px;
    width: 34px;
}

#m32x32 {
    background: transparent url(images/ssimages.png) -180px -172px no-repeat;
    height: 34px;
    width: 34px;
}

#hangman32x32 {
    background: transparent url(images/ssimages.png) -227px -172px no-repeat;
    height: 34px;
    width: 32px;
}

#crossword {
    background: transparent url(images/ssimages.png) -274px -172px no-repeat;
    height: 34px;
    width: 35px;
}

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

#typeInBlank {
    background: transparent url(images/ssimages.png) -368px -172px no-repeat;
    height: 34px;
    width: 32px;
}

#bugMatch {
    background: transparent url(images/ssimages.png) -417px -172px no-repeat;
    height: 34px;
    width: 32px;
}

#hungrybug {
    background: transparent url(images/ssimages.png) -3px -218px no-repeat;
    height: 34px;
    width: 34px;
}

#studySlide {
    background: transparent url(images/ssimages.png) -371px -226px no-repeat;
    height: 34px;
    width: 34px;
}

#noStudySlide {
    background: transparent url(images/ssimages.png) -48px -219px no-repeat;
    height: 34px;
    width: 34px;
}

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

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

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

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

#question {
    background: transparent url(images/ssimages.png) -235px -225px no-repeat;
    height: 32px;
    width: 32px;
}

#quiz32x32 {
    background: transparent url(images/ssimages.png) -188px -270px no-repeat;
    height: 32px;
    width: 32px;
}

#test32x32 {
    background: transparent url(images/ssimages.png) -234px -270px no-repeat;
    height: 32px;
    width: 32px;
}
.smenu {
    margin: auto;    
}

#mainTitle {
    position: relative;
    top: -40px;
    height: 10px;
}

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

#inappropriateImg {
    position: absolute;
    right: 60px;
    top: 28px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: inline-block;
}

.notFavoriteStar {
    background: transparent url(images/ssimages.png) -274px -227px no-repeat;
}

.favoriteStar {
    background: transparent url(images/ssimages.png) -319px -225px no-repeat;
}

.changingFavorite {
    background: transparent url(images/ssimages.png) -417px -223px no-repeat;
}

.notInappropriate {
    background: transparent url(images/ssimages.png) -274px -269px no-repeat;
}

.inappropriate {
    background: transparent url(images/ssimages.png) -319px -267px no-repeat;
}

.changingInappropriate {
    background: transparent url(images/ssimages.png) -415px -265px 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(images/ssimages.png) -361px -69px no-repeat;
    height: 20px;
    width: 20px;
    cursor: pointer;
    margin: 2px;
}

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

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

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

#browseOrSearchButton {
    background: transparent url(images/ssimages.png) -280px -393px no-repeat;
    width: 221px;
    height: 53px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 250px;
}
#createFlashcardsButton {
    background: transparent url(images/ssimages.png) -280px -446px no-repeat;
    width: 221px;
    height: 53px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
}