/*
   New Perspectives on JavaScript
   Tutorial 8
   Case Problem 1
   Filename: styles.css

   This file contains styles used in the survey.htm file.

*/

body {background: white url(bkgrnd.jpg) repeat-y; margin:0px;
      font-family: Courier New, monospace;}
#logo {background-color: rgb(0,204,255); width: 100%; position: absolute; top: 0px; left: 0px}
#links {position: absolute; top: 100px; left: 0px}
#main {position: absolute; top: 100px; left: 140px; width: 250px;
       color: rgb(0,100,125)}
#main p {text-align: justify}
.Store {border-style:solid; border-color:rgb(0,100,125); border-width:2px 1px 1px 2px; padding:2px; 
        margin:0px; font-family: Courier New, monospace; font-size: 9pt; letter-spacing: 2}
.StoreBox {border-style:solid; border-color:rgb(0,100,125); border-width:2px 1px 1px 2px; padding:2px; 
        margin:0px; background-color: white}

#Num1 {position:absolute; top:105px; left: 410px}
#Num2 {position:absolute; top:145px; left: 410px}
#Num3 {position:absolute; top:185px; left: 410px}
#Num4 {position:absolute; top:225px; left: 410px}
#Num5 {position:absolute; top:265px; left: 410px}


#StoreBox1 {position:absolute; top:100px; left:440px; width:150px; height:30px; z-index: 1}
#StoreBox2 {position:absolute; top:140px; left:440px; width:150px; height:30px; z-index: 1}
#StoreBox3 {position:absolute; top:180px; left:440px; width:150px; height:30px; z-index: 1}
#StoreBox4 {position:absolute; top:220px; left:440px; width:150px; height:30px; z-index: 1}
#StoreBox5 {position:absolute; top:260px; left:440px; width:150px; height:30px; z-index: 1}

#Store1 {background-color:rgb(255,255,192)}
#Store2 {background-color:rgb(192,255,192)}
#Store3 {background-color:rgb(192,255,255)}
#Store4 {background-color:rgb(255,192,255)}
#Store5 {background-color:rgb(255,192,192)}