fieldset {
	margin: 2px;
	padding: 2px;
	border: 2px solid #69889F;
}

/*Ticket#2015100710000029 — WebMTS λεκτικά των legends και των label*/
legend {
	margin-left: 10px;
	/*color: #FF0000;*/
	color: #000000;
	font-weight: bold;
	
}

td { vertical-align: top; }

html
{
	width: 100%;							/* to bazoume PANTA etsi kai ksexora apo to body, gia na doulepsei to margin: 0 auto ston ie7 */
	background-color: #FFFFFF; 				/* #5252fa; */
	/* filter: expression(document.execCommand("BackgroundImageCache", false, true)); */
}

body
{
	width: 100%;							/* epithinito width, 1020 kai oxi 1024 giati o karagkiozis o IE bgazei orizontio scroll bar */
	margin: 0px auto;						/* Panta gia kentrarisma */
	padding: 0px;							/* margin kai padding panta 0px sto body. to actual parakato sto layout_page */
	overflow: hidden;
}

/*
 ********************************************************************************************
 * LAYOUT
 ********************************************************************************************
 */
.wab_layout_page {
	background-color: #FFFFFF;
	border: 0px solid rgb(20, 198, 130);
	margin: 0px;							/* Edo thetoume to margin tis selidas */
	padding: 0px;
	z-index: 0;								/* oposdipote gia na doulepsoun ta popups */
	width: auto;							/* SIMANTIKO - Ean einai 100% megalonei kata margin, border, padding */
	height: 100%;							/* to thelei o ie6, ie7 */
}

.headerbox_m {
	position: relative;
	background-color: #ECF5FA;
	height: 80px;
	line-height: 80px;
	width: auto;							/* aloios kanei overflow */
	margin: 0px;
	padding: 0px;
	border: 1px solid #808080;
}

.headerbox_l, .headerbox_r {
	height: inherit;
	width: 0px;
}

.headerbox_l {
	float: left;
}

.headerbox_r {
	float: right;
}



.wab_header_logo {
	height: 40px;
	width: 400px;
	margin: 0px;
	padding: 0px;
	float: left;
	border: 0px solid #808080;
}

.wab_layout_page_content
{
	background-color: inherit;
	position: relative;					/* Gia na paiskei to absolute parakato. Se alli periptosi to thelei o ie6 gia na paiksei to overflow: auto */
 	width: auto;
	height: 300px; 						/* thelei height se pixels, gia na paizoun parakato ta 100% - Einai mono arxiki timi*/
	border: 0px solid rgb(100, 200, 130);
	margin: 0px;
	padding: 0px;
	overflow: hidden; 					/* Ean den einai hidden, xalaei ta floats kai pane apo kato */
}

.wab_layout_page_content_top {
	margin: 0px;
	padding: 0px;
	height: 0px;
	border: 0px solid #FF0000;
	font-size: 0px;
}

.wab_layout_page_content_left
{
	position: absolute;					/* PROSOXI! - To absolute "troei" to padding tou parent*/
	left: 0px;
	top: 0px;
	display: block;
	width: 200px; 						/* width */
	background-color: inherit;
	border: 1px solid #808080;
	overflow: auto;
	/*margin: 10px;						!* ie6 Bug here. The stupid browser doubles the LEFT margin, if the div FLOTS LEFT*!*/
	margin-right: 0px;
		/*_margin-left: 5px;*/				/* this is an optical solution  - but this value is read in javascript*/
	padding: 0px;
}

.wab_layout_page_content_left_inner {
	margin-left: 0px;					/* equal to centerbox_l width */
	margin-right: 0px;					/* equal to centerbox_r width */
	overflow: auto;
	display: block;
}

.wab_layout_page_content_center
{
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: inherit;
	/*margin: 10px;*/
	border: 1px solid #808080;
	padding: 0px;
 	width: auto;
	overflow: auto;
	display: block;
	height:inherit !important;
}

.wab_layout_page_content_center_inner {
	margin-left: 0px;					/* equal to centerbox_l width */
	margin-right: 0px;					/* equal to centerbox_r width */
	overflow: auto;
	display: block;
}

.wab_layout_page_content_right
{
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: inherit;
  	width: 200px;  /* RC width */
	border: 1px solid #808080;
	overflow: auto;
	margin: 10px;
	padding: 0px;
	display: block;
}

.wab_layout_page_content_right_inner {
	margin-left: 0px;					/* equal to centerbox_l width */
	margin-right: 0px;					/* equal to centerbox_r width */
	overflow: auto;
	display: block;
}

.footerbox_m {
	position: relative;
	background-color: #EFEFEF;
	color: #000000;
	font-style: italic;
	height: 25px;
	line-height: 25px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: auto;								/* aloios kanei overflow */
	border: 1px solid #808080;
}

.footerbox_l, .footerbox_r {
	height: inherit;
	width: 0px;
}

.footerbox_l {
	float: left;
}

.footerbox_r {
	float: right;
}

/* LAYOUT - OTHER */

.wab_layout_header_line1 {
	height: 25px;
	border-bottom: 1px solid #808080;
	font-size: 108%;
	font-weight: bold;
	width: 100%;
	padding: 0px;
	/* color: #F9EB41;
	background-color: #000000; */
	/* color: #FFFFFF;
	background-color: #2647A0; */
	color: #000000;
	background-color: #E1EDF5;
	/* background: url("images/bg_cardheader.png") left top repeat-x; */
}

.wab_layout_header_line1_title1
{
	float: left;
	font-size: 108%;
	font-weight: bold;
	padding-left: 5px;
	line-height: 25px;
}

.wab_layout_header_line1_title2
{
	float: left;
	font-size: 108%;
	font-weight: bold;
	padding-left: 5px;
	line-height: 25px;
	font-style: italic;
}

.wab_layout_header_userinfo {
	float: right;
	padding-top: 0px;
	padding-right: 15px;
	line-height: 25px;
	vertical-align: middle;
}

.wab_layout_header_flags {
	float: right;
	padding-top: 2px;
	padding-right: 5px;
	line-height: 25px;
	vertical-align: middle;
}

.wab_layout_header_item_right {
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 95%;
	font-weight: bold;
}

/*
 ********************************************************************************************
 * HEADER BOX
 ********************************************************************************************
 */
.headerbox_l
{
	/* background-image: url(images/headerbox_l.jpg); */
	background-repeat: no-repeat;
	background-position: top left;
}

.headerlogo
{
	/* background-image: url(images/headerlogo.jpg); */
	background-repeat: no-repeat;
	background-position: top left;
	margin-left: 0px;									/* EQUAL to headerbox_l width */
}

.headerbox_r
{
	/* background-image: url(images/headerbox_r.jpg); */
	background-repeat: no-repeat;
	background-position: top right;
}

/*
 ********************************************************************************************
 * Bill Payment QR CODE
 ********************************************************************************************
 */
.wab_qr_code {
	background-color: #FFFFFF;
	border: 1px solid #202020;
	height: 600px;
	width: 400px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	z-index: 1501;
}

.qr_code_img {
	background-color: #FFFFFF;
	color: #FFFFFF;
	/*border: 1px solid #202020;*/
	height: 300px;
	width: 300px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	z-index: 1501;
}

.qr_code_wab_veil {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000000;
	z-index: 1500;
	border: 0 solid rgb(0, 0, 0);
	opacity: 0.4;
}


.qr_code_escape_button {
	background-image: url(../../images/x-image.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	right: 0;
	position: absolute;
	border: 0;
}


/*
 ********************************************************************************************
 * LOADING
 ********************************************************************************************
 */
.wab_loading {
	background-color: #22363b;
	color: #FFFFFF;
	border: 2px solid #202020;
	height: 75px;
	width: 250px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	z-index: 1000;
	font-size: 125%;
}

.wab_loading_image {
	background-image: url(../../images/loading.gif);
	background-repeat: no-repeat;
	width: 220px;
	height: 19px;
	text-align: center;
	margin: 20px auto;
}

.wab_veil_loading {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000000;
	z-index: 999;
	border: 0px solid rgb(255, 0, 0);
	opacity: 0.5;
}


/* SHOW HIDE */
.wab_show {
	display: block;
	visibility: visible;
}

.wab_hide {
	display: none;
	visibility: hidden;
}

/* MESSAGES */
.wab_messages {
	display: block;
	border: 2px solid #E8E8E8;
	background-color: #FFFDD9;
	color: #000000;
	margin: 0px;
	padding: 2px;
	height: 25px;  /* was 35px*/
	overflow: auto;
	font-weight: bold;
	white-space: nowrap;
	font-size: 90%;
	margin-bottom: 3px;
}
.wab_messages_customer {
	display: block;
	border: 2px solid #E8E8E8;
	background-color: #FFFDD9;
	color: #000000;
	margin: 0px;
	padding: 2px;
	height: 15px; /* was 35px*/
	overflow: auto;
	font-weight: bold;
	white-space: nowrap;
	font-size: 90%;
	margin-bottom: 3px;
}
.wab_messages_error {
	color: #E7434E;
}

.wab_messages_info {
	color: #008000;
}

/* EVENT CALENDAR */
.wab_eventcalendar_td {
	width: 81px;
	height: 81px;
	text-align: center;
	vertical-align: middle;
	background: url(images/eventcalendar/cells.png);
	color: #444;
	position: relative;
}

.wab_eventcalendar_title {
	text-align: center;
	vertical-align: middle;
}


/* LEFT NAV */
.wab_leftnav_title {
	/* background: #6FA7D1; */
	/* background: #2647A0; */
	background: #6FA7D1;
	color: #FFFFFF;
	margin: 0px;
	padding: 3px;
}

.wab_leftnav_content {
	margin: 0px;
	padding-top: 2px;
	padding-left: 10px;
	color: #0000FF;
	cursor: pointer;
	/* background: #ECF5FA; */
	text-decoration: none;
	font-size: 90%;
}

.wab_leftnav_content a:hover {
	color: #FFFFFF;
	background-color: #EE6600;
}

/* GRID AND TABLES */

.wab_grid {
	width: auto;
	border: 1px solid #8080FF;
}


.wab_table {
	margin: 0px;
	padding: 0px;
	font-family: arial; font-size: inherit;
	border-collapse: separate;
	border-spacing: 0px; /* since ie6 and ie7 behave differently */
	border: 1px solid #7F7F7F;
}

.wab_table_thead {
	background: #D8D8DA url(yui/build/assets/skins/sam/sprite.png) repeat-x 0 0;
	margin: 0px;
	padding: 0px;
	border: none;
	border-right: 1px solid #CBCBCB;
	border-top: 1px solid #7F7F7F;
	height: 30px;
}

.wab_table_thead_tr {
	height: 20px;
}

.wab_table_thead_th {
	min-width: 100px;
	cursor: default;
}

.wab_table_tbody {

}

.wab_table_tbody_tr {

}

.wab_table_tbody_td {
	border-right:1px solid #CBCBCB;/*  inner column border */
	height: 20px;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
}

.wab_table_tfoot {
	background: #D8D8DA url(yui/build/assets/skins/sam/sprite.png) repeat-x 0 0;
	margin: 0px;
	padding: 0px;
	border: none;
	border-right: 1px solid #CBCBCB;
	border-top: 1px solid #7F7F7F;
	height: 30px;
}

.wab_table_tfoot_tr {

}

.wab_table_tfoot_th {
		font-style: italic;
}

.wab_table_tbody_tr_odd {
	background-color: #EDF5FF;
}

.wab_table_tbody_tr_even {
	background-color: #FFFFFF;
}

.wab_table_selectedrow {
	color: #FFFFFF;
	cursor: pointer;
	background-color: #26B;
	font-weight: normal;
}

.wab_table_mouseenterrow {
	color: #FFFFFF;
	background-color: #8184F1;
	cursor: pointer;
	font-weight: none;
}

/* PAGINATION */
.wab_pagination {
	font-size: 90%;
}

.wab_pagination_page {
	background: #FFFFFF;
	color: #15B;
	cursor: pointer;
	text-decoration: underline;
}

.wab_pagination_currentpage {
	background: #26B;
	color: #FFFFFF;
	cursor: default;
	text-decoration: none;
}

.wab_pagination_enabled {
	background: #FFFFFF;
	color: #15B;
	cursor: pointer;
	border-color: #999;
	text-decoration: none;
}

.wab_pagination_disabled {
	background: #FFFFFF;
	color: #999;
	cursor: default;
	border-color: #999;
	text-decoration: none;
}

.wab_pagination_page, .wab_pagination_currentpage, .wab_pagination_disabled, .wab_pagination_enabled {
	border: solid 1px #AAE;
	display: block;
	float: left;
	padding: 0.3em 0.5em;
	margin-right: 5px;
	margin-bottom: 5px;
}


.wab_headerpage {
	border: 1px solid #dedede;
	background-color: #EBF5FA;
	margin: 0px;
	padding: 0px;
	color: #000077;
	height: 25px;
	line-height: 24px;
	padding-left: 5px;
}

.wab_label {
	color: #000077;
	width: 120px;
	background-color: #F5FFE6;
	float: left;
	text-align: left;
}

.wab_inputtext {
	color: #000077;
	width: 150px;
	background-color: #FFFFFF;
	float: left;
	text-align: left;
}

.wab_br {
	clear: both;
}

.wab_invisible {
	display: none;
}

.wab_visible {
	display: block;
}

.font10 {font-size:77%;} /* for setting 10px */
.font11 {font-size:85%;} /* for setting 11px */
.font12 {font-size:93%;} /* for setting 12px */
.font13 {font-size:100%;} /* for setting 13px */
.font14 {font-size:108%;} /* for setting 14px */
.font15 {font-size:116%;} /* for setting 15px */
.font16 {font-size:123.1%;} /* for setting 16px */
.font17 {font-size:131%;} /* for setting 17px */
.font18 {font-size:138.5%;} /* for setting 18px */
.font19 {font-size:146.5%;} /* for setting 19px */
.font20 {font-size:153.9%;} /* for setting 20px */
.font21 {font-size:161.6%;} /* for setting 21px */
.font22 {font-size:167%;} /* for setting 22px */
.font23 {font-size:174%;} /* for setting 23px */
.font24 {font-size:182%;} /* for setting 24px */
.font25 {font-size:189%;} /* for setting 25px */
.font26 {font-size:197%;} /* for setting 26px */

/*********************************************************************************************/
/* HEADER NAVIGATION - NAVHOR1 */
/*********************************************************************************************/

.wab_headernavigation {
	display: block;
	height: 25px;
	font-size: 100%;
	border: 0px solid #FF0000;
}

.navhor1 {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.navhor1 li {
	float: left;
	display: block;
	margin-left: 5px;
	padding-left: 5px;
}

.navhor1_normal {
	display: block;
	/* background: url("images/tabs/tab-left-normal.png") left top no-repeat; */
	background-color: #D8D8DA;
	margin-left: 0px;
	padding-left: 5px;
	height: 25px;
}

.navhor1_normal a {
	display: block;
	float: left;
	height: 100%;
	color: #000000;
	/* background: url("images/tabs/tab-background-normal.png"); */
	background-color: #D8D8DA;
	text-decoration: none;
	line-height: 25px;
}

.navhor1_normal a span {
	display: block;
	float: left;
	height: 100%;
	/* background: url("images/tabs/tab-right-normal.png") right top no-repeat; */
	background-color: #D8D8DA;
	padding-right: 5px;
}

.navhor1_selected {
	display: block;
	/* background: url("images/tabs/tab-left-selected.png") left top no-repeat; */
	background-color: #2647A0;
	margin-left: 0px;
	padding-left: 5px;
	height: 25px;
}

.navhor1_selected a {
	display: block;
	float: left;
	height: 100%;
	color: #FFFFFF;
	/* background: url("images/tabs/tab-background-selected.png"); */
	background-color: #2647A0;
	text-decoration: none;
	line-height: 25px;
}

.navhor1_selected a span {
	display: block;
	float: left;
	height: 100%;
	/* background: url("images/tabs/tab-right-selected.png") right top no-repeat; */
	background-color: #2647A0;
	padding-right: 5px;
}

.navhor1_hover
{
	display: block;
	/* background: url("images/tabs/tab-left-hover.png") left top no-repeat; */
	background-color: #C4DDFF;
	margin-left: 0px;
	padding-left: 5px;
	height: 25px;
}

.navhor1_hover a
{
	display: block;
	float: left;
	height: 100%;
	color: #000000;
	/* background: url("images/tabs/tab-background-hover.png"); */
	background-color: #C4DDFF;
	text-decoration: none;
	line-height: 25px;
}

.navhor1_hover a span
{
	display: block;
	float: left;
	height: 100%;
	/* background: url("images/tabs/tab-right-hover.png") right top no-repeat; */
	background-color: #C4DDFF;
	padding-right: 5px;
}

.navhor1_right_normal
{
	display: block;
	/* background: url("images/tabs/tab-left-hover.png") left top no-repeat; */
	background-color: #FED28C;
	margin-left: 0px;
	padding-left: 5px;
	height: 25px;
	float: right;
	margin-right: 5px;
}

.navhor1_right_normal a
{
	display: block;
	float: left;
	height: 100%;
	color: #000000;
	/* background: url("images/tabs/tab-background-hover.png"); */
	background-color: #FED28C;
	text-decoration: none;
	line-height: 25px;
}

.navhor1_right_normal a span
{
	display: block;
	float: left;
	height: 100%;
	/* background: url("images/tabs/tab-right-hover.png") right top no-repeat; */
	background-color: #FED28C;
	padding-right: 5px;
}

.navhor1_right_hover
{
	background-color: #C4DDFF;
}

.navhor1_right_hover a
{
	background-color: #C4DDFF;
}

.navhor1_right_hover a span
{
	background-color: #C4DDFF;
}

.wab_tab_underline
{
	display: block;
	height: 5px;
	background-color: #2647A0;
	font-size: 0px;
}

/* ****************************************************************** */
/* SIMPLE TABS */

ul.wab_simple_tabs {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	height: 25px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

ul.wab_simple_tabs li {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}

ul.wab_simple_tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	/* font-size: 1.2em; */
	padding: 0 20px;
	border: 1px solid #FFFFFF;
	outline: none;
}

ul.wab_simple_tabs li a:hover {
	background: #C4DDFF;
}

ul.wab_simple_tabs li.active, ul.wab_simple_tabs li.active a:hover  {
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.wab_simpletabs_tab_container {
	overflow: auto;
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left;
	background: #FFFFFF;
}

.wab_simpletabs_tab_content {
	padding: 10px;
	/* font-size: 1.2em; */
}

.wab_simpletabs_tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	/* font-size: 1.8em; */
}

.wab_simpletabs_tab_content h3 a{
	color: #254588;
}

.wab_simpletabs_tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

/* LEFT NAV TOC */
.wab_leftnav_toc { background-color: #ECF5FA; border: 1px solid #6FA7D1; padding: 0px;}
.wab_leftnav_toc ul { margin: 0px; padding: 0px; }
.wab_leftnav_toc ul li { font-size: 90%; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0px; padding: 0px; }
.wab_leftnav_toc ul li.selected { background: #FF8822 none repeat scroll 0 0; color: #FFFFFF; font-weight: bold; padding: 0px; }
.wab_leftnav_toc ul li.selected a { color: #FFFFFF; }
.wab_leftnav_toc ul li a { display: block; padding: 2px 2px 2px 10px; text-decoration: none; }
.wab_leftnav_toc ul li a:hover { background: #EE6600 none repeat scroll 0 0; color: #FFFFFF; }
.wab_leftnav_toc ul li em { display: none; }
.wab_leftnav_toc ul li.sect { background: #6FA7D1 none repeat scroll 0 0; color: #FFFFFF; font-weight: bold; margin-top: 2px; padding:2px 0px; text-indent: 2px; }
.wab_leftnav_toc ul li.first { margin-top: 0px; }

.wab_veil {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000000;
	z-index: 999;
	border: 0px solid rgb(255, 0, 0);
	opacity: 0.5;
}

.wab_popups {
	z-index: 1;
}

/* MASTER DETAIL */
.wab_masterdetail_columns_two
{
	width: 48%;
	float: left;
	margin: 5px;
}


/* NEW CONTROLS */
.wab_info_required {
	float: left;
	font-style: italic;
	font-size: 90%;
	color: #004040;
}

.wab_form_wrapper {
	max-height: 400px;
	overflow: auto;
}

.twain_wab_form_wrapper {
	max-height: 440px;
	overflow: auto;
}

.wab_controls_wrapper {
	float: left;
	height: 25px;
	width: 335px;
	margin-left: 5px;
	margin-bottom: 5px;
	border: 0px solid #FF0000;
}

.wab_controls_label, .wab_controls_search_label, .wab_controls_legend, .wab_controls_label_login {
	float: left;
	height: 25px;
	line-height: 25px;
	width: 142px;
	margin-left: 5px;
	padding-left: 3px;
	text-align: left;
	color: #000077;
	/* background-color: #F5FFE6; */
	border: 0px solid #00FF00;
	font-size: 90%;
}

.wab_controls_legend {
	color: #F5FFE6;
	/* background-color: #8184F1; */
	width: 330px;
	text-align: center;
	font-size: 100%;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
}

.wab_controls_generic, .wab_controls_textlink, .wab_controls_text, .wab_controls_search_text, .wab_controls_select, .wab_controls_search_select, .wab_controls_text_login {
	float: left;
	text-align: left;
	margin-left: 5px;
	margin-top: 3px;
	border: 1px solid #404040;
	color: #000077;
	text-decoration: none;
	font-style: normal;
}

.wab_controls_radio {
	float: left;
	margin-top: 8px;
}

.wab_controls_textlink {
	color: #0000F0;
	text-decoration: underline;
	font-style: italic;
	width: 160px;
	cursor: default;
}

.wab_controls_text, .wab_controls_select {
	width: 200px;
}

.wab_controls_double_width {
	width: 455px;
}


.wab_controls_label_required {
	font-weight: bold;
}

.wab_controls_input_required {
	background-color: #F9FF91;
}

.wab_controls_input_error {
	border: 2px solid #FF0000;
}

.wab_controls_input_view {
	color: #FFFFFF;
	background-color: #808080;
	cursor: default;
}

.wab_controls_input_display {
}

.wab_controls_images {
	position: static;
	float: left;
	margin-left: 3px;
	margin-top: 4px;
	border: 1px solid #808080;
}

.wab_controls_onfocus {
	border: 2px solid #000040;
}

.wab_controls_label_login {
	width: 100px;
}

.wab_controls_text_login {
	width: 140px;
}

.wab_controls_readonly {
	background-color: #E7EAEB;
	cursor: default;
}

/**********************************************************************************/
/* SEARCH */
/**********************************************************************************/
.wab_controls_search_label {
	width: 130px;
}

.wab_controls_search_text {
	width: 100px;
}

.wab_controls_search_select {
	width: 100px;
}

/**********************************************************************************/
/* POPUP */
/**********************************************************************************/
.wab_popup {
	border: 10px solid #808080;
}

.wab_popup .header{
	background-color: #FF0000;
}

.wab_popup .body{
	background-color: #00FF00;
}

.wab_popup .footer{
	background-color: #0000FF;
}

/**********************************************************************************/
/* CRUD MENU */
/**********************************************************************************/

.wab_crudmenu {
	list-style: none;
	padding: 0px;
	margin: 0px;
	border: 0px solid #FF0000;
	height: 26px;
	background: url(images/crudmenu/menu_bg.jpg) left top repeat-x;
}

.wab_crudmenu li {
	float: left;
	display: block;
	margin-left: 5px;
	padding-left: 5px;
	margin-right: 5px;
	padding-right: 5px;
	height: 26px;
}

.wab_crudmenu li a {
	text-decoration: none;
	line-height: 25px;
	color: #202020;
}

.wab_crudmenu li a:hover {
	text-decoration: underline;
}

.wab_crudmenu li a.normal {
	color: #202020;
}

.wab_crudmenu li a.disabled {
	color: #808080;
}

.wab_crudmenu li.separator {
	margin: 0px;
	padding: 0px;
	width: 1px;
	background-image: url(images/crudmenu/menu_divider.jpg);
}



/**********************************************************************************/
/* PAGE TITLE */
/**********************************************************************************/
.wab_page_title {
	background-color: #6FA7D1;
	color: #FFFFFF;
	font-weight: bold;
	text-indent: 5px;
	height: 20px;
}

/**********************************************************************************/
/* CARD TITLE */
/**********************************************************************************/
.wab_card_title {
	background-color: #6FA7D1;
	color: #FFFFFF;
	font-weight: bold;
	text-indent: 5px;
	height: 20px;
}

/**********************************************************************************/
/* GOOGLE MAP */
/**********************************************************************************/
.wab_google_map {
	border: 1px solid #FF0000;
	height: 300px;
	/* width: 300px; */
}


/**********************************************************************************/
/* THUMBNAILS */
/**********************************************************************************/
.wab_thumbnails_200_100 {
	border: 1px solid #808080;
	height: 150px;
	width: 200px;
	float: left;
	margin: 5px;
}

.wab_thumbnails_600_600 {
	border: 1px solid #808080;
	height: 700px;
	width: 600px;
	float: left;
	margin: 5px;
}


.wab_thumbnails_text {
	text-align: center;
}

/**********************************************************************************/
/* ANYTHING SLIDER */
/**********************************************************************************/
.anythingSlider                         { width: 760px; height: 360px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 680px; overflow: auto; height: 341px; margin: 0 40px; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: inherit; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

/*
#thumbNav                               { position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }




/*
	COMMON IMAGES (CI)
*/

.ci_flag_uk, .ci_flag_gr {
	background-image: url(../../images/common.png);
	background-repeat: no-repeat;
	float: left;
	margin: 2px;
}

.ci_flag_uk {
	background-position: 0px 0px;
	width: 28px;
	height: 19px;
}

.ci_flag_gr {
	background-position: 0px -19px;
	width: 28px;
	height: 19px;
}


/*
*/

.wab_opacity_001 {
	opacity: 0.01;
	z-index: 2;
	position: absolute;
	background-color: #000000;
}

.wab_center {
	text-align: center;
}

.view_report{
	background-image: url("../../images/reports/view.svg");
	background-repeat: no-repeat;
	background-position: 77px;
	padding-right: 15px;
}

.download_xls{
	background-image: url("../../images/reports/download_xls.svg");

	background-repeat: no-repeat;
	background-position: 95px;
	padding-right: 15px;
}

.download_pdf{
	background-image: url("../../images/reports/download_pdf.svg");
	background-repeat: no-repeat;
	background-position: 88px;
	padding-right: 15px;
}