@charset "utf-8";
/* CSS Document */
html, body {
height:100%;
margin:0px;
}

/* General Framework Styles
----------------------------------------------------------------------------------------------------*/

body {
	font-family: Helvetica, Arial, Sans-Serif;
	background: repeat-x url(images/header_background.png) top center;
	color:#564b47;  
	background-color: #eeeeee;
	font-size: 62.5%;
}

.clear {
	clear:both;
}

#page  {
	min-height:100%;
	position:relative;
	width:auto;
}

#content_wrap {
	margin: 0 auto;
	width: 1050px;
	height: 100%;
}

#header {
	color: #fff;
	padding-top: 0;
	height: 117px;
	position: relative;
}

#left_column {
	width: 220px;
	margin-top: 20px;
	margin-bottom: 30px;
	float: left;
}

#right_column {
	position: relative;
	margin-left: 20px;
	width: 810px;
	margin-top: 20px;
	float: left;
	margin-bottom: 110px;
}

#footer {
	bottom: 0px;
	position: absolute;
}


/*-------------------------------------------------------------------------------------------------- 
	H E A D E R
----------------------------------------------------------------------------------------------------*/
#maintenance_notification {
	position: relative;
	height: 25px;
	font-size: 12px;
	line-height: 25px;
	background-color: #d92323; 
	z-index: 9999; 
	color: #fff;  
	border-bottom: 1px dashed #fff; 
	text-align: center
}

#header {
	color: #fff;
	padding-top: 0;
	height: 117px;
	position: relative;
	background: repeat-x url(images/header_background.png) top center;
}

#ajax_request {
	position: absolute;
	top: -28px;
	right: 0;
	height: 18px;
}

#ajax_request div {
	height: 28px;
	background-image: url(images/ajax_background.png);
}

#ajax_request_left {
	width: 10px;
	float: left;
}

#ajax_request_right {
	z-index: 2;
	float: left;
	line-height: 2.3em;
	padding-right: 10px;
	background-position: top right;
}

#ajax_request_heading {
	float: left;
}

#ajax_request img {
	padding-top: 5px;
	padding-left: 5px;
	display: block;
	float: right;
}

#header h2 {
	position: absolute;
	left: 211px;
	top: 11px;
}
.header_search_title {
	width: 78px;
	height: 56px;
	position: absolute;
	bottom: 0px;
	background: url(images/header_search_title.png);
}
.company_logo {
	position: absolute;
	top: 11px;
	left: 5px;
	margin-right: 10px;
}
.header_links {
	position: absolute;
	right: 0px;
	padding: 10px;
}

/*----------------------------------------------------------------------------------------------------
	N A V I G A T I O N
----------------------------------------------------------------------------------------------------*/
#navigation {
	position: absolute;
	left: 0px;
	bottom: 9px;
	height: 39px;
}

#navigation a {
	display: block;
	color: #fff;
	width: auto;
	height: 39px;
	text-decoration: none;
	outline: none;
	font-size: 16px;
	line-height: 24px;
}

#navigation a:visited {
	text-decoration: none;
}

#navigation ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}

#navigation li {
	cursor: pointer;
	position: relative;
	display: inline;
	float: left;
	margin-right: 5px;
}

.main_tab_left {
	display: block;
	position: relative;
	float: left;
	background-image: url(images/main_tab_left.png);
	height: 39px;
	width: 9px;
}

.main_tab_left.selected {
	background-image: url(images/main_tab_left_selected.gif);
}

.main_tab_right {
	font-size: 13px;
	text-shadow: 1px 1px 1px #061125;
	font-weight: bold;
	display: block;
	float: left;
	position: relative;
	padding-left: 6px;
	padding-right: 12px;
	height: 39px;
	line-height: 39px;
	background-image: url(images/main_tab_right.png);
	background-position:right;
}

.main_tab_right.selected {
	background-image: url(images/main_tab_right_selected.gif);
}

#navigation img {
	display: block;
	border: none;
	position: relative;
	float: left;
	background-image: url(images/main_tab_middle.png);
}


#navigation img.selected {
	background-image: url(images/main_tab_middle_selected.gif);
}

/*--------------------------------------------------------------------------------------------------
	L E F T   P A N E L
----------------------------------------------------------------------------------------------------*/
.left_panel {
	margin-bottom: 20px;
}

.left_panel_wrap {
	background-color: #f0f4f7;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	padding: 10px;
	padding-bottom: 6px;
}

.left_panel label {
	display: block;
	margin-top: 5px;
}

.left_panel select {
	width: 198px;
}

.left_panel input[type=text] {
	width: 194px;
}


.left_panel input[type=button] {
	width: 198px;
	height: 36px;
	display: block;
	border-style: none;
	background-image: url(images/green_button_background.png);
	background-color: transparent;
	margin-top: 10px;
	color: #fff;
	font-weight: bold;	
	line-height: 1em;
	padding-bottom: 5px;
	text-shadow: 0px 1px 0px #000;
	outline: none;
	cursor: pointer;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

.left_panel input:active[type=button] {
	background-position: 0 -36px;
	cursor: pointer;
}

.left_panel input:focus[type=button]{
	-moz-outline: none;
	outline: none;
}


.left_panel input[type=radio] {
	margin-top: 8px;
	margin-left: 0px;
}

.left_panel_heading {
	height: 35px;
	color: #3c4554;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 2.4em;
	text-shadow: 0px 1px 0px #fff;
}

.left_panel_heading span {
	display: block; 
	height: 35px; 
	float: left; 
	background-image: url(images/panel_heading_background.png);
}

.left_panel_heading span.left_panel_heading_left {
	width: 10px;
}

.left_panel_heading span.left_panel_heading_right {
	width: 210px;
	background-position: top right;
}

.left_panel_bottom {
	height: 4px;
	background-image: url(images/left_panel_bottom_backgroun.gif);
	width: 220px;
}


/*--------------------------------------------------------------------------------------------------
	R I G H T   P A N E L
----------------------------------------------------------------------------------------------------*/

.right_column_wrap {
	}


.right_panel_wrap {

	margin-bottom: 20px;
}


.right_panel_breadcrumbs {
	height: 36px;
	background-image: url(images/breadcrumbs_background.png);
	margin-bottom: 20px;
	}

.right_panel_breadcrumbs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

.right_panel_breadcrumbs li {
	cursor: pointer;
	float: left;
	height: 33px;
	margin-left: 10px;
	margin-top: 1px;
	line-height: 32px;
	background-image: url(images/breadcrumbs_li_background.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 20px;
	}

.right_panel_breadcrumbs li:hover {
	text-decoration: underline;
}

.right_panel_heading {
	height: 35px;
	padding-left: 10px;
	color: #222;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 2.4em;
	text-shadow: 0px 1px 0px #fff;
	height: 34px;
	background-color: #e8e8e8; 
	background-image: url(images/entity_panel_heading.png)
}

.right_panel_quicksearch {

	-webkit-border-radius: 20px;
	-moz-border-radius: 18px;
	border: 1px solid #626262;
	float: right;
	background-color: #fff;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 10px;
	margin-top: 7px;
}

.right_panel_quicksearch_icon {
	background-image: url(images/quicksearch.png);
	height: 15px;
	margin-top: 2px;
	width: 15px;
	float: left;
}

.right_panel_quicksearch_icon_clear {
	background-image: url(images/quicksearch_clear.png);
	cursor: pointer;
	visibility: hidden;
	height: 14px;
	width: 14px;
	margin-top: 2px;
	float: right;
}

.right_panel_quicksearch input {
	margin: 0;
	float: left;
	outline: none;
	padding: 2px;
	font-size: 11px;
	border: none;
}

.right_panel_quicksearch_error {
	display: none;
	padding-top: 10px;
	padding-bottom: 7px;
	text-align: center;
}

.right_panel_content {
	width: 808px; 
	border: 1px solid #8d8d8d; 
	border-top: none; 
	border-bottom: none; 
	background-color: #fff; 
	overflow: hidden;
}

.right_panel_content .field_container {
	padding: 10px;
	border-bottom: 1px dotted #C1C1C1;
}

.right_panel_content label {
	display: inline-block;
	width: 200px;
}

.right_panel_content label.text_area {
	vertical-align: top;
}

.right_panel_content textarea {
	width: 382px;
	height: 80px;
}

.right_panel_content input[type=text] {
	width: 382px;
}

.right_panel_content input[type=password] {
	width: 382px;
}


.right_panel_content input[type=button], .popup_upload_button {
	width: 198px;
	height: 36px;
	display: block;
	border-style: none;
	background-image: url(images/green_button_background.png);
	background-color: transparent;
	margin-top: 10px;
	margin-bottom: 7px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-weight: bold;	
	line-height: 1em;
	padding-bottom: 5px;
	text-shadow: 0px 1px 0px #000;
	outline: none;
	cursor: pointer;
}

.right_panel_content input:active[type=button] {
	background-position: 0 -36px;
	cursor: pointer;
}

.right_panel_bottom {
	width: 810px;
	background-image: url(images/entity_panel_bottom.png); 
	height: 7px;
	margin-top: -3px;
}



.tool {
	float: left;
	margin-top: 20px;
	margin-left: 19px;
	margin-bottom: 10px;
	width: 80px;
	height: 100px;
	display:block;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.tool a, .tool a:visited {
	color: #564B47;
	display: block;
	width: auto;
	height: auto;
	outline: none;
	text-decoration: none;
}

.tool img {
	border: none;
	text-decoration: none;
	margin-bottom: 8px;
}


.tool span:hover {
	text-decoration: underline;
}


.right_panel_table {
	border-collapse:collapse;
	width: 100%;
}

.right_panel_table thead {
	background-image: url(images/table_header_background.png);
	cursor: default;
}

.right_panel_table th {
	border-bottom: 1px solid #8d8d8d;
	text-align: left;
	height: 12px;
	padding: 5px;
	color: #000;
	padding-left: 10px;
}

.right_panel_table thead tr th, .right_panel_table thead tr th:hover {
	cursor: default;
}

.right_panel_table tfoot th {
	border-top: 1px solid #8d8d8d;
}

.right_panel_table td {
	padding: 5px;
	padding-left: 10px;
	border-top: 1px solid #c1c1c1;
}

.right_panel_table tr.alt {
	background-color: #f0f4f7;
}

.right_panel_table tr.selected {
	background-color: #d9e0ea;
}

.right_panel_table tbody tr:hover {
	background-color: #d9e0ea;
	color: #3c4554;
	cursor: pointer;
}

.right_panel_table td a img {
	border: none;
	text-decoration: none;
}

.right_panel_table.subdivided tbody tr td, .right_panel_table.subdivided thead tr th {
	height: 12px;
	border-left: 1px solid #c1c1c1; 
	border-right: 1px solid #c1c1c1; 
}

.right_panel_table.subdivided tbody tr:first-child, .right_panel_table.subdivided thead tr:first-child {
	border-left: 0px;
}

th.headerSortUp { 
    background-image: url(images/small_asc.png); 
	background-repeat: no-repeat;
    background-color: transparent; 
	background-position: 93% center;
} 


th.headerSortDown { 
    background-image: url(images/small_desc.png); 
	background-repeat: no-repeat;
    background-color: transparent; 
	background-position: 93% center;
}


/*==============================================
 *= UPLOADIFY OVERRIDE (Excel Import/Upload) ===
 *============================================*/

#excel_import_data_fileUploader {
	background: no-repeat url(images/uploadify_browse_button.png);
	width: 153px;
	height: 38px;
	margin-top: 5px;
	display: inline-block;
}

#excel_import_data_fileQueue {
	display: inline-block;
	padding-left: 10px;
}

/*==============================================
 *= FANCYBOX OVERRIDE ==========================
 *============================================*/
#fancybox-outer {
	background: transparent !important;
}

.popup_body {
	
	background: transparent;
	font-size: 62.5%;
}	

.popup_body .field_container {
	padding: 10px;
	border-bottom: 1px dotted #C1C1C1;
}

.popup_body label {
	display: inline-block;
	width: 160px;
}

.popup_body input[type=text]{
	width: 218px;
}

.popup_body input[type=file]{
	width: 218px;
}
.popup_heading {
	height: 35px;
	padding-left: 10px;
	color: #222;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 2.4em;
	text-shadow: 0px 1px 0px #fff;
	height: 34px;
	background-color: transparent; 
	background-image: url(images/popup_heading.png)
}

.popup_content {
	height: 182px;
	background-color: #fff;
	border-top: 1px solid #8D8D8D;
	border-left: 1px solid #8D8D8D;
	border-right: 1px solid #8D8D8D;
}

#fancy_frame {
	overflow: hidden;
}

.popup_bottom {
	background-image: url(images/popup_bottom.png);
	height: 7px;
	width: 401px;
}


/*--------------------------------------------------------------------------------------------------
 *	C H A R T S  &  G R A P H S
 * -----------------------------------------------------------------------------------------------*/
.bar_chart_wrap { 
	margin-top: 20px; 
	margin-left: 20px; 
	margin-bottom: 17px; 
	margin-right: 20px;
	float: left;
}

.bar_chart_wrap span.chart_title{
	margin-bottom: 15px;
	display: block;
	float: left;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: 0px 1px 0px #fff;
	border: 1px solid #aab0bc;
	color: #3C4554;
	background-color: #cdd3df;
}

.bar_chart_component {
	position: relative;
	margin-bottom: 10px;
	height: 18px;
	width: 200px;
	float: left;
}

.bar_chart_inner_wrap span.title {
	float: left;
	margin-right: 10px;
	margin-left: 5px;
	line-height: 18px;
}


.bar_chart_inner_wrap span.totals {
	float: left;
	line-height: 18px;
	margin-left: 10px;
}

.bar_chart_bg_left {
	position: absolute;
	width: 3px;
	height: 18px;
	background-image: url(images/barchart_left.png);
}

.bar_chart_bg_right {
	position: absolute;
	background: transparent url(images/barchart_right.png) top right;
	left: 3px;
	height: 18px;
}

.bar_chart_fg {
	position: absolute;
	min-width: 6px;
	padding-top: 3px;
	height: 13px;
	left: 1px;
}

.bar_chart_fg.left {
	position:absolute;
	min-width: 3px;
	top: 1px;
}

.bar_chart_fg.left.green {
	background: transparent url(images/bar_chart_fg_left_green.png);
}

.bar_chart_fg.left.blue {
	background: transparent url(images/bar_chart_fg_left_blue.png);
}

.bar_chart_fg.right.green {
	background: transparent url(images/bar_chart_fg_right_green.png) top right;
}

.bar_chart_fg.right.blue {
	color: #fff;
	text-shadow: 0px -1px 0px #222;
	background: transparent url(images/bar_chart_fg_right_blue.png) top right;
}

.bar_chart_fg.right {
	position: absolute;
	min-width: 4px;
	top: 1px;
	left: 3px;
	color: #222;
	font-size: 9px;
	font-style: bold;
	text-align: center;
	text-shadow: 0px 1px 0px #fff;
}


/*--------------------------------------------------------------------------------------------------
	D A T A   V I E W
--------------------------------------------------------------------------------------------------*/

.data_view_wrap {
	margin: 20px;
	padding: 10px;
	border: 1px solid #c1c1c1;
	font-family: monospace;
	font-size: 12px;
	height: 300px;
	overflow-y: scroll;
}

.data_view_wrap.loading {
	background: transparent url(images/ajax_loader_overlay.gif) center no-repeat;
}

/*--------------------------------------------------------------------------------------------------
	N O T I F I C A T I O N S
--------------------------------------------------------------------------------------------------*/

#notification_wrap_outer {
	height: 38px; 
	position: fixed; 
	bottom: 0; 
	width: 100%;
}

#notification_wrap_inner {
	height: 38px; 
	margin-left: 20px; 
	margin-right: 20px; 
	position: relative;
}

#notification_wrap_left {
	background-image: url(images/notification_bar_edges.png); 
	width: 8px; 
	height: 38px; 
	float: left
}

#notification_wrap_right {
	background-image: url(images/notification_bar_edges.png); 
	width: 8px; 
	height: 38px; 
	float: right; 
	background-position: 8px 0;
}

#notification_wrap_middle {
	background-image: url(images/notification_bar_background.png); 
	height: 38px; 
	width: auto; 
	margin-left: 8px; 
	margin-right: 41px;
}

#notification_button {
	float: right;
	width: 41px;
	height: 38px;
	color:#222222; 
	cursor: pointer; 
	background: transparent url(images/notification_button_background.png) no-repeat 0px 0px; 
	font-size:1.5em; 
	font-weight:bold; 
	line-height:2.9em; 
	text-shadow:0 1px 0 #FFFFFF;
}

#notification_button.selected {
	background-position: 0 -38px;
}

.notification {
	width: 250px;
	border-bottom: 1px dotted #c1c1c1;
	padding: 5px;
}

.even {
	background-color: #F0F4F7
	}

.notification:hover {
	cursor: pointer;
	color: #3c4554;
	background-color: #d9e0ea;
}


.notification_popup_section {
	border-bottom: 1px dotted #c1c1c1;
	padding: 5px;
}

#notification_list_inner_wrap {
	position: relative;
	height: 222px;
	overflow: hidden;
	/*border: 1px solid #8d8d8d;*/
	border-bottom: none;
}


#notification_list_inner_slider {
	position: absolute;
}

#notification_pagination {
	margin-top: 7px;
	margin-right: 5px;
	float: right;
}

.notification_popup {
	display: none;
	position: absolute; 
	bottom: 34px; 
	right: 3px; 
	width: 260px; 
	height: 282px;
	margin-right: -4px;
}

.notification_popup_inner {
	height: 250px;
	padding-left: 5px;
	padding-right: 5px;
	background: transparent url(images/notification_background.png) repeat-y;
}

.notification_top {
	height: 32px;
	background: transparent url(images/notification_top_background.png) no-repeat;
	font-size: 12px;
	font-weight: bold;
}

.notification_top span {
	margin-top: 5px;
	line-height: 27px;
	height: 27px;
	display:block;
	margin-left: 10px;
	width: 190px;
	color: #222;
	float: left;
}

.notification_top_button {
	width: 16px;
	height: 16px;
	float: right;
	cursor: pointer;
	background: transparent url(images/notification_top_buttons.png) no-repeat;
	margin-right: 10px;
	margin-top: 12px;
	}

.notification_top_button.minimise {
	background-position: 0px 0px;
}

.notification_top_button.minimise:hover {
	background-position: 0px -16px;
}

.notification_top_button.close {
	background-position: -16px 0px;
	margin-left: -5px;
}

.notification_top_button.close:hover {
	background-position: -16px -16px;
}

.notification_popup.not_list {
	line-height: 1.2em;
	margin-right: -8px;
}

#notification_popups {
	float: right;
}

.notification_popup_tab {
	background: transparent url(images/notification_bar_divider.png) no-repeat 0px 4px; 
	float: left;
	margin: 0;
	padding: 0;
	height: 38px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 4.2em;
	display:inline;
	position:relative;
}

.notification_popup_tab.selected {
	background-color: #fff;
	background: transparent url(images/notification_popup_tab_selected.png) no-repeat top left; 
}

.notification_popup_tab_title.unread {
	color: red;
	font-style: italic;
}

.notification_popup_tab_title:hover {
	text-decoration: underline;
	cursor: pointer;
}

#notification_wrap_middle li:hover {
	background-color: #fff;
}

#notification_pagination span {
	cursor: pointer;
}

#notification_pagination span:hover {
	text-decoration: underline;
}

span.notification_close {
	display: inline-block;
	float: right;
	cursor: pointer;
	margin-left: 10px;
	width: 16px;
	height: 38px;
	background: transparent url(images/icon_close.png) no-repeat 0 14px;
}

.priority {
	text-align: left;
}

.priority.red {
	color: red;
}

.priority.green {
	color: green;
}

.priority.orange {
	color: #ff7800;
}


/*-----------------------------------------------------------------------------------------------------
	C U S T O M   O V E R L A Y
-----------------------------------------------------------------------------------------------------*/

.custom_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}


/*-----------------------------------------------------------------------------------------------------
	C O U N T R I E S
-----------------------------------------------------------------------------------------------------*/

#country_summary > img {
	width : 64px;
	height: 64px;
}