/*
opendots css

Copyright (c) Gareth Hadfield 2008
*/

html{
  margin:0px;
  padding:0px;
  border:0px;
  height:100%;
}

body{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt;

  padding:0px;
  margin:0px;
  border:0px;

  height:100%;
}

body > *{
text-align:left;
}

h1{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal;
  color:#FFFFFF;
  margin-top:10px;
}

h2{
  font-family: Times, Helvetica, Times New Roman;
  font-size:32pt;
  font-weight:normal;
  font-style:italic;
  text-align:left;
  color:#000066;
  margin-left:4px;
  margin-top:4px;
  margin-bottom:4px;
}

h4{
  color:#707070;
}

td{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt;
}

textarea{
  font-size:9pt;
}

.opendot_highlight{
  background:none;
  position:absolute;
  z-index:99999;
  border-style:dashed;
  border-width:4px;
}

.opendot_properties_main{
  padding:0px;
  margin:0px;
  width:auto;
  height:auto;
  overflow:hidden;
  color:#000000;
}

.opendot_properties_table{
  width:100%;
  border:solid black 1px;
  border-collapse:collapse;
  overflow:auto;
  color:#000000;
}

.opendot_properties_table_name{
  border:solid black 1px;
  background-color:#FFFFFF;
  font-weight:bold;
  padding:2px;
  width:130px;
  vertical-align:top;
  color:#000000;
}

.opendot_properties_table_value{
  border:solid black 1px;
  background: #f0f0f0;
  color:#000000;
  vertical-align:top;
  padding:2px;
  width:100%;
  height:100%;
}

.opendot_css_properties_table_name{
  border:solid black 1px;
  background-color:#FFFFFF;
  font-weight:bold;
  padding:2px;
  width:100px;
  vertical-align:top;
  color:#000000;
}

.opendot_properties_table_value_sub_div{
  cursor:pointer;
  background:none;
  color:#000000;
  vertical-align:top;
  width:auto;
  height:auto;

  padding:0px;
}

.property_editor{
  margin-top:0px;

  width:100%;
  height:auto;
  overflow:auto;
}

.opendot_properties_sub_table{
  width:100%;
  border:none;
  border-collapse:collapse;
  color:#000000;
}

.opendot_properties_sub_table td{
  border:solid black 1px;
  color:#000000;
  padding:2px;
}

.popup_text_editor{
}

.floating_window{
  position:absolute;
  border:solid black 1px;
  width:800px;
  height:600px;
  z-index:999;
  background-color:#FFFFFF;
  padding:0px;
  overflow:hidden;
  visibility:hidden;
  color:#000000;
}

.float_cover_div{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
}

.title_bar{
  position:relative;

  color: #c0c0c0;
  background-color: #404040;
  background-image: url(/opendots/themes/Donald/header.gif);
  height:32px;
  width:100%;

  padding:0px;
  margin:0px;
  border:none;

  vertical-align:top;
  text-align:left;

  overflow:hidden;
}

.title_bar_table{
  width:100%;
  height: 32px;
  border:none;
  vertical-align: middle;
  border-collapse:collapse;
  padding:0px;
}

.title_bar_table td{
  border:none;
  vertical-align: middle;
  padding:0px;
}

.title_bar_text{
  color: #c0c0c0;
  font-size:10pt;
  font-weight:bold;
  font-family:Tahoma;

  padding:0px;
  padding-left:4px;

  vertical-align: middle;
  cursor:default;

  width:auto;
  height: 32px;
  overflow:hidden;
}

.title_bar_icon{
  position:relative;
  display:block;
  float:left;
  width:32px;
  height:32px;
}

.title_bar_text a{
  color:#ffff00;
}

.title_bar_text a:hover{
  color:#00ffff;
}

.title_bar_button{
  width:16px;
  height:16px;
  margin:0px;
  margin-right:2px;
  padding:0px;
  border:none;

  cursor:pointer;
  display:block;
}

.floating_window_client{
  position:relative;

  width:auto;
  height:100px;

  border:none;
  margin:0px;
  padding:0px;
  vertical-align:top;
  overflow:auto;
  color:#000000;
}

/* Status Bar */
.status_bar{
  position:relative;

  background-color:#404040;

  width:100%;
  height:32px;
  border:none;
  border-top:solid black 1px;
  overflow:hidden;
}

.status_bar_table{
  width:100%;
  background-color:#404040;
  height:32px;
}

.float_spacer_table{
  border:none;
  margin:0px;
  padding:0px;
  height:100%;
  width:100%;
  border-collapse:collapse;
  overflow:auto;
}

.float_spacer_client_td{
  border:none;
  margin:0px;
  padding:0px;
  height:100%;
  width:100%;
  color:#000000;
}

.float_spacer_titlebar_td{
  height:32px;
  border:none;
  margin:0px;
  padding:0px;
  width:100%;
}

.opendots_text_editor{
  height:100%;
  width:100%;
  border:none;
}

.opendots_design_editor{
  height:100%;
  width:100%;
  border:none;
  border-bottom:solid black 1px;
  padding:0px;
  margin:0px;
}

.opendots_design_editor_iframe{
  height:100%;
  width:100%;
  border:none;
  border-bottom:solid black 1px;
  background:none;
  padding:0px;
  margin:0px;
}

.opendots_toolbar_table{
  height:100%;
  width:100%;
  border:none;
  border-collapse:collapse;
}

.opendots_toolbar_td{
  height:10px;/*opera*/
  width:100%;
  border:none;
  padding:0px;
  background-color:#404040;
}

.opendots_toolbar{
  height:auto;
  width:100%;
  border:none;
  border-bottom:solid black 1px;
  float:left;
  background-color:#404040;
}

.opendots_toolbar_group{
  height:32px;
  border-left: solid #909090 1px;
  padding-left:2px;
  padding-right:2px;
  position:relative;
  float:left;
}

.opendots_toolbar_button{
  width:32px;
  height:32px;
  cursor:pointer;
  position:relative;
  float:left;
}

/* Size Box */

.size_box{
  position:absolute;
  width:32px;
  height:32px;
  background-color:#FFFFFF;
  background-image:url(/opendots/themes/Donald/size_box.gif);
  cursor:nw-resize;
}

.global_message_main{
  left:0px;
  top:0px;
  position:fixed;
  z-index:999998;

  width:100%;
  height:100%;

  text-align:center;
  vertical-align:middle;

  background-color:#000000;
}

.global_message_box{
  color:#ffffff;
  left:0px;
  top:0px;
  position:fixed;
  z-index:999999;

  width:100%;
  height:100%;

  text-align:center;
  vertical-align:middle;

  background:none;

  border:none;
}

.global_message_table{
  color:#ffffff;
  width:100%;
  height:100%;
  border:none;
  padding:0px;
  border-collapse:collapse;
  background:none;
}

.global_message_td{
  border:none;
  text-align:center;
}

.global_message_div{
  width:480px;
  height:auto;
  border:solid #505050 5px;
  background-color:#3030A0;
  color:#FFFFFF;

  padding:10px;

  font-family: Tahoma, Verdana, Helvetica;
  font-size:24pt;
}

.global_message_heading{
  font-family: Tahoma, Verdana, Helvetica;
  font-size:24pt;
  margin-bottom:10px;
  color:#ffffff;
}

.global_message_path{
  width:auto;
  height:20px;
  margin-bottom:5px;
  padding:2px;
  border:solid black 1px;
  background-color:#F0F0F0;
  color:#000000;
  text-align:left;
}

.global_message_text{
  font-family: Tahoma, Verdana, Helvetica;
  font-size:10pt;
  margin-bottom:10px;
  color:#ffffff;
}

.global_message_file_prompt_file_list{
  border: solid black 1px;
  margin-bottom:10px;
  text-align:left;
  padding-left:10px;
  padding-right:10px;
  padding-top:2px;
  padding-bottom:2px;
  background-color:#F0F0F0;
  height:156px;
  overflow:auto;
}

.global_message_file_prompt_file_input{
  width:400px;
}

.global_message_page_prompt_page_list{
  border: solid black 1px;
  margin-bottom:10px;
  text-align:left;
  padding-left:10px;
  padding-right:10px;
  padding-top:2px;
  padding-bottom:2px;
  background-color:#F0F0F0;
  height:156px;
  overflow:auto;
}

.gm_list_item_list_view{
  width:100%;

  color:#000000;
  cursor:pointer;
}

.gm_list_item_icon_view{
  width:48px;
  height:56px;
  margin-left:6px;
  display:inline;
  float:left;
  font-size:7pt;
  text-align:center;
  overflow:hidden;

  color:#000000;
  cursor:pointer;
}

.gm_list_item_icon_view img{
  width:32px;
  height:32px;
}

.global_message_toolbar{
  height:16px;
  width:auto;
  background-color:#c0c0c0;
  text-align:left;
}

.global_message_toolbar_button{
  height:16px;
  width:16px;
  cursor:pointer;
  left:0px;
}

.global_message_toolbar_button:hover{
  background-color:#f0f0f0;
}

.opendots_list_item{
  background-color:#FFFFFF;
  width:100%;
  cursor:pointer;
  color:#000000;
}

.drag_bar{
  padding:0px;
  margin:0px;
  border:0px;
  border-collapse:collapse;

  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:32px;
  background:url(/opendots/themes/Donald/header.gif);

  overflow:hidden;

  color:white;
  font-family: Tahoma, Verdana, Helvetica;
  font-size:8pt;
  font-weight:bold;

  text-align:center;
  vertical-align:middle;
}

/* menus*/

.opendots_menu{
  visibility:hidden;
  border:solid black 1px;
  position:absolute;
  overflow:hidden;
  background-color:#FFFFFF;
  z-index:99999;
  padding:0px;
  text-align:left;
  color:#000000;
  width:auto;
}

.opendots_menu_item{
  font-family: Tahoma, Verdana, Helvetica;
  font-size:8pt;
  cursor:pointer;
  padding-top:2px;
  padding-bottom:2px;

  padding-left:10px;
  padding-right:10px;
  white-space: nowrap;
}

.opendots_menu_separator{
  width:auto;
  border:solid #C0C0C0 1px;
}

.opendots_menu_heading{
  background-image: url(/opendots/themes/Donald/header.gif);
  font-size:8pt;
  font-weight:bold;
  font-family:Tahoma;
  color: #c0c0c0;
  text-align:center;
  padding:2px;
}

/* Color Picker */

.global_color_picker{
  width:300px;
  height:430px;
  border: solid black 1px;
  position: absolute;
  background-color:#FFFFFF;
  z-index:99999;
  overflow:auto;
  padding:5px;
  text-align:left;
  color:#000000;
}

.global_color_picker *{
  color:#000000;
}

.global_color_picker_color{
  width:30px;
  height:20px;
  border: solid black 1px;
  display:inline-block;
  overflow:hidden;
  margin:2px;
  cursor:pointer;
}

.global_color_picker_color_dot{
  width:8px;
  height:6px;
  border: none;
  display:inline;
  overflow:hidden;
  margin:0px;
}

.global_color_picker_image{
  position:relative;

  left:10px;
  width:255px;
  height:255px;
  border: solid black 1px;
  margin-right:20px;
  margin-bottom:15px;
}

.global_color_picker_mode{
  display:inline;
  position:relative;

  margin:5px;
  cursor:pointer;
}

.global_color_picker_preview{
  width:30px;

  display:inline;
  position:relative;

  border: solid black 1px;
  overflow:hidden;

  margin:2px;
}

.global_color_picker_preview_hex{
  width:auto;
  height:14px;

  display:inline;
  position:relative;

  border: none;
  padding: 2px;
  margin:2px;
  margin-left:40px;

  overflow:hidden;

}

.fake_link{
  cursor:pointer;
  display:inline;
}

.fake_link_blue{
  cursor:pointer;
  display:inline;
  color:blue;
  text-decoration:underline;
}

.fake_link_blue:hover{
  color:red;
}

.shadow{
  position:relative;
  overflow:visible;
  margin-top:10px;
  margin-bottom:20px;
}

.color_picker{
  border:solid black 1px;
  cursor:pointer;
  display:block;
  width:32px;
  height:16px;
  color:#000000;
}

.opendots_slider_r{
  border:solid black 1px;
  width:256px;
  height:16px;
  background-image:url(images/r.png);
  margin-top:2px;
}

.opendots_slider_g{
  border:solid black 1px;
  width:256px;
  height:16px;
  background-image:url(images/g.png);
  margin-top:2px;
}

.opendots_slider_b{
  border:solid black 1px;
  width:256px;
  height:16px;
  background-image:url(images/b.png);
  margin-top:2px;
}

.opendots_slider_rgb{
  border:solid black 1px;
  width:256px;
  height:16px;
  background-image:url(images/bright.png);
  margin-top:2px;
}

.opendots_slider_gamma{
  border:solid black 1px;
  width:256px;
  height:16px;
  background-image:url(images/bright.png);
  margin-top:2px;
}

.opendots_slider_bar{
  border:solid #7f7f7f 1px;
  background-color: #FFFF00;
  width:4px;
  height:14px;
  position:absolute;
}

.template_sample{
  margin:10px;
  border: solid #000000 4px;
  cursor:pointer;
}

.template_sample:hover{
  margin:10px;
  border: solid #FFFFFF 4px;
  cursor:pointer;
}

.loading_distractor_table{
  width:100%;
  height:100%;
}

.loading_message{
  width:auto;
  height:auto;
  background-color:white;
  color:#000000;
  text-align:center;
}

.opendot_control_palette_button{
  vertical-align:top;
  display:inline-block;
  width:48px;
  height:48px;
  margin: 1px;
  cursor:pointer;
  border: solid #ffffff 1px;
  font-size:7pt;
  overflow:hidden;
  text-align:center;
  color:#808080;
}

.opendot_control_palette_button:hover{
  background-color:#f0f0f0;
  color:#000000;
}

.opendot_control_palette_button_label{
  width:48px;
}

.opendots_control_library_downloads{
  margin: 5px;
}

.opendots_control_library_items{
  width:auto;
  border-top:dashed #c0c0c0 2px;
  overflow:hidden;
}

.opendots_control_library_item{
  width:auto;
  border-bottom:dashed #c0c0c0 2px;
  overflow:hidden;
  padding:5px;
  background-image:url(images/background03.png);
  background-repeat:repeat-x;
  font-size:10pt;
  font-weight:bold;
  cursor:pointer;
}

.opendots_control_library_item:hover{
  background-color:#fafafa;
  background-image:none;
}

.opendots_control_library_name{
  color:#660000;
}

.opendots_control_library_description{
  color:#000000;
  font-weight:normal;
}

.opendots_list_input{
  width:100%;
}

.file_list_distractor{
  background-color:#ffffff;
  text-align:center;
  vertical-align:middle;
  width:100%;
  height:100%;
}