/**
 **
 ** Default styles
 **
 **/

html,body {
            margin: 0;
            padding: 0;

            font-family: Verdana,Arial,Helvetica,sans-serif;
            font-size: 10px;
            color: #666;

            background: #e1e1e1 url(/images/body_bg.png) top left repeat-x;
            text-align: center;
            }

img {
	border: 0;
}

a {
    font-weight: bold;
    text-decoration: none;
    color: #2a507e;
}

a:hover { 
          text-decoration: underline;
          color: #2a507e;
}

h1 { 
     margin: 0;
     padding: 0;

     font-family: "Trebuchet MS","Lucida Grande",Arial,Helvetica,sans-serif;
     font-size: 22px;
     line-height: 28px;
     font-weight: bold;

     color: #a62a43;
}

h2 { 
     margin: 0;
     padding: 0 0 5px 0;

     font-family: "Trebuchet MS","Lucida Grande",Arial,Helvetica,sans-serif;
     font-size: 16px;
     line-height: 20px;

     color: #a62a43;
}

h3 { 
     margin: 0 0 15px 0;
     padding: 0;

     font-family: Verdana,Arial,Helvetica,sans-serif;
     font-size: 10px;
     line-height: 15px;
     font-weight: bold;
}

h4 { 
     margin: 0;
     padding: 0;

     font-family: Verdana,Arial,Helvetica,sans-serif;
     font-size: 10px;
     line-height: 15px;
     font-weight: bold;
}

p { 
    margin: 0 0 15px 0;
    padding: 0;

    line-height: 15px;
}

hr { 
     margin: 0 0 10px 0;
     padding: 0;

     border: 0;
     border-bottom: 1px solid #ddd;
}

ul, ol {
         margin: 0 0 1em 0;
         padding: 0;
}

ul li { 
     margin: 0.5em 0 0.5em 1.25em;
     padding: 0;
}

ol li { 
        margin: 0.5em 0 0.5em 2em;
        padding: 0;

        list-style-type: decimal;
        font-weight: bold;
}

ol li span, ol ol li span { 
             font-weight: normal;
}
     
ol ol li {
           margin: 0.5em 0 0.5em 2em;
           padding: 0;

           list-style-type: lower-alpha;
}

em { 
     font-weight: bold;
     font-style: normal;
}

/**
 **
 ** Standard components
 **
 **/
#container {
             margin: 0 auto;
             width: 830px;

             text-align: left;
}

#wrapper { 
           margin: 0;
           padding: 0;

           width: 830px;

           text-align: left;

           background: url(/images/wrapper_bg.png) top left repeat-y;
}

#wrappertop {
              margin: 0;
              padding: 0;

              width: 830px;
              height: 36px;
              
              background: url(/images/wrapper_top.png) top left no-repeat;
}

#wrapperbtm {
              margin: 0;
              padding: 0;

              width: 830px;
              height: 24px;
           
              background: url(/images/wrapper_btm.png) top left no-repeat;
}


#wrapperinner { 
                margin: 0;
                padding: 0 0 0 27px;
                
                width: 775px;
}

#header {
          clear: both;

          margin: 0;
          padding: 0;

          width: 775px;
          height: 96px;

          background: #a62a43 url(/images/header_bg.gif) no-repeat;
}

#logintab {
            clear: both;
            float: right;
            
            margin: 0 0 1px 0;
            padding: 0;
            
            width: 248px;
            height: 25px;
            line-height: 25px;
            
            background: #fff url(/images/login_bg.gif) top left no-repeat;
}

#logintab a {
              font-family: Verdana,Arial,Helvetica,sans-serif;
              font-size: 11px;
              font-weight: normal;

              color: #fff;
}

#logintab.out a { 
                  padding: 0 0 0 2em;                  
}

#logintab div {
                height: 25px;
                 
                font-family: Verdana,Arial,Helvetica,sans-serif;
                font-size: 11px;
                line-height: 25px;
                font-weight: normal;
                
                vertical-align: middle;
                
                color: #fff;
}

#logintab div a {
                  margin: 0;
                  padding: 0;
                  
                  color: #fff;           
}

#logintab .msg { 
                 float: left;
                 
                 margin: 0;
                 padding: 0 0 0 2em;
}

#logintab .lnk { 
                 float: right;

                 margin: 0;
                 padding: 0 2em 0 0;
}

#logintab img {
                margin: 0;
                padding: 0;

                line-height: 25px;
                vertical-align: middle;
}

#login-header-box { 
                    float: right;
                    
                    width: 248px;
                    height: 60px;
                    
                    background-color: #ddd;
}

#login-header-box dl { 
                       margin: 6px 0 0 12px;
                       padding: 0;
}

#login-header-box dt {
                       float: left;
                       clear: left;
                       
                       margin: 4px 0 0 0;
                       padding: 0;
                       
                       line-height: 18px;
                       
                       width: 70px;
}

#login-header-box dd {
                       margin: 4px 0 0 0;
                       padding: 0;
}

#login-header-box dd input.input {
                                   width: 115px;
                                   
                                   font-family: Verdana,Arial,Helvetica,sans-serif;
                                   font-size: 11px;
}

#login-header-box #login-header-box-submit {
                                             margin: 0;
                                             padding: 0;
                                             
                                             width: 16px;
                                             height: 15px;
                                             
                                             vertical-align: middle;
}

#login-box { 
             clear: both;

             margin: 52px 26px 26px 26px;
             padding: 0;

             width: 325px;
}

#login-box dl { 
                margin: 0;
                padding: 13px 52px;
}

#login-box dt {
                margin: 4px 0 0 0;
                padding: 0;
                
                line-height: 18px;
}

#login-box dd {
                margin: 4px 0 0 0;
                padding: 0;
}

#login-box dd input.input {
                            width: 208px;
                                   
                            font-family: Verdana,Arial,Helvetica,sans-serif;
                            font-size: 13px;
}

#header-logo {
               float: left;
               
               margin: 0;
               padding: 10px 0 0 10px;
}

#topnav { 
          float: right;
          
          margin: 0;
          padding: 0;
          
          width: 775px;
          height: 22px;
          
          background: #aaa url(/images/header_bg2.gif) top left repeat-x;
}

#nav {
          float: right;

          margin: 0;
          padding: 0;

          height: 20px;

          border-top: 1px solid #ccc;
          border-left: 1px solid #ccc;

          background: #aaa url(/images/nav_bg.gif) top left repeat-x;
          }

#nav ul {
             margin: 0;
             padding: 0;

             font-size: 11px;
             }

#nav li {
             float: left;

             margin: 0;
             padding: 0;
             
             height: 20px;
             
             list-style: none;
             }

#nav a {
            display: block;

            margin: 0;
            padding: 0 1em;

            border-bottom: 1px solid #ccc;
            border-right: 1px solid #ccc;

            color: #333;
            font-weight: normal;
            line-height: 20px;

            text-decoration: none;
}

#nav a:hover, #nav a.current {
                  color: #fff;
                  text-decoration: none;

                  background: #eee url(/images/nav_bg_over.gif) top left repeat-x;
}

#sidenav_outter { 
                  float: left;
                  
                  margin: 1px 0 0 0;
                  padding: 0;
                  
                  width: 775px;
                  height: 21px;

                  background-color: #666;
}

#sidenav {
           float: right;
           
           margin: 0; 
           padding: 0;
           
           height: 20px;
                      
           background-color: #666;
}

#sidenav ul {
             margin: 0;
             padding: 0;

             font-size: 11px;
             }

#sidenav li {
             float: left;

             margin: 0;
             padding: 0;
             
             height: 20px;
             
             list-style: none;
             }

#sidenav a {
             display: block;
             
             margin: 0;
             padding: 0 1em;
             
             font-weight: normal;
             line-height: 20px;
             
             border-left: 1px solid #bcbcbc;
             border-bottom: 1px solid #666;

             text-decoration: none;

             color: #fff;
             background-color: #666;
}

#sidenav li.nav-first a {
                          border-left: 0;
}

#sidenav li.nav-last a {
                         padding-right: 36px; /* this should line up with the S in "Start a Campaign" */
}

#sidenav a:hover, #sidenav a.current {
                                       line-height: 20px;
                                       text-decoration: none;
                                       
                                       border-left: 1px solid #bcbcbc;
                                       border-bottom: 1px solid #666;

                                       color: #fff;
                                       background-color: #a22841;
}

#breadcrumb_outter { 
                     float: left;

                     margin: 7px 0 0 10px;
                     padding: 0;

}

#breadcrumb {
              margin: 0;
              padding: 0;
              }

#breadcrumb p {
                margin: 0;
                padding: 0;

                color: #2a507e;
}

#banner #banner-value { 
                        float: left;
                        display: block;

                        margin: 7px 0 0 0;
                        padding: 0;

                        width: 277px;
                        height: 230px;

                        background: url(/images/banner_value.gif) top left no-repeat;
                        text-indent: -5000px;
}

#banner #banner-diagram { 
                          float: left;
                          
                          margin: 7px 0 0 0;
                          padding: 0;
}

#banner #banner-cta { 
                      float: left;

                      margin: 0;
                      padding: 0;
}

#learn img { 
             margin: 9px 0 0 13px;
             padding: 0;
             }

#footer { 
          margin: 0;
          padding: 0 0 0 27px;
          
          width: 775px;
}

#footer #sol {
              float: left;
              vertical-align: top;
}

#footer #sol a, #footer #copy a, #footer #links a {
                                                    font-weight: normal;
                                                    text-decoration: none;
                                                    
                                                    color: #666;
}

#footer #sol a:hover, #footer #copy a:hover, #footer #links a:hover {
                                                                      font-weight: normal;
                                                                      text-decoration: underline;
                                                                      color: #666;
}

#footer #sol #footer-logo a {
                              display: block;
                              width: 119px;
                              height: 29px;
                              background: url(/images/footer_logo.png) top left no-repeat;
                              text-indent: -5000px;
}

#footer #copy {
                float: left;

                margin: 16px 0 0 1em;
                padding: 0;
}

#footer #links {
                 float: right;

                 margin: 16px 0 0 0;
                 padding: 0;
}

#footer #links ul {
                    margin: 0;
                    padding: 0;
}

#footer #links li {
                    float: left;
                    
                    margin: 0;
                    padding: 0;
                    
                    list-style: none;
         }

#footer #links a {
                   display: block;
                   
                   margin: 0;
                   padding: 0 2px;
        
                   font-weight: normal;
                   text-decoration: none;

                   color: #666;
}

#footer #links a:hover, #footer #links a.current {
                                                   font-weight: normal;
                                                   text-decoration: underline;

                                                   color: #666;
}

.box {
       float: left;

       margin: 11px 0;
}

.box a, .box a:hover { 
                       color: #a62a43;
}

#page.homepage .box { 
                      margin: 9px 0 0 0;
}

.box-border {
              border: 1px solid gray;
}

.box-large { 
             padding: 13px 13px 13px 26px;
             width: 487px;
}

.box-small { 
             padding: 13px 23px 0 26px;

             width: 190px;
}

.box-blue { 
            background: #edf3f8 url(/images/blueboxbg.gif) bottom left no-repeat;

            border-top: 1px solid #dcdcdc;
            border-right: 1px solid #dcdcdc;
}

.box-gray { 
            background: #fff url(/images/grayboxbg.png) top left no-repeat;

            border-right: 1px solid #d4d4d4;
            border-bottom: 1px solid #d4d4d4;
}

.box-red { 
           margin: 9px 26px 0 13px;
           padding: 0;

           line-height: 0;

           width: 215px;
}

.box-red h1, .box-red h2 {
                           color: #fff;
}

.box-red .top { 
                margin: 0;
                padding: 13px 13px 0 13px;
                                
                background: #821f33 url(/images/redboxtop.gif) top left no-repeat;
}

.box-red .inner { 
                  margin: 0;
                  padding: 0;
                  
                  background: #666 url(/images/redboxbg.gif) bottom left no-repeat;
}

.box-red .bottom { 
                   margin: 0;
                   padding: 5px 13px 13px 13px;
}

.sample { 
          padding: 26px 0 13px 0;
          
          border-top: 1px solid #ddd;
}

.sample-first {
                margin: 0;
                padding: 19px 0 13px 0;

                border-top: 0;
}

.sample .sample-box-wrapper { 
                              float: left;
}

.sample-content {
                  float: left;

                  margin: 7px 0 0 0;
                  padding: 0;

                  width: 296px;
}

.sample-box-wrapper { 
                      margin: 0;
                      padding: 0;
}

#page.homepage .sample-box { 
                             margin: 0 0 0 10px;
}

.sample-box { 
              margin: 0;
              padding: 0;
              
              width: 185px;
              height: 216px;
              
              background: url(/images/sample_bg.png) top left no-repeat;
}

.sample-box img { 
                  margin: 7px 26px 26px 7px;
                  padding: 0;
                  
                  width: 152px;
                  height: 183px;
                  
                  border: 1px solid #ddd;
}

.sample-box-link {
                    margin: -20px 0 0 152px;
}

input#newsletter-signup-email {
                                margin: 2px 0 0 0;
                                padding: 0;

                                width: 155px;

                                font-family: Verdana,Arial,Helvetica,sans-serif;
                                font-size: 12px;
                                
                                border: 1px solid #7f9db9;
}

#newsletter-signup-img { 
                         vertical-align: bottom;
}

#newsletter-signup-errors { 
                            position: relative;
                            top: 5px;

                            margin: 2px 0;
                            padding: 4px;
                            line-height: 15px;

                            font-weight: bold;
                            color: maroon;

                            background-color: #fff2f2;
                            border: 1px dotted #900;
}

#page { 
        float: left;
        
        margin: 0;
        padding: 0;
        
        width: 775px;
        min-height: 468px; /* force some whitespace on smaller pages */

        background-color: #fff;
}

#page.homepage { 
                 float: left;
                 
                 margin: 0;
                 padding: 0;
                 
                 width: 775px;
                 min-height: 0;
}

.col {
       float: left;

       margin: 0;
       padding: 32px 0 26px 0;

       width: 239px;
}

#page.homepage .col {
                      padding: 0;
}

#page.manage .col { 
                    padding: 0 0 0 26px;
}

.first { 
         margin: 0;
         padding: 26px;
         
         width: 483px;
         }

#page.homepage .first { 
                        margin: 0 7px 0 0;
                        padding: 0;
                        
                        width: 527px;
}

#page.manage .first { 
                      padding: 0 10px;
}

.box dl { 
          margin: 0;
          padding: 0;
}

.box dt {
          float: left;
          
          padding: 0 0.5em 0 0;
          
          font-weight: bold; 
          line-height: 16px;
}

.box dd {
          margin: 0;
          padding: 0;
          
          line-height: 16px;
}

#page.legal ol li, #page.legal a { 
                                   font-weight: normal;
}

/**
 **
 ** Forms 
 **
 **/

form { 
       margin: 0;
       padding: 0;
}

legend { 
         margin: 0;
         padding: 4px;

         font-family: "Trebuchet MS","Lucida Grande",Arial,Helvetica,sans-serif;
         font-size: 16px;
         font-weight: bold;
         line-height: 20px;
         
         color: #a62a43;
}

fieldset { 
           border: 1px solid #ddd;
           
           background-color: #edf3f8;
}

fieldset input.input, fieldset textarea {
                                          background-color: #fff;
}

input[type="text"], input[type="password"], input[type="file"], textarea, select {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 12px;

   background-color: #edf3f8;
   color: #000;
}

.frmButton, input[type="submit"] {
                                   margin: 4px 0 0 0;
                                   padding: 1px 2px;

                                   font-weight: bold;

                                   cursor: pointer;
                                   border: outset 1px #ccc;
                                   color: #666;
                                   background: #999 url(/images/button_bg.gif) top left repeat-x;
}

a.cancel { 
           font-size: 11px;
           font-weight: normal;
}

input.cancel {
               margin: 0;
               padding: 0;

               font-size: 11px;
               font-weight: normal;

               border: 0;

               color: #2a507e;
               background: 0;
}

.rubyform-zone {
                 width: 400px;
}

.rubyform-field { 
                  font-family: Verdana,Arial,Helvetica,sans-serif;
                  font-size: 10px;
                  line-height: 12px;
                  
                  color: #666;
}

.rubyform-field-error input[type="text"], .rubyform-field-error input[type="password"], .rubyform-field-error input[type="file"], .rubyform-field-error textarea, .rubyform-field-error select {
   background-color: #fff2f2;
}

.rubyform-error { 
                  margin: 0 0 13px 0;
                  padding: 0.5em;
                  
                  width: 394px;

                  font-weight: bold; 
                  
                  color: maroon; 
                  border: 1px dotted #900;
                  background-color: #fff2f2;
}

.rubyform-field-error .rubyform-error { 
                                        margin: 3px 6px;
                                        padding: 4px;

                                        width: auto;

                                        background-color: #fff;
}

.rubyform-success {
                    margin: 0 0 13px 0;
                    padding: 0.5em;
                    
                    width: 394px;
                    
                    background-color: #e6ffe6;
                    border: 1px solid #007a00;
}

.rubyform-success h1 {
                       margin: 0;
                       padding: 0;
                       
                       font-family: "Trebuchet MS","Lucida Grande",Arial,Helvetica,sans-serif;
                       font-size: 16px;
                       line-height: 20px;
                       font-weight: bold; 
                       
                       color: #007a00; 
}

#launch_date_trigger {
                       position: relative; 
                       top: -3px; 
}

.label { 
         font-family: Verdana,Arial,Helvetica,sans-serif;
         font-size: 10px;
         line-height: 12px;

         color: #666;
}

.required {
            font-weight: bold; 
}

#page_error,
.error {
         margin: 2px 0;
         padding: 4px;

         font-weight: bold; 

         color: maroon; 
         background-color: #fff2f2;
         border: 1px dotted #900;
}

.error-server { 
                margin: 52px auto;
                padding: 26px;

                width: 498px;

                color: #000;
                background-color: #fff2f2;
                border: 1px dotted #900;
}

#schedule_time_h, 
#schedule_time_m, 
#schedule_time_a { 
                   font-size: 11px;
}

/**
 **
 ** New Campaign confirmation
 **
 **
 **/
#confirm {
           margin: 0;
           padding: 0;
}

#confirm dl { 
              margin: 0;
              padding: 0;
}

#confirm dt {
              padding: 0 0.5em 0 0;
              
              font-weight: bold; 
              line-height: 16px;
}

#confirm dd {
              margin: 0 0 0 2em;
              padding: 0 0 0 2em;
              
              line-height: 16px;
}

/**
 **
 ** FAQ
 **
 **/

#faq h2 {
          margin: 13px 0 0 0;
} 

#faq ul {
         margin: 0;
         padding: 0;

         font-size: 11px;

         list-style: none;
}

#faq ul li {
            margin: 0;
            padding: 0;
}

#faq ul li ul { 
               margin: 0;
               padding: 0;

               list-style: none;
}

#faq ul li ul li.q {
                    margin: 10px 0 0 0;
                    padding: 0;

                    font-weight: bold;
}

#faq ul li ul li.a {
                    margin: 0 0 13px 0;
                    padding: 0;
}


#faq ul li.a ul { 
                 margin: 0 0 1em 1em;
                 padding: 0;
                
                 list-style-type: disc;
}

#faq ul li.a ul li { 
                    margin: 0.5em 0 0.5em 1.25em;
                    padding: 0;
}

#faq ul li.a ol li {
                    margin: 0.5em 0 0.5em 2em;
                    padding: 0;
}


/**
 **
 ** Pricing
 **
 **/

#pricing { 
           float: left;

           margin: 0 13px 13px 0;
           padding: 13px;

           border: 1px solid #d4d4d4; 
           background-color: #f0f0f0;
}

#pricing h1 { 
              margin: 0;
              padding: 0;

              font-size: 39px; 
              line-height: 39px;

              text-align: center;

              font-weight: bold; 
              color: #a62a43;
}

#pricing h2 { 
              margin: 0;
              padding: 0;

              font-size: 13px;
              line-height: 16px;

              font-weight: normal; 
              color: #666;
}

#pricing h3 { 
              margin: 0;
              padding: 0;

              font-size: 12px; 
              line-height: 16px;

              text-align: center;

              font-weight: bold;
              color: #444;
}


/**
 **
 ** Campaign Management
 **
 **/

#page.manage {
               margin: 0;
               padding: 0;               
}

#page.signup .l1,
#page.manage .l1 {
                   margin: 2px 0 4px 0;
                   padding: 13px 0 4px 0;
                   
                   border-bottom: 1px solid #ddd;
}
                       
#page.manage .l2 {
                   clear: both;

                   margin: 2px 0 4px 0;
                   padding: 13px 0 4px 0;
                   
                   height: 16px; /* same as heading line-height */
                   
                   border-bottom: 1px solid #ddd;
}

#page.manage .info {
                     float: left;
                     
                     margin: 0 0 0 4px;
                     padding: 0;

                     line-height: 32px;
}

#page.manage .nav {
                    float: right;
                        
                    margin: 0 4px 0 0;
                    padding: 0;
}

#page.signup .l1 .nav,
#page.manage .l1 .nav { 
                        line-height: 32px;
}

#page.manage .l2 .nav { 
                        line-height: 20px;
}

#page.signup .l1 h2,
#page.manage .l1 h2, #page.manage .l2 h2 { 
                      float: left;
                      
                      margin: 0;
                      padding: 0;
}

#page.manage .docs {
                     margin: 0;
                     padding: 0;
}

#page.manage .docs .doc {
                          clear: left;

                          margin: 0;
                          padding: 0;

                          min-height: 80px;                          
}

#page.manage .docs .doc .type { 
                                float: left;
                                
                                width: 48px;
                                height: 48px;
                                
                                margin: 0 7px 7px 0;
                                padding: 0;
                                
                                font-size: 12px; 
                                
                                line-height: 48px;
                                text-align: center;
                                
                                border: 1px solid #666; 
                                color: #666;
                                background-color: #f8f8f8;
}

#page.manage .docs .doc .desc { 
                                float: left;

                                width: 175px;
   
                                margin: 0 0 7px 0;
                                padding: 0;
}

#page.manage .add { 
                    margin: 13px;
                    padding: 0;
}

#page.manage .add dl { 
                margin: 0 0 0 12px;
                padding: 0;
}

#page.manage .add dt {
                       margin: 6px 0 0 0;
                       padding: 0;
                       
                       font-weight: bold;
}

#page.manage .add dd {
                       margin: 0;
                       padding: 0;
}

#page.manage .add dd input.input, #page.manage .add dd textarea {
                                                                  width: 398px;
                                                                  
                                                                  font-family: Verdana,Arial,Helvetica,sans-serif;
                                                                  font-size: 11px;
}
#page.manage .add dd textarea {
                                height: 45px;
}

#page.manage p { 
                 font-size: 11px;
                 line-height: 15px;
}


#comments { 
            margin: 0;
            padding: 0;
}

#comments .comment {
                     clear: left;
                     
                     margin: 7px 0;
                     padding: 7px;
}

#comments .user {
                  border: 1px solid #ddd;
                  background-color: #eee;
}

#comments .admin { 
                  border: 1px solid #2a507e;
                  background-color: #edf3f8;
}

#comments .comment h3 {
              margin: 0;
              padding: 0;

              font-size: 12px;
              line-height: 15px;
              color: #333;

              border-bottom: 1px solid #eee;
}

#comments .comment h4 {
              margin: 0;
              padding: 0;
              
              font-size: 10px;
              font-style: italic;
              font-weight: normal;

              color: #999;
}

#comments .comment p {
                       margin: 3px 0;
                       padding: 0;
                       
                       font-size: 11px;

                       color: #333;
}

#comments .comment a.mailto {
                              color: #999;
}

#comments .comment a.mailto:hover {
                                    color: #2a507e;
}

#campaigns { 
             width: 456px;
}

#campaigns ul {
                margin: 0;
                padding: 0;

                border: 1px solid #eee;
                
                font-size: 10px;
             }

#campaigns li {
                margin: 0;
                padding: 0;
             
                height: 24px;
   
                list-style: none;
             }

#campaigns li a {
                  display: block;
                  
                  margin: 0;
                  padding: 0 1em;

                  line-height: 24px;
                  
                  text-decoration: none;
                  background-color: #f8f8f8;
}

#campaigns li a:hover {
                        text-decoration: underline;
}

#campaigns li.odd a {
                      background-color: #fff;
}

/**
 **
 ** Campaign Management: Previewer
 **
 **/

#previewer {
             margin: 26px 0 26px 78px;
             padding: 0;

             width: 610px;
}

#previewer #previewer-preview-html {
                                     margin: 0 5px 5px 5px;
                                     padding: 0;
                                     
                                     border: 3px solid #a22841;
}

#previewer #previewer-preview-text {
                                     margin: 0 5px 5px 5px;
                                     padding: 0;
                                     
                                     border: 3px solid #a22841;
}

#previewer #previewer-preview-send {
                                     clear: left;

                                     margin: 0 5px 5px 5px;
                                     padding: 26px;
                                     
                                     width: 548px;
                                     height: 448px;
                                     
                                     border: 3px solid #a22841;
}

ul#previewer-header { 
                      width: 605px;
                      margin-left: 5px;
                      padding: 3px 0px 3px 0px;
                      list-style-type: none;
                      font-size: 12px;
                      background-color: #e1e1e1;
}
ul#previewer-header li { margin: 0px 0px 0px 3px; }
ul#previewer-header strong { margin-right: 2px; }



#previewer-nav-wrapper { 
                         float: left;
                         
                         margin: 0;
                         padding: 0;
                         
                         width: 610px;
                         height: 21px;
}

#previewer-nav {
                 float: left;
                 
                 margin: 0 0 0 26px;
                 padding: 0;
                 
                 height: 20px;
                 
                 background-color: #a22841;
}

#previewer-nav ul {
                    margin: 0;
                    padding: 0;
                    
                    font-size: 11px;
}

#previewer-nav li {
                    float: left;

                    margin: 0;
                    padding: 0;
                    
                    height: 20px;
                    
                    list-style: none;
}

#previewer-nav a {
                   display: block;
                   
                   margin: 0;
                   padding: 0 1em;
                   
                   font-weight: normal;
                   font-size: 11px;
                   line-height: 20px;
                   
                   border-right: 1px solid #fff;
                   
                   text-decoration: none;
                   
                   color: #fff;
                   background: #666 url(/images/tab_bg.gif) top left no-repeat;
}

#previewer-nav a:hover, #previewer-nav a.current {
                                                   line-height: 20px;
                                                   text-decoration: none;
                                                   
                                                   border-bottom: 1px solid #a22841;

                                                   color: #fff;
                                                   background-color: #a22841;
}

dl#import-results { margin-left: 40px; }
dl#import-results dt { clear: left;float: left; width: 50px; font-weight: bold; }
dl#import-results dd { padding-left: 40px; }

.help-box {
            margin: 1em 1em 1em 2em;
            padding: 1em;

            border: 1px dotted #0f0f6b;
            background-color: #f8f8f8;
}

.help-box h4 {
               margin-bottom: 0.5em;
}

table#import-help-sample { 
                           margin: 0 1em 0.5em;
                           
                           width: 300px;
                           
                           font-family: Arial,sans-serif; 
                           font-size: 11px;
                           line-height: 11px;

                           border-collapse: collapse;
                           border-top: 1px solid #666;
                           border-left: 1px solid #666;
}

table#import-help-sample td, table#import-help-sample th { 
                                                           margin: 0;
                                                           padding: 0.5em;

                                                           width: 33%;
                              
                                                           border-right: 1px solid #666;
                                                           border-bottom: 1px solid #666;
}

table#import-help-sample th { 
                              font-weight: bold;

                              color: #fff;
                              background-color: #666;
}



/**
 **
 ** Extranet
 **
 **/

#extranet #login-box { 
                       clear: both;

                       margin: 26px;
                       padding: 0;

                       width: 325px;
}

#page.extranet { 
                 min-height: 234px; /* force some whitespace on smaller pages */
}