/* NOTE:
 * Deprecated attributes:
 * 1. nowrap or nowrap='nowrap'
 *    Use style='white-space:nowrap;'
 * 2. bgcolor='#XXXXXX'
 *    Use style='background-color:#XXXXXX;'
 * 3. color='#XXXXXX'
 *    Use style='color:#XXXXXX;'
 * 4. border='no'
 *    Use style='border: 0px' or class='noborder'
 */


/*
-----------------------------------------------------------------------------------
GENERAL AND MISCELLANEOUS
-----------------------------------------------------------------------------------
*/

/* ******************* BODY ******************* */

/** {
margin: 0;
padding: 0;
}*/
/*@import "//fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic";*/
body {
	color: black;
	/*font-family: "Noto Sans","Gotham Rounded A","Gotham Rounded B",arial,sans-serif;*/
	font-family: arial,sans-serif;
	font-size: 8pt;
	background-color: #F2F0CA;
	margin: 0px;
	padding: 0px;
}

body.login {
	background: #214478;
	background: linear-gradient(#162D50,#214478);
	background-attachment:fixed;
}

/* ******************* HEADER ******************* */

/* Add styling common to all h1 elements */
h1 {
   font-weight: bold;
   font-size: 10pt;
}

      /* Add styling to the banner's title text */
      h1.banner_title_text {
            font-size: 9pt;
            /* font-weight:bold; */
            margin-top: 0;
            padding: 5px;
            line-height: 1em;
      }

      /* Styles for banner title text when printed (as PDF or PS) */
      h1.printed_banner_title_text {
            font-size: 3pt;
            /* font-weight:bold; */
            margin: 0;
            padding: 0px;
      }

      /* Styles for report heading when printed (as PDF or PS) */
      h1.printed_report_heading {
            font-size: 5pt;
            /* font-weight: bold; */
            margin-top: 0;
            padding: 0px;
      }

/* ******************* DIV ******************* */

/* MESSAGES AND ERRORS */

div.error_message {
	border: 1px solid #000099;
	background: #FFCC66;
	padding:5px;
	color:black;
	margin:20px;
	text-align:center;
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

/* MENU STYLES */

/* Add styling common to all menu div elements */
div.menu {
	position: absolute;
	background-color: #e5e0aa;
	border: 1px solid #C1BD8F;
	border:0;
	border-radius:0px;
	text-align: left;
	padding: 5px;
}

	/* Add styling to the top menu bar div element */
	/* USAGE: class='menu menu_bar_top' */
	/* NOTE: Replaces div.menu_top (see usage) */
	div.menu_bar_top {
		/* Use static (default value here so that "position: absolute" can be used 
		in div.menu since it is used for the styling of all other div elements */
		position: static;
	}
	
	/* Add styling to the left (sidebar) menu div element */
	/* USAGE: class='menu menu_sidebar_left' */
	/* NOTE: Replaces div.menu_left and div.menu_left_dashboard (see usage) */
	div.menu_sidebar_left {
		left: 0px;
		top: 15px;
		width: 190px;
	}

		div.menu_sidebar_left form div {
			border: 1px solid #C1BD8F;
			padding: 3px;
			margin-bottom: 5px;
		}
			div.menu_sidebar_left form div div {
				border: 0px;
				padding: 3px;
			}

	div.menu_sidebar_left hr {
		border: 1px solid #C1BD8F;
	}

/* Add styling common to all popup menus */
div.menu_popup {
	white-space: normal;
}

	/* Add styling to the merchant terminals popup menu */
	/* USAGE: class='menu menu_popup menu_popup_terminals' */
	/* NOTE: Replaces div.popup_menu (see usage) */
	div.menu_popup_terminals {
		width: 230px;
	}
	
	/* Add styling to the dashboard breakdown popup menu */
	/* USAGE: class='menu menu_popup menu_popup_breakdown' */
	/* NOTE: Replaces div.popup_menu_breakdown (see usage) */
	div.menu_popup_breakdown {
		width: 400px;
		z-index: 9999;
	}

/* Add styling to the dashboard popup close button div */
div.menu_popup_close_button {
	height: 20px;
}

/* DASHBOARD STYLES */

/* Add styling common to all dashboard div elements */
div.dashboard {
	position: absolute;
	padding: 0px;
	top: 15px;
	text-align:center;
}

div.dashboard h1 {
	background: url("../../images/table_heading_background.png") repeat-x scroll 0 0 #5E7193;
	padding: 5px;
	text-align:center;
	margin:0px;
	color:white;
}

	/* Add styling to the dashboard column */
	/* USAGE: class='dashboard dashboard_column' */
	/* NOTE: Replaces div.dashboard_top (see usage) */
	div.dashboard_column {
		left: 220px;
		width: 225px;
	}

/* Add styling common to all dashboard graphs div elements */
div.dashboard_graphs {
	width: 1000px;
	z-index: 1;
}

	/* Add styling to the left-most dashboard column that contains graphs */
	/* USAGE: class='dashboard dashboard_graphs dashboard_graphs_left' */
	/* NOTE: Replaces div.dashboard_graphs_left (see usage) */
	div.dashboard_graphs_left {
		left: 270px;
	}

	/* Add styling to the right-most dashboard column that contains graphs */
	/* USAGE: class='dashboard dashboard_graphs dashboard_graphs_right' */
	/* NOTE: Replaces div.dashboard_graphs_right (see usage) */
	div.dashboard_graphs_right {
		left: 910px;
      width: 300px;
	}

   div.dashboard_graphs_set {
      border: 1px solid #C1BD8F;
      background-color: ivory;
      text-align:left;
      margin-top:10px;
      z-index: 1;
   }

   div.reports_graphs_set {
      border: 1px solid #dbdbdb;
      /*background-color: #e5e0aa;*/
      text-align:left;
      margin-top:10px;
      z-index: 1;
   }

/*
 * dashboard
 */
div.dashboard_charts_container {
	position: absolute;
	top: 230px;
	text-align:center;
}
div.dashboard_charts {
	/*position: absolute;*/
	padding: 0px;
	/*top: 250px;*/
	text-align:left;
}
.dashboard_charts > h1 {
	background-color: #5E7193;
	padding: 10px;
	margin:0;
	font-style: italic;
	color:white;
	cursor:pointer;
	background-image: url('../../images/search_show.gif');
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 25px;
}
.dashboard_charts > h1.minimized {
	background-image: url('../../images/search_hidde.gif');
}
.dashboard_charts div.grid-item {
	_float:left;
	min-height:40px;
	min-width:250px;
	background-color: white;
	_box-shadow: 0px 0px 5px 0px #888;
	_border: 1px solid #CCC;
	border-radius: 15px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding-left: 30px;
	/*overflow: auto;*/
}
.dashboard_charts div.grid-item h1 {
	margin-top:0;
	font-style: italic;
}
.dashboard_charts div.grid-item h1.show {
}
.dashboard_charts div.grid-item h1.hide {
}
.dashboard_charts div.grid-item > div {
	max-height: 400px;
	/*overflow: auto;*/
}

/* LOGIN PAGE */

/* Styling for div element that contains the login box/frame used on the login page */
div.login_page_form_image {
        /*background: url('../../images/login_frame.png') no-repeat center center;*/
	background-color: #F2F0CA;
	position: absolute;
	top: 150px;
	/*left: 150px;*/
	left: 0px;
	/*width: 422px; /* Image width */
	width:100%;
        /*height: 170px; /* Image height */
	height:250px;
	padding: 0px;
	/* background: transparent; */
	/* color: black; */
}

/* Styling for div that contains the logo used on the login page (either white or transparent background) */
div.login_page_form_logo {
        background: url('../../images/cellpower_login_logo.png') no-repeat center center;
        width: 133px;
        height: 150px;
        position: absolute;
        top: 158px;
        left: 179px;
        padding: 0px;
}

/* Styling for div element that contains the company/copyright/powered by logo on the login page */
div.login_page_company_logo {
	background: url('../../images/expertron_logo.jpg') no-repeat center center;
	position: absolute;
	top: 320px;
	left: 325px;
	width: 76px; /* Image width */
	height: 63px; /* Image height */
	padding: 0px;
}

div.login_page_form {
	position: absolute;
	top: 170px;
	left: 320px;
	width: 220px;
	height: 130px;
	text-align: right;
	border: 0px;
	background: transparent;
	/* color: black; */
}

div.login_page_error {
	background: #e5e0aa;
	position: absolute;
	top: 155px;
	left: 600px;
	width: 220px;
	padding: 4px;
	text-align: left;
	border: 1px solid #C1BD8F;
	/* color: black; */
}
#login_page_user_id {
   text-align:right;
}
#login_page_password {
   text-align:right;
}
p.login_page_service_name {
        /*font-style:italic;*/
        /*font-weight:bold;*/
        margin:2px;
}
p.login_page_title {
        /*color:black;*/
        font-size:14px;
        font-style:italic;
        font-weight:bold;
        margin:2px;
}
#login_button {
   font-size:12px;
   margin:0px;
   padding:2px;
}
/* LOGOUT PAGE */

div.logout_content {
        /* This will center the div element */
        width: 410px;
        margin-left: auto;
        margin-right: auto;
}

div.logout_logo {
        background: url('../../images/cellpower_logoff.jpg') no-repeat center center;
        height: 125px; /* Image height */
}

/* BANNER */

/* Add styling common to all banner div elements */
div.banner {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
   z-index: 2;
}

	/* Add styling to the banner background div element */
	/* USAGE: class='banner banner_background' */
	div.banner_background {
		background: url('../../images/banner_background.jpg') repeat-x;
		color: white;
		/* position: absolute; */
		/* left: 0px; */
		/* top: 0px; */
		width: 100%;
		height: 82px; /* Image height */
		/* padding: 0px; */
		/* padding-right: 0px; */
		border: 0px;
		/* border: 0px #FFFFFF solid; */
	}

	/* Add styling to the div element that contains the banner logo */
	/* USAGE: class='banner banner_logo' */
	div.banner_logo {
		background: url('../../images/banner_logo.jpg') no-repeat;
		color: black;
		/* position: absolute; */
		/* left: 0px; */
		/* top: 0px; */
		width: 266px; /* Image width */
		height: 82px; /* Image height */
		/* padding: 0px; */
		/* padding-right:0px; */
	}

	/* Add styling common to all banner title div elements */
	div.banner_title {
		color: black;
		left: 200px;
		width: 499px; /* Image (used in div.banner_title_background) width */
		text-align: center;
	}

		/* Add styling to the div element that contains the background for the banner title */
		/* USAGE: class='banner banner_title banner_title_background' */
		div.banner_title_background {
			background: url('../../images/banner_title_background.jpg') no-repeat;
			/* z-index:-1; */
			/* color: black; */
			/* position: absolute; */
			/* left: 200px; */
			top: 22px;
			/* width: 499px; */
			height: 35px; /* Image height */
			/* padding: 0px; */
			/* padding-right:0px; */
			/* text-align: center; */
		}
	
		/* Add styling to the div element that contains the title text */
		/* USAGE: class='banner banner_title banner_title_text' */
		div.banner_title_text {
			/* z-index:-1; */
			background-color: transparent;
			/* color: black; */
			/* position: absolute; */
			/* left: 200px; */
			top: 25px;
			/* width: 499px; */
			height: 30px;
			/* padding: 0px; */
			/* padding-right:0px; */
			/* text-align: center; */
		}

	/* Add styling to the div element that contains information such as username, login date, etc. */
	/* USAGE: class='banner banner_information' */
	div.banner_information {
		background-color: transparent;
		/* color: white; */
		/* position: absolute; */
		right: 10px;
		left: auto;
		top: 28px;
		width: 300px;
		height: 45px;
		/* padding: 0px; */
		/* padding-right: 0px; */
		border: 0px;
	}

	/* Add styling to the banner navigation bar */
	/* USAGE: class='banner banner_navigation_bar' */
	div.banner_navigation_bar {
		/* z-index:-1; */
		background-color: transparent;
		color: white;
		/* position: absolute; */
		right: 10px;
		left: auto;
		top: 0px;
		width: 100%;
		height: 20px;
		/* padding: 0px; */
		/* padding-right:0px; */
		text-align: right;
		border: 0px;
	}

		div.banner_navigation_bar table {
			padding: 2px;
			line-height: 1.5em;
		}

/* Styles for the banner when printed (as PDF or PS) */
div.printed_banner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}


/* CONTENT */

/* Styling for div element that contains all content (except the banner) on the page */
div.container {
	position: absolute;
	top: 80px;
	width: 99%;
	margin-left: 5px;
	margin-right: 5px;
   /* Do NOT use "z-index:-1;" as this will break the styling for Chrome. Note that
      if z-index>-1 it will break styling for IE (see ie_fix.css) */
   z-index: 0;
}

div.content {
	position: absolute;
	left: 210px;
	top: 15px;
	width: 650px;
	padding: 0px;
}

div.content_button {
	background-color:#CCC;
}
div.main_heading {
        background: #5E7193 url('../../images/table_heading_background.png') repeat-x;
	height:24px;
	position: relative;
	line-height:24px;
        color: #FFFFFF;
	font-weight:bold;
	font-size:9pt;
}
div.main_heading p {
        color: #FFFFFF;
	font-weight:bold;
	font-size:9pt;
	margin:0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform:  translate(-50%, -50%);
	-ms-transform:  translate(-50%, -50%);
	left: 50%;
	margin-right: -50%;
}

/* NOTE: Used in func_err.php */
div.confirm_message {
	border: 1px solid #C1BD8F;
	background-color: #e5e0aa;
	padding: 4px;
}

/* AJAX POPUP */

div.ajax_popup {
   background: #C6C6C6;
   border: 1px solid #626262;
   z-index: 9999;
   opacity: 0.85;
   filter: alpha(opacity=85); /* For IE */
   padding: 5px;
   position: absolute;
   width: 300px;
   display: none;
}

   div.ajax_popup div.ajax_popup_close_button {
      height: 33px;
   }

      div.ajax_popup div.ajax_popup_close_button img {
         border: none;
         position: absolute;
         top: 10px;
         right: 10px;
      }

/* MISC */

div.import_file_logo {
   background: transparent url('../../images/cellpower_logo.jpg') no-repeat center center;
   height: 125px; /* Image height */
   width: 410px; /* Used to center div */
   margin-left: auto; /* Used to center div */
   margin-right: auto; /* Used to center div */
}
div.import_file_feedback {
	width: auto;
	background: #F0F0F0;
	display: inline-block;
	padding: 20px;
	border-radius: 10px;
}

/* ******************* PARAGRAPH ******************* */

p.error {
	border: 1px solid #000099;
	padding: 2px;
	width: 80%;
	text-align: center;
	border-spacing: 0px;
	background-color: #ffcc66;
}

/* ******************* SPAN ******************* */

span.vend_calendar_value {
	color: #4E4E4E;
	cursor: pointer;
}

/* Add styling for the message/sms character count */
span.message_character_count_label, span.message_character_count,
span.sms_character_count_label, span.sms_character_count {
}

/* ******************* MISCELLANEOUS ******************* */

/* NOTE: Replaces .printclass */
.print_content {
	display: none;
}

/* NOTE: Replaces .printclass1 */
.screen_content {
	display: inline;
}

@media print {
	/* NOTE: Replaces .printclass */
	.print_content { 
		display: inline;
	}
	/* NOTE: Replaces .printclass1 */
	.screen_content {
		display: none;
	}
	/* NOTE: Replaces .menu_left */
	.menu_sidebar_left {
		display: none;
	}
	/* NOTE: Replaces .menu_top */
	.menu_bar_top {
		display: none;
	}
	div.content {
		left:0;
		top:0;
		position:fixed; /* Chrome does not seem to like this */
		width:auto;
	}
	table tr td {
		font-size:6pt;
                padding:0px;
	}
	tr.main_heading {
		color:black;
	}
}

.warning {
	color: #DC0000;
}

.tooltip {
	color: #1919ed;
	font-weight: normal;
	cursor: pointer;
	padding: 5px;
}

.tooltip_heading {
   color: #ffffff;
   font-weight: normal;
   cursor: pointer;
	padding: 5px;
}

.large_font {
	font-size: 11pt;
	font-weight: bold;
}

.txt_in_progress {
	color: #0000ff;
}

.txt_success {
	color: #059d00;
}

.txt_error {
	color: #ff0000;
}

/* USAGE (as replacement for table.standard2): class='standard noborder' */
/* NOTE: Also replaces table.standard2 */
.noborder {
	border: 0px;
}

/* The background color for all charts on the dmi */
.charts {
   background-color: #F2F0CA;
}

#pin_reset_verification_code {
   font-family: "Lucida Console", Monaco, monospace;
   white-space: pre;
   font-size: 14px;
   font-weight:bold;
}

/*
-----------------------------------------------------------------------------------
TABLES
-----------------------------------------------------------------------------------
*/

/* Add styles common to all tables */
table {
	font-size: 8pt;
	padding: 0;
	background-color: transparent;
	border-spacing: 0px;
}

	table.standard {
		width: 95%;
		text-align: left;
		background-color: #FFFFFF;
		border: 1px solid darkgrey;
		border:0;
		border-radius: 0px;
	        padding: 5px;
	}
	table.standard tr th {
		padding:3px;
	}
	table.standard tr td {
                border-bottom: 1px solid #FFFFFF;
                padding:3px;
        }
        table.standard tr:last-child td {
                border-bottom: 0;
        }

        table.standard.form_2col > tbody > tr > td:first-child {
        	text-align:right;
        	white-space: nowrap;
        	width:10%;
        }
        table.standard.form_2col > tbody > tr.main_heading > td,
        table.standard.form_2col > tbody > tr.content_button > td,
        table.standard.form_2col > tbody > tr > td[colspan="2"] {
        	text-align:center;
        }

	table.inner_tab {
		width: 100%;
		border: 0px;
		padding:0px;
	}
	table.nostyle tr td {
            border: 0px;
        }

	table.report {
		width: 95%;
		text-align: left;
		background-color: #FFFFFF;
		border: 1px solid #546382;
	}
		table.report tr td {
			border-bottom: 1px solid #D0D0D0;
			padding: 3px;
			white-space:nowrap;
			text-align: left;
                        vertical-align:bottom;
		}
		table.report tr:last-child td {
			border-bottom: 0;
		}

		tr.report_stock_type_sub {
			color: #666666;
		}

	/* NOTE: Replaces table.standard4 */
	table.header {
		width: 95%;
		text-align: left;
		/* padding: 0px; */
		background-color: #5b8aa7;
		border-spacing: 1px;
		border: 1px solid #5b8aa7;
	}

		table.header tr td {
			color: white;
			font-size: 9pt;
			padding: 0px;
		}
	
	/* NOTE: Replace styles in func_err.php */
	table.error_message {
		border: 1px solid #000099;
		background-color: #FFCC66;
		width: 60%;
		padding: 0;
	}

	/* Styling for indicating the progress of importing a file */
	table.import_file {
		border: 2px solid #000099;
	}

		table.import_file td.progress_bar_fill {
			background-color: #009966;
		}

		table.import_file td.progress_bar_no_fill {
			background-color: #FFFFFF;
		}
        table.login_form {
                margin:auto;
                padding-top:2px;
                text-align:right;
                width:100%;
        }
        table.login_form tr td {
                padding:1px;
		font-size:10pt;
        }
/* NOTE: Replaces tr.menu_left td */
tr.menu_sidebar_left td {
	border-bottom: 1px solid #C1BD8F;
}

td.mlm_level {border-bottom:1px solid #777777 !important;}


/* TABLE HEADINGS */

/* Add styling common to all main headings */
tr.main_heading {
	color: #FFFFFF;
	/* background-color: #4A5468; */
	/* NOTE: When using a table heading background image, the background colour should
	be the same colour as that of the image's bottom pixel row. This is needed for cases
	where the table heading text extends beyond the image height. */
	background: #5E7193 url('../../images/table_heading_background.png') repeat-x;
}

	/* USAGE: class='main_heading main_heading_1' */
	/* NOTE: Replaces tr.opskrif1 */
	tr.main_heading_1 {
		font-weight: bold;
		font-size: 9pt;
	}
		/* NOTE: Replaces td.opskrif1 */
		tr.main_heading_1 td {
			padding-left: 5px;
			padding-right: 5px;
			height: 24px;
		}

	/* USAGE: class='main_heading main_heading_2' */
	/* NOTE: Replaces tr.opskrif1b */
	tr.main_heading_2 {
		font-weight: bold;
		font-size: 8pt;
	}
		/* NOTE: Replaces td.opskrif1b */
		tr.main_heading_2 td {
			padding: 5px;
		}

	/* USAGE: class='main_heading main_heading_3' */
	/* NOTE: Replaces tr.opskrif1c */
	tr.main_heading_3 {
		font-size: 8pt;
	}
		/* NOTE: Replaces td.opskrif1c */
		tr.main_heading_3 td {
			text-align: left;
			padding: 2px;
		}

/* Add styling common to all sub headings */
/* NOTE: Replaces tr.opskrif2, td.opskrif2, td.opskrif2b */
tr.sub_heading {
	background-color: #CCCCCC;
}
	/* USAGE: class='sub_heading sub_heading_extra' */
	/* NOTE: Replaces tr.opskrif2b */
	tr.sub_heading_extra {
		font-weight: bold;
		text-align: center;
		white-space: nowrap;
	}

tr.white_space_wrap td {
	white-space:normal !important;
}

/* NOTE: Replaces tr.report_heading td, td.report_heading */
tr.report_heading td {
	/* NOTE: When using a table heading background image, the background colour should
	be the same colour as that of the image's bottom pixel row. This is needed for cases
	where the table heading text extends beyond the image height. */
	background: #5E7193 url('../../images/table_heading_background.png') repeat-x;
	color: #FFFFFF;
/* 	background-color: #5b8aa7; */
	font-weight: bold;
	font-size: 8pt;
/* 	border-bottom: 1px solid #000099; */
	text-align: left;
	padding: 2px;
}

tr.col_headings {
	font-weight: normal;
}

/* Styles for report header when printed (as PDF or PS) */
tr.printed_report_header td {
	border-bottom: 1px solid #000000;
}


/* TABLE CONTENTS */

/* NOTE: Replaces tr.opskrif4, td.opskrif4 */
tr.content_main_alt_1 {
	background-color: #EEEEEE;
}

tr.bank_deposit_ignore {
        background-color: #F0F0F0;
}

/* NOTE: Replaces tr.opskrif3, td.opskrif3 */
tr.content_main_alt_2 {
	background-color: #E0E0E0;
}

/* NOTE: Replaces tr.opskrif2, etc. when the row has buttons */
tr.content_button {
	background-color: #CCCCCC;
}

/* NOTE: tr.content_pair_A_alt_1 replaces tr.blue1 */
/* NOTE: tr.content_row_odd replaces tr.alt_class_1a */
tr.content_pair_A_alt_1, tr.content_row_odd {
	background-color: #C9D1ED;
}

/* NOTE: tr.content_pair_A_alt_2 replaces tr.blue2 */
/* NOTE: tr.content_row_even replaces tr.alt_class_1b */
tr.content_pair_A_alt_2, tr.content_row_even {
	background-color: #e2e4e7;
}

tr.rollup_row td {
	font-weight: bold;
	background-color: #BABABA;
	/* font-size: 8pt; */
	/* color: black; */
}

/* NOTE: Replaces tr.opskrif5 */
tr.alert_level_1 {
	background-color: #FF5C21;
}

/* NOTE: Replaces tr.opskrif7 */
tr.alert_level_2 {
	background-color: #EAD16D;
}

/* NOTE: Replaces tr.opskrif8 */
tr.alert_level_3 {
	background-color: #FF943D;
}

/* Used for agent and group ranking popups on dashboard */
tr.ranking {
}

/* NOTE: tr.warning replaces tr.warning, td.warning */
tr.warning, tr.suspend {
	background-color: #f8c14c;
}
tr.fraud {
	background-color: #F73403;
	color: white;
}
tr.fraud a {
	color:white;
}

tr.archive_notice {
	background-color: #FF7C2A;
	color: #FFFFFF;
	font-weight: bold;
}

tr.error {
	background-color: #ffcc66;
}

tr.message {
	background-color: #B6CCE4;
}

tr.process {
	background-color: #B6D9BA;
}

/* NOTE: Replaces tr.marked */
tr.selected_terminal {
	background-color: #f8c14c;
}

.toggle {
   display: none;
}

td.navbar {
	text-align: center;
}

/* NOTE: Replaces style='color:#0000FF' */
td.instruction_ok {
	color: #0000FF;
}

/* NOTE: Replaces style='color:#FF0000' */
td.instruction_error {
	color: #FF0000;
}

td.prepaid_message {
	border-bottom: 1px solid #000000;
}

tr.border_seperator td {
   border-bottom: 1px solid #FFFFFF;
}
   tr.border_seperator td td {
      border-bottom: 0px;
   }

/* TOKEN STYLES */

td.tokens_released {
	background-color: #f8c14c;
	white-space: nowrap;
}

td.tokens {
	white-space: nowrap;
}

tr.Subsidy_token {
	background-color: #B4DA8B;
}

tr.Purchase_token {
	background-color: #98B6DA;
}

tr.Engineering_token {
	background-color: #F0E38B;
}


/* TRACE LOG STYLES */

tr.default_trace_log {
	background-color: #000000;
	color: #FFFFFF;
}

tr.sms_trans_type {
	background-color: #E4D888;
	font-weight: bold;
}

tr.gsm_core {
	background-color: #E4D888;
}

tr.prepaid_core, td.debit_account, td.credit_account {
	background-color: #C9D1ED;
}

tr.alarm {
	background-color: #FF7C2A;
	color: black;
}

option.heading {
   color: #FFFFFF;
   background: #5E7193;
}

/*
-----------------------------------------------------------------------------------
LINKS
-----------------------------------------------------------------------------------
 * Options:
 * text-decoration: underline or none
 * color: RGB hex code
 * background-color: transparent or RGB hex code
 * other: font-weight:bold, font-style:italic, font-size:9pt, etc.
*/

a {
	background-color: transparent;
	font-size: 8pt;
	font-weight: normal;
	/*text-decoration: none;*/
}
	a:link, a:visited, a:active {
		font-weight: normal;
		color: #1919ed;
	}
	a:hover {
		color: #1919ed;
		text-decoration: underline;
	}

a.navbar {
	font-size: 8pt;
}
	a.navbar:link, a.navbar:visited {
		color: #C0C0C0;
	}
	a.navbar:active, a.navbar:hover {
		color: #FFFFFF;
		text-decoration: none;
	}

a.report_heading {
	font-size: 7pt;
	font-weight: bold;
}
	a.report_heading:link, a.report_heading:visited {
		color: #C0C0C0;
	}
	a.report_heading:active, a.report_heading:hover {
		color: #FFFFFF;
	}

/* NOTE: Replaces a.sendsms */
a.send_sms {
	font-size: 7pt;
}
	a.send_sms:link, a.send_sms:visited {
		color: #CD2913;
	}
	a.send_sms:active, a.send_sms:hover {
		color: #FF3318;
		text-decoration: none;
	}

.pager {
   max-height: 60px;
   overflow: auto;
}
a.choose_page {
	font-size: 7pt;
}
	a.choose_page:link, a.choose_page:visited {
		color: #C0C0C0;
	}
	a.choose_page:active, a.choose_page:hover {
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
	}

/* NOTE: a.setup_back_link replaces a.black_link for setup.php and func_setup.php */
/* NOTE: a.help_link replaces a.black_link for banner.php */
a.help_link, a.setup_back_link {
	font-weight: bold;
}
	a.help_link:link, a.help_link:visited, a.setup_back_link:link, a.setup_back_link:visited {
		color: #4D4D4D;
	}
	a.help_link:active, a.help_link:hover, a.setup_back_link:active, a.setup_back_link:hover {
		color: #000000;
		text-decoration: none;
	}

a.delete_link {
   font-size: 7pt;
}
   a.delete_link:link, a.delete_link:visited, a.delete_link:active {
      color: #4D4D4D;
   }
   a.delete_link:hover {
      _color: #FFFFFF;
      text-decoration: none;
   }

/*
-----------------------------------------------------------------------------------
FORMS
-----------------------------------------------------------------------------------
*/

/* Add styles common to all input elements */
input {
	font-family: arial,helvetica,verdana,sans-serif; /* For IE */
}

	input[type="submit"], input[type="reset"], input[type="button"], button, a.button {
		padding: 5px;
		margin: 2px;
		border: 1px solid #aeaeae;
		border-radius: 0;
		cursor: pointer;
		text-decoration: none;
		background-color: #f0f0f0;
		font-size: 9pt;
		color: inherit;
		display: inline-block;
	}
	
	input[type="text"], input[type="password"], select, textarea {
		border: 1px solid #AAAAAA;
		background-color: #EAEAEA;
		/* color: black; */
		font-family: arial,helvetica,verdana,sans-serif; /* Not inherited (textarea) */
		font-size: 8pt; /* Necessary - not inherited */
		margin: 2px;
		padding:2px
	}
	
	input.login_input_field[type="text"], input.login_input_field[type="password"] {
		border: 1px solid #AAAAAA;
		background-color: #FAFAFA;
		/* color: black; */
		font-size: 10pt; /* Necessary - not inherited */
		margin: 2px;
		padding:5px;
	}
	
	input.noborder {
		border: 0px solid #000000;
		background-color: transparent;
		/* color: black; */
		font-size: 8pt; /* Necessary - not inherited */
	}

#scheduled_report option {
   padding:3px;
}

/*
-----------------------------------------------------------------------------------
NAVIGATION
-----------------------------------------------------------------------------------
*/

#nav, #nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	line-height: 1.3em;
}

	#nav ul {
		position: absolute;
		width: 12em;
		top: 1.3em;
		display: none;
      z-index: 9999;
	}
	
		#nav ul ul{
			top: auto;
		}
	
	#nav li {
		float: left;
		position: relative;
	}
	
		#nav li ul ul {
			left: 12em;
			margin: 0px 0 0 10px;
		}
	
		#nav li ul a {
			width: 14em;
			float: left;
		}
	
		#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
			display: none;
		}
		
		#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
			display:block;
		}
	
	#nav a:link, #nav a:active, #nav a:visited {
		display: block;
		padding: 0px 5px;
		border: 1px solid #1F1A17;
		color: #fff;
		text-decoration: none;
		background-color: #1F1A17;
	}
	
	#nav a:hover {
		background-color: #fff;
		color: #333;
	}

/*
-----------------------------------------------------------------------------------
SLIDE PANEL
-----------------------------------------------------------------------------------
*/

#slide-panel, #slide-panel-grps, #slide-panel-agents, #slide-panel-mlm-members {
/*	display: none; /*THE ELEMENT WILL NOT BE DISPLAYED*/
	border: 1px solid #C0C0C0; /*SLIDE PANEL BORDER WIDTH, STYLE AND COLOUR*/
	background-color: #E8E8E8; /*SLIDE PANEL BACKGROUND COLOR*/
/*	opacity: .9; /*SETS SLIDE PANEL BACKGROUND'S OPACITY TO 80%*/
/*   filter: alpha(opacity=90); /* For IE */
	margin: auto; /*CENTERS OUR SLIDE PANEL*/
}

	#slide-panel .delete, #slide-panel-grps .delete, #slide-panel-agents .delete, #slide-panel-mlm-members .delete {
		position: relative;
		cursor: pointer;
		padding:2px;
	}

#slide-panel {
	width: 650px; /*WIDTH OF HIDDEN SLIDE PANEL*/
   top: 10px;
}

#slide-panel-grps, #slide-panel-agents {
	width: 650px; /*WIDTH OF HIDDEN SLIDE PANEL*/
   top: 10px;
}

#slide-panel-mlm-members {
   min-width: 1000px; /*WIDTH OF HIDDEN SLIDE PANEL*/
   width:auto;
   top: 10px;
}

.slide, .slide-grps, .slide-agents {
	margin: 0; /*NO MARGIN*/
	padding: 0; /*NO PADDING*/
}

.btn-slide, .btn-slide-grps, .btn-slide-agents {
	text-align: left; /*ALIGNS TEXT CENTER*/
	display: block; /*DISPLAY AS A BLOCK*/
	color: #fff; /*TEXT COLOR*/
	text-decoration: none; /*REMOVES UNDERSCORE FROM LINK*/
	font-family: Arial, Helvetica, sans-serif; /*FONT FAMILY*/
	font-weight: bold; /*TURNS TEXT BOLD*/
	font-size: 1em; /*FONT SIZE*/
	margin-right: auto; /*MARGIN AUTO*/
	margin-left: auto; /*MARGIN AUTO*/
}

/*
-----------------------------------------------------------------------------------
SLIDE PANEL NOTICES
-----------------------------------------------------------------------------------
*/

#slide-panel, #slide-panel-notices {
   border: 1px solid #C0C0C0; /*SLIDE PANEL BORDER WIDTH, STYLE AND COLOUR*/
   background-color: #E8E8E8; /*SLIDE PANEL BACKGROUND COLOR*/
/*   opacity: .9; /*SETS SLIDE PANEL BACKGROUND'S OPACITY TO 80%*/
/*   filter: alpha(opacity=90); /* For IE */
   margin: auto; /*CENTERS OUR SLIDE PANEL*/
   color: #626262; /*TEXT COLOR*/
}

   #slide-panel .delete, #slide-panel-notices .delete {
      position: relative;
      cursor: pointer;
      padding: 2px;
   }

#slide-panel {
   width: 450px; /*WIDTH OF HIDDEN SLIDE PANEL*/
}

#slide-panel-notices {
   width: 430px; /*WIDTH OF HIDDEN SLIDE PANEL*/
}

.slide, .slide-notices {
   margin: 0; /*NO MARGIN*/
   padding: 0; /*NO PADDING*/
}

.btn-slide, .btn-slide-notices {
   text-align: left; /*ALIGNS TEXT CENTER*/
   display: block; /*DISPLAY AS A BLOCK*/
   color: #fff; /*TEXT COLOR*/
   text-decoration: none; /*REMOVES UNDERSCORE FROM LINK*/
   font-family: Arial, Helvetica, sans-serif; /*FONT FAMILY*/
   font-weight: bold; /*TURNS TEXT BOLD*/
   font-size: 1em; /*FONT SIZE*/
   margin-right: auto; /*MARGIN AUTO*/
   margin-left: auto; /*MARGIN AUTO*/
}


/*
-----------------------------------------------------------------------------------
CALENDAR STYLES
-----------------------------------------------------------------------------------
* NOTE:
* The styles for the Calendar Popup are defined in CalendarPopup.js, specifically 
* in the function "getCalendarStyles". Calls to "getCalendarStyles" have been 
* removed from the php files. The styles can be redefined here.
*/

div.calendar_popup {
   z-index: 9999;
	position: absolute;
	visibility: hidden;
	background-color: white;
	layer-background-color: white; /* Only for Opera 9+ */
}

.cpYearNavigation, .cpMonthNavigation {
	/* Original styles as in CalendarPopup.js */
	background-color: #C0C0C0;
	text-align: center;
	vertical-align: center;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	/* End original styles */
}

.cpDayColumnHeader, .cpYearNavigation, .cpMonthNavigation, .cpCurrentMonthDate, .cpCurrentMonthDateDisabled, .cpOtherMonthDate, .cpOtherMonthDateDisabled, .cpCurrentDate, .cpCurrentDateDisabled, .cpTodayText, .cpTodayTextDisabled, .cpText {
	/* Original styles as in CalendarPopup.js */
	/*font-family: arial;
	font-size: 8pt;*/
	/* End original styles */
}

td.cpDayColumnHeader {
	/* Original styles as in CalendarPopup.js */
	text-align: right;
	border: solid thin #C0C0C0;
	border-width: 0px 0px 1px 0px;
	/* End original styles */
}
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate  {
	/* Original styles as in CalendarPopup.js */
	text-align: right;
	text-decoration: none;
	/* End original styles */
}
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled {
	/* Original styles as in CalendarPopup.js */
	color: #D0D0D0;
	text-align: right;
	text-decoration: line-through;
	/* End original styles */
}
.cpCurrentMonthDate, .cpCurrentDate {
	/* Original styles as in CalendarPopup.js */
	color:#000000;
	/* End original styles */
}

.cpOtherMonthDate {
	/* Original styles as in CalendarPopup.js */
	color:#808080;
	/* End original styles */
}

td.cpCurrentDate {
	/* Original styles as in CalendarPopup.js */
	color: white;
	background-color: #C0C0C0;
	border-width: 1px;
	border: solid thin #800000;
	/* End original styles */
}

td.cpCurrentDateDisabled {
	/* Original styles as in CalendarPopup.js */
	border-width: 1px;
	border: solid thin #FFAAAA;
	/* End original styles */
}

td.cpTodayText, td.cpTodayTextDisabled {
	/* Original styles as in CalendarPopup.js */
	border: solid thin #C0C0C0;
	border-width: 1px 0px 0px 0px;
	/* End original styles */
}

a.cpTodayText, span.cpTodayTextDisabled {
	/* Original styles as in CalendarPopup.js */
	height: 20px;
	/* End original styles */
}

a.cpTodayText {
	/* Original styles as in CalendarPopup.js */
	color: black;
	/* End original styles */
}

.cpTodayTextDisabled {
	/* Original styles as in CalendarPopup.js */
	color: #D0D0D0;
	/* End original styles */
}

.cpBorder {
	/* Original styles as in CalendarPopup.js */
	border: solid thin #808080;
	/* End original styles */
}


/*
-----------------------------------------------------------------------------------
PROGRESS INDICATOR
-----------------------------------------------------------------------------------
*/

div#loader {
   border: 0px;
   width: 430px;
   height: 50px;
   background: url('images/ajax-loader.gif');
}

.ac_results {
   padding: 0px;
   border: 1px solid #546382;
   background-color: white;
   overflow: hidden;
   z-index: 99999;
}

.ac_results ul {
   width: 100%;
   list-style-position: outside;
   list-style: none;
   padding: 0;
   margin: 0;
}

.ac_results li {
   margin: 0px;
   padding: 2px 5px;
   cursor: default;
   display: block;
   /* 
   if width will be 100% horizontal scrollbar will appear 
   when scroll mode will be used
   */
   /*width: 100%;*/
   font: menu;
   font-size: 8pt;
   /* 
   it is very important, if line-height not set or set
   in relative units scroll will be broken in firefox
   */
   line-height: 16px;
   overflow: hidden;
}

.ac_loading {
   background: white url('../../images/ajax-loader_tr.gif') right center no-repeat;
}

.ac_odd {
   background-color: #eee;
}

.ac_over {
   background-color: #447bcd;
   color: white;
}

.progress_indicator {
   background: url("../../images/progress.gif") no-repeat center center;
}

.progress_bar {
   width: 150px;
   border: 1px solid #204A87;
   background-color: #8d9eb0;
}

.progress {
   height: 15px;
   background-color: #4f70a0;
}

.progress_text {
   color: #5474a3;
   font-weight: bold;
   font-size: 9pt;
}

/*
-----------------------------------------------------------------------------------
TABBED FORMS
-----------------------------------------------------------------------------------
*/

.widget {
   position: absolute;
   top: 15px;
   left: 260px;
   width: 310px;
/*    margin: 20px; */
   margin: 0px;
/*    padding: 10px;  */
   padding: 10px 0 0 0; /* Using "paddding-top: 0px;" will cut off the top part of the the tab in IE */
   background: #f2f0ca;
   border: 0px;
   margin-bottom: 15px;
}

   .widget a {
      /* color: #222; */
      /* color: #1919ED; */
      text-decoration: none;
   }
   
   .widget a:hover {
      /* color: #009; */
      /* color: #1919ED; */
      text-decoration: underline;
   }

   .tabnav li {
      display: inline;
      list-style: none;
      padding-left: 10px;
   }
   
      .tabnav a {
         text-decoration: none;
         color: #222;
         font-weight: bold;
         padding: 4px 6px;
         padding-bottom: 3px;
         outline: none;
         background-color: #E7E4B9;
         border: 1px solid #E7E4B9;
         border-bottom-width: 0px;
      }
      
     .tabnav a.active {
         background-color: #F2F0CA;
         background-image: url("../../images/tab_active_background2.png");
         background-repeat: repeat-x;
         border: 1px solid #C1BD8F;
         border-bottom-width: 0px;
         color: #222;
         text-decoration: none;
         padding-bottom: 4px;
         position: relative; /* Required for IE: Otherwise tabdiv border will be visible as a bottom-border for the tab */
      }
      .tabnav li a:hover {
         color: #222;
         text-decoration: none;
      }

      
   .tabdiv {
      /*_top: 15px;*/
      margin-top: 3px;
      /*_background: #e5e0aa;*/
      background: transparent;
      border: 1px solid #C1BD8F;
      padding: 10px 0px 10px 0px;

   }
   
      .tabdiv li {
         list-style-image: url("star.png");
         margin-left: 20px;
      }

      .ui-tabs-hide {
         display: none;
      }

      #featuredvid {
         text-align: center;
      }
      
         .fvid {
            margin-bottom: 5px;
         }
      
         .vidselector li {
            text-align: left;
            list-style: none;
            padding: 5px;
            background: #ffffff;
            border: 1px solid #dedbd1;
            text-transform: uppercase;
            margin-bottom: 5px;
         }



/** 
 * While we're having the loading class set.
 * Removing it, will remove the loading message
 */
/*DIV#loader.loading {
  background: url(images/ajax-loader.gif) no-repeat center center;
}*/

/*
-----------------------------------------------------------------------------------
MUNIN SYSTEM MONITOR
-----------------------------------------------------------------------------------
*/

iframe.munin {
   width:90%;
   height:700px;
   border: 5px solid #E8E8E8;
   border-radius:10px;
}

/*
-----------------------------------------------------------------------------------
jQuery UI theme overrides
-----------------------------------------------------------------------------------
*/
.ui-widget {font-family:arial,sans-serif}

/* 
-----------------------------------------------------------------------------------
hc_input_core terminal render rules
-----------------------------------------------------------------------------------
*/
.render_rule_up,.render_rule_down,.render_rule_insert,.render_rule_delete,.render_rule_top,.render_rule_bottom {
	cursor:pointer;
	text-decoration: underline;
	color: blue;
	width:15px;
	height:13px;
	display:inline-block;
}
.render_rule_selected {
	background: red;
}
.render_rule_up {
	background: url(../../images/render_rule_up.png) no-repeat center center;
}
.render_rule_down {
	background: url(../../images/render_rule_down.png) no-repeat center center;
}
.render_rule_insert {
	background: url(../../images/render_rule_insert.png) no-repeat center center;
}
.render_rule_delete {
	background: url(../../images/render_rule_delete.png) no-repeat center center;
}
.render_rule_top {
	background: url(../../images/render_rule_top.png) no-repeat center center;
}
.render_rule_bottom {
	background: url(../../images/render_rule_bottom.png) no-repeat center center;
}
.render_rule_up {
	background: url(../../images/render_rule_up.png) no-repeat center center;
}
table.hc_input_core_render_rules {
	border-collapse: collapse;	
}
table.hc_input_core_render_rules th,table.hc_input_core_render_rules td {
	padding:1px;
}
input[type="text"].render_rule {
	font-family:"Lucida Console", Monaco, monospace;
	height:22px;
	background:white;
	margin:0;
	padding:2px;
	border:0;
}
input[type="text"].render_rule_display {
	width:21em;
}
div.render_rules {
}

/*
 * feedback messages
 */
div.info, div.success, div.warning, div.error, div.validation, div.confirm {
   border: 1px solid;
   margin: 10px 0px;
   padding:12px 5px 12px 45px !important;
   background-repeat: no-repeat;
   background-position: 5px center;
   border-radius: 7px;
   text-align:left;
}
div.info {
   color: white;
   background-color: cornflowerblue;
   background-image: url('../../images/feedback_info.png');
}
div.success {
   color: #4F8A10;
   background-color: #DFF2BF;
   background-image:url('../../images/feedback_success.png');
}
div.warning {
   color: #9F6000;
   background-color: #FEEFB3;
   background-image: url('../../images/feedback_warning.png');
}
div.error {
   color: #D8000C;
   background-color: mistyrose;
   background-image: url('../../images/feedback_error.png');
}
div.confirm {
   color: #2F53D3;
   background-color: #E1EDFF;
   background-image: url('../../images/feedback_confirm.png');
   border-color: #729EC7;
}
div.validation {
   color: #D63301;
   background-color: #FFDECC;
   background-image: url('../../images/feedback_validation.png');
}

.goog-tooltip {
  color: white;
  font-weight: bold;
}

img.geolocation {
	cursor:pointer;
}
#mapContainer {
	position:absolute;
	display:none;
	border: 4px solid white;
	box-shadow: 0px 0px 6px 0 #888;
}