* {margin: 0; padding: 0;}
html,body {height:100%;}

/* temp.. while all items are in tables.. force the font-size*/
body, td, input, select, textarea {font-size:12px; line-height:1.5em; font-family: Arial, Tahoma, Verdana, Sans-Serif}

h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:120%;}
h4{font-size:115%;}
h5{font-size:110%;}
h6{font-size:105%;}
.small{font-size:95%;}
.xsmall{font-size:90%;}
.xxsmall{font-size:85%;}
.xxxsmall{font-size:80%;}

.inline_button {margin-bottom:-4px;}
.indent {margin-left:25px;}
.display_none { display:none;}
.inline { display:inline;}

.txtSuccessful {
	color:green;
	font-weight:bold;	
}

fieldset {border:0px;}
p {margin:0px 0px 15px 0px;}
ul,td {text-align:left;}
ul {list-style-type:none;}
ul.disc { list-style-type:disc;}	

/* what ...*/
ol li {margin-left:25px;}

.align_right{ text-align:right;}
label.required { color:#2eafcc;}

a img {border:0px}
img {border:0px}

legend{
	font-size:115%;
	font-weight:bold;
	color:#3fb1c3;
}

.height_zero { height:0px;}

.clear_both { clear:both;}

/* colours */
.background_decipher_blue{background:#3fb1c3;}
.color_decipher_blue{color:#3fb1c3;}

.background_decipher_green{background:#7fbe1f;}
.color_decipher_green{color:#7fbe1f;}

.background_decipher_dark_grey{background:#323a2f;}
.color_decipher_dark_grey{color:#323a2f;}

.background_decipher_light_grey{background:#E7E7E7;}
.color_decipher_light_grey{color:#E7E7E7;}

.background_decipher_lightest_grey{background:#F8F8F8;}
.color_decipher_lightest_grey{color:#F8F8F8;}


#main div.item_parent h2{
	display:block;
	margin: 0px 0px 10px 0px;
	}
		
/* MAIN > A*/
#main a:link{color:#2eafcc;}
#main a:visited{color:#22788B;}
#main a:hover{color:#abcd6c;text-decoration:none;}

	
	
/* DECIPHER STAYS*/
/* CONTAINER > HEADER */
#header img#decipher_logo{float:left;}
	
/* CONTAINER > HEADER > AUXILIARY */
#auxiliary{float:right;	}

#auxiliary ul{
	list-style:none;
	margin-top:10px;
}

#auxiliary ul li{
	display:inline;
	text-transform:uppercase;
	padding:0px 5px 0px 5px;
}

	
/* CONTAINER > MAIN */	
#main #decipher_menu{width:650px;}
	
#main h1#page_title{
	display:block;
	margin: 0px 0px 10px 0px;
	}


/* MAIN > MENU */
.MenuGroup, nobr{
	background-color: #46564c;
	color: white;
	text-transform:uppercase;
	padding:0px 2px 0px 2px;	
}
	
.MenuItem { 
	padding:0px 2px 0px 2px; 
	margin-left:4px; 
}

.MenuItem td nobr{
	padding-left:-5px;	
	margin-left:-5px;
}
	
.MenuItemOver td nobr{
	margin-left:1px;
	padding:0px 0px 0px 0px;
	padding:0px;
}
	
.MenuItemOver nobr  {
	color:#739348;
	cursor:default;
	padding:0px 4px 0px 4px;
	}

.MenuBreak{padding:0px;}





/* MAIN > PAGE_TOOL */
#main ul#page_tool{
	margin-top:-25px;
	margin-right:25px;
	display:inline;
	float:right;
	}

#main ul#page_tool li{
	display:inline;	
	margin-left:4px;
	}	
	
/* MAIN > ITEM_PARENT */
#main div.item_parent{
	margin:10px 10px 10px 10px;
	clear:both;
	}	
	
		
		
		
		
/* DECIPHER LANDING PAGE */

#landingPage_tabbedMenu{margin: 0px 0px -3px 5px;}
#landingPage_tabbedMenu a img { margin-right:3px;}

html > body #landingPage_tabbedMenu{ margin-bottom:-4px;}	
	
.decipherLandingPage { 
	float: left; 
	margin: -10px -5px 5px -5px; 
	width: 650px;
	border-bottom: 1px solid #ccc; 
}
	
.decipherLandingPage #middle_pane { 
	background: #e7e7e7; 
	float: left; 
}
	 
.decipherLandingPage .menuItem {
	 margin: 0px 2px 0px 2px;
}
	 
html div.item_parent > .decipherLandingPage{
	margin:-10px -10px 10px -10px;
}








/* CONTAINER > SIDE_PANEL */
#side_panel div h3{
	background:#3E6F73;	
	height:30px;
	display:block;
	text-align:left;	
}
	
#side_panel div h3 b{
	padding-top:6px;
	margin-left: 5px;
	display:block;
	text-transform: uppercase;	
	color:#fff;	
	font-weight:normal;
}

#side_panel 
{
    color:#333333;
    line-height:130%;
}
	
#side_panel .parent	{margin:15px;}		
#side_panel a {color:#46564C; font-weight:bold;}
#side_panel a:hover	{color:#fff;}	




/* CONTAINER > FOOTER */
#footer ul{
	list-style:none;
	}

#footer ul li{
	display:inline;
	padding:0px 5px 0px 5px;	
	}
	
#footer a{color:#2eafcc;}
#footer a:hover{color:#abcd6c;}





/*******
 *
 * MAIN_PACKET_SEARCH
 * Landing page search area
 *
 ******/

div#main_packet_search{		
	clear:both;
}

div#main_packet_search	span.heading{
	/*height:30px;*/
	line-height:30px;
	background:#b8b8b8;
	display:block;
	border-bottom:1px solid #999;	
	padding-left:15px;
	clear:both;

}

#main_packet_search span.heading b{	
	/*display:block;
	padding-left:15px;
	padding-top:6px;*/	
}

#main_packet_search select,
#main_packet_search input.searchText  {
	width:280px;
	margin:10px 10px 5px 20px;		
}

#main_packet_search .searchItem_medium fieldset input.searchText{
	margin-left:-20px;
	
}

input.searchText
{
    font-size:1.6em;
}

#main_packet_search div {
	float:left;
	width:325px;	
}

#main_packet_search div#search_bottom{display:block;width:650px;}

#main_packet_search #right_column ul {
	margin:12px 0px 0px 10px;
	list-style:none;	
}


.searchItem_large{height:180px; clear:both;}

.searchItem_medium{	height:120px; clear:both;}




/************************************************************************
 *
 * _PACKET_SEARCH_RESULTS
 * Move this to the packet_search_results page?
 * CLEAN THIS UP.
 *
 *************************************************************************/
#packet_search_results div#results_navigation {margin-bottom:15px;}

#packet_search_results div#results_navigation div{	
	display:inline;
	margin-right:30px;
}

#packet_search_results div#results_navigation h5 {margin-bottom:10px;}

#packet_search_results div.packet_item {
	 float: left; 
	 width: 100%; 
	 padding-top:10px;
	 padding-bottom:10px;
}

#packet_search_results div.packet_item div.packet_item_image {
	float: left; 
	width: 80px; 
	padding-top: 10px; 
	height: 220px; 
	text-align: center;
}

#packet_search_results div.packet_item div.packet_item_desc {
	padding:10px;
	margin: 0px;  
	margin-left:80px;
	position: relative;
}

#packet_search_results div.packet_item div.packet_item_desc p{
	margin: 10px 0px 10px 0px;
	line-height:140%;
}

#packet_search_results div.packet_item div.packet_item_desc ul {margin-bottom:10px;}

#packet_search_results div.packet_item div.packet_item_desc ul li {
	list-style-type: none;
	margin-top:2px;
	margin-left:3px;
	margin-bottom:2px;
}

html>body #packet_search_results div.packet_item div.packet_item_desc ul li {
	margin-left:0px;
}

#packet_search_results div.packet_item div.packet_item_desc ul li label{
	float:left;
	margin:0px;
	text-align:left;
	width:80px;
}

#packet_search_results div.packet_item div.packet_item_desc ul li b {text-align:left;}
#packet_search_results div.packet_item div.packet_item_desc ul li a img 
{
    margin-left:-3px;
    margin-right:3px;
}

html>body #packet_search_results div.packet_item div.packet_item_desc ul li a img 
{
    margin-left:0px;
    margin-right:0px;
}

#packet_search_results div.odd {background: #e1e1e1;}

#packet_search_results div.packet_item div.packet_item_desc h2 {
	display: inline; 
	background: #999;
	color:#fff;
	padding:3px;
	line-height:140%;
}

#packet_search_results div.packet_item div.packet_item_desc h2 a {color:#fff;}
#packet_search_results div.packet_item div.packet_item_desc h2 a:hover {color:#323a2f;}

#packet_search_results div.packet_item div.packet_item_desc select, 
#packet_search_results div.packet_item div.packet_item_desc input{
	background:#999;
	color:#fff;
	font-weight:bold;
	width: 200px;
}

#packet_search_results div.packet_item div.packet_item_desc h2.odd {
	color: #fff;
	background:#2eafcc;
}

#packet_search_results div.packet_item div.packet_item_desc h2.odd a{
	color: #fff;
	background:#2eafcc;
}

#packet_search_results div.packet_item div.packet_item_desc h2.odd a:hover{ color: #323a2f;}

#packet_search_results div.odd div.packet_item_desc select, 
#packet_search_results div.odd div.packet_item_desc input{
	color: #fff;
	background:#2eafcc;
	font-weight:bold;
}


/*
ITEM DISPLAY TEMPLATE
Man o man this is ug-leigh. Tidy it oop!


<#item_list [.supplier_list, .reports]>

	: datagrid
	:	tr
		: *TEMPLATE
	:	tr.odd
		: *TEMPLATE

	
	*TEMPLATE
		<.item>
			<.item_image>
				{
					<a><img></a>
				or
					<img>
				}
			</.item_image>
			<.item_desc>
				<h2><a></a></h2>
				<ul>
					<li><label></label><b></b></li>
				</ul>
				<input/><select/>
				<.item_other/>
			</.item_desc>
		</.item>

</#item_list>
*/

#item_list{}
#item_list .odd { background:#fff;}

#item_list .item { width: 100%;  margin:10px 0px 10px 0px;}
#item_list .odd .item {background:#fff;}

#item_list .item .item_image {
	float:left;
	width: 80px; 
	padding-top: 10px; 
	height: 125px;
	text-align: center;
}

#item_list .item .item_image img{background:#fff;}

/* event calendar extras*/
	#item_list.event_calendar .item .item_image p {
		margin-top:-2px;
		background:#04B7DE;
		color:#fff;
		padding:3px;
	}

	#item_list.event_calendar .item .item_image p span {
		font-size:130%;
		font-weight:bold;
		line-height:140%;
	}

/* Supplier list alterations*/
	#item_list.supplier_list .item,
	#item_list.supplier_list .item .item_image{
		height:60px;
	}
	



#item_list .item .item_desc {
	padding:10px;
	margin: 0px;  
	position: relative;
	margin-left:80px;
}

#item_list .item .item_desc p{
	margin: 10px 0px 10px 0px;
	line-height:140%;
}


#item_list .item .item_desc .item_other{clear:left;}

/* Lists within item_desc */
	#item_list .item .item_desc ul{
		margin:10px 0px 10px 0px;
		padding-left:4px;
	}

	html > body #item_list .item .item_desc ul{padding-left:0px;}

	#item_list .item .item_desc ul li {
		margin-top:2px;
		margin-bottom:2px;
	}

	#item_list .item .item_desc ul li label{
		float:left;
		text-align:left;
		width:80px;
	}

	#item_list .item .item_desc ul li  b {text-align:left;}


/* H2 */
	#item_list .item .item_desc h2{ color:#fff; padding:3px; display: inline;}
	#item_list .item_desc h2{background:#2eafcc; color:#fff;}
	#item_list .odd .item_desc h2{background:#999; color:#fff;}

		
	
	#item_list .item .item_desc h2 a {color:#fff;line-height:140%;  }	
	#item_list .odd .item_desc h2 a {color:#fff;}

	#item_list .item .item_desc h2 a:hover {color:#323a2f;}
	#item_list .odd .item .item_desc h2 a:hover {color:#ccc;}
	#item_list .odd .item_desc h2 a:hover {color:#ccc;}

	/*supplier*/
		#item_list.supplier_list .item_desc h2 {background:#fff; color:#2eafcc;}
		#item_list.supplier_list .item_desc h2 a{background:#fff; color:#2eafcc;text-decoration:none;}
		
		#item_list.supplier_list .odd .item_desc h2 {background:#fff; color:#999;}
		#item_list.supplier_list .odd .item_desc h2 a{background:#fff; color:#999; text-decoration:none;}		
	

/* INPUT ELEMENTS*/
	#item_list .item .item_desc select, 
	#item_list .item .item_desc input{
		background:#2eafcc;
		color:#fff;
		font-weight:bold;
		width: 200px;
	}
	
	#item_list .odd .item_desc select, 
	#item_list .odd .item_desc input{
		background:#999;
		color:#fff;	
	}

/* reports.. */
	#item_list .reports .item .item_desc h2{
		background:#fff;
		color:#999;
		padding:0px;
		margin:0px;
	}

	#item_list .reports div.odd td h2.set {
		background:#999;
		color:#fff;
		border:1px solid #ccc;
		padding:5px;
	}
	
	#item_list .reports div.odd td h2.set a {
		color:#fff;
	}


/* organisationForm*/
	#item_list .organisationForm .item .item_desc select, 
	#item_list .organisationForm .item .item_desc input{
		background:#fff;
		color:#000;
		font-weight:normal;	
		width: 200px;
	}







/** END OF ITEM DISPLAY TEMPLATE */

/* old ugly decipher hack */
.txtBold {font-weight:bold;}
.txtError {color: #ff0000;}
.tablePopupPage { margin:5px;}

.txtNoAccess { 
	font-weight:bold;
	color:#ff0000;
}



/* Data Grid */
#main .DataGridResourcesHeader td,
#main .DataGridResourcesFooter td, 
#main .DataGridResourcesItem{
	padding-left:5px;
	padding-right:5px;
}

#main .DataGridResourcesHeader{
	height:40px;
}

#main .DataGridResourcesHeader, #main .DataGridResourcesFooter{
	 background: #D6D8D7;
}

#main .DataGridResourcesHeader a, #main .DataGridResourcesFooter a{
	font-weight:bold;
}

#main .DataGridResourcesHeader a:hover, #main .DataGridResourcesFooter a:hover{
	font-weight:bold;
	color:#fff;
}

#main .DataGridResourcesItem{
	background:#efefef;
	border-bottom: 1px solid #ccc;
}

.dataGrid td{padding: 3px;}

/* VALIDATION SUMMARY */

.ValidationSummary{
	margin:20px;
	padding:10px;
	border: 1px solid red;
	background-color: #FFF0F0;
	color:#ff0000;
}

.ValidationSummary ul li{
	list-style-type:	circle;
	margin-left: 30px;
	margin-bottom: 0px;
}

#subscriberSubscriptionOptions{
	border:1px solid #999;
	background:#e7e7e7;
	padding:10px;
	width:480px;
	margin:auto;
	 
}

#subscriberSubscriptionOptions {
	padding-left:40px;
}

#subscriberSubscriptionOptions label{
	float:left;
	margin:0px;
	text-align:left;
	width:120px;
}

#subscriberSubscriptionOptions  b {	
	text-align:left;
	width:200px;
}



/* TEMP */

table.subscription_info td.label {
	text-align:right;
	font-weight:bold;
}

fieldset.subscription_info, fieldset.floatingForm {
	border:1px #ccc solid; 
	width:80%;
	margin:auto;
}

fieldset.floatingForm p.title {
	background:#e7e7e7;
	width:100%;
	padding:8px 0px 8px 8px;
	margin-top:8px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;	
}

fieldset.floatingForm p.footer{
	background:#e7e7e7;
	width:100%;
	padding:8px 0px 8px 8px;
	margin-top:8px;
	border-top:1px solid #ccc;
	margin-bottom:0px;
}

fieldset.floatingForm p.button{
	text-align:center;
	padding:0 0 0 0;
}

fieldset.floatingForm p{
	padding:8px 0px 8px 8px;
}




/* REPORTS */
div.next_section_link {
	text-align:right;
	background:#ddd;
	margin-top:25px;
	margin-bottom:50px;
	padding:10px;
	clear:both;
}


/* MORE TEMP */
.floatingDialog{
	border:1px solid #999;
	background:#e7e7e7;
	padding:10px;
	width:480px;
	margin:auto;
	 
}

.floatingDialog {
	padding-left:40px;
}

.floatingDialog label{
	float:left;
	margin:0px;
	text-align:left;
	width:120px;
}

.floatingDialog  b {	
	text-align:left;
	width:200px;
}

/** SERVICE FEE MESSAGE */
.warning_message {
	border:1px solid #999;
	background:#c5df9e;
	padding:10px;
	width:605px;
	margin:25px 0px 10px 0px;
}

/*QT BG*/
.quality_tourism_promotion_widget{
    background:#A13729;
    color:#fff;
}

#side_panel .quality_tourism_promotion_widget a{
    color:#fff;
}