/* Declare the calender css file you want this application to use.  */
@import url('/fw_public/3rdparty/jscalendar/calendar-blue.css');

/* ########## MAIN PAGE AREAS ########## */

/* remove padding from all items by default */
div {padding: 0px; margin: 0px}
input {padding: 0px; margin: 0px}
form {padding: 0px; margin: 0px}
ul {padding: 0px; margin: 0px}
img {border: none}

/* font size set to 62.5% to that ems can be used easily in relation to pixels (1.0em = 10px) */
body {
	font-family: arial;
	color: #2f2f37;
	font-size: 62.5%;
	background-color: #FFFFFF;
	background-image: url('/images/app/body_bg.gif');
	background-repeat: repeat-x;
	text-align: center;
}

/* Wrapper contains the 3 main page elements, head, menu and content */
#wrapper {
	width: 100%;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 85em;
  border: 1px solid #6A6B6B; 
  background-color: #F3F3F3;
}

#head_wrapper {
	width: 85em;
	height: 10.4em;
	float: left;
	clear: left;
	display: block;
	margin: 0em;	
	padding: 0em;
	z-index: 1;
	background-image: url('/images/app/menu_bg.gif'); 
	background-repeat: repeat-x;  
}		

#menu_wrapper {
	width: 12.8em;
  height: 100%;
	float: left;
	clear: left;
	display: block;
	margin: 0em;	
	padding: 1em 1em 1em 1em;
	background-color: #ffffff; 
  background-image: url('/images/app/menu_shadow.gif');
  background-repeat: repeat-y;
  background-position: top right;
  margin-bottom: 3em;
}

#content_wrapper {
	width: 70.2em;
	height: 100%;
	float: left;
	display: block;	
	margin: 0em;
  background-color: #F3F3F3;
	left: 0em;
	min-height: 50em;
  z-index: 1;
}	

/* the main font used across the site */
.fw_text, h5.cell_style, .header_text, .error_text, .fw_error_text, .column_text, .column_text_main_image, .column_text_small, h5.suppliers_cell_header_style, h5.suppliers_cell_style, h5.packages_cell_header_style, h5.packages_cell_style, h5.industries_cell_header_style, h5.industries_cell_style, h5.tags_cell_header_style, h5.tags_cell_style, h5.categories_cell_header_style, h5.categories_cell_style, h5.banners_cell_header_style, h5.banners_cell_style, h5.profiles_cell_header_style, h5.profiles_cell_style, h5.products_cell_header_style, h5.products_cell_style, h5.messages_cell_header_style, h5.messages_cell_style, .site_textarea, .site_textarea2, .box_tab_text  {
	font-family: arial;
	color: #2f2f37;
	font-size: 1.1em;
	font-weight: normal;
	padding: 0em;
	margin: 0em;
}

.error_text {
	font-size: 1.0em;
	color: #030696;
}

.header_text {
 	color: #ffffff;
}

input, select {
	font-family: arial;
	color: #2f2f37;
  font-size: 1.1em;
}

ul.fw_error {  /* styling applied to the <UL> that contains the errors */
  margin-left: 4em;
  margin-top: 2em;
}

li.fw_error {
	font-family: arial;
	color: #ea373c;
	font-size: 1.1em;
	font-weight: normal;
	padding: 0em;
	margin: 0em;	
}

.fw_error_text {
	font-size: 1.1em;
	color: #ea373c;
}

#fw_logo {
	font-family: arial;
	color: #606060;
	font-size: 1.8em;
	font-weight: bold;
}

.fw_checkbox {
	padding: 0em;
	margin: 0.3em;
}

.page_wrapper {
	background-color: #F3F3F3;
}

#menu_bottom_drop_shadow {
  width: 13.8em; 
  height: 1em; 
  position: relative; 
  left: -1em; 
  top: 2em; 
  background-image: url('/images/app/menu_shadow_bot.gif'); 
  background-repeat: repeat-x;	
}

#menu_bottom_drop_shadow_image {
  position: absolute; 
  right: 0em; 
  bottom: -1em;
}

/* ########## MENU ITEMS ########## */


/* Each section head is wrapped inside a DIV tag */
div.section_head {
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 0.8em;
	text-decoration: none;
}

/* Main menu items are wrapped inside UL, LI and A tags */
ul.section_list {
	font-size: 1.2em;
	list-style: none;
	list-style-type: none;
  list-style-image: url('/images/app/li_style.gif');
	margin: 0em; 
	padding: 0em;
}

/* Main sections*/
li.section_item {
	font-size: 1.1em;
	margin-left: 1em;
}

a.section_item_link:link {text-decoration: none; color: #2f2f37;}
a.section_item_link:active {text-decoration: none; color: #2f2f37;}
a.section_item_link:visited {text-decoration: none; color: #2f2f37;}
a.section_item_link:hover {text-decoration: none; color: #171a9e}

/* Sub sections*/
li.sub_section_item {
	padding-top: 1.0em;
	font-size: 1.2em;
	font-weight: bold;
}

/* the style of the menu item when that page is being viewed */

li.section_item_active {
	padding-right: 0.6em;
	padding-left: 0.6em;
	padding-top: 0.7em;
	text-align: left;
	display: inline;
	background-image: url('/images/app/bg_button_front.gif');
	background-repeat: repeat-x;
	font-size: 0.9em;
}

a.section_item_link_active {
	font-family: arial; 
	color: #E96C18; 
	font-weight: bold;
	text-decoration: none;	
	position: relative;
	top: -0.3em;	
}


/* Sub sections*/
li.sub_section_item {
	padding-top: 1.0em;
	font-size: 1.2em;
	font-weight: bold;
	display: none;
}


/* menu items displayed on a single administration page */

ul.admin_section_list {
	list-style: none;
	list-style-type: none;
	margin: 0em; 
	padding: 0em;
	display: inline;
}

/* Main sections*/
li.admin_section_item {
	padding-right: 0.5em;
	padding-left: 0.3em;
	padding-top: 0.5em;
	text-align: left;
	display: block;
}

/* Link styling within the administration area  */
a.admin_section_item_link:link {color: #2f2f37; font-size: 1.1em; text-decoration: none}
a.admin_section_item_link:active {color: #2f2f37; font-size: 1.1em; text-decoration: none}
a.admin_section_item_link:visited {color: #2f2f37; font-size: 1.1em; text-decoration: none}
a.admin_section_item_link:hover {color: #171a9e; font-size: 1.1em; text-decoration: none}

/* Sub sections*/
li.admin_sub_section_item {
	padding-top: 1.0em;
	color: #2f2f37;	
	font-size: 1.2em;
	font-weight: bold;
	display: block;
}


/* ########## LOGIN PAGE ########## */

#login_page {
	position: relative;
	float: left;
	left: 35%;
	top: 10em;
	width: 34em;
	border: 1px solid #969EB9;
	background-color: #ffffff; 
	padding-top: 1em;
}

.login_item {
	width: 25em;
	position: relative;
	padding-top: 1.0em;
	text-align: right;
	font-family: arial;
	color: #2f2f37;
	font-size: 1.1em;
  z-index: 1;
}

.login_item_message {
	width: 25em;
	position: relative;
	padding-top: 1.0em;
	text-align: right;
	font-family: arial;
	color: #cc3300;
	font-size: 1.1em;
  z-index: 1;
}

#under_login {
	position: relative;
	float: left;
	left: 35%;
	top: 5em;
	width: 35em;
	height: 13em;
	padding-top: 3em;
	clear: both;	
}

.login_input_box {
	font-family: arial;
	font-size: 1.1em;
	width: 14em;
	color: #2f2f37;	
}


/* ########### ToolTips ##########*/

.tooltip_icon { 
	border-width: 0px;
	position: relative;
}

.apply_tooltip {       /*  Wrapped around text that will pop-up tool-tips   */
	cursor: default;
}

.main_image_text{
  cursor: default;
  


}
#tool_tip_wrapper {
	margin: 0em;
	padding: 0em;	
}

#toolTip {
	margin: 0em;
	width: 30em;
	position: absolute;
	z-index: 100;
	background-color: #eed8d7;
	padding: 1em;
	border: 1px solid #a0a0a0;
	text-align: left;
  font-size: 1.1em;
}

/* ########## SITE BOX ########## */
.main_box {
	width: 68em;
	background-color: #FFFFFF;
	position: relative;
	z-index: 1;
  min-height: 50em;
  margin: 1em 1em 0em 1em;
}

.box_tab {
	background-color: #F3F3F3;
	width: 11.5em;
	height: 2.3em;
	position: relative;	
	z-index: 2;
	bottom: -0.1em;
}

.admin_box_tab {    /* includes an admin link tab for better navigation  */
	background-color: #F3F3F3;
	width: 11.5em;
	height: 2.2em;
	position: absolute;	
	z-index: 2;
	bottom: 0.1em;
	right: -12.2em;
}

.ad_box_tab_wrapper {
	position: relative;www
	float: left;
	left: 7.9em;
	top: 0.1em;
	z-index: 3;
}

.tab_text {
	width: 10.3em;
	position: relative;
	top: 0.4em;
	text-align: center;
}

a.tab_link:link {color: #2f2f37; text-decoration: none}
a.tab_link:active {color: #2f2f37; text-decoration: none}
a.tab_link:visited {color: #2f2f37; text-decoration: none}
a.tab_link:hover {color: #171a9e; text-decoration: underline}


.title_bar {
	width: 65em;
	height: 2.5em;
	position: relative;
	left: 1em;
	top: 1.6em;
  background-image: url('/images/app/title_bar_middle.gif');
  background-repeat: repeat-x;
}

.title_text {
	font-size: 1.1em;
	font-weight: bold;
  float: left;
  position: relative;
  top: 0.5em;
  left: 0.7em;
}

.title_bar_right_img {
  position: relative;
  float: right;
}

.title_bar_left_img {
  position: relative;
  float: left;
}


/* Only have one of these displayed */

#btn_submit {
  z-index: 2;
	display: none;
}
#img_submit {
  z-index: 2;
	margin-top: 1em;
	display: inline;	
}

/* various notes around the framework, choose to be displayed or not (usually contained within a span */

#note_section_access {
	display: none;  /* The "Will give full access to the selected section(s)" note */
}
#note_click_to_edit {
	display: none;  /* The "Click to edit" note found on the list users page */
}
#note_errors_occured {
	margin-top: 1em;
	display: none;  /* The "The following errors occured" note found on lots of fw page's */
}


/* ########## ATTENTION TEXT ########## */

/* This is sitting beside an attention image */
div.attention_text {
	float: left;
	padding-left: 1.0em;
	font-size: 1.4em;
}

/* Sometime attention text will need to be displayed as list-items */
ul.attention_ul {
}

li.attention_list_item {
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Framework Pages @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 

These are wrappers for all the framework page. Used mostly to set the width and positioning of framework generated content
*/

#logged_in_text {
	display: block;
	float: right;
	clear: none;
	margin: 0.6em 1.2em 0em 0em;
	font-family: arial;
	color: #FFFFFF;
	font-size: 1.1em;
	z-index: 4;
	position: relative;
}

#header_account_number {
	display: block;
	clear: none;
	font-family: arial;
	color: #FFFFFF;
  right: 1.2em;
  top: -7.5em;
	font-size: 1.1em;
	z-index: 4;
	position: absolute;
}

/* horizontal Line */
div.h_line {
	display: none;
	position: relative;
	height: 0.1em;
	background-color: #858585;
}

a.fw_link:link {font-family: arial; color: #2f2f37; font-size: 1.1em; text-decoration: none}
a.fw_link:active {font-family: arial; color: #2f2f37; font-size: 1.1em; text-decoration: none}
a.fw_link:visited {font-family: arial; color: #2f2f37; font-size: 1.1em; text-decoration: none}
a.fw_link:hover {font-family: arial; color: #171a9e; font-size: 1.1em; text-decoration: none}

a.site_link:link {font-family: arial; color: #2f2f37; font-size: 1.0em; text-decoration: underline}
a.site_link:active {font-family: arial; color: #2f2f37; font-size: 1.0em; text-decoration: underline}
a.site_link:visited {font-family: arial; color: #2f2f37; font-size: 1.0em; text-decoration: underline}
a.site_link:hover {font-family: arial; color: #171a9e; font-size: 1.0em; text-decoration: underline}

.fw_title {
	font-family: arial;
	color: #2f2f37;
	font-size: 1.2em;
	font-weight: bold;
}

.fw_title_small, h5.cell_header_style {
	font-family: arial;
	color: #2f2f37;
	background-color: #eeeeee;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0em;
	margin: 0em;	
}

h2.fw_success_page {
}

h2.fw_fail_page {
}

/* Content laid out in menu form */
div.content_menu {
	position: relative;
	text-align: right;
}

div.admin_heading {
	font-size: 3.0em;
	font-weight: bold;
  display: none;
}

.sections_text {
	font-family: arial;
	color: #2f2f37;
	font-size: 1.3em;
	font-weight: bold;	
}

.actions_text {
	font-family: arial;
	color: #2f2f37;
	font-size: 1.1em;
}

.sub_heading_text {
	font-family: arial;
	color: #2f2f37;
	font-weight: bold;
	font-size: 1.2em;	
}

/* horizontal Line */
div.h_line {
	position: relative;
	height: 0.1em;
	background-color: #858585;
}

.fw_change_password_wrapper {
	width: 	50.2em;
	padding-left: 2em;	
}
.fw_add_user_wrapper {
	width: 	59em;
	padding-left: 2em;	
}
.fw_edit_user_wrapper {
	width: 	59em;
	padding-left: 2em;	
}
.fw_list_user_wrapper {
	width: 	59em;
	padding-left: 2em;	
}
.fw_delete_user_wrapper {
	width: 	59em;
	padding-left: 2em;	
}
.fw_add_group_wrapper {
	width: 	59em;
	padding-left: 2em;	
}
.fw_edit_group_wrapper {
	width: 	59em;
	padding-left: 2em;	
}
.fw_list_group_wrapper {
	width: 	59em;
	padding-left: 2em;	
}
.fw_delete_group_wrapper {
	width: 	59em;
	padding-left: 2em;	
}
.fw_add_tag_wrapper {
	width: 	59em;
	padding-left: 2em;	
}
.fw_edit_tag_wrapper {
	width: 	59em;
	padding-left: 2em;	
}
.fw_list_tag_wrapper {
	width: 	59em;
	padding-left: 2em;	
}
.fw_multi_tag_wrapper {
	width: 	59em;
	padding-left: 2em;	
}
.fw_delete_tag_wrapper {
	width: 	59em;
	padding-left: 2em;	
}
.fw_administration_wrapper {
	width: 	59em;
	padding-left: 2em;
}


/* ########## TABLES BUILT WITH CSS ########## */

/* TABLE WRAPPERS INCREMENTS BY 10% IN SIZE, FEEL FREE TO ADD MORE  */

div.table_wrapper_20 {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	text-align: center; 
	width: 20%; 
}
div.table_wrapper_30 {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	text-align: center; 
	width: 30%; 
}
div.table_wrapper_40 {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	text-align: center; 
	width: 40%; 
}
div.table_wrapper_50 {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	text-align: center; 
	width: 50%; 
}
div.table_wrapper_60 {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	text-align: center; 
	width: 60%; 
}
div.table_wrapper_70 {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	text-align: center; 
	width: 70%;
}
div.table_wrapper_80 {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	text-align: center; 
	width: 80%; 
}
div.table_wrapper_90 {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	text-align: center; 
	width: 90%; 
}
div.table_wrapper_100 {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	text-align: center; 
	width: 100%; 
}

/* EACH CELL WILL BE WRAPPED IN ONE OF THIS DIV'S. THE AMOUNT OF COLUMNS USED WILL BE IN THE CLASS NAME (UPTO 10 SET) */

/* TO PREVENT LONGER TEXT LENGTHS PUTTING THE CELLS OUT OF POSITION, USE THIS .ROW LINE AROUND THE ROW*/
div.row_99{float: left; margin: 0; padding: 0;	width: 99%;}

div.left_cell_01 {float: left; margin: 0; padding: 0;	width: 1%;}
div.left_cell_02 {float: left; margin: 0; padding: 0;	width: 2%;}
div.left_cell_03 {float: left; margin: 0; padding: 0;	width: 3%;}
div.left_cell_04 {float: left; margin: 0; padding: 0;	width: 4%;}
div.left_cell_05 {float: left; margin: 0; padding: 0;	width: 5%;}
div.left_cell_06 {float: left; margin: 0; padding: 0;	width: 6%;}
div.left_cell_07 {float: left; margin: 0; padding: 0;	width: 7%;}
div.left_cell_08 {float: left; margin: 0; padding: 0;	width: 8%;}
div.left_cell_09 {float: left; margin: 0; padding: 0;	width: 9%;}
div.left_cell_10 {float: left; margin: 0; padding: 0;	width: 10%;}
div.left_cell_11 {float: left; margin: 0; padding: 0;	width: 11%;}
div.left_cell_12 {float: left; margin: 0; padding: 0;	width: 12%;}
div.left_cell_13 {float: left; margin: 0; padding: 0;	width: 13%;}
div.left_cell_14 {float: left; margin: 0; padding: 0;	width: 14%;}
div.left_cell_15 {float: left; margin: 0; padding: 0;	width: 15%;}
div.left_cell_16 {float: left; margin: 0; padding: 0;	width: 16%;}
div.left_cell_17 {float: left; margin: 0; padding: 0;	width: 17%;}
div.left_cell_18 {float: left; margin: 0; padding: 0;	width: 18%;}
div.left_cell_19 {float: left; margin: 0; padding: 0;	width: 19%;}
div.left_cell_20 {float: left; margin: 0; padding: 0;	width: 20%;}
div.left_cell_21 {float: left; margin: 0; padding: 0;	width: 21%;}
div.left_cell_22 {float: left; margin: 0; padding: 0;	width: 22%;}
div.left_cell_23 {float: left; margin: 0; padding: 0;	width: 23%;}
div.left_cell_24 {float: left; margin: 0; padding: 0;	width: 24%;}
div.left_cell_25 {float: left; margin: 0; padding: 0;	width: 25%;}
div.left_cell_26 {float: left; margin: 0; padding: 0;	width: 26%;}
div.left_cell_27 {float: left; margin: 0; padding: 0;	width: 27%;}
div.left_cell_28 {float: left; margin: 0; padding: 0;	width: 28%;}
div.left_cell_29 {float: left; margin: 0; padding: 0;	width: 29%;}
div.left_cell_30 {float: left; margin: 0; padding: 0;	width: 30%;}
div.left_cell_31 {float: left; margin: 0; padding: 0;	width: 31%;}
div.left_cell_32 {float: left; margin: 0; padding: 0;	width: 32%;}
div.left_cell_33 {float: left; margin: 0; padding: 0;	width: 33%;}
div.left_cell_34 {float: left; margin: 0; padding: 0;	width: 34%;}
div.left_cell_35 {float: left; margin: 0; padding: 0;	width: 35%;}
div.left_cell_36 {float: left; margin: 0; padding: 0;	width: 36%;}
div.left_cell_37 {float: left; margin: 0; padding: 0;	width: 37%;}
div.left_cell_38 {float: left; margin: 0; padding: 0;	width: 38%;}
div.left_cell_39 {float: left; margin: 0; padding: 0;	width: 39%;}
div.left_cell_40 {float: left; margin: 0; padding: 0;	width: 40%;}
div.left_cell_41 {float: left; margin: 0; padding: 0;	width: 41%;}
div.left_cell_42 {float: left; margin: 0; padding: 0;	width: 42%;}
div.left_cell_43 {float: left; margin: 0; padding: 0;	width: 43%;}
div.left_cell_44 {float: left; margin: 0; padding: 0;	width: 44%;}
div.left_cell_45 {float: left; margin: 0; padding: 0;	width: 45%;}
div.left_cell_46 {float: left; margin: 0; padding: 0;	width: 46%;}
div.left_cell_47 {float: left; margin: 0; padding: 0;	width: 47%;}
div.left_cell_48 {float: left; margin: 0; padding: 0;	width: 48%;}
div.left_cell_49 {float: left; margin: 0; padding: 0;	width: 49%;}
div.left_cell_50 {float: left; margin: 0; padding: 0;	width: 50%;}
div.left_cell_51 {float: left; margin: 0; padding: 0;	width: 51%;}
div.left_cell_52 {float: left; margin: 0; padding: 0;	width: 52%;}
div.left_cell_53 {float: left; margin: 0; padding: 0;	width: 53%;}
div.left_cell_54 {float: left; margin: 0; padding: 0;	width: 54%;}
div.left_cell_55 {float: left; margin: 0; padding: 0;	width: 55%;}
div.left_cell_56 {float: left; margin: 0; padding: 0;	width: 56%;}
div.left_cell_57 {float: left; margin: 0; padding: 0;	width: 57%;}
div.left_cell_58 {float: left; margin: 0; padding: 0;	width: 58%;}
div.left_cell_59 {float: left; margin: 0; padding: 0;	width: 59%;}
div.left_cell_60 {float: left; margin: 0; padding: 0;	width: 60%;}
div.left_cell_61 {float: left; margin: 0; padding: 0;	width: 61%;}
div.left_cell_62 {float: left; margin: 0; padding: 0;	width: 62%;}
div.left_cell_63 {float: left; margin: 0; padding: 0;	width: 63%;}
div.left_cell_64 {float: left; margin: 0; padding: 0;	width: 64%;}
div.left_cell_65 {float: left; margin: 0; padding: 0;	width: 65%;}
div.left_cell_66 {float: left; margin: 0; padding: 0;	width: 66%;}
div.left_cell_67 {float: left; margin: 0; padding: 0;	width: 67%;}
div.left_cell_68 {float: left; margin: 0; padding: 0;	width: 68%;}
div.left_cell_69 {float: left; margin: 0; padding: 0;	width: 69%;}
div.left_cell_70 {float: left; margin: 0; padding: 0;	width: 70%;}
div.left_cell_71 {float: left; margin: 0; padding: 0;	width: 71%;}
div.left_cell_72 {float: left; margin: 0; padding: 0;	width: 72%;}
div.left_cell_73 {float: left; margin: 0; padding: 0;	width: 73%;}
div.left_cell_74 {float: left; margin: 0; padding: 0;	width: 74%;}
div.left_cell_75 {float: left; margin: 0; padding: 0;	width: 75%;}
div.left_cell_76 {float: left; margin: 0; padding: 0;	width: 76%;}
div.left_cell_77 {float: left; margin: 0; padding: 0;	width: 77%;}
div.left_cell_78 {float: left; margin: 0; padding: 0;	width: 78%;}
div.left_cell_79 {float: left; margin: 0; padding: 0;	width: 79%;}
div.left_cell_80 {float: left; margin: 0; padding: 0;	width: 80%;}
div.left_cell_81 {float: left; margin: 0; padding: 0;	width: 81%;}
div.left_cell_82 {float: left; margin: 0; padding: 0;	width: 82%;}
div.left_cell_83 {float: left; margin: 0; padding: 0;	width: 83%;}
div.left_cell_84 {float: left; margin: 0; padding: 0;	width: 84%;}
div.left_cell_85 {float: left; margin: 0; padding: 0;	width: 85%;}
div.left_cell_86 {float: left; margin: 0; padding: 0;	width: 86%;}
div.left_cell_87 {float: left; margin: 0; padding: 0;	width: 87%;}
div.left_cell_88 {float: left; margin: 0; padding: 0;	width: 88%;}
div.left_cell_89 {float: left; margin: 0; padding: 0;	width: 89%;}
div.left_cell_90 {float: left; margin: 0; padding: 0;	width: 90%;}
div.left_cell_91 {float: left; margin: 0; padding: 0;	width: 91%;}
div.left_cell_92 {float: left; margin: 0; padding: 0;	width: 92%;}
div.left_cell_93 {float: left; margin: 0; padding: 0;	width: 93%;}
div.left_cell_94 {float: left; margin: 0; padding: 0;	width: 94%;}
div.left_cell_95 {float: left; margin: 0; padding: 0;	width: 95%;}
div.left_cell_96 {float: left; margin: 0; padding: 0;	width: 96%;}
div.left_cell_97 {float: left; margin: 0; padding: 0;	width: 97%;}
div.left_cell_98 {float: left; margin: 0; padding: 0;	width: 98%;}
div.left_cell_99 {float: left; margin: 0; padding: 0;	width: 99%;}
div.left_cell_100 {float: left; margin: 0; padding: 0;	width: 100%;}
div.right_cell_01 {float: right; margin: 0; padding: 0;	width: 1%;}
div.right_cell_02 {float: right; margin: 0; padding: 0;	width: 2%;}
div.right_cell_03 {float: right; margin: 0; padding: 0;	width: 3%;}
div.right_cell_04 {float: right; margin: 0; padding: 0;	width: 4%;}
div.right_cell_05 {float: right; margin: 0; padding: 0;	width: 5%;}
div.right_cell_06 {float: right; margin: 0; padding: 0;	width: 6%;}
div.right_cell_07 {float: right; margin: 0; padding: 0;	width: 7%;}
div.right_cell_08 {float: right; margin: 0; padding: 0;	width: 8%;}
div.right_cell_09 {float: right; margin: 0; padding: 0;	width: 9%;}
div.right_cell_10 {float: right; margin: 0; padding: 0;	width: 10%;}
div.right_cell_11 {float: right; margin: 0; padding: 0;	width: 11%;}
div.right_cell_12 {float: right; margin: 0; padding: 0;	width: 12%;}
div.right_cell_13 {float: right; margin: 0; padding: 0;	width: 13%;}
div.right_cell_14 {float: right; margin: 0; padding: 0;	width: 14%;}
div.right_cell_15 {float: right; margin: 0; padding: 0;	width: 15%;}
div.right_cell_16 {float: right; margin: 0; padding: 0;	width: 16%;}
div.right_cell_17 {float: right; margin: 0; padding: 0;	width: 17%;}
div.right_cell_18 {float: right; margin: 0; padding: 0;	width: 18%;}
div.right_cell_19 {float: right; margin: 0; padding: 0;	width: 19%;}
div.right_cell_20 {float: right; margin: 0; padding: 0;	width: 20%;}
div.right_cell_21 {float: right; margin: 0; padding: 0;	width: 21%;}
div.right_cell_22 {float: right; margin: 0; padding: 0;	width: 22%;}
div.right_cell_23 {float: right; margin: 0; padding: 0;	width: 23%;}
div.right_cell_24 {float: right; margin: 0; padding: 0;	width: 24%;}
div.right_cell_25 {float: right; margin: 0; padding: 0;	width: 25%;}
div.right_cell_26 {float: right; margin: 0; padding: 0;	width: 26%;}
div.right_cell_27 {float: right; margin: 0; padding: 0;	width: 27%;}
div.right_cell_28 {float: right; margin: 0; padding: 0;	width: 28%;}
div.right_cell_29 {float: right; margin: 0; padding: 0;	width: 29%;}
div.right_cell_30 {float: right; margin: 0; padding: 0;	width: 30%;}
div.right_cell_31 {float: right; margin: 0; padding: 0;	width: 31%;}
div.right_cell_32 {float: right; margin: 0; padding: 0;	width: 32%;}
div.right_cell_33 {float: right; margin: 0; padding: 0;	width: 33%;}
div.right_cell_34 {float: right; margin: 0; padding: 0;	width: 34%;}
div.right_cell_35 {float: right; margin: 0; padding: 0;	width: 35%;}
div.right_cell_36 {float: right; margin: 0; padding: 0;	width: 36%;}
div.right_cell_37 {float: right; margin: 0; padding: 0;	width: 37%;}
div.right_cell_38 {float: right; margin: 0; padding: 0;	width: 38%;}
div.right_cell_39 {float: right; margin: 0; padding: 0;	width: 39%;}
div.right_cell_40 {float: right; margin: 0; padding: 0;	width: 40%;}
div.right_cell_41 {float: right; margin: 0; padding: 0;	width: 41%;}
div.right_cell_42 {float: right; margin: 0; padding: 0;	width: 42%;}
div.right_cell_43 {float: right; margin: 0; padding: 0;	width: 43%;}
div.right_cell_44 {float: right; margin: 0; padding: 0;	width: 44%;}
div.right_cell_45 {float: right; margin: 0; padding: 0;	width: 45%;}
div.right_cell_46 {float: right; margin: 0; padding: 0;	width: 46%;}
div.right_cell_47 {float: right; margin: 0; padding: 0;	width: 47%;}
div.right_cell_48 {float: right; margin: 0; padding: 0;	width: 48%;}
div.right_cell_49 {float: right; margin: 0; padding: 0;	width: 49%;}
div.right_cell_50 {float: right; margin: 0; padding: 0;	width: 50%;}
div.right_cell_51 {float: right; margin: 0; padding: 0;	width: 51%;}
div.right_cell_52 {float: right; margin: 0; padding: 0;	width: 52%;}
div.right_cell_53 {float: right; margin: 0; padding: 0;	width: 53%;}
div.right_cell_54 {float: right; margin: 0; padding: 0;	width: 54%;}
div.right_cell_55 {float: right; margin: 0; padding: 0;	width: 55%;}
div.right_cell_56 {float: right; margin: 0; padding: 0;	width: 56%;}
div.right_cell_57 {float: right; margin: 0; padding: 0;	width: 57%;}
div.right_cell_58 {float: right; margin: 0; padding: 0;	width: 58%;}
div.right_cell_59 {float: right; margin: 0; padding: 0;	width: 59%;}
div.right_cell_60 {float: right; margin: 0; padding: 0;	width: 60%;}
div.right_cell_61 {float: right; margin: 0; padding: 0;	width: 61%;}
div.right_cell_62 {float: right; margin: 0; padding: 0;	width: 62%;}
div.right_cell_63 {float: right; margin: 0; padding: 0;	width: 63%;}
div.right_cell_64 {float: right; margin: 0; padding: 0;	width: 64%;}
div.right_cell_65 {float: right; margin: 0; padding: 0;	width: 65%;}
div.right_cell_66 {float: right; margin: 0; padding: 0;	width: 66%;}
div.right_cell_67 {float: right; margin: 0; padding: 0;	width: 67%;}
div.right_cell_68 {float: right; margin: 0; padding: 0;	width: 68%;}
div.right_cell_69 {float: right; margin: 0; padding: 0;	width: 69%;}
div.right_cell_70 {float: right; margin: 0; padding: 0;	width: 70%;}
div.right_cell_71 {float: right; margin: 0; padding: 0;	width: 71%;}
div.right_cell_72 {float: right; margin: 0; padding: 0;	width: 72%;}
div.right_cell_73 {float: right; margin: 0; padding: 0;	width: 73%;}
div.right_cell_74 {float: right; margin: 0; padding: 0;	width: 74%;}
div.right_cell_75 {float: right; margin: 0; padding: 0;	width: 75%;}
div.right_cell_76 {float: right; margin: 0; padding: 0;	width: 76%;}
div.right_cell_77 {float: right; margin: 0; padding: 0;	width: 77%;}
div.right_cell_78 {float: right; margin: 0; padding: 0;	width: 78%;}
div.right_cell_79 {float: right; margin: 0; padding: 0;	width: 79%;}
div.right_cell_80 {float: right; margin: 0; padding: 0;	width: 80%;}
div.right_cell_81 {float: right; margin: 0; padding: 0;	width: 81%;}
div.right_cell_82 {float: right; margin: 0; padding: 0;	width: 82%;}
div.right_cell_83 {float: right; margin: 0; padding: 0;	width: 83%;}
div.right_cell_84 {float: right; margin: 0; padding: 0;	width: 84%;}
div.right_cell_85 {float: right; margin: 0; padding: 0;	width: 85%;}
div.right_cell_86 {float: right; margin: 0; padding: 0;	width: 86%;}
div.right_cell_87 {float: right; margin: 0; padding: 0;	width: 87%;}
div.right_cell_88 {float: right; margin: 0; padding: 0;	width: 88%;}
div.right_cell_89 {float: right; margin: 0; padding: 0;	width: 89%;}
div.right_cell_90 {float: right; margin: 0; padding: 0;	width: 90%;}
div.right_cell_91 {float: right; margin: 0; padding: 0;	width: 91%;}
div.right_cell_92 {float: right; margin: 0; padding: 0;	width: 92%;}
div.right_cell_93 {float: right; margin: 0; padding: 0;	width: 93%;}
div.right_cell_94 {float: right; margin: 0; padding: 0;	width: 94%;}
div.right_cell_95 {float: right; margin: 0; padding: 0;	width: 95%;}
div.right_cell_96 {float: right; margin: 0; padding: 0;	width: 96%;}
div.right_cell_97 {float: right; margin: 0; padding: 0;	width: 97%;}
div.right_cell_98 {float: right; margin: 0; padding: 0;	width: 98%;}
div.right_cell_99 {float: right; margin: 0; padding: 0;	width: 99%;}
div.right_cell_100 {float: right; margin: 0; padding: 0;	width: 100%;}


/* REQUIRED TO CLEAR: BOTH ON EVERY TABLE. MUST BE DECLARED AT THE BOTTOM */

div.space_line {
	clear: both; margin: 0; padding: 0; width: auto;
}


/* DECLARE THE STYLE OF THE CELL ITEMS, CAN BE INCLUDED IN THE MAIN SITE FONT*/

h5.cell_style, h5.cell_header_style, h5.cell_header_style_top {
	text-align: left; 
	width: auto;
}

h5.cell_header_style {   /* A header that appears within a list of items (includes spacing from item above)  */
	padding-bottom: 1.0em;
}
h5.cell_header_style_top {   /* A header that appears at the top of a list of items (includes spacing from title_bar)  */
	padding-top: 0.9em;
	padding-bottom: 1.0em;
}





/* Floating Columns, padding is put onto the column_text class */

.column_text {padding-bottom:0.6em;padding-left:2em;padding-top:0.6em;position:relative;}
.column_text_main_image {padding-bottom:0.6em;padding-left:2em;padding-top:16.3em;position:relative;}
.column_text_small {padding-bottom:0.1em;padding-left:2em;padding-top:0.1em;position:relative;}
.input_wrapper {padding-bottom:0.4em;padding-top:0.5em;position:relative;}
.column_5 {float:left;position:relative;width:5em;}
.column_6 {float:left;position:relative;width:6em;}
.column_7 {float:left;position:relative;width:7em;}
.column_8 {float:left;position:relative;width:8em;}
.column_9 {float:left;position:relative;width:9em;}
.column_10 {float:left;position:relative;width:10em;}
.column_11 {float:left;position:relative;width:11em;}
.column_12 {float:left;position:relative;width:12em;}
.column_13 {float:left;position:relative;width:13em;}
.column_14 {float:left;position:relative;width:14em;}
.column_15 {float:left;position:relative;width:15em;}
.column_16 {float:left;position:relative;width:16em;}
.column_17 {float:left;position:relative;width:17em;}
.column_18 {float:left;position:relative;width:18em;}
.column_19 {float:left;position:relative;width:19em;}
.column_20 {float:left;position:relative;width:20em;}
.column_21 {float:left;position:relative;width:21em;}
.column_22 {float:left;position:relative;width:22em;}
.column_23 {float:left;position:relative;width:23em;}
.column_24 {float:left;position:relative;width:24em;}
.column_25 {float:left;position:relative;width:25em;}
.column_26 {float:left;position:relative;width:26em;}
.column_27 {float:left;position:relative;width:27em;}
.column_28 {float:left;position:relative;width:28em;}
.column_29 {float:left;position:relative;width:29em;}
.column_30 {float:left;position:relative;width:30em;}
.column_31 {float:left;position:relative;width:31em;}
.column_32 {float:left;position:relative;width:32em;}
.column_33 {float:left;position:relative;width:33em;}
.column_34 {float:left;position:relative;width:34em;}
.column_35 {float:left;position:relative;width:35em;}
.column_36 {float:left;position:relative;width:36em;}
.column_37 {float:left;position:relative;width:37em;}
.column_38 {float:left;position:relative;width:38em;}
.column_39 {float:left;position:relative;width:39em;}
.column_40 {float:left;position:relative;width:40em;}
.column_41 {float:left;position:relative;width:41em;}
.column_42 {float:left;position:relative;width:42em;}
.column_43 {float:left;position:relative;width:43em;}
.column_44 {float:left;position:relative;width:44em;}
.column_45 {float:left;position:relative;width:45em;}
.column_46 {float:left;position:relative;width:46em;}
.column_47 {float:left;position:relative;width:47em;}
.column_48 {float:left;position:relative;width:48em;}
.column_49 {float:left;position:relative;width:49em;}
.column_50 {float:left;position:relative;width:50em;}
.column_51 {float:left;position:relative;width:51em;}
.column_52 {float:left;position:relative;width:52em;}
.column_53 {float:left;position:relative;width:53em;}
.column_54 {float:left;position:relative;width:54em;}
.column_55 {float:left;position:relative;width:55em;}
.column_56 {float:left;position:relative;width:56em;}
.column_57 {float:left;position:relative;width:57em;}
.column_58 {float:left;position:relative;width:58em;}
.column_59 {float:left;position:relative;width:59em;}
.column_60 {float:left;position:relative;width:60em;}
.column_61 {float:left;position:relative;width:61em;}
.column_62 {float:left;position:relative;width:62em;}
.column_63 {float:left;position:relative;width:63em;}
.column_64 {float:left;position:relative;width:64em;}
.column_65 {float:left;position:relative;width:65em;}
.column_66 {float:left;position:relative;width:66em;}
.column_67 {float:left;position:relative;width:67em;}
.column_68 {float:left;position:relative;width:68em;}
.column_69 {float:left;position:relative;width:69em;}
.column_70 {float:left;position:relative;width:70em;}
.column_71 {float:left;position:relative;width:71em;}
.column_72 {float:left;position:relative;width:72em;}
.column_73 {float:left;position:relative;width:73em;}
.column_74 {float:left;position:relative;width:74em;}
.column_75 {float:left;position:relative;width:75em;}
.column_76 {float:left;position:relative;width:76em;}
.column_77 {float:left;position:relative;width:77em;}
.column_78 {float:left;position:relative;width:78em;}
.column_79 {float:left;position:relative;width:79em;}
.column_80 {float:left;position:relative;width:80em;}


/* ######## IEM Site Specific CSS ###### */

select.site_select {}
input.site_text_input {}
input.site_text_input2 {width: 30em;}
input.site_text_input3 {width: 27.5em;}
input.site_text_input4 {width: 6em;}
input.site_button_input {}
input.site_button_input2 {margin: 0em; padding: 0em; height: 2em; font-size: 1em}   /* used for the delete button on the messages page*/
input.site_checkbox_input {margin: 0.5em 0em 0em 0.5em}
input.site_file_input {background-color: #ffffff}
input.site_hidden_input {}
input.site_image_input {}
input.site_password_input {}
input.site_reset_input {}
input.site_submit_input {}
textarea.site_textarea {
  overflow:auto;
  height: 20em;
  width: 35em;
}
textarea.site_textarea2 {
  overflow:auto;
  height: 25em;
  width: 30em;
}


/* list suppliers page */

.suppliers_table_wrapper {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: 1em;
	text-align: center; 
	width: 96%; 
	float: left;
	border: 1px solid #6A6B6B;
}

.suppliers_table_header_row{
	background-color: #f8e2e3;
	width: 100%;	
}
.suppliers_table_row0{
	background-color: #ffffff;
	width: 100%;	
}
.suppliers_table_row1{
	background-color: #f8e2e3;
	width: 100%;	
}

h5.suppliers_cell_header_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;
	font-weight: bold;
}

h5.suppliers_cell_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
}
h5.suppliers_cell_style_alert {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
	color: #ea373c;	
}
div.list_supplier_colour_box {
  width: 1em; 
  height: 1em; 
  float: left;
  margin: 0.5em;
  
}

/* list packagess page */

.packages_table_wrapper {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: 1em;
	text-align: center; 
	width: 96%; 
	float: left;
	border: 1px solid #6A6B6B;
}

.packages_table_header_row{
	background-color: #ffffff;
	width: 100%;	
}
.packages_table_row0{
	background-color: #ffffff;
	width: 100%;	
}
.packages_table_row1{
	background-color: #ffffff;
	width: 100%;	
}

h5.packages_cell_header_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;
	font-weight: bold;
}

h5.packages_cell_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
}
h5.packages_cell_style_alert {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
	color: #ea373c;	
}


/* list industries page */

.industries_table_wrapper {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: 1em;
	text-align: center; 
	width: 96%; 
	float: left;
	border: 1px solid #6A6B6B;
}

.industries_table_header_row{
	background-color: #dce8f1;
	width: 100%;	
}
.industries_table_row0{
	background-color: #ffffff;
	width: 100%;	
}
.industries_table_row1{
	background-color: #dce8f1;
	width: 100%;	
}

h5.industries_cell_header_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;
	font-weight: bold;
}

h5.industries_cell_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
}
h5.industries_cell_style_alert {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
	color: #ea373c;	
}


/* list banners page */

.banners_table_wrapper {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: 1em;
	text-align: center; 
	width: 96%; 
	float: left;
	border: 1px solid #6A6B6B;
}

.banners_table_header_row{
	background-color: #e4deeb;
	width: 100%;	
}
.banners_table_row0{
	background-color: #ffffff;
	width: 100%;	
}
.banners_table_row1{
	background-color: #e4deeb;
	width: 100%;	
}

.buttons_table_header_row{
	background-color: #feebab;
	width: 100%;	
}
.buttons_table_row0{
	background-color: #ffffff;
	width: 100%;	
}
.buttons_table_row1{
	background-color: #feebab;
	width: 100%;	
}

h5.banners_cell_header_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;
	font-weight: bold;
}

h5.banners_cell_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
}
h5.banners_cell_style_alert {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
	color: #ea373c;	
}


/* list tags page */

.tags_table_wrapper {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: 1em;
	text-align: center; 
	width: 96%; 
	float: left;
	border: 1px solid #6A6B6B;
}

.tags_table_header_row{
	background-color: #f5decd;
	width: 100%;	
}
.tags_table_row0{
	background-color: #ffffff;
	width: 100%;	
}
.tags_table_row1{
	background-color: #f5decd;
	width: 100%;	
}

h5.tags_cell_header_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;
	font-weight: bold;
}

h5.tags_cell_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
}
h5.tags_cell_style_alert {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
	color: #ea373c;	
}


/* list tags page */

.categories_table_wrapper {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: 1em;
	text-align: center; 
	width: 96%; 
	float: left;
	border: 1px solid #6A6B6B;
}

.categories_table_wrapper2 {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: 2em;
	text-align: center; 
	width: 92%; 
	float: left;
	border: 1px solid #6A6B6B;
}

.categories_table_header_row{
	background-color: #d7eeda;
	width: 100%;	
}
.categories_table_row0{
	background-color: #ffffff;
	width: 100%;	
}
.categories_table_row1{
	background-color: #d7eeda;
	width: 100%;	
}

h5.categories_cell_header_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;
	font-weight: bold;
}

h5.categories_cell_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
}
h5.categories_cell_style_alert {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
	color: #ea373c;	
}



/* products */
.products_table_wrapper {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: 1em;
	text-align: center; 
	width: 96%; 
	float: left;
	border: 1px solid #6A6B6B;
}

.products_table_row1 {
	background-color: #d6c9e4;
	width: 100%;	
}
.products_table_header_row {
	background-color: #d6c9e4;
	width: 100%;	
}
.products_table_row0 {
	background-color: #ffffff;
	width: 100%;	
}

h5.products_cell_header_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;
	font-weight: bold;
}

h5.products_cell_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
}
h5.products_cell_style_alert {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
	color: #ea373c;	
}

/* list profiles page */

.profiles_table_wrapper {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: 1em;
	text-align: center; 
	width: 96%; 
	float: left;
	border: 1px solid #6A6B6B;
}

.profiles_table_header_row{
	background-color: #f3f7b7;
	width: 100%;	
}
.profiles_table_row0{
	background-color: #ffffff;
	width: 100%;	
}
.profiles_table_row1{
	background-color: #f3f7b7;
	width: 100%;	
}

h5.profiles_cell_header_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;
	font-weight: bold;
}

h5.profiles_cell_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
}
h5.profiles_cell_style_alert {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
	color: #ea373c;	
}


/*messages page */

.messages_table_wrapper {
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: 1em;
	text-align: center; 
	width: 96%; 
	float: left;
	border: 1px solid #6A6B6B;
}

.messages_table_header_row{
	background-color: #dceeff;
	width: 100%;	
}
.messages_table_row0{
	background-color: #ffffff;
	width: 100%;	
}
.messages_table_row1{
	background-color: #dceeff;
	width: 100%;	
}

h5.messages_cell_header_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;
	font-weight: bold;
}

h5.messages_cell_style {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
}
h5.messages_cell_style_alert {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	text-align: left; 
	width: auto;	
	color: #ea373c;	
}


/* header menu */

ul.header_menu {
  list-style-type: none;
  list-style-position: outside;
  position: absolute;
  z-index: 10;
  top: -2.4em;
  right: 1.7em;
  clear: both;
}
li.header_menu_item {
  text-align: left;
  display: inline;
  margin-left: 1em;
}
a.header_menu_link:link {text-decoration: none;color:#FFFFFF;font-family:arial;font-size:1.1em;}
a.header_menu_link:active {text-decoration: none;color:#FFFFFF;font-family:arial;font-size:1.1em;}
a.header_menu_link:visited {text-decoration: none;color:#FFFFFF;font-family:arial;font-size:1.1em;}
a.header_menu_link:hover {text-decoration: underline;color:#FFFFFF;font-family:arial;font-size:1.1em;}      

.header_payment_alert {
  color:#ea373c;
  font-family:arial;
  font-size:1.3em;
  font-weight: bold;
  position: absolute;
  z-index: 10;
  top: -5.4em;
  left: 7.7em;
  clear: both;
}

#site_active_yes {margin-left: 0em; margin-right:0.5em}
#site_active_no{margin-left: 3em; margin-right:0.5em}
#website_input_details {display: none}

hr.hor_line {
  width: 58em; 
  height: 0.2em;
  background-color: #2A2B2A;
  margin-left: 2em;
  margin-top: 1em;
  margin-bottom: 1em;
}

.text_bar {
  width: 25em;
  height: 2.5em;
  background-color: #EAE9E9;
  margin: 0.5em 0em 0.5em 2em;
  /*padding: 0.5em 0em 0.5em 1em;*/
}

#end_date_image_tab {
  margin-right: 1em;
  position: relative;
  top: 0.7em;
}
#start_date_image_tab {
  margin-right: 1em;
  position: relative;
  top: 0.7em;
}

/* ###### Buttons ##### */

.submit_button {
  position: absolute;
  right: 2em;
  bottom: 2em;
  z-index: 10;
}

.add_button {
  position: absolute;
  right: 2em;
  z-index: 10;
}

.delete_button {
  position: absolute;
  right: 4em;
  z-index: 10;
}

.paynow_button {
  position: absolute;
  right: 4em;
  z-index: 10;
}


/* Tabs */ 

.tab_wrapper {
  float: left;
  left: 3em;
  position: relative;
  top: 1.2em;
  z-index: 3;
  width: 60em;
}
#tab_front {
  border-bottom: 2px solid #ffffff;
  bottom: 0em;
  height: 2.2em;
}
.tab_edit_product {
  background-color: #ffffff;
  border-left: 2px solid #5a5a5a;
  border-top: 2px solid #5a5a5a;
  border-right: 2px solid #5a5a5a;
  position: absolute;
  left: 0.3em;
  bottom: 0.2em;
  width: 9em;
  height: 2.2em;
  z-index: 2;
}
.tab_edit_product_site {
  background-color: #ffffff;
  border-left: 2px solid #5a5a5a;
  border-top: 2px solid #5a5a5a;
  border-right: 2px solid #5a5a5a;
  position: absolute;
  left: 10.3em;
  bottom: 0.2em;      
  width: 9em;
  height: 2.2em;      
  z-index: 2;
}
.tab_edit_product_schedualler {
  background-color: #ffffff;
  border-left: 2px solid #5a5a5a;
  border-top: 2px solid #5a5a5a;
  border-right: 2px solid #5a5a5a;
  position: absolute;
  left: 20.3em;
  bottom: 0.2em;      
  width: 9em;
  height: 2.2em;      
  z-index: 2;
}
.box_tab_text {
  position: relative;
  text-align: center;
  font-weight: bold;
  top: 0.3em;
}
.tab_tl_img {
  position: absolute;
  top: -0.2em;
  left: -0.2em;
}
.tab_tr_img {
  position: absolute;
  top: -0.2em;
  right: -0.2em;    
}









