/* ---[GENERIC DEFINITIONS]---------------------------------------------------------------------- */

body {
  background-color     : #FFFFFF;
  color                : #534741;
  font-family          : sans-serif, helvetica, tahoma;
  font-size            : 11pt;
  line-height          : 120%;
  letter-spacing       : 0.03em;
  margin               : 0px;
  padding              : 0px;
  text-align           : center; /* centers container for ie */
  word-spacing         : 0.05em;
}

div, img, ul, ol, li, form, input, button, h1, h2, h3, h4 {
  border               : none;
  margin               : 0;
  padding              : 0;
  text-align           : left;
}

li {
  list-style-type      : none;
}

a {
  color                : #362f2d;
  text-decoration      : none;
}

a:hover {
  color                : #ed145b;
}

/* ---[LAYOUT]----------------------------------------------------------------------------------- */

/* --- CONTAINER --- */

div#container {
  margin-left          : auto;
  margin-right         : auto;
  width                : 950px;
}


/* ### LEVEL 1 #################################################### */
/* --- TOP BAR --- */

div#top_bar {
  background-image     : url('/public/images/top_bar.png');
  background-repeat    : no-repeat;
  border-bottom        : 1px solid #FFFFFF;
  height               : 35px;
}

div#top_bar a {
  font-weight          : bold;
}

div#top_bar div.tb-first_child {
  float                : left;
  height               : 35px;
}

div#top_bar div.tb-first_child div {
  padding-top          : 8px;
}

/* --- TOP MENU --- */

div#top_menu {
  margin-left          : 15px;
  width                : 550px;
}

div#top_menu li {
  float                : left;
  margin               : 1px;
}

div#top_menu li a{
  color                : #FFFFFF;
  font-size            : 12pt;
  line-height          : 30px;
  padding              : 5px;
  text-decoration      : none;
}

div#top_menu li a:hover{
  color                : #DEF353;
}

div#top_menu li a.selected {
  color                : #ffd200;
}

/* --- LANGUAGE SELECTOR --- */

div#language_selector {
  text-align           : right;
  width                : 100px;
}

div#language_selector a {
  color                : #FFFFFF;
  font-size            : 14px;
  padding              : 5px;
  text-decoration      : none;
}

div#language_selector a:hover {
  color                : #FFD42A;
}

/* --- LOGIN FIELD --- */

div#login_field {
  color                : #FFFFFF;
  width                : 270px;
}

div#login_field a {
  color                : #FF7F00;
}

div#login_field a:hover {
  color                : #AAFF7F;
}

span#loginName {
  float                : right;
  padding-right        : 10px;
}

span#logOutButton {
  float                : right;
  padding-right        : 10px;
}


/* ### LEVEL 2 #################################################### */

/* --- TITLE BAR --- */

div#title_bar_left {
  border-bottom        : 1px solid #FFFFFF;
  float                : left;
  height               : 111px;
}

div#title_bar_right {
  border-bottom        : 1px solid #FFFFFF;
  float                : right;
  height               : 111px;
}


/* ### LEVEL 3 #################################################### */

/* --- SEPERATOR BAR --- */

div#seperator_bar {
  background-color     : #ee145b;
  border-bottom        : 1px solid #FFFFFF;
  clear                : both;
  height               : 32px;
}

div#seperator_bar_generic {
  background-image     : url('/public/images/stock.jpg');
  background-position  : top right;
  background-repeat    : no-repeat;
  border-bottom        : 1px solid #FFFFFF;
  clear                : both;
  height               : 83px;
}

div#left_gray {
  background-color     : #736357;
  border-right         : 1px solid #FFFFFF;
  float                : left;
  height               : 32px;
  width                : 112px;
}

div#left_gray_generic {
  background-color     : #736357;
  border-right         : 1px solid #FFFFFF;
  float                : left;
  height               : 83px;
  width                : 210px;
}


/* ### LEVEL 4 #################################################### */

/* --- MESSAGE FIELD --- */

div.message-field {
  padding              : 10px;
  margin-bottom        : 1px;
}

div.message-field div {
  border-top           : 1px solid #5C5C5C;
  margin-left          : 40px;
  padding-top          : 10px;
}

div.message-field div#mf-message {
  border               : none;
  font-weight          : bold;
  margin               : 0px;
  padding              : 8px 0px 5px 40px;
}

div.mf-error {
  color                : #550707;
  background           : #FFFFFF url('/public/images/error-bg.png') repeat-x;
}

div.mf-error div#mf-message {
  color                : #9F2020;
  background           : url('/public/images/error.png') no-repeat;
}

div.mf-warning {
  color                : #906B11;
  background           : #FFFFFF url('/public/images/warning-bg.png') repeat-x;
}

div.mf-warning div#mf-message {
  color                : #76580F;
  background           : url('/public/images/warning.png') no-repeat;
}

div.mf-info {
  color                : #116590;
  background           : #FFFFFF url('/public/images/info-bg.png') repeat-x;
}

div.mf-info div#mf-message {
  color                : #062A3D;
  background           : url('/public/images/info.png') no-repeat;
}

div.mf-success {
  color                : #223D06;
  background           : #FFFFFF url('/public/images/success-bg.png') repeat-x;
}

div.mf-success div#mf-message {
  color                : #3C6412;
  background           : url('/public/images/success.png') no-repeat;
}


/* ### LEVEL 5 #################################################### */

div#left_stock {
  border-right         : 1px solid #FFFFFF;
  float                : left;
  height               : 450px;
}


div#left_stock_top {
  border-bottom        : 1px solid #FFFFFF;
  float                : left;
  height               : 255px;
}

/* --- ANNOUNCEMENTS --- */

div#announcements_field {
  background-color     : #dffd38;
  border-left          : 1px solid #FFFFFF;
  float                : right;
  height               : 450px;
  width                : 313px;
}

ul#news_list {
  font-size            : 10pt;
  padding              : 10px;
  padding-left         : 20px;
}

ul#news_list li.news_item {
  background-image     : url('../img/arrow.gif');
  background-repeat    : no-repeat;
  background-position  : 0px 8px;
  list-style-type      : none;
  padding              : 3px;
  padding-left         : 12px;
}

ul#news_list li.date {
  border-bottom        : 1px dashed #5C5C5C;
  color                : #007236;
  list-style-type      : none;
  padding-right        : 5px;
  text-align           : right;
}

div#left_stock_bottom {
  float                : left;
  height               : 194px;
}

/* --- CONTENT TITLE --- */

div#content_title h1 {
  color                : #8dc63f;
  font-size            : 28px;
  padding              : 20px;
  padding-left         : 220px;
}

/* --- LEFT MENU --- */

div#left_menu {
  float                : left;
  width                : 211px;
  min-height           : 400px;
  height               : 400px;
}

div#left_menu li {
  padding              : 0;
  list-style-type      : none;
}

div#left_menu a {
  border-bottom        : 1px solid #5C5C5C;
  display              : block;
  font-weight          : bold;
  max-width            : 183px;
  padding              : 3px;
  padding-left         : 25px;
  width                : 100%;
}

div#left_menu a:hover {
  background-color     : #ed145b;
  color                : #FFFFFF;
}

div#left_menu a.selected {
  background-color     : #dffd38;
  color                : #736357;
}

div#left_menu a.selected:hover {
  background-color     : #ffd200;
}

/* --- CONTENT --- */

div#content {
  float               : right;
  width               : 726px;
}

div#content h1, h2, h3, h4 {
  color                : #8dc63f;
  padding-bottom       : 10px;
  padding-top          : 10px;
}

div#content h1 {
  font-size            : 28px;
}

div#content h2 {
  font-size            : 20px;
}

div#content h3 {
  font-size            : 16px;
}

div#content ul {
  padding              : 0;
  margin               : 0;
  padding-left         : 30px;
  line-height          : 23px;
}

div#content li {
  padding              : 0;
  margin               : 0;
}

div#content p {
  margin               : 0;
  margin-bottom        : 10px;
  text-indent          : 25px;
  text-align           : justify;
}


/* ### LEVEL 6 #################################################### */

div#footer {
  background-color     : #362f2d;
  border-top           : 1px solid #FFFFFF;
  clear                : both;
  height               : 100px;
}

div#site_address {
  float                : left;
  padding              : 20px;
  padding-top          : 60px;
}

div#address_title {
  float                : right;
  padding              : 20px;
}

/* ---[COMPONENTS]------------------------------------------------------------------------------- */

/* --- BUTTONS --- */

div.buttons {
  background-color     : #e4f0f0;
  border-bottom        : 1px solid #c3dada;
  border-left          : 1px solid #f0ffff;
  border-right         : 1px solid #c3dada;
  border-top           : 1px solid #f0ffff;
  margin-bottom        : 10px;
  margin-top           : 20px;
  padding              : 5px;
  width                : 700px;
}

* html div.buttons { /* IE */
  width                : 712px;
}


div.buttons a, button {
  background           : #e0e0e0 url('/public/images/button_normal.png') no-repeat;
  border               : 1px solid #dedede;
  border-left          : 1px solid #eee;
  border-top           : 1px solid #eee;
  color                : #565656;
  cursor               : pointer;
  display              : inline-block;
  font-size            : 100%;
  font-weight          : bold;
  line-height          : 130%;
  margin               : 0 7px 0 0;
  padding              : 5px 10px 6px 7px; /* Links */
  text-decoration      : none;
}

button {
  overflow             : visible;
  padding              : 4px 10px 2px 7px; /* IE6 */
  width                : auto;
}

button[type] {
  padding              : 5px 10px 6px 7px; /* Firefox */
  line-height          : 17px; /* Safari */
}

*:first-child+html button[type] {
  padding              : 4px 10px 3px 7px; /* IE7 */
}

button img, div.buttons a img {
  border               : none;
  height               : 16px;
  margin               : 0 3px -3px 0 !important;
  padding              : 0;
  width                : 16px;
}

/* STANDARD */

button:hover, div.buttons a:hover {
  background           : #dff4ff url('/public/images/button_hover.png') no-repeat;
  border               : 1px solid #c2e1ef;
  color                : #336699;
}

div.buttons a:active {
  background-color     : #6299c5;
  border               : 1px solid #6299c5;
  color                : #fff;
}

/* POSITIVE */

button.positive, div.buttons a.positive {
  color                : #529214;
}

div.buttons a.positive:hover, button.positive:hover {
  background           : #c5e6a6 url('/public/images/button_positive.png') no-repeat;
  border               : 1px solid #C6D880;
  color                : #529214;
}

div.buttons a.positive:active {
  background-color     : #529214;
  border               : 1px solid #529214;
  color                : #fff;
}

/* NEGATIVE */

div.buttons a.negative, button.negative {
  color                : #d12f19;
}

div.buttons a.negative:hover, button.negative:hover {
  background           : #fbe3e4 url('/public/images/button_negative.png') no-repeat;
  border               : 1px solid #fbc2c4;
  color                : #d12f19;
}

div.buttons a.negative:active {
  background-color     : #d12f19;
  border               : 1px solid #d12f19;
  color                : #fff;
}

/* --- DATATABLE --- */

table#dataTable {
  border-left          : 1px solid #C1DAD7;
  font-size            : 80%;
  padding              : 0;
  margin               : 0;
  width                : 707px;
}

table#dataTable th {
  color                : #4f6b72;
  background           : #CAE8EA url('/public/images/th_green.png') no-repeat;
  border-bottom        : 1px solid #C1DAD7;
  border-right         : 1px solid #C1DAD7;
  border-top           : 1px solid #C1DAD7;
  letter-spacing       : 2px;
  padding              : 6px 6px 6px 12px;
  text-align           : left;
}

table#dataTable th.nobg {
  background           : none;
  border-left          : 0;
  border-right         : 1px solid #C1DAD7;
  border-top           : 0;
}

table#dataTable th.buttons {
  border-bottom        : 1px solid #DADAC1;
  border-right         : 1px solid #DADAC1;
  border-top           : 1px solid #DADAC1;
  color                : #72724F;
  background           : #cad8ea url('/public/images/th_blue.png') no-repeat;
  width                : 80px;
}

table#dataTable td {
  background           : #fff url('/public/images/bullet1.gif') no-repeat;
  border-right         : 1px solid #C1DAD7;
  border-bottom        : 1px solid #C1DAD7;
  padding              : 6px 6px 6px 12px;
  color                : #4f6b72;
}

table#dataTable td.alt {
	background           : #f5fafa url('/public/images/bullet2.gif') no-repeat;
	color                : #797268;
}

table#dataTable td.buttons {
  text-align           : center;
}

table#dataTable td.hover {
  background           : #fffdea url('/public/images/bullet3.gif') no-repeat;
}

/* --- FIELDSET --- */

.form {
  border               : 1px solid #5C5C5C;
  border-bottom        : none;
  border-right         : 4px solid #5C5C5C;
  display              : block;
  padding              : 0;
  margin               : 0;
  width                : 707px;
}

* html .form { /* IE  */
  width                : 712px;
}

legend {
  background-color     : #fcfbf6;
  border               : 1px solid #5C5C5C;
  color                : #998c8c;
  font-weight          : bold;
  margin-left          : 20px;
  padding              : 2px 10px 2px 10px;
}

.form div.std {
  background-color     : #feffff;
  border-bottom        : 1px solid #5C5C5C;
  font-size            : 80%;
  padding              : 5px;
}

.form div.spacer {
  border               : none;
  border-bottom        : 1px solid #5C5C5C;
}

.form div.alt {
  background-color     : #EFEAEA;
}

.form div.diff {
  background-color     : #FFEAEA;
}

.form div.error {
  background-color     : #f5b4bd;
}

.form div.hover {
  background-color     : #fffdea;
}

.form label {
  display              : block;
  float                : left;
  padding-top          : 3px;
  width                : 250px;
}

.form p {
  margin               : 5px;
}

.form p.hint {
  clear                : both;
  padding-left         : 260px;
}

.form p.errorField {
  background-color     : #d0848f;
  border               : 1px solid #976169;
  padding              : 5px;
}

.form input.textInput, .form input.textInputShort, .form textarea, .form input.file {
  background           : #dbe6f5 url('/public/images/input_bg.png') bottom left repeat-x;
  border               : 1px solid #663333;
  color                : #790000;
  padding              : 3px;
  width                : 250px;
}

.form input.textInputShort {
  width                : 150px;
}

.form input.other {
  margin-top           : 8px;
}

.form select {
  background           : #dbe6f5 url('/public/images/input_bg.png') bottom left repeat-x;
  border               : 1px solid #663333;
  color                : #790000;
  padding              : 3px;
  width                : 260px;
}

* html .form select { /* IE */
  width                : 250px;
}

.form input.hover, .form textarea.hover, .form select.hover {
  border               : 1px solid #f26522;
}

.form span {
  display              : inline-block;
}

.form span.required {
  color                : red;
  cursor               : pointer;
  vertical-align       : top;
  width                : 10px;
}

/* --- PAGINATION --- */

div.pagination {
  margin-top           : 20px;
  margin-right         : 20px;
  text-align           : right;
}

div.pagination a, div.pagination span.current {
  background-color     : #e4f0f0;
  border-bottom        : 1px solid #c3dada;
  border-left          : 1px solid #f0ffff;
  border-right         : 1px solid #c3dada;
  border-top           : 1px solid #f0ffff;
  padding              : 3px;
}

div.pagination a:hover {
  background-color     : #f0ece4;
}

div.pagination span.current {
  background-color     : #c3d1e1;
  font-weight          : bold;
}

/* --- COMPONENT MESSAGE --- */

div.component_message {
  background-color     : #d0848f;
  border               : 1px solid #976169;
  color                : #f0ece4;
  font-weight          : bold;
  padding              : 5px;
  text-align           : center;
}