/* Copyright Vanbar Multimedia Ltd 2008 */

/*************************** Top Level ****************************/
*	 { margin:0; padding:0; border:0; }
body { 
	font:small/130% Arial, Helvetica, sans-serif;
	color:#999999;
	background-color:#FFFFFF;
 }


/*********************** Common Styles ***********************/
/* Positioning */
.left			{float:left}
.right			{float:right}
.clearfloats	{clear:both}
.textcenter		{text-align:center}

/* Styling */
p			{margin:10px 0 10px 0}
p.no_margin {margin:0 }
h1			{margin:10px 0 15px 0; font-size:130%;}
h2			{margin:30px 0 10px 0; font-size:110%;}
h2.blue		{color:#53B7EB}
img {}
ul, ol, dl	{margin:5px 0 5px 45px;}
li, dt, dd	{margin:2px 0;}
dt          {display:list-item; font-weight:bold;}
dd          {margin-bottom:7px }

/* forms */
form {
	padding:15px 0 15px 30px;
/*	border:1px solid #999999;*/
}
input, textarea, select {
	border:1px solid #999999;
	color:#666666;
	float:left;
	margin:0px 0 10px 0;
	padding-left:5px;
	width:250px;
}
label {
	margin:0px 5px 5px 0;
	clear:left;
	float:left;
	text-align:right;
	width:100px;
}
textarea {
	vertical-align:text-top;
	height:115px;
}
input {
	height:18px;
}
label.checkbox {
	clear:none;
	text-align:left;
	width:250px;
	margin:0 0 5px 5px;
}
input.checkbox {
	clear:left;
	width:13px;
	height:13px;
	margin-left:76px;
}
div#buttons,
div.submit_inputs  {
	clear:both;
	text-align:center;
}
div#buttons input,
div.submit_inputs input {
	float:none;
	width:auto;
	padding:0 3px 0 3px;
	margin:10px;
	background-color:#DEDEDE;
}
p.form_error {
	float:left;
	margin:0;
	padding:0;
	margin-left:5px;
	color:#53B7EB;
	width:270px;
}
p.form_info {
	clear:left;
	margin-left:105px;
	width:270px;
	font-size:90%;
}
form p.current_info { /* used for showing exisint info, such as a file name, where an input might normally be */
	float:left;
	margin:0px 0 10px 0;
	padding-left:5px;
}

/* table */
table {
	border:1px solid #999999;
	border-collapse:collapse;
}
th, td {
	padding:3px;
	border:1px solid #CCCCCC;
}
th {
	color:#FFFFFF;
	background-color:#999999;
}


/* links */
a 			{  color:#53B7EB; text-decoration:none; }
a:link		{  }
a:active	{  }
a:visited	{  }
a:hover		{ color: #999999; text-decoration:underline }



span.kenton_research		{ color:#B399C9 }
span.microtel				{ color:#BCD761 }
span.access_infrastructure	{ color:#FDAE18 }
span.kenton_voice_solutions	{ color:#A64232 }
span.kenton_group			{ color:#53B7EB }



/************************* Common Divs *************************/
div#container {
	width:930px;
	padding:10px 30px 10px 30px;
	margin:0 auto;
	background:url(/images/common/watermark.gif) 500px 125px no-repeat;
}
div#container.no_bg {
	background:none;
}
div#prop {
	float:left;
	height:400px;
}
div#content {
	float:left;
	width:670px;
}


/************************** Header ***************************/
div#header 			{ height:105px; padding-bottom:10px; }
img#logo			{ float:right; }
img#phone_number_text{ clear:left;float:left; margin-top:27px; margin-left:17px;}
span.phone_number_seperator {font-size:medium }
div#header p 		{ clear:left; margin:0px 0 0 17px; font-size:x-small;}
div#header_baseline	{ height:5px; background:#999999; margin-top:10px; line-height:0; font-size:0; }
	/* GRRRRR - blumin IE */
div#header form.mini_search {
	float:left;
	padding:0;
	margin:0;
	margin-left:17px;
	font-size:90%;
}
div#header form.mini_search input {
	font-size:90%;
	width:214px;
	color:#999999;
	border-color:#CCCCCC;
	height:15px;
	padding:3px 2px 1px 5px;
}
div#header form.mini_search input#search_go {
	height:21px;
	width:27px;
	margin-left:5px;
	padding:2px 2px 3px 2px;
}
					
					
/********************** Menu & Submenu ***********************/
div#left_column {
	width:175px;
	float:left;
	padding-right:25px;
}
ul#menu {
	text-align:right;
	margin:5px 15px 0 0; /* override default */
	line-height:110%;
}
ul#menu li {
	text-align:right;
	list-style:none;
	margin:0; /* override default */
}
ul#menu li a {
	display:block;
	width:160px;
	padding:5px 0 5px 0;
	text-decoration:none;
	color: #999999;
	font-weight:normal;
	font-size:90%;
}
ul#menu li a:hover {
	color:#53B7EB;
}
/** Submenu **/
ul#submenu {
	margin:-5px 0 5px 0;
}
ul#submenu li a {
	padding:1px 0 1px 0;
	font-weight:normal;
}

body#home ul#menu a#home_nav,
body#about ul#menu a#about_nav,
body#csr ul#menu a#csr_nav,
body#newsroom ul#menu a#newsroom_nav,
body#downloads ul#menu a#downloads_nav
body#events ul#menu a#events_nav,
body#careers ul#menu a#careers_nav,
body#contact ul#menu a#contact_nav,
body#thegroup ul#menu a#thegroup_nav,
body#products ul#menu a#products_nav {
	color:#53B7EB;
}

div#left_column img {
	float:right;
}

img.small_logo {
	margin:3px 0;
}

/************************** Footer ***************************/
#footer {
	border-top:19px solid #53B7EB;
	text-align:right;
	margin-top:20px;
}
#footer p {
	font-size:x-small;
	line-height:normal;
	margin:5px 0 5px 0;
}
#footer a {
	color:#999999;
	text-decoration:none;
}


/************************* Product Tabs *************************/

/* Copied directly from Microtel 14/05/10 */

dl.product_tabs {
	clear:both;
	margin-top:20px;
	margin-left:0; /* override the default */
	border-top:1px solid #999999;
	border-bottom:5px solid #53B7EB;
	padding:10px 0 7px 0;
	background-color:#FFFFFF;
}
dl.product_tabs dt {
	font-weight:bold;
	display:inline;
	/*float:left;*/
	cursor:pointer;
	padding:10px;
	margin:0;
}
dl.product_tabs dd {
	margin-left:-1px; /* fudge */
	float:left;
	margin-top:10px;
	padding:20px 0;
	border-bottom:1px solid #999999;
	width:100%;
}
dl.product_tabs dd h2 {
	margin-top:0;
}
dl.product_tabs dt.product_tab { }
dl.product_tabs dt.tab_error {
	background:url(/common/images/exclamation_mark.png) 2px 8px no-repeat;
	text-decoration:blink;
}
dl.product_tabs dt.current_product_tab {
	color:#53B7EB;
}
dl.product_tabs dd.product_tab_content {
	display:none;
}

/* For situations where more than one line of dt's is needed the whole dl, dt, dd thing
doesn't work so which to the less semantically correct, but better display, of a ul */
ul.product_tabs {
	clear:both;
	margin:20px 0; /* over ride default */
	border-top:1px solid #999999;
	border-bottom:5px solid #BCD761;
	padding:0;
	background:#FFFFFF;
	list-style-type:none;
}
ul.product_tabs li {
	font-weight:bold;
	float:left;
	display:block;
	cursor:pointer;
	padding:10px;
	margin:0;
}
ul.product_tabs li.tab_error {
	background:url(/common/images/exclamation_mark.png) 2px 8px no-repeat;
	text-decoration:blink;
}
ul.product_tabs li.current_product_tab {
	color:#BCD761;
}
div.product_tab_content {
	margin:30px 0 0 0;
	border-bottom:1px solid #999999;
	display:none;
}
div.product_tab_content h2 {
	margin-top:0;
}


/************************** Home ***************************/
body#home div#container {
	background:none;
}
body#home div#content {
	width:726px;
}
div#home_copy {
	float:left;
	width:275px;
	margin:0 10px 10px 0;
}
/* Note - see news_panel for other panels  - this is now no longer used*/
div.home_advert_panel {
	float:left;
	width:168px;
	border:2px solid #999999;
	border:2px solid #53B7EB;
	border-right-width:20px;
	margin:10px 10px 10px 0;
	padding:10px;
	background-color:#FFFFFF;
}
div.home_advert_panel h2 {
	margin:0;
}


/************************** News ***************************/
/* News Lists */
div.list {
/*	border:1px solid #999999;
	padding:15px;*/
}
div.list_item {
	margin:10px 0 10px 0;
	border-bottom:1px dotted #B0B0B0;
}
div.list_item h3 {
	float:right;
	text-align:right;
	width:165px;
	margin:0 0 10px 10px;
	font-size:small;
}
div.list_item img {
	float:left;
	margin:0 10px 10px 0;
}

/* News Filter */
form#news_filter {
/*	width:350px;*/
	border:1px solid #999999;
	margin:0 auto;
	width:480px;
	background-color:#FFFFFF;
	padding:10px;
}
form#news_filter input {
	margin-left:0;
}
form#news_filter label {
	width:auto;
}
form#news_filter div.input_column {
	padding:0 10px;
	float:left;
	width:auto;
}
form#news_filter div#buttons {
	clear:none;
	text-align:left;
	padding-left:10px;
	padding-top:5px; /* IE Hack */
}
form#news_filter div#buttons input {
	margin:0 0 0 10px;
	padding:0;
}
/* news panels */
body#newsroom div.news_panel_firstchild {
	margin-left:104px;
}
body#newsroom div.news_panel_prop {
	height:350px;
}


/************************ News Panel *************************/
/* Note - home and news for tweaks specific to those sections*/
div.news_panel_firstchild, div.news_panel, div.news_panel_lastchild {
	float:left;
	width:188px;
	border:1px solid #999999;
	margin:10px;
	padding:10px;
	background-color:#FFFFFF;
}
div.news_panel_firstchild	{ margin-left:0; }
div.news_panel_lastchild	{ margin-right:0; }
div.news_panel_firstchild h2, div.news_panel h2, div.news_panel_lastchild h2 {
	margin:0;
}
div.news_panel_firstchild div.list_item,
div.news_panel div.list_item,
div.news_panel_lastchild div.list_item {
	border-top:1px dotted #B0B0B0;
	border-bottom:0;
	padding-top:10px;
}
div.news_panel_prop {
	float:right;
	height:210px;
}

/************************ The Group *************************/
/* Companies */
div.companies_copy,
div.companies_copy_short {
	float:left;
	width:440px;
}
div.companies_copy_short {
	width:370px;
}
div.companies_copy h2 a,
div.companies_copy_short h2 a {
	font-weight:normal
}
div.companies_copy h2 span.no_link,
div.companies_copy_short h2 span.no_link {
	font-weight:normal;
	color:#53B7EB;
}
img.companies_logo {
	float:right;
}
/* Structure */
p#krl,
p#microtel,
p#ai,
p#kvs {
	float:left;
	padding:5px;
	width:95px;
	margin-right:45px;
}
p#krl		{padding-left:50px;} /* IE has issues with margin */
p#ai		{width:115px;}


/************************ Contact *************************/
div#map {
	float:right;
	width:400px;
	height:400px;
	border:1px solid #53B7EB;
}


/*********************** Downloads ************************/
img.download_thumb {
	float:left;
	width:190px;
	margin:0 15px 15px 0;
}
div.download {}
div.download_no_image {margin-left:205px}
div.download_no_image h2,
div.download h2 {
	font-weight:normal;
	color:#53B7EB;
}
div.download_break {
	clear:both;
	margin-bottom:20px;
}