/*
 * style.css
 * Main stylesheet for Kinverge
 */


/*
 ******************************************************
 * GENERAL : DEFAULT & MISC 
 * Default styles for HTML tags and styles that apply to
 *  elements site-wide rather than to a specific region.
 * Arranged roughly in basic order of appearance on page.
 ******************************************************
 */

body {
  background-color:#ffffff;
  margin:0 10px 10px 10px;
  font-family:arial,verdana,helvetica,sans-serif;
  font-size:75%;
    /* Sets 1em = 12px in most browsers.
     * Change to 100% to set 1em = 16px in most browsers.
     * From now on use ems for all text that you want
     *  users to be able to resize.
     */
}

h1 {
  font:bold 1.9em georgia,'times new roman',serif;
  color:#7e99d0;
  margin:0;
  padding:0;
}

h2 {
  color:#7e99d0;
  padding:5px 5px 0px 5px;
  font:bold 1.4em georgia,verdana,arial,helvetica,sans;
  margin:0 0 5px 0;
}

  a.section-hed {
    color:#7e99d0;
    padding:10px 5px 0 55px;
    font:bold 1.4em georgia,verdana,arial,helvetica,sans;
    margin:0 0 5px 0;
    height:30px;
    display:block;
    text-decoration:none;
  }

  a.section-hed-news {
    background:url(images/icon_news_small.png) no-repeat 0 0;
  }
  a.section-hed-photos {
    background:url(images/icon_photos_small.png) no-repeat 0 0;
  }
  a.section-hed-calendar {
    background:url(images/icon_calendar_small.png) no-repeat 0 0;
  }
  a.section-hed-videos {
    background:url(images/icon_videos_small.png) no-repeat 0 0;
  }

h3 {
  color:#ff6600;
  font:bold 1.2em georgia,times;
  margin:10px 0px 2px 0px;
}

.indent {
  margin:0 0 15px 5px;
}

p {
  color:#5c5c8a;
  font:normal 1.0em/1.4em verdana,arial,helvetica,sans-serif;
}

a {
  color:#6666cc;
  font:normal 1.0em/1.4em verdana,arial,helvetica,sans-serif;
}

  a:hover {
    color:#ff9966;
  }

  a img {
    border:0px;
  }  

table {
  margin:0px;
  padding:0px;
  border:0px;
}

  th {
    margin:0px;
    padding:0px;
    text-align:left;
    font:bold 0.9em verdana,arial,helvetica,sans-serif;
    color:#5c5c8a
  }

  td {
    margin:0px;
    padding:0px;
    color:#5c5c8a;
  }

ol,
ul {
  font:normal 1.0em verdana,arial,helvetica,sans-serif;
  color:#5c5c8a;
  padding-left:20px;
}

  li {
    margin:0 0 0.6em 0;
  }

  ul.actions {
    list-style-type:square;
    margin:10px 0 0 15px;
    padding:0;
  }

    ul.actions p {
      margin:0;
      padding:0;
    }

  ul.instructions {
    list-style-type:square;
    margin:15px 0 15px 15px;
    padding:0;
  }

    ul.instructions li {
      color:#666;
      margin:0px 0 0.3em 0;
    }

.label,
label {
  font:normal 0.9em verdana,arial,helvetica,sans-serif;
}

.noBold {
   font-weight:normal;
}

.actionBox {
   padding:5px;
   border:2px solid #e1e1ea;
}

  .actionBox p {
    font-weight:bold;
    margin:0;
    color:#225; 
  }

.clearbar {
  /* Usually used with empty div to reset
   *  alignment when preceding divs use floats
   */
  clear:both;
}


a.smallbutton {
  background-color:#fff;
  padding:2px 4px;
  border:1px #666 solid;
  text-decoration:none;
}

  a.smallbutton:hover {
    text-decoration:underline;
  }


/* do not modify the following .containsFloats styles
 *  unless you're absolutely positive that the change
 *  won't affect things in all browsers.
 * Contains many workarounds for browser incompatibilities.
 */
.containsFloats:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    zoom:1; /*ie only*/
}

.containsFloats {display: inline-block;}

/* Hides from IE-mac \*/
* html .containsFloats {height: 1%;}
.containsFloats {display: block;}
/* End hide from IE-mac */


.errorText {
  /* Usually applied to <p> <span> and <div> tags
   *  to denote a message about a user input problem
   *  that the user needs to pay attention to.
   */
  margin-bottom:10px;
  color:#ff0000;
  font:bold 0.9em verdana,arial,helvetica,sans-serif;
}

input[type="text"].errorInput {
  border:1px #f00 solid;
}

.debugText {
  color:#990000;
  font:normal 1.0em courier,sans-serif;
}



/* GENERAL FORM STYLES
 * If you know that, say, 95% of all buttons should use a
 *  certain font, specify the syle here. Otherwise,
 *  use the SPECIFIC section below for applying styles
 *  to specific forms in specific pages or regions.
 */

.oldbutton {
  font:normal 1.0em verdana,arial,helvetica,sans-serif;
}

.smicon {
  margin:0 5px 0 0;
}	

.list {
  padding:5px;
  margin:2px;
}

#Email,
#EmailRe,
#Pass,
#PassRe {
  width:150px;
}


/*
 **************************************************************
 * SPECIFIC
 * Styles for specific areas of the page
 *  (usually denoted by IDs and classes attached to divs in the pages.)
 * Arranged roughly in order of appearance on page.
 **************************************************************
 */

/* PAGE WRAPPER
 */

#pageBody {
}


/* HEADER
 */

#site-header {
  position:relative;
  height:62px;
  margin-top:5px;
  border-bottom: solid 2px #f96;
}

  #width-spacer {
    min-width:750px;
    height:1px;
  }

  #site-header #site-logo {
    position:absolute;
    left:8px;
    top:4px;
  }

    #site-header #site-logo img {
      border:0;
    }

  #site-header p {
    margin:0;
    padding:0;
  }

    #mission {
      position:absolute;
      top:0;
      left:155px;
      white-space:nowrap;
      color:#5f398e;
    }

        #mission p {
          margin:14px 1px 0 0;
          font:italic 11px verdana,arial,helvetica,sans-serif;
          display:inline;
        }


    #user-info-box {
      position:absolute;
      top:0;
      right:0px;
      width:500px;
    }

    #user-info {
      white-space:nowrap;
      margin-top:11px;
      float:right;
    }

      #user-info #username,
      #user-info #groupname,
      #user-info #signout {
        float:left;
        font:normal 0.9em verdana,arial,helvetica,sans-serif;
        color:#5c5c8a;
        margin:2px 6px 0 0;
      }

        #user-info #username {
          margin-top:1px;
        }



/* NAVIGATION
*/

#nav {
}

  #group {
    float:left;
    border:1px #ccc solid;
    padding:0;
    margin:0 9px 0 0;
    width:145px;
  }

    #group form {
      display:inline;
      margin:0px;
      width:145px;
    }

      #group form select {
        border:1px #ffffff solid;
        margin:0px;
        width:145px;
        font:normal 11px verdana,helvetica,sans;
      }

        #group form select option{
          font:normal 11px verdana,arial,helvetica,sans;
       }

  #nav #tabs {
    position:absolute;
    width:590px;
    bottom:0px;
    left:155px;
  }

    #tabs .tab {
      float:left;
      width:98px;
      height:25px;
    }

      #tabs .tab a {
        display:block;
        width:90px;
        padding:0;
        border:0;
      }

#h-divider {
  width:100%;
  height:2px;
  background-color:#ff9966;
}


#needHelp {
  margin:20px 3px 0 0;
  text-align:center;
}

/* PAGE MIDDLE 
*/

#wrapper {
  margin:0px;
  width:100%;
  clear:both;
}


  /* MAIN SECTION
  */

  #main {
    vertical-align:top;
    padding:5px 0 20px 5px;
    border-left:2px #f96 solid;
  }

  .one-section #main {
    border-left:0;
  }
  .two-section #main {}
  .three-section #main {}


      /* MAIN CONTENT AREA
      */

      #main-content {
      }

        #userErrors {
          border:2px #f00 solid;
          background-color:#fee;
          padding:15px;
          margin:0 0 10px 0;
        }

          #userErrors p {
            color:#000;
            margin:0 0 5px 0;
          }

        #userMessages {
          border:2px #009 solid;
          background-color:#eef;
          padding:15px;
          margin:0 0 10px 0;
        }

          #userMessages p {
            color:#006;
            margin:0px 0px 5px 0px;
          }

        #page-title {
          margin-bottom:10px;
        }

          #page-title img {
            float:left;
            margin-right:10px;
          }

          #page-title h1 {
            float:left;
            margin-top:14px;
          }

          #page-title #help {
            float:right;
            text-align:right;
            margin-top:20px;
           }

        .messageWindow {
          position:absolute;
          z-index:1000;
          top:200px;
          width:300px;
          border:1px #333399 solid;
          left:50%;
          margin-left:-150px;
          top:50%;
          margin-top:-100px;
        }

         .messageWindow .window-body {
           margin:4px;
           padding:10px;
           min-height:120px;
           position:relative;
         }

           .messageWindow .window-body-usermsg {
             background-color:#9999ff;
           }

           .messageWindow .window-body-error {
             background-color:#ff9999;
           }

           .messageWindow .window-body .window-close {
             background-color:#ffffff;
             position:absolute;
             right:0px;
             top:0px;
             padding:4px;
             font:bold 1.0em verdana,arial,helvetica,sans-serif;
             cursor:pointer;
           }

        .textbody {
          margin:0px 0px 0px 5px;
        }

          .textbody .squeezetext {
            width:60%;
          }

        .question {
          font:normal .8em verdana,arial,helvetica,sans-serif;
          margin:10px;
        }

        .boilerplate {
           font:normal .8em verdana,arial,helvetica,sans-serif;
           margin:15px 0 0 0;
        }

/* NAV 2
*/

#nav-2 {
  width:155px;
  padding:3px 0 10px 0;
  font:normal 1.0em arial,helvetica,verdana,sans-serif;
  vertical-align:top;
  overflow:hidden;
}

  #nav-2 p {
    color:#555;
  }

  #nav-2 ul {
    padding-left:15px;
     margin:0;
  }

    #nav-2 ul.actions,
    #nav-2 ul.instructions {
      margin-top:10px;
    }

    #nav-2 ul li {
      margin:0.0em 0.0em 0.25em 0.0em;
    }

  #promo_msg {
    margin:25px 0 0 13px;
    width:100px;
    padding:5px 10px;
    border:2px #ddd solid;
  }

    #promo_msg h2 {
      padding:0;
      font-size:14px;
    }

#nav_youcan {
  font:normal 1.0em verdana,arial,helvetica,sans-serif;
}

  #nav_youcan #youcan_header {
    height:46px;
    text-align:center;
    padding-top:16px;
    color:#9fb0dc;
    font:normal 1.7em georgia,times;
  }

  #nav_youcan #youcan_items {}

    #youcan_items .youcan_item {
      padding:7px 5px;
    }

      #youcan_items .youcan_item a {
        color:#559;
      }

        #youcan_items .youcan_item a:hover {
          color:#eb4e00;
        }

      #youcan_items .action {
        border-left:2px #ffb985 solid;
      }

      #youcan_items .instruction {
        border-left:2px #93aedd solid;
        color:#555;
      }

      #youcan_items .youcan_cap_top {
        height:8px;
      }

        #youcan_items .youcan_actions_top {
          background:#fff url(images/youcan_action_top.png) no-repeat 0 bottom;
        }

        #youcan_items .youcan_instructions_top {
          background:#fff url(images/youcan_instruction_top.png) no-repeat 0 bottom;
        }

      #youcan_items .youcan_mid {
        height:14px;
        background:#fff url(images/youcan_mid.png) no-repeat 0 0;
      }

      #youcan_items .youcan_cap_bottom {
        height:7px;
      }

        #youcan_items .youcan_actions_bottom {
          background:#fff url(images/youcan_action_bottom.png) no-repeat 0 top;
        }

        #youcan_items .youcan_instructions_bottom {
          background:#fff url(images/youcan_instruction_bottom.png) no-repeat 0 top;
        }

    #nav_youcan #help {
      margin:20px 0 0 0;
      text-align:center;
    }
     

      /* GROUP MEMBERS
      */

      #nav-2 ul.group-members {
        padding-left:0;
      }

        #nav-2 ul.group-members li {
          list-style-type:none;
          background-color:#e1e1ea;
          padding:2px;
        }

          ul.group-members li .member-photo {
            float:left;
            line-height:0;
          }

            ul.group-members li .member-photo a {
              line-height:0;
            }

            ul.group-members li .member-photo img {
              border:2px #ffffff solid;
              margin-right:4px;
            }

              ul.group-members li .member-photo img:hover {
                padding:1px;
                background-color:#ffffff;
                border:1px #333399 solid;
              }

          ul.group-members li .member-info  {
            float:left;
            margin:0;
          }

            ul.group-members li .member-info img {
              margin:3px 0 0 0;
            }

            ul.group-members li .member-info p {
              margin:0px 5px 3px 0px;
              padding:0px;
            }

              ul.group-members li .member-info p.note {
                font-size:0.9em;
                color:#999;
              }

    /* INTRO PAGE
    */
  
   #intro {
     padding:0px;
     width:500px;
   }

     #intro .groupGraphic {
       float:left;
       margin:0 10px 0 0;
     }   

     #intro .iconGraphic {
       float:left;
       margin:0 10px 0 0;
     }

     #intro .introText {
       margin:30px 0 0 0;
       font:3em;
     }

     #intro .mainText {
        margin:40px 0 0 0;
     }

    /* START PAGE
    */
    
    #start-options {
      padding:0px;
    }

      #start-options td {
        vertical-align:middle;
        padding-right:5px;
      }


    /* GROUP PAGE
    */

    #group-main {
    }

      #group-main .indent {
        color:#3c3c50;
        font:normal 1.0em/1.4em verdana,arial,helvetica,sans-serif;
      }

      #group-main #list-photos {
      }

        #group-main #list-photos .recent-item,
        #group-main #list-videos .recent-item {
          margin:0 0 5px 0;
        }
    
        #group-main #list-photos img,
        #group-main #list-videos img {
          float:left;
          border:1px #aaaaaa solid;
          padding:4px;
        }

          #group-main #list-photos img:hover,
          #group-main #list-videos img:hover {
          border:1px #333399 solid;
          }

        #group-main #list-photos .recent-item p,
        #group-main #list-videos .recent-item p {
          color:#3c3c50;
          float:left;
          margin:5px 0 0 5px;
        }



    /* FORMS
    */

    form {
      font-family:verdana,arial,helvetica,sans-serif;
      margin:0;
    }

    fieldset {
      width:70%; /*conscious decision; comfortable with this stretching and shrinking*/
      padding:0px;
      margin:0px 5px 8px 5px;
      border:0px;
    }

      fieldset legend {
        font:bold italic 0.9em verdana,arial,helvetica,sans-serif;
        color:#ff9966;
        margin:0.0em 0.0em 0.8em 0.0em;
      }

      .form-item {
        margin:5px 5px 0 0;
      }

        .form-item th {
          text-align:right;
          vertical-align:center;
          padding:4px 5px 0 0;
        }

        .form-item td {
          padding:4px 5px 0 0;
        }

       .form-item td #FirstName {
         width:8.0em;
       }

       .form-item td #MiddleName {
         width:6.0em;
       }

       .form-item td #LastName {
         width:10.0em;
       }

       .form-item td #Suffix {
         height:18px;
         *height:21px; /*asterisk is ie7 hack*/
         *margin-top:1px; /*asterisk is ie7 hack*/
       }

       p.nametype {
         font:italic 0.8em verdana,arial,helvetica,sans-serif;
         background-color:#eeeeee;
         margin:0px;
       }

      .submit-item {
        margin:15px 0 0 0;
      }

      td.submit-item {
        padding:15px 0 0 0;
      }

    .requiredField {
      font-weight:bold;
    }

    .optionalField {
      font-weight:normal;
    }

    textarea ,
    input[type="text"] ,
    input[type="password"] {
      border:1px #aaaaaa solid;
      background-color:#ffffff;
    }

      textarea:focus ,
      input[type="text"]:hover ,    /* won't work in IE; any fix? */
      input[type="password"]:hover {
        border:1px #cc6600 solid;
      }

      textarea:focus ,
      input[type="text"]:focus ,
      input[type="password"]:focus {
        border:1px #0000ff solid;
        background-color:#eeeeff;
      }

      textarea #greeting {
        width:70em;
        height:5em;
      }

      .listTable {
        margin:4px 0px 12px 0;
      }
        table.listTable th {
          font-size:1.1em;
          background-color:#eef;
          padding:4px 5px;
        }
        .listTable th,
        .listTable td {
          font-family:verdana,arial,helvetica,sans-serif;
          padding:4px 5px;
          border-bottom:1px #bbc solid;
          vertical-align:bottom;
        }



    /* INVITE PAGE
     */
    #fullInvitation {
      color:#003;
      background:#ddf;
      padding:5px;
      margin:5px 0 0 0;
      width:515px;
    }

      #invitationWrapper #fullInvitation th {
        text-align:left;
        width:6em;
      }

      #invitationWrapper #fullInvitation p {
        color:#003;
      }


    /* ALBUMS LIST
     */
    #albums { }


    /* ALBUM PAGE
     */
    #album-main-area {
    }

    #album-list {
      margin:0px;
      padding:0px;
      float:left;
      width:85%;
    }

      #album-list li {
        list-style-type:none;
        margin:0px 0px 5px 0px;
        padding:5px;
        background-color:#e1e1ea;
      }

      #album-list #action-box {
        background-color:#fff;
      }

      #album-list #action-box p {
        margin:5px 0 10px 0;
      }

      #album-list #action-box img {
        margin:0 0 5px 0;
      }

        #album-list li .album-image {
          float:left;
          font-size:0px;
          line-height:0px;
          margin-right:5px;
        }

          #album-list li .album-image img {
            border:0px;
            width:75px;
            height:75px;
            border:2px #ffffff solid;
          }

            #album-list li .album-image img:hover {
              background-color:#ffffff;
              padding:1px;
              border:1px #000099 solid;
            }

        #album-list li .album-info {
          float:left;
        }

          #album-list li .album-info .album-title a {
            font-weight:bold;
            color:#338;
          }

          #album-list li .album-info p {
            margin:0px 0px 5px 0px;
            padding:0px;
            font-size:1.0em;
            color:#225;
          }

            #album-list li .album-info p a {
            }

          #album-list li .album-info .album-creator {
            margin-top:13px;
            font-style:italic;
          }


    /* PHOTOS
    */
    #photo-quickadd {
      border:2px #fd9 solid;
      width:300px;
      margin:15px 5px 0px 10px;
    }

    #trouble {
      margin-top:35px;
    }


    #photos {}

      .two-section #photos #photo-main-area {
        margin:0 8px 0 0;
        width: 500px;
      }

        .one-section #main-photo {
          text-align:center;
        }

          #photos #photo-desc .descr {
            font-weight:bold;
            padding:0;
            margin:0 0 8px 0;
            float:left;
            width:435px;
          }

          #photos #photo-desc .edit {
            float:right;
          }

          #photos #photo-info .attribution {
            clear:both;
            font-style:italic;
          }

          #photos #photo-main-area .main-photo img {
            border:1px #aaaaaa solid;
            padding:0 4px 4px 4px;
          }

        #photos #photo-main-area #photo-info {
          background-color:#e3e3ea;
          padding:5px 10px 5px 5px;
        }

          #photos #photo-main-area #photo-info p {
            margin:0 0 5px 0;
          }

      #action_editPhotoDesc {
        margin:0 0 10px 0;
      }

        #action_editPhotoDesc label {
          font-weight:bold;
          font-style:italic;
          display:block;
        }

        #action_editPhotoDesc_input {
          width:100%;
          margin-bottom:5px;
        }

        #action_editPhotoDesc a {
          display:inline-block;
          border:1px solid #b95;
          padding:3px;
          margin:0 10px 0 0;
        }

      #action_addPhotoComment {
        margin:15px 0 0 0;
      } 

        #action_addPhotoComment_input {
          width:100%;
          height:3.0em;
        }

        #action_addPhotoComment_link {
          float:left;
          margin-right:10px;
        }

        #action_addPhotoComment #msg_status {
          padding-top:10px;
        }

      #photo-comments {
        margin:5px 0px 0px 0px;
      }

        #photo-comments .comment {
          margin:0 0 5px 0;
          padding:5px;
          background-color:#e1e1ea;
        }

          #photo-comments .comment .comment-body {
            padding:0;
          }

          #photo-comments .comment .comment-body p {
            margin:0;
          }

          #photo-comments .comment .comment-info {
            padding:0;
            margin:5px 0 0 0;
          }

          #photo-comments .comment .comment-info p {
            margin:0;
            font-style:italic;
          }

      #photos #photo-side-area {
        width:120px;
        float:right;
      }

        #photos #photo-side-area .back-next {
          margin:5px 0px;
          padding:2px;
          background-color:#eeeeee;
        }


      .thumbnail {
        margin:0 2px 2px 0;
        padding:4px;
        border:1px #ccc solid;
        float:left;
      }

        .thumbnail img {
          border:0px;
        }

        .thumbnail:hover {
          border:1px #339 solid;
        }

      #action_deletePhoto_confirm {
        margin:2px 0px;
        border:2px solid #f00;
        padding:5px;
      }
 
        #action_deletePhoto_confirm a {
          display:inline-block;
          border:1px solid #b95;
          margin:2px 5px;
          padding:3px;
        }

      /* the following .thumbnail classes inherit properties
       *  from above but only apply to album overview pages
       */

      #album-overview .thumbnail {
      }

        #album-overview .thumbnail:hover {
        }

    .album-sorthelper {
      background-color:#cccccc;
      float:left;
    }

    #createAlbumForm {
      width:85%;
    }

    #createAlbumForm .nametype {
      width:302px;
      margin:0;
    }

    #createAlbumForm input#AlbumForm_input,
    input#CategoryForm_input {
      width:300px;
    }

    /* SHARE ALBUM PAGE
    */

    #invEmail {
      width:400px;
      height:4.4em;
    }

    /* ORIGINAL PHOTO
    */
    #original-instructions {
      width:660px;
      margin:5px 0 10px 0;
    }


    /* ADD VIDEO */
    #add-videos-form .actionBox {
      width:507px;
    }
    #add-videos-form #title {
      width:500px;
    }
    #add-videos-form #content {
      width:500px;
      height:5em;
    }

    /* VIDEO CATEGORY PAGE
    */
    #videos .thumbnail {
      width:150px;
      height:150px;
      overflow:hidden;
      text-decoration:none;
      text-align:center;
    }
      #videos .thumbnail img.yahoo {
        max-width:150px;
        *width:150px; /*ie*/
        _width:150px; /*ie*/
      }

    /* VIDEOS
    */
    #videos #video-info {
      background-color:#e3e3ea;
      padding:5px 10px 5px 5px;
    }
      #videos #video-info p {
        margin:0 0 5px 0;
      }
      #videos #video-desc .descr {
        font-weight:bold;
        padding:0;
        margin:0 0 8px 0;
        float:left;
        width:340px;
      }
      #videos #video-desc .edit {
        float:right;
      }
      #videos #video-info .attribution {
        font-style:italic;
        clear:both;
      }

    /* CALENDAR
    */
  

    #calendar {
      position:relative;
    }

      #cal-header {
        position:absolute;
        top:15px;
        left:305px;
        white-space:nowrap;
      }

        #cal-header #cal-nav {
          margin:2px 0 5px 0;
        }

          #cal-nav a {
            color:#7e99d0;
            font-weight:bold;
            font-size:1.1em;
          }

        #cal-header form {
          display:inline;
        }

          #cal-header form select {
            border:1px solid #ccc;
            color:#7e99d0;
            font:bold 1.1em georgia,verdana,arial,helvetica,sans;
          }

        #cal-header #cal-nav #CalNav .nav-sel {
          background-color:#fd9;
        }

    #cal table {
      padding:0;
      width:100%;
    }

    #cal th {
      background-color:#fd9;
      color:#225;
      padding:2px 5px;
      border-bottom:3px white solid;
    }

    #cal td {
      background-color:#f9f9f9;
      color: #000;
      padding:1px;
      margin:0;
      height:90px;
      text-align:left;
      vertical-align:top;
      border:1px solid #ccf;
    }

      #cal td.notInMonth { /*no gap after td*/
        background:#ddd;
      }

      #cal td.today { /*no gap after td*/
        border-color:#f84;
      }

        #cal td.today .day {
          font-weight:bold;
        }

      #cal td .day {
        cursor:pointer;
        background-color:#ccf;
        zoom:1;
      }

        #cal td .day:hover {
          background-color:#f96;
        }


      #cal td .dayevents { 
        background-color: #c9d7f1;
        border:1px #fff solid;
        padding: 2px;
        cursor:pointer;
      }

        #cal td .dayevents:hover {
          background-color:#f96;
        }

        select #TypeVal1,
        #cal td .type1,
        td.type1 {
          background-color:#c9d7f1;
        }

        select #TypeVal2,
        #cal td .type2,
        td.type2 {
          background-color:#88f;
        }

        select #TypeVal3,
        #cal td .type3,
        td.type3 {
          background-color:#8f8;
        }

        select #TypeVal4,
        #cal td .type4,
        td.type4 {
          background-color:#f88;
        }

        select #TypeVal5,
        #cal td .type5,
        td.type5 {
          background-color:#ff8;
        }

        select #TypeVal6,
        #cal td .type6,
        td.type6 {
          background-color:#f8f;
        }

        select #TypeVal7,
        #cal td .type7,
        td.type7 {
          background-color:#8ff;
        }

        #cal td .dayevents .eventlink {
          display:block;
        }

        #cal td .dayevents a.eventlink {
          color:#101020;
          text-decoration:none;
          zoom:1;
        }

    #key {
      margin-top:10px;
    }

      #key th,
      #key td {
        color:#000;
        padding:1px 3px;
      }

      #key th {
        font-weight:bold;
      }

    #eventDisplay {
      padding:10px;
      border:1px solid #000;
      background-color:#fff;
    }

    #Description {
      width:400px;
      height:10em;
    }

    #StartDate {
      width:190px;
    }

    .calendar_trigger {
      cursor:pointer;
    }


    #calendar-event {
    }

      #calendar-event #update {
        font-weight:bold;
      }

      .options,
      #options {
        display:inline;
        margin-left:30px;
      }

    /* Add Event */
    #import-amazon-form,
    #add-item-form,
    #add-event-form {
      z-index: 99;
      padding: 1px;
      width: 400px;
      height: 400px;
      background-color:#fff;
      border:1px solid #999; 
    }
    #add-item-form {
      height:300px;
    }
    #import-amazon-form {
      height:250px;
    }

      #calendar-event th.description,
      #add-event-form th.description {
        vertical-align:top;
      }

      #import-amazon-form #import-header,
      #add-item-form #add-header,
      #add-event-form #add-header {
        position:relative;
        background-color:#eee;
        cursor:move;
        padding:5px;   
      }
        #import-amazon-form #import-header h3,
        #add-item-form #add-header h3,
        #add-event-form #add-header h3 {
          margin:0;
        }
        #import-amazon-form #import-header .closebutton,
        #add-item-form #add-header .closebutton,
        #add-event-form #add-header .closebutton {
          position:absolute;
          padding:5px;
          top:0;
          right:0;
          cursor:pointer;
        }
      #import-amazon-form #import-content,
      #add-item-form #add-content,
      #add-event-form #add-content {
        padding:5px;
      }
        #add-event-form #add-content #Description {
          width:240px;
        }
        #add-event-form #add-content #options {
          margin-left:80px;
        }

        #import-amazon-form #import-content #Email {
          width:230px;
        }


    /* GIFT LISTS
    */

    #giftlists p {
      margin:0;
    }

    #giftlists ul.sidebyside {
      float:left;
      padding:0 0px 0 20px;
      margin:10px 20px 7px 0;
    }

    #giftlists #gl-member-lists {
      width:85%;      
    }

      #giftlists #gl-member-lists .member-list {
        margin:0 0 5px 0;
        padding:5px;
        background-color:#e1e1ea;
      }

        #giftlists #gl-member-lists .member-list p {
          margin:0px 0px 5px 0px;
          padding:0px;
          font-size:1.0em;
          color:#225;
        }

         #giftlists #gl-member-lists .member-list p.title,
         #giftlists #gl-member-lists .member-list p.title a {
            font-weight:bold;
         }

      #giftlists #gl-member-lists #action-box {
        background-color:#fff;
        border:2px #e1e1ea solid;
      }

    #giftlists #gl-item-list {
      clear:both;
      margin:10px 0 0 0;
      padding:0;
      width:85%;
    }

      #giftlists #gl-item-list .gift-item-sorthelper {
        background-color:#cccccc;
      }

      #giftlists #gl-item-list li {
        margin:0 0 5px 0;
        padding:5px 7px 5px 7px;
        background-color:#e1e1ea;
        list-style-type:none;
      }

        .gift-item .gift-item-inner {
          position:relative;
        }

          .gift-item .gift-item-img {
            float:left;
            width:80px;
            height:80px;
            text-align:center;
          }

          .gift-item .gift-item-info {
            width:300px;
            float:left;
          }

            .gift-item .gift-item-info .NumReq,
            .gift-item .gift-item-info .NumRec {
              width:2.0em;
            }

            .gift-item .gift-item-info p {
              margin:0;
              color:#225;
            }

              .gift-item .gift-item-info p.title {
                margin:0 0 7px 0;
                font-weight:bold;
              }

                .gift-item .gift-item-info p.title a {
                  font-weight:bold;
                }

          .gift-item div.movehandle {
            display:block;
            padding:4px 5px 5px 13px;
            cursor:move;
            background:#fff url(images/move_icon.png) no-repeat center left;
            position:absolute;
            right:0;
            top:0;
            z-index:10;
          }

          .gift-item .actions {
            position:absolute;
            bottom:0;
            right:0;
          }
 
    #giftlists #gl-item-list .actionBox {
      background-color:#fff;
    }


    /* NEWS
    */

    #news-comments {
      margin:10px 0px 0px 0px;
    }

    #newscomment {
      padding:5px 10px 5px 10px;
      width:85%;
    }  

      #newscomment p {
        margin:0;  
      }

      #newscomment form {
        margin:0;
        padding:0;
      }

      #newscomment_input {
         width:100%;
         height:4.3em;
         margin:0;
         padding:0;
      }

      #newscomment_link {
        float:left;
        margin-right:10px;
      } 

      #msg_status {
        float:left;
        padding-top:22px;
        font:normal 10px verdana,arial,helvetica,sans-serif;
        color:#666;
      }

        .instructions {
          color:#444444;
        }

      #news-comments .comment {
        width:85%;
      }

      .comment {
        background-color:#e1e1ea;
        margin:0 0 5px 0;
        padding:0 12px 5px 12px;
        position:relative;
      }

        #news-comments .comment .comment-body {
          padding:0px;
          margin:0px;
        }

          #news-comments .comment .comment-body p {
            padding:5px 5px 5px 0px;
            margin:0;
            color:#222255;
            font-size:1.0em;
            line-height:1.4em;
          }

        #news-comments .comment .comment-info {
          padding:4px 5px 0 0;
          margin-right:55px;
          color:#333355;
          font-style:italic;
        }

        .comment .comment-delete {
          position:absolute;
          bottom:8px;
          right:5px;
        }

          .comment .comment-delete a {
            display:inline-block;
            border:1px solid #b95;
            padding:2px 4px;
            margin:0 0 0 0;
            font-size:10px;
          }



    /* PARTY
    */
    #nextButton {
      margin-left:60%;
    }


    /* PROFILE
    */
    #profile .profile-section {
       margin-bottom:30px;
    }

    #profile .label,
    #profile label {
       font-weight:bold;
    }

      #profile .pref-block {
        margin-bottom:20px;
      }

        #profile .pref-block p {
          margin-bottom:4px;
        }

      #profileemail {
        margin-top:20px;
      }

      #profilephoto-area #profilephoto {
        float:left;
        margin-right:10px;
      }

      #profilephoto-area #photoinput {
        float:left;
        margin-top:2.5em;
      }

        #photoinput p.label {
          font-weight:normal;
        }

       #photoinput p {
         margin:0 0 5px 0;
       }


    /* HELP PAGES
    */

    #help #help-header {
      border-bottom:2px #fd9 solid;
      height:25px;
      margin-bottom:5px;
      position:relative;
    }

    #help #help-footer {
      border-top:2px #fd9 solid;
      height:25px;
      margin-top:5px;
      position:relative;
    }

      #help a.close-help {
        position:absolute;
        right:0;
        display:block;
        padding:3px;
      }

    #help .question {
      color:#ff6600;
      font:bold 1.2em georgia,times;
      margin:20px 0px 10px 0px;
    }

    #help .answer {
      margin:0 0 0 15px;
      color:#5c5c8a;
      font:normal 1.0em/1.4em verdana,arial,helvetica,sans-serif;
    }

/* FOOTER
*/

#site-footer {
  border-top:2px #6699CC solid;
  padding-top:6px;
  margin-top:5px;
  text-align:center;
}

  #site-footer a {
    padding:0.0em 0.4em 0.0em 0.0em;
    border-right:1px #000000 solid;
    margin:0.0em 0.4em 0.0em 0.0em;
  }

    #site-footer a.lastitem {
      border:0px;
    }