/*
 * main stylesheet for InterQue
 * this file applies to everything accept chat modes
 * theme: darkgray
 */

  /*border: 1px dashed red;*/

/*
 * reset
 */
* { margin: 0; padding: 0; }
/* TODO: expand this */

pre { text-align: left; }

body {
  color: #fff;
  background-color: #65646a;
  font-family: tahoma, verdana, arial, helvetica, 'sans serif';
  font-size: 11pt;
}

ul { }
ul li { margin: 0 0 0 2em; }

.top_menu_bar {
  padding: 4pt 1em;
  background-color: #42424c;
}
.top_menu_bar_inner {
  margin: 4pt 1em;
  text-align: center;
  background-color: transparent;
}
.top_menu_bar #user_logged_in {
  padding: 0 2em;
  color: #d0dfda;
  background-color: transparent;
}
.top_menu_bar #user_logged_in a {
  color: #d0d0df;
}

a:link    { color: #caeef0; }
a:visited { color: #caeef0; }
a:hover   { color: #eef; }
a:active  { color: #fff; }

#main_content { margin: 1em; }

#logo { margin: 1em 0; }
#logo_image { }
#attention { color: red; }
#field_label { text-align: right; vertical-align: top; }

.page_footer {
  text-align: center;
  color: #aaa;
  margin: 2em 0;
}
.page_footer #link_bar {
  margin: 1em 0 0 0;
}
.page_footer #copyright {
  margin: 1em 0;
  color: #a0a0a0;
  font-size: smaller;
}
.page_footer #copyright a:link    { color: #999; }
.page_footer #copyright a:visited { color: #999; }
.page_footer #copyright a:hover   { color: #aaa; }
.page_footer #copyright a:active  { color: #999; }

#login {
  width: 400px;
}
#logout {
  margin-bottom: 1em;
  color: #ff4440;
}

/* these are optional, set from within the Global Settings Manager (admin only) */
.main_menu_sub_titles {
  /*border: 1px dashed red;*/
}
.main_menu_sub_titles .main_menu_sub_title_1 {  }
.main_menu_sub_titles .main_menu_sub_title_2 {  }
.main_menu_sub_titles .main_menu_sub_title_3 {  }

/* these are optional, set from within the Global Settings Manager (admin only) */
.login_sub_titles {
  /*border: 1px dashed red;*/
}
.login_sub_titles .login_sub_title_1 {  }
.login_sub_titles .login_sub_title_2 {  }
.login_sub_titles .login_sub_title_3 {  }


/*
 * columns
 */

#column_1 {
  /*float: left;*/
  /*margin: 0 1em 0 0;*/
  margin: 1em 0 1em 0;
  width: 500px;
}
#column_2 {
  /*float: left;*/
  /*margin: 0 0 0 1em;*/
  margin: 2em 0 0 0;
  width: 500px;
}


/*
 * standard_rooms list on the homepage
 */

#standard_rooms {
  -moz-border-radius: 3px;
  background-color: #727374;
  margin: 0 0 1em 0;
}
#standard_rooms .menu_title {
  -moz-border-radius: 3px;
  text-align: center;
  color: #fff;
  background-color: #6b6c6d;
  padding: 4pt;
  margin: 0;
  font-size: 12pt;
  font-weight: bold;
}
#standard_rooms .inner {
  padding: 4pt;
}
#standard_rooms .room_entry_line {
  clear: left;
  border-bottom: 1px solid #6d6c6d;
  padding-bottom: 1pt;
}
#standard_rooms .room_entry_line .room_name {
  float: left;
  text-align: left;
  margin: 2pt 1em 2pt 0;
}
#standard_rooms .room_entry_line .room_enter_button {
  width: 100%;
  text-align: right;
}

#standard_menu {
  background-color: #727374;
}
#standard_menu .inner {
  padding: 4pt;
}
#standard_menu .menu_title {
  text-align: center;
  color: #fff;
  background-color: #6b6c6d;
  padding: 4pt;
  margin: 0;
  font-size: 12pt;
  font-weight: bold;
}
#standard_menu .menu_item {
  padding: 2pt;
}


/*
 * otfg
 */

#otfg_rooms {
  -moz-border-radius: 3px;
  background-color: #727374;
  margin: 0 0 1em 0;
}
#otfg_rooms .menu_title {
  -moz-border-radius: 3px;
  text-align: center;
  color: #fff;
  background-color: #6b6c6d;
  padding: 4pt;
  margin: 0;
  font-size: 12pt;
  font-weight: bold;
}
#otfg_rooms .inner {
  padding: 4pt;
}
#otfg_rooms .room_entry_line {
  clear: left;
  border-bottom: 1px solid #6d6c6d;
  padding-bottom: 1pt;
}
#otfg_rooms .room_entry_line .room_name {
  float: left;
  text-align: left;
  margin: 2pt 1em 2pt 0;
}
#otfg_rooms .room_entry_line .room_enter_button {
  width: 100%;
  text-align: right;
}

#otfg_menu {
  background-color: #727374;
}
#otfg_menu .inner {
  padding: 4pt;
}
#otfg_menu .menu_title {
  text-align: center;
  color: #fff;
  background-color: #6b6c6d;
  padding: 4pt;
  margin: 0;
  font-size: 12pt;
  font-weight: bold;
}
#otfg_menu .menu_item {
  padding: 2pt;
}


/*
 * general
 */

h1, h2, h3, hr {
}

p { margin: 1em 0 0 0; }

textarea {
  background-color: #555555;
  color: #eeeeee;
}

input, select { background-color: #888; }

table {
  margin: 1em 0 0.5em 0;
  background-color: #777;
  border-collapse: separate;
  border-spacing: 0;
}
td { border: 1px solid #999; padding: 7pt; }
th { border: 1px solid #999; padding: 7pt; }
#table_column_header { text-decoration: underline; color: #f5eb27; }
#table_column_header a { text-decoration: underline; color: #f5eb27; }
#table_column_header_r { text-decoration: underline; text-align: right; color: #f5eb27; }
#table_column_header_r a { text-decoration: underline; text-align: right; color: #f5eb27; }

#order_arrow { /*font-weight: bold; font-size: large;*/ }

/* subtables are mini-tables within standard table cells */
.subtable table { border-collapse: separate; border-spacing: 0; }
.subtable td, .subtable th { border: 0; padding: 4pt; }

.table_of_data {
  /*border: 1px dashed red;*/
  text-align: left;
  background-color: #727374;
}
.table_of_data .label { color: #f5eb27; }
.table_of_data .inner { padding: 4pt; }

.table_of_input {
  /*border: 1px dashed red;*/
  text-align: left;
  background-color: #727374;
  width: 40em;
}
.table_of_input .title { text-align: center; font-weight: bold; background-color: #6b6c6d; padding: 4pt; }
.table_of_input .inner { padding: 4pt; }
.table_of_input .label { width: 7em; text-align: right; float: left; vertical-align: top; }
.table_of_input .value { margin-left: 8em; vertical-align: top; }
.table_of_input .submit_button { text-align: center; vertical-align: top; margin: 4pt; }

#alt_1 { background-color: #535353; }
#alt_0 { background-color: #636363; }

.id_string { font-size: smaller; }
.id_string #id { font-family: monospace; }

#warning {
  /*background-color: #ff0000;*/
  border: 3px solid #ff0000;
  color: #ffffff;
  font-weight: bold;
  margin: 1em;
  padding: 1em;
}


/*
 * room manager
 */

.active { color: #3f3; }
.inactive { color: #f22; }

.room_list { clear: both; margin: 1em 0 0 0; }
.room_list #name { font-weight: bold; background-color: #6b6c6d; padding: 5pt; }
.room_list #active { float: right; margin: 1pt 1em 0 0; padding: 3pt 4pt 0 0; }
.room_list .inner { padding: 4pt; }
.room_list #id_string { font-weight: normal; /*width: 16em; margin: 1pt 1em 0 0;*/ }
.room_list #logo img { margin: 0 0 1em 0; }
.room_list .actions { clear: right; float: right; text-align: right; width: 12em; margin: 0 1em 1em 0; }
.room_list .actions #edit_link { margin: 0; }
.room_list .actions #edit_notice_link { margin: 0; }
.room_list .actions #moderator_guide_link { margin: 0; }
.room_list .actions #view_transcript_link { margin: 1em 0 0 0; }
.room_list .actions #spawn_link { margin: 0; }
.room_list .actions #delete_link { margin: 1em 0 0 0; }
.room_list #users_access { margin: 1em 1em 0 0; }
.room_list #mods_access { margin: 1em 1em 0 0; }
.room_list .settings { }
.room_list #desc { margin: 0 2em 0 0; }
.room_list #timeframe { margin: 0 2em 0 0; }
.room_list #layout { float: left; margin: 1pt 2em 0 0; }
.room_list #theme { float: left; margin: 1pt 2em 0 0; }
.room_list #whiteboard { float: left; margin: 1pt 2em 0 0; }
.room_list #notice { margin: 1pt 2em 0 0; }
.room_list * #room_user { color: #ceceff; }

.new_room { margin: 1em 0 0 0; width: 35em; }


/*
 * invitation system
 */

.invite_letter {
  margin: 1em 0 0 0;
  padding: 1em;
  width: 700px;
  border: 1px solid #ffffff;
  background: #000000;
  text-align: left;
}
.invite_letter_preview {
  width: 700px;
  background-color: #ffffff;
  text-align: left;
  color: #000000;
  padding: 1em;
}
.invite_letter_preview a {
  color: #00c;
}


/*
 * transcript stuff
 */

.transcript {
  /*border: 1px dashed red;*/
}
.transcript #title {
  text-align: center;
}
.transcript_table {
  border: 0;
  padding: 2pt;
}
.transcript_table td {
  padding: 3pt;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #404040;
}
.transcript_otfg_topic {
  margin: 1em;
}
.transcript_otfg_topic #from {
  text-align: right;
  vertical-align: top;
}
.transcript_otfg_topic #message {
  text-align: left;
  vertical-align: top;
}
.transcript_otfg_info {
  /*float: left;*/
  /*width: 40%;*/
  margin: 0 0 1em 1em;
}
.transcript_message_reply {
  margin: 1em 0 0 0;
  color: #88ff66;
}
.transcript_message_reply #user_added {
  font-size: 11pt;
}
#topic_totals { color: #d0fff0; }
#topics_list { margin-top: 1em; }
#topics_list #hidden { color: #404040; }
#topics_list #visible { color: #ffffff; }
#private_message_to {
  color: #f1f1f1;
  border: 1px solid #6565ff;
  display: inline-block;
  margin: 4pt 0 0 0;
}
#private_to_mods {
  color: #e4e4ff;
  border: 1px solid #6565ff;
  display: inline-block;
  margin: 4pt 0 0 0;
}


/*
 * moderator guide stuff
 */

.mod_guide_entries_text_links_group {
  background-color: #eee;
}
.mod_guide_entries_text_links_group #entry_text {
  margin: 3pt;
}
.mod_guide_entries_text_links_group #entry_text_link {
  color: #33f;
  background-color: #ffa;
  text-decoration: underline;
  padding: 1pt;
}


/*
 * new user signup section
 */

.invited {
  padding: 1em 0;
  width: 100%;
  text-align: center;
}
.invited #new_user_table {
  /*border: 1px dashed red;*/
}


/* the help system */
.help { padding: 1em; }


/*
 * general
 */

.info_box {
  -moz-border-radius: 3px;
  margin: 1em; padding: 1em;
  /*border: 1px solid #6b6c6d;*/
  background-color: #727374;
  display: inline-block;
  clear: both;
}