/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
                                                  margin: 0;
                                                  padding: 0;
                                                  border: 0;
                                                  outline: 0;
                                                  font-size: 100%;
                                                  vertical-align: baseline;
                                                  background: transparent;
                                                  }
body {
       line-height: 1;
       }
ol, ul {
         list-style: none;
         }
blockquote, q {
                quotes: none;
                }
blockquote:before, blockquote:after,
q:before, q:after {
                    content: '';
                    content: none;
                    }

/* remember to define focus styles! */
:focus {
         outline: 0;
         }

/* remember to highlight inserts somehow! */
ins {
      text-decoration: none;
      }
del {
      text-decoration: line-through;
      }

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
        }

/* END of RESET
   ************ */

body {
       font-size: 12px;
       line-height: 1.5;
       font-family: 'Trebuchet MS','Helvetica', 'Tahoma', 'Verdana', 'URW Gothic L', 'Arial', sans-serif;
       color: #333333;
       background-color: #fff;
       background-image: url('body.png');
       background-position: 0 65px;
       background-repeat: repeat-x;
       }
h1 { font-size: 17px; }
h2 { font-size: 16px; }
h3 { font-size: 15px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }
big {
      font-size: 18px;
      font-weight: bold;
      }
a:visited {
            text-decoration: none;
            }
a:hover {
          text-decoration: underline;
          }
a:focus,
a:active {
           text-decoration: underline;
           }
#pageWrap {
            width: 98%;
            margin: 0 auto;
            background-image: url('pageWrap.png');
            background-repeat: repeat-x;
            }
#header {
          height: 165px;
          margin-left: 15px;
          position: relative;
          background-repeat: no-repeat;
          background-position: 98% 0;
          }
#logo {
        display: block;
        width: 73px;
        height: 65px;
        overflow: hidden;
        text-indent: -9999px;
        position: absolute;
        top: 15px;
        left: 10px;
        }
#headerMsg {
             width: 60%;
             position: absolute;
             top: 15px;
             left: 140px;
             }
#headerMsg .close {
                    float: right;
                    }
#header h1 {
             font-size: 24px;
             line-height: 24px;
             border-top: 1px solid #d3d3d3;
             padding-top: 5px;
             position: absolute;
             top: 90px;
             }
.userMenu {
            width: 600px;
            text-align: right;
            position: absolute;
            bottom: 10px;
            right: 0;
            }
.userMenu li {
               display: inline;
               padding-right: 10px;
               padding-left: 10px;
               border-right: 1px solid #666666;
               }
.userMenu a {
              text-decoration: none;
              }
.inHead {
          position: absolute;
          left: 0;
          bottom: 5px;
          }
#contentHolder {
                 padding: 0 7px;
                 position: relative;
                 margin-bottom: 20px;
                 }
#columns {
           min-height: 350px;
           clear: both;
           padding: 20px 10px 20px 0;
           background-color: #fff;
           background-image: url('columns.png');
           background-position: 0 15px;
           background-repeat: repeat-x;
           position: relative;
           }
#centralBox {
              width: 950px;
              margin: 0 auto;
              text-align: center;
              padding-left: 1%;
              background-image: url('centralBox.png');
              background-position: 0 0px;
              background-repeat: repeat-x;
              }
.navigation {
              margin-left: 18px;
              height: 30px;
              margin-bottom: 25px;
              }
.navigation li {
                 float: left;
                 padding-right: 7px;
                 padding-left: 7px;
                 }
.navigation a {
                display: block;
                height: 30px;
                line-height: 30px;
                float: left;
                text-decoration: none;
                font-size: 14px;
                padding-left: 8px;
                }
.navigation a span {
                     display: block;
                     height: 30px;
                     line-height: 30px;
                     float: left;
                     padding-right: 8px;
                     }
.navigation a:focus,
.navigation a:hover,
.navigation .menuSelected a {
                              color: #000;
                              background-image: url('menuSelected.png');
                              background-position: 0 -30px;
                              background-repeat: no-repeat;
                              }
.navigation a:focus span,
.navigation a:hover span,
.navigation .menuSelected a span {
                                   background-image: url('menuSelected.png');
                                   background-position: 100% 0;
                                   background-repeat: no-repeat;
                                   }
#columns p {
             text-indent: 1em;
             }
.box {
       width: 290px;
       min-height: 330px;
       margin-right: 3px;
       padding: 10px 10px 50px 10px;
       float: left;
       text-align: left;
       border: 1px solid #fff;
       position: relative;
       font-size: 12px;
       }
.box h2 {
          height: 95px;
          line-height: 140px;
          font-size: 20px;
          text-align: right;
          background-position: 0 0;
          background-repeat: no-repeat;
          }
.box .buttonsRow {
                   height: 30px;
                   position: absolute;
                   left: 10px;
                   bottom: 110px;
                   }
.developers h2 {
                 color: #bf4f08;
                 background-image: url('developers.png');
                 }
.manufacturers h2 {
                    color: #62910c;
                    background-image: url('manufacturers.png');
                    }
.retailers h2 {
                color: #007cd6;
                background-image: url('retailers.png');
                }
.doubleBox {
             width: 100%;
             margin-left: -330px;
             padding: 10px;
             float: right;
             }
.doubleBoxInner {
                  margin-left: 330px;
                  overflow: auto;
                  }
#sideBar {
           width: 285px;
           padding: 30px 0 30px 10px;
           float: left;
           border: none !important;
           background-color: #fff;
           }
.sideBox {
           padding-right: 25px;
           padding-bottom: 35px;
           padding-left: 25px;
           background-image: url('sideBox.png');
           background-position: 0 100%;
           background-repeat: no-repeat;
           overflow: auto;
           }
#sideBar ol {
              list-style-position: inside;
              list-style-type: decimal;
              }
#sideBar ul {
              list-style-position: inside;
              list-style-type: disc;
              }
#msgPanel {
            padding: 5px;
            margin-bottom: 10px;
            border-width: 1px 0;
            border-style: solid none;
            }
/* dashboard boxes */
.boxWrapper {
              width: 180px;
              min-height: 225px;
              padding: 4px;
              margin-top: 7px;
              margin-right: 3px;
              float: left;
              position: relative;
              border: 1px solid #b3b3b3;
              }
#sideBar .boxWrapper {
                       width: 94%;
                       border: none;
                       }
.boxBottomLinks {
                  position: absolute;
                  bottom: 5px;
                  }
.boxBottomLinks a {
                    font-size: 11px;
                    }
.plus {
        padding-right: 15px;
        background-image: url('plus.gif');
        background-position: 100% 50%;
        background-repeat: no-repeat;
        }
/* tables */
table {
        width: 100%;
        text-align: left;
        }
th {
     padding: 2px 0;
     }
td {
     padding: 2px 0;
     background-color: white;
     border-bottom: 1px solid #b3b3b3;
     }
form tbody th,
form tbody td {
                border: none;
                vertical-align: middle;
                }
form tfoot {
             border-top: 1px solid #b3b3b3;
             }
tfoot td {
           text-align: right;
           }
.pager {
         margin-right: 10px;
         }

/* form elements */
fieldset {
           margin-top: 15px;
           margin-bottom: 10px;
           padding: 5px;
           border-width: 1px 0;
           border-style: solid none;
           }
fieldset li {
              clear: both;
              margin-bottom: 3px;
              }
legend {
         font-size: 14px;
         margin: 0px 10px;
         padding: 0px 10px;
         }
label {
        display: block;
        width: 200px;
        float: left;
        margin-right: 5px;
        text-align: right;
        }
select,
textarea,
button,
input[type="text"],
input[type="password"],
input[type="file"] {
                     border: 1px solid #b3b3b3;
                     }
button.small,
select.small,
textarea.small,
input.small {
              width: 120px;
              }
button.medium,
select.medium,
textarea.medium,
input.medium {
               width: 240px;
               }
button.large,
select.large,
textarea.large,
input.large {
              width: 360px;
              }
select.error,
textarea.error,
input.error {
              background-color: #ffebeb;
              border-color: #ff0000;
              }
input[type="submit"] {
                       background-position: 0 -100px;
                       background-repeat: repeat-x;
                       color: #eee;
                       }
#footer {
          height: 85px;
          padding-left: 25px;
          padding-right: 25px;
          position: relative;
          clear: both;
          font-size: 11px;
          margin-top: -7px;
          }
#footer ul {
             padding-top: 15px;
             }
#footer li {
             display: inline;
             padding-right: 10px;
             padding-left: 10px;
             }
#footer a {
            text-decoration: none;
            }
#valid {
         position: absolute;
         top: 15px;
         right: 25px;
         }
/* view campaign */
.viewCampaign dt {
                   font-weight: bold;
                   }
.viewCampaign dd {
                   margin-left: 10px;
                   }
/* create coupon */
#couponContainer * {
                     color: #a5a5a5;
                     }
.couponRow {
             margin-bottom: 7px;
             clear: both;
             }
.hint {
        margin-bottom: 7px;
        }
/* decorative  */
.last { 
        border: none !important;
        }
.corner {
          display: block;
          width: 20px;
          height: 70px;
          position: absolute;
          background-repeat: no-repeat;
          }
.nw {
      top: 0;
      left: 0;
      background-position: -25px 0;
      }
.ne {
      top: 0;
      right: 0;
      background-position: -5px 0;
      }
.se {
      height: 100px;
      bottom: 0;
      right: 0px;
      background-position: -5px -70px;
      }
.sw {
      height: 100px;
      bottom: 0;
      left: 0px;
      background-position: -25px -70px;
      }
span.separator {
                 display: block;
                 width: 14px;
                 position: absolute;
                 top: 0;
                 left: 295px;
                 bottom: 0;
                 }
.colSep {
          display: block;
          width: 50px;
          height: 15px;
          position: absolute;
          background-repeat: no-repeat;
          }
.top {
       background-position: 0 -55px;
       top: 0;
       left: 277px;
       }
.bottom {
          background-position: 0 -70px;
          bottom: -15px;
          left: 277px;
          }
.buttonLink {
              display: inline-block;
              height: 25px;
              line-height: 25px;
              background-repeat: no-repeat;
              background-position: 0 -25px;
              text-decoration: none;
              color: #fff !important;
              padding-left: 8px;
              }
.buttonLink:focus,
.buttonLink:hover {
                    text-decoration: none;
                    background-position: 0 -75px;
                    }
.buttonLink span {
                   display: inline-block;
                   height: 25px;
                   line-height: 25px;
                   background-repeat: no-repeat;
                   background-position: 100% 0;
                   padding-right: 8px;
                   cursor: pointer;
                   }
.buttonLink:focus span,
.buttonLink:hover span {
                         background-position: 100% -50px;
                         }
.greeting {
            font-size: 16px;
            margin-bottom: 7px;
            }

a * {
      cursor: pointer !important;
      }
.hint:before {
               content: 'Hint: ';
               color: #5a5a5a;
               }
/* clear floats
   ************ */
#centralBox:after,
#contentHolder:after,
.couponRow:after,
#columns:after {
                 content: ".";
                 display: block;
                 height: 0;
                 clear: both;
                 visibility: hidden;
                 }

/* Imported from devnetV2.css
   ************************** */
.noticeHint {
              border-top: 1px solid #5d8253;
              border-bottom: 1px solid #5d8253;
              padding: 10px;
              margin-bottom: 15px;
              }