/* =============================================== */
/*            1. UNIVERSAL THINGS                  */
/* =============================================== */

.dialog
{
  color: #555;
  font: normal xx-small  Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin: 0 auto;
  behavior: url(/csshover.htc); /* so stupid IE gets hover, this doesnt validate!*/
}

.dialog h3, .dialog p
{
  margin: 5px 0;
  font-size: 1.2em;
}

.dialog a
{
  color: #00c;
}

.dialog a:hover
{
  color: #00f;
}

.dialog form
{
  

/* border: 1px solid #9ddaff; */
  width: 648px;
  background: #ebf8ff url(/images/dialog_left_pattern.gif) repeat-y left top;
}

.dialog h1
{
  border-bottom: 1px solid #9ddaff;
  font-size: 1.8em;
  font-weight: bold;
  padding: 5px 10px;
  background: #ebf8ff;
}

/* =============================================== */

/*                10. MENU                         */

/* =============================================== */

.dialog #side_menu
{
  width: 138px;
  float: left;
  font-size: 1.3em;
  padding: 10px 0 10px 10px;
}

.dialog #side_menu h2
{
  padding: 0 0 5px 0;
  font-weight: normal;
}

.dialog #side_menu ul li a
{
  display: block;
  padding: 2px 0 2px 5px;
  margin: 2px 0 0 0;
  border: 1px solid #ccc;
  border-right: none;
  color: #666;
  background: #f1f1f1;
}

.dialog #side_menu ul li a:hover
{
  background: #ccc;
  color: #000;
}

/* active/selected links */

.dialog #side_menu ul li#active a, 
#link_your_pages #side_menu .link_your_pages a,
#photo_gallery_tab #side_menu .photo_gallery_tab a,
#data_files_tab #side_menu .data_files_tab a,
#link_your_files #side_menu .link_your_files a,
#link_web_address #side_menu .link_web_address a,
#link_email_address #side_menu .link_email_address a,
#link_documents #side_menu .link_documents a,
#link_bylaws #side_menu .link_bylaws a,
#link_business #side_menu .link_business a,
#link_business_category #side_menu .link_business_category a,
#link_modules #side_menu .link_modules a,
#image_choose_tab #side_menu .image_choose_tab a,
#image_upload_tab #side_menu .image_upload_tab a,
#module_insert_all #side_menu .module_insert_all a,
#module_insert_single #side_menu .module_insert_single a,
#module_insert_directory #side_menu .module_insert_directory a,
#cell_properties #side_menu .cell_properties a,
#cell_background_color #side_menu .cell_background_color a,
#cell_border_color #side_menu .cell_border_color a,
#link_blogs #side_menu  .link_blogs a,
#link_events #side_menu  .link_events a,
#upload_bylaw_tab #side_menu .upload_bylaw_tab a,
#upload_document_tab #side_menu .upload_document_tab a,
#upload_system_tab #side_menu .upload_system_tab a,
#resource_your_pages ul#page_list li.selected a
{
  background: #fff;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.dialog #side_menu ul li.active a
{
  background: #fff;
  font-weight: bold;
  color: #000;
  text-decoration: none;
	
}

/* =============================================== */
/*                  77. Form                        */
/* =============================================== */


.dialog form fieldset{
  padding: 5px;
  font-size: 12px;
  margin: 5px 0;
  border-color: #888;
}

.dialog form legend{
  padding: 0 5px;
  color: #000;
  font-weight: bold;
}

.dialog form fieldset ol li{
  padding: 2px 0;
  clear:both;
}

.dialog form label{
  width: 120px;
  float: left;
}

.dialog input { float:left;}

.dialog form img {
  padding: 2px;
  float: left;
}

.dialog form li.check label{
  width: auto;
  clear: both;
  float: none;
}


/* =============================================== */
/*                  10. BOX                        */
/* =============================================== */

.dialog #box
{
  float: right;
  width: 479px;
  background: #fff;
  margin-right: 10px;
  padding: 5px;
  position: relative;
  height: 220px;
  overflow: auto;
  border: 1px solid #ccc;
  border-left: none;
  font-size: 1.3em;
}

.dialog .commonBox{
  float: right;
  width: 479px;
  background: #fff;
  margin-right: 10px;
  padding: 5px;
  position: relative;
  height: 220px;
  overflow: auto;
  border: 1px solid #ccc;
  border-left: none;
  font-size: 1.3em;
}

.dialog #page_list ul
{
  padding-left: 20px;
}

.dialog #page_list li a
{
  background: url(/images/file_system/page.gif) no-repeat left center;
  border-bottom: 1px solid #ccc;
}

.dialog #page_list li.file a
{
  background: url(/images/file_system/file.gif) no-repeat left center;
}

.dialog #page_list li.folder a
{
  background: url(/images/file_system/folder.png) no-repeat left center;
}

.dialog #page_list li a
{
  display: block;
  color: #666;
  padding: 5px 20px;
}

.dialog #page_list li a:hover
{
  background-color: #ccc;
  color: #000;
}

.dialog #page_list li.active a
{
  font-weight: bold;
  background-color: #ebf8ff;
  color: #000;
}

.dialog #box fieldset
{
  border: none;
}

.dialog #box legend
{
  font-weight: bold;
  padding: 10px 0;
}

.dialog #box label
{
  width: 120px;
  white-space: nowrap;
  display: block;
  float: left;
  text-align: right;
  /*font-weight: bold;*/
  padding-right: 1em;
  
}

.dialog #box fieldset p
{
  clear: both;
  margin: 3px 0;
}

/* =============================================== */
/*                   10. BTNS                      */
/* =============================================== */

.dialog #btn
{
  clear: both;
  

/* border-top: 1px solid #9ddaff; */
  text-align: right;
  padding: 5px 10px;
  font-size: 1.2em;
  background: #ebf8ff;

	position: absolute;
	bottom: 0px;
	right: 0px;
}

.dialog #btn input
{
  width: 60px;
}

/* =============================================== */
/*                10. CLEARFIX                     */
/* =============================================== */

* html .dialog #side_menu, * html .dialog #box
{
  display: inline
}

* html .dialog #box legend
{
  margin-left: -7px;
}

* html .dialog #side_menu ul li, * html .dialog #side_menu ul li a, * html .dialog #page_list li, * html .dialog #file_list li
{
  height: 1%;
}

/* @group image properties */

input#width, input#height
{
  float: left;
  margin-right: 1em;
}

.BtnReset
{
  float: left;
  background-position: center center;
  background-image: url(/images/fckeditor/reset.gif);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  border: 1px none;
  font-size: 1px;
}

.BtnLocked, .BtnUnlocked
{
  float: left;
  background-position: center center;
  background-image: url(/images/fckeditor/locked.gif);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  border: none 1px;
  font-size: 1px;
}

.BtnUnlocked
{
  background-image: url(/images/fckeditor/unlocked.gif);
}

.BtnOver
{
  border: outset 1px;
  cursor: pointer;
  cursor: hand;
}

/* @end */

/* @group color table */

#ColorTable
{
  cursor: pointer;
  cursor: hand;
}

.hicolor
{
  width: 64px;
  height: 40px;
  border-width: 1px;
  border-style: solid;
}

.hicolortext
{
  width: 65px;
  text-align: right;
  margin-bottom: 7px;
}

.selcolor
{
  width: 64px;
  height: 20px;
  border-width: 1px;
  border-style: solid;
  margin: 0;
}

.selcolortext
{
  width: 65px;
  height: 20px;
  margin-top: 0px;
  margin-bottom: 7px;
}

#btnClear
{
  width: 65px;
  height: 22px;
  margin-bottom: 6px;
}

.ColorCell
{
  height: 14px;
  width: 14px;
}

/* @end */