@charset "utf-8";
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	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;}

.divider5 {clear:both; height:5px;}
.divider10 {clear:both; margin-bottom:10px;}
.divider20 {clear:both; margin-bottom:20px;}
.divider30 {clear:both; margin-bottom:30px;}

.mR10 {margin-right:10px;}
.mT10 {margin-top:10px;}
.pL15 {padding-left:19px;}
.pL10 {padding-left:10px;}
.pL25 {padding-left:55px;}
.pL90 {padding-left:90px;}
.pR15 {padding-right:15px;}

.floatL {float:left}
.floatR {float:right}
.bold {font-weight:bold;}
#copy{text-align:center}
.Heading {font-size:22px; 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:57px;}

#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 {}
#boxLinks { 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;}

#boxFilter { width:562px; 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:block;  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:160px; color:#666666; font-family:Arial,Helvetica,sans-serif; font-size:12px;}
#keywordBox{width:262px; float:left; padding-top:6px;}

/* added by Stefano */

#place-holder-text {
    text-align:center;
    font-size:1.2em;
    font-weight:bold;
    margin:0;
}

.errorString {
    font-weight:bold;
    color:#ff0000;
}

#your-feed-preview {
    margin:0;
    margin-bottom:3px;
    font-size:1.1em;
    font-weight:bold;
}

#partnerRSSBox {
    float:left;
    margin-top:6px;
}

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

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

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

/* Button example */
#button-example {
    float:right;
    margin-right:25px
}
#click-button-text {
    float:right;
    height:120px;
    width:100px;

    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight:bold;
    text-align:center;
    color:#ffc000;
}

/* main container */
#main-container {
	width:837px;
}

#main-container-top {
	height:25px;
	background-image:url(../images/popup-base-top.png);
}

#main-container-central {
	background-image:url(../images/popup-base-middle.png);
	background-repeat:repeat-y;
	padding: 0 25px;
}

#main-container-bottom {
	background-image:url(../images/popup-base-bottom.png);
	height:25px;
}

/* more info */

#more-info-step-2 {
    padding-right:60px;
    padding-top:5px;
}

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

/* save result */
#save-result {
    text-align:center;
    font-size:1.1em;
}

/* code snipet */
#code-container {
    width:570px;
    margin: 0 auto;
    text-align:left;
}
#code-snipet {
    border:1px solid #cccccc;
    background-color:#f6f6f6;
    font-family:monospace;
    padding:10px;
}

#code-title {
    text-align:left;
}

/* close button */
#close-this {
    position: absolute;
    display:none;
    top: 20px;
    left: 785px;
    cursor:pointer;
}

/* contact us */
#contact-us {
    display:block;
    text-decoration:none;
    color:#333333;
    padding: 0 35px;
    position:relative;
    top:-6px;
}

#contact-us:hover{
    text-decoration:underline;
}