/* CSS Document */
/* Last updated: September 18, 2007 at 10.10 */
html {
min-height: 101%;
padding:0; margin:0;
}

body {
	margin: 0;
	padding: 0;
	font-family: verdana;
	font-size: 0.6em;
	background: #e6e6e6 url(../../mediax/bg.jpg) repeat-x;
}


img {
border: none;
}

/* ---[ wrap ]--- */
#wrap {
	position: relative;
	margin: 0px auto;
	padding: 0;
    width: 820px;
	height: auto;
}

/* ---[ commom ]--- */
p {
margin: 0;
padding: 0;
color: #4b5e6d;
line-height: 1.2em;
}

a {
text-decoration: underline;
color: #326ea1;
}

a:hover {
text-decoration: none;
}

/* ---[ use for title of background images where necessary ]--- */
h3.alt_title {
float: left;
text-indent: -5000px;
}

/* ---[ HEADER ]--- */

#header {
width: 820px;
height: 53px;
margin: 0px 0px 0px 0px;
background: url(../../mediax/banner_tn_logo_top.gif) no-repeat top left;
}

/* ----[ links & search facility in header area] ---*/

#headls {
float: right;
margin: 19px 5px 0 0;
}

#headls a {
padding: 0 15px 0 0;
color: #9c9c9c;
text-decoration:none;
background: url(../../mediax/horz_dot_border.gif) no-repeat right 50%;
word-spacing: normal;
}



/* ---[ nav ]--- */
#nav{ width: 820px; position:relative; padding:0; height:62px; } 
#nav ul{ margin: 0; list-style: none; float:left; padding:0; }
#nav ul li { float:left; margin: 0; }
#nav ul li a { float:left; height: 62px;}

#tn_logo { width: 234px; background:  url("../../mediax/nav_tn_logo.gif") top left no-repeat; margin-right: 100px !important; height: 62px; }
#home{ width: 64px; background:  url("../../mediax/nav_home.gif") top left no-repeat; }
#services{ width: 81px; background:  url("../../mediax/nav_services.gif") top left no-repeat; }
#products{ width: 92px; background:  url("../../mediax/nav_products.gif") top left no-repeat; }
#clients{ width: 65px; background:  url("../../mediax/nav_clients.gif") top left no-repeat; }
#careers{ width: 82px; background:  url("../../mediax/nav_careers.gif") top left no-repeat; }
#about{ width: 86px; background:  url("../../mediax/nav_about.gif") top left no-repeat; }
#contact{ width: 79px; background:  url("../../mediax/nav_contact.gif") top left no-repeat; }
#news{ width: 109px; background:  url("../../mediax/nav_news.gif") top left no-repeat; }

/* ---[ use class="current" in nav list as appropriate ]--- */
#nav a:active, #nav a:hover, #nav a.current {
	background-position: bottom left;
}

/* ----[ MAIN CONTENT AREA - HOME] ---*/

/* ----[ flash content] ---*/
#flash_content{
height: 285px;
}

#flash_content_contact{
height: 425px;
float:left;
clear:both;
}

/* ----[ bottom content] ---*/
#panel_btm_all{
clear:both;
float:left;
border: 0;
background: #ffffff url(../../mediax/panel_btm_bgb.gif) repeat-y bottom left;
}

/* Background images of left, mid and right panels removed by Aisling 24/08/07*/
#panel_btm_left{
float: left;
width: 280px;
background: #ffffff url(../../mediax/panel_btm_bgb.gif) repeat-y bottom left;
}

#panel_btm_mid{
float: left;
width: 270px;
}

#panel_btm_right{
float: left;
width: 270px;
}

/*Margin edited by Aisling 24/08/07 to allow image header links*/
.img_box,
.img_box_left{
padding: 8px 0 0 0;
float: left;
width:65px;
}


.img_box{
padding: 8px 0 0 10px;
}

.img_box_left{
padding: 8px 0 0 20px;
}

/*Margin edited by Aisling 24/08/07 to allow image header links*/
.text_box{
margin: 8px 0 0 0;
float:left;
width: 180px;
background: transparent;
}

#panel_btm_footer {
clear: both;
margin: 0;
height: 8px;
line-height:1px;
font-size: 1px;

}


#interior_page_footer{
clear: both;
margin: 0;
height: 15px;
line-height:1px;
font-size: 1px;

}

#panel_btm_footer{
background:url(../../mediax/panel_btm_footer.gif) no-repeat bottom left;
}

#interior_page_footer{
background:url(../../mediax/interior_page_footer.gif) no-repeat bottom left;
position: relative;
clear: both;
}

/* ----[ MAIN CONTENT AREA - ALL OTHER PAGES] ---*/

#interior_page{
margin: 10px 10px 0 10px;
margin-bottom: 0;
width: 805px;
height: 100%;
background:url(../../mediax/interior_page_bg.gif) repeat-y top left;
}

#interior_title_product{
height: 49px;
width: 805px;
background:url(../../mediax/interior_title_product.gif) top left no-repeat;
}

#interior_title_services{
height: 49px;
width: 805px;
background:url(../../mediax/interior_title_services.gif) top left no-repeat;
}

#interior_title_partners{
height: 49px;
width: 805px;
background:url(../../mediax/interior_title_partners.gif) top left no-repeat;
}



#interior_title_about{
height: 49px;
width: 805px;
background:url(../../mediax/interior_title_about.gif) top left no-repeat;
}

#interior_title_news{
height: 40px;
background:url(../../mediax/interior_title_news.gif) top left no-repeat;
}

#interior_title_news2{
height: 40px;
background:url(../../mediax/interior_title_news2.gif) top left no-repeat;
}

#interior_title_careers{
height: 49px;
width: 805px;
background:url(../../mediax/interior_title_careers.gif) top left no-repeat;
}

#interior_title_contact{
height: 49px;
background:url(../../mediax/interior_title_contact.gif) top left no-repeat;
}

#interior_title_clients{
height: 40px;
background:url(../../mediax/interior_title_clients.gif) top left no-repeat;
}

#interior_title_spotlight{
height: 40px;
background:url(../../mediax/interior_title_spotlight.gif) top left no-repeat;
}

#interior_title_contact{
height: 49px;
background:url(../../mediax/interior_title_contact.gif) top left no-repeat;
}

#interior_title_search{
height: 49px;
background:url(../../mediax/interior_title_search.gif) top left no-repeat;
}

#interior_title_error{
height: 49px;
background:url(../../mediax/interior_title_error.gif) top left no-repeat;
}

.interior_page_sections{
float: left;
width: 802px;
}

.interior_img_box{
padding: 20px 0 20px 20px;
float: left;
width:120px;
}

.interior_img_box_mgmt{
padding: 20px 0 20px 20px;
float: left;
width:60px;
}

.interior_services_img_box{
padding: 20px 0 20px 20px;
float: left;
width:60px;
}

.interior_producttour_img_box{
padding: 0 0 20px 20px;
float: left;
width:390px;
}

.interior_text_box{
padding: 20px 10px 20px 10px;
float:left;
width: 640px;
}

.interior_text_box_mgmt{
padding: 20px 10px 20px 10px;
float:left;
width: 600px;
}

.intro_text_box{
float: left;
width: 800px;
padding: 0 1px 0 1px;
}

.interior_services_text_box{
padding: 20px 10px 20px 10px;
float:left;
width: 700px;
}

.interior_careers_text_box{
padding: 20px;
float:left;
width: 770px;
}

.interior_producttour_text_box{
padding: 0 10px 20px 0;
float:left;
width: 380px;
}

.contact_area{
clear: both;
margin: 0 20px 20px 0;
}

/* ----[ Paragraph Classes - ALL PAGES] ---*/

p.panel_btm_title_left,
p.panel_btm_title_mid,
p.panel_btm_title_right,
p.interior_text_title,
p.interior_text_title_indent{
color: #326ea1;
font-weight: bold;
}

p.panel_btm_title_left,
p.panel_btm_title_mid,
p.panel_btm_title_right{
font-size:1.1em;
}

p.interior_text_title,
p.interior_text_title_indent{
font-size:1.2em;
}

p.panel_btm_title_left,
p.panel_btm_title_mid,
p.panel_btm_title_right{
padding: 0px 0 7px 0px;
}


p.panel_btm_text {
	background:url(../../mediax/hr_shadow_x.gif) repeat-x top left;
	padding:10px 0px 0px 0px;
}

p.interior_text, p.interior_intro_ans_text {
	background: url(../../mediax/hr_shadow_interior.gif) repeat-x top left;
	padding: 10px 0px 0px 0px; 
	
	}
	
p.interior_intro_ans_text_new {
background: url(../../mediax/hr_shadow_interior.gif) repeat-x top left;
padding: 10px 0px 0px 10px; 
font-size: 11px;
margin-left: 20px;
width: 750px;}
	

p.interior_intro_text {
background: url(../../mediax/hr_shadow_interior.gif) repeat-x top left;
padding: 0px 0px 0px 0px; 
margin-left: 20px;
width: 750px;}

p.subHeading{
font-weight:bold;
padding:8px 0px 18px 22px;
font-size:12px;
}

p.interior_text_no_bg{
font-size: 11px;
padding-top: 0px;
}

p.panel_btm_text{
padding: 15px 0 15px 0;
}

.uc_dotted_arrow{
padding: 0 8px 15px 8px;
background:url(../../mediax/motif_hyperlink1.gif) left 22% no-repeat;
}

p.services_text_heading,
p.products_text_heading,
p.products_sub_text_heading,
p.about_text_heading,
p.about_sub_text_heading,
p.clients_text_heading,
p.careers_text_heading,
p.contact_text_heading,
p.spotlight_text_heading,
p.news_text_heading{
font-size: 2.5em;
font-family:Georgia, "Times New Roman", Times, serif;
}

p.services_text_heading{
color: #595959;
}

p.products_text_heading,
p.products_sub_text_heading{
color: #595959;
}
p.spotlight_text_heading
p.about_text_heading,
p.about_sub_text_heading{
color: #595959;
}

p.news_text_heading{
color: #595959;
}

p.clients_text_heading{
color: #00949e;
}

p.careers_text_heading{
color: #595959;
}

p.contact_text_heading{
color: #979e00;
}


p.services_text_heading,
p.products_text_heading,
p.about_text_heading,
p.clients_text_heading,
p.careers_text_heading,
p.contact_text_heading,
p.spotlight_text_heading,
p.news_text_heading{
padding: 10px 10px 10px 20px;
}

p.products_sub_text_heading,
p.about_sub_text_heading{
padding: 5px 20px 10px 20px;
}

p.interior_text,
p.interior_intro_text,
p.interior_sub_text_aftlist,
p.interior_producttour_aftrimg,
p.interior_intro_ans_text,
p.interior_ans_text{
font-size: 11px;
padding-top: 10px;
}

p.interior_text_blank{
font-size:2px;
height:1px;
padding:10px 0px 0px 0px;
margin-bottom:-10px;
background:url(../../mediax/hr_shadow_interior.gif) repeat-x top left;
}

p.interior_sub_text_aftlist{
padding: 10px 20px 0 20px;
}

p.interior_producttour_aftrimg{
padding: 10px 20px 0 0;
}

p.interior_intro_text{
padding: 10px 20px 0 0px;
}

p.interior_intro_ans_text{
padding: 10px 10px 0 30px;
}

p.interior_ans_text{
padding: 0 10px 0 30px;
}

p.interior_text_title{
padding: 0 0 7px 0;
}

p.interior_text_title_indent{
padding: 0;
margin: 0 0 0 40px}
/* ----[ List Classes - ALL PAGES] ---*/

.interior_links_list{
padding: 25px 0 0 0;
margin: 0;
}

.interior_links_list li{
display:inline;
float: left;
padding: 0 25px 5px 8px;
list-style:none;
background:url(../../mediax/motif_hyperlink_white.gif) left 25% no-repeat;
}

.interior_clients_list{
padding: 20px 0 0 10px;
margin: 0;
}

.interior_clients_list li{
display:inline;
float: left;
padding: 0 0 0 8px;
margin-right: 19px;
list-style:none;
}

ul.interior_lists,
ul.interior_news_list,
ul.interior_lists_fb{
font-size: 11px;
color: #4b5e6d;
line-height: 1.8em;
list-style: none;
}

ul.interior_lists_fb li{
padding: 0 0 0 15px;
background:url(../../mediax/motif_star_products.gif) left 25% no-repeat;
}



/* ----[ Hyperlink Classes - ALL PAGES] ---*/

a.uc_dotted{
padding: 0 0 2px 0;
text-transform: uppercase;
text-decoration: none;
background:url(../../mediax/ahref_dot_blue.gif) repeat-x bottom left;
}

a.uc_dotted:hover{
text-decoration:none;
background:none;
}

a.uc_interior_dotted{
padding: 0 0 2px 0;
text-transform: uppercase;
text-decoration: none;
background:url(../../mediax/ahref_dot_white.gif) repeat-x bottom left;
}

a.uc_interior_dotted:hover {
text-decoration:none;
background:none;
}

a.news_link{
padding: 0 0 0 15px;
text-decoration: underline;
background:url(../../mediax/motif_starli_about.gif) top left no-repeat;
}

a.news_link:hover{
text-decoration:none;
}

/*added by Aisling 24/08/07 to make homepage links*/
a.hp_headers{
	text-decoration: none;
	}

/* ----[ CUSTOM BUTTONS/BGs ] ---*/

#search_butt{
width: 37px;
height: 23px;
border: none;
color: #9c9c9c;
background: url(../../mediax/search_butt_bg.gif) top left no-repeat;
}

.custom_butt_tour,
.custom_butt_contact{
height: 28px;/* ---[ Please note that the height is fixed ]--- */
background: url(../../mediax/butt_bg.gif) repeat-x 0 0;
}

.custom_butt_tour{
margin: 30px 0 0 20px;
width: 90%;
}

.custom_butt_contact{
margin: 10px 0 0 20px;
width: 25%;
}

.custom_butt_case{
height: 28px;/* ---[ Please note that the height is fixed ]--- */
background: url(../../mediax/butt_bg.gif) repeat-x 0 0;
margin: 10px 0 0 0;
width: 40%;
}

.custom_butt_con2{
height: 28px;/* ---[ Please note that the height is fixed ]--- */
background: url(../../mediax/butt_bg.gif) repeat-x 0 0;
margin: 10px 0 0 0;
width: 25%;
}

.custom_butt_spotlight{
height: 28px;/* ---[ Please note that the height is fixed ]--- */
background: url(../../mediax/butt_bg.gif) repeat-x 0 0;
margin: 10px 0 0 0;
width: 30%;
}

.custom_butt_prod1{
height: 28px;/* ---[ Please note that the height is fixed ]--- */
background: url(../../mediax/butt_bg.gif) repeat-x 0 0;
margin: 10px 10px 0 0;
width: 180px;
display: inline;
float: left;
}

.custom_butt_spotlight_reg{
height: 28px;/* ---[ Please note that the height is fixed ]--- */
background: url(../../mediax/butt_bg.gif) repeat-x 0 0;
margin: 10px 0 0 20px;
width: 22%;
}


.custom_ans_bg{
margin: 10px 10px 10px 20px;
width: 95%;
background: #fff3cf;
}

.custom_ans_bg2{
margin: 10px 10px 10px 0;
width: 95%;
background: #fff3cf;
}


.custom_butt_bl {/* ---[ these are the four corners of the box - Bottom Left[bl], Bottom Right etc[br] ]--- */
background: url(../../mediax/butt_bl.gif) 0 100% no-repeat; 
height: 28px;
}

.custom_butt_br {
background: url(../../mediax/butt_br.gif) 100% 100% no-repeat;
height: 28px;
}

.custom_butt_tl {
background: url(../../mediax/butt_tl.gif) 0 0 no-repeat;
height: 28px;
}

.custom_butt_tr {
background: url(../../mediax/butt_tr.gif) 100% 0 no-repeat;
height: 28px; 
}

.custom_ans_bg_bl {/* ---[ these are the four corners of the box - Bottom Left[bl], Bottom Right etc[br] ]--- */
background: url(../../mediax/ans_bg_bl.gif) 0 100% no-repeat; 
}

.custom_ans_bg_br {
background: url(../../mediax/ans_bg_br.gif) 100% 100% no-repeat;
}

.custom_ans_bg_tl {
background: url(../../mediax/ans_bg_tl.gif) 0 0 no-repeat;
}

.custom_ans_bg_tr {
background: url(../../mediax/ans_bg_tr.gif) 100% 0 no-repeat;
}

.custom_quote_bg{
margin: 15px 0;
width: 95%;
background: #fff3cf;
}

.custom_quote_bg_bl {/* ---[ these are the four corners of the box - Bottom Left[bl], Bottom Right etc[br] ]--- */
background: url(../../mediax/ans_bg_bl.gif) 0 100% no-repeat; 
}

.custom_quote_bg_br {
background: url(../../mediax/ans_bg_br.gif) 100% 100% no-repeat;
}

.custom_quote_bg_tl {
background: url(../../mediax/ans_bg_tl.gif) 0 0 no-repeat;
}

.custom_quote_bg_tr {
background: url(../../mediax/ans_bg_tr.gif) 100% 0 no-repeat;
}

p.custom_quote_bg_text{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 150%;
color: #00609d;
padding: 10px;
}

p.custom_button_text{
font-weight:bold;
text-align: center;
padding: 8px 10px 0 10px;
}

p.custom_ans_bg_text{
font-size: 11px;
color: #00609d;
padding: 10px;
}


p.custom_grey_text{
font-size: 11px;
color: #a7a7a7;
padding: 10px;
font-style:italic;
}

.red_text{
color: #990000;}

a.custom_button_link{
color: #777;
text-decoration: none;
border:none;
}

a.custom_button_link:hover{
text-decoration: none;
border:none;
}

/* ----[ FOOTER] ---*/

#footer{
clear:both;
padding: 5px 0 0 0;
}

#footer_right{
float: right;
padding: 5px 10px 0 0;
color:#787878;
height: 29px;
text-align: right;
}

a.foot_links{
padding: 0 0 2px 0;
color:#787878;
text-decoration:none;
background:url(../../mediax/ahref_dot_grey.gif) repeat-x bottom left;
}

a.foot_links:hover{
text-decoration:none;
background:none;
}


.et_conference {
font-size: 2.5em;
font-family:Georgia, "Times New Roman", Times, serif;
color: #00609e;
padding: 15px 20px 10px 88px;
background: url(../../mediax/illustration_spotlight_2.gif) no-repeat 2% 50%;
}

.et_contact{
font-size: 2.5em;
font-family:Georgia, "Times New Roman", Times, serif;
color: #595959;
padding: 15px 20px 10px 88px;
background: url(../../mediax/contact_us.gif) no-repeat 2% 50%;
}

.et_mcoprod {
font-size: 2.5em;
font-family:Georgia, "Times New Roman", Times, serif;
color: #00609e;
padding: 0 0 25px 0;

}

.case_sharpload {
font-size: 2.5em;
font-family:Georgia, "Times New Roman", Times, serif;
color: #00609e;
padding: 15px 20px 10px 88px;
background: url(../../mediax/illustration_sharpload.gif) no-repeat 2% 50%;
}


/* ------- [TABLE] ------------- */
table {
	color: #4b5e6d;
	line-height: 1.2em;
	border-collapse:collapse;
	border-spacing:0;
	margin: 10px 20px 0 20px;
	width: 95%;
	}
	
table img {
vertical-align:middle;
padding: 0 5px 0 0}


thead th,
thead td,
tfoot th,
tfoot td {
	border:1px solid #ffffff;
	border-width:1px 0;
	background:#e5e1d6;
	padding:10px;
	}
th {
	font-weight:bold;
	padding:0.25em 0.5em;
	text-align:left;
	}
tbody th,
td {
	padding:10px;
	text-align:left;
	vertical-align:top;
	}
tbody th {
	font-weight:normal;
	white-space:nowrap;
	}

tbody td,
tbody th {
	border:1px solid #fff;
	border-width:1px 0;
	}
tbody tr.odd th,
tbody tr.odd td {
	border-color:#EBE5D9;
	background:#F4F1Ea;
	}

caption {
	font-size: 2.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:10px;
	border: 1px solid #EBE5D9;
	margin: 10px 20px 0 20px;
	color: #00609e;
	}
	
	
/*FORMS*//*FORMS*//*FORMS*//*FORMS*/

form#register {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  	margin: 0;
  	padding: 0;
  	width: 100%; 
  	clear: both;
	font-size:11px;
	font-family:Tahoma, sans-serif;
	color:#666666;
	}

form#register fieldset {
	background:url(../../mediax/hr_shadow_interior.gif) repeat-x top left;
	border: 0;
	width: 760px;
	margin-left: 20px;	
	padding: 0 0 20px 0px;
	}


form#register label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 180px; 
	padding: 0 0 0 10px; 
	margin: 15px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	}

form#register input, form#register select {
background: #f4f1ea;
	font: 11px Tahoma;
	padding: 2px;
	color: #4c4c4c;
	width:230px;
	margin:15px 0 0 0;
	border: 1px solid #e0dace;/* set margin on left of form elements rather than right of*/
	}
	
form#register textarea{
background: #f4f1ea;
	font: 11px Tahoma;
	padding: 2px;
	color: #4c4c4c;
	width:315px;
	margin:15px 0 0 0;
	border: 1px solid #e0dace;/* set margin on left of form elements rather than right of*/
	}

form#register textarea { overflow: auto; }

form#register br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
	}

form#register input.button_reg{
 	background:url(../../mediax/button_register_form.gif) no-repeat top left;
 	color: #777777;
	font-weight: bold;
	height:28px;
 	width: 177px;
	border:0;
}


form#register input.check{
	padding: 0 0 0 5px;
  	width: 20px;
	}
	
	
	

.required {
color: #db0202;}

.checkleft {
width: 300px;
float: left;}




.error_msg {
	border:1px solid #666;
	background-color: #e25f53;
	color:#fff;
	margin:5px;
	padding:8px;
	line-height:170%;
	font: bold 11px Tahoma, sans-serif;
	
	
}

.error_ico { display:inline; position:absolute; margin-top:16px;}
.background * { padding:3px; }
.foreground { padding:0; margin:0; background-color:#e25f53; width:160px; }
.background { filter: alpha(opacity=90); -moz-opacity:.90; opacity:.90; background:#fff; width:160px; }

/* Download form */
/* partner program*/
#wrap #interior_page .intro_text_box ul{ color:#4b5e6d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold}