/*****************/
/* global stuff */
/***************/
h1, h2, h3, h4, img, p, a, form, fieldset, li, ul, body{
  margin:0;
  padding:0;
  border: none;
}

a{
  outline: none;  
  text-decoration: none;
  color: #000000; 
}
a:hover{
  text-decoration: none;
  color: #415287;
}



/******************/
/* Site specific */
/****************/
html,body{  
  background-color: #E5E5E5;
  height:100%;
  font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;
  color: #222222;
}


#twk_logo {
  padding: 50px 20px 10px;
  text-align: center;
  width: 400px;
  margin: auto;
}

#login {
  background: #FFFFFF none repeat scroll 0%;
  border: 10px solid #CCCCCC;
  padding: 15px 20px 10px;
  text-align: left;
  width: 400px;
  margin: auto;
}

#login label {
  font-size: 14px;
  line-height: 24px;
  width: 80px;
  display: block;
  float: left;
}

#login input {
  width: 300px;
  font-size: 14px;
  padding: 3px;
  border: thin solid #CCCCCC;
  margin-bottom: 5px;
  float: left;
}

#login input.button {
  width: auto;
  float: none;
  margin-left: 80px;
}


#header {
  background-color: #252730;
  height: 100px;
  position: relative;
}

#header #logo {
  position: absolute;
  left: 10px;
  top: 10px;  
}

#header #navigation {
  position: absolute;
  bottom: 0;
  left: 10px;
}

#header #navigation ul {
  list-style: none;
}

#header #navigation ul li {
  border:medium none;
  display:inline;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin: 0pt;
  padding: 0pt;
}

#header #navigation ul li a {
  display: block;
  float: left;
  /*height: 25px;*/
  font-size: 11px;
  padding: 4px 6px;
  background-color: #484C58;
  border: none;
  border-right: 3px solid #252730;
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
}

#header #navigation ul li a.logout {
  float: right;
  margin-right: 20px;
}

#header #navigation ul li a:visited {
  background-color: #484C58;
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
}

#header #navigation ul li a:hover {
  background-color: #B8DC3D;
  color: #000000;
}

#header #navigation ul li a.current,
#header #navigation ul li a.current:visited,
#header #navigation ul li a.current:hover {
  background-color: #E5E5E5;
  color: #000000;
}

#wrap {
  position: relative;
}

#wrap #main {
  width: 950px;
  margin: 20px 20px;
  background-color: white;
  padding: 10px;
}

* html #wrap #main {
  width: 930px;
}

#wrap #main h2, #wrap #main h3, h2.popup {
  display: block;
  width: 550px;
  padding-bottom: 4px;
  margin-bottom: 15px;
  color: #222222;
  font-size: 24px;
  border-bottom: 1px solid #B8DC3D;
}

#wrap #main h3 {
  font-size: 16px;
}

div.hr {
  height: 0;
  width: 95%;
  margin: 10px auto;
  border-bottom: 1px solid #B8DC3D;
}

div.hr hr {
  display: none;
}

#wrap #main table.result {
  /*padding-left:11px;*/
  font-size: 11px;
  background-color: #cccccc;
  width: 850px;
  margin-bottom: 15px;
}

#wrap #main table.result tr td {
  /*border: 1px solid #222222;*/
  background-color: #ffffff;
  padding: 2px 4px;
}

#wrap #main table.result tr.disabled td {
  color: #968F8F !important;
  font-style: italic;
}

#wrap #main table.result tr.disabled td a {
  color: #968F8F !important;
}

#wrap #main table.result tr:hover td{
  /*border: 1px solid #222222;*/
  background-color: #D3FA93;
}

#wrap #main table.result tr.blocked td, #wrap #main table.result tr.blocked td a {
  color: red;
}

#wrap #main table.result th{
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  background-color: #333333;
  color: #ffffff;
}

#wrap #main hr {
  display: block;
  border: none;
  height: 2px;
  background-color: #cccccc;
  margin: 10px;
}


#wrap #main form {

}


#wrap #main form fieldset {
  border: 1px solid #B8DC3D;
  width: 300px;
  padding: 10px;
  margin-bottom: 10px;
}

#wrap #main form fieldset legend {
  font-weight: bold;
}

#wrap #main form label{
  display: block;
  /*padding-top: 22px;*/
  font-weight: bold;
  font-size: 16px;
  padding: 0 5px 5px;
}

#wrap #main form input, #wrap #main form select.dropdown, #wrap #main form button, button.button {
  width: 500px;
  border: 1px solid #cccccc;
  background-color: #ebebeb;
  font-size: 14px;
  padding: 2px;
  margin-bottom: 10px;
}

input.w200 {
  width: 200px !important;
}

input.wauto {
  width: auto !important;
}

input.validate-number {
  width: 100px !important;
}

#wrap #main form select.dropdown {
  width: 300px;
}

#wrap #main form button, button.button {
  width: auto;
  display: block;
  border-color: #33333;
  cursor: pointer;
}


#wrap #main form textarea.mce, #wrap #main form textarea.no_mce{
  width: 500px;
  height: 400px;
  border: 1px solid #cccccc;
  background-color: #ebebeb;
  padding: 5px;
  margin-bottom: 10px;
}

#wrap #main form textarea.no_mce{
  width: 500px;
  height: 80px;
  font-family: Arial,helvetica,sans-serif;
  font-size: 13px;
}

#wrap #main form textarea.html {
  font-family: courier;
  font-size: 11px;
  height: 480px;
  width: 480px;
}

#wrap #main p a {
  color: #415287;
}

#wrap #main p a:hover {
  border-bottom: 2px dotted #B8DC3D;
}

table.mceEditor {
  margin-bottom: 10px !important;
}

div.pages {
  font-size: 10px;
  margin-bottom: 10px;
}

div.pages a.selected_page {
  text-decoration: underline;
}

.notification {
  border: 1px solid #99CC99;
  color: #006600;
  background: #E2F9E3 url(../img/alertgood.gif) no-repeat scroll left center;
  padding: 5px 5px 5px 35px;
  width: 95%;
  margin-bottom: 10px;
}

.alert, .validation-advice {
  border: 1px solid #E57F7F;
  color: #660000;
  background: #FFDEDC url(../img/alertbad.gif) no-repeat scroll left center;
  padding: 5px 5px 5px 35px;
  margin-bottom: 10px;
  width: 95%;
}

#login .alert, #login .validation-advice {
  clear: both;
  width: 380px;
}

form.inline {

}

form.inline label {
  float: none !important;
  display: block;
}

form.inline input, form.inline button {
  display: inline !important;
  float: none !important;
}

.fl { float: left !important; }
.fr { float: right !important; }
.clear { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.m_0 { margin: 0; }
.p_3 { padding: 3px; }
.pt_3 { padding-top: 3px; }
.p_10 { padding: 10px; }
.pb_20 { padding-bottom: 20px; }
.pb_40 { padding-bottom: 40px; }
.ta_r { text-align: right; }
.ta_l { text-align: left; }
.ta_c { text-align: center; }
.mt_10 { margin-top: 10px; }
.ml_10 { margin-left: 10px; }
.mr_10 { margin-right: 10px; }
.ml_20 { margin-left: 20px; }
.mr_20 { margin-right: 20px; }
.mb_5 { margin-bottom: 5px; }
.mb_10 { margin-bottom: 10px; }
.mb_15 { margin-bottom: 15px; }
.mb_40 { margin-bottom: 40px; }
.w_half { width: 237px; }
.green { color: green; }
.red { color: red; }