@charset "utf-8";
/* CSS Document */
/* info@ninetrogen.com, 4 Oct 2010 */


h1 {
	font-size: 22px;
	margin: 0 0 10px 0;
	color:#000;
	line-height:normal;
	font-weight:normal;
	
}

h2 {
	font-size: 16px;
	margin: 0 0 10px 0;
	color:#00a2ca;
	line-height:normal;
	font-weight:normal;
}

h3 {
	font-size: 14px;
	margin: 0;
	font-weight:bold;
	color:#ffb200;
}

h4 {
	font-size: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 10px 0 5px 0;
	color:#005696;
}

h5 {
	font-size: 13px;
	margin-bottom: 25px;
}

h6 {
	font-size: 12px;
	margin-bottom: 25px;
}


img{border:0;}

hr { border: none;  width: 100%; height: 1px; background: #e1e1e1; color:#e1e1e1; float:left;}

.mandatory{ color:#F00; margin-top:20px;}
.alert {color:#F00; }
.back_top{margin:10px 0; padding:0; text-align:right;}
.caption{font-size:10px;}

ul{margin:0; padding:0;}
li{margin:0; padding:0;}

#content #innercontent ul.generic { margin: 0.4em 0.5em; padding: 0; list-style-type:none;}
#content #innercontent ul.generic ul { margin: 0.4em 1em; padding: 0}
#content #innercontent ol.abc { margin: 0.4em 1.8em; padding: 0; list-style-type: lower-alpha;}
#content #innercontent ul.generic li {margin: 0.3em 0; padding: 0.3em 0 0.3em 1.1em; background: url(../images/bullet_more.gif) no-repeat 0px 0.7em; line-height:1.5em;}
#content #innercontent ol ul li{ margin: 0.4em 0 0.4em 2em; padding: 0; }

#content #innercontent ol { margin: 0.4em 1.9em; padding: 0}
#content #innercontent ol li {margin: 0.3em 1em; padding: 0.3em 0 0.3em 0em; line-height:normal;}
#content_wapper{ width: 780px; margin: 0; padding: 0; float:left;}

.flash_banner{margin:0; padding:0; height:210px;}
.sub_headerbanner{margin:0; padding:0; height:100px;}
.flickr{margin:20px 0; padding:0;}
.ipadd{margin:0 0 5px 0; padding:0; float:left;}
.ipadd .ip{color:#00a2ca; font-weight:bold;}

.menu_ipv6{margin:0; padding:0; height:35px; background-image:url(../images/nav_bg.jpg);}

.content_panel{background: #FFF url(../images/content_bg.jpg) repeat-x; margin:0; padding: 20px 0 0 0; float:left; width:100%;}
.content_area{ margin:0; padding: 0 12px 10px 20px; width:520px; border-right:1px solid #e1e1e1; float:left; min-height:400px; }
.content_subpanel{margin:0; padding: 20px 0 0 0; float:left; width:100%;}
.content_subscribe{ margin:0; padding: 10px 12px 10px 20px;}
.content_subscribe p{ font-size:120%;}

#innercontent .more{margin:0 0 0 0; padding:0; text-align:right;}
#innercontent .more a{ color:#00a2ca; font-weight:bold; background: url(../images/bullet_more.gif) no-repeat 35px 5px; padding-right:10px;}
#innercontent .more a:hover{ color:#00a2ca; text-decoration:underline;}

#innercontent .more_para{margin:0; padding:0;}
#innercontent .more_para a{ color:#00a2ca; font-weight:bold; background: url(../images/bullet_more.gif) no-repeat 35px 5px; padding-right:10px;}
#innercontent .more_para a:hover{ color:#00a2ca; text-decoration:underline;}

#innercontent .more_news{margin:7px 0 0 0; padding:0; text-align:left;}
#innercontent .more_news a{ color:#00a2ca; font-weight:bold; background: url(../images/bullet_more.gif) no-repeat 35px 4px; padding-right:10px;}
#innercontent .more_news a.morepast{ color:#00a2ca; font-weight:bold; background: url(../images/bullet_more.gif) no-repeat right 4px; padding-right:10px;}
#innercontent .more_news a:hover{ color:#00a2ca; text-decoration:underline;}

.event_intro{margin-top:20px; padding:20px 10px 10px 10px; background-color:#fafcff; border:1px solid #7de6ff;}

.spotlight{margin-top:20px; padding:20px 10px 10px 10px; background-color:#f7f7f7; border:1px solid #d8d8d8;}
.spotlight .data{margin:20px 0 0 0; padding:0;}
.spotlight h1 {margin:0 0 10px 0;}

.spotlight_divider{background: url(../images/spotlight_divider.jpg) repeat-x; height:3px; width:100%; margin:10px 0;}

#innercontent .readall{margin:0; padding:10px 0;}
#innercontent #content_wapper .readall a{ color:#f2a32f; font-weight:bold; background: url(../images/bullet_readall.gif) no-repeat; padding :1px 0 1px 20px;}
#innercontent #content_wapper .readall a:hover{ color:#f2a32f; text-decoration:underline;}

.news_banners{float:left; margin:0; padding:0 10px 11px 10px; width:200px;}
.rss_news{text-align:right; padding:0; margin:0;}
.event_resource{margin-top:20px; padding:20px 0 10px 0; border-top:1px solid #e1e1e1;}
.event_resource .flickr{ float:left; margin:0; padding:0;}
.event_resource .resources{ float:left; margin:0 0 0 20px; padding:0 0 0 20px; width:187px; border-left:1px solid #e1e1e1;}
.event_resource .resources_data { background: #f7f7f7 url(../images/resources_bg.jpg) no-repeat; width:180px; padding:10px 10px 0 10px; height:210px;}

.edigest {margin:0 0 5px 0; padding:0; float:left;}
.thankyou{font-size:16px; font-weight:bold;}

.news{margin:0; padding:0; float:left;}
.news{margin:0 0 5px 0\9;}
.divider{height:1px; width:100%; margin:15px 0 10px 0; padding:0; background-color:#e1e1e1;}
.data_box{margin:0; padding:20px 20px 10px 20px; background-color:#f7f7f7; border:1px solid #d8d8d8;}
.bullet_title{font-size:14px; color:#00a2ca; font-weight:normal;}
.last_upd{ color:#F00;}

#content #innercontent .sublink{background: #f7f7f7 url(../images/sublink_bg.jpg) repeat-y left bottom; margin:0px 0 10px; float:left; width:200px;}
#content #innercontent .sublink ul{list-style-type:none; margin:0; padding:0;}
#content #innercontent .sublink ul li {background: url(../images/bullet_sublink.gif) no-repeat 10px 5px; padding: 2px 0 2px 20px; margin:5px 0; color:#7eb700;}
#content #innercontent .sublink ul li a{ color:#7eb700; font-weight:bold;}
#content #innercontent .sublink ul li a:hover{color:#0d74a6;}

.marketplace{margin:0 0 10px 0; padding:0; clear:both; float:left;}
.marketplace .itsol{float:left; margin:0; padding:0;}
.marketplace .itcon{float:left; margin:0; padding:0;}
.marketplace .training{float:left; margin:0; padding:0;}

.if_relatedarticles{width:200px; height:480px; margin:0 0 0 -10px; padding:0;}
.if_audience {width:210px; height:410px; margin:0 0 0 -10px; background-color: transparent}
.if_audience  {height:390px\0/;} /* must go at the END of all rules */
/*
.if_resources_related { } */

.related_articles{margin:0; padding:0; float:left; width:100%;}
.related_articles ul{ list-style-type:none; margin:0; padding:0;}
.related_articles ul li {background: url(../images/bullet_more.gif) no-repeat 10px 14px; padding: 10px 0 0px 20px;}
.related_articles ul li a{ color:#000; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none;}
.related_articles ul li a:hover{color:#0d74a6;}

/*** IMAGE MARGIN ****/
.leftimg{
	margin: 10px 15px 10px 0; 
}

.rightimg{
	margin: 10px 0 10px 15px; 
}

.centerimg{
	margin: 10px auto; 
}

#content #innercontent #nva_ipv6 a, #content #innercontent ul, #content #innercontent li, #content #innercontent ul ul, #content #innercontent ul li, #content #innercontent {
	margin: 0px;
	padding: 0px;
}

/*------------------Nav CSS-----------------*/
/* Basic code - don't modify */
 
 #innercontent #nav_ipv6 { display: block; margin: 0; padding: 0; position: relative; }
  #innercontent #nav_ipv6 li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #innercontent #nav_ipv6 a { display: block; }
  #innercontent #nav_ipv6 ul { display: none; position: absolute; left: 0; margin: 0; padding: 0;}
  * html #innercontent #nav_ipv6 ul { line-height: 0; } /* IE6 "fix" */
  	#innercontent #nav_ipv6 ul a { zoom: 1; } /* IE6/7 fix */
    #innercontent #nav_ipv6 ul li { float: none; }
    #innercontent #nav_ipv6 ul ul { top: 0; }
    
/* Essentials - configure this */

#innercontent #nav_ipv6 ul { width: 180px; }
#innercontent #nav_ipv6 ul ul { left: 181px; }

/* Everything else is theming */
 
#innercontent #nav_ipv6 { height: 35px; z-index:1;}
/**:first-child+html #nav_ipv6 { margin-top:-3px; }*/
#innercontent #nav_ipv6 *:hover { background-color: none; }
#innercontent #nav_ipv6 a { color: #0d74a6; font-size: 12px; font-weight:bold; padding: 12px 23px; line-height: 1; text-decoration:none; padding-bottom: 10px;
background: url(../images/nav_border.jpg) repeat-y right;}
#innercontent #nav_ipv6 a { *padding: 14px 23px 9px 23px; }

  #innercontent #nav_ipv6 li.hover a { color:#38aac5;}
  #innercontent #nav_ipv6 ul { top: 36px; background-color:#f0f0f0;}
    #innercontent #nav_ipv6 ul li a { color:#56b6d3; background: url(../images/bullet_nav.gif) no-repeat 5px 14px; padding-left:15px; }
      #innercontent #nav_ipv6 ul a.hover { background-color: #e2e2e2; }
   #innercontent #nav_ipv6 ul a { border-bottom: 1px solid white;}

/*----------End Nav CSS--------------*/

 /* container for slides */
.images {
	position:relative;
	height:190px;
	width:200px;
	float:left;	
	margin-top:0px;
	cursor:pointer;
}

/* single slide */
.images .slide_data {
	display:none;
	position:absolute;
	top:0;
	line-height:1.5em;
	left:0;		
	margin: 0px;
	padding:0px;
	height:auto;
	font-size:12px;
}

/* header */


/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	margin-left:0px;
}

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 	

.forward_bakcward{margin:0; padding:0; float:right;}
/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:0px;
	/*background:#fff url(../images/hori_large.png) no-repeat;*/
	display:block;
	width:16px;
	padding:1px 1px 1px 0;
	height:16px;
	margin-left:10px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

.forward {background:#fff url(../images/arrow-right.gif) no-repeat;}
.backward {background:#fff url(../images/arrow-left.gif) no-repeat;}

/* next 
.forward 				{ background-position: 0 -16px; clear:right; }
.forward:hover 		{ background-position:-17px -17px; }
.forward:active 	 	{ background-position:-33px -17px; } */


/* prev 
.backward:hover  		{ background-position:-16px 0; }
.backward:active  	{ background-position:-33px 0; }*/

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}/*End Slideshow text*/

div.banners {
	padding:0;
	width:200px;
	margin:10px 0 0 0;
	color:#000;
	float:left;
}

div.banners img{margin-bottom:10px;}
div.banners h3 {margin:0 0 10px 0; padding:0; font-size:14px;}
div.banners ul { text-align:left; list-style-type:none; padding:0; margin:0 0 20px 0;}
div.banners ul li {background: url(../images/bullet_more.gif) no-repeat 10px 12px; padding: 10px 0 0 20px;}
div.banners a { color: #464646; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none;}
div.banners a:hover { color: #0d74a6;}

/*End Banners*/



/* Form styles */
div.form-container { margin: 10px auto; padding: 5px; width:700px; font-size:120%;}

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 100%; color: #333;}
div.form-container form p.desc { margin-left: 170px; font-size: 100%; color: #333;}
div.form-container form .country { margin-left: 0px; font-size: 90%; color: #333; }
div.form-container form .area { margin-left: 15px; font-size: 90%; color: #333; }
div.form-container form .number { margin-left: 27px; font-size: 90%; color: #333; }
div.form-container form div { padding:0; margin:20px 0;  }
div.form-container input[type="text"]{width:350px; border:1px solid #e1e1e1; padding:3px; background:#fcfcfc;}
div.form-container input[type="text"]:hover{background:#e9f7ff;}
div.form-container input:focus {background:#e9f7ff;}
div.form-container input.phcode{width:30px;}
div.form-container input.phnumber{width:250px;}
div.form-container input.auth_field{width:145px;}

div.form-container select { background:#f7f7f7; border:1px solid #e1e1e1; padding:3px; width:357px;}
div.form-container select:focus { background-color: #e9f7ff;}
div.form-container select:hover { background-color: #e9f7ff;}

div.form-container .auth_panel{margin:0 255px 0 0; padding:0; float:right;}
div.form-container .auth_panel .img{ float:left; margin:0; padding:0;}
div.form-container .auth_panel .textbox{ float:left; margin:35px 0 0 0; padding:0 0 0 10px;}

div.form-container label, 
div.form-container span.label { margin-right: 10px; margin-top:4px; padding-right: 10px; width: 150px; float: left; text-align: left; position: relative; }
div.form-container span.chklabel { margin-right: 10px; padding-right: 0; width: 490px; float: right; text-align: left; position:relative; line-height:1.2em;}
div.form-container span.chklabel a{ text-decoration:none; color:#0d74a6;}
div.form-container span.chklabel a:hover{ text-decoration:underline;}
div.form-container span.chklabel {margin-top:-20px\9;}

div.controlset {margin:0; padding:0; clear:both; display:block;}
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.buttonrow { padding-left: 170px; float:left;}
div.form-container .alert {margin-left: 170px; }


/*Speaker div*/
.speaker {color: #686868; border: 1px solid #cccccc; padding: 10px; margin: 10px 0; background-color:#f3f3f3; width:480px;}


/* Nivo Slider*/
/*
 * jQuery Nivo Slider v2.7.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
#content #innercontent .nivoSlider {
	position:relative;
	margin-bottom:0;
}
#content #innercontent .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
#content #innercontent .nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
#content #innercontent .nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
#content #innercontent .nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
#content #innercontent .nivo-caption {
	position:absolute;
	left:400px;
	bottom:0px;
	width:340px;
	height:100%;
	z-index:8;
	padding:0 20px;

}

#content #innercontent .nivo-caption p {
	padding:0;
	margin:0;
	color:#FFF;
	line-height:1.3em;
	font-size:16px;

}
#content #innercontent .nivo-caption a {
	display:inline !important;
}

#content #innercontent .nivo-caption ul{margin:0 0 0 30px; padding:0;}
#content #innercontent .nivo-caption ul li{margin:0; padding:0 0 0 0px;}

#content #innercontent .nivo-html-caption {
    display:none;
}

/* Direction nav styles (e.g. Next & Prev) */
#content #innercontent .nivo-directionNav a {
	position:absolute;
	top:90%;
	z-index:9;
	cursor:pointer;
}
#content #innercontent .nivo-prevNav {
	left:0px;
}
#content #innercontent .nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
#content #innercontent .nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
#content #innercontent .nivo-controlNav a.active {
	font-weight:bold;
}

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

#content #innercontent .nivo_theme .nivoSlider {
	position:relative;
	background:#fff url(../images/loading.gif) no-repeat 50% 50%;
    margin-top:10px;
    /*-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;*/

}
#content #innercontent .nivo_theme .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}


#content #innercontent .nivo_theme .nivoSlider h1 {
	 font-size:22px;
	 color:#ff9c00;
	 margin:0; padding:0;
}
#content #innercontent .nivo_theme .nivoSlider a {
	border:0;
	display:block;
}

#content #innercontent .nivo_theme .nivo-controlNav {
	float:right;
	bottom:1px;
    margin:180px 20px 0 0; /* Tweak this to center bullets */
}


#content #innercontent .nivo_theme .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:-3px;
	float:left;
}
#content #innercontent .nivo_theme .nivo-controlNav a.active {
	background-position:0 -22px;
}

#content #innercontent .nivo_theme .nivo-directionNav a {
	display:block;
	width:23px;
	height:15px;
	background:url(../images/arrows.jpg) no-repeat;
	text-indent:-9999px;
	border:0;
}
#content #innercontent .nivo_theme a.nivo-nextNav {
	background-position:-23px 0;
	right:209px;
}
#content #innercontent .nivo_theme a.nivo-prevNav {
	left:525px;
}

#content #innercontent .nivo_theme .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
#content #innercontent .nivo_theme .nivo-caption a {
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#00d3ff;
}

#content #innercontent .nivo_theme .nivo-caption h1{margin:20px 0 10px 0; padding:0; font-size:20px;}
#content #innercontent .nivo_theme .nivo-caption h1 a{color:#ff9c00; margin:20px 0 10px 0; padding:0; font-size:20px;}
#content #innercontent .nivo_theme .nivo-caption h1 a:hover{color:#ff9c00; text-decoration:underline;}

#content #innercontent .nivo_theme .nivo-caption .more_whatnews{margin:0 0 0 0; padding:0; text-align:right;}
#content #innercontent .nivo_theme .nivo-caption .more_whatnews a{ color:#00d3ff; background: url(../images/bullet_whatnews.png) no-repeat right 1px; padding-right:10px;}
#content #innercontent .nivo_theme .nivo-caption .more_whatnews a:hover{ color:#00d3ff; text-decoration:underline;}
#content #innercontent .nivo_theme .nivo-caption a:hover {color:#fff;}
/*End Nivo Slider*/

/*-----------Market Place sub pages--------------*/
#content #innercontent .content_area_mksub{ margin:0; padding: 10px 12px 10px 20px; width:750px; }

#content #innercontent .data_table
{
border-collapse:collapse;
}
#content #innercontent .data_table ul
{
margin:0 0 0 20px; padding:0;
}
#content #innercontent .data_tabletable, td, th
{
border:1px solid white; padding: 10px; line-height:normal; vertical-align: top;
}
#content #innercontent .data_table .altrow {background-color: #fff;}
#content #innercontent .data_table .evenrow {background-color: #f8f8f8; color:#666666;}
#content #innercontent .data_table .tableHeader {
	color: #000000;
	background-color: #e6e6e6;
	font-size: 12px;
	font-weight: bold;
	
}

#content #innercontent .data_table2
{
border-collapse:collapse;
}
#content #innercontent .data_table2 ul
{
margin:0 0 0 20px; padding:0;
}
#content #innercontent .data_tabletable2, td, th
{
border:1px solid white; padding: 10px; line-height:normal; vertical-align: top;
}
#content #innercontent .data_table2 .altrow {background-color: #fff;}
#content #innercontent .data_table2 .evenrow {background-color: #e9e9e9; color:#666666;}
#content #innercontent .data_table2 .tableHeader {
	color: #000000;
	background-color: #d8d8d8;
	font-size: 12px;
	font-weight: bold;
	
}

.tab_div{margin:10px 0 0 0; padding:0; height:35px;}
.tab_div .tabs{margin:0 1px; padding: 12px 10px 8px 10px; float:left; background: url(../images/tabs_bg.jpg) repeat-x;
height:15px; font-size:12px; font-weight:bold;}
.tab_div .tabs_active{margin:0 1px; padding:12px 10px 8px 10px; float:left; background: url(../images/tabs_bg_active.jpg) repeat-x;
height:15px; font-size:12px; font-weight:bold;}
.tab_div .sp_tab{margin:0 11px 0 0; padding: 12px 10px 8px 10px; float:left; background: url(../images/tabs_bg.jpg) repeat-x;
height:15px; font-size:12px; font-weight:bold; float:right;}
.tab_div .sp_tab_active{margin:0 11px 0 0; padding: 12px 10px 8px 10px; float:left; background: url(../images/tabs_bg_active.jpg) repeat-x;
height:15px; font-size:12px; font-weight:bold; float:right;}
.text_note{font-size:11px; font-style:italic;}