@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background-color: #066CAA;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	margin:0px;
	padding:0px;
}
.clear {clear:both; height:0px; line-height:0px; margin:0px; padding:0px;}
.clear10 {clear:both; height:10px; line-height:10px; margin:0px; padding:0px;}
.clear15 {clear:both; height:15px; line-height:15px; margin:0px; padding:0px;}
.clear20 {clear:both; height:20px; line-height:20px; margin:0px; padding:0px;}

.mR10 {margin-right:10px;}
.pL15 {padding-left:19px;}
.pL10 {padding-left:10px;}
.pL5 {padding-left:5px;}
.pL25 {padding-left:55px;}
.pR15 {padding-right:15px;}
.pR5 {padding-right:5px;}
.floatL {float:left}
.floatR {float:right}
.bold {font-weight:bold;}
#copy{text-align:center}
.Heading {font-size:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.inputField {font-size:14px;font-family:Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; border:solid 1px #0096E4; background:#F6F6F6; padding:5px;}

a {color:#368FB3; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
a:hover {color:#368FB3; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;}

#pageWrapper {MARGIN: 0px auto; width:811px;}

#header { padding-left:35px; padding-bottom:27px; padding-top:27px;}

#body { display:inline;}

#mainBox {background:#fff;}
.boxT { background:url(../images/mainBox_TM.jpg) repeat-x left top;}
.boxT div.CTL { background:url(../images/mainBox_CTL.jpg) no-repeat left top;}
.boxT div.CTR { background:url(../images/mainBox_CTR.jpg) no-repeat right top; height:15px;}

.boxM { background:url(../images/mainBox_L.jpg) repeat-y left top;}
.boxM div.Lbg { background:url(../images/mainBox_Lbg.jpg) no-repeat left top;}
.boxM div.Rbg1 { background:url(../images/mainBox_R.jpg) repeat-y right top;}
.boxM div.Rbg2 { background:url(../images/mainBoxRbg.jpg) no-repeat right top; padding:15px;}

.boxB { background:url(../images/mainBox_BM.jpg) repeat-x left top;}
.boxB div.CBL { background:url(../images/mainBox_CBL.jpg) no-repeat left top;}
.boxB div.CBR { background:url(../images/mainBox_CBR.jpg) no-repeat right top; height:15px;}

#innerBox {background:#fff; margin-left:5px;}
#innerBox div.innerBoxM {background:url(../images/innerBoxM.jpg) repeat-y left top; padding-left:15px; padding-right:15px;}

#boxBinner { background:url(../images/mainBox_BM.jpg) repeat-x left top;}
#boxBinner div { background:url(../images/mainBox_CBL.jpg) no-repeat left top;}
#boxBinner div div { background:url(../images/mainBox_CBR.jpg) no-repeat right top; height:15px;}

#feedbackBaloon {height:39px; text-align:right; margin-bottom:15px; }
#baloonFilter {position:absolute; width:81px; height:53px; margin-top:-15px; margin-left:225px;}
.baloonTwitterWidge {position:absolute; width:215px; height:66px; margin-top:-32px; margin-left:-26px;}

#content {width:700px; margin-left:20px; display:table;}

#bar1 {background:url(../images/Bar1L.jpg) no-repeat left top;}
#bar2 {background:url(../images/Bar2L.jpg) no-repeat left top;}
#bar3 {background:url(../images/Bar3L.jpg) no-repeat left top;}
.barR {background:url(../images/BarR.jpg) no-repeat right top; height:41px; line-height:41px; font-family:"Trebuchet MS", arial; font-size:18px; padding-left:55px; color:#424242; }

a.button {background:url(../images/btnGrayL.jpg) no-repeat left top; display:block; width:110px;text-decoration:none;}
a.big-button {background:url(../images/btnGrayL.jpg) no-repeat left top; display:block; width:170px;text-decoration:none;}
a.button span {background:url(../images/btnGrayR.jpg) no-repeat right top; height:42px;display:block; cursor:pointer; text-decoration:none; font-family:"Trebuchet MS", arial; font-size:16px; color:#fff; font-weight:bold; height:42px; width:110px; text-align:center; line-height:42px;}
a.big-button span {background:url(../images/btnGrayR.jpg) no-repeat right top; height:42px;display:block; cursor:pointer; text-decoration:none; font-family:"Trebuchet MS", arial; font-size:16px; color:#fff; font-weight:bold; height:42px; width:170px; text-align:center; line-height:42px;}

a.button:hover {background:url(../images/btnGrayL.jpg) no-repeat 0% 100%; display:block; width:110px;text-decoration:none;}
a.big-button:hover {background:url(../images/btnGrayL.jpg) no-repeat 0% 100%; display:block; width:170px;text-decoration:none;}
a.button:hover span {background:url(../images/btnGrayR.jpg) no-repeat right bottom; height:42px;display:block; cursor:pointer; text-decoration:none; font-family:"Trebuchet MS", arial; font-size:16px; color:#fff; font-weight:bold; height:42px; width:110px; text-align:center; line-height:42px;}
a.big-button:hover span {background:url(../images/btnGrayR.jpg) no-repeat right bottom; height:42px;display:block; cursor:pointer; text-decoration:none; font-family:"Trebuchet MS", arial; font-size:16px; color:#fff; font-weight:bold; height:42px; width:170px; text-align:center; line-height:42px;}

a.active {background:url(../images/btnGrayL.jpg) no-repeat 0% 100%; display:block; width:110px;text-decoration:none;}
a.active span {background:url(../images/btnGrayR.jpg) no-repeat right bottom; height:42px;display:block; cursor:pointer; text-decoration:none; font-family:"Trebuchet MS", arial; font-size:16px; color:#fff; font-weight:bold; height:42px; width:110px; text-align:center; line-height:42px;}

a.big-button.active {background:url(../images/btnGrayL.jpg) no-repeat 0% 100%; display:block; width:170px;text-decoration:none;}
a.big-button.active span {background:url(../images/btnGrayR.jpg) no-repeat right bottom; height:42px;display:block; cursor:pointer; text-decoration:none; font-family:"Trebuchet MS", arial; font-size:16px; color:#fff; font-weight:bold; height:42px; width:170px; text-align:center; line-height:42px;}

#boxContent {}
#feedListBox { width:100%; float:left; margin-right:10px; border:solid 0px #000; margin-left:5px;}

#title {background:#E5FFE4; border:solid 0px #000;}
#title div.titleTopL {background:url(../images/titleBarTL.jpg) no-repeat left top; text-align:left; border:solid 0px #000;}
#title div.titleTopR {background:url(../images/titleBarTR.jpg) no-repeat right top; height:5px; text-align:right;}
#title div.titleBottomL {background:url(../images/titleBarBL.jpg) no-repeat left top; text-align:left; border:solid 0px #000;}
#title div.titleBottomR {background:url(../images/titleBarBR.jpg) no-repeat right top; height:5px; text-align:right;}

#title div.titleList { padding-left:10px; padding-right:10px; padding-top:4px; height:25px; display:table; background-color:#F6F6F6; border:1px solid #e9e8e8;  padding:6px; width:96%}
div.titleList { padding-left:10px; padding-right:10px; padding-top:4px; height:25px; display:table; background-color:#F6F6F6; border:1px solid #e9e8e8; padding:6px; width:96%}
.item { float:left;}
.item a { display:block; width:135px; padding-right:5px; font-size:12px; color:#666666; margin:0px; padding-top:2px;}
.item a:hover { color:#33B0EF;}
.item a.activeLink { color:#33B0EF;}

.itemSub { float:left;}
.itemSub a { display:block; padding-left:5px; font-weight:bold; padding-right:30px; font-size:14px; color:#666666; margin:0px;}
.itemSub a:hover { color:#33B0EF;}
.itemSub a.activeLink { color:#33B0EF;}

#boxContent{ width:100%; display:table}

.row {display:inline}

#itemLinks {display:table;}
#itemLinks div.row{ height:20px; padding-left:10px; padding-right:10px; padding-top:4px;}

#links {display:inline;}
#item { padding-left:5px; padding-right:5px; }
#itemList {width:60px;}

ul.boxLnk {display:inline; list-style:none; padding:0px; margin:0px;}
ul.boxLnk li {display:inline; list-style:none;}
ul.boxLnk li a { display:inline; font-weight:bold; font-size:13px; color:#666666; padding-left:7px;  padding-right:7px; margin:0px; line-height:25px;}
ul.boxLnk li a:hover { color:#33B0EF;}
ul.boxLnk li a.activeLink { color:#33B0EF;}

#feedContentBox { width:585px; margin:auto; border:solid 0px #000;}

.formItemL {width:255px; padding-right:15px; padding-top:10px; padding-bottom:10px; text-align:right; font-size:14px;}
.formItemR {width:255px; padding-right:15px; padding-top:10px; padding-bottom:10px; text-align:left; font-size:14px;}

.cover_content_hl {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/cover_content_hl_right.jpg) no-repeat right 50%;  PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px; POSITION: absolute; HEIGHT: 64px;margin-top:-32px; margin-left:-26px;
}
.cover_content_hl_left {
	PADDING-RIGHT: 23px; PADDING-LEFT: 23px; BACKGROUND: url(../images/cover_content_hl_left.jpg) no-repeat left 50%; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 24px/55px "trebuchet MS", Arial, Helvetica, sans-serif; WIDTH: 260px; COLOR: #ffffff; PADDING-TOP: 0px; HEIGHT: 64px
}

#baloonBlue {position:absolute;  height:64px; margin-top:-32px; margin-left:-26px;}
a.baloonBlueL {background:url(../images/baloonBlueR.jpg) no-repeat right top; display:block; text-decoration:none; height:64px;}
a.baloonBlueL span {background:url(../images/baloonBlueL.jpg) no-repeat left top; height:64px;display:block; cursor:pointer; text-decoration:none; font-family:"Trebuchet MS", arial; font-size:24px; color:#fff; font-weight:normal; text-align:center; line-height:54px;}
a.baloonBlueL:hover {background:url(../images/baloonBlueR.jpg) no-repeat right bottom; display:block; text-decoration:none; height:64px;}
a.baloonBlueL:hover span {background:url(../images/baloonBlueL.jpg) no-repeat left bottom; height:64px;display:block; cursor:pointer; text-decoration:none; font-family:"Trebuchet MS", arial; font-size:24px; color:#fff; font-weight:normal; text-align:center; line-height:54px;}

#baloonGreenOps {position:absolute;  height:64px;}
a.baloonGreenOpsL {background:url(../images/baloonGreenLops.jpg) no-repeat left top; display:block; text-decoration:none; height:64px;}
a.baloonGreenOpsL span {background:url(../images/baloonGreenRops.jpg) no-repeat right top; height:64px;display:block; cursor:pointer; text-decoration:none; font-family:"Trebuchet MS", arial; font-size:24px; color:#fff; font-weight:normal; text-align:center; line-height:54px;}
a.baloonGreenOpsL:hover {background:url(../images/baloonGreenLops.jpg) no-repeat left bottom; display:block; text-decoration:none; height:64px;}
a.baloonGreenOpsL:hover span {background:url(../images/baloonGreenRops.jpg) no-repeat right bottom; height:64px;display:block; cursor:pointer; text-decoration:none; font-family:"Trebuchet MS", arial; font-size:24px; color:#fff; font-weight:normal; text-align:center; line-height:54px;}

#baloonGreenOpsSml {
	position:absolute;
	height:45px;
	margin-top:-10px;
	margin-left:255px;
	left: 529px;
	top: 437px;
}
span.baloonGreenOpsSmlL {background:url(../images/baloonGreenLopsSml.jpg) no-repeat left top; display:block; text-decoration:none; height:45px;}
span.baloonGreenOpsSmlL span {background:url(../images/baloonGreenRopsSml.jpg) no-repeat right top; height:45px;display:block; cursor:pointer; text-decoration:none; font-family:"Trebuchet MS", arial; font-size:20px; color:#fff; font-weight:normal; text-align:center; line-height:40px;}
span.baloonGreenOpsSmlL:hover {background:url(../images/baloonGreenLopsSml.jpg) no-repeat left bottom; display:block; text-decoration:none; height:45px;}
span.baloonGreenOpsSmlL:hover span {background:url(../images/baloonGreenRopsSml.jpg) no-repeat right bottom; height:45px;display:block; cursor:pointer; text-decoration:none; font-family:"Trebuchet MS", arial; font-size:20px; color:#fff; font-weight:normal; text-align:center; line-height:40px;}

#footer { font-size:9px; color:#FFFFFF; text-align:center;}
#footer a { font-size:9px; color:#FFFFFF;}
#footer a:hover { font-size:9px; color:#FFFFFF;}
.newFeed{width:196px; margin-left:120px; color:#666666; font-family:Arial,Helvetica,sans-serif; font-size:12px;}

#keywordBox{width:262px; float:left; padding-top:6px;}

/* added by Stefano */
.feed-type-title { font-weight:bold; }

.feed-item { display:inline; float:left; width:24%}

/*
#feed-content {
    width: 560px;
    height:150px;
    border:1px solid #0096e4;
    background-color:#f6f6f6;
    overflow:auto;
}*/

#feed-content {
    width: 534px;
    height:140px;
    background-image:url(../images/feed-preview-back.png);
    border:none;
    overflow:auto;
    padding:5px;
    padding-left:45px;
    font-size:1.1em;
    position:relative;
    left:-35px;
}

#feed-content p {
    font-weight:bold;
    margin: 10px 0 0 10px;
}

#feed-content a {
    margin: 0 0 0 10px;
    color:#0000ee;
}

.subCategoryLink {
    cursor:pointer;
}

.feedLink {
    color:#666666;
}

.feedLink.activeLink { 
    color:#5ab0f2;
}

#customRSSBox {
    float:left;
    padding-top:6px;
}

#presetFeedContainer {
    float:left;
    width:480px;
}

#customFeedContainer {
    float:left;
    width:180px;
}

#separator {
    float:left;
    margin-top:20px;
    height:100px;
    width:30px;
    border-left:2px solid #888888;
}

a.hidden {
    display:none;
}

#toggleButtons {
    display:block;
    width:110px;
    height:41px;
    cursor:pointer;
    color:#5bb95b;
    font-weight:bold;
}

#toggleButtons:hover {
    text-decoration:underline;
}
#toggleButtons span{
    font-size:1.2em;
    
    display:block;
    margin-top:12px;
    text-align:center;
}

#header-subtitle {
    font-family:Arial;
    font-weight:bold;
    font-style:italic;
    font-size:18px;
    width:500px;
    text-align:left;
    padding-left:55px;
    color:#FFFFFF;
    position:relative;
    top:-7px;
}

#more-info {
    position:absolute;
    display:none;
    top:80px;
    left:870px;
}

/* Auto tweet our feed top button */
#auto-tweet-our-feed {
    float:right;
    margin-top:10px;
}

#auto-tweet-our-feed-button {
    display:block;
    text-decoration:none;
    color:#424242;
    background-image:url(../images/auto-tweet-our-feed.png);
    width:88px;
    height:99px;
    float:right;
    font-family:"Trebuchet MS";
    font-weight:bold;
    font-size:24px;
    padding-top:2px;
    text-align:center;
    cursor:pointer;
}

#auto-tweet-our-feed p {
    display:none;
    float:right;
    padding:25px 8px 0 0;
    color:#00b050;
    font-weight:bold;
}

#auto-tweet-our-feed {
    float:right;
    cursor:pointer;
}

/* pop up section */

#open-settings {
    
}

#background-pop-up{
    display:none;
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:1;
}
/* Settings pop up */
#settings-pop-up {
    display:none;
    position:fixed;
    width:837px;
    height:800px;
    z-index:2;
}

#settings-pop-up iframe {
    width:100%;
    height:100%;
    overflow:auto;
    border:none;
}

/* Settings pop up */
#partner-pop-up {
    display:none;
    position:fixed;
    width:837px;
    height:1000px;
    z-index:3;
}

#partner-pop-up iframe {
    width:100%;
    height:100%;
    overflow:auto;
    border:none;
}