/*
 * Blogsite Stylesheet - blogsite/ValueNetworks/base
 * Copyright (C) 2005 MyST Technology Partners, All rights reserved.
 * $Header: base.css, 16, 3/28/10 7:53:13 PM, Bill French$
 */

/* Hack to fix brain-dammaged IE browser.  The topic-cloud imports are needed because
   IE gets hopelessly confused importing CSS files that have the same primary name
   (even if they are in different directories--Firefox and Safari have no problems
   doing so, but IE chokes.) */
@import "../../apps/topic-cloud/base.css";
@import "../../apps/topic-cloud/mix-in.css";

@import "../../apps/blog-site/base.css";
@import "../../apps/nagomatic/core.css";

.Alert
{
	color: 	#CC6600;  
}

.Content-Body
{
	background: 	#ccc;
	text-align:		center;
	margin:     	0;   
	padding:    	0;   
	font-family: 	"Trebuchet", "Trebuchet MS", Arial, Helvetica, "Sans Serif";
}

.rteTextArea
{
	font-family: "Trebuchet", "Trebuchet MS", Arial, Helvetica, "Sans Serif";
}

.ContentTable
{
	width:        	1000px; 
	margin: 		0 auto;
	text-align: 	center;
}

.Blog-Area
{
	width:        	99%; 
}

.BitemTable { width: 100% }

/* ---- HTML Tags ---- */
P
{
	font-size:   11pt;
	line-height: 14pt;
	font-family: "Trebuchet", "Trebuchet MS", Arial, Helvetica, "Sans Serif";
}

H1
{
	color:       #CC6600;
	font-size:   18pt;
	font-weight: bold;
	line-height: 25pt;
	margin:      0 0 0 0;
	font-family: "Trebuchet", "Trebuchet MS", Arial, Helvetica, "Sans Serif";
}

H2
{
	color:       #00a6d6;
	font-size:   13pt;
	font-weight: bold;
	line-height: 24pt;
	margin:      0 0 0 0;
	font-family: "Trebuchet", "Trebuchet MS", Arial, Helvetica, "Sans Serif";
}

H3
{
	color:       #CC6600;
	font-size:   11pt;
	font-weight: bold;
	font-style:  normal;
	line-height: 14pt;
	margin:      0 0 0 0;
	font-family: "Trebuchet", "Trebuchet MS", Arial, Helvetica, "Sans Serif";
}

HR
{
	background: #ccc;
	height:     1px; 
	border:     0;   
}

/*
UL
{
	font-size:   12pt;
	line-height: 22pt;
}

*/

/* ---- Hyperlinks ---- */
A:link,
A:visited
{
	color:           #00a6d6;
	text-decoration: none;   
}

A:hover
{
	color:           #00a6d6;  
	text-decoration: underline;
}

A:active
{
	color:           #00a6d6;
	text-decoration: none;   
}
/* - - - - - - - - - - - - */
H1.Embargoed A:link,
H1.Embargoed A:visited
{
	color:           #CC6600;
	text-decoration: none;   
}

H1.Embargoed A:hover
{
	color:           #333333;  
	text-decoration: underline;
}

H1.Embargoed A:active
{
	color:           #CC6600;  
	text-decoration: underline;
}

/* - - - - - - - - - - - - */
A.MenuLink,
A.MenuLink:link,
A.MenuLink:visited
{
	background:      #e7f4fa;
	color:           #000000;
	padding:         0 10px;
	text-decoration: none;   
}

A.MenuLink:hover
{
	background:      #e7f4fa;
	color:           #00a6d6;
	padding:         0 10px;
	text-decoration: none;
}

A.MenuLink:active
{
	background:      #00a6d6;
	color:           #000000;
	padding:         0 10px;
	text-decoration: underline;   
}

.Main-Menu.mc_Home      A.MenuLink.mi_Home,
.Main-Menu.mc_Home      A.MenuLink.mi_Home:link,
.Main-Menu.mc_Home      A.MenuLink.mi_Home:visited,
.Main-Menu.mc_Home      A.MenuLink.mi_Home:hover,
.Main-Menu.mc_Home      A.MenuLink.mi_Home:active,

.Main-Menu.mc_Products  A.MenuLink.mi_Products,
.Main-Menu.mc_Products  A.MenuLink.mi_Products:link,
.Main-Menu.mc_Products  A.MenuLink.mi_Products:visited,
.Main-Menu.mc_Products  A.MenuLink.mi_Products:hover,
.Main-Menu.mc_Products  A.MenuLink.mi_Products:active,

.Main-Menu.mc_Services  A.MenuLink.mi_Services,
.Main-Menu.mc_Services  A.MenuLink.mi_Services:link,
.Main-Menu.mc_Services  A.MenuLink.mi_Services:visited,
.Main-Menu.mc_Services  A.MenuLink.mi_Services:hover,
.Main-Menu.mc_Services  A.MenuLink.mi_Services:active,

.Main-Menu.mc_Customers A.MenuLink.mi_Customers,
.Main-Menu.mc_Customers A.MenuLink.mi_Customers:link,
.Main-Menu.mc_Customers A.MenuLink.mi_Customers:visited,
.Main-Menu.mc_Customers A.MenuLink.mi_Customers:hover,
.Main-Menu.mc_Customers A.MenuLink.mi_Customers:active,

.Main-Menu.mc_Partners  A.MenuLink.mi_Partners,
.Main-Menu.mc_Partners  A.MenuLink.mi_Partners:link,
.Main-Menu.mc_Partners  A.MenuLink.mi_Partners:visited,
.Main-Menu.mc_Partners  A.MenuLink.mi_Partners:hover,
.Main-Menu.mc_Partners  A.MenuLink.mi_Partners:active,

.Main-Menu.mc_About_Us  A.MenuLink.mi_About_Us,
.Main-Menu.mc_About_Us  A.MenuLink.mi_About_Us:link,
.Main-Menu.mc_About_Us  A.MenuLink.mi_About_Us:visited,
.Main-Menu.mc_About_Us  A.MenuLink.mi_About_Us:hover,
.Main-Menu.mc_About_Us  A.MenuLink.mi_About_Us:active   { color: #000000 }

/* - - - - - - - - - - - - */
TD.FooterArea A,
TD.FooterArea A:link,
TD.FooterArea A:visited
{
	color:           #00a6d6;
	text-decoration: none;   
}

TD.FooterArea A:hover
{
	color:           #00a6d6;  
	text-decoration: underline;
}

TD.FooterArea A:active
{
	color:           #00a6d6;
	text-decoration: none;   
}

/* - - - - - - - - - - - - */
TD.NavItem A:link,
TD.NavItem A:visited,
TD.IndexHeading A:link,
TD.IndexHeading A:visited
{
	color:           #00a6d6;
	text-decoration: none;   
}

TD.NavItem A:hover,
TD.IndexHeading A:hover
{
	color:           #00a6d6;  
	text-decoration: none;
}

TD.NavItem A:active,
TD.IndexHeading A:active
{
	color:           #00a6d6;
	text-decoration: none;   
}
/* - - - - - - - - - - - - */
TD.NavSubItem-Title A:link,
TD.NavSubItem-Title A:visited,
TD.IndexItem-Title A:link,
TD.IndexItem-Title A:visited
{
	color:           #000;
	text-decoration: none;   
}

TD.NavSubItem-Title A:hover,
TD.IndexItem-Title A:hover
{
	color:           #00a6d6;  
	text-decoration: underline;
}

TD.NavSubItem-Title A:active,
TD.IndexItem-Title A:active
{
	color:           #00a6d6;
	text-decoration: none;   
}
/* - - - - - - - - - - - - */
H1 A:link,
H1 A:visited
{
	color:           #CC6600;
	text-decoration: none;   
}

H1 A:hover
{
	color:           #00a6d6;  
	text-decoration: none;
}

H1 A:active
{
	color:           #CC6600;
	text-decoration: none;   
}

/* ---- Syndication Links ---- */
.SubscriptionOptions-Text
{
	background:     #F1F2F3;
	font-size:      70%;    
	font-weight:    normal; 
	text-align:     center; 
	vertical-align: middle; 
	border:     0;   
}

.Chicklets { margin: 0 16px; padding: 0; }
.Chicklets2-menu { margin: 8px 16px 0 16px; padding: 0; font-size: 9pt; }
.ShareThis { width: 150px; float: right; text-align: right; font-size: 9pt; margin: 8px 16px 0 16px; }

/* ---- Left and Right Nav Links ---- */
/*      Note: Item index is treated as a variation */

.NavItem,
.IndexHeading
{
	background:  transparent;
	color:       #00a6d6;
	padding:     2pt 10px 0 10px;
	font-size:   11pt;
	font-weight: bold;
}

.NavSubItem-Title,
.IndexItem-Title
{
	background:  transparent;
	color:       #000;   
	padding:     2pt 10px 0 20px;
	font-size:   10pt;
	font-weight: normal;
}


/* ---- Item Properties ---- */
.Item-Date
{
	color:          #666666;  
	font-size:      8pt;      
	font-weight:    normal;   
	letter-spacing: .4em;     
	margin:         0;        
	text-transform: uppercase;
}

.Item-Summary
{
	font-size:      14pt;
	color:			#00a6d6;		      
	font-style:     normal;   
	font-weight:    bold;
}

.Item-Description { font-size: 12pt; line-height: 16pt; text-align: left; }

.Item-Footer A:link,
.Item-Footer A:visited,
.Item-Footer-Intro A:link,
.Item-Footer-Intro A:visited { color: #000; text-decoration: none; }

.Item-Footer A:hover,
.Item-Footer-Intro A:hover { color: #00a6d6; text-decoration: underline; }

.Item-Footer A:active,
.Item-Footer-Intro A:active { color: #00a6d6; text-decoration: none; }

/* ---- Control Row ---- */
/* Note: Absolute column widths are best controlled using spacer
 *       images in the model.  See the "Control Row" rules in
 *       the model.
 */
.Ctrl-Row { background: #000; color: #fff; }

.Ctrl-Row-Left-Nav
{
	width: 200px;
}

.Ctrl-Row-Main-Content
{
	width: 600px;
}

.Ctrl-Row-Right-Nav
{
	width: 200px;
}

/* ---- Row 0: Header ---- */
.Header-Main-Content
{
	background:     #000; 
	color:          #fff; 
	height:         130px;
	vertical-align: top;  
}

#banner
{
	margin: 54px 0 0 0;
	width: 100%;
}

#banner_left
{
	height:         55px;
	padding-left:   35px;
	text-align:     left;  
	vertical-align: bottom;
}

#banner_right
{
	height:         55px;
	padding-right:  35px;
	text-align:     right;  
	vertical-align: bottom;
}

/* ---- Row 2: Menu Bar ---- */
.Main-Menu
{
	background:  #e7f4fa;
	border:      0;   
	border-top:  	3px solid #00a6d6;
	border-bottom: 	3px solid #00a6d6;
	color:       #000000;
	font-size:   10pt;
	font-weight: normal;
	margin:      0;   
	padding:     0 35px 0 202px;
	text-align:  left;
	letter-spacing: 0;
	line-height: 1.5;
}

.FooterArea
{
	background: #000;
	color:      #fff;
	font-size:  11px;
	padding:    10px 35px;
}

#footer_contact
{
	font-size:     13px;
	margin-bottom: 5px;
}

#footer_copyright
{
	margin-left: 35px;
}

/* ---- Row 3: Content Area ---- */
.Left-Content
{
	background:     #e7f4fa;
	border:         0;      
	border-right:   solid 1px #ccc;
	color:          #000;   
	vertical-align: top;    
}

.Main-Content
{
	background:     #fff;
	color:          #000; 
	padding:        0 0 6pt 0;  
	vertical-align: top;    
}

.Right-Content
{
	background:     #e7f4fa;
	border:         0;      
	border-left:    solid 1px #ccc;
	color:          #000;   
	vertical-align: top;    
}

.Left-Content-Image,
.Right-Content-Image
{
	margin-bottom: 2em;   
	margin-top:    3em;   
	text-align:    center;
}

/* ---- Search Hits ---- */
.SearchHit-Summary
{
	color:     #666666;
	font-size: 80%;    
}

.SearchHit-Actions
{
	color: #999999;
}

/* ---- Search ---- */
.Search {margin-top: 10px;}
.Search .in input {width: 125px;}

/* ---- Topic Cloud ---- */
.TC H1 { margin: 0 16px; }

/* ---- Item Portal ---- */
.Portal .Blog-Item-List .col0,
.Portal .Blog-Item-List .col1   { width: 263px; margin-bottom: 16px; }
.Portal .Blog-Item-List .col0   { float: left;  clear: left; }
.Portal .Blog-Item-List .col1   { float: right; clear: right; }

.Portal .Blog-Item-List .Bitem          { width: 100%; }
.Portal .Blog-Item-List .Bitem.embargo  { border: 0; padding: 0; background: #fcc; }
.Portal .Blog-Item-List .Bitem.future   { border: 0; padding: 0; background: #cfc; }

.Portal .bottom { clear: both; }

.Portal .Blog-Item-List HR                 { display:   none; }
.Portal .Blog-Item-List .Item-Date         { font-size: 8pt;  padding: 0px 0px 3px 8px; }
.Portal .Blog-Item-List .Item-Date .from   { font-size: 8pt;  padding: 6px 0px 0px 0px; }
.Portal .Blog-Item-List H1                 { font-size: 11pt; padding: 6px 0px 3px 0px; }
.Portal .Blog-Item-List .Item-Summary      { font-size: 10pt; }
.Portal .Blog-Item-List .Item-Description  { font-size: 9pt;  }
.Portal .Blog-Item-List .Item-Keywords     { font-size: 8pt;  }
.Portal .Blog-Item-List .Item-Footer-Table { font-size: 8pt;  padding-bottom: 6px; }
.Portal .Blog-Item-List .Item-Footer       { font-size: 8pt;  }

.Portal .Blog-Item-List .more { font-size: 9pt; font-style: italic; }

.Portal .Blog-Item-List .Item-Keywords A:link,    
.Portal .Blog-Item-List .Item-Keywords A:visited { color: #333; text-decoration: none;      }
.Portal .Blog-Item-List .Item-Keywords A:hover   { color: #c30; text-decoration: underline; }
.Portal .Blog-Item-List .Item-Keywords A:active  { color: #c30; text-decoration: none;      }

/* ---- App Login ----*/
.AppLogin { margin: 10px; }
.AppLogin table   { margin: 0; width: 180px; }
.AppLogin .line   { background: url("images/login_lines.png") transparent top left repeat-x; height: 3px; }
.AppLogin .text   { text-align: left; padding: 5px 10px 5px 0; text-transform: uppercase; font-size: 12pt; font-weight: bold; }
.AppLogin .button { text-align: right; padding: 5px 0; }

/* ---- App Login ----*/
.ChannelHeadlines { margin: 10px;}
.ChannelHeadlines .title      { font-size: 14pt; line-height: 16pt; }
.ChannelHeadlines .subtitle   { font-weight: bold; background: url("images/login_lines.png") transparent top left repeat-x; padding: 3px 0; }
.ChannelHeadlines .items      { font-size: 9pt; line-height: 12pt; }
.ChannelHeadlines .item .date { text-transform: uppercase; }
.ChannelHeadlines .item .name { font-weight: bold; }
.ChannelHeadlines .item .link { margin-bottom: 10pt; }

/* ---- CBitem ---- */
.CBitem .topfield,
.CBitem .mainfield
{
	clear: both;
	margin: 0 0 0 0;
}

/* ---- CBitem ---- */
.Panel                   { padding: 8px 0 0 0; margin: 0 0 10px 0; outline: 0; }
.Panel .nav              { margin: 0 32px 0 10px; height: 38px; line-height: 35px; font-size: 10pt; color: #000000; background: transparent; overflow: hidden; float:right; outline: 0; }
.Panel .title            { margin: 0 15px 0 15px; height: 38px; line-height: 34px; font-size: 14pt; color: #CC6600; background: transparent; overflow: hidden; outline: 0; }
.Panel .content          { margin: 10px 10px 10px 15px; outline: 0; }

.Panel.topfloat          { padding: 0; margin: 0 0 10px 0; float:left; margin-right:4px; }
.Panel.topfloat .nav     { margin: 0 32px 0 10px; height: 38px; line-height: 46px; font-size: 10pt; color: #000000; background: transparent; overflow: hidden; float:right; }
.Panel.topfloat .title   { margin: 0 15px 0 15px; height: 38px; line-height: 45px; font-size: 14pt; color: #CC6600; background: transparent; overflow: hidden; }
.Panel.topfloat .content { margin: 5px 15px; font-size: 9pt; line-height: 12pt; }

.Panel.top               { padding: 0; margin: 0 0 10px 0; }
.Panel.top .nav          { margin: 0 32px 0 10px; height: 38px; line-height: 46px; font-size: 10pt; color: #000000; background: transparent; overflow: hidden; float:right; }
.Panel.top .title        { margin: 0 15px 0 15px; height: 38px; line-height: 45px; font-size: 14pt; color: #CC6600; background: transparent; overflow: hidden; }
.Panel.top .content      { margin: 5px 15px; line-height: 1.5; }

.Panel.home              { padding: 0; margin: 0 0 10px 0; }
.Panel.home .nav         { margin: 16pt 32px 0 10px; line-height: 10pt; font-size: 10pt; color: #000000; background: transparent; overflow: hidden; float:right; }
.Panel.home .title       { margin: 0 15px 0 15px; height: 47px; line-height: 47px; font-size: 18pt; color: #FFFFFF; background: transparent; overflow: hidden; }
.Panel.home .content     { margin: 10px 10px 10px 15px; font-size: 13pt; line-height: 17pt;}

/* ---- Feedback ---- */
.Feedback { font-size: 12pt; }
.Feedback td.label { width: 75px; }
.Feedback td.field input { width: 350px; }

/*--- NewsHightlight --- */
.NewsHightlight
{
	margin: 0 16px 12pt 16px;
}

.NewsHightlight .name
{
	font-size: 11pt;
	font-weight: bold;
}

.NewsHightlight .summary
{
	font-size:   10pt;  
	font-weight: normal;
	margin: 0 0 0 16px;
}

.NewsHightlight .published
{
	font-size:   10pt;   
	font-weight: bold;
	margin: 0 0 0 16px;
}

/*  */
/* global navigation */
/*  */

/*************** top line menu *************/
/******************************************/
#main_nav {
 font-size: 14px;
 margin: 0 0 0 0;
 float: left;
 text-align: left;
 color: #000000;
 line-height: normal;
 width: 100%;
 font-weight: normal;
}

#main_nav ul {
 margin:0;
 padding: 0 0 0 0;
 list-style:none;
}
  
#main_nav ul li {
  display:inline;
  margin:0;
  padding:0;
  float: left;
}
 
#main_nav ul a {
  display: block;
  /*float:left;*/ /* remove this so that the dropdown menu display correctly under the main nav item */
  /*
  background:url("http://srtsolutions.com/themes/newSRT/images/navs/tab_left.gif") no-repeat left top;
  padding:0 0 0 5px;
  */
  margin:0;
  padding:4px 0 0 0;
  text-decoration:none;
  }
  
#main_nav a span {
  float:left;
  display:block;
  /*
  background:url("http://srtsolutions.com/themes/newSRT/images/navs/tab_right.gif") no-repeat right top;
  padding:5px 5px 4px 6px;
  */
  padding:0 15px 4px 0;
  color:#000000;
  }
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main_nav ul li a span {float:none;}
/* End IE5-Mac hack */
#main_nav ul li a:hover span {
  color:#00a6d6;
  cursor: pointer;
  cursor: hand;
  text-decoration: none;


}

#main_nav ul li a:hover, #main_nav li.current a {
  background-position: 0% -42px;
}
  
#main_nav ul li a:hover span, #main_nav li.current a span {
  background-position: 100% -42px;
  }

/*************** dropdown menu *************/
/******************************************/
#main_nav ul li ul{ 
  display: block;
	position: absolute;
	left: -999em;
	width: 220px;
	border: 1px solid #ccc;
	border-top: none;
	z-index: 100;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0;
	float: none;
	/*
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	*/
}

#main_nav ul li ul li {
   	float: none;
		display: block;
		padding: 0;
  	margin: 0!important;
}

#main_nav ul li:hover ul, #main_nav li.sfhover ul { /* lists nested under hovered list items */
  	left: auto;
  	padding: 0px;
}

#main_nav ul li ul li {
   	background: none;
  	padding: 0;
  	margin: 0;
		 /*width: 100%;remove it so that it won't have a gap between each list item on IE 7 */
	  display: inline; /* add this so that it won't have a gap between each list item on IE 6 */
}

#main_nav ul li ul li a {
    width: 220px;
    font-weight: normal;
  	background: #E7F4FA;
		padding: 4px 10px 4px 10px;
		border-top: 1px solid #ccc;
		color: #000000;
		margin-bottom: 0!important;
		display: block;
		background-image: none; /* so that the background image won't display on Safari */
}

#main_nav ul li ul a:hover {
 color: #00a6d6;
 font-weight: normal;
 background: #E7F4FA;
 background-image: none; /* so that the background image won't display on Safari */
}

#main_nav ul li.current ul li a:hover {
 background: #E7F4FA;
}

#main_nav ul li.current ul li.current a {
 background: #E7F4FA;
 color: #000;
}

/* ---- End ---- */