/**
 * headings
 */
h1
{
  color:                          #999999;
  font-size:                      17px;
  margin-top:                     0px;
}

h1 .subtitle
{
  color:                          #3399CC;
}

h2
{
  color:                          #3399CC;
}

h2 span.subtitle
{
  color:                          #999999;
  font-size:                      13px;
}

h3
{
  color:                          #3399CC;
}

h3 .subtitle
{
  color:                          #333333;
}

h4
{
  margin-bottom:                  0px;
}


/**
 * links
 */
a:link,
a:visited
{
  color:                          #3399CC;
}


#content-login
{
  border:                         #E1E1E1 solid 1px;
  margin:                         37px 0px 0px 240px;
  padding:                        50px 125px;
  width:                          240px;
}

#content-login h1
{
  color:                          #3399CC;
}

#content-login #username,
#content-login #userpass
{
  width:                          240px;
}

#content-right-label,
#content-left-label
{
  color:                          #3399CC;
}

#footer-content
{
  background:                     #3399CC;
  color:                          white;
}

#sitemenu li a
{
  color:                          #3399CC;
}

#mainmenu li a:hover,
#mainmenu li a:active,
#mainmenu li a.selected
{
  background-color:               #3399CC;
}

#mainmenu ul li a:hover,
#mainmenu ul li a:active,
#mainmenu ul li a.selected
{
  color:                          #3399CC;
}

/**
 * profile-menu
 */
#profile-menu
{
  background-color:               #F5F5F5;
  border-bottom:                  #E1E1E1 solid 1px;
  color:                          #333333;
  font-size:                      12px;
  padding:                        2px 0px 2px 258px;
}

#profile-menu a
{
  color:                          #333333;
}

#profile-link
{
  background-image:               url(img/bg.button.profile.gif);
  background-position:            0px 50%;
  background-repeat:              no-repeat;
  margin-left:                    15px;
  padding-left:                   12px;
  text-decoration:                none;
}

#profile-logout
{
  background-image:               url(img/bg.button.logout.gif);
  background-position:            0px 50%;
  background-repeat:              no-repeat;
  margin-left:                    15px;
  padding-left:                   12px;
  text-decoration:                none;
}

#profile-link:hover,
#profile-logout:hover
{
  color:                          #333333;
}


/**
 * submenu
 */
#submenu-label
{
  color:                          #3399CC;
}

#submenu li a:hover,
#submenu li a:active,
#submenu li a.selected
{
  color:                          #3399CC;
}


#breadcrumb-menu li a:hover,
#breadcrumb-menu li a:active
{
  color:                          #3399CC;
}

#news-items-heading
{
  border-bottom:                  #3399CC solid 2px;
}

#news-items-heading h2
{
  background-color:               #3399CC;
}

.news-item
{
  padding-bottom:                 0px;
}

.news-item-content
{
  margin-bottom:                  10px;
  overflow:                       hidden;
  width:                          100%;
}

.news-item h2
{
  color:                          #3399CC;
  margin:                         0px;
}

.schedule-item
{
  padding-bottom:                 0px;
}

.schedule-item-content
{
  margin-bottom:                  10px;
  overflow:                       hidden;
  width:                          100%;
}

.schedule-item h2,
.schedule-item h3
{
  color:                          #3399CC;
}

#working-group-menu
{
  font-size:                      11px;
  list-style-type:                none;
  margin:                         0px 0px 0px 7px;
  padding:                        10px 0px 0px;
}

#working-group-menu li
{
  list-style-type:                none;
  margin:                         0px 0px 10px;
  padding:                        0px;
}

#working-group-menu li a
{
  text-decoration:                none;
}

#working-group-menu li a .working-group-menu-item
{
  color:                          #666666;
  font-weight:                    bold;
}

#working-group-items
{
  margin:                         0px;
  padding:                        0px;
}

#working-group-items li
{
  background-image:               url(img/bg.submenu-item.gif);
  background-position:            0px 6px;
  background-repeat:              no-repeat;
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px 0px 0px 12px;
}


/**
 * sitemap menu
 */
#sitemap-menu
{
  margin-left:                    180px;
}


/**
 * member
 */
.member-data h2
{
  border-bottom:                  #CCCCCC solid 1px;
  margin-bottom:                  0px;
}

.member-office h3
{
  color:                          #333333;
  margin-bottom:                  0px;
}

.member-office table.member-data
{
  margin-top:                     .25em;
}


/**
 * forms
 */
input#releaseDate,
input#expiryDate,
input#startDate,
input#endDate
{
  width:                          5.5em;
}

input#startTime,
input#endTime
{
  width:                          3em;
}

p.detail-bar
{
  font-size:                      .8em;
  overflow:                       hidden;
  width:                          100%;
}

.detail-bar-left
{
  float:                          left;
}

.detail-bar-right
{
  float:                          right;
}

p.tool-bar
{
  background:                     #F0F0F0;
  clear:                          both;
  color:                          #666666;
  font-size:                      11px;
  padding:                        2px 5px;
  text-align:                     right;
}

p.tool-bar a:link,
p.tool-bar a:visited
{
  color:                          #999999;
  text-decoration:                none;
}

p.tool-bar a:hover,
p.tool-bar a:active
{
  color:                          #333333;
  text-decoration:                underline;
}

input.default-input,
textarea.default-input,
select.default-input
{
  border:                         #CCCCCC solid 1px;
  width:                          450px;
}

p.edit-buttons
{
  border-top:                     #CCCCCC solid 1px;
  padding-top:                    10px;
  text-align:                     right;
  width:                          450px;
}

p.edit-buttons input
{
}

.error
{
  color:                          #CC0033;
}


table.compact-form
{
  width:                          450px;
}

table.compact-form th
{
  font-weight:                    normal;
  padding:                        2px 0px;
  text-align:                     left;
  width:                          120px;
}

table.compact-form td
{
  padding:                        2px 0px;
  width:                          330px;
}

table.compact-form td .default-input
{
  width:                          328px;
}


/**
 * calender popup
 */
#calenderPopup
{
  background-color:               white;
  border:                         #666666 outset 1px;
  position:                       absolute;
  visibility:                     hidden;
}

.jsButton
{
  cursor:                         pointer;
  margin-left:                    5px;
  vertical-align:                 middle;
}

.cpYearNavigation,
.cpMonthNavigation
{
  background-color:               #CCCCCC;
  color:                          white;
  font-weight:                    bold;
  text-align:                     center;
  text-decoration:                none;
  vertical-align:                 middle;
}

.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText
{
}

td.cpDayColumnHeader
{
  border-bottom:                  #666666 solid 1px;
  text-align:                     right;
}

.cpCurrentMonthDate,
.cpOtherMonthDate,
.cpCurrentDate
{
  text-align:                     right;
  text-decoration:                none;
}

.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled
{
  color:                          #D0D0D0;
  text-align:                     right;
  text-decoration:                line-through;
}

.cpCurrentMonthDate
{
  color:                          #CCCCCC;
  font-weight:                    bold;
}

.cpCurrentDate
{
  color:                          white;
  font-weight:                    bold;
}

.cpOtherMonthDate
{
  color:                          #808080;
}

td.cpCurrentDate
{
  background-color:               #CCCCCC;
  border:                         #666666 solid 1px;
  color:                          white;
}

td.cpCurrentDateDisabled
{
  border:                         #FFAAAA solid 1px;
}

td.cpTodayText,
td.cpTodayTextDisabled
{
  border-top:                     #666666 solid 1px;
}

a.cpTodayText,
span.cpTodayTextDisabled
{
  height:                         20px;
}

a.cpTodayText
{
  color:                          black;
  font-weight:                    bold;
}

span.cpTodayTextDisabled
{
  color:                          #D0D0D0;
}

.cpBorder
{
  border:                         #666666 solid 1px;
}


/**
 * profile
 */
#phoneNumber_0,
#faxNumber_0,
#mobileNumber_0,
#contactPhoneNumber_0,
#contactFaxNumber_0,
#contactMobileNumber_0,
#managerPhoneNumber_0,
#managerFaxNumber_0,
#managerMobileNumber_0
{
  width:                          25px;
}

#phoneNumber_1,
#faxNumber_1,
#mobileNumber_1,
#contactPhoneNumber_1,
#contactFaxNumber_1,
#contactMobileNumber_1,
#managerPhoneNumber_1,
#managerFaxNumber_1,
#managerMobileNumber_1
{
  width:                          40px;
}

#phoneNumber_2,
#faxNumber_2,
#mobileNumber_2,
#contactPhoneNumber_2,
#contactFaxNumber_2,
#contactMobileNumber_2,
#managerPhoneNumber_2,
#managerFaxNumber_2,
#managerMobileNumber_2
{
  width:                          80px;
}

#zipCode
{
  width:                          50px;
}

table.user-list
{
  width:                          450px;
}

table.user-list thead th
{
  border-bottom:                  #CCCCCC solid 1px;
  text-align:                     left;
}

table.user-list td.edit-link
{
  text-align:                     right;
}

.message-box
{
  background:                     #339933;
  color:                          white;
  padding:                        2px 5px;
}

.error-box
{
  background:                     #CC0033;
  color:                          white;
  padding:                        2px 5px;
}

.visibility-wrapper
{
  overflow:                       hidden;
  width:                          100%;
}

.visibility-right
{
  float:                          right;
  width:                          200px;
}

.visibility-left
{
  float:                          left;
  width:                          200px;
}

p.new-link
{
}

p.new-link a
{
  background-color:               white;
  background-image:               url(img/icon.new.gif);
  background-position:            3px 50%;
  background-repeat:              no-repeat;
  border:                         #E1E1E1 solid 1px;
  display:                        block;
  padding:                        5px 5px 5px 25px;
  text-decoration:                none;
}

p.new-link a:hover,
p.new-link a:active
{
  background-color:               #E1E1E1;
  border-color:                   #CCCCCC;
}

h2.profile-project-list
{
  margin-bottom:                  0px;
}

ul.profile-project-list
{
  margin:                         0px 0px 10px;
  padding:                        0px;
}

ul.profile-project-list li
{
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px;
}

ul.profile-project-list li a
{
  color:                          #333333;
  text-decoration:                none;
}

ul.profile-project-list li a:hover,
ul.profile-project-list li a:active
{
  color:                          #3399CC;
  text-decoration:                underline;
}


/**
 * misc
 */
h2.editable-item
{
  border-bottom:                  #3399CC solid 1px;
  margin-bottom:                  3px;
}

div.editable-item
{
  margin-bottom:                  2em;
}

img.preview-image
{
  border:                         #E0E0E0 solid 5px;
  display:                        block;
  margin-bottom:                  5px;
  vertical-align:                 middle;
}

ul.initials li.selected
{
  background:                     #3399CC;
  color:                          white;
}

ul.initials li.selected a
{
  color:                          white;
}


/**
 * forum
 */
table.forum-index
{
  border:                         #CCCCCC solid 1px;
  width:                          100%;
}

table.forum-index thead th
{
  background-color:               #989EA6;
  color:                          white;
  padding:                        2px 10px;
}

table.forum-index thead th.postings
{
  width:                          5em;
}

table.forum-index thead th.last-posting
{
  width:                          20%;
}

table.forum-index tr.even
{
  background-color:               #F0F0F0;
}

table.forum-index tr.odd
{
  background-color:               #FCFCFC;
}

table.forum-index td.thread-name
{
  padding:                        2px 10px;
}

table.forum-index td.thread-name img
{
  margin-right:                   5px;
}

table.forum-index td.thread-name a
{
  text-decoration:                none;
}

table.forum-index td.postings
{
  text-align:                     center;
}

table.forum-index td.last-posting
{
  font-size:                      11px;
  text-align:                     center;
}

table.forum-thread
{
  border:                         #CCCCCC solid 1px;
  margin-bottom:                  5px;
  width:                          100%;
}

table.forum-thread tr
{
  vertical-align:                 top;
}

table.forum-thread td.posting-titlebar
{
  background-color:               #989EA6;
  color:                          white;
  font-size:                      11px;
  padding:                        2px 5px;
}

table.forum-thread td.posting-titlebar img
{
  margin-right:                   3px;
  vertical-align:                 text-bottom;
}

table.forum-thread td.posting-titlebar .posting-date
{
  float:                          right;
}

table.forum-thread td.posting-detail
{
  background:                     #F0F0F0;
  font-size:                      10px;
  padding:                        10px;
  text-align:                     center;
  width:                          100px;
}

table.forum-thread td.posting-detail div.avatar
{
  background-color:               white;
  width:                          100px;
}

table.forum-thread td.posting-content
{
  background:                     white;
  padding:                        10px;
}

table.forum-thread td.posting-content p
{
  margin-top:                     0px;
}

table.forum-thread td.posting-content p.edit-link
{
  margin-bottom:                  0px;
  text-align:                     right;
}

table.forum-thread td.posting-content p.edit-link a
{
  font-size:                      10px;
}


ul.forum-tools
{
  font-size:                      11px;
  margin:                         0px 0px 10px 0px;
  overflow:                       hidden;
  padding:                        0px;
  width:                          100%;
}

ul.forum-tools li
{
  border:                         #CCCCCC solid 1px;
  float:                          left;
  list-style-type:                none;
  margin:                         0px 5px 0px 0px;
  padding:                        0px;
}

ul.forum-tools li a
{
  display:                        block;
  padding:                        2px 5px;
  text-decoration:                none;
}

ul.forum-tools li a:hover
{
  background-color:               #CCCCCC;
  color:                          white;
}

#posting-subject,
#posting-body
{
  border-width:                   1px;
  width:                          450px;
}


/**
 * job application
 */
.job-application
{
  border-bottom:                  #E0E0E0 solid 1px;
  padding-bottom:                 10px;
}

.job-application h2 .date-string
{
  color:                          #333333;
  font-size:                      12px;
  font-weight:                    normal;
}

.job-application h2 .category
{
  color:                          #333333;
  font-size:                      12px;
}

.details-toggle
{
  background:                     #3399CC;
  padding:                        2px 5px;
}

.details-toggle a
{
  color:                          white;
  font-size:                      12px;
  font-weight:                    bold;
}

.job-application h3
{
  border-bottom:                  #CCCCCC solid 1px;
  margin:                         20px 0px 0px;
  padding-bottom:                 2px;
}

.job-application p
{
  margin-top:                     2px;
}

table.job-application
{
}

table.job-application th
{
  padding:                        1px 10px 1px 0px;
  text-align:                     right;
  vertical-align:                 baseline;
}

table.job-application td
{
  padding:                        1px 0px;
  vertical-align:                 baseline;
}