/* -------------------------------------------------- 
   Table of Contents: COMPONENTS
-----------------------------------------------------
:: 1. Rotating Features
:: 2. Text mini-features
:: 3. Portal search results
:: 4. Search results page
:: 5. Tabbed content
:: 6. QA toggle
:: 7. Framed photos (home and internal)
:: 8. Flickr gallery
:: 9. YouTube gallery - home and internal
:: 10. News 
:: 11. Blog
:: 12. Table Row Striping
:: 13. Modals

*/


/* -----------------------------------------
   1. Rotating Features
----------------------------------------- */
#feature_group_container {
	position: relative;	
}
#feature_group {
	position: relative;	
	min-height: 250px;
}
#feature_group .hidden {
	position: absolute;
	left: -500000px;
	top: 0px;	
}
#feature_group .show {
	position: relative;
	top: auto;
	left: auto;	
}
#feature_group .feature_block {
	width: 100%;	
}
#feature_group .feature_photo {
	width: auto;
	height: 250x;
	display: block;
	float: left;	
	margin-right: 20px;
}
#feature_group .feature_photo img {
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border: 1px solid #666;
}
#feature_group .feature_block h1 {
	font-size: 18px; font-size: 1.8rem;
	color:#253c68;	
}
#feature_group .feature_block h1 a {
	text-decoration: none;
}
#feature_group .feature_block .feature_text {
	padding: 20px;	
}

#feature_number_block {
	position: absolute;
	bottom: 0px;
	right: 0px;	
}
html.lt-ie9 #feature_number_block {
	bottom: 0px;	
}
#feature_number_block #number_controls {
	position: relative;
	right: 40px;
}
#feature_number_block #number_controls .featurelinks {
	position: relative;
	display: block;
	width: 14px;
	height: 14px;
	background:#223c68;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	padding: 2px 3px 3px 3px;
	margin: 0px 0px 0px 5px;
	line-height: 14px;
	font-size: 14px;
	font-size: 1.4rem;
	color:#fff;
	text-decoration: none;
	float: left;
	font-weight: bold;
	text-align: center;
}
#feature_number_block #number_controls a.active {
	background:#747474;	
}
#feature_number_block #feature_controls {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 14px;
	height: 14px;
	background:#223c68;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	padding: 3px 3px 2px 3px;
}
#feature_number_block #feature_controls a {
	display: block;
	width: 14px;
	height: 14px;
	background:url(../images/ui-icons_ffffff_256x240.png) no-repeat;
	border: 0px;
	text-decoration: none;
	text-indent: -50000px;
}
#feature_number_block #feature_controls #feature_controls_play {
	background-position: -1px -162px;
}
#feature_number_block #feature_controls #feature_controls_stop {
	background-position: -18px -162px;
}


/* -----------------------------------------
   2. Text mini-features
----------------------------------------- */
.minitextfeatures h2 {
	font-size: 18px; font-size: 1.8rem;
}



/* -----------------------------------------
   3. Portal search results
----------------------------------------- */
.portal_results ul {
	margin: 0px !important;
	padding: 0px !important;	
}
.portal_results ul li {
	list-style: none !important;
	padding: 0px !important;
	margin: 0px 0px 15px 0px !important;	
}
.portal_results .result_link a {
	font-size: 14px; font-size: 1.4rem;
	font-weight: bold;	
}
.portal_results .result_description {
	font-size: 13px; font-size: 1.3rem;
	line-height: 15px; line-height: 1.5rem;
	color:#222;	
}
.portal_results .result_url a {
	color:#666;
	text-decoration: none;
	font-size: 9px; font-size: .9rem;
}





/* -----------------------------------------
   4. Search results page
----------------------------------------- */

/* - search results - */
#search-results-box {
	padding: 0px;	
	
}
#search-results-box h1 {
}
#search-form-box {
	background:#3d588b;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	padding: 15px;
}
#search-form-box label {
	margin-right: 7px;
}
#search-form-box select {
	margin-left: 10px;	
}
#search-submit {
	background:#1E236A;
	color:#FFF;
	font-weight: bold;
	font-size: 10pt;
	padding: 4px 6px;
	margin: 0px 0px 0px 10px;
	border: 2px solid white;
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
	-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.75);	
	cursor: pointer;
}
#search-submit:hover {
	background:#2C3A97
}
#searchresult_cluster {
	float: left;
	width: 280px;
	margin-left: 20px;	
}
#searchresult_cluster h2 {
	margin-bottom: 10px;	
}
#searchresult_cluster ul {
	margin: 0px 0px 0px 20px; padding: 0px;	
}
#searchresult_cluster ul li {
	margin: 7px 0px 5px 0px;
	padding: 0px;	
	font-size: 10pt;
	line-height: 11pt;
}
.search-nav-divider {
	height: 1px;
	display: block;
	background: #333;
	padding: 0px;
	margin: 20px 0px 5px 0px;
	width: 100%;	
}
.searchresult_title {
	font-size: 13pt;	
}
.searchresult_snippet {
	font-size: 11pt;
}
.searchresult_description {
	margin: 7px 0px 0px 0px;
	color:#666;
	font-size: 9pt;
}
.searchresult_date {
	margin: 0px;
	padding: 0px;
	color:#666;	
	font-size: 9pt;
}
.searchresult_url {
	padding: 0px;
	color: #3F8F3E;
	font-size: 8pt;
}
.searchresult_footer {
	margin: 0px 0px 20px 0px;
}
.vivbold {
	font-weight: bold;
	color: blue;
}


span.searchresult_size {
	color: #888888;
}
.searchresult_number {
	font-size: 10pt;
	text-align: left;
	font-weight: bold;
	color:#666;
	margin: 0px 0px 20px 0px;
}
.searchresult_nav {
	margin: 10px 0px 0px 0px;
	text-align: center;
	width: 560px;
	font-size: 12pt;
	font-weight: bold;
}
.searchresult_nav a {
	font-weight: normal !important;	
	margin: 0px 5px 0px 5px;
}
.searchresult {
	margin: 10px 10px 0px 0px;
}
.searchresult_header {
	#text-align: center;
	width: 180px;
}
img.filetype {
	padding: 0 0.25em 0.25em 0;
	vertical-align: middle;
}

.searchbox {
	width: 331px;
	margin: 0px auto 0px 0px;	
	position: relative;
}
.searchbox label {
	font-weight: bold;
	font-size: 16px; font-size: 1.6rem;
	color:#FFF;
}
.searchbox-container {
	width: 331px;
	height: 55px;
	background: url('../images/mn_header_searchbox.png') no-repeat;
	position: relative;
	
}
.searchbox #query {
	border: 0px;
	width: 311px;
	height: 55px;
	background: none; 
	padding: 0px 0px 0px 20px; 
	margin: 0px;
	font-size: 16px; font-size: 1.6rem;
		
}
html.lt-ie9 .searchbox #query  {
	padding: 17px 0px 0px 20px !important;
	height: 20px !important;
}
#search-form-box .searchbox .searchbox-container .searchbutton, #search-form-box .subsearch .subsearch-container .searchbutton {
	display: block !important;
	width: 34px !important;
	height: 37px !important;
	border: 0px;
	overflow:hidden;
	text-align: left;
	text-indent: -50000px;
	position: absolute;
	top: 10px;
	right: 9px;
	background: url('../images/mn_header_searchbutton.png') no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
}
#search-form-box .searchbox .searchbutton:hover, #search-form-box .subsearch .subsearch-container .searchbutton:hover {
	background-position: -34px 0px;
}

.subsearch {
	position: relative;
	padding-top: 10px;
}
.subsearch label {
	font-weight: bold;
	font-size: 12px; font-size: 1.2rem;
	color:#FFF;
}
.subsearch-container {
	position: relative;	
	width: 200px;
	height: 55px;
}
.subsearch #subquery {
	border: 1px solid #666;
	width: 180px;
	height: 35px;
	background: #efefef; 
	padding: 0px 0px 0px 10px; 
	margin: 0px;
	font-size: 16px; font-size: 1.6rem;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
html.lt-ie9 .subsearch #subquery {
	padding: 7px 0px 0px 10px !important;
	height: 28px !important;
}
#search-form-box .subsearch .subsearch-container .searchbutton {
	top: 0px !important;
	right: -7px !important;
}
html.lt-ie9 #search-form-box .subsearch .subsearch-container .searchbutton {
	top: 1px !important;
	right: -7px !important;
}



/* -----------------------------------------
   5. Tabbed content
----------------------------------------- */
#tabbed-content {
	margin-bottom: 20px;	
	position: relative;
}
.tab-menu {
	padding-bottom: 1px;
}
.tab-menu ul {
	margin: 0px;
	padding: 0px;
}
.tab-menu ul li {
	position: relative;
	list-style: none;
	display: inline;
	background: #e2e2e2;
	font-size: 12px; font-size: 1.2rem;
	line-height: 12px; line-height: 1.2rem;
	font-weight: bold;
	padding: 3px 10px 10px 10px !important;
	margin: 0px 5px 0px 0px !important;
	border-radius: 7px 7px 0px 0px; 
	-moz-border-radius: 7px 7px 0px 0px; 
	-webkit-border-radius: 7px 7px 0px 0px;
}
.tab-menu ul .lightTab { background:#e2e2e2; }
.tab-menu ul .lightTab a { color:#444; }
.tab-menu ul .darkTab { background:#444; }
.tab-menu ul .darkTab a { color:#fff; }
.tab-menu ul li a {
	color:#333;
	text-decoration:none;
}
.tab-menu .blanktab {
	background: none;	
}
.tab-box {
	background:#e2e2e2;	
	padding: 20px;
	font-size: .9em;
	position:relative;
	border-radius: 0px 7px 7px 7px; 
	-moz-border-radius: 0px 7px 7px 7px; 
	-webkit-border-radius: 0px 7px 7px 7px;
}



/* -----------------------------------------
   6. QA toggle
----------------------------------------- */
.qatoggle {
	margin-bottom: 20px; 	
}
.qatoggle ul {
	margin: 0px !important;
	padding: 0px !important;	
}
.qatoggle ul li {
	list-style: none !important;
	padding: 0px !important;
	margin: 0px 0px 5px 0px !important;	
}
.faqQuestion {
	font-weight: bold !important;	
}
.faqBlock {
	border: 1px solid #333;
	background:#efefef;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	color:#111;
}

/* -- addition for embedded lists within the FAQ answer blocks -- */
.qatoggle ul li ul li {
	list-style: disc !important;
	margin: 5px 0px 5px 25px !important;	
}


/* -----------------------------------------
   7. Framed photos (home and internal)
----------------------------------------- */
/* - legacy - */
.home_photo_frame {
	width: 620px;
	height: 220px;
	display: block;
	background: url("../images/home_photo-frame_620x220.png") no-repeat;	
}
.internal_photo_frame {
	width: 700px;
	height: 300px;
	display: block;
	background: url("../images/internal_photo-frame_700x300.png") no-repeat;	
}
/* - 2012 - */
.featurePhotograph {
	margin-bottom: 20px;
	width: auto;	
}
.featurePhotographFrame {
	border:5px solid #CCC;
	/*-webkit-box-shadow: inset 0px 0px 7px 0px #000000;
	-moz-box-shadow: inset 0px 0px 7px 0px #000000;
    box-shadow: inset 0px 0px 7px 0px #000000;*/
	padding: 0px;
	margin: 0px;
}
.featurePhotographImage img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.featurePhotographCaption {
	font-size: 11px;
	font-size: 1.1rem;
	background:#ccc;
	padding: 5px;
}
.featurePhotographCaption p {
	margin: 0px;
}



/* -----------------------------------------
   8. Flickr gallery
----------------------------------------- */
#flickrcontainer_list {
	margin: 0px;
}
#flickrcontainer_list ul {
	margin: 0px;
	padding: 0px;
}
#flickrcontainer_list ul li {
	list-style: none;
	margin: 0px 20px 20px 0px;
	padding: 0px;
	float: left;
	width: 91px;
	height: 125px;
}
#flickrcontainer_list ul li .thumbnail {
	width: 75px; height: 75px;
	padding: 8px 8px 12px 8px;
	background:  url("../images/flickr_set_case.gif") no-repeat;
}
#flickrcontainer_list ul li .thumbnail a {
	text-decoration: none;
}
#flickrcontainer_list ul li .thumbnail a img {
	text-decoration: none;
	border: 0px;
}
#flickrcontainer_list ul li .displayname {
	padding-top: 3px;
	font-size: 10px; font-size: 1.0rem;
	line-height: 12px; line-height: 1.2rem;
	color:#222;
	text-align:center;
}





/* -----------------------------------------
   9. YouTube gallery - home and internal
----------------------------------------- */
	
#youtube_container_home  {
	width: 620px;
	position: relative;
}
#youtube_container_home #feature_container {
	width: 480px;
	text-align:center;
}
#youtube_container_home #feature_video {
	width:480px;
	height: 306px;
	background:#000;
	padding-top: 0px;
}
#youtube_container_home #feature_info {
	padding-top: 5px;
	color:#000;
	font-size: 10pt;
	text-align:left;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
}
#youtube_container_home #feature_description {
	font-size: 11pt;
}
#youtube_container_home #feature_source {
	font-size: 8.5pt;
}

#youtube_container_home #video_list_container {
	position:absolute;
	top: 0px;
	right: 0px;
	width: 140px;
	height: 306px;
	background:#eaeaea;
}	
#youtube_container_home #video_list_container .videothumbnail {
	margin: 0px 10px;
	width:120px;
	position:relative;
}
#youtube_container_home #video_list_container img {
	border: 0px;
}	
#youtube_container_home #video_list_container div {
	float: left;
	margin-right: 10px;
	width:120px;
	position:relative;
}
#youtube_container_home #video_list_container div .description {
	font-size: 8pt;
	width: 120px;
}
#youtube_container_home #video_list_container div .date {
	font-size: 8pt;
	color:#666;
	width: 120px;
	margin-bottom: 5px;
}
#youtube_container_home .youtubeid {
	display: none;	
}
#youtube_container_home #video_list_container a {
	text-decoration: none;
	background-position: 0px -6px;
	display: inline-block;
	width: 120px;
	height: 78px;
}

#youtube_container_home #navigator_previous {
	position: absolute;
	top: 0px;
	z-index: 100;
	width: 140px;
	height: 15px;
	text-align:center;
}
#youtube_container_home #navigator_previous a {
	width: 140px; height: 15px; font-size: 10pt; display: block;
	text-indent: -50000px;
	background: url("../images/youtube_previous_vertical.png") no-repeat;
	background-position: 0px 0px;	
}
#youtube_container_home #navigator_previous a:hover {
	background: url("../images/youtube_previous_vertical.png") no-repeat;
	background-position: 0px -15px;	
}
#youtube_container_home #navigator_next {
	position: absolute;
	width: 140px;
	text-align:center;
	top: 277px;
	z-index: 100;
}
#youtube_container_home #navigator_next a {
	width: 140px; height: 15px; font-size: 10pt; display: block;
	text-indent: -50000px;
	background: url("../images/youtube_next_vertical.png") no-repeat;
	background-position: 0px -15px;
}
#youtube_container_home #navigator_next a:hover {
	background: url("../images/youtube_next_vertical.png") no-repeat;
	background-position: 0px 0px;
}




#youtube_container_gallery  {
	width: 700px;
	position: relative;
}

#youtube_container_gallery #feature_container {
	width: 700px;
	text-align:center;
}
#youtube_container_gallery #feature_video {
	width:700px;
	height: 424px;
}
#youtube_container_gallery #feature_info {
	padding: 5px 0px;
	color:#000;
	font-size: 10pt;
	text-align:left;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
#youtube_container_gallery #feature_description {
	font-size: 11pt;
}
#youtube_container_gallery #feature_source {
	font-size: 8.5pt;
}

#youtube_container_gallery #video_list_container {
	width: 680px;
	height: 120px;
	position: relative;
	display: block;
	margin-top: 15px;
	background:#eaeaea;
	padding: 10px;
}
#youtube_container_gallery #video_list_container .videothumbnail {
	float: left;	
	margin-left: 40px;
	width:120px;
	height:120px;
	position:relative;
}
#youtube_container_gallery #video_list_container img {
	border: 0px;
}	
#youtube_container_gallery #video_list_container div {
}
#youtube_container_gallery #video_list_container div .description {
	font-size: 8pt;
	width: 120px;
}
#youtube_container_gallery #video_list_container div .date {
	font-size: 8pt;
	color:#666;
	width: 120px;
}
#youtube_container_gallery #video_list_container a {
	text-decoration: none;
	background-position: 0px -6px;
	display: inline-block;
	width: 120px;
	height: 78px;
}
#youtube_container_gallery .youtubeid {
	display: none;	
}

#youtube_container_gallery #video_list_container #navigator_previous {
	position: absolute;
	left: 0px;
	top: 0px;
	display:block;
	height: 140px; 
	width: 15px;
	z-index:100;
}
#youtube_container_gallery #video_list_container #navigator_previous a {
	height: 140px;
	width: 15px; 
	font-size: 10pt;
	display: block;
	text-indent: -50000px;
	background: url("../images/youtube_previous_horizontal.png") no-repeat;
	background-position: 0px 0px;	
}
#youtube_container_gallery #video_list_container #navigator_previous a:hover {
	background: url("../images/youtube_previous_horizontal.png") no-repeat;
	background-position: -15px 0px;	
}
#youtube_container_gallery #video_list_container #navigator_next {
	position: absolute;
	right: 0px;
	top: 0px;
	display:block;
	height: 140px; 
	width: 15px;
	z-index:100;
}
#youtube_container_gallery #video_list_container #navigator_next a {
	height: 140px; 
	width: 15px; 
	font-size: 10pt;
	display: block;
	text-indent: -50000px;
	background: url("../images/youtube_next_horizontal.png") no-repeat;
	background-position: -15px 0px;
}
#youtube_container_gallery #video_list_container #navigator_next a:hover {
	background: url("../images/youtube_next_horizontal.png") no-repeat;
	background-position: 0px 0px;
}




/* -----------------------------------------
   10. News 
----------------------------------------- */

#news-item-list li {
	list-style: none !important;
	margin-bottom: 15px !important;
}
#news-item-list .newsHeadline {
	font-weight: bold;
	font-size: 14px; font-size: 1.4rem;	
}
#news-detail h2 {
	color:#555;
	font-size: 16px; font-size: 1.6rem;	
}
.newsTimeStamp {
	font-style: italic;
	font-size: 12px; font-size:1.2rem;
	color:#666;
}	

#news-right-column {
	font-size: 12px; font-size:1.2rem;
	border: 1px solid #999;
	background: #e6e6e6;
	padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;	
}
#news-right-column h3 {
	font-size: 15px; font-size:1.5rem;
	font-weight: bold;
	margin: 0px 0px 7px 0px;
	padding: 0px;
	border-bottom: 1px solid #666;
}
.news-archive-month-list {
	margin: 0px; padding: 0px;	
}
.news-archive-month-list li {
	list-style: none !important;
	margin: 0px !important;
	padding: 0px !important;	
	font-weight: bold;
	font-size: 13px; font-size:1.3rem;
}
.news-archive-month-list li ul li {
	font-weight: normal;	
	font-size: 11px; font-size:1.1rem;
}



/* -----------------------------------------
   11. Blog 
----------------------------------------- */

#blog {
	position: relative;	
}
#blog-entry-list {
/*	width: 400px;
	margin-right: 20px;	*/
}
#blog-side-column {
	position: relative;	
}
#blog-right-column {
/*	position: absolute;
	z-index: 20 !important;
	top: 0px;
	right: 10px;
	width: 200px; */
	font-size: 9pt;
	border: 1px solid #999;
	background: #e6e6e6;
	padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	margin-left: 0px !important;	
}
#blog-right-column h3 {
	font-size: 14pt;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.blog-archive-month-list {
	margin: 0px; padding: 0px;	
}
.blog-archive-month-list li {
	list-style: none;
	margin: 0px;
	padding: 0px;	
}
.tagcloud {
	width: 200px;
}
.tagcloud, .tagcloud li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.cloudView {
	font-size: 10pt;
	float: left !important;
	margin-right: 5px !important;
	display: inline-block !important;	
}
.listView {
	font-size: 10pt;
	float: none !important;
	margin-right: 5px !important;
	margin-bottom: 5px;
	display: block !important;
}
#viewoption {
	padding: 3px;
	display: block;
	margin: 0px auto;
	border: 1px solid #999;
	background:#FFF;
	text-align: center;	
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
	text-decoration: none;
	width: 150px;	
}

#disqus_thread {
	border-top:1px solid #999;
	padding-top: 20px;	
}





/* -----------------------------------------
   12. Table Row Striping 
----------------------------------------- */
.row_white td { background:#FFF; border-bottom: 1px solid #999; }
.row_gray td { background: #e5e5e5; border-bottom: 1px solid #999; }
.row_white:hover, .row_gray:hover { background:#DBDADC; }



/* -----------------------------------------
   13. Modals 
----------------------------------------- */

.modal {
  display: none;
  width: 400px;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(../images/modal_close.png) no-repeat 0 0;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url(../images/modal_spinner.gif) #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

      all