/* non print extensions */
.data-table-wrap { padding : 2px; width : 99%; max-height : 600px; overflow : auto; }
.ui-dialog .data-table-wrap { max-height: 400px; }
/*
Theme Name: Azureus
Theme URI: http://www.evilfish.co.uk
Description: Red-eyed Tree Frog Theme for Optimal Internet
Version: 1.0
Author: Christian Staunton
*/

@import url(form.css);

/*-----------------------------------------------------------------------------
RESET STYLESHEET
--------------------------------------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, em, font, img, small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}
	
/* remember to define focus styles! */
:focus {
	outline: 0;}

input[type=checkbox], input[type=radio] { border: none; }

ol, ul {
	list-style: none;}
	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;}
	
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;}
	
/*-----------------------------------------------------------------------------
GENERAL GLOBAL STYLES
--------------------------------------------------------------------------------*/
html {
    font-size: 100%;}

html, body {height: 100%;}

body {
	line-height: 1em;
	color: #4b5255;
	background: white;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; 
	text-align: center;
	background: #c4dceb url(images/bg.gif) top left repeat-x;}
    
p {
    margin: 0 0 10px 0;}
    
small {
    font-size: 10px;
    line-height: 1.3em;}
    
.smaller {
    font-size: 11px;
    line-height: 1.3em;}

strong {font-weight: bold;}

em, i  {font-style: italic;}

cite {
    font-style: italic;
    font-size: 1.2em;
    color: #4f7483;}

.alignright {
	text-align: right;}

.alignleft {
	text-align: left}
	
.floatright {
    float: right;}

.floatleft {
    float: left;}
    
.clear {
    clear: both;}
    
.clearing {
	height: 0px;
	clear: both;
	overflow: hidden;}
	
.center {
    width: 100%;
    text-align: center;}
   
.floatmarginleft {
    margin: 5px 15px 5px 0px;}
    
.floatmarginright {
    margin: 5px 0px 5px 15px;}
	
code, blockquote {
	display: block;
	background: #eff5fa;
	padding: 10px;
	border: dashed 1px #92bcd9;
	border-left: solid 6px #92bcd9;}
	
div.error, span.error {
	color: #c73838;}
	
div hr, p hr {
	display: none; }
	
div.hr {
    height: 1px;
	clear: both;
    background: url(images/dash_horizontal.gif) bottom left repeat-x;}

/* user selection options */
.useroption {}
.orgoption { font-weight: bold; color: #8CBCD9; }
/*-----------------------------------------------------------------------------
LINK STYLES
--------------------------------------------------------------------------------*/
.ui-tabs-nav li a { font-weight: normal; }
a:link, a:visited {
	color: #4185bc;
	text-decoration: none; font-weight: bold; }
	
a:hover, a:active {
	color: #4185bc;
	text-decoration: underline;}
	
a.alt:link, a.alt:visited {
    color: #fa8624;}

a.alt:hover, a.alt:active {
    color: #fa8624;
    text-decoration: underline;}
	
#footer a:link, #footer a:visited {
    color: #4283ad;}

#footer a:hover, #footer a:active {
    color: #1e577b;
    background: #b6d0e0;
    text-decoration: none;}
    
h1.seo-top a:link, h1.seo-top a:visited {
    color: #abc6d8;} 

h1.seo-top a:hover, h1.seo-top a:active {
    text-decoration: none;
    color: #3e78a9;}
	
a[rel="lightbox"] img {
	margin: 5px 0 3px 0;
	padding: 7px;
	border: solid 1px #ccdae6;}
    

/*-----------------------------------------------------------------------------
FONT/TEXT STYLES
--------------------------------------------------------------------------------*/
h1 {
    font-family: "Century Gothic", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
    font-weight: normal;
    font-size: 2em;
    margin-top: 0px;
    margin-bottom: 14px;
    color: #3077a6;
	line-height: 1em;
	letter-spacing: -1px;}
    
h2 {
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-size: 1.8em;
    margin-top: 0px;
    margin-bottom: 15px;
    color: #3077a6;
	line-height: 1.1em;}
    
h3 {
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 12px;
    margin-top: 0px;
    color: #3077a6;}
    
h4 {
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 12px;
    color: #3077a6;}
    
h5 {
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 0px;
    color: #3077a6;}

.hidden {
    width: 1px;
    position: absolute;
    left: -9999px; }
	
h1.large {
    font-size: 2.9em;
    margin-top: 0px;
    margin-bottom: 18px;
    color: #a5c92e;
	line-height: 1em;
	letter-spacing: -2px;}
    
h1.seo-top {
    position: absolute;
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    right: 0px;
    top: 7px;
    font-size: 10px;
    color: #a2b8c7;
    letter-spacing: 0px;}
    
h1.seo-bottom {
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    color: #4283ad;
    font-size: 1em;
    line-height: 1.4em;
    letter-spacing: 0px;}
    
h1.seo-top strong, h1.seo-bottom strong {
    font-weight: normal;}
    
.section-rule {
    margin: 25px 0 18px 0;
    color: #25658e;}
	
h3.rule {
	text-transform: uppercase;
    background: #ffffff;
    padding: 0 0 2px 0;
    color: #3077a6;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 15px 0;
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	background: #ffffff url(images/dash_horizontal.gif) repeat-x bottom left;}

.rule, tr.rule, td.rule {
    margin-bottom: 12px;
	background: #ffffff url(images/dash_horizontal.gif) repeat-x bottom left;}
	
.meta {
    color: #9da8ac;}
	
.alternate {
	color: #1d577d;}
    
	
/*-----------------------------------------------------------------------------
LIST STYLES
--------------------------------------------------------------------------------*/
/* causing issues with lots of other things within content */
/*#col-centre ol {
	list-style-type: decimal;
	padding: 0 0 0 25px;
    margin: 0 0 10px 0; 
	line-height: 1.25em;}*/
	
/*#col-centre ol li {
	padding: 0 0 .7em 0.3em;}*/

#col-centre ul.text {
    list-style-type: none;
    padding: 0;
    margin: 0 0 10px 0; 
	line-height: 1.25em;}
    
#col-centre ul.text li {
    background: url(images/ul.gif) no-repeat 0 .3em;
    padding: 0 0 .7em 1.3em; }
    
ul.text {
    list-style-type: none;
    padding: 0;
    margin: 0 0 10px 0; 
	line-height: 1.25em;}
    
ul.text li {
    background: url(images/ul.gif) no-repeat 0 .3em;
    padding: 0 0 .7em 1.3em; }
	
/*#col-centre ul ul, #col-centre ol ol, #col-centre ol ul, #col-centre ul ol {
	margin: 10px 0;}*/
	
#col-centre form.cform ul, #col-centre form.cform ol {
	margin: 0px;
	padding: 0px;}

#col-centre form.cform li { 
	background-image: none;
	padding: 0px;}
    
    

/*-----------------------------------------------------------------------------
LAYOUT & CONTAINER STYLES
--------------------------------------------------------------------------------*/
#wrap {
    position: relative;
    width: 998px;
    margin: 0 auto;
    text-align: left;
    font-size: 0.75em; /* 11px */}

/*----------------------------------- Header -----------------------------------*/    
#header {
    position: relative;
    width: 990px;
    margin: 0 auto;
    padding: 106px 0 0 0;}
    
#logo {
    position: absolute;
    left: 0px;
    top: 18px;
    background: url(images/logic_melon_logo_green.gif) no-repeat;
    width: 356px; height: 68px; border: none;}
    
#flash {
    position: relative;
    height: 145px;
    width: 100%;}
    
#navi {
    position: relative;
    height: 33px;
    z-index: 1;
    background: url(images/navi_bg.gif) no-repeat;
    width: 100%;}
    
#buttons {
    position: absolute;
    right: 0px;
    top: 32px;}
    
#buttons img {
    margin-left: 10px;}
    
    
/*----------------------------------- Main -----------------------------------*/    
#main {
    position: relative;
    background: #ffffff url(images/main_middle.gif) repeat-y top left;
    min-height: 100px;}
    
#main-top {
    position: relative;
    margin: 13px 0 0 0;
    height: 28px;
    width: 100%;
    background: #ffffff url(images/main_top.gif) no-repeat;}

#main-bottom {
    position: relative;
    height: 28px;
    width: 100%;
    margin: 0 0 10px 0;
    background: #ffffff url(images/main_bottom.gif) no-repeat;}
    
#col-centre, #col-centre-wide {
    width: 419px;
    float: left;
    margin: 0 0 0 282px;
    line-height: 1.45em;
	display: inline;}

#col-left, #col-left-wide {
    width: 225px;
    float: left;
    margin: 0 0 0 -678px;
	display: inline;}
	
#col-centre-wide {
    width: 693px;}

#col-left-wide {
    margin: 0 0 0 -952px;}

#col-right {
    width: 240px;
    float: left;
    margin: 0 0 0 34px;
	display: inline;}
	
.breadcrumb {
	background: url(images/dash_horizontal.gif) repeat-x bottom left;
	color: #9d9e9f;
	padding: 0 0 2px;
	margin: 8px 0 16px;}
	
img.service {
	float: right; 
	margin: -50px 0 0 15px;}


   
/*----------------------------------- Footer -----------------------------------*/   
#footer {
    text-align: center;
    line-height: 1.5em;
    color: #1e577b;
    margin: 0 0 8px 0;}
    
#footer-bar {
    background: #25608e;
    color: #6c9ec0;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 20px;}
	
#validators {
	line-height: 1em;}
	
#validators a:hover {
	background: none;}
    

/*-----------------------------------------------------------------------------
MODULES - NEWS, RSS, SEARCH etc
--------------------------------------------------------------------------------*/
.module-left {
    width: 225px;}
    
.module-right {
    width: 240px;}
    
.spacer {
    margin: 0 0 21px 0;}
    
.box-middle {
    width: 187px;
    padding: 12px 19px 0 19px;
    color: #4b5b62;
    background: url(images/box_middle.gif) repeat-y;}
	
img.logo {
	border: solid 1px #dcdcdc;
	margin: 10px 0 0 0;}
    
.box-footer {
    height: 15px;
    width: 100%;
    background: url(images/box_footer.gif) no-repeat;}
	
.box-head {
	position: relative;
    width: inherit;
    height: 35px; }

.box-head {
    background: url(images/box_head.gif) no-repeat;}
    
    .box-head {
    background: url(images/box_head.gif) no-repeat;}
.box-head h2 {
    color: #ffffff; padding: 6px 19px 0 19px;
    }
	
.newsletter-widget p {
	color: #ee5120;}
	
.newsletter-widget p.wpsb_form_label {
	color: #4b5b62;
	margin: 0;
	padding: 0px;}
	
input.wpsb_form_btn {
	margin: 8px 0 0px 0;}
    
/* News */
.box-news-head {
    margin: 13px 0 0 0;
    background: url(images/box_news.gif) no-repeat;}
    
#box-news-content {
    width: 202px;
    color: #70787c;
    padding: 12px 19px 0 19px;
    background: url(images/box_news_middle.gif) repeat-y;}
    
#box-news-content p {
    margin: 0 0 4px 0;}
    
#box-news-content .hr {
    height: 2px;
	clear: both;
	margin: 0 0 5px 0;
    background: url(images/hr_news.gif) bottom left repeat-x;}
    
#box-news-footer {
    height: 15px;
    width: 100%;
    background: url(images/box_news_footer.gif) no-repeat;}

/* Call back */
#callback 
{ 
  height: 64px;
}
.callback-text {
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    position: relative;
    left: 0px;
    top: -63px;
    width: 144px;
    text-align: left;
    }
    .callback-text a, .callback-text a:visited {
    color: #fff;
    font-weight: bold;
    text-decoration: none;    
    }
/* Products */
#module-products {
    width: 100%;
    height: 614px;
    color: #c2def1;
    font-size: 10px;
    line-height: 1.1em;
    background: url(images/products_reflection.gif) no-repeat bottom left;}
    
.product-text {
    position: absolute;
    left: 70px;
    top: 43px;
    width: 155px;}
    
#product-rec {
    position: relative;
    height: 100px;}
    
#product-net {
    position: relative;
    height: 100px;}
 
#product-ads {
    position: relative;
    height: 100px;}
	
#product-cats {
    position: relative;
    height: 100px;}
	
#product-melon {
    position: relative;
    height: 100px;}
   
#product-extras {
    position: relative;
    height: 98px;}
    
/* Partners & Accreditations */
#partners {
    text-align: center;}
	
#accreditations {
	position: relative;
	background: url(images/accreditations_bg.gif) no-repeat center center;
	height: 50px;}
	
#flash-accreditations {
	position: absolute;
	width: 160px;
	top: 1px;
	left: 129px;
	height: 48px;
	background-color: transparent;}
    
#partners img {
    margin: 0 0 0 2px;}
	
#social {
	background: url(images/social_bg.gif) no-repeat;
	width: 225px;
	height: 111px;
	padding: 20px 0 0 0;}
	
#social img {
	margin: 0 0 3px 18px;}
	
    
/*-----------------------------------------------------------------------------
SIDE NAVIGATION STYLES
--------------------------------------------------------------------------------*/
.module-left ul {
    line-height: 1.25em;}

.module-left li {
    width: 225px;
    margin: 1px 0 0 0;}
    
.module-left li a {
    padding: 4px 10px 4px 17px;
    height: 1%; /*IE Fix */
    display: block;
    color: #3e78a9;
    background: #edf2f6 url(images/ul_square.gif) no-repeat 0 .85em;}

.module-left li a:hover {
    background: #4082ac url(images/ul_square_over.gif) no-repeat 0 .85em;
    text-decoration: none;
    color: #ffffff;}
	
.module-left li.page_item_pagina_deschisa a{ /* selected page */
	font-weight: bold;}
      
    
/*-----------------------------------------------------------------------------
TOP LEVEL NAVIGATION (TABS)
--------------------------------------------------------------------------------*/
#navi ul {
	list-style: none;
	margin: 0 0 0 32px; }
	
#navi li {
	float: left;
	padding: 0 0 0 0px;
	height: 33px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	background: transparent url(images/navi_divide.gif) no-repeat;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */}
	
#navi li a {
	display: block;
	line-height: 33px;
	overflow: hidden;
	padding: 0 10px;
	background: transparent url(images/navi_divide.gif) no-repeat -9999em -9999em;
	color: #ffffff;}

#navi li a:hover {
	background: #2e729f url(images/navi_bg_hover.gif) repeat-x;
	text-decoration: none;
	color: #ffffff;}
	
/*#navi li a.selected,
#navi li a.selected:hover {
	background: transparent url(images/navi_bg_selected.gif) no-repeat top center;
	}
	*/

/*-----------------------------------------------------------------------------
JQUERYUI TAB & TABLE STYLES - By Chris
--------------------------------------------------------------------------------*/
#EntityTabs {
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; }
    
.TabInner{
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    padding: 10px 18px;
    color: #4b5255;}
    
table td.labels {
    width: 175px;
    padding-right: 10px;}
    
span.managelabels {
    width: 75px; text-align: right; display: inline-table;    
    }