﻿

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 10px;
}

img {
  padding: 0px;
  margin: 0px;
}

.req {
  color: red;
}

#main {
  float: left;
  height: 26px;
}

#header {
  display: block;
  float: left;
  border-bottom: 5px solid #FFF;
}


#header_left {
  padding-bottom: 0px;
  height: 50px;
  color: #542989;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}



.header_right {
  width: 384px;
  height: 27px;
  padding-left: 225px;
  padding-top: 43px;
  background-image: url(/App_Themes/tDefault/creativeWorkloadLogo.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  vertical-align: bottom;
  border-left: #FFF solid 1px;
}

  .header_right a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFF;
    margin-right: 7px;
  }

#fform {
  display: block;
  float: left;
  border-bottom: 5px solid #FFF;
}

#fform_left {
  height: 53px;
  width: 649px;
  padding-left: 15px;
  padding-top: 6px;
  background-color: #ECEDEE;
  border-bottom: #FFF solid 1px;
  border-left: #FFF solid 1px;
}

#fform_reports {
  width: 100%;
  padding-left: 15px;
  background-color: #E2E3E5;
  border-bottom: #FFF solid 1px;
  border-left: #FFF solid 1px;
  height: 40px;
}

#report_main {
  padding-top: 11px;
  float: left;
  width: 60%;
}

#report_button {
  padding-top: 5px;
  float: left;
  width: 40%;
}

#fform_left2 {
  background-image: url(/App_Themes/tDefault/fform_corner.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 25px;
  width: 644px;
  padding-top: 5px;
  padding-left: 20px;
  background-color: #E2E3E5;
  border-right: #FFF 1px solid;
}



#fform_right {
}

#fform_right2 {
  background-image: url(/App_Themes/tDefault/fform_corner_big.gif);
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #E2E3E5;
  height: 45px;
  padding-top: 15px;
  padding-left: 28px;
}

#fform_right3 {
  background-image: url(/App_Themes/tDefault/fform_corner_big_white.gif);
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #E2E3E5;
  height: 45px;
  padding-top: 15px;
  padding-left: 28px;
}

.title {
  font-size: 14px;
  font-weight: bold;
  color: #542989;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 10px;
}

.error {
  font-weight: normal;
  color: #FF0000;
}


#progress {
  font-size: 14px;
  font-weight: bold;
  color: #FF0000;
}


/* MENU */

#menu {
  width: 100%;
  background-color: #542989;
  position: relative;
  float: left;
  display: inline;
  height: 21px;
}



#navbar {
  font-size: 12px;
  margin: 0px;
  padding-left: 0px;
  float: left;
  display: inline;
  overflow: hidden;
}

  #navbar li {
    padding-left: 0px;
    list-style: none;
    float: left;
  }

    #navbar li a {
      display: block;
      padding: 3px 8px;
      background-color: #542989;
      border-left: #FFF 1px solid;
      color: #fff;
      text-decoration: none;
    }

    #navbar li ul {
      display: none;
      width: 112px; /* Width to help Opera out */
      background-color: #dad9ef;
    }

    #navbar li:hover ul, #navbar li.hover ul {
      display: block;
      position: absolute;
      margin: 0px;
      padding: 0px;
      margin-left: 1px;
    }

    #navbar li:hover li, #navbar li.hover li {
      float: none;
    }

      #navbar li:hover li a, #navbar li.hover li a {
        background-color: #c7c5e2;
        border-bottom: 1px solid #fff;
        color: #542989;
        border-left: none;
      }

    #navbar li li a:hover {
      background-color: #dad9ef;
    }



/* HTML ELEMENTS */
.link {
  text-decoration: underline;
  color: #542989;
  font-weight: bolder;
}

  .link:hover {
    text-decoration: none;
    color: #542989;
    font-weight: bolder;
  }

.table {
  font-size: 12px;
}

.button {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #542989;
  border: #FFFFFF 1px solid;
}

.text {
  font-family: Arial, Helvetica, sans-serif;
  height: 16px;
  font-size: 12px;
  font-weight: bolder;
  color: #000000;
}

.textSmall {
  font-family: Arial, Helvetica, sans-serif;
  height: 13px;
  font-size: 10px;
  font-weight: bolder;
  color: #000000;
}

.select {
  width: 150px;
  font-size: 12px;
  font-weight: bolder;
  color: #000000;
}

.selectSmall {
  width: 100px;
  font-size: 10px;
  font-weight: bolder;
  color: #000000;
  width: 100px;
}

.group {
  font-size: 10px;
  color: #000000;
  border: 0px;
}


/* NEW STUFF*/

.grdInfo {
  color: #FFFFFF;
  font-size: 13px;
  padding-left: 8px;
  border-top: #FFFFFF 1px solid;
  border-bottom: #FFFFFF solid 1px;
  padding-bottom: 2px;
  background-color: #0054a6;
  text-align: left;
  height: 25px;
  vertical-align: middle;
}

.grdInfoSmall {
  font-size: 11px;
  padding-left: 5px;
}

.grdHeader {
  color: #FFFFFF;
  font-size: 11px;
  border-top: #FFFFFF 1px solid;
  border-bottom: #FFFFFF solid 1px;
  background-color: #57575A;
  text-align: left;
  height: 20px;
  vertical-align: top;
}

.grdHeader a{
  color: #FFFFFF;
  font-size: 11px;
  
}

  .grdHeader td {
    border-right: #FFFFFF 1px solid;
    padding: 4px;
  }


.grdRow1 {
  background-color: #e7e7e9;
  font-size: 11px;
  color: #57575A;
  border-top: #000000 1px solid;
  padding: 4px;
}

  .grdRow1 td {
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    padding-left: 2px;
  }

.grdRow2 {
  background-color: #d1d2d4;
  font-size: 11px;
  border-top: #000000 1px solid;
  border-bottom: 000000 1px solid;
  padding-bottom: 2px;
  color: #57575A;
  padding: 4px;
}

  .grdRow2 td {
    border-right: #000000 1px solid;
    height: 20px;
    padding-left: 2px;
  }

.grdRow3 {
  background-color: #e3edf2;
  font-size: 11px;
  border-top: #000000 1px solid;
}

  .grdRow3 td {
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    padding-left: 2px;
  }

#report_title {
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  background-color: #66589A;
  background-image: url(/App_Themes/tDefault/report_table_corner.gif);
  background-repeat: no-repeat;
  height: 27px;
  width: 745px;
  padding-left: 8px;
  padding-right: 2px;
  padding-top: 4px;
  background-position: right bottom;
}

.report_subtitle {
  color: #FFF;
  font-size: 13px;
  padding-top: 2px;
  padding-left: 8px;
}

.report_subtitle2 {
  color: #FFF;
  font-size: 11px;
  padding-top: 3px;
  padding-left: 50px;
}

.report_content_title {
  background-color: #57575A;
  color: #FFF;
  font-weight: bold;
  font-size: 11px;
}

  .report_content_title td {
    border-right: #818183 1px solid;
  }

.report_content_odd {
  background-color: #D1D2D4;
  color: #57575A;
  font-size: 11px;
  border-top: #DDDDDF 1px solid;
}

  .report_content_odd td {
    border-right: #DDDDDF 1px solid;
    border-top: #DDDDDF 1px solid;
  }

.report_content_even {
  background-color: #E7E7E9;
  color: #57575A;
  font-size: 11px;
  border-top: #DDDDDF 1px solid;
}

  .report_content_even td {
    border-right: #DDDDDF 1px solid;
    border-top: #DDDDDF 1px solid;
  }

/*TAB ---------------------------------------------------------*/
.ajax__myTab .ajax__tab_header {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    border-bottom: solid 1px #999999;
}

.ajax__myTab .ajax__tab_outer {
    padding-right: 4px;
    height: 21px;
    background-color: #C0C0C0;
    margin-right: 2px;
    border-right: solid 1px #666666;
    border-top: solid 1px #aaaaaa;
}

.ajax__myTab .ajax__tab_inner {
    padding-left: 3px;
    background-color: #C0C0C0;
}

.ajax__myTab .ajax__tab_tab {
    height: 13px;
    padding: 4px;
    margin: 0;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_outer {
    background-color: #cccccc;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_inner {
    background-color: #cccccc;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_tab {
}

.ajax__myTab .ajax__tab_active .ajax__tab_outer {
    background-color: #fff;
    border-left: solid 1px #999999;
}

.ajax__myTab .ajax__tab_active .ajax__tab_inner {
    background-color: #fff;
}

.ajax__myTab .ajax__tab_active .ajax__tab_tab {
}

.ajax__myTab .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}

.module-header {
  font-size: 16pt;
  color: #555;
  padding: 5px 0 0 7px;
  border-radius: 0 !important;
  background: url("/App_Themes/tDefault/b-bottom.png") bottom center repeat-x;
  background-origin: border-box;
}
