/* Reset Style.
* @author Eric Meyer
* @author Russ Tennant (russ@i2rd.com)
* @author Ben Barber (bbarber@i2rd.com)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body{line-height: 1;color: #000;background: #FFF;}
ol, ul{list-style: none;list-style-position: inside;}
table{border-collapse: separate; border-spacing: 0;}
caption, th, td{text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}

td{vertical-align: middle;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
b, strong{font-weight: bold;}
li {
  list-style-position: outside;
}
#e_content {
	width: 900.0px;
}

#footer {
	width: 900.0px;
}

#header {
	width: 900.0px;
	height: 98.0px;
}

#main_navigation {
	clear: both;
	width: 900.0px;
	height: 38.0px;
}

#e_column_0 {
	clear: both;
	width: 900.0px;
}

#footer_navigation {
	width: 900.0px;
	height: 24.0px;
}

#column1 {
	float: left;
	padding-top: 5.0px;
	width: 122.0px;
}

#e_column_content {
	float: right;
	width: 778.0px;
	min-height: 530.0px;
}
* html #e_column_content {
	height: 100%;
}

#column2 {
	float: left;
	padding: 10.0px 28.0px 10.0px 12.0px;
	width: 560.0px;
}

#column3 {
	float: left;
	padding: 10.0px 0.0px 10.0px 0.0px;
	width: 160.0px;
}
/* 
Basic Styles
File: styles.css
Author: Vivian Clark (vclark@i2rd.com)
Client: Wallbangers
*/

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: white;
  background: url(/resources/all/files/559/_fn/body_bg.gif) repeat top left;
}
.page {
  width: 900px;
  margin: 0 auto;
}
#e_content {
  border-left: 3px solid white;
  border-right: 3px solid white;
  border-bottom: 3px solid white;
}
/* header ----------------*/
#header {
  position: relative;
  background: url(/resources/all/files/766/_fn/header_bg.gif) repeat-x top left;
}
#logo {
  background: url(/resources/all/files/8786/_fn/logo_red.gif) no-repeat;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 10px;
}
#logo,
#logo h1,
#logo a {
  width: 233px;
  height: 89px;
}
#logo h1 a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  text-indent: -4000em;
}
/* top navigation ----------------------*/
#topmenu {
  position: absolute;
  right: 10px;
  bottom: 16px;
}
#topmenu li {
  float: left;
  text-transform: uppercase;
  padding: 0 10px;
  border-right: 1px solid black;
}
#topmenu li a {
  color: black;
}
#topmenu li.last {
  border: none;
}
/*logout component ------------------------*/
.logoutbean {
  position: absolute;
  top: 52px;
  right: 10px;
  text-transform: uppercase;
}
.logoutbean span.logout_url a,
.logoutbean span.username {
  color: black;
}
.logoutbean span.logout_url a {
  padding-left: 5px;
  margin-left: 5px;
  border-left: 1px solid black;
}
/*search component -----------------------*/
#header div.sitesearch {
  margin: 0;
  position: absolute;
  bottom: 16px;
  left: 10px;
}
.sitesearch input.site_search_query,
.sitesearch input.site_search_button {
  font-size: 10px;
  border: 1px solid #aaa;
  font-family: verdana, sans-serif;
}
.sitesearch input.site_search_query {
  height: 11px;
  background: white;
  line-height: 1;
  margin-right: 3px;
}
.sitesearch input.site_search_button {
  background: url(/resources/all/files/591/_fn/search_bg.gif) repeat-x top left;
  height: 15px;
  color: white;
  text-transform: uppercase;
}
/* main navigation ----------------------*/
#main_navigation {
  background: url(/resources/all/files/583/_fn/main_menu_bottom.gif) repeat-x bottom left;
}
#main_menu {
  background: url(/resources/all/files/581/_fn/main_menu_bg.gif) repeat-x top left;
  width: 900px;
  height: 30px;
}
#main_menu ul {
  position: relative;
  z-index: 1;
}
#main_menu ul ul {
  width: auto;
}
#main_menu li {
  text-transform: uppercase;
  height: 28px;
  margin: 3px 10px 0;
  padding:  0 0 0 5px;
  font-size: 12px;
}
#main_menu li a {
  display: block;
  float: left;
  height: 15px;
  color: white;
  padding: 6px 15px 6px 10px;
}
#main_menu li.over a,
#main_menu li a:hover,
#main_menu li.mi_active a {
  color: black;
  text-decoration: none;
  background: url(/resources/all/files/8798/_fn/nav_right.gif) no-repeat top right;
}
#main_menu li.over,
#main_menu li.mi_active {
  background: url(/resources/all/files/8796/_fn/nav_left.gif) no-repeat top left;
}
#main_menu li ul {
  z-index: 100;
  position: absolute;
  top: 38px;
  left: 8px;
  padding: 0;
  background: #EBF7F9 url(/resources/all/files/766/_fn/header_bg.gif) repeat-x bottom left;
}
#main_menu li ul li {
  z-index: 1000;
  float: none;
  height: 12px;
  padding: 5px 10px;
  left: 0;
  background: transparent;
  width: 155px;
  list-style-position: outside; /* fix position on IE*/
}
#main_menu li ul li a,
#ie6only #main_menu li.over ul li a {
  color: black;
  background-image: none;
  float: none;
  padding: 0;
}
#main_menu li.over ul li a:hover,
#main_menu li.over ul li.over a,
#ie6only #main_menu li.over ul li a:hover,
#ie6only #main_menu li.over ul li.over a {
  text-decoration: none;
  color: white;
  background-image: none;
}
#main_menu li ul li.over {
  color: white;
  background: url(/resources/all/files/575/_fn/footer_bg.gif) repeat-x top left;
}

/* columns ------------------------------*/

#e_column_0_wc_0,
#e_column_0_wc_1 {
  overflow: hidden;
  width: 900px;
}
#e_column_0_wc_0 {
  background: url(/resources/all/files/569/_fn/column1_bg.gif) repeat-y top left;
}
#e_column_0 {
  background: #738491 url(/resources/all/files/571/_fn/columns_bg.gif) repeat-x bottom left;
}
#e_column_0_wc_1 {
  background: url(/resources/all/files/802/_fn/column2_bg.png) repeat-y 706px top;
}
#home_template #e_column_0_wc_1 {
  background-position: 612px top;
}
#home_template #ie6only #e_column_0_wc_1 {
  background: url(/resources/all/files/800/_fn/column2_bg.gif) repeat-y 612px top;
}

#ie6only #column2 {
  padding-right: 20px;
}
#ie6only #e_column_0_wc_1 {
  background: url(/resources/all/files/800/_fn/column2_bg.gif) repeat-y 700px top;
}

/* column1 buttons ---------------------*/
.column1_button h3 a {
  background-image: url(/resources/all/files/565/_fn/buttons_column1.gif);
  background-repeat: no-repeat;
  display: block;
  text-indent: -4000em;
  width: 121px;
}
#newsletter.column1_button h3 a {
  background-image: url(/resources/all/files/8920/_fn/newsletter_button.gif);
}
.column1_button h3 {
  padding: 0;
}
.column1_button img {
  display: block;
  margin: 0 auto;
  padding-left: 2px;
}
.column1_button p {
  margin: 0;
}
#installation_tips h3 a {
  background-position: left -45px;
  height: 36px;
  margin-top: 5px;
}
#installation_tips h3 a:hover {
  background-position: left -11px;
}
#photo_tips h3 a {
  background-position: left -181px;
  height: 96px;
}
#photo_tips h3 a:hover {
  background-position: left -83px;
}
#newsletter h3 a {
  background-position: 7px -30px;
  height: 31px;
}
#newsletter h3 a:hover {
  background-position: 7px 0px;
}

/*
#famous h3 a {
  background-position: left -377px;
  height: 97px;
}
#famous h3 a:hover {
  background-position: left -278px;
}
#join_team h3 a {
  background-position: left -577px;
  height: 97px;
}
#join_team h3 a:hover {
  background-position: left -477px;
}
*/

/* column1 Team Navigation ------------*/
#find_team_menu button {
  display: none;
}
#find_team_menu {
  margin-bottom: 10px;
}
#find_team_menu select,
#find_team_menu option {
  background: #EBF7F9;
  font-size: 10px;
}
#find_team_menu select {
  width: 104px;
}
#ie7andup #find_team_menu select.iefocus {
  width: auto;
}
#ie6only #find_team_menu select.iefocus {
  width: 104px; /* width: auto won't work for ie6 */
}
.find_team_title p {
  margin: 10px 0 0;
}
div.find_team_title,
#find_team_menu {
  padding: 0 0 0 12px;
}

/* footer --------------------------------*/
#footer_navigation {
  background: url(/resources/all/files/575/_fn/footer_bg.gif) repeat-x top left;
}
#footer_menu {
  margin: 0 auto;
  width: 600px;
}
#footer_menu li {
  padding: 5px 0;
}
#footer_menu li a {
  color: #DCF1F7;
  padding: 0 15px;
  border-right: 1px solid #DCF1F7;
}
#footer_menu li.last a {
  border-right: none;
}

#footer_copyright p,
#footer_copyright a {
  color: #162934;
}
#footer_copyright {
  padding: 15px 0 0;
}
#footer_copyright p {
  margin: 0 0 8px;
  text-align: center;
}
/* general styles -----------------------*/
a {
  color: #DCF1F7;  
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
img {
  border: none;
}
img.left {
  float: left;
  margin-right: 10px;
}
p {
  margin-bottom: 12px;
  line-height: 14px;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
h1, h2, h3, h4, h5 {
  font-weight: bold;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h2 {
  font-size: 1.3em;
  text-transform: uppercase;
  padding-bottom: 10px;
}
h3 {
  font-size: 1.2em;
  padding-bottom: 5px;
}
h4 {
  font-size: 1.1em;
  padding-bottom: 8px;
}
h5 {
  font-size: 1em;
  padding-bottom: 5px;
}
.textbean ul li,
.article_content ul li,
.textbean ol li,
.article_content ol li {
  line-height: 14px;
  margin-left: 15px;
}
.textbean ul li,
.article_content ul li {
  list-style-type: disc;
}

.textbean ol li,
.article_content ol li {
  list-style-type: decimal; 
}
.textbean ul,
.article_content ul,
.textbean ol,
.article_content ol {
  margin-bottom: 12px;
}
/* table styles */
.textbean table {
  color: black;
  width: 541px;  
  background: url(/resources/all/files/1006/_fn/affiliates_bottom_08.png) no-repeat bottom left;
}
.textbean td {
  padding: 3px 12px;
  border-right: 1px solid black;
  background-image: none;
}
.textbean tr.last td {
  padding: 10px 12px 20px;
  border-top: 1px solid black;
}
.textbean th {
  background-image: none;
  padding: 20px 12px 9px;
  border-bottom: 1px solid black;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.textbean .table_top {
  background: url(/resources/all/files/3820/_fn/affiliate_middle_06.png) repeat-y top left;
}
.textbean .table_bottom {
  background: url(/resources/all/files/6009/_fn/table_top.png) no-repeat top left;
}
.textbean tfoot th {
  display: none;
}

/* flash - what is wallbanger page */
#flash_image {
  margin-bottom: 20px;
}
.articlecontainer .ac_heading {
  font-size:1.3em;
  padding-bottom:10px;
  text-transform:uppercase;
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
  font-weight:bold;
}
ol.ac_style_list .article_heading {
  font-weight: bold;
  padding-bottom: 5px;
}

/*faq page --------*/
.collapsible-control .article_heading {
  font-weight: bold;
  padding: 10px 15px;
  cursor: pointer;
  cursor: hand;
}
.collapsible .shown .article_heading {
  text-transform: uppercase;
  padding-top: 23px;
  background: url(/resources/all/files/1717/_fn/collapsible_top.png) no-repeat top left;
}

.collapsible-shown,
.shown .collapsible-control {
  color: black;
  background: url(/resources/all/files/3820/_fn/affiliate_middle_06.png) repeat-y top left;
}
.collapsible .hidden .article_heading {
  background: url(/resources/all/files/999/_fn/arrow_article_hidden.gif) no-repeat left center;
}
.collapsible .collapsible-shown div.article_content {
  background: url(/resources/all/files/1006/_fn/affiliates_bottom_08.png) no-repeat bottom left;
  padding: 0 30px 15px 20px;
  overflow: hidden;
 
}
.collapsible-shown a {
  color: black;
  font-weight: bold;
}


/* Content Color / Decoration
* @author Ben Barber (bbarber@i2rd.com)
* @author Muhlin Chen (muhlin@i2rd.com)
 */
/* For required fields ----------------------------------- */
.user_entry_required span.email_form_element_label, 
.user_entry_required .email_form_element span.label, 
.user_entry_required span.extra_value_name, 
.user_entry_required span.label, 
.user_entry_required span.phone_number_form_label, 
.user_entry_required span.gender_form_element_label, 
.user_entry_required span.name_form_element_label, 
.user_entry_required .name_form_element span.label, 
.user_entry_required span.contact_organization_form_element_label {
  background: transparent url(/resources/all/docroot/cms/icons/x16/icon_required.png) no-repeat left center;
  padding-left: 6px;
}
.user_entry_required span.address_line_last, 
.user_entry_required span.extension_label {
  background: 0;
  padding: 0 2px;
}

/* Content Layout ---------------------------------------- */
textarea {
  font-size: .9em;
  height: 8em;
  width: 98%;
}
.heading_con {
  font-size: 1.5em;
  margin: 10px 0 5px 0;
}
div.title_con {
  width: 100%;  
}
div.title_con,
div.subheading_con {
  clear: both;
  font-weight: bold; 
  font-size: 1.2em;
  padding: 10px 0 5px 0;
}
div.question_con {
  clear: both;
  margin-top: 0.5em;
}

/* For horizontally aligned groups ----------------------- */
/* Class names: hli_first, hli, hli_last ----------------- */
div.hli_first_con {
  clear: left;
}
div.hli_first_con, 
div.hli_con {
  float: left;
  margin-right: 1em;
}
div.hli_last_con {
  float: left;
  clear: right;
}

/* For nested elements ----------------------------------- */
/* Class name: level2 ------------------------------------ */
div.level2_con {
  padding-left: 2em;
}

/* Event Selector ---------------------------------------- */
table.registerable_selector td.registerable_name_con {
  padding: 0 1em;
}
table.registerable_selector td.registerable_group_con {
  padding: .35em 0 0 0;
  font-weight: bold;
  font-size: 1.1em;
}

/* Layout-specific data classes -------------------------- */
div.name_con, 
div.first_name_con, 
div.last_name_con, 
div.referred_by_con {
  width: 12em;
}
table.address_form_visitable {
  width: 100%;
  clear: both;
}

span.name_form_element_label_con, 
.name_form_element span.label_con, 
span.label_con, span.email_form_element_label_con, 
.email_form_element span.label_con, 
span.extra_value_name_con {
  display: block;
}
/* Bold the labels --------------------------------------- */
.extra_value_name_con, 
.name_form_element_label_con, 
.name_form_element span.label_con, 
.label_con, .email_form_element_label_con, 
.email_form_element span.label_con, 
.extra_value_name_con {
  font-weight: bold;
}

/* Addresses -------------------------------------------- */
.address_line_con, 
.city_container_con, 
.region_container_con, 
.postal_code_container_con, 
.country_container_con, 
.country_container_con {
  margin-top: 0.5em;
}

/* Align the City-State-Zip ------------------------------ */
.address_form div.city_container_con {
  clear: left;
  float: left;
}
.address_form div.region_container_con {
  float: left;
}
.address_form div.postal_code_container_con {
  float: left;
}
.address_form div.country_container_con {
  clear: left;
  float: left;
}

/* Phone Number ------------------------------------------ */
.phone_number_nanp, 
.format_nanp_button, 
.format_international_button, 
.extension_label_con {
  color: #333;
  font-weight: normal;
}
.nanp_example, 
.international_example {
  color: #555;
  font-style: italic;
  font-weight: normal;
}

/* Navigation Tabs --------------------------------------- */
div.wizard_category_navigator {
  float: left;
  clear: both;
  background-color: #C3CBDF;
  width: 100%;
  border-right: 1px #555 solid;
}
div.wizard_category_navigator_node_con {
  float: left;
  border-right: 1px #DDD solid;
  padding: 0 1em 0 0;
  margin: .5em;
}
span.wizard_category_navigator_node_step_con {
  color: #666;
  font-size: .9em;
  font-weight: bold;
}
div.wizard_category_navigator_node_name_con, 
span.wizard_category_navigator_node_name_con {
  font-size: 1em;
  font-weight: bold;
  color: #C00;
  display: block;
}

/* Wizard Step Container - Content of Step --------------- */
div.wizard_procedure_con {
  float: left;
  clear: both;
  width: 100%;
  background-color: #E2EDF3;
  border: 1px #555 solid;
  border-width: 0 1px 1px 0;
}
div.wizard_procedure_step_header_con {
  font-weight: bold;
  padding: 1em 0;
}
table.wizard_procedure {
  padding: 0 0 0 1em;
  margin: 0;
  width: 100%;
}
.wizard_procedure_step_name_con {
  clear: both;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  width: 100%;
}

/* Step Help --------------------------------------------- */
.wizard_help {
  display: none;
}

/* Navigation Bar ---------------------------------------- */
td.procedure_navigation_bottom_con {
  padding: 1em .25em;
  text-align: left;
}
.procedure_navigation_con button {
  background: #EEE;
  border: 1px #CCC solid;
  border-width: 1px 1px 2px 1px;
  color: #555;
  cursor: hand;
  cursor: pointer;
  font-size: .8em;
  font-weight: bold;
  margin: 0 .05em 0 0;
  padding: .25em .75em .2em .75em;
}
.procedure_navigation_con button:hover {
  border-color: #999;
  color: #333;
}
span.submit_registration_button_con {
  display: block;
  padding: 1em 0;
}

/* Messages ---------------------------------------------- */
div.messages_con {
  background: #FFC;
  border: 1px #C00 solid;
  margin: .5em 0;
  width: 100%;
  float: left;
}
div.messages {
  padding: .25em;
}
div.error_message_con {
  color: #C00;
  font-weight: bold;
  padding: 0 0 4px 20px;
  background: transparent url(/resources/all/docroot/cms/icons/x16/message_error.png) no-repeat 0% 0%;
}
div.wizard_component {
  float: left;
  clear: both;
}

/* Misc colors */
div.instruction_con, 
div.instruction {
  color: #092063;
}
.section_con {
  border-bottom: 1px solid #AAA;
}
.user_entry_required span.email_form_element_label,
.user_entry_required .email_form_element span.label,
.user_entry_required span.extra_value_name,
.user_entry_required span.label,
.user_entry_required span.phone_number_form_label,
.user_entry_required span.gender_form_element_label, 
.user_entry_required span.name_form_element_label,
.user_entry_required .name_form_element span.label,
.user_entry_required span.contact_organization_form_element_label {
  background: url(/resources/all/files/978/_fn/icon_required.gif) no-repeat left center;
}
.formentrybean .extra_value_name_con,
.formentrybean .name_form_element_label_con, 
.formentrybean .name_form_element span.label_con,
.formentrybean .label_con, 
.formentrybean .email_form_element_label_con, 
.formentrybean .email_form_element span.label_con,
.formentrybean .extra_value_name_con {
  font-weight: normal;
}

/* upload and mail form --------*/
.formentrybean input.extra_value_renderer,
.formentrybean textarea,
input.image_extra_upload_field {
  margin-bottom: 30px;
}
span.image_extra_onfile_message_con {
  display: block;
  margin-bottom: 15px;
}
.upload_widget button.miwt_submit {
  margin-bottom: 32px;
}
.formentrybean p {
  margin: 5px 0 15px;
  font-size: 11px;
}
.gallery_options,
.more_info_con a {
  font-size: 10px;
}
div.gallery_options_con {
  border-top: 1px solid white;
}
div.gallery_options {
  padding-top: 20px;
}
.formentrybean .gallery_options .extra_value_name_con {
  font-weight: bold;
}
.more_info_con {
  margin: 10px 0 0;
}
.player span.extra_value_name_con {
  width: 500px;
  float: right;
}
.player input {
  width: 50px;
}
/* rumin changed for preview image */
img.preview {
  float: left;
  margin-right: 10px;
  height: 100px;
  width: auto;
}

/*gift card -------------*/
a.giftcard_button,
button.add_account,
button.submit_button {
  display: block;
  background: url(/resources/all/files/883/_fn/button_cart_bg.gif) repeat-x left -1px;
  color: white;
  text-transform: uppercase;
  font-family: "Arial Narrow", "Trebuchet MS", arial, sans-serif;
  font-size: 10px;
  width: 100px;
  text-align: center;
  float: left;
  padding: 1px 0;
  border: 1px solid black;
}

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

/* gift card form -----*/

.shopperaccountpurchasebean label {
  display: block;
}
.shopperaccountpurchasebean input,
.contact_form input,
.contact_form textarea,
.contact_form select,
.shopperaccountpurchasebean textarea {
  margin-bottom: 10px;
}
textarea {
  font-size: 12px;
  font-family:tahoma,Arial,Helvetica,sans-serif;
}
.shopper_account p.name {
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; 
  font-size:1.3em;
  font-weight:bold;
  padding-bottom:10px;
  text-transform:uppercase;
}
.gift .instructions {
  font-weight: bold;
  margin: 13px 0;
  line-height: 14px;
}

/* contact form ----------*/
.contact_form {
  padding-left: 5px;
}
.contact_form span.extra_value_name,
.contact_form label,
.contact_form span.label {
  font-weight: normal;
}
.address_lines span.label,
input.address_line_last {
  display: none;
}
.contact_form input,
.contact_form select {
  width: 180px;
  margin-right: 5px;
}
.contact_form .postal_code_container input {
  width: 80px;
}
.contact_form .address_line_con input {
  width: 500px;
}
.contact_form textarea {
  width: 500px;
  height: 100px;
}
/* HORIZONTAL / HORIZ. PERSISTENT CSS --------------- */
ul.menubeanh,
ul.menubeanh_persistent {
  list-style: none;
  position: relative;
  overflow: visible;
}
ul.menubeanh,
ul.menubeanh ul,
ul.menubeanh_persistent,
ul.menubeanh_persistent ul {
  padding: 0;
  margin: 0;
  list-style: none;
  /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh li,
ul.menubeanh_persistent li {
  float: left;
  position: relative;
  list-style: none;
  /*
  	width: 8em;
	overflow: visible;
	*/
}
ul.menubeanh li ul,
ul.menubeanh_persistent li ul {
  display: none;
  position: absolute;
  top: 1.2em; /* IE */
  left: 0; /* IE */ /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh > li > ul,
ul.menubeanh_persistent > li > ul {
  top: auto; /* Non-IE */
  left: auto; /* Non-IE */
}
/* (sub-)submenus */
ul.menubeanh ul,
ul.menubeanh ul ul,
ul.menubeanh ul ul ul,
ul.menubeanh_persistent ul,
ul.menubeanh_persistent ul ul,
ul.menubeanh_persistent ul ul ul {
  position: absolute;
  top: 0;
  left: 95%;
}
/* Interactive lines: show/hide menus */
ul.menubeanh li.over ul ul,
ul.menubeanh li.over ul ul ul,
ul.menubeanh_persistent li.over ul ul,
ul.menubeanh_persistent li.over ul ul ul {
  display: none;
}
ul.menubeanh li.over ul,
ul.menubeanh ul li.over ul,
ul.menubeanh ul ul li.over ul,
ul.menubeanh_persistent li.over ul,
ul.menubeanh_persistent ul li.over ul,
ul.menubeanh_persistent ul ul li.over ul {
  display: block;
}

/* VERTICAL CSS --------------- */
ul.menubeanv,
ul.menubeanv_persistent,
ul.menubeanv ul,
ul.menubeanv_persistent, ul { 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li,
ul.menubeanv_persistent li {
  position: relative;
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li ul {
  display: none;
  position: absolute;
  top: 2px; /* IE */
  left: 6em; /* IE */ 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li:hover ul,
ul.menubeanv li.over ul {
  display: block;
}

ul.menubeanv_persistent li.mi_parent {
  cursor: pointer;
}
ul.menubeanv_persistent li ul {
  display: none;
}
ul.menubeanv_persistent li.over ul {
  display: block;
}

.menu_item
{
    color: black;
    border: 1px solid #DDDDDD;
    background-color: transparent;
    padding: 3px 6px 3px 6px;
    cursor: default;
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

.menu_item_active
{
    color: black;
    border: 1px solid #DDDDDD;
    background-color: #AAAAAA;
    border-color: #999999 #FFFFFF #FFFFFF #999999;
    padding: 3px 6px 3px 6px;
    cursor: default;
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

.menu_item_disabled
{
    color: gray;
    border: 1px solid #DDDDDD;
    background-color: transparent;
    padding: 3px 6px 3px 6px;
    cursor: default;
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

a.menu_item:hover
{
    text-decoration: none;
    background-color: blue;
    color: white;
}


.menu_bar_item
{
    color: black;
    border: 1px solid #DDDDDD;
    background-color: transparent;
    padding: 3px 6px 3px 6px;
    cursor: default;
    text-decoration: none;
    white-space: nowrap;
}

.menu_bar_item_active
{
    color: black;
    border: 1px solid #DDDDDD;
    background-color: #AAAAAA;
    border-color: #999999 #FFFFFF #FFFFFF #999999;
    padding: 3px 6px 3px 6px;
    cursor: default;
    text-decoration: none;
    white-space: nowrap;
}

.menu_bar_item_disabled
{
    color: gray;
    border: 1px solid #DDDDDD;
    background-color: transparent;
    padding: 3px 6px 3px 6px;
    cursor: default;
    text-decoration: none;
    white-space: nowrap;
}

a.menu_bar_item:hover
{
    text-decoration: none;
    background-color: transparent;
    border: 1px solid;
    border-color: #FFFFFF #999999 #999999 #FFFFFF;
}

.menu_bar_image
{
	vertical-align: text-bottom;
}

.menu_bar_image_item
{
    border: 0px;
    background-color: transparent;
    padding: 0px;
    cursor: default;
    white-space: nowrap;
}

.menu_bar_image_item_active
{
    border: 0px;
    background-color: transparent;
    padding: 0px;
    cursor: default;
    white-space: nowrap;
}

.menu_bar_image_item_disabled
{
    border: 0px;
    background-color: transparent;
    padding: 0px;
    cursor: default;
    white-space: nowrap;
}

a.menu_bar_image_item:hover
{
    background-color: transparent;
    border: 0px;
    padding: 0px;
}

.menu_item_submenu
{
    color: black;
    background-color: transparent;
    padding: 3px 6px 3px 6px;
    cursor: default;
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

.menu_item_submenu_active
{
    color: black;
    background-color: blue;
    color: white;
    padding: 3px 6px 3px 6px;
    cursor: default;
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

.menu_item_submenu_disabled
{
    color: gray;
    background-color: transparent;
    padding: 3px 6px 3px 6px;
    cursor: default;
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

a.menu_item_submenu:hover
{
    text-decoration: none;
    background-color: blue;
    color: white;
}

.menu_bar
{
    clear: both;
    border: 2px solid;
    border-color: #FFFFFF #999999 #999999 #FFFFFF;
    background-color: #DDDDDD;
    padding: 4px 2px 4px 2px;
    text-align: left;
}

.image_menu_bar
{
    clear: both;
    border: 0px;
    padding: 0px;
    background-color: transparent;
}

.popup_menu
{
    border: 2px solid;
    border-color: #FFFFFF #999999 #999999 #FFFFFF;
    background-color: #DDDDDD;
    padding: 4px 2px 4px 2px;
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
    text-align: left;
    white-space: nowrap;
    z-index: 10000;
}

.floating_menu_item
{
}

.floating_menu_item:hover
{
}
    div.window {
	    border-style: groove;
		border-color: ActiveBorder;
    }
	
    span.windowbutton {
	    border: 0px none;
		color: ButtonText;
		background-color: ButtonFace;
		cursor: default;
		padding: 0px;
		margin: 0px;
	}
	
    td.windowbutton {
		color: ButtonText;
		background-color: ButtonFace;
		cursor: default;
		padding: 0px;
		margin: 0px;
	}

	td.activewindowtitle {
	    background-color: ActiveCaption;
	}
		
	.activewindowtitle {
	    font-weight: bold;
	    display: compact;
		color: CaptionText;
		text-align: center;
		vertical-align: middle;
		cursor: default;
		padding: 0px;
		margin: 0px;
	    border: 0px none;
		overflow: hidden;
	}
	
	td.inactivewindowtitle {
	    background-color: InactiveCaption;
	}
		
	.inactivewindowtitle {
	    font-weight: bold;
	    display: compact;
		color: InactiveCaptionText;
		text-align: center;
		vertical-align: middle;
		cursor: default;
		padding: 0px;
		margin: 0px;
	    border: 0px none;
		overflow: hidden;
	}
	
	.windowcontent {
	    clear: both;
	    overflow: auto;
		color: WindowText;
		background-color: Window;
	}

	.windowresize_sw {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 5px;
		height: 5px;
		cursor: sw-resize;
	}

	.windowresize_se {
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 5px;
		height: 5px;
		cursor: se-resize;
	}

	.windowresize_nw {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 5px;
		height: 5px;
		cursor: nw-resize;
	}

	.windowresize_ne {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 5px;
		height: 5px;
		cursor: ne-resize;
	}
				.miwt_dnd_feedback
{
  background-color: white;
  padding: 2px;
  border: thin solid gray;
}
  
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

div.calendar, div.calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
TD.activewindowtitle {
    background-image: url("/resources/all/docroot/miwt/theme/crossover/titleAB.png");
    background-repeat: repeat-x;
}
TD.inactivewindowtitle {
    background-image: url("/resources/all/docroot/miwt/theme/crossover/titleIB.png");
    background-repeat: repeat-x;
}
DIV.activewindowtitle {
    height: 20.0px;
}
DIV.inactivewindowtitle {
    height: 20.0px;
}
.activewindowtitle {
    color: #000000;
}
.inactivewindowtitle {
    color: #808080;
}
.windowcontent {
    position: relative;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}