/*-ELEMENTS-------------------------------------------------------------------------------------------------------------*/

* {margin: 0; padding: 0; /*border: 0;*/}

body, input, table, td, th, ul {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #666;}
body {background: #e2e7ea url('/images/bkg-main.gif') top repeat-x; font-size: 90%;}

a {text-decoration: none; outline: none; color:#0087b4;}
a:hover {text-decoration: underline;}
a:active {}
a:visited {}

h1 {color: #0087b4; font-size: 1.8em; margin: 0 0 10px 0; padding: 0;}
h2 {font-size: 1.4em; margin: 0 0 2px 0; padding: 0;}
h3 {margin: 0; padding: 0;}
h4 {margin: 0; padding: 0;}

fieldset {border: solid 1px #b7c9d7; padding: 10px 10px 10px 10px; margin: 0;}
legend {/*border: solid 1px #b7c9d7;*/ color: #666; font-style: italic; font-weight: bold; margin: 0; padding: 1px 5px 1px 5px;}

iframe {border: dotted 1px #b7c9d7;}
input {border: solid 1px #b7c9d7; outline: none; padding: 1px 3px 1px 3px;}

img {display: inline; border-style: none;}

label {font-weight: bold;}

p {}

select {border: solid 1px #b7c9d7;}

table {font-size: 1em;}

textarea, div.textarea
{
	background-color: #F4F5F5;
	border: solid 1px #b7c9d7;
	color: #0087b4;
	font-family: Courier New, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	overflow: scroll;
	padding: 5px;
}

/*-CLASSES--------------------------------------------------------------------------------------------------------------*/

.wrapper {margin: 0 30px 0 30px; width: 960px;}

.main_container {background-color: #FFFFFF; border: solid 1px #b7c9d7; border-top-style: none;}

.header {background: white url(/images/header.jpg) top right no-repeat; padding: 16px 20px 11px 18px; height:65px;}
.header h1 {color: #006d8a; font-size: 140%; font-style: italic; margin-top: 20px; text-align: right;}
.header img{float: left;}

.headerbanner {background: white; padding: 16px 20px 11px 18px; height:65px;}
.headerbanner h1 {color: #006d8a; font-size: 140%; font-style: italic; margin-top: 20px; text-align: right;}
.headerbanner img{float: left;}

.top_menu {background-color: #006D8A; background-color: #0087b4;
				border: solid 1px #b7c9d7; border-left: none; 
				border-right: none; letter-spacing: .1em; padding: 5px 10px;}
.top_menu li{color: #f1f8dd; display: inline; list-style: none;}
.top_menu a{color: white;	margin: 0 10px;}
.top_menu a:hover{color: white;}
.top_menu a:visited{color: white;}
.top_menu span{float: right;}

.left_menu {width: 160px;}
.left_menu {background-color: #F4F5F5; border: solid 1px #b7c9d7; border-left-style: none;}
.left_menu .menu_header {text-align: center; color: #292929; padding: 2px 0 2px 0;}
.left_menu .menu_toggler {background-color: #0087b4; border-bottom: solid 2px #006D8A; font-size: 1.2em;}
.left_menu .menu_toggler {color: #FFFFFF; font-weight: bold; padding: 5px 5px 5px 10px; cursor: pointer; letter-spacing: 0.07em;}

.left_menu .menu_option {background-color: #D7ECA2; border-bottom: solid 1px #B9CB8B; font-size: 0.85em;}
.left_menu .menu_option {padding: 2px 5px 5px 15px; letter-spacing: 0.07em;}
.left_menu .menu_option:hover {background-color: #ECF5DB; cursor: pointer;}

.left_menu .menu_option a:hover{text-decoration: none;}
.left_menu .menu_option a:active {color: #406403;}
.left_menu .menu_option a:visited {color: #0000FF;}
.left_menu .icon {float: left; margin: 2px 10px 0 0;}

.left_menu .dashboard {background-color: #0087b4; border-bottom: solid 2px #006D8A; font-size: 1.2em;}
.left_menu .dashboard {color: #FFFFFF; font-weight: bold; padding: 5px 5px 5px 10px; cursor: pointer; letter-spacing: 0.07em;}

.left_menu .dashboard a:hover {color: #FFFFFF; font-weight: bold; padding: 5px 5px 5px 0px; cursor: pointer; letter-spacing: 0.07em; text-decoration: none; outline: none;}
.left_menu .dashboard a:active {color: #FFFFFF; font-weight: bold; padding: 5px 5px 5px 0px; cursor: pointer; letter-spacing: 0.07em; text-decoration: none; outline: none;}
.left_menu .dashboard a:visited {color: #FFFFFF; font-weight: bold; padding: 5px 5px 5px 0px; cursor: pointer; letter-spacing: 0.07em; text-decoration: none; outline: none;}

.content {background-color: #fbfbfb; padding: 0 15px 0 15px;}

.footer {background: #FFFFFF url('/images/footer-bkg.gif') top repeat-x; height: 54px;  font-size: 80%; padding: 0 0 0 11px;}
.footer img {float: right;}
.footer a {color: #0087b4;	margin: 0 10px;}
.footer a:hover {color: #aa2396;}

.copyright {border-top: #dadada 1px dotted; color: #a3b9ca; display: block; font-size: 80%; margin:3px; text-align: center;}

.countrylist {font-size: 80%; padding: 5px;}
.countrylist a {color: #A3B9CA;}

.validations img {float: right;}

.note {text-color: grey; font-size: 8pt;}

/*-OTHER----------------------------------------------------------------------------------------------------------------*/

.clearit {clear: both; visibility: hidden;}

.dashbox {padding:4px;}
.dash {border-top: #dadada 1px dotted;}

.min_height {float: left; height: 333px; width: 0px; visibility: hidden;}

.margin_top {margin-top: 10px;}
.margin_left {margin-left: 10px;}
.margin_right {margin-right: 10px;}
.margin_bottom {margin-bottom: 10px;}

.titlefield fieldset{width:97%; float:left; border-left:0; border-right:0; padding-top:4px; padding-bottom:4px; margin-top:8px; font-size:24px; color:#8d8c92; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}

.dateselect fieldset{width:97%; float:left; border-left:0; border-right:0; padding-top:4px; padding-bottom:0px; margin-top:8px; border-top:1px solid #CCCCCC; border-bottom:0;}

.datebarselect fieldset{width:97%; float:left; border-left:0; border-right:0; padding-top:4px; padding-bottom:0px; margin-top:8px; margin-bottom:10px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}

.viewbar fieldset{width:90%; float:left; border-left:0; border-right:0; padding-top:0px; padding-bottom:4px; border-top:0; border-bottom:1px solid #CCCCCC; padding-left:60px; margin-bottom:10px;}

/* ---BUTTON ---------------------------------------------------------------------------------------------*/

div.ap_button, div.ap_button_on
{
	background: transparent url('/images/ap-btn_a.gif') no-repeat scroll top right;
	color: #0087b4;
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	height: 24px;
	margin-right: 10px;
	overflow: hidden;
	padding-right: 18px;
	text-decoration: none;
}

div.ap_button_on
{
	background-position: right -24px;
	color: #005F7F;
}

div.ap_button span, div.ap_button_on span, div.ap_button input, div.ap_button_on input
{
	background: transparent url('/images/ap_btn_span.gif') no-repeat;
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
	border-style: none;
}

div.ap_button input, div.ap_button_on input
{
	color: #0087b4;
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
	margin-right: -2px;
	padding: 2px 0 8px 16px;
}

div.ap_button_on span, div.ap_button_on input
{
	background-position: left -24px;
	color: #005F7F;
	padding: 6px 1px 4px 17px;
}

div.ap_button_on input
{
	padding: 3px 1px 7px 15px;
}


/* for IE */

.ie div.ap_button input , .ie div.ap_button_on input
{
	margin-right: -12px;
}

.ie div.ap_button input
{
	padding: 3px 0 7px 15px;
}

.ie div.ap_button_on input
{
	padding: 4px 1px 6px 14px;
}

/*
div.ap_button input
{
	background-image:url('../images/ap_short-btn.GIF');  
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 10px;
	overflow: hidden;
  	background-color:#ffffff;  
	color: #0087B4;
	
	cursor: pointer;
	display: block;
	font-weight: bold;
  	height:26px;  
  	width: 96px;
  	font-size:14px;  
  	border:0px   solid   #666666 
}

div.ap_long_button input
{
	background-image:url('../images/ap_long-btn.GIF');  
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 10px;
	overflow: hidden;
  	background-color:#ffffff;  
	color: #0087B4;
	
	cursor: pointer;
	display: block;
	font-weight: bold;
  	height:26px;  
  	width: 180px;
  	font-size:14px;  
  	border:0px   solid   #666666
}
*/

/*-Terry's style------------*/
.main_title_field
{
	width:94%;
	border-left:0; 
	border-right:0; 
	padding:4px 30px 4px 10px; 	
	margin:10px 5px 0 0;
	font-size:24px;
	font-style:italic; 
	color:#8d8c92; 
	border-top:1px solid #CCCCCC; 
	border-bottom:1px solid #CCCCCC;
	background-color:white;
}
div.tableArea
{
	clear:both;
	border:1px solid #B7C9D7;
	padding:5px; 	
	margin:20px 10px 10px 0;
}
div.normalContainer
{
	border:1px solid #B7C9D7;
	padding:5px;
	margin-bottom:5px; 	
}
div.contentDisplay
{
	border:1px solid #B7C9D7;
	padding:5px; 	
	margin-top:20px;
	float:left;
}
div.imageBox
{
	float:right; 
	background:url(../images/funnel_visualisation.png); 
	width:302px; 
	height:182px;
	margin-top:20px;
	margin-bottom:20px;
}
div.xlsExporter 
{
	float:right;
}
.longtext
{
	overflow:hidden;
}
.dlstDisplay
{
	width:140px;
	
}
.displayRow
{
	margin-bottom:5px;
}
/*-End of Terry's style-----------------------*/

/************* message box *************/

.bBox{width: 700px;}
.bBox-t1,.bBox-t2,.bBox-b1,.bBox-b2{height:1px;overflow:hidden; margin:0px;}
.bBox-t1{border:0px;margin:0px 2px 0px 1px;}
.bBox-t2{border-width:0px 1px;border-style:solid;margin-right:1px;}
.bBox-offset{margin:0px;border:0px;}
.bBox-body{border-width:0px 1px;border-style:solid;margin-right:1px;}
.bBox-b2{background:#F1E9F1;border-width:0px 2px 0px 0px;border-style:solid;margin-left:1px;}
.bBox-b1{margin:0px 1px 0px 2px;}
.bBox-body *{margin:0px; padding:15px;}

.bBox-t1,.bBox-b2{background:#F1E9F1;}
.bBox-t1{background:#F1E9F1;}
.bBox-t2{border-color:#F1E9F1;}
.bBox-body{border-color:#F1E9F1;}

.bBox-t2,.bBox-body{background:#F1E9F1;}

.bBox-offset,.bBox-b1{background:#E3B9E3;}
.bBox-b2{border-color:#E3B9E3}