/*

STYLE GUIDE COLOR PALETTE:
blue/green:         #005B7F
light gray bg:      #E1E1E1
mid gray bg:        #D7D7D7
form field bg:      #F5F5F5
form field border:  #C2C2C2
orange bg color:    #FB874C

*/

body {
  color:        #1A1A1A;
  font-size:    10pt;
  font-family:  lucinda, sans-serif;
  min-width:    900px;
  background:   transparent url(/images/ui_skin2/masthead_bg_tile.gif) repeat-x;
}

a,
a:hover {
  color:             #005B7F;
  background-color:  transparent !important;
}

.text_input,
.password_input {
  background-color:  #F5F5F5;
  border:            1px solid #C2C2C2;
}

textarea {
  width:       100%;
  overflow-y:  scroll;
}

div#wrapper {
  float:     none;
  margin:    0 auto;
  position:  relative;
  width:     970px;
}

  #masthead {
    height:      100px;
    position:    relative;
    color:       #FFFFFF;
  }
  
    #masthead a {
      color:  #FFFFFF;
    }
  
    #logo_title {
      left:          10px;
      top:           17px;
      position:      absolute;
      width:         189px;
      height:        28px;
      background:    transparent url(/images/ui_skin2/logo_top.gif) no-repeat;
      padding-left:  45px;
    }
    
      #logo_title h1 {
        color:           #005B7F;
        text-transform:  none;
        font-size:       24pt;
      }
      
    #nav {
      position:  absolute;
      bottom:    0px;
    }
    
      #nav .nav_tab {
        float:           left;
        background:      transparent url(/images/ui_skin2/nav_tab.gif) no-repeat;
        height:          39px;
        text-align:      center;
        cursor:          pointer;
        text-transform:  uppercase;
        font-size:       12pt;
        padding:         0px 15px;
        line-height:     275%;
      }
            
        #nav .nav_tab a {
          color:            #AA9988;
          text-decoration:  none;
        }
        
        #nav .nav_tab.selected a {
          color:  #776655;
        }

    #meta_nav_links {
      right:      14px;
      top:        11px;
      position:   absolute;
      font-size:  9pt;
    }
  
  #body {
    position:    relative;
    min-height:  450px;
    padding:     10px;
  }
  
    .gt-content {
      width:  705px;
    }
  
  /* rails flash */
  #error,
  #notice {
    background:    transparent url(/images/ui_skin/flash.gif) no-repeat;
    width:         705px;
    height:        33px;
    padding-top:   8px;
    padding-left:  10px;
    margin-top:    10px;
  }
  
  #submit_or_cancel,
  #submit_container,
  .submit_container,
  #submit_or_cancel_view {
    margin-top:  10px;
  }
  
    #submit_or_cancel input,
    #submit_container input,
    .submit_container input,
    #submit_or_cancel_view input {
      background-color:   #FFDB81;
      color:              #1A1A1A;
      border:             1px solid #ACACAC;
      font-size:          10pt;
      cursor:             pointer;
    }
    
    .submit_container a {
      color:  #005B7F;
    }

  #main_content {
    vertical-align:  top;
  }

    #main_content_container {
      margin:     10px;
      min-width:  550px;
      overflow:   hidden;
      margin-right:  250px;
    }
  
      .header_title {
        font-weight:  bold;
        font-size:    18px;
        color:        #225588;
        line-height:  36px;
      }
      
    #main_content_container h2 {
      padding-top:  5px;
      font-weight:  bold;
    }
  
/*****************
* SIDE BAR
*****************/

#right_nav {
  position:  absolute;
  top:       20px;
  right:     20px;
}

  #right_nav a {
    text-decoration:  none;
  }

  #side_nav_container {
    border:  0px;
    width:   210px;
  }
  
    #side_nav_menu {
      padding-bottom:  10px;
    }
    
    #side_nav_sub_menu {
      padding:  0px 10px;
    }
    
      .side_nav_item {
        padding-left:  20px;
      }
       
        .side_nav_selected {
          background-color:  #F8934B;
        }

        .side_nav_selected a {
          color:  #FFFFFF;
        }
    
    .widget_title {
      padding-left:      10px;
      font-weight:       bold;
      background-color:  #E1E1E1
    }
    
    .widget_side_w {
      width:       5px;
      background:  transparent url(/images/ui_skin/widget_side_w.gif) repeat-y;
      font-size:   0;
    }
  
    .widget_side_e {
      width:       5px;
      background:  transparent url(/images/ui_skin/widget_side_e.gif) repeat-y;
      font-size:   0;
    }

    .widget_side_n {
      height:      4px;
      background:  transparent url(/images/ui_skin/widget_side_n.gif) repeat-x;
      font-size:   0;
    }
    
    .widget_side_s {
      height:      5px;
      background:  transparent url(/images/ui_skin/widget_side_s.gif) repeat-x;
      font-size:   0;
    }
    
    .widget_corner_nw {
      width:       5px;
      height:      4px;
      background:  transparent url(/images/ui_skin/widget_corner_nw.gif) no-repeat;
      font-size:   0;
    }
  
    .widget_corner_ne {
      width:       5px;
      height:      4px;
      background:  transparent url(/images/ui_skin/widget_corner_ne.gif) no-repeat;
      font-size:   0;
    }

    .widget_corner_sw {
      width:       5px;
      height:      5px;
      background:  transparent url(/images/ui_skin/widget_corner_sw.gif) no-repeat;
      font-size:   0;
    }
  
    .widget_corner_se {
      width:       5px;
      height:      5px;
      background:  transparent url(/images/ui_skin/widget_corner_se.gif) no-repeat;
      font-size:   0;
    }
    
    .widget_content {
      background-color:  #E1E1E1;
    }
    
    .ui-widget {
      font-size:  1em;
    }
    
      .ui-widget p {
        padding-bottom:  1em;
      }

#page_footer {
display: none; /* UNTIL FINAL LAYOUT CAN BE DECIDED - kcallahan 6/3/09 */
  height:          15px;
  width:           100%;
  padding-bottom:  10px;
  background:      #FFFFFF url(/images/ui_skin/footer_bg_tile.gif) repeat-x bottom;
}

  #page_footer .page_footer_text {
    font-size:     9pt;
    padding-left:  10px;
  }
  
/*****************
* ACCOUNT 
*****************/

  .statistics_value {
    
  }

  .statistics_value {
    padding-left:  10px;
  }

  .statistics_cell { 
    width:   200px;
    border:  1px solid #ccc;
  }

/*****************
* USERS
*****************/
#main_content_container #livebar_users_table th {
  font-weight:    bold;
  border-bottom:  1px solid #CCCCCC;
  padding-top:    5px;
}

#livebar_users_table th,
#livebar_users_table td {
  padding:  3px;
}

#users_search_form_container {
  padding:     10px 0px 5px 0px;
  margin-top:  5px;
  border-top:  1px solid #CCCCCC;
}

  #users_search_form_container #search {
    width: 300px;
  }

/*****************
* WIDGETS
*****************/

  .widget_overview {
    border-top: 1px solid #CCCCCC;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
    .description_and_code {
      padding:  0px 10px;
    }
    
      .widget_code {
        width:  100%;
      }
      
/*****************
* SETTINGS
*****************/

#sign_up #meta_nav_links {
  width:  170px;
}

#sign_up #try_it_free_wrapper {
  width:  104px;
  float:  right;
  margin-top:  17px;
}

#sign_up .gt-content {
  width: 100%;
}