/* @group Generics and Defaults */

*{
  margin: 0;
  padding: 0;
}

html{
  height: 100%;
}

body{
  margin: 12px;
  font: 80% Arial;
  color: #666;
  height: 100%;
}

#wrapper{
  max-width: 1100px;
  min-width: 900px;
  margin: auto;
}

h1, h2{
  font-size: 125%;
}

h3{
  font-size: 110%;
}

h4, h5, h6{
  font-size: 100%;
}

ul, ol{
  list-style: none;
}

p{
  margin: 0 0 10px;
}

.r{
  text-align: right;
}

dl{
  margin-bottom: 30px;  
}

dl dt{
  float: left;
  width: 200px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  font-weight: bold;
}

dl dd{
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

th{
  text-align: left;
}

.edit{
  float: right;
  font-size: 100%;
  font-weight: normal;
}

/* @end */


/* @group Header */

#header{
  border-top: 1px solid #f4f4f4;
  background: url('../images/header_bg.gif') top repeat-x;
  /*overflow: hidden;*/
  margin: 0 0 10px 112px;
  position: relative;
  color: #fff;
  height: 94px;
  /*border-bottom: 11px solid #007044;*/
}

#header #logo{
  float: left;
  position: absolute; 
  left: -100px
}

#header #extranet_title{
  /*font-weight: bold;*/
  font-style: italic;
  font-size: 175%;
  display: block;
  /*float: left;*/
  margin: 17px 17px 0 17px;
  moz-text-shadow: 1px 1px 1px #000;
  text-shadow: 1px 1px 1px #000;
}

#header #welcome_message{
  display: block;
  margin: 3px 0 0 17px;
}

#header ul#globalnav{
  float: right;
  margin: 5px 5px 0 0;
}

#header ul#globalnav li{
  float: left;
  border-right: 1px solid #fff;
  padding: 0px 7px;
  margin: 3px 0;
}

#header ul#globalnav li.last{
  border-right-width: 0;
}

#header ul#globalnav li a{
  color: #fff;
}

#header #search{
  float: right;
  clear: right;
  margin: 10px;
}

#header #search input.query{
  border: 1px solid #a0bccb;
  vertical-align: middle;
  width: 200px;
}

#header #search a{
  color: #fff;
}

#header #search input.button_header_search{
  vertical-align: middle;
}

/* @end */

/* @group Breadcrumbs */

ol#breadcrumbs{
  background: url('../images/breadcrumb_bg.gif') repeat-x left #D3EAE3;
  /*border: 1px solid red;*/
  overflow: hidden;
  padding: 0;
  width: 100%;
}

ol#breadcrumbs li{
  background: url('../images/breadcrumb_arrow_bg.gif') no-repeat right;
  float: left;
  margin-right: 10px;
  padding: 10px 25px 10px 0px;
}

ol#breadcrumbs li.current{
  background: none;
  font-weight: bold;
}

ol#breadcrumbs li.home{
  padding-left: 15px;
  border-left: 2px solid #cbc6cf;
}

ol#breadcrumbs a{
  text-decoration: none;
  color: #666;
}

ol#breadcrumbs a:hover{
  text-decoration: underline;
}

/* @end */

/* @group Main */

#main{
  padding-top: 15px;
  background-color: #d3eae3;
  border-bottom: 2px solid #cbc6cf;
  overflow: hidden;
  margin-bottom: 5px;
  width: 100%;
}

#content{
  margin-left: 200px;
  /*overflow: hidden;*/
  /*padding-right: 15px;*/
  /*width: 100%;*/
}

.column{
  width: 49%;
  float: left;
  /*height: 300px;*/
  //min-height: 300px;
  min-height: 40px;
}

#column1{
  /*margin-right: 5px;*/  
}

#column2{
  /*margin-left: 5px;*/ 
}

.singlecolumn{
  margin-right: 15px;
}

.clear{
  clear: both;
}
/* @end */


/* @group Navigation */

ul#navigation{
  border-top: 2px solid #d3eae3;
  border-bottom: 2px solid #d3eae3;
  border-left: 2px solid #ddede7;
  background: url('../images/navigation_shadow_bg.gif') repeat-y top right #e9f4f0;
  width: 195px;
  padding: 0 4px 100px 0;
  float: left;
  margin: 0 0 15px 0;
}

ul#navigation li{
  padding:0;
  border-bottom: 2px solid #d3eae3;
}

ul#navigation li.current{
  
}

ul#navigation a{
  color: #00b06a;
  font-weight: bold;
  text-decoration: none;
  font-size: 108%;
  display: block;
  padding: 5px 10px;
  height: 1%;
}

ul#navigation li.current a, ul#navigation li a:hover{
  color: #007044;
  background-color: #bedfd4;
}

ul#navigation ul.level_2{

}

ul#navigation ul.level_2 li{
  border-bottom-width: 0;
}

ul#navigation ul.level_2 li a{
  font-size: 100%;
  font-weight: normal;
  padding: 0 4px 5px 15px;
}

ul#navigation ul.level_2 li.current a{
  font-weight: bold;
}

ul#navigation ul.level_2 li a:hover{
  text-decoration: underline; 
}

/* @end */


/* @group Boxes */

.box{
  background: url('../images/box_bg_03.gif') no-repeat bottom left;
  margin: 0 0 15px 15px;
  color: #333;
  /*width: 100%;*/
}

.box .boxheader{
  background: url('../images/box_bg_01.gif') no-repeat top left;
  border-bottom: 2px solid #dfede8;
  position: relative;
}

.box .boxheader h1, .box .boxheader h2{
  background: url('../images/box_bg_02.gif') no-repeat top right;
  padding: 12px 17px 7px;
}

.box .boxbody{
  background: url('../images/box_bg_04.gif') no-repeat bottom right;
  padding: 15px 15px 20px;
  /* min-height: 340px; */
  min-height: 40px;
}

.box .boxbody h2{
  font-size: 110%;
  margin-bottom: 10px;
}

.box a{
  color: #006666;
}

.box_style1{
  background: url('../images/box_style1_bg.gif') repeat-x #d2e8e1;
  /*height: 76px;*/
  border: 1px solid #d2e8e1;
  margin-bottom: 15px;
  overflow: hidden;
  width: 100%-2px;
  padding: 10px;
}

.box_style1 h2{
  margin-bottom: 5px;
}


.column .box .boxheader{
  cursor: move;
}

.subbox{
  margin-bottom: 20px;  
}

.sortHelper{
  border: 3px dashed #666;
  width: auto !important;
}

.box .boxheader h2{
  /*position: absolute;
  width: 100%;
  top: 0;
  left: 0;*/
}

.serializer{
  clear: both;
}
/* @end */


/* @group Main Table Style */

table.main_table{
  width: 100%;
  margin: 0 0 10px 0;
  border: 1px solid #D1F3E3;
  border-collapse: collapse;
}

table.main_table thead th{
  text-align: left;
  color: #fff;
  background-color: #414141;
  padding: 5px;
  border-right: 1px solid #fff;
}

table.main_table thead{
  /*display: none;*/
}

table.main_table td{
  padding: 8px;
  vertical-align: top;
  border: 1px solid #d1f3e3;
}

tr.alt{
  background-color: #F1F9F9;
}

.col_cb{
  width: 1%;
}

.col_name{
  width: 40%;
}.col_size, .col_mod{
  width: 10%;
}.col_desc{
  width: 35%;
}.col_type{
  width: 5%;
} 
  

//table.main_table a{
//  color: #fff;
//}

table.main_table thead th a{
  color: #d2e8e1;
}

.paging a{
  font-weight: bold;
  font-size: 110%;
}

.paging a.next{
  background: url('../images/icons/resultset_next.gif') no-repeat right;
  padding: 0 20px 0 10px;
  
}

.paging a.previous{
  background: url('../images/icons/resultset_previous.gif') no-repeat left;
  padding: 0 10px 0 20px;
}

/* @end */

/* @group Item-Date Table */

table.item_date_table{
  width: 100%;
  margin: 0 0 10px 0;
  border-collapse: collapse;
}

table.item_date_table thead th{
  text-align: left;
}

table.item_date_table thead{
  display: none;
}

table.item_date_table td{
  padding: 0 0 10px;
  vertical-align: top;
}

#all_latestnews dl{
  
}

#all_latestnews dl dt{
  float: none;
  width: auto;
  border-bottom-width: 0;
  margin-bottom: 5px;
}

#all_latestnews dl dt a{
  font-size: 110%;  
}

#all_latestnews dl dt span.date{
  float: right;
}

#all_latestnews dl dd{
  
}

#all_latestnews table.item_date_table thead{
  display: block;
}

#all_latestnews .actions_forlist{
  /*text-align: right;*/
  margin-bottom: 20px;
}

#all_latestnews .actions_forlist span{
  font-weight: bold;
}

table.bm_data{
  border-collapse: collapse;
  border: 1px solid #ccc;
  width: 100%;
}

table.bm_data td, table.bm_data th {
  border: 1px solid #ccc;
}

table.bm_data td{
  text-align: center;
  padding: 5px 2px;
}

table.bm_data th{
  text-align: center;
  padding: 2px;
}

table.bm_data tr.topheader th{
  padding: 5px;
}

table.bm_data tr.topheader th.blank{
  width: 34%;
}

table.bm_data tr.topheader th.q_1, table.bm_data tr.topheader th.q_2, table.bm_data tr.topheader th.q_3,  table.bm_data tr.topheader th.q_4 {
  width: 22%;
}

table.bm_data th.blank{
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

.q_1{
/*  background-color: #b4d2f0;*/
  background-color: #9933CC;
}

.q_2{
/*  background-color: #e1c3f0; */
  background-color: #639F45; 
}

.q_3{
/*  background-color: #d1e3c8; */
  background-color: #0066CC; 
}
.q_4{
/*  background-color: #F4F5B5; */
  background-color: #d9c193; 	
}


.data_view{
  margin: 10px 0 40px;
}

ul.checkboxes li.all{
  border-bottom: 1px dotted #ccc;
  padding-bottom: 5px;
}

a.add_section{
  background: url(../images/icons/textfield_add.gif) no-repeat left;
  padding-left: 20px;
  margin-left: 10px;
}

/* @end */


/* @group Advanced Search */

#advancedsearch #query{
  width: 200px;
}

#advancedsearch .date{
  width: 100px;
}

#advancedsearch li{
  margin: 20px 0;
}

#advancedsearch li label{
  display: block;
  font-weight: bold;
  margin-bottom: 3px;
}

#advancedsearch ul.checkboxes li{
  float: left;
  width: 32%; 
  margin: 5px;
}

#advancedsearch fieldset#categories{
  border-width: 0;
}

#advancedsearch fieldset#categories legend{
  font-weight: bold;
  margin: 0;
}

#advancedsearch fieldset#categories ul.checkboxes{
  margin-top: 3px;  
}

#advancedsearch ul.checkboxes li label{
  display: inline;
  font-weight: normal;
}

#advancedsearch .formsubmit{
  text-align: left;
}

ul.results{
  margin-bottom: 30px;  
}

#search_results ul.results h2{
  font-size: 100%;
  margin: 0;
}

ul.results ol{
  margin: 0 0 15px;
}

ul.results ol li{
  margin: 3px 0;
}

/* @end */

/* @group Forms */

input, textarea{
  /*border: 1px solid #a0bccb;*/
  color: #666;
  padding: 1px;
}

select{
  margin: 1px;
  /*padding: 1px 10px 1px 1px;*/  
}

option{
  margin: 1px;
  padding: 1px 10px 1px 1px;  
}

textarea{
  width: 600px;
  font-family: Arial;
  font-size: 100%;
  padding: 5px;
  height: 60px;
}

.textarea_comment{
  width: 230px;
  font-family: Arial;
  font-size: 100%;
  padding: 5px;
  height: 60px;
}


input.number{
  width: 50px;  
}

form ul li{
  margin-bottom: 20px;
}

form ul.checkboxes li, form ul.radiobuttons li{
  float: left;
  width: 31%; 
  margin: 5px;
}

form ul.checkboxes li.primary, #broadcasts_createnew form ul.checkboxes li{
  float: none;
  width: auto;  
  margin: 5px;
}

#broadcasts_createnew form ul.checkboxes{
  height: 140px;
  width: 300px;
  overflow: auto; 
  border: 1px solid #ccc;
  margin-top: 5px;
}

form ul.radiobuttons{
  overflow: hidden;
  width: 99%;
}

form ul.checkboxes label, form ul.radiobuttons label{
  font-weight: normal;
  display: inline;
}

fieldset{
  border-width: 0;
  /*position: relative;*/
}

legend{
  font-weight: bold;
  color: #666;
  padding: 0;
  margin: 0;
  /*position: absolute;
  top: 0;
  left: 0;*/
}

label{
  display: block;
  font-weight: bold;
  margin-bottom: 3px;
}

.formsubmit{
  /*text-align: right;*/
}

.library_search{
  float: right;
}

.library_search label, #adminlogin label{
  display: block; 
  padding: 3px 0;
}

.library_search label{
  background: url('../images/icons/magnifier.gif') no-repeat left;
  padding: 0 0 0 20px;
}

.library_search input#query{
  width: 200px;
}

.fileupload label{
  display: block;
  margin-bottom: 3px; 
}

.fileupload li{
  padding: 5px 0;
}

#adminlogin fieldset{
  border-width: 0;
  margin-bottom: 30px;
}

#adminlogin ul{
  margin-top: 10px; 
}

#adminlogin li.checkboxes{
  margin: 10px 0;
}

#adminlogin li.checkboxes label{
  display: inline;
  font-weight: normal;
}

#adminlogin .formsubmit{
  text-align: left;
}

#admin_newuser fieldset#membership_groups, #admin_register fieldset#membership_groups{
  border-width: 0;
}

#admin_newuser fieldset#membership_groups legend, #admin_register fieldset#membership_groups legend{
  font-weight: bold;
  margin: 0;
  color: #000;
}

#admin_newuser fieldset#membership_groups ul.checkboxes, #admin_register fieldset#membership_groups ul.checkboxes{
  margin-top: 3px;  
}

fieldset#lpc_groups{
  margin-top: 10px; 
}

#admin_newuser ul.checkboxes li label{
  display: inline;
  font-weight: normal;
}

#admin_users{
  
}

a#show_group_mngmt{
  margin: 0 10px 0 20px;
  font-weight: bold;
  background: url('../images/icons/group_link.gif') no-repeat left;
  padding: 5px 0 5px 20px;
}

#close_group_mngmt{
  
}

div#group_mngmt{
  display: inline;
  margin-left: 30px;
}

div#group_mngmt select{
  font-size: 80%;
}

.users_groups{
  display: none;
  position: absolute;
  width: 150px;
  background-color: #fff;
  border: 3px solid #ccc;
  margin: 2px 0 0 0;
  padding: 3px;
}

.users_groups li{
  margin: 0;  
}

#admin_newuser_confirmed .actions_related{
  margin-top: 20px;
}

.actions_forlist{
  margin-bottom: 10px;
}

.actions_related{
  margin-bottom: 20px;
}

.actions_related a{
  font-weight: bold;
  padding: 5px 5px 5px 22px;
}

a.createnewuser{
  background: url('../images/icons/user_add.gif') no-repeat left;
}

a.createnewbroadcast{
  background: url('../images/icons/page_add.gif') no-repeat left;
}

a.search_again{
  background: url('../images/icons/magnifier.gif') no-repeat left;
}

a.allnews{
  background: url('../images/icons/newspaper_go.gif') no-repeat left;
}

a.new_post{
  background: url('../images/icons/comment_add.gif') no-repeat left;
}

a.return_to_boards{
  background: url('../images/icons/comments.gif') no-repeat left;
}

.listusers{
  font-weight: bold;
  background: url('../images/icons/group.gif') no-repeat left;
  padding: 5px 5px 5px 22px;
}

#news_article .actions_related{
  text-align: right;
}

#admin_edit_questions .formsubmit{
  text-align: left;
}

#admin_edit_questions form{
  margin-bottom: 30px;  
}

#admin_edit_questions h2, #add-amend_bm_data h2{
  font-size: 110%;
  margin-bottom: 10px;
}

#provide_edit_bm_data form ul li{
  margin-bottom: 30px;  
}

fieldset.date ul {
  overflow: hidden;
  width: 100%;
}

fieldset.date li{
  float: left;
  margin-bottom: 0px;
}

fieldset.date input{
  /*display: none;*/
  /* temporary - use js to hide*/ 
}

#add-amend_bm_data fieldset.date{
  margin-bottom: 20px;  
}

table#broadcast_outline{
  width: 100%;  
  margin-top: 10px;
}

table#broadcast_outline input{
  width: 90%; 
}

table#broadcast_outline thead th{
  
}

.actions_forlist input{
  /*border: 1px solid #007044;
  background: url('../images/action_button_bg.gif') repeat-x;
  color: #fff;*/
}
/* @end */




div#uploaded_file_list ul{
  margin-bottom: 20px;  
}

div#uploaded_file_list li{
  padding: 5px 5px 5px 22px;
}

div#uploaded_file_list h2{
  font-size: 110%;  
  margin-bottom: 10px;
}

ul.options a{
  font-weight: bold;  
}

div#uploaded_file_list .viewlib{
  padding: 5px 5px 5px 22px;
  display: block;
  background: url('../images/icons/application_view_list.gif') no-repeat left;
}

div#uploaded_file_list .upload{
  float: none;
}

.doc{
  background: url('../images/icons/page_white_text.gif') no-repeat left;
}

.img{
  background: url('../images/icons/image.gif') no-repeat left;
}

.upload{
  background: url('../images/icons/arrow_up.gif') no-repeat left;
  padding: 5px 5px 5px 22px;
  display: block;
  float: left;
}




/* @group datepicker */

#datepicker_div, .datepicker_inline {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 0;
  margin: 0;
  background: #ddd;
  width: 185px;
}
#datepicker_div {
  display: none;
  border: 1px solid #007044;
  z-index: 9999; /*must have*/
}
.datepicker_inline {
  float: left;
  display: block;
  border: 0;
}
.datepicker_rtl {
  direction: rtl;
}
.datepicker_dialog {
  padding: 5px !important;
  border: 4px ridge #ddd !important;
}
button.datepicker_trigger {
  width: 25px;
}
img.datepicker_trigger {
  margin: 2px;
  vertical-align: middle;
}
.datepicker_prompt {
  float: left;
  padding: 2px;
  background: #ddd;
  color: #000;
}
* html .datepicker_prompt {
  width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
  clear: both;
  float: left;
  width: 100%;
  color: #fff;
}
.datepicker_control {
  background: #00b06a;
  padding: 2px 0px;
}
.datepicker_links {
  background: #007044;
  padding: 2px 0px;
}
.datepicker_control, .datepicker_links {
  font-weight: bold;
  font-size: 80%;
  letter-spacing: 1px;
}
.datepicker_links label { /* disabled links */
  padding: 2px 5px;
  color: #888;
}
.datepicker_clear, .datepicker_prev {
  float: left;
  width: 34%;
}
.datepicker_rtl .datepicker_clear, .datepicker_rtl .datepicker_prev {
  float: right;
  text-align: right;
}
.datepicker_current {
  float: left;
  width: 30%;
  text-align: center;
}
.datepicker_close, .datepicker_next {
  float: right;
  width: 34%;
  text-align: right;
}
.datepicker_rtl .datepicker_close, .datepicker_rtl .datepicker_next {
  float: left;
  text-align: left;
}
.datepicker_header {
  padding: 1px 0 3px;
  background: #333;
  text-align: center;
  font-weight: bold;
  height: 1.3em;
}
.datepicker_header select {
  background: #333;
  color: #fff;
  border: 0px;
  font-weight: bold;
}
.datepicker {
  background: #ccc;
  text-align: center;
  font-size: 100%;
}
.datepicker a {
  display: block;
  width: 100%;
}
.datepicker_titleRow {
  background: #777;
}
.datepicker_daysRow {
  background: #eee;
  color: #666;
}
.datepicker_weekCol {
  background: #777;
  color: #fff;
}
.datepicker_daysCell {
  color: #000;
  border: 1px solid #ddd;
}
.datepicker_daysCell a{
  display: block;
}
.datepicker_weekEndCell {
  background: #ddd;
}
.datepicker_titleRow .datepicker_weekEndCell {
  background: #777;
}
.datepicker_daysCellOver {
  background: #fff;
  border: 1px solid #777;
}
.datepicker_unselectable {
  color: #888;
}
.datepicker_today {
  background: #fcc !important;
}
.datepicker_currentDay {
  background: #999 !important;
}
.datepicker_status {
  background: #ddd;
  width: 100%;
  font-size: 80%;
  text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a {
  cursor: pointer;
  margin: 0;
  padding: 0;
  background: none;
  color: #006f43;
}
.datepicker_inline .datepicker_links a {
  padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a {
  padding: 2px 5px !important;
  color: #eee !important;
}
.datepicker_titleRow a {
  color: #eee !important;
}
.datepicker_control a:hover {
  background: #fdd !important;
  color: #333 !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
  background: #ddd !important;
  color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker {
  border: 1px solid #777;
}
.datepicker_oneMonth {
  float: left;
  width: 185px;
}
.datepicker_newRow {
  clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.datepicker_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}




/* @end */


/* @group Forum */

ul.forums{
  //margin: 0 0 40px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px dotted #007044;
  padding-bottom: 20px;
}

ul.forums li{
  display: inline;
  margin-right: 20px;
}

ul.forums li a{
  //font-weight: bold;
}

#forum_home ul.checkboxes{
  overflow: hidden;
  width: 100%;
}

#forum_home ul.checkboxes li{
  width: 20%;
}

#forum_home .latest_posts{
  margin-top: 20px;
  padding-top: 30px;
  border-top: 1px dotted #007044;

}

.new{
  vertical-align: middle;
}

#forum_thread ol.thread li{
  border: 1px solid #ccc;
  overflow: hidden;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 10px 0 10px 0;
  
}

#forum_thread ol.thread li.alt{
  background-color: #e9f4f0;
}

#forum_thread ol.thread .poster{
  float: left;
  width: 150px;
}

#forum_thread ol.thread .poster .name{
  font-weight: bold;
  background: url('../images/icons/user_comment.gif') no-repeat left;
  padding: 5px 0 5px 20px;
}

#forum_thread ol.thread .detail{
  margin: 0 10px 0 160px;
  border-left: 1px dotted #ccc;
  padding-left: 10px;
}

#forum_thread ol.thread .detail .datetime{
  font-weight: bold;
  margin-bottom: 5px;
}

#forum_thread ol.thread span.name, #forum_thread ol.thread span.position{
  display: block;
  margin-left: 10px;
}

#forum_thread ol.thread textarea{
  margin-bottom: 5px;
}

#forum_thread ol.thread li.post_reply{
  margin-top: 20px;
}

#forum_thread ol.thread li.post_reply .poster .name{
  background: none;
  padding: 5px 0 5px 0;
}

h2.reply{
  background: url('../images/icons/comment_edit.gif') no-repeat left;
  padding: 0 0 0 20px;
}

/* @end */


/* @group Commenting system */

.comm_article .boxbody{
  padding-bottom: 185px;  
}

.comm_article ul, .comm_article ol{
  list-style-type: disc;
  margin: 10px 100px 10px 30px;
}

.comm_article ul li, .comm_article ol li{
  padding-bottom: 5px;
}

.comm_article p, .comm_article ul, .comm_article ol, .comm_article table {
  margin-right: 100px;
  border-right: 1px dotted #ccc;
  padding-right: 10px;
}

.comm_article .hover{
  background-color: #eee; 
}

.comment_block{
  float: right;
  position: relative;
  width: 90px;
  text-align: center;
}

.comments_popup{
  display: none;
  position: absolute;
  top: 0;
  right: 100px;
  width: 300px;
  border: 8px solid #666;
  border-top-width: 4px;
  background-color: #fff;
}

.comments_container{
  height: 220px;
  background-color: #fff;
  text-align: left;
  overflow: auto;
  padding: 10px;
  clear: right;
}

.comments_container ol{
  margin: 0 0 10px 0;
  list-style: none;
  border-right: none;
}

.comments_container ol li{
  border-bottom: 1px dotted #ccc;
  padding: 5px 5px 5px 0px;
}

.comment_form {
  
}

a.comment_count{
  display: block;
  background: url('../images/icons/comment.gif') no-repeat top;
  padding-top: 14px;
}

a.comment_count:hover{
  background: url('../images/icons/comment_add.gif') no-repeat top;
}

div.comments_popup_header{
  background-color: #666;
  text-align: right;
  padding: 0 0 4px;
  width: 100%;
}

a.close{
  color: #fff;
  text-decoration: none;
  padding-right: 13px;
  background: url('../images/icons/close.gif') no-repeat right;
}

a.close:hover{
  text-decoration: underline;
}

strong.error{
  color: red;
}

/* @end */


/* @group My Group */
.errors_top{
  background-color: #fbe9e9;
  border: 3px solid red;
  padding: 5px;
  margin-bottom: 20px;
}

.errors_top p{
  background: url('../images/icons/error.gif') no-repeat left;
  padding: 7px 4px 4px 20px;
  color: red;
  font-weight: bold;
}

.errors_top a{
  color: #000;  
}

.errors_top a:hover{
  text-decoration: none;
}

.errors_top ol{
  list-style: disc;
  margin: 10px 10px 10px 30px;
}

p.success{
  background: url('../images/icons/accept.gif') no-repeat left; 
  padding: 7px 4px 4px 20px;
  
}

/* @end */





/* @group kjk errors */
span.error {
  color: red;
  font-weight: normal;
  margin-left: 10px;
}

.errors2_top {
  margin: 0 15px 10px 215px;
  background: url('../images/box_bg_red_03.gif') no-repeat bottom left;
}

.errors2_top .top_left {
  background: url('../images/box_bg_red_01.gif') no-repeat top left;
}

.errors2_top .top_right {
  background: url('../images/box_bg_red_02.gif') no-repeat top right;
}

.errors2_top .bottom {
  background: url('../images/box_bg_red_04.gif') no-repeat bottom right;
  padding: 0 0 15px 15px;
}

.errors2_top p {
  background: url('../images/icons/error.gif') no-repeat left;
  padding: 0 0 0 20px;
  color: red;
  font-weight: bold;
}

.errors2_top ol {
  list-style: disc;
  /* margin: - - bottom left */
  margin: 0 0 0 30px;
}

/* @end */


/* @group kjk msg (ok) */
.msg_ok {
  margin: 0 15px 10px 215px;
  background: url('../images/box_bg_green_03.gif') no-repeat bottom left;
}

.msg_ok .top_left {
  background: url('../images/box_bg_green_01.gif') no-repeat top left;
}

.msg_ok .top_right {
  background: url('../images/box_bg_green_02.gif') no-repeat top right;
}

.msg_ok .bottom {
  background: url('../images/box_bg_green_04.gif') no-repeat bottom right;
  /* top right bottom left */
  padding: 0 15px 5px 15px;
}

.msg_ok p {
  color: white;
  font-weight: bold;
}

/* @group kjk msg (err) */
.msg_err {
  margin: 0 15px 10px 215px;
  background: url('../images/box_bg_red_03.gif') no-repeat bottom left;
}

.msg_err .top_left {
  background: url('../images/box_bg_red_01.gif') no-repeat top left;
}

.msg_err .top_right {
  background: url('../images/box_bg_red_02.gif') no-repeat top right;
}

.msg_err .bottom {
  background: url('../images/box_bg_red_04.gif') no-repeat bottom right;
  /* top right bottom left */
  padding: 0 15px 5px 15px;
}

.msg_err p {
  color: red;
  font-weight: bold;
}
 
/* @end */