@charset "UTF-8";
/* CSS Document */

/*
 * jQuery UI Accordion 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
#left, #right {margin-top:10px!important}
#accordion div ul{
	display:block;
	min-height:1px;
	list-style: disc !important;
	margin: 0 10px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
#accordion div ul li{
	display:list-item !important;
	list-style-type:disc !important;
	margin:0 0 0 10px !important;
	padding:0 0 3px 0 !important;
}

#accordion div ul a{
padding: 2px 0;
margin: 0;
}


.ui-accordion {
width: 100%;
height: 320px;
}
#accordion.related-cont{
height:347px !important;
}


.ui-accordion .ui-accordion-header {
cursor: pointer;
outline: none !important;

}
.ui-accordion .ui-accordion-li-fix {
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 !important;

}
.ui-accordion .ui-accordion-header a {
display: block;
padding: .5em .5em .5em .7em;
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 14px;
}
.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: .875em 1.2em;
border-top: 0;
margin-top: 0;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
height: 220px;
display: none;
}
.ui-accordion .ui-accordion-content-active {
display: block;

}


.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
opacity: .95;
}




/* END ACCORDION CSS */



* {
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 300;
}


#calculators li {
	float:left;
	width:200px;
	margin-right:10px;
}


a.inline {
	padding:0;
	margin:0;
	display:inline;
}
#archive {
	padding:10px 20px 20px 20px;
	border:1px solid #ccc;
	font-weight:normal;
	}
#archive li {
	height:auto!important;
}
#archive li.intro {
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
}
#archive li a {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0;
	padding-right:0;
	margin:0 0 8px;
}
#archive li span {
	display:block;
	float:left;
}
#archive li a span.date {
	font-size:.725em;
	width:55px;
	height:1em;
	line-height:1em;
	padding-right:10px;
}
#archive li a span.top {
	font-size:.9em;
	font-weight:bold;
	color:#000 !important;
}
#archive li a span.title {
	font-size:.9em;
	width:500px;
	height:1em;
	line-height:1em;
	color:#036;
	text-decoration:none;
}
#archive li a:hover span.title {
	font-size:.9em;
	width:520px;
	height:1em;
	line-height:1em;
	color:#036;
	text-decoration:underline;
}
#article li p {
	margin-left:0 !important;
	padding-left:0 !important;
	margin-right:0 !important;
	padding-right:0 !important;
}
#article li a {
	display:inline !important;
	margin:0;
	padding:0;
}



#archive .currentpage {
	float:left;
}
#archive .pages {
	float:right;
}
#archive .pages a {
	text-decoration:underline;
	font-weight:bold;
	color:#036;
}
#archive .pages a:hover {
	text-decoration:none;
}
#archive .totalarticles {
	text-align:center;
}
#archive .mostrecent {
	text-align:right;
	padding-top:10px;
	font-size:.825em;
	font-weight:bold;
	color:#036;
}
#archive .mostrecent a {
	font-size:.9em;
	font-weight:bold;
	color:#036;
}
#archive .currentpage, #archive .pages, #archive .totalarticles {
	font-size:.825em;
	color:#666;
}


/* UNIVERSAL STYLES */
	
body {
	text-align:left;
	font-size:1em;
	}
.module {
	padding:0;
	margin-bottom:15px; /* Horizontal Whitespace between modules */
	min-height:1px;
	display:block;
	}
#right .module {

	}
a, p { /* Single Asset Container */
	color:#333;
	font-size:1em;
	text-decoration:none;
	padding: 10px 20px 10px 20px;
	font-weight:normal;
	margin:0;
	}
h1.left, .homeheader, h3.left, h2#article-cat { /* Module Heading */
	font-size:.75em;
	font-weight:bold;
	color:#fff;	
	text-transform: uppercase;
	border-radius:3px 3px 0 0;
	margin: 0 0 -1px 0;
	height:1.8em;
	line-height:1.8em;
	padding:2px 20px;
	background: #445164; /* Old browsers */
	background: -moz-linear-gradient(top, #445164 0%, #11191c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#445164), color-stop(100%,#11191c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #445164 0%,#11191c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #445164 0%,#11191c 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #445164 0%,#11191c 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#445164', endColorstr='#11191C',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #445164 0%,#11191c 100%); /* W3C */
	
	}
#right h1, #right h4 { /* Module Heading */
	font-size:.9em;
	font-weight:bold;
	color:#f19d1a;
	padding: 16px 0 5px 35px;
	margin: 0;
	font-size:12px;
	font-weight:bold;
	color:#fff;	
	text-transform: uppercase;
	background: #445164; /* Old browsers */
	background: -moz-linear-gradient(top, #445164 0%, #11191c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#445164), color-stop(100%,#11191c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #445164 0%,#11191c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #445164 0%,#11191c 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #445164 0%,#11191c 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#445164', endColorstr='#11191C',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #445164 0%,#11191c 100%); /* W3C */
	border-radius:3px 3px 0 0;
	height:1.8em;

	line-height:1.8em;
	padding:2px 20px;
	}
strong { /* Headline */
        color:#036;
        font-size:.9em;
        font-weight:bold;
        padding-bottom:2px;
        }
b { /* Headline */
	color:#036;
	font-size:.9em;
	font-weight:bold;
	padding-bottom:2px;
	}
em { /* Deck */
        font-size:.825em;
        font-style:normal;
        }
i { /* Deck */
	font-size:.825em;
	font-style:normal;
	}
u { /* Call to Action */
	color:#036;
	font-size:.8em;
	font-weight:bold;
	padding:.2em 0;
	}
p img { /* Text Wrap on In-line Images */
	float:left;
	padding-right:20px;
	padding-bottom:5px;
	padding-top:3px;
	}
p b {
	font-size:1.2em;
	}
.caption {
	text-align:center;
	padding:3px 0;
	display:block;
	font-size:.775em;
	}
ul.bulleted {
	padding: 8px 0;
	font-size:.825em;
	display:block;
	min-height:1px;
	height:100%;
	list-style: disc url("../images/bullet.gif") !important;
	margin-left:25px;
	margin-right:20px;
	}
ul.bulleted li {
	display:list-item !important;
	list-style-type:disc !important;
	background:none 0 !important;
	margin:0 0 0 10px !important;
	padding:0 0 3px 0 !important;
	}
a b {
	color: #2d7eaa;
	text-decoration:none;
	font-size: 1.1em;
	}
a u {
	color: #1d52b1;
	text-decoration:none;
	}
a:hover u {
	text-decoration:none;
	}

h2.titleurl{
font-weight:700!important;
}
	
/**********************/
/*                    */
/*       MODULES      */
/*                    */
/**********************/

/* FEATURE BOX */
.feat-box{
height: 247px;
width: 548px;
margin: 0 0 10px 0;
border: 1px solid #ccc;
padding: 40px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px #ddd;
-moz-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
background: #cbdded; /* Old browsers */
background: -moz-linear-gradient(top, #cbdded 0%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbdded), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cbdded 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cbdded 0%,#f9f9f9 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #cbdded 0%,#f9f9f9 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbdded', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #cbdded 0%,#f9f9f9 100%); /* W3C */
}

.feat-box p{
padding: 0 0 10px 0;
font-size: 1.3em;
}

.feat-box b{
display: inline;
font-size: 1.1em;

color:#2D7EAA;
}

.feat-box hr{
  border: 0;
  background-color: #4C68A3;
  opacity: .5;
  height: 1px;
}

.feat-box em{
padding: 10px 0 0 0;
font-size: .9em;
color: #444;
display: block;
}

.feat-box u{
color: #2D7EAA;
text-decoration: none;
font-size: 1.2em;
}

.float-right{
float: right;
padding:8px;
}
.float-left{
float: left;
padding: 0 8px 0 0;
}

#sliding{
font-size: .8em;
background: #e7f1fa;
}

#sliding li{
padding: 5px 25px;
}

#sliding h1{
margin: 2px 0 0 0;
}

/* SEARCH */

#searchmodule {
	text-align:center;
	margin-bottom:15px;
	}
#searchmodule #googleinput {
	font-size:.825em;
	padding:3px;
	width:235px;
	margin-right:5px;
	float:left;
	margin-left:9px;
	}
#searchmodule #loginbtn {
	background: #fff url('../images/search.gif') no-repeat; 
	border: 0 none;
	padding:0 !important;
	margin:0 !important;
	color: #aaa;
	width:68px;
	height:25px;
	cursor:pointer;
	float:left;
	}


/* HEADER */

	#header{
	margin: 0 auto;
	width:990px;
	}
    .headerimages{
    margin: 20px 0 5px 0;
    float:left;
    }
    img.smartlogo {
    width: 420px; 
    height: 60px;
    padding:0 10px;
    }
    img.line{
    padding:8px 10px 0 10px;
    }
    h1.subtext,span.subtext{
    padding: 15px 0 0 10px;
    width: 240px;
    text-align: left;
    color: #cadcec;
    display: inline;
    }
    .sponsor-top{
    float: right;
    opacity: .9;
text-align:right
    }

#headwrap {

	text-align:center;
	padding:0 !important;
	min-width:990px;
	background: #445164; /* Old browsers */
	background: -moz-linear-gradient(top, #445164 0%, #11191c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#445164), color-stop(100%,#11191c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #445164 0%,#11191c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #445164 0%,#11191c 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #445164 0%,#11191c 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#445164', endColorstr='#11191C',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #445164 0%,#11191c 100%); /* W3C */
	}

/* VIDEO */

#video {
	width:336px;
	height:370px;
	background:url(../images/video_bg.gif) no-repeat !important;
	margin-bottom:15px !important;
	}
	.bc-vid {
	border:1px solid #ccc;
	padding:5px 0 10px 0;
}



/* TWITTER FEED */

#quickfeed {
	padding:0px 8px 5px 0px;
	margin:5px 0 0 0;
	font-size:.9em;
	}
#quickfeed li {
	padding:10px 3px 0 10px;
	margin:0;
	min-height:1px;
	}
#quickfeed a {
	background:#f1f1f1;
	padding:10px;
	}
#quickfeed .first {
	padding-top:0;
	}
.twitter {
	width: 327px;
	margin: 0;
	padding: 0;
	}
	

/* FURTHER READING */

#reading {
	padding:0 25px;
	font-size:.95em;
	margin:0;
	width: 285px;
	}
#reading li {
	padding:3px;
	margin:0;
	}
#reading a {
	background:#f1f1f1;
	padding:3px;
	font-size:.75em;
	}
#reading a:hover b {
	opacity: .8;
	}
#reading b {
	background:#f1f1f1;
	padding:5px;
	font-size:.95em;
	}


/* JOIN US MODULE */

#social li {
	font-size:.9em;
	}
#social li a.last {
	border-bottom: 0 none;
	}
#social li a {
	width:260px;
	margin-left:20px;
	border-bottom:1px solid #ccc;
	}
#social i {	
	margin: 0 0 0 85px;
	}
.thumb {
	margin: 0;
	padding:0;
	background: url('../images/social_dots.gif') bottom no-repeat;
	}
.thumb10 {
	background: url("../images/thumb_virtconf.jpg") 0 11px no-repeat;
	}
.thumb20 {
	background: url("../images/thumb_facebook.jpg") 0 11px no-repeat;
	padding-bottom: 35px;	
	}
.thumb30 {
	background: url("../images/thumb_newsletter.jpg") 0 11px no-repeat;
	padding-bottom: 35px;
	border-bottom:0 none;
	}


/* ADS */
.wrapper{
width:990px;
margin: 0 auto;
}
a.ad {
	margin:0 !important;
	padding:0 !important;
	}
#leaderboard{
float: left;
height:90px;
}
#leaderboard {margin:10px 0 0 0!important;}

/* SOCIAL */
.socialbox{
width: 240px;
margin:10px 0 0 15px;
color: #6585b6;
float: left;
}

.socialbox h3{
border-bottom: 1px solid #ccc;
margin: 0 0 8px 0;
}

.socialbox ul li{
display: block;
float:left;
height: 30px;
padding:0 3px;
background-position: 15px 0px !important;
}

.socialbox ul li span{
font-size: .6em;
padding:30px 0 0 0;
text-decoration: underline;
height: 60px;
float:left;
display: block;
}

.socialbox ul a{
padding: 0;
}

#icon1{
background: url('../images/icon_email.png') no-repeat;
}
#icon2{
background: url('../images/icon_rss.png') no-repeat;
}
#icon3{
background: url('../images/icon_fb.png') no-repeat;
}
#icon4{
background: url('../images/icon_twitter.png') no-repeat;
}

/* FOOTER */
/*
#footer {
	height:80px;
	line-height:30px;
	text-align:center;
	font-size:.70em;
	margin-bottom:0;
	color: #a3a4a4;
	border-top: 1px solid #a3a4a4;
	}
#spotlight {
	font-size:.825em;
	}
*/
#footer {
background:url(../images/footer-bg.jpg) repeat-x;
border:0 solid #000 !important;
color:#4d4d4d;
font-weight:700;
margin:30px 0 0!important;
padding-top:20px;
text-align:left;
font-weight:100;
/*font-size:.6em;*/
}
#footer .col {
margin:0 auto!important;
padding:5px 0 20px 0;
width:990px
}

.footerbox {
float:left;
padding:0 5px 0 15px;
}

.footerbox li img{
padding: 0;
}

.footerbox li{
font-size: .9em;
margin: 0 10px 0 0;
}
li.coltits{
width:100px !important;
margin: 0 0 0 15px;
}
.footerbox li strong {
color:#70AB2E;
font-size:.8em;
font-weight:700
}

.footerbox li a {
color:#999;
font-size:.775em;
padding:5px 5px 0 10px;
}

#copyright {
border-top:1px solid #e0e9f5;
color:#777;
font-size:.6em;
height:100px;
padding-bottom:20px!important;
padding-top:20px;
font-weight:normal;
}

#copyright a {
display:inline!important;
margin:0!important;
padding:0!important;
color:#666;
font-weight: 600;
}
	
/* RATING THUMB ICONS */

.rating {
	float:left;
	padding: 0 10px 0 0;
	vertical-align:middle;
	height:25px;
	margin-right:10px;
	background-color:none;
	}
.rating a {
	display:block;
	padding: 0;
	}
.thumbs {
	display:block;
	float:left;
	text-decoration:underline;
	font-weight:bold;
	}
li.rating, li.doc, li.filed, li.sharethis {
	background:none !important;
	}
ul.share li a {font-family:Helvetica, Arial, "Lucida Grande", sans-serif;}
ul.share li.sharethis {padding-left:23px!important; background:url('../images/sharethis.gif') no-repeat !important}
ul.share li.rating a.thumbsup {
	background:url('../images/thumbsup-off.gif') no-repeat 0 .1em !important;
	color:#999;
	padding:.2em 5px .2em 20px !important;
	}
ul.share li.rating a.thumbsup:hover {
	background:url('../images/thumbsup.jpg') no-repeat 0 .1em !important;
	color:#399300 !important;
	}
ul.share li.rating a.thumbsdown {
	background:url('../images/thumbsdown-off.gif') no-repeat .4em .1em !important;
	color:#999;
	padding:.2em 10px .2em 25px !important;
	margin-left:3px;
	margin-right:10px;
	border-right: 1px solid #ccc;
	}
ul.share li.rating a.thumbsdown:hover {
	background:url('../images/thumbsdown.jpg') no-repeat .4em .1em !important;
	color:#e72a02 !important;
	}
li.rating a {
	color:#00718f;
	}

.fixmar{
margin: 0 20px 10px 0 !important;
}

.xtraspace{
text-indent: 20px !important;
}

li.filed {
	padding-top:.2em !important;
	font-weight:normal;
	color:#666;
	}
li.filed a {
	display:inline;
	color:#999 !important;
	text-decoration:none;
	font-weight:normal;
	margin:0;
	padding:0 0 0 .2em;
	}
li.filed a:hover {
	color:#039 !important;
	opacity: .8;
	}
ul.share {
	font-weight:bold;
	color:#999;
	margin:0 20px 10px 20px;
	border-top:1px solid #ccc;
	font-size:.7em;
	padding-top:5px;
	}
li.sharethis a {
	color:#999 !important;
	text-decoration:none;
	font-weight:bold;
	margin:0 10px 0 0 !important;
	border-right: 1px solid #ccc;
	padding:.2em 10px 0 0 !important;
	}
li.sharethis a:hover {
	color:#039 !important;
	opacity: .8;
	}
ul.share img {
	padding-left:5px;
	padding-top:.1em;
	}
ul.share li {
	float:left;
	padding-top:.2em;
	background-image:none !important;
	width:auto !important;
	}
p.byline, li a.byline {
	padding:0 0 3px 0; 
	font-size:.675em; 
	color:#036;
	margin:0;
	border-bottom:1px solid #ccc;
	}
li a.byline {
position:absolute;left:215px;top:34px
}
#article p.byline {
	margin-bottom: 0 !important;
	}
#article ul.share {
	border-top:0;
	margin:0 !important;
	padding:0 !important;
	}
#article li.sharethis {
	margin-top:.4em !important;
	}
#article li.rating {
	margin-top:.2em !important;
	}
#article li.filed {
	margin-top:.4em !important;
	}
	


/**********************/
/*                    */
/*       ARTICLE      */
/*                    */
/**********************/


/* PRINT AND PDF */

#article ul.share li.doc {
	display:block;
	float:left;
	text-decoration:none;
	font-weight:bold;
	margin-top:.4em !important;
	}
#article ul.share li.doc a {
	color:#00718f;
	}
#article ul.share li.doc a.print {
	background:url('../images/print.gif') no-repeat 0 .1em !important;
	color:#999 !important;
	padding:.2em 5px .2em 20px !important;
	margin-left:10px !important;
	}
#article ul.share li.doc a.print:hover {
	color:#039 !important;
	}
#article ul.share li.doc a.pdf {
	background:url('../images/pdf.gif') no-repeat .4em .1em !important;
	color:#999 !important;
	padding:.2em 10px .2em 25px !important;
	margin-left:3px;
	margin-right:10px;
	margin-top:0 !important;
	border-right: 1px solid #ccc;
	}
#article ul.share li.doc a.pdf:hover {
	color:#039 !important;
	}
h1.first {background:none!important;font-weight:700;font-size:100%}

/* ARTICLE ROLL */
#articleroll li.first a.topstory img {
	float:right !important;
	margin-left:15px !important;
	}
#articleroll li a img {
	float:left;
	margin-right:15px;
	margin-left:0;
}
	
#articleroll li.first p.byline, #article p.byline {
	padding:0 0 3px 0; 
	font-size:.675em; 
	color:#036;
	margin:0;
	border-bottom:1px solid #ccc;
	}
#articleroll .first {
	background: #fff;
	font-size:1.2em;
	border:1px solid #ccc;
	width:628px;
	}
#articleroll p.section {
	margin:0;
	padding:0 0 3px 0;
	font-size:.675em;
	font-weight:bold;
	color:#777;
	}
#articleroll .first b {
display: inline;
font-size: 1em;
color: #444;
	}
#articleroll .first p {
	padding:13px 20px 20px 20px;
	margin:0;
	color: #555;
	line-height: 1.25em;
	font-size:.9em;
	}
#articleroll li {
	background: #e8f2fb url('../images/arrow_blue.gif') right no-repeat;
	width:100%;
	float:left;
	margin: 0 0 2px 0;
	padding:0;
	}
#articleroll li.first:hover {
	background:0 none;
	}
#articleroll li:hover {
	background: #e8f2fb url('../images/arrow_blue-over.gif') right no-repeat;
	}
#articleroll li a {
	padding-bottom:5px;
	}
#articleroll li.first p.byline, #articleroll p.byline, #articleroll li a.byline {
	border-bottom:0;
	}
#articleroll .last {
	margin-bottom:0;
	}
#articleroll u:hover {
	opacity: .9;
	}
#articleroll a:hover b {
	opacity: .9;
	}
	

	
/* NEWSLETTER SIGNUP */	

#newsletter-signup {
	border:1px solid #ccc;
	}
	
#newsletter-signup .first {
	background: #fff;
	width:628px;
	}

#newsletter-signup b {
	font-size:1.5em !important;
	line-height:1em !important;
	color: #1d52b1;	
	}
	
#newsletter-signup i {
	margin-top:16px;
	font-size:1.125em;
	font-style:normal;
	color: #000;
	}
	
#newsletter-signup .row {
 	margin:0;
	padding:0px;
	border:0px solid #ccc;
	}
	
#newsletter-signup .buttonrow {
	padding-top:10px;
	border:0px solid #ccc;
	}
	
#newsletter-signup .label {
	display:block;
	text-align:left;
    margin-bottom:5px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.875em;
	font-weight:bold;
	}
	
	
.error {
	font-size:10px;
	color:#ff0b0b;
	padding-left:5px;
}
#newsletter-signup .req {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.875em;
	font-weight:bold;
	color:#ff0b0b;
	}	
	
#newsletter-signup .inputbox { 
	border:0px solid #666;
	float: left;
	margin-bottom:10px;
	}
	
#newsletter-signup input {	
	width: 400px;
	font-size:1em;
	color: #000;
	padding: 3px;
	margin:0;
	}
	
#newsletter-signup .text_select {
    width:410px;
	padding:3px;
	font-size:1em;
	color:#000;
	}

#newsletter-signup #subscribe {
	background: #fff url('../images/subscribe.gif') no-repeat; 
	border:0px solid #666;
	padding:0 !important;
	margin-left:150px !important;
	width:98px;
	height:25px;
	cursor:pointer;
	}
	

/* MORE ARTICLES */

#morearticles {
	line-height:2em;
	height:2em;
	background: #d8e8fa !important;
	font-size: .75em;
	margin-bottom:0 !important;
	padding:5px 0 !important;
	border-bottom:3px solid #333;
	}
#morearticles b  {
	display:inline;
	margin:0;
	padding:0;
	}
#morearticles a {
	float:right;
	display:inline;
	margin:0 20px 0 0;
	padding:0 !important;
	}
#morearticles p {
	padding:0;
	margin:0 0 0 20px;
	font-weight:bold;
	color:#666;
	}
#morearticles p a {
	margin:0;
	padding:0 5px !important;
	float:none;
	color:#039;
	text-decoration:underline;
	font-weight:bold;
	}
#morearticles p a:hover {
	text-decoration:none;
	}

/* ALSO OF INTEREST */
#aoi li a img {
	float:left;
	margin-right:15px;
	margin-left:0;
}
#aoi p.byline {
	border-bottom:0 none;
	margin-top:0;
	}
#aoi b {
	font-size:1em;
	}
#aoi li a:hover b {
	text-decoration:underline;
	}
#aoi li a {
	padding-bottom:.2em !important;
	}	
#aoi li {
	background: #f1f1f1 url('../images/arrow_orange.gif') right no-repeat;
	float:left;
	margin:0 0 2px 0;
	padding:0;
	width:100%;
	}
#aoi li:hover {
	background: #f1f1f1 url('../images/arrow_orange-over.gif') right no-repeat;
}
#aoi #morearticles {
	background-color:#eaeaea !important;
	}
#aoi u {color:#2D7EAA !important}
/* ARTICLE-CONTAINER */

#article-container {
	padding:10px 20px 20px 20px;
	border:1px solid #ccc;
	font-weight:normal;
	}	
#article-container #article {
	padding-bottom:20px;
	border-bottom:1px dotted #ccc;
	}
#article-container #article li {
	margin-top:10px;
	font-size:.875em;
	color:#333;
	}
#article-container #article a {
	display:inline;
	margin:0;
	padding:0;
	}
#article-container #article h1.first {
margin:0 0 5px 0!important;padding:0!important;
line-height:100%!important;
text-transform:none;
background:none !important;
	font-size: 1.5em;
	color: #2D7EAA;
	text-decoration:none;
	}
#article-container #article u {
	text-align:right;
	font-size:10px;
	color:#666666;
	text-decoration:none;
	}
#article-container #article li.teaser {
	padding:10px 0 20px 0; 
	font-size:1.1em; 
	color:#000;
	margin:0;
	border-bottom:1px solid #ccc;
	}
#article-container #article ul.share {
	font-size:.875em;
	margin-top:0 !important;
	padding-top:0 !important;
	}
#article-container #article ul.share li.filed {
	padding-left:10px;
	}

/* ARTICLE COMMENTS */

#readercomments a {
	display:inline;
	margin:0;
	padding:0;
	}
#readercomments li {
	margin:1px 0;
	padding:10px 20px 10px 20px;
	background:#efefef;
	}
#postcomment {
	padding-top:0 !important;
	padding-bottom:0 !important;
	line-height:2em !important;
	height:2em;
	margin: 0 !important;
	background: #c9e0f9 !important;
	font-size: .75em;
	}
#postcomment a, #postcomment b {
	display:inline !important;
	margin:0 !important;
	padding:0 !important;
	}
#postcomment b  {
	padding: 0px;
	margin: 0px;
	}
#postcomment p  {
	float: right;
	padding: 0px;
	margin: 0px;
	}
.avatar {
float: left;
width: 50px;
height: 50px;
border: 1px solid #ccc;
margin: 0 15px 0px 8px;
}

.avatar:hover{
opacity: .9
}

.usercomment a {
	display:inline;
	margin:0;
	padding:0;
	}
.usercomment b {
	font-size:.925em;
	margin-bottom:0;
	padding-bottom:0;
	}
.usercomment i {
	margin-top:5px;
	}
.usercomment u {
	text-decoration:none;
	font-size: .65em;
	margin-right:8px;
	color:#666;
	font-weight:normal;
	display:block;
	}

.comment-pagination{
text-align: right;
margin: 5px 0 0 0;
}
.comment-pagination .current{
font-weight: bold;
color: white;
text-shadow: 0 1px #444;
}
.comment-pagination a{
padding: 1px 4px!important;
background: #394555;
color: #ddd;
font-size: .8em;
border-radius: 2px;
/* easing */
-webkit-transition: all 100ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 100ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 100ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 100ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
-webkit-box-shadow: 0 2px 2px -2px #111;
-moz-box-shadow: 0 2px 2px -2px #111;
box-shadow: 0 2px 2px -2px #111;
}
.comment-pagination a:hover{
background: #566983;
top:-2px;
position: relative;
color: white;
}

/* COMMENT FORM */

#postcommentform {
	border-top:1px dotted #ccc;
	padding-top: 3px;
	margin: 0px;
	}
#postcommentform h2 {
	color:#1c49aa ;
	background: #e7f2ff;
	height: 20px;
	padding: 10px 20px;
	font-weight:bold;
	font-size:1.2em;
	}
#postcommentform li {
	background:none;
	border:0 none;
	margin:0;
	padding:10px 0 0 0;
	}
#postcommentform form {
	padding: 10px 0 0 0;
	background: #e7f2ff;
	}
#postcommentform form .row {
	padding:4px 20px;
	margin:0;
	}
#postcommentform .label {
	display:block;
	width:125px;
	font-size:.8em;
	font-weight: bold;
	float:left;
	height:2em;
	line-height:2em;
	text-align:right;
	margin-right:5px;
	color:#333;
	}
#postcommentform .optional {
	text-align:left !important;
	padding-left:5px;
	font-weight:normal;
	font-size:.625em;
	}
#postcommentform .buttonrow {
	background: #c9e0f9;
	padding:8px 20px;
	margin:10px 0 0 0;
	border-top:1px solid #fff;
	border-bottom:3px solid #333;
	height:2em;
	line-height:2em;
	}
#postcommentform .submitbtn {
	margin:0 10px 0 0 !important;
	padding:0 !important;
	}
#postcommentform .inputbox {
	display:block;
	float:left;
	height:2em;
	line-height:2em;
	}
#postcommentform .textbox {
	float:left;
	padding-bottom:5px;
	}
#postcommentform .textbox textarea {
	width:400px;
	height:100px;
	}
#postcommentform textarea, #postcommentform input {
	font-size:.825em;
	padding:3px;
	}
	
	
	

div.box{
margin: 10px 0 0 0;
border-top:none !important;
border:1px solid #ccc;
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 300;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top, #f4f4f4 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f4f4 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f4f4 0%,#e5e5e5 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f4f4f4 0%,#e5e5e5 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f4f4f4 0%,#e5e5e5 100%); /* W3C */
}



div.box label {
width:100%;
display: block;
border-bottom:1px solid #ddd;
border-top: 1px solid #fff;
padding:10px 0 10px 0;
}

div.box label span {
display: block;
color:#444;
float:left;
font-weight: 600;
width:100px;
text-align:right;
padding:5px 20px 0 0;
font-size:.8em!important;
}

div.box .input_text {
outline: none;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
font-size: .9em;
color: #444;
border-radius: 3px;
padding:5px 10px;
width:200px;
background:#ddd;
border: 1px solid #aaa;
/* easing */
-webkit-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

}

div.box .message{
padding:7px 7px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
font-size: .9em;

outline: none;
border-radius: 3px;
color: #444;
width:350px;
background:#ddd;
border: 1px solid #aaa;
overflow:hidden;
height:100px;
/* easing */
-webkit-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

}

div.box .message:hover, div.box .input_text:hover{
background: #e4ebee;
-webkit-box-shadow: 0px 0px 3px #333;
-moz-box-shadow: 0px 0px 3px #333;
box-shadow: 0px 0px 3px #333;
}

div.box .button{

	margin:10px 0 10px 120px;
	padding: 5px 7px 5px;
	border: 1px solid #64a9c3;
	color: #42788e;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	font-size: .8em;
	border-radius: 4px;
	background-color: #7ad2f4;
	background-image: -webkit-gradient(linear, left bottom, left top,
	color-stop(0, rgba(0,0,0,0.1)),
	color-stop(1, rgba(255,255,255,0.1))
	);
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.1));
	background-image: 	 -moz-linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.1));
	background-image:	   -o-linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.1));
	background-image:		  linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.1));
	
	-webkit-box-shadow:
		0 2px 0 #1a74a1,
		0 5px 8px rgba(0,0,0,.35);
	-moz-box-shadow:
		0 2px 0 #1a74a1,
		0 5px 8px rgba(0,0,0,.35);
	box-shadow:
		0 2px 0 #1a74a1,
		0 5px 8px rgba(0,0,0,.35);
	-webkit-transition: -webkit-box-shadow .1s ease-in-out;
	-moz-transition: -moz-box-shadow .1s ease-in-out;
	-o-transition: -o-box-shadow .1s ease-in-out;
	transition: box-shadow .1s ease-in-out;
	/* easing */
	-webkit-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	   -moz-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	     -o-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	        transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
	
	-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}

div.box .button:hover {
	background-color: #77c9e9;

	}
div.box .button:active {


	-webkit-box-shadow: 
		0 1px 0 #1a74a1,
		0 3px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 
		0 1px 0 #1a74a1,
		0 3px 3px rgba(0,0,0,.3);
	box-shadow: 
		0 1px 0 #1a74a1,
		0 3px 3px rgba(0,0,0,.3);

}
		


div.box span{
		padding: 15px;

}			
			

/**********************/
/*                    */
/*         NAV        */
/*                    */
/**********************/


/* MENU */

#nav {
	
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-size: .85em;
	float:none;
	margin:10px 0 0 0;
	width:949px; 
	}
#nav ul, #nav ul li {

}
#nav ul li.first {
	border-left: 0 none;
}
#nav li {
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border-left: 1px solid #999;
	list-style: none;
	}

#nav a:hover {
	color: #fff;
	opacity: 1;
	}

#nav a {
	color: #fbb217;
	margin: 0;
	/* easing */
-webkit-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}

#nav a, #nav a:hover {
	padding:5px 10px!important;
}

/* ACTIVE TABS */
#technology_for_change #technology_for_change-nav,
#global_challenges #global_challenges-nav,
#smarter_strategies #smarter_strategies-nav,
#solution_center #solution_center-nav,
#tools #tools-nav,
#forums #forums-nav,
#blogs #blogs-nav,
#videos #videos-nav,
#social_business #social_business-nav,
#optimized_systems #optimized_systems-nav {
	background:#f19d1a;
	}
#technology_for_change #technology_for_change-nav a,
#global_challenges #global_challenges-nav a,
#smarter_strategies #smarter_strategies-nav a,
#solution_center #solution_center-nav a,
#tools #tools-nav a,
#forums #forums-nav a,
#blogs #blogs-nav a,
#videos #videos-nav a,
#social_business #social_business-nav a,
#optimized_systems #optimized_systems-nav a {
	color: #fff;
	}

#cloud_computing #cloud_computing-nav, 
#it_economics #it_economics-nav,
#business_agility #business_agility-nav,
#enterprise_mobility #enterprise_mobility-nav,
#biba #biba-nav,
#business_social_media #business_social_media-nav,
#solution_center #solution_center-nav,
#videos #videos-nav {
	background:#f19d1a;
}

#cloud_computing #cloud_computing-nav a, 
#it_economics #it_economics-nav a,
#business_agility #business_agility-nav a,
#enterprise_mobility #enterprise_mobility-nav a,
#biba #biba-nav a,
#business_social_media #business_social_media-nav a,
#solution_center #solution_center-nav a,
#videos #videos-nav a {
	color: #fff;
}





/**********************/
/*                    */
/*   RELATED CONTENT  */
/*                    */
/**********************/


#related-content {
	padding-left:8px;
	padding-bottom:0;
	}
#related-content a, 
#related-content h1, 
#related-content p, 
#related-content b, 
#related-content i, 
#related-content u, 
#related-content li, 
#related-content ul { /* Convert elements to boxes */
	display:block;
	}
#related-content ul, 
#related-content li {
	margin:0;
	padding:0;
	}
#related-content a {
	outline:none;
	}
* html #related-content .module { /* HACK FOR IE6 -- DO NOT TOUCH THIS */
	height:1px;
	h/eight:1px;
	}
#related-content .module {
	border:1px solid #999999;
	padding:5px;
	margin-bottom:15px; /* Horizontal Whitespace between modules */
	min-height:1px;
	display:block;
	}
	
/* TEXT STYLES */

#related-content a, 
#related-content p { /* Single Asset Container */
	color:#333;
	font-size:1em;
	text-decoration:none;
	padding: 10px 20px 10px 20px;
	font-weight:normal;
	margin:0;
	}
#related-content b { /* Headline */
	color:#036;
	font-weight:bold;
	padding-bottom:2px;
	}
#related-content i { /* Deck */
	font-style:normal;
	}
#related-content u { /* Call to Action */
	color:#036;
	font-weight:bold;
	padding-top:1px;
	font-size:.8em !important;
	}


/* ICONS */
/* ICONS */

.icon_eweek {
        background-image: url('/assets/images/related-content/icon_eweek.png');
        }
.icon_ci {
        background-image: url('/assets/images/related-content/icon_ci.png');
        }
.icon_cio {
        background-image: url('/assets/images/related-content/icon_cio.png');
        }
.icon_bsl {
        background-image: url('/assets/images/related-content/icon_bsl.png');
        }
.icon_kc {
        background-image: url('/assets/images/related-content/icon_kc.png');
        }
.icon_pc {
        background-image: url('/assets/images/related-content/icon_pc.png');
        }
.icon_video {
        background-image: url('/assets/images/related-content/icon_video.png');
        }
.icon_rev {
        background-image: url('/assets/images/related-content/icon_rev.png');
        }
.icon_ss {
        background-image: url('/assets/images/related-content/icon_ss.png');
        }
.icon_wp {
        background-image: url('/assets/images/related-content/icon_wp.png');
        }

/* TEXT STYLES */

#related-content-body {
	width:298px;
	}
#related-content-body a {
	cursor:pointer;
	}
#related-content-body b, 
#related-content i, 
#related-content u {
	float:left;
	min-height:20px;
	}
#related-content-body b { 
	font-size:1.2em;
	padding-right:50px;
	padding-top:4px;
	text-decoration:none;
	}
#related-content-body i {
	width:163px;
	padding-right:8px;
	}
#related-content-body u {
	text-decoration:none;
	}
#related-content-body a {
	height:27px;
	}


/* TABS */

#related-content-tabs a b:hover, 
#related-content-tabs li:hover a b, 
#related-content-tabs a:hover {
	text-decoration:none;
	}
#related-content-tabs {
	CLEAR: both; 
	POSITION: relative;
	WIDTH: 320px;
	HEIGHT: 27px;
	BORDER-TOP: #cccccc 1px solid; 
	background:#ccc;
	cursor:pointer;
	}
#related-content-tabs A:hover {
	BACKGROUND-COLOR: #ffffff;
	COLOR: #0000cc; 
	text-decoration:none;
	}
.rel-tab-on, .rel-tab-on A B, .rel-tab-off, .rel-tab-off A B {
	BORDER-RIGHT: #eee 1px solid !important; 
	BORDER-LEFT: #999 1px solid !important;
	padding:0 !important;
	margin:0 !important;
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none;
	LINE-HEIGHT: 26px;
	FONT-SIZE: 13px; 
	}
.rel-tab-on {
	FLOAT: left;
	WIDTH: 105px; 
	_WIDTH: 105px;
	COLOR: #0000cc; 
	BACKGROUND-COLOR: #ffffff; 
	}
.rel-tab-on A B {
	WIDTH: 105px; 
	_WIDTH: 105px;
	COLOR: #0000cc; 
	BACKGROUND-COLOR: #ffffff; 
	}
.rel-tab-off {
	BORDER-RIGHT: #eee 1px solid !important; 
	BORDER-LEFT: #999 1px solid !important;
	DISPLAY: block;
	FLOAT: left; 
	WIDTH: 104px; _WIDTH: 104px;
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #ccc; 
	}
.rel-tab-off A B {
	FLOAT: left;
	WIDTH: 104px; _WIDTH: 104px;
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #ccc; 
	}
.rel-tab-off a:hover {
	BACKGROUND: #ffffff;
	COLOR: #0000cc; 
	text-decoration:none;
	}
.rel-tab-off a:hover B {
	BACKGROUND: #ffffff;
	COLOR: #0000cc; 
	text-decoration:none;
	}
#related-content-tabs A {
	DISPLAY: inline; 
	FONT-SIZE: 13px; 
	HEIGHT: 27px
	}

/* MODULE */

#related-content { 
	POSITION: relative;
	}
#related-content-body {
	font-size:.875em;
	margin:0;
	padding:0 0 5px 0;
	CLEAR: both; 
	POSITION: relative;
	width:318px;
	border:1px solid #ccc;
	}
#related-content-bottom {
	padding:5px 5px 0 5px;
	text-align:right;
	}


/* LINK CONTAINERS */

#related-content li {
	margin:3px 5px 0 8px;
	}
#related-content li a { 
	padding:5px;
	background-repeat: no-repeat;
	background-position: 28px 3px;
	}
#Comments-Pagination{
        position:relative;
        text-align:center;
        height:30px;
        display:block;
        padding-top:5px;
        padding-left:5px;
        margin:0px;
        border:solid 1px #eef;
        background:#eef;
        }
/* Pagination */

.pagination {
        font-size: .7em;
        }
.pagination a {
    text-decoration: none;
        border: solid 1px #AAE;
        color: #15B;
        }
.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
        margin-bottom: 5px;
        }
.pagination .current {
    background: #26B;
    color: #fff;
        border: solid 1px #AAE;
        }
.pagination .current.prev, .pagination .current.next{
        color:#999;
        border-color:#999;
        background:#fff;
        }
        
/* IMAGE CAROUSEL */
/* TOP STORIES CAROUSEL */

.top-box{
height: 300px;
width: 588px;
margin: 0 0 10px 0;
border: 1px solid #ccc;
padding: 10px 20px 30px 20px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px #ddd;
-moz-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;
background: #cbdded; /* Old browsers */
background: -moz-linear-gradient(top, #cbdded 0%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbdded), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cbdded 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cbdded 0%,#f9f9f9 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #cbdded 0%,#f9f9f9 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbdded', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #cbdded 0%,#f9f9f9 100%); /* W3C */
}

.slide-content h3 a {
padding: 0;
margin: 0;
font-size: 1.3em;
font-weight: bold;
color: #222;
text-shadow: 0 1px #eee;
}

.slide-content h3 a:hover {
opacity: 1;

}

.slide-content p {
font-size: .9em !important;
}
#top-stories-carousel img {
border: 1px solid #888;
float: left;
border-radius: 3px;
}

#top-stories-carousel {
    margin-top:0px; 
    min-height:290px;
    overflow:hidden!important;
    }
    
#top-stories-carousel img {
    padding:0 8px;
    margin:0;
    -webkit-box-shadow: 0 25px 25px -25px #111;
    -moz-box-shadow: 0 25px 25px -25px #111;
    box-shadow: 0 25px 25px -25px #111;
    }
#slider1 u {
	padding-top:5px;
	font-size:.875em;
	text-decoration:none;
	margin: 0 0 5px 0;
}

.slide-content i{

	font-size: .7em;
	margin: 0 0 10px 0;
	
	color: #888;
	font-weight: bold !important;
}

.slide-content i a{

margin: 0;
padding: 0;
display: inline;
	font-weight: bold !important;
}



ul#slider1 {
	width:600px;
	height:285px!important;
	overflow:hidden!important;
}

ul#slider1,ul#slider1 li {
	padding:0!important;
	margin:0!important;
}

ul#slider1 li {
	height:285px;
	width:595px;
	overflow:hidden;
	position:relative;
}

ul#slider1 li img {
	padding:0;
	margin:0 6px;
}

.bx-prev,.bx-next {
	display:none;
}

.bx-pager {
	position:absolute;
	bottom:0;
	right:23px;
}

.bx-pager a {

	float:left;
	width:25px;
	padding:4px 0px!important;
	margin:0 2px!important;
	font-size: .8em;
	opacity: .5;
	background-color: 	hsl(0, 0%, 95%);
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .2em 2px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .2em 2px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .2em 2px; /* drop shadow */
	text-align:center;
	text-shadow:0 1px #eee;
	font-weight: 900;
	border: 1px solid #ccc;
	border-radius: 	18px;	
	/* easing */
	-webkit-transition: all 50ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	   -moz-transition: all 50ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	     -o-transition: all 50ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	        transition: all 50ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
	
	-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
	
}

.bx-pager a:hover {
	opacity: 1;
	text-shadow:0 0;
		position: relative;
	top: -2px;
}

.bx-pager a.pager-active {
	opacity: 1;
	text-shadow:0 0;
		position: relative;
	top: -2px;
	color:#1e84c6 !important;
}

.bx-pager img {
	padding:0!important;
	margin:0!important;
	border:1px solid #eee;
}

.bx-window {
	position:relative;
}

.slide-content {
	width:320px;
	position:absolute;
	right:6px;
}

h2.headline a,#slider1 u a {
	padding:0!important;
	margin:0!important;
	display:inline!important;
	font-weight: bold;
	
}
p.topstorydescription {
	display:block;
	color:#000;
	font-size:12px;
	padding:0;
	width:310px;
}

strong,b {
	font-weight:bold!important;
}

.topstoryheader{
padding: 0 !important;
margin: 0 0 0 10px !important;
font-size: 1em !important;
color: #26303a !important;
-webkit-animation: badgeSlideIn .8s ease-in;
	font-weight:bold !important;
	text-transform: uppercase;
	border-radius:3px 3px 0 0;
	margin: 0 0 -1px 0;
	height:1.8em;
	line-height:1.8em;
	padding:2px 20px;
}

@-webkit-keyframes badgeSlideIn {
        0% {
                opacity: 0;
        }
        100% {
                opacity: 1;
        }
}

.slide-content h2 {
font-size:1.4em;
font-weight:700!important;
}
.slide-content h2 a {
margin:0!important;
padding:0!important;
}

.slide-content span{
color: #888;
font-size: .7em;
line-height: 1.5em !important;
font-weight: bold;

}

.js-soc{
border-radius: 20px 3px 3px 20px;
height: 43px;
border: 1px solid #bbb;

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */



/* easing */
-webkit-transition: all 100ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 100ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 100ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 100ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
        
-webkit-box-shadow: 0 5px 5px -5px #bbb;
-moz-box-shadow: 0 5px 5px -5px #bbb;
box-shadow: 0 5px 5px -5px #bbb;
}
.js-soc:hover{
-webkit-box-shadow: 0 10px 10px -10px #444;
-moz-box-shadow: 0 10px 10px -10px #444;
box-shadow: 0 10px 10px -10px #444;
}
.js-soc:active{
-webkit-box-shadow:inset 0 5px 5px -5px #999;
-moz-box-shadow:inset 0 5px 5px -5px #999;
box-shadow: inset 0 5px 5px -5px #999;
}
.js-soc img{
float: left;
padding: 5px 15px;
margin-right:10px;
border-right: 1px solid #ccc;
}
.js-soc span{
padding:13px;
font-size: .9em;
font-weight: 900 !important;
color: #444;
text-shadow: 0 1px #eee;
display:block;
}
.js-soc a{
margin: 0;
border:0 !Important;
display:block;
width:336px;
height:50px;
}
ul#social.module a{
padding: 5px 0;
margin:5px 0;
}
/*.videoholder {height:360px!important; overflow:hidden;}*/
.see-mo{
	margin:0 !important;
	float: right;
	padding: 5px 7px 5px;
	border: 1px solid #64a9c3;
	color: #42788e;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	font-size: .8em;
	border-radius: 4px;
	background-color: #7ad2f4;
	background-image: -webkit-gradient(linear, left bottom, left top,
	color-stop(0, rgba(0,0,0,0.1)),
	color-stop(1, rgba(255,255,255,0.1))
	);
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.1));
	background-image: 	 -moz-linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.1));
	background-image:	   -o-linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.1));
	background-image:		  linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.1));
	
	-webkit-box-shadow:
		0 2px 0 #1a74a1,
		0 5px 8px rgba(0,0,0,.35);
	-moz-box-shadow:
		0 2px 0 #1a74a1,
		0 5px 8px rgba(0,0,0,.35);
	box-shadow:
		0 2px 0 #1a74a1,
		0 5px 8px rgba(0,0,0,.35);
	-webkit-transition: -webkit-box-shadow .1s ease-in-out;
	-moz-transition: -moz-box-shadow .1s ease-in-out;
	-o-transition: -o-box-shadow .1s ease-in-out;
	transition: box-shadow .1s ease-in-out;
	/* easing */
	-webkit-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	   -moz-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	     -o-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	        transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
	
	-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}

.see-mo:hover {
	background-color: #77c9e9;
	}
.see-mo:active {
	-webkit-box-shadow: 
		0 1px 0 #1a74a1,
		0 3px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 
		0 1px 0 #1a74a1,
		0 3px 3px rgba(0,0,0,.3);
	box-shadow: 
		0 1px 0 #1a74a1,
		0 3px 3px rgba(0,0,0,.3);

}

/* TWITTER FEED */
#tw-container {width:336px;}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 0px;
    line-height: 0px;
	}
#twitter a {border:0 none;}
#twitter span, #twitter img {display:block; float:left;}
#twitter img {margin-right:10px; margin-top:2px; heoght:34px; width:34px;}

#twitter, #twitter li {display:block; list-style:none; list-style-type:none; border-bottom:1px solid #efefef; padding:0; margin:0;}
#twitter {font-family:Arial, Helvetica, sans-serif; width:336px;margin-top:15px; margin-bottom:15px; margin-left:5px; height:262px!important;}
#twitter li {padding-bottom:8px; margin-bottom:8px;min-height:50px; height:auto;}
#twitter span a {display:inline; margin:0; padding:0;}
#twitter .status {width:280px; font-size:11px; color:#4d4d4d; height:40px;}
#twitter .status a {color:#4d4d4d}
#twitter .meta a:hover, #twitter .status a:hover {color:#000}
#twitter .meta a{font-size:10px; color:#999; text-decoration:none}

.twit-control a {border:0 none; margin:0; padding:0;text-decoration:none; color:#3399cc; font-family:Arial, Helvetica, sans-serif; float:left!important; width:55px;}
.twit-control a:hover {text-decoration:underline;}
.twitter-follow-button {font-size:.8em;top:10px;float:left;width:180px!important; padding-left:0!important}
.twitter-head {width:600px;}
.twitter-head img {float:left;}
.title, .follow, .twit-control {float:left;font-weight:bold;}
.follow {margin-top:5px; margin-left:10px;}
.twit-control {height:26px; line-height:26px; width:130px;}
.title{font-size:1.5em;}
.twit-control {float:right;border:0 none; margin:0; padding:0;font-size:12px; padding-top:3px;}



/* SHAREBAR */
.gig-counter-sharebar_0{ margin:0!important; }
body ul#sharebar { display: none; position: absolute; width: 85px!important; float: left; padding: 0; text-align: center; list-style: none; margin: 0; z-index: 99; }
body ul#sharebar li { display: block; margin-bottom: 5px; padding: 0; overflow: hidden; text-align: left; }
body ul#sharebarx { display: none; list-style: none; width: 100%; float: left; margin:10px 0 0; padding:0; height:30px;}
body ul#sharebarx a { line-height: 14px; text-decoration: none; }
body ul#sharebarx li { float: left; margin-right: 15px; line-height: 18px; }
body ul#sharebarx li .st_email  { margin: 0 15px !important; }
.sharebar-button { font-size: 11px; font-family: Verdana, Arial; padding: 2px 4px; background: #f7f7f7; color: #444; border: 1px solid #ddd; display: block;margin: 0 0 5px; }
.sharebar-button:hover { border-color: #aaa; }
.credit { margin: 0; padding: 0; line-height: 9px; }
.credit a { font-size: 8px; color: #ccc; text-transform: uppercase; text-decoration: none; font-family: Verdana; line-height: 9px; }
.FBConnectButton_Small{background-position:-5px -232px !important;border-left:1px solid #1A356E;}
.FBConnectButton_Text{margin-left:12px !important ;padding:2px 5px 3px !important;}
.stButton{margin:0 0 6px !important;}
.stButton:last-child {margin:0 !important;}
.stButton .stFb_vbubble { width:53px !important; }
.stButton .stFb_text { padding: 2px 5px 3px !important; margin: 1px 1px 0 14px !important; }

.st_sharethis {display:block;margin-right:8px;border-right:1px solid #ccc;padding-right:8px;}
.st_sharethis span {font-weight:700;color:#999}

/* START NEW CODE */
.videoholder {overflow:hidden;}
.see-mo{
    margin:0 !important;
    float: right;
    padding: 5px 7px 5px;
    border: 1px solid #64a9c3;
    color: #42788e!important;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
    font-size: .8em;
    border-radius: 4px;
    background-color: #7ad2f4;
    background-image: -webkit-gradient(linear, left bottom, left top,
    color-stop(0, rgba(0,0,0,0.1)),
    color-stop(1, rgba(255,255,255,0.1))
    );
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.1));
    background-image:    -moz-linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.1));
    background-image:      -o-linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.1));
    background-image:         linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.1));
    
    -webkit-box-shadow:
        0 2px 0 #1a74a1,
        0 5px 8px rgba(0,0,0,.35);
    -moz-box-shadow:
        0 2px 0 #1a74a1,
        0 5px 8px rgba(0,0,0,.35);
    box-shadow:
        0 2px 0 #1a74a1,
        0 5px 8px rgba(0,0,0,.35);
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    /* easing */
    -webkit-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
       -moz-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
         -o-transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
            transition: all 200ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
    
    -webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
       -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
         -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
            transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}

.see-mo:hover {
    background-color: #77c9e9;
    }
.see-mo:active {
    -webkit-box-shadow: 
        0 1px 0 #1a74a1,
        0 3px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 
        0 1px 0 #1a74a1,
        0 3px 3px rgba(0,0,0,.3);
    box-shadow: 
        0 1px 0 #1a74a1,
        0 3px 3px rgba(0,0,0,.3);

}

.vidgal{

}

/* SLIDESHOW 3x3 */

.threebythree{
border: 1px solid #ccc;
margin: 0 0 15px 0;
font: normal .65em "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.threebythree div{
padding: 15px 0 0 15px;
}
.threebythree a{
color: #1a74a1!important;
}
.slide-up-boxes{
padding: 10px 0 0 15px;
}

.slide-up-boxes li{
width:180px;
padding: 0 12px 15px 0; 
float: left;
}

.slide-up-boxes li a { 
    display: block; 
    padding: 0!important;
    background: rgba(215, 215, 215, 0.5); 
    border-radius: 3px;
    position: relative;
border: 1px solid #444;
    height: 140px; 
    width:180px;
    overflow: hidden; 
         /* easing */
              -moz-transition: all 0.1s ease-in-out; /* FF3.7+ */
                -o-transition: all 0.1s ease-in-out; /* Opera 10.5 */
           -webkit-transition: all 0.1s ease-in-out; /* Saf3.2+, Chrome */
                   transition: all 0.1s ease-in-out;
}

.slide-up-boxes li a:hover{
 -webkit-box-shadow: 0 5px 5px -5px #111;
    -moz-box-shadow: 0 5px 5px -5px #111;
         box-shadow: 0 5px 5px -5px #111;
z-index: 99;
cursor: pointer;
}

.slide-up-boxes li img{
max-width: none;

}

.slide-up-boxes li div { 
background: rgba(0,0,0,.8);
position: absolute; 
left:0;
top:0;
padding: 1px 3px;
color: white; 
width:auto;
opacity: 0; 
font-size: 1.1em;

 -webkit-transition: all 0.3s linear; 
    -moz-transition: all 0.3s linear; 
      -o-transition: all 0.3s linear; 
}


.vidtime, .viddate{
font:bold 10px helvetica, arial, sans-serif!important;
}
.viddate{
top:125px!important;
padding: 1px 5px 5px 0!important;
right:0;
text-align: center;
width:auto!important;
text-transform: uppercase;
}

.vidlay{
padding: 30px 55px!important;
background: rgba(0,0,0,.4)!important;
cursor: pointer!important;
}
.slide-up-boxes li a:hover div { 
opacity: 1; 
}


.slide-up-boxes li h4{
text-transform: capitalize;
padding: 10px 0 5px 0;
margin: 0;
}
.slide-up-boxes li h4 a{
font: bold 1.3em "Helvetica Neue", Helvetica, Arial!important;
cursor: pointer!important;
/* easing */
     -moz-transition: all 0.2s ease-in-out; /* FF3.7+ */
       -o-transition: all 0.2s ease-in-out; /* Opera 10.5 */
  -webkit-transition: all 0.2s ease-in-out; /* Saf3.2+, Chrome */
          transition: all 0.2s ease-in-out;
}
.slide-up-boxes li h4 a:hover, .watchnow:hover{
opacity: .8;
}

.slide-up-boxes li p{
font: normal 1.2em "Helvetica Neue", Helvetica, Arial;
margin: 0;
padding: 0;
}

a.slide-up-title{
background: none!important;
width: auto!important;
border: 0!important;
height: auto!important;
border-radius: 0;
}
a.slide-up-title:hover{
 -webkit-box-shadow: 0px 0px 0px -55555px #eee!important;
    -moz-box-shadow: 0px 0px 0px -55555px #eee!important;
         box-shadow: 0px 0px 0px -55555px #eee!important;

         cursor: pointer!important;
}

.watchnow{
height: auto!important;
width: auto!important;
background: transparent!important;
margin: 10px 0!important;
border: 0!important;
font:bold 13px helvetica!important;
padding: 0px!important;

}
.watchnow:hover{
 -webkit-box-shadow: 0px 0px 0px -55555px #eee!important;
    -moz-box-shadow: 0px 0px 0px -55555px #eee!important;
         box-shadow: 0px 0px 0px -55555px #eee!important;
}
.videoholder time{
margin: 0 5px;
color: #999;
font-size: .7em;
}
.videoholder h3{
display: inline;
font-weight: bold;
color: #1a74a1
}
.videoholder p{
margin: 5px 0;
font-size: .8em;
padding: 0;
}
/* END NEW CODE */