@font-face {
    font-family: 'Sintony-Regular';
	src: url('/css/new/fonts/Sintony/Sintony-Regular.eot?');
	src: url('/css/new/fonts/Sintony/Sintony-Regular.eot?#iefix') format('embedded-opentype');
    src: url('/css/new/fonts/Sintony/Sintony-Regular.woff') format('woff');
	font-weight: normal;
    font-style: normal;	 	 
}

@font-face {
    font-family: 'Sintony-Bold';
    src: url('/css/new/fonts/Sintony/Sintony-Bold.woff') format('woff');
	font-weight: normal;
    font-style: normal;	 	 
}

@font-face {
    font-family: 'VAGROUNB';
	src: url('/css/new/fonts/Vagroun/VAGROUNB.eot?#iefix') format('embedded-opentype');
    src: url('/css/new/fonts/Vagroun/VAGROUNB.woff') format('woff'),
		 url('/css/new/fonts/Vagroun/VAGROUNB.otf');
	font-weight: normal;
    font-style: normal;	 	 
}

@font-face {
    font-family: 'VAGROUNL';
	src: url('/css/new/fonts/Vagroun/VAGROUNL.eot?#iefix') format('embedded-opentype');
    src: url('/css/new/fonts/Vagroun/VAGROUNL.woff') format('woff'),
		 url('/css/new/fonts/Vagroun/VAGROUNL.otf');
	font-weight: normal;
    font-style: normal;	 	 
}

@font-face {
    font-family: 'VAGROUNT';
	src: url('/css/new/fonts/Vagroun/VAGROUNT.eot?#iefix') format('embedded-opentype');
    src: url('/css/new/fonts/Vagroun/VAGROUNT.woff') format('woff'),
		 url('/css/new/fonts/Vagroun/VAGROUNT.otf');
	font-weight: normal;
    font-style: normal;	 	 
}

@font-face {
    font-family: 'VAGROULN';
	src: url('/css/new/fonts/Vagroun/VAGROULN.eot?#iefix') format('embedded-opentype');
    src: url('/css/new/fonts/Vagroun/VAGROULN.woff') format('woff'),
		 url('/css/new/fonts/Vagroun/VAGROULN.otf');
	font-weight: normal;
    font-style: normal;	 	 
}

@font-face {
    font-family: 'VAGROUN1';
	src: url('/css/new/fonts/Vagroun/VAGROUN1.eot?#iefix') format('embedded-opentype');
    src: url('/css/new/fonts/Vagroun/VAGROUN1.woff') format('woff'),
		 url('/css/new/fonts/Vagroun/VAGROUN1.otf');
	font-weight: normal;
    font-style: normal;	 	 
}

#bd-wrapper {
	margin-top:-18px;
	margin-bottom: none;
	/*background: none repeat scroll 0 0 #F5F5F5;*/
	background-image: url("http://www.sharethis.com/wp-content/uploads/2013/03/bg-advertise-hero-tile.gif");
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	/*width: 899px;
	padding:20px;*/
	position:relative;
	overflow:visible;
	color: #666666;
}

div > p {
	font-size: 0.8em;
}

#bd-wrapper h1 {
    font-family: AvenirLTStd-Medium;
    font-size: 19px;
	padding-bottom: 11px;
}

#bd-wrapper .linksDiv h1 {
    font-size: 1.3em;
    height: 15px;
}

.pageChooser {
	display:none;
	/*background: none repeat scroll 0 0 #F4F2F3;*/
	clear:both;
	/*margin-top: -25px;*/
	/*padding-top: 5px;*/
	padding-top: 2px;
}

.configChooser {
	display:none;
	clear:both;
	color: #7F8084;
	/*padding: 10px 30px 0;*/
}

.configChooser h1 {
    font-size: 2em;
    min-height: 35px;
    padding-top: 3px;
}

.configChooser h2 {
	font-size: 1.4em;
    color: #FF6E00;
    margin: 2% 0 1%;
}

.bars {
	display:none;
	margin-left:25px;
}

.hcountStyle div div, .vcountStyle div div, .chickletStyle div div {
	margin: 15px;
    padding: 30px;
    text-align: center;
}

.hcountStyleButtonImg {
	margin-top: 45px;
}

.vcountStyleButtonImg {
	margin-top: 20px;
}

.chickletStyleButtonImg {
	margin-top: 35px;
	margin-left: 8px;
}

.hoverbarStyleButtonImg {
	margin: 11px 10px 0;
	height: 70px;
}

.pulldownStyleButtonImg {
	margin: 8px 10px 0;
	height: 70px;
}

.sharebarStyleButtonImg {
	/*margin-top: 10px;*/
	margin: 10px 0px -7px;
	height: 75px;
}
	
.featuredStyleButtonImg {
	/*margin-top: 10px;*/
	margin: 10px 0px -7px;
}

.pageHeading {
	padding: 25px 100px 0px;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.5em;
}

.pageHeading2 {
	font-size: 1em;
}
.theme{
    color: #4D585B;
    font-family: VAGROUNB;
    font-size: 16px;
    margin-bottom: 2px;
}

.theme2{
    font-size: 1em;    
	margin-bottom: 7px;
}
/*#navLinks.linksDiv, #destLinks.linksDiv {
    margin-top: 5px;
	width: 50%;
	margin: 0px auto;
}*/

#styleLinks.linksDiv {
	margin-top: 15px;
	text-align: center;
}

#styleLinks .makeHori {
	width: 963px !important;
}

#styleLinks h1 {
	width: 304px !important;
	text-align: center;
	display: inline-block;
	padding: 0 20px;
}

#styleLinks ul {
	width: 304px;
	display: inline-block;
	padding: 0 20px;
}

#navLinks {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

#navLinks ul li {
/*    background: -moz-linear-gradient(top, #F4F2F3 0%, #DBD9DA 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F2F3), color-stop(100%,#DBD9DA));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F2F3', endColorstr='#DBD9DA',GradientType=0 );
    border-radius: 15px 15px 0 0;
    color: #006FBB;
    cursor: pointer;
    float: left;
    font-size: 1.3em;
    padding: 20px 0;
    text-align: center;
    width: 288px;*/
	/*background: none repeat scroll 0 0 #BDC5C7;*/
    cursor: pointer;
    float: left;
    font-size: 15px;
/*    width: 130px;
    text-align: center;	
	padding-top:5px;
	padding-bottom:5px; */
	border-radius: 4px 4px 4px 4px;
	font-family: Sintony-Regular;
	height: 38px;
	padding-left: 29px;
	padding-right: 29px;
	position: relative;
	top: 28px;
	color: #555F64;
	/*box-shadow: -4px 2px 4px -3px grey;*/
}

#navLinks ul li.tab {
	/*margin-right: 16px;*/
/*	position: relative;
	top: 11px;*/
}

#navLinks ul li:hover {
/*    background: none repeat scroll 0 0 #D3D3D3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D3D3D3), color-stop(100%,#D3D3D3));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D3D3D3', endColorstr='#D3D3D3',GradientType=0 );*/
}

#navLinks ul li.selected {
/*    background: none repeat scroll 0 0 #F4F2F3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F2F3), color-stop(100%,#F4F2F3));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F2F3', endColorstr='#F4F2F3',GradientType=0 );
    color: #F76216;*/
	background: none repeat scroll 0 0 #01bf01;
    color: white;
	top: 18px;
	height: 48px;
	/*box-shadow: 5px 2px 4px -3px grey;
	z-index: 10000;*/
}

#tabsContainer {
	width: 100%;
	height: 48px;
	margin: 0 auto !important;
	padding: 0 !important;
	position: relative;
	top: 8px;
}
#tabsContainer ul {
	height: 48px;
	width: 654px;
	margin: 0 auto;
}
#tabsContainer ul li {
	width: 160px; /* 218 x 48 with padding etc */
	text-align: center;
}

#tabSelectorDownArrowImageHolder {
	width: 654px;
	margin: 0 auto;
	padding: 0;
    position: relative;
	top: 18px;
	left: 0;
}

.tabSelectorDownArrowImage {
	background: url("/images/new_website/green_arrow_down.png") repeat scroll 0 0 transparent;
    height: 8px;
    width: 19px;
    position: relative;
    top: 0;
    left: 105px;
}

.tabStep1 { background: none repeat scroll 0 0 #C7CDCD;}
.tabStep2 { background: none repeat scroll 0 0 #B7BFC1; /*z-index: 10000;*/}
.tabStep3 { background: none repeat scroll 0 0 #D3D8DB;}

.tabStep4{
	display: none;
	background: none repeat scroll 0 0 #B7BFC1;
}

#tabMoreInfo{
    color: #555F64;
    font-family: Sintony-Regular;
    font-size: 15px;
}

#destLinks {
	/*margin: 0px 101px;*/
	width: 939px;
}

#destLinks a {
    display: block;
   /*height: 100%;*/
}

#destLinks ul {
	height: 136px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#destLinks ul.row2 {
	margin-top: 40px;
}

.stepMsg {
	text-align: center;
	margin-top: 20px;
	font-size: 18px;
}

#destLinks img {
/*    height: 40px;
    width: 40px;
	margin: 13% 20% 12%;*/
	height: 105px;
	width: 105px;	
    margin: 11% 18% 4%;
}

#destLinks li > a span {
    position: relative;
    top: 5px;
    color: #4D4D4D;
    display: block;
}

#destLinks ul li, #styleLinks ul li {
	background-color: #F4F5F6;
/*    background: url("/images/Gradient_Default.jpg") repeat scroll 0 0 transparent; */
    /*border: 2px solid lightgrey;*/
/*	background: url("/images/new_website/box-inactive.png") repeat scroll 0 0 transparent; */
    border-radius: 2px 2px 2px 2px;
    float: left;
    text-align: center;
    cursor: pointer;
	position: relative;
/*	z-index: 999;  hiding stepToolTipsContent */
}

.platformBoxReflection {
    height: 100px !important;
    left: -32px;
    position: relative;
    top: -25px;
    width: 164px !important;
}

#destLinks ul li.unselected {
/*	background: url("/images/new_website/box-inactive.png") repeat scroll 0 0 transparent; */
	box-shadow: 3px 3px 3px #CCC;
/*	box-shadow: 
		0 0 0 1px #CCC,
		0 0 0 2px #AAA,
		0 0 0 3px #999;
*/
}

li.linkButtonList {
	background-color: transparent !important;
	box-shadow: none !important;
}

li.linkButtonList .linkButton {
	margin: 0 !important;
	position: relative !important;
	top: 30px !important;
	right: -50px !important;
	box-shadow: none !important;
}

#destLinks ul li.unselected:hover {
	background-color: #FFF;
}

#destLinks ul li.selected, #destLinks ul li.selected:hover {
/*	box-shadow: none;
	border-radius: 5px 5px 5px 5px;
	background: url("/images/new_website/box-active.png") repeat scroll 0 0 transparent; */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
    border: 3px solid #01BF01;
	background-color: #FFF; /* WAS f4f5f6 */
}

#styleLinks ul li { 
	box-shadow: 3px 3px 3px #CCC;
/*	background: url("/images/new_website/box-inactive_step2.png") repeat scroll 0 0 / 303px 110px transparent; */
}

#styleLinks ul li.selected, #styleLinks ul li.selected:hover {
/*	background: url("/images/new_website/box-active_step2.png") repeat scroll 0 0 / 305px 109px transparent;*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
    border: 3px solid #01BF01;
	background-color: #FFF;    
}

/*
#styleLinks ul li.selected {
	background: url("/images/new_website/box-active_step2.png") repeat 0 0;
	background-size: 305px 109px;
	background-color: transparent;
	background-attachment: scroll;
	
}*/

#styleLinks ul li:hover {
	background-color: #FFF;
}

#styleLinks ul li.active {
	background-color: #FFF;	
}

#styleLinks {
	margin: 0 24px;
}

.wholeBubble {
	clear: both;
	*clear: none;
    position: absolute;
    height: 210px;
    display: none;
    left: 50px;
}

.bubble {
	background-image: url("/images/new/get-sharing-tools/TOOLTIP_Bubble.png");
	clear: both;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 0.8em;
    height: 217px;
    width: 839px;
    display: block;
}

.hcountStyleBubble {
	background-image: url("/images/new/get-sharing-tools/PREVIEW_Horz.png");
    display: inline-block;
    float: right;
    height: 22px;
    width: 473px;
    margin: 84px 45px 70px 35px;
}

.vcountStyleBubble {
    background-image: url("/images/new/get-sharing-tools/PREVIEW_Vert.png");
    display: inline-block;
    float: right;
    height: 68px;
    margin: 64px 65px 55px 60px;
    width: 348px;
}

.chickletStyleBubble {
	background-image: url("/images/new/get-sharing-tools/PREVIEW_Chicklets.png");
    display: inline-block;
    float: right;
    height: 76px;
    width: 351px;
    margin: 60px 65px 55px 60px;
}

.sharebarStyleBubble {
	background-image: url("/images/new/get-sharing-tools/PREVIEW_ShareBar.png");
    display: inline-block;
    float: right;
    height: 184px;
    width: 437px;
    margin: 2px 33px 2px 20px;
}

.hoverbarStyleBubble {
	background-image: url("/images/new/get-sharing-tools/PREVIEW_Hover.png");
    display: inline-block;
    float: right;
    height: 188px;
    width: 437px;
    margin: 15px 33px 15px 20px;
}

.pulldownStyleBubble {
	background-image: url("/images/new/get-sharing-tools/PREVIEW_Pulldown.png");
    display: inline-block;
    float: right;
    height: 188px;
    width: 438px;
    margin: 15px 33px 15px 20px;
}	

.bubbleTop {
	/*For original layout*/
	/* top: 231px;
	*top: 250px; */
	/*For featured layout*/
	top: 284px;
	*top: 303px;
}

.bubbleBottom {
	/*For original layout*/
	/* top: 425px;
	*top: 440px; */
	/*For featured layout*/
	top: 464px;
	*top: 484px;
}

.bubbleBottom2 {
	top: 463px;
	*top: 483px;
}

.bubbleFeatured {
	top: 468px;
	*top: 485px;
}

.bubbleArrow {
	background-image: url("/images/new/get-sharing-tools/TOOLTIP_Bubble_Arrow.png");
    height: 25px;
    left: 110px;
    position: relative;
    width: 45px;
    top: -16px;
	display: none;
}

.bubbleArrowTop {
	/* -webkit-transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); */
	/* 0deg: 0, 90deg: 1, 180deg: 2, 270deg: 3 */
	
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    top: -16px;
}

.bubbleArrowBottom {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    top: -236px;
}

.styleBubbleBody {
	padding-left: 34px;
	padding-top: 40px;
}

.styleBubbleBodyBars {
	padding-top: 23px;
}

.chickletStyleArrow, .hoverbarStyleArrow, .featuredStyleArrow2 {
	left: 110px;
}

.hcountStyleArrow, .sharebarStyleArrow, .featuredStyleArrow  {
	left: 376px;
}

.vcountStyleArrow, .pulldownStyleArrow {
    left: 650px;
}

.destLink {
	margin: 5px 12px 10px;
	height: 136px;
	width: 160px;
}

.hoverState {
    position: absolute;
	display: none;
	padding: 30px 8px 15px;
	width: 291px;
	color: white;
	font-size: 0.75em;
	text-align: left;
	z-index: 999;
	font-family: Sintony-Regular;
	
}

.hoverState2 {
	height: 109px;
    width: 304px;
    position: absolute;
    display: none;
    border-radius: 5px 5px 5px 5px;
    background: #000000;
    opacity: 0.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	z-index: 999;
}

.styleLink {
	background: none repeat scroll 0 0 #D3D3D3;
	margin-top: 25px;
	color: #006FBB;
/*	height: 119px;
	width: 263px;*/
	height: 108px;
	width: 304px;
}

#styleView {
    clear:both;
    margin: 20px 35px 0;
    background: none repeat scroll 0 0 lightgray;
    border: 2px solid gray;
    border-radius: 2px 2px 2px 2px;
}

div.linkButton {
	/*text-align: center;*/
	clear: both;
	/*padding: 43px 0 50px 0;	*/
	/**padding: 23px 0 50px 0;*/
	position: relative;
	/*top: -15px;*/
	height: 76px;
	background: #E9EAEC;
}

div.linkButton a.linkButtonRight, div.linkButton span.linkButtonRight {
	float:right;
/*	margin-right:2.5%; */
}

div.linkButton a.linkButtonLeft {
	float:left;
	margin-left:25px; 
}

span.linkButton {
    color: #1f2b33;
    cursor: pointer;
    display: inline-block;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
	font-family: VAGROUNL;
}

span.linkButtonHover {
	/*color: #F76216;*/
}

.getCodeButtonWrapper {
	clear: both;
	width: 100%;
	height: auto !important;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	font-family: Sintony-Regular;
	color: #47545D;
	margin: 30px 0 45px 0;
}

.getCodeButtonWrapper span {
	display: inline;
}

#getCodeButtonWrapperBottom a {
	color: #00BF00 !important;
}

#getCodeButtonWrapperBottom {
	background-color: #F1F2F2;
	padding: 20px 10px;
	margin: 0 !important;
}

#getCodeButtonWrapperBottom span {
	display: block;
}

#getCodeButtonWrapperBottom #getCodeButton {
	margin: 0 auto !important;
	margin-bottom: 15px !important;
}

.getCodeButtonWrapper .getCodeButton {
	margin: 0 15px;
}

span.arrow {
    display: inline-block;
    height: 25px;
    vertical-align: middle;
    width: 25px;
	margin-left: 3px;
	margin-right: 2px;
}

span.arrowRight {
	/*background: url("/images/new/get-sharing-tools/Arrow_Sprite_R.png") no-repeat scroll 0 1px transparent;*/
	background: url("/images/new_website/arrow-right-green-circle.png") no-repeat scroll 0 0 transparent;
}

span.arrowLeft {
	background: url("/images/new/get-sharing-tools/Arrow_Sprite_L.png") no-repeat scroll 0 1px transparent;
}

span.arrowHover {
	/*background-position: 0 -25px;*/
}

.selectorBorderBox {
	border: solid 1px #B7BFC1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 19px 15px;
}

.inputCheckboxWrap input {
	width: 10%;
	float: left;
	margin-left: 0 !important;
}

.inputCheckboxWrap label {
	width: 90%;
	float: right;
	margin-left: 0 !important;
}

#selectDockingPosition {
	display: block !important;
}

.selectSizeType, .selectDockingPosition {
	display: none;
	background-color: #FFF;
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 22px;
}

.selectSizeType .selectorBorderBox, .selectDockingPosition .selectorBorderBox {
	height: 84px;
}

.selWrap {
	margin: 0 auto;
	width: 50%;
}

#selectSizeType .selWrap {
	margin: 0 auto;
	width: 50%;
}

#selectDockingPosition .selWrap {
	margin: 0 auto;
	width: 25%;
}


/*
.selectSizeType label {
	margin-right: 31px;
	font-size: 0.8em;
	font-family: VAGROUNB !important;
	font-size: 16px;
	color: #4D585B;
}
*/

/*
.selectSizeType div {
	display: inline;
    font-size: 0.8em;
    margin-left: 115px;
	position: absolute;
}
*/

/*
.selectSizeType div label {
	padding-left: 5px;
	font-size: 1em !important;
}
*/

.selectSizeType input:checked + label, .copyNShareCheckBoxes input:checked + label, .selectDockingPosition input:checked + label {
	color: #000 !important;
}


/* Buttons */
.copyNShareCheckBoxes {
	background-color: #FFF;
	font-size: 12px;
	line-height: 15px;
}

.copyNShareCheckBoxes .selectorBorderBox {
	height: 118px;
}

/*
.copyNShareCheckBoxes label {
	margin-right: 31px;
	font-size: 0.8em;
}
*/

/*
.copyNShareCheckBoxes div {
	display: inline;
    font-size: 0.8em;
    margin-left: 32px;
	position: absolute;
}
*/

/*
.copyNShareCheckBoxes div label {
	padding-left: 10px;
	font-size: 12px !important;
	color: #333333;
}
*/

/* HoverBar */

.copyNShareCheckBoxes_hoverBar{
	margin-top:15px;
	margin-bottom:30px;
}
.copyNShareCheckBoxes_hoverBar label {
	margin-right: 31px;
	margin-left: 0 !important;
    margin-right: 31px;
}

.copyNShareCheckBoxes_hoverBar div {
/*    display: block;
    position: relative;		
    left: 12px;
	top: 9px;
	font-size: 12px;
	color: #333333;
	font-family: Sintony-Regular;
	z-index: 1;*/
	color: #333333;
    display: inline;
    font-family: Sintony-Regular;
    font-size: 12px;
    margin-left: -182px;
    margin-top: 27px;
    position: absolute;
    z-index: 1;
}

.copyNShareCheckBoxes_hoverBar div label {
	padding-left: 10px;
	font-size: 1em !important;
}

/* shareBar */

.copyNShareCheckBoxes_sharebar{
/*	margin-top:30px;
	margin-bottom:30px;
	margin-left: 200px;*/
	margin: 40px auto;
	width: 569px;
}
.copyNShareCheckBoxes_sharebar label {
	margin-right: 31px;
	margin-left: -4px !important;
    margin-right: 43px;
	/*font-family: VAGROUNB;*/
	font-size: 16px;
	color: #4D585B;
}

.copyNShareCheckBoxes_sharebar div {
	display: inline;
    margin-left: 16px;
	position: absolute;
	color: #333333;
    font-family: Sintony-Regular;
    font-size: 12px;	
	margin-top:29px;
}

.copyNShareCheckBoxes_sharebar div label {
	padding-left: 10px;
	font-size: 1em !important;
}

/* pulldownBar */

.copyNShareCheckBoxes_pulldownBar{
/*	margin-top:30px;
	margin-bottom:30px;*/
	margin: 43px auto 0;
	width: 565px;
	font-family: Sintony-Regular;
}
.copyNShareCheckBoxes_pulldownBar label {
	margin-right: 31px;
	margin-left: 0 !important;
    margin-right: 31px;
}

.copyNShareCheckBoxes_pulldownBar div {
	display: inline;
    margin-left: 15px;
	position: absolute;
	margin-top: 5px;
	color: #333333;
}

.copyNShareCheckBoxes_pulldownBar div label {
	padding-left: 10px;
	font-size: 1em !important;
}

.pulldown_label{
left: 5px\0;
 position: relative\0; 
 top: -15px\0;
}
. ie10 .pulldown_label{
left: 5px;
 position: relative; 
 top: -15px;
}


#pulldown_getbar .lookDiv {

}

#sharebar_selectTrendType label {
	margin-right: 50px;
}

.selectSizeType input, .selectDockingPosition input {
	margin: 0 5px 0 0;
}

#picker {
	margin: 0;
	padding: 0;
	width: 574px; /* matches stp_background */
	float: left;
}

.pickerBottomPad {
	clear: both;
	width: 100%;
	height: 25px;
}

#selector {
	font-family: Sintony-Regular;
	margin: 0;
	margin-left: 70px; /* matches width of arrow column */
	padding: 0;
	width: 252px;
	float: right;
}

.configWrapper {
	width: 896px; /* 893 in psd */
	position: relative;
	margin: 0 auto;
/*	min-height: 600px; */
/*	background-color: #FCC; */
}

#hoverbarPicker, #sharebarPicker, #pulldownPicker {
	font-size: 1.2em;
	/*margin-bottom: 20px;*/
}

#preview {
	margin-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	min-height: 36px;
}

div.getCodeButton {
	text-align: center;
	clear: both;
	padding: 0 30px 30px;	
}

.previewBox {
    background: none repeat scroll 0 0 white;
    border: 1px solid lightgray;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 3px 3px 5px #888;
	-webkit-box-shadow: 3px 3px 5px #888;
    box-shadow: 3px 3px 5px #888;
    margin: 20px 0 4px 0;
    padding: 10px;
    text-align: center;
    width: 98%;
}

.disabled {
	opacity: 0.5;
}
	
span.getCodeButton {
/*	font-size:1em;
	width:220px;
	text-align:center;
	color:white;
	padding:5px 10px;
	background:	#119966;
	border:1px solid #008855;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;	
	
	background: #119966;
	background: -moz-linear-gradient(top, #119966 0%, #056D2D 48%, #008553 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#119966), color-stop(48%,#056D2D), color-stop(100%,#008553));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#119966', endColorstr='#008553',GradientType=0 ); 
	
	cursor: pointer;
	text-decoration: none;
	display: inline-block;*/
	
    background: none repeat scroll 0 0 #01BF01;
    border-radius: 4px 4px 4px 4px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: VAGROULN;
    font-size: 18px;
    line-height: 37px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 154px; /* total is 154px */
}

span.getCodeButton:hover {
    background-color: #00e100;
/*    border-radius: 4px 4px 4px 4px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: VAGROULN;
    font-size: 18px;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    width: 225px; */
	
/*	background: #22aa77;
	border:1px solid #119966;	
	color:white;
	
	background: #008553; 
	background: -moz-linear-gradient(top, #008553 0%, #056D2D 48%, #119966 94%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008553), color-stop(48%,#056D2D), color-stop(94%,#119966)); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008553', endColorstr='#119966',GradientType=0 );*/
}

a {
	cursor: pointer;
	text-decoration: none;
	color:#2288BB;
}

.show {
	display: block;
	/*background: none repeat scroll 0 0 #BDC5C7;*/
}

#getbutton, #getcode, #colorbox
{
	color: #7F8084;
	font-size:0.8em;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote 
{
	margin:0;
	padding:0;
}

.sts-dn
{
	display:none !important;
}

.sts-db
{
	display:block !important;
}

.sts-dib
{
	display:inline-block !important;
}

.sts-fr
{
	float: right !important;
}

.sts-fl
{
	float: left !important;
}

.sts-oh
{
	overflow: hidden !important;
}

.sts-cb
{
	clear: both !important;
}

.sts-mz
{
	margin: 0 !important;
}

.sts-pz
{
	padding: 0 !important;
}

fieldset,img 
{
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var 
{
	font-style:normal;
	font-weight:400;
}

h1,h2,h3,h4,h5,h6 
{
	font-size:100%;
	font-weight:400;
}

abbr,acronym 
{
	border:0;
	font-variant:normal;
}

input,textarea,select 
{
	font-family:Sintony-Regular;
	/*font-weight:inherit;*/
	font-size:100%;
}

body
{
	width: 100%;
	margin: 0 0 5%;
}

#getbutton h1, #getcode h1, #colorbox h1
{
	font-size: 2em;
	min-height: 35px;
	padding-top: 3px;
	padding-left: 0.5%;
	-moz-box-shadow: 1px 1px 12px #AAA;
	-webkit-box-shadow: 1px 1px 12px #AAA;
	box-shadow:1px 1px 12px #AAA;
}

#getbutton h2, #getcode h2, #colorbox h2
{
	font-size: 1.4em;
}

#getbutton h3, #getcode h3, #colorbox h3
{
	font-size: 1.2em;
}

li h3
{
	margin: 3% 6% 5% 0;
	display:inline-block;
	font-size:1.1em;
	font-weight:bold;
}

li > div > h3
{
	margin: 0px 0px 22px 22px;
	padding: 3px 5px;
	font-weight:bold;
}

#getbutton h1, #getcode h1, #colorbox h1
{
	border-bottom:1px solid #eee;
	display:inline-block;
	padding-right:1%;
	padding-left:7px;
}

#getbutton h2, #getcode h2, #colorbox h2
{
	border-bottom:none;
	color: #FF6400;
}

.containerBox p.tryMe {
	text-align:center;	
	font-size: .85em;
}

#getbutton > ul > li, #getcode > ul > li
{
	display:block;
	clear: left;
	margin-bottom: 10px;
}

.containerBox h2
{
	border-bottom: 2px solid #FFF;
	padding-left:0;
	margin-top:2%;
	padding-right:0px;
}
.containerBox
{
	overflow: hidden;
	width:56%;
	overflow:auto;
	margin-bottom:15px;
}

.containerBoxContent 
{
	margin-left:25px;	
}

#getbutton > .containerBox, #getcode > .containerBox
{
	min-height: 180px;
	padding-right: 5px;
	margin-bottom: 25px;
	width: 83%;
	margin-top: 25px;
	margin-left:6%;
	padding:0px;
}

.containerBox img
{
	margin-left: 0px;
	margin-top: 2px;
}

.containerBox p
{
	font-size:1em;
	margin-top:3px;
	margin-bottom:20px;
}

.containerBox textarea.codeBox
{
	border:1px solid #C6C6C6;
	color:#AAA;
	font-weight:normal;
	margin-left:1.5%;
	height:45px;
	width:89%;
	padding-left: 6px;
	padding-top:6px;
	font-size:0.95em;
	margin-bottom: 20px;
}

.containerBox textarea.codeBox-a
{
	border:1px solid #C6C6C6;
	color:#AAA;
	font-weight:normal;
	margin-left:1.5%;
	height:90px;
	width:89%;
	padding-left: 6px;
	padding-top:6px;
	font-size:0.95em;
	margin-bottom: 20px;
}

.containerBox div
{
	min-height: inherit;
}

.containerBox2 div
{
	min-height: inherit;
}

#getButtonExample
{
	margin-left:0px;	
	min-height: 1px;
}

#themeList li {
	margin-right: 25px;
}

#themeList li.noPad {
	margin-right: 0;
}

#themeList li.centerBox {
	margin-left: 356px;
}

#fb_copyNShare_Button_wrapper {
	margin: 0 auto;
	width: 475px;
}

#fb_copyNShare_Button_wrapper .copyNShareCheckBoxes .selectorBorderBox {
	height: auto;
}

#fb_copyNShare_Button_wrapper .inputCheckboxWrap input {
	width: 5%;
}

#fb_copyNShare_Button_wrapper .inputCheckboxWrap label {
	width: 95%;
}

.subOptions li
{
	float:left;
	/*margin: 5px 5px 5px 10px;*/
	/*margin: 5px 48px 48px 10px;
	padding: 5px;*/
	padding-bottom: 53px;
	padding-left: 30px;
	margin-bottom: 50px;
	/*border:2px solid lightgrey;	*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	text-align: center;
	height: 163px;
	width: 184px;
	background: url("/images/new_website/theme-box-featured-inactive.png") repeat scroll 219px 219px transparent;
	/*width: 165px;*/
}

.subOptions li:hover {
/*	background:url(/images/Gradient_Over.jpg);	
	border:2px solid #aaaacc;*/
}
.subOptions li.selected
{
/*	border: 2px solid #4DAA3D;
	background: #ddd;*/
	background: url("/images/new_website/theme-box-featured-active.png") repeat scroll 0 0 / 213px 219px transparent;
	border: none;
}
.subOptions li.selected:hover
{
/*	border: 2px solid #4DAA3D;
	background: #ddd;*/
}
.subOptions li.selected:hover
{
/*	border: 2px solid #4DAA3D;
	background: #ddd;*/
}

.subOptions li a
{
	margin-bottom: 10px;
}

#getSteps > li
{
}

#getSteps > li:last-child
{
	border-bottom: none;
}

a#getAnalytics, a#getAdvanced, a#getCode, a#getCodeForBlogs
{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:3px;
	color:#FFFFFF;
	display:inline-block;
	padding:10px;
	width:160px;
	margin:18px;
	padding:9px 3px;
	background: #7AC2E2;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8AD1DF', endColorstr='#7AC2E2');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8AD1DF), color-stop(0.14, #8AD1DF), color-stop(0.54, #76B8D6), color-stop(0.92, #7AC2E2), to(#64ACBC));
	background:-moz-linear-gradient(center top , #8AD1DF 14%, #76B8D6 54%, #7AC2E2 92%, #64ACBC 100%) repeat scroll 0 0 transparent;
	text-align:center;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	font-size:1.1em;
	*display:inline-block;
	*height:20px;
	*padding-left:30px;
}

a#getAnalytics:hover, a#getAdvanced:hover, a#getCode:hover, button:hover, a#getCodeForBlogs:hover
{
	color:#F2F2F2;
	background: #7FC3E3;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#67C5DE), color-stop(0.10, #67C5DE), color-stop(0.77, #A0D5EE), to(#65B5C6));
	background: -moz-linear-gradient(center top , #67C5DE 10%, #A0D5EE 77%, #65B5C6 100%) repeat scroll 0 0 transparent;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

#getSteps
{
	margin-bottom: 50px;
	clear:both;
}

#getSteps h2
{
	margin-top:22px;
	margin-bottom:23px;	
	font-size:1.7em;
}

#getSteps li h2 img
{
	padding-right: 18px;
	position: relative;
	top: 14px;
}

#topAcctBar
{
	background: none repeat scroll 0 0 #E1E4E4;
	padding-bottom: 20px;
	padding-top:5px;
	font-size: 0.8em;
}

#topAcctBar li
{
	clear: none;
	display: inline;
	float:right;
	margin-left: 5px;
}

#stNav
{
	height: 60px;
	width: 100%;
	/*background: url("../images/nav-sprite.gif") no-repeat scroll 0 0 transparent;*/
	cursor: pointer;
}

#breadCrumbBar
{
	/*background: url("../images/temp_b_hd_bg.jpg") no-repeat scroll 0 0 transparent;*/
	height: 60px;
	font-size:1.05em;
	height:35px;
	padding-left:5%;
	padding-top:15px;
	margin-bottom: 20px;
}

#breadCrumbBar a
{
	color: #fff;
}

#getbutton > p, #getcode > p
{
	font-size:1.1em;
	margin: 1% 4% 0 5%;;
}

#nextLinks
{
	margin: 2% 8% 5% 14.4%;
	float:left;
	display:block;
	width:200px;
	margin:5px;
	margin-top:0px;
	margin-left:15px;
}

.sshot
{
	max-width: 250px;
	max-height: 250px;
}

.subOptions
{
	min-height: 80px;
}

.moreInfo
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:2px solid #fff;
	border-bottom: none;
	margin:4% 7% 0;
	padding: 0 4% 120px;
	height:200px;
}

.firstCol-twoColumns
{
	float: left;
	border-right: 2px solid #fff;
}

.firstCol-threeColumns
{
	border-bottom: 2px solid #fff;
	min-height:0px;
}

.firstCol-threeColumns h2
{
	margin-top: 1%;
}


.containerBox .firstCol-threeColumns
{
	min-height: 0px;
}

.firstCol-threeColumns #demoButton
{
	margin:-20px 20px 20px;
	min-height:0px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	background:none repeat scroll 0 0 #FFFFFF;
	padding:15px 3px 15px 10px;
}

.firstCol-twoColumns
{
	width: 50%;
}

.secondCol-twoColumns
{
	overflow: hidden;
	padding-left: 6%;
}

.secondCol-threeColumns
{
	overflow: hidden;
	padding-left: 2%;
	border-bottom:2px solid white;
}

.secondCol-threeColumns-a
{
	overflow: hidden;
	float:left;
	width:404px;
	padding-left: 2%;
}

.firstCol-threeColumns
{
	overflow: auto;
	position: relative;
}

.thirdCol-threeColumns
{
}

.thirdCol-threeColumns-a
{
    float:right;
    width:45%;
    border-left: 2px solid #fff;
    padding-left:1%;
}

.secondCol-threeColumns, .thirdCol-threeColumns, .thirdCol-threeColumns-a
{
	padding-top: 5px;
}

.instruction {
	width:100%;	
	height:220px;
}

.instructionNumber {
	width:12%;	
	float:left;
	margin-top:80px;
}

.innerInstructionNumber
{	
	margin-left: 20px;
	min-height:20px;
	height:45px;
	overflow:hidden;
}

.innerInstructionNumber img
{	
	margin:0 0 0 0
}

.instructionHtml {
	width:42%;	
	min-height:50px;
	float:left;
}

.instructionPicture {
	width:39%;
	margin-right:25px;	
	min-height:50px;
	height:210px;
	float:left;
	border: 2px solid #7F8084;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
	overflow:hidden;
}

.instructionPicture img {
	margin:0 0 0 0;
	padding: 0 0 0 0;	
}

.subOptions li > a, .subOptions li > a img
{
	display:block;
}

.subOptions li > a
{
	padding: 5px 0;
}

#familyList .subOptions li > a
{
	position:relative;
	height:80px;
}

#styleList .subOptions li > a
{
	height:55px;
}

#familyList .subOptions li > a > span
{
	position:absolute;
	top:80px;
	left:10%;
	width:80%;
	font-size:1.1em;
}

#links_getcode
{
	margin-left:25px;
	margin-top : -47px;
}

#getCodeHelpLinks
{
	font-weight:bold;
	margin-left:8px;
}

div#serviceLogos img
{
	display:block;
	margin:2% 13% 12% 14%;

}

div#serviceLogos a
{
	display:block;
	margin: 3% 9% 12% 10%;
}

.subOptions li > a img
{
	/*margin: 12px 2px;*/
	margin-left: -13px;
    margin-top: 31px;
	max-width:180px;
}

#serviceLogos .subOptions li > a span
{
	position: relative;
	top: 5px;
}

div#serviceLogos a
{
	height: 60px;
}

div#serviceLogos
{
	margin-top: -20px;
	width: 100%;
	height:120px;
}

div#serviceLogos img
{
	width: 40px;
	height:40px;
}

div#serviceLogos li
{
	margin-top: 10px;
	margin-left: 5px;
}

.firstCol-twoColumns a img
{
	width:291px;
}

.firstCol-twoColumns a
{
	display:inline-block;
	overflow:hidden;
}

#styleList ul > li
{
	margin-left: 5%;
}

#styleList
{
	width:782px;
}

h1#faq
{
	margin-top: 30px;
}

dl
{
	margin: 0 5%;
}

dt {
    margin: 15px 50px 5px;
	font-weight: bold;
	width:81%;
	padding-bottom:15px;
	border:1px solid #eee;
}

dt:before{
     content: "Q";
     font-size: 2.5em;
     margin-right: 8px;
     padding: 0 8px 5px 8px;
     font-weight: normal;
     margin-left: -47px;
     position: relative;
     top: 5px;
	-moz-box-shadow: 1px 1px 8px #aaa;
	-webkit-box-shadow: 1px 1px 8px #aaa;
	box-shadow: 1px 1px 8px #aaa;
	
}
 
dd {
     margin: 25px 100px 0 50px;
     padding-bottom: 20px;
     line-height: 150%;
}

dd:before {
     content: "A";
     font-size: 2.5em;
     margin-right: 8px;
     padding: 0 9px;
     margin-left: -47px;
     position: relative;
     top: 12px;
	-moz-box-shadow: 1px 1px 8px #aaa;
	-webkit-box-shadow: 1px 1px 8px #aaa;
	box-shadow: 1px 1px 8px #aaa;
}

a#getCodeForBlogs
{
	font-size:1em;
	margin-top:-5px;
	padding:5px
}

.stIcon
{
	margin-left:3%;
	margin-right:7%;
	margin-top:2%;
}

.stIcon img
{
	margin:0 14px;
}

h5
{
	text-align: center;
}

#demoButton
{
	padding-top:15px;
}

#getbutton h1
{
	margin-bottom: 5px;
}
/*
#newStuff, #futureStuff
{
	padding-top: 8px;
	padding-bottom: 8px;
}*/

#getbutton > #futureStuff
{
	/*margin-left: 0;*/
}

dd span
{
	color:#666666;
	font-family:Courier;
	font-size:1.1em;
	margin:0 3px;
}

#getcode #nextLinks
{
	margin: 4% 8% 29px 25%;
}

#familyList
{
	width:100%;
	overflow:hidden;
}

#styleList > ul
{
	margin-left:-2%;
}

#fourthFamily
{
	margin-bottom:6%;
}

#getcode p.errorMsg
{
	-moz-outline-radius:7px 7px 7px 7px;
	background-color:rgba(241, 241, 241, 0.4);
	color:#FB8621;
	display:block;
	margin-right:10px;
	outline:3px solid rgba(135, 135, 135, 0.7);
	padding:6px;
}

.container_1c
{
	margin:auto;
	width:945px;
}

.thirdCol-threeColumns-a p
{
	margin-bottom:67px;
}

span.bold
{
	font-size:1.1em;
	color:#ED7921;
}

#newWidgetWelcome
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
    border: 2px solid #DDDDDD;
    color: #4DAA3D;
    margin: 1% 4% 0 5%;
    padding: 4px;
}

h4.options {
	padding:20px;
}

div.familyExpanded {
	width:93%;
	margin-left:10px;
	margin-bottom: 8px;
	padding:0px;
	height:0px;
	background-color:#eeeeee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    filter:alpha(opacity=0);
    opacity:0;
}

div.expandedPreview {
	display:block;	
}

div .softSelected {
	border:2px solid #4DAA3D;	
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
	background:#DDDDDD;
}
	
}

label.flabel {
	margin-right:25px;	
}

div.picker {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    width:91%;
    height:190px;
    clear:both;
    position:absolute;
}

.pickerLeft, .pickerRight {
    border:1px solid #323443;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
	width: 345px;
	height: 190px;
	float: left;
	margin:0px;
    overflow:hidden;
}

.pickerLeft {
	margin-right:22px;	
}

.pickerRight {
	float:right;
}

.pickerUL {
	height: 180px;
	clear:left;
    background-color:#DDDDDD;
    color:white;
    overflow:scroll;
	display:block;
}

.pickerLi {
	background: url(/images/Gradient_Default.jpg);
	color: black;
	padding:5px;
	height:32px;
	border-bottom:1px solid grey;
	display:block;
}

.pickerLi img{
	margin: 0px;
	padding:0px;
	display:block;
	float:left;
	clear:both;
}

.pickerLiSpan {
	margin:9px;
	padding-left:30px;
	display:block;
}

.pickerLiHeader {
	background-color: #323443;
	color: white;
	width:100%;
	padding:5px;
	display:block;
}

.pickerLi:hover {
	background:url(/images/Gradient_Over.jpg);
	border-bottom:1px solid grey;
	border-left:1px solid grey;
	color: black;
}

.pickerButton {
	height:36px;
	width:36px;
	display:block;
    text-align:center;
    overflow:hidden;
}

.pickerButton:hover {
}

.pickerButtonDiv {
	float:left;	
	margin-top:30px;
	padding-left:2px;
}

.pickerSpacer {
	clear:both;
	width:500px;	
}

.relativeFix {
	clear:both;
}

.pickerLineBreak {
	height:15px;	
}

.pickerSelected, .pickerSelected:hover {
	color: black;
	background:#91ddfc;	
	border-left:1px solid black;
	border-bottom:1px solid #aaaaaa
}

.pickerHide {
	display:none;	
}

.showLabelsHide {
	display:none;	
}

.showLabelsLabel {
	display:none;	
}

.getX {
	display:block;
	width:230px;
	margin:5px;
	margin-top:0px;
	margin-left:15px;
	color:#1177bb;
	border:1px solid lightgrey;	
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    padding:7px;
    text-align:center;
    background:url(/images/Gradient_Default.jpg);
    font-size:1.4em;
    float:left;
    clear:left;
}

.getX:hover, div.familyOption:hover {
	border:1px solid #aaaacc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    background:url(/images/Gradient_Over.jpg);
}

.getXSubtitle {
	font-size: .8em;
}

.selectedWidget, .selectedWidget:hover {
	border:2px solid #4DAA3D;	
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
	background:#DDDDDD;
}

#getCodeLink {
	float:left;	
}

#subHeading
{
	height:40px;
	font-size:28px;
	/*font-family:tahoma;*/
	color:#888;
}

#content
{
	/*font-family:Tahoma;*/
	font-size:14px;
	color: #888;
	border-bottom:1px solid #D4E1EA;
	padding: 5px 0 20px 1px;
}

div#midleInfoBottom {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	width:887px;
	margin: -2px 0px 13px 0px;	
	padding: 20px 25px 25px 25px;
	background: #FFFFFF;
	-moz-border-radius:0px 0px 4px 4px;
	-moz-box-shadow:0px 2px 4px #CCCCCC;
	text-align: justify;
	height: 100%;
}

.h3New {
	/*margin: 5% 6% 5% 0;*/
	/*border-bottom:2px solid #aaa;*/
	display:inline-block;
	font-size:1.1em;
	font-weight:bold;
	}	
	
.chooseWidgetContainer {
	width:100%;	
	text-align:center;
}

.chooseDivPic {
	display:inline-block;
	float:right;
	background:white;
	padding:10px;
	border:1px solid darkblue;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	margin:0px;
}

h4.chooseWidget {
	padding-left:15px;
	font-size:18px;	
	color:#888;
	margin-bottom:15px;
}



a.getCodeLinks {
	padding:3px;
	margin:3px;
	display:inline-block;
	cursor:pointer;
}

a.getCodeLinks:hover {
	color:blue;	
}

span.close {
	float:right;
	display:block;
	background:url(/images/x_Close.png);	
	height:12px;
	width:12px;
}

#main-bc {
    background-color: #0E4E67;
    height: 49px;
    margin-top: 1px;
	width: 100%;
}

#main-bc #subnav ul {
 margin-left: 11px;
    margin-top: 23px;
    padding: 0;
}

#main-bc #subnav {
 -moz-border-radius: 4px 4px 0 0;
    background: url("/images/new/BAR.png") no-repeat scroll left bottom transparent;
    height: 51px;
    margin-top: -1px;
    overflow: hidden;
}

.addLabel {
	margin-left:10px;
}

/********************** CSS FOR THE HOVER BUTTONS ***********************/

#hoverbar_getbar, #hoverbar_colorbox
{
	color: #7F8084;
	font-family: Tahoma, Verdana, "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	font-size:0.95em;
}

#hoverbar_getbar, #hoverbar_getcode, #hoverbar_colorbox
{
	color: #7F8084;
	font-size:0.95em;
}

#hoverbar_getbar a, #hoverbar_colorbox a 
{
	cursor: pointer;
	text-decoration: none;
	color:#2288BB;
}

.hoverbar_sts-dn
{
	display:none !important;
}

.hoverbar_sts-db
{
	display:block !important;
}

.hoverbar_sts-dib
{
	display:inline-block !important;
}

.hoverbar_sts-fr
{
	float: right !important;
}

.hoverbar_sts-fl
{
	float: left !important;
}

.hoverbar_sts-oh
{
	overflow: hidden !important;
}

.hoverbar_sts-cb
{
	clear: both !important;
}

.hoverbar_sts-mz
{
	margin: 0 !important;
}

.hoverbar_sts-pz
{
	padding: 0 !important;
}

#hoverbar_getbar h1, #hoverbar_getcode h1, #hoverbar_colorbox h1
{
	font-size: 2em;
	min-height: 35px;
	padding-top: 3px;
}

#hoverbar_getbar h2, #hoverbar_getcode h2, #hoverbar_colorbox h2
{
	font-size: 1.4em;
}

#hoverbar_getbar h3, #hoverbar_getcode h3, #hoverbar_colorbox h3
{
	font-size: 1.2em;
}

#hoverbar_getbar h2
{
	color: #FF6E00;
	margin: 2% 0 1%;
}

#hoverbar_adCodeExample{
	cursor: pointer;
	text-decoration: none;
	color:#2288BB;	
}

#hoverbar_getSteps li h2 img
{
	padding-right: 18px;
	position: relative;
	top: 14px;
}

#hoverbar_getSteps .hoverbar_subOptions li
{
	float:left;
	margin: 5px 5px 5px 10px;
	padding: 5px;
	text-align: center;
	min-width: 100px;
	border:2px solid lightgrey;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	background:url(/images/Gradient_Default.jpg)
}

#hoverbar_getSteps .hoverbar_subOptions li.hoverbar_selected
{
	border: 2px solid #4DAA3D;
	background: #DDDDDD;
}

#hoverbar_getSteps .hoverbar_subOptions li:hover
{
	background:url(/images/Gradient_Over.jpg);	
	
}

.hoverbar_customButton
{
	cursor:pointer;
	display:inline-block;
	margin-top:15px;
}

#hoverbar_getbar p.hoverbar_errorMsg,  #hoverbar_colorbox p.hoverbar_errorMsg
{
	-moz-outline-radius:7px 7px 7px 7px;
	-webkit-outline-radius:7px;
	background-color:rgba(227, 222, 222, 0.4);
	color:#E13400;
	display:block;
	margin-right:3px;
	outline:3px solid rgba(227, 222, 222, 0.4);
	padding:2px;
	font-size:0.95em;
}

a#hoverbar_getCodeForBlogs
{
	font-size:1em;
	margin-top:-5px;
	padding:5px
}

.hoverbar_stIcon
{
	margin-left:3%;
	margin-right:7%;
	margin-top:2%;
}

.hoverbar_stIcon img
{
	margin:0 14px;
}

.hoverbar_justButton
{
	border-top: 2px solid #eee;
	margin-top:6%;
	padding-top:4%;
}

#hoverbar_getbar .hoverbar_getCodeLink, button
{
	color:#FFFFFF;
	background:#33932B;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33932B', endColorstr='#307D31');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3FAB41), color-stop(0.14, #3FAB41), color-stop(0.34, #33932B), to(#307D31));
	background: -moz-linear-gradient(center top , #3FAB41 14%, #33932B 34%, #307D31 100%) repeat scroll 0 0 transparent;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:inline-block;
	width:145px;
	margin:18px;
	padding:6px 0px;
	text-align:center;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	font-size:1.1em;
	*display:inline-block;
	*height:20px;
	*padding-left:30px;
}

#hoverbar_getbar .hoverbar_getCodeLink:hover, button:hover
{
	background:#4FBC46;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3FAB41', endColorstr='#307D31');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3FAB41), color-stop(0.14, #3FAB41), color-stop(0.20, #4FBC46), to(#307D31));
	background: -moz-linear-gradient(center top , #3FAB41 14%, #4FBC46 20%, #307D31 100%) repeat scroll 0 0 transparent;
}

#hoverbar_getbar #hoverbar_codeStep > div, #hoverbar_colorbox #hoverbar_codeStep > div
{
	margin:0 10px;
}

#hoverbar_getbar #hoverbar_codeStep div p, #hoverbar_colorbox #hoverbar_codeStep div p
{
	font-size:1.1em;
}

#hoverbar_getbar #hoverbar_codeStep > h2, #hoverbar_colorbox #hoverbar_codeStep > h2
{
	margin: 2px 10px 10px;
}

#hoverbar_getbar #hoverbar_adExampleStep > div, #hoverbar_colorbox #hoverbar_adExampleStep > div
{
	margin:0 10px;
}

#hoverbar_getbar #hoverbar_adExampleStep div p, #hoverbar_colorbox #hoverbar_adExampleStep div p
{
	font-size:1.1em;
}

#hoverbar_getbar #hoverbar_adExampleStep > h2, #hoverbar_colorbox #hoverbar_adExampleStep > h2
{
	margin: 2px 10px 10px;
}

#hoverbar_colorbox textarea
{
	border:2px solid #ddd;
	color:#999;
	margin-bottom:15px;
	padding:5px;
	margin:6% 5% 2%;
	width:85%;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius: 7px;
}

.hoverbar_main_container {
    margin: auto;
    width: 945px;
}

.hoverbar_themeDiscriptionText {
	font-size:0.8em;
	color: #2288BB;
}

.hoverbar_chickletCheckbox{
	margin-left: 23px;
	display:block;
}

/*
#hoverbar_getSteps .hoverbar_subOptionsList #hoverbar_chickletOptionsList li
{
	float:left;
	margin: 5px 5px 5px 10px;
	padding: 5px;
	text-align: center;
}
*/

#hoverbar_getSteps .hoverbar_errorMsg
{
	color: #FF4747;
}

.hoverbar_autocomplete-w1 { background:url('/images/new/shadow.png') no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.hoverbar_autocomplete { color:#AAA; font-size:0.8em; border:2px solid #DDD; background:#FFF; padding-bottom:3px; cursor:default; text-align:left; max-height:350px; overflow:hidden; margin:-6px 6px 6px -6px; -moz-border-radius:3px; -webkit-border-radius:2px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.hoverbar_autocomplete:hover {overflow:auto;}
.hoverbar_autocomplete .hoverbar_selected { background:#E0E0E0; }
.hoverbar_autocomplete div { padding:2px 5px 4px; white-space:nowrap; }
.hoverbar_autocomplete strong { font-weight:normal; color:#3399FF; }

#hoverbar_adExampleStep {
	border: 1px solid #888888;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	background:white;
	font-size:.9em;
	padding:10px;
	margin:10px;
}

#hoverbar_adExampleStepArea {
	border: 1px solid #888888;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	background:white;
	color:black;
	font-family:courier;
	padding:10px;
	margin:10px;
}

/********************** CSS FOR THE HOVERBAR ***********************/

#sharebar_getbar, #sharebar_colorbox
{
	color: #7F8084;
	font-family: Tahoma, Verdana, "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	font-size:0.95em;
}

#sharebar_getbar, #sharebar_getcode, #sharebar_colorbox
{
	color: #7F8084;
	font-size:0.95em;
}

#sharebar_getbar a, #sharebar_colorbox a 
{
	cursor: pointer;
	text-decoration: none;
	color:#2288BB;
}

.sharebar_sts-dn
{
	display:none !important;
}

.sharebar_sts-db
{
	display:block !important;
}

.sharebar_sts-dib
{
	display:inline-block !important;
}

.sharebar_sts-fr
{
	float: right !important;
}

.sharebar_sts-fl
{
	float: left !important;
}

.sharebar_sts-oh
{
	overflow: hidden !important;
}

.sharebar_sts-cb
{
	clear: both !important;
}

.sharebar_sts-mz
{
	margin: 0 !important;
}

.sharebar_sts-pz
{
	padding: 0 !important;
}

#sharebar_getbar h1, #sharebar_getcode h1, #sharebar_colorbox h1
{
	font-size: 2em;
	min-height: 35px;
	padding-top: 3px;
}

#sharebar_getbar h2, #sharebar_getcode h2, #sharebar_colorbox h2
{
	font-size: 1.4em;
}

#sharebar_getbar h3, #sharebar_getcode h3, #sharebar_colorbox h3
{
	font-size: 1.2em;
}

#sharebar_getbar h2
{
	color: #FF6E00;
	margin: 2% 0 1%;
}

#sharebar_adCodeExample{
	cursor: pointer;
	text-decoration: none;
	color:#2288BB;	
}

#sharebar_getSteps li.marginBottom
{
	margin: 0 auto 10px;
	width: 540px;
}

#sharebar_getSteps li h2 img
{
	padding-right: 18px;
	position: relative;
	top: 14px;
}

#sharebar_getSteps .sharebar_subOptions li
{
	float:left;
	margin: 5px 0px 5px 14px;
	padding: 0px;
	text-align: center;
	min-width: 100px;
	border:4px solid #F5F5F5;
	/*border:2px solid lightgrey;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	background:url(/images/Gradient_Default.jpg);
	width: 188px;
	height: 120px;
}

#sharebar_getSteps .sharebar_subOptions li.sharebar_selected
{
	border: 4px solid #01BF01;
	background: #DDDDDD;
}

#sharebar_getSteps .sharebar_subOptions li:hover
{
	/*background:url(/images/Gradient_Over.jpg);	*/
	
}

.sharebar_subOptionsList label
{
/*    color: #333333; */
    font-size: 12px;
    margin-left: 10px;
}

#sharebar_selectEnableLogo_detail {
	width: 820px;
	margin: 0 auto;
	margin-top: 20px;
}

#sharebar_selectEnableLogo_detail label {
	display: inline-block;
	width: 125px !important;
	text-align: right;
}

.sharebar_customButton
{
	cursor:pointer;
	display:inline-block;
	margin-top:15px;
}

#sharebar_getbar p.sharebar_errorMsg,  #sharebar_colorbox p.sharebar_errorMsg
{
	-moz-outline-radius:7px 7px 7px 7px;
	-webkit-outline-radius:7px;
	background-color:rgba(227, 222, 222, 0.4);
	color:#E13400;
	display:block;
	margin-right:3px;
	outline:3px solid rgba(227, 222, 222, 0.4);
	padding:2px;
	font-size:0.95em;
}

a#sharebar_getCodeForBlogs
{
	font-size:1em;
	margin-top:-5px;
	padding:5px
}

.sharebar_stIcon
{
	margin-left:3%;
	margin-right:7%;
	margin-top:2%;
}

.sharebar_stIcon img
{
	margin:0 14px;
}

.sharebar_justButton
{
	border-top: 2px solid #eee;
	margin-top:6%;
	padding-top:4%;
}

#sharebar_getbar .sharebar_getCodeLink, button
{
	color:#FFFFFF;
	background:#33932B;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33932B', endColorstr='#307D31');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3FAB41), color-stop(0.14, #3FAB41), color-stop(0.34, #33932B), to(#307D31));
	background: -moz-linear-gradient(center top , #3FAB41 14%, #33932B 34%, #307D31 100%) repeat scroll 0 0 transparent;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:inline-block;
	width:145px;
	margin:18px;
	padding:6px 0px;
	text-align:center;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	font-size:1.1em;
	*display:inline-block;
	*height:20px;
	*padding-left:30px;
}

#sharebar_getbar .sharebar_getCodeLink:hover, button:hover
{
	background:#4FBC46;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3FAB41', endColorstr='#307D31');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3FAB41), color-stop(0.14, #3FAB41), color-stop(0.20, #4FBC46), to(#307D31));
	background: -moz-linear-gradient(center top , #3FAB41 14%, #4FBC46 20%, #307D31 100%) repeat scroll 0 0 transparent;
}

#sharebar_getbar #sharebar_codeStep > div, #sharebar_colorbox #sharebar_codeStep > div
{
	margin:0 10px;
}

#sharebar_getbar #sharebar_codeStep div p, #sharebar_colorbox #sharebar_codeStep div p
{
	font-size:1.1em;
}

#sharebar_getbar #sharebar_codeStep > h2, #sharebar_colorbox #sharebar_codeStep > h2
{
	margin: 2px 10px 10px;
}

#sharebar_getbar #sharebar_adExampleStep > div, #sharebar_colorbox #sharebar_adExampleStep > div
{
	margin:0 10px;
}

#sharebar_getbar #sharebar_adExampleStep div p, #sharebar_colorbox #sharebar_adExampleStep div p
{
	font-size:1.1em;
}

#sharebar_getbar #sharebar_adExampleStep > h2, #sharebar_colorbox #sharebar_adExampleStep > h2
{
	margin: 2px 10px 10px;
}

#sharebar_colorbox textarea
{
	border:2px solid #ddd;
	color:#999;
	margin-bottom:15px;
	padding:5px;
	margin:6% 5% 2%;
	width:85%;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius: 7px;
}

.sharebar_main_container {
    margin: auto;
    width: 945px;
}

.hoverbar_optionsTextbox, .sharebar_optionsTextbox, .pulldown_optionsTextbox
{
	border:2px solid #ddd;
	/*min-height:1.5em;*/
	min-height:25px;
	width:53%;
	color: #4E4E4E;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}

#sharebar_selectLogoImageHeight_id {
	margin-left: 3px !important;
}

#sharebar_selectTrendType {
	margin-bottom: 10px;
}

.sharebar_tryDomain
{
	margin-left: 10px;
	cursor: pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	color: #333333;
	background: #D3D8DB;
	/*background: url("/images/new_website/list-item-gradient-bg.png") repeat scroll 0 0 transparent;*/
	border: 1px solid #DDDDDD;
	font-size: 12px;
    padding: 7px 6px;
    /*float:left;*/
}

.sharebar_previewAd, .hoverbar_previewAd
{
	margin-left: 10px;
	cursor: pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	color: #FFFFFF;
	background: #787878;
	font-size: 0.8em;
    padding: 4px 6px;
}

.sharebar_themeDiscriptionText {
	/*font-size:0.8em;*/
	color: #2288BB;
}

.sharebar_chickletCheckbox{
	margin-left: 23px;
	display:block;
}

#sharebar_getSteps .sharebar_subOptionsList #sharebar_chickletOptionsList li
{
	float:left;
	margin: 5px 5px 5px 10px;
	padding: 5px;
	text-align: center;
}

#sharebar_getSteps .sharebar_errorMsg
{
	color: #FF4747;
}

.autocomplete-w1 { background:url('/images/new/shadow.png') no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { color:#AAA; font-size:0.8em; border:2px solid #DDD; background:#FFF; padding-bottom:3px; cursor:default; text-align:left; max-height:350px; overflow:hidden; margin:-6px 6px 6px -6px; -moz-border-radius:3px; -webkit-border-radius:2px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete:hover {overflow:auto;}
.autocomplete .sharebar_selected { background:#E0E0E0; }
.autocomplete div { padding:2px 5px 4px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

#sharebar_adExampleStep {
	border: 1px solid #888888;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	background:white;
	font-size:.9em;
	padding:10px;
	margin:10px;
}

#sharebar_adExampleStepArea {
	border: 1px solid #888888;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	background:white;
	color:black;
	font-family:courier;
	padding:10px;
	margin:10px;
}

/********************** CSS FOR THE PULLDOWN BAR ***********************/

#pulldown_getbar, #pulldown_colorbox
{
	color: #7F8084;
	font-family: Tahoma, Verdana, "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	font-size:0.95em;
}

#pulldown_getbar, #pulldown_getcode, #pulldown_colorbox
{
	color: #7F8084;
	font-size:0.95em;
}

#pulldown_getbar a, #pulldown_colorbox a 
{
	cursor: pointer;
	text-decoration: none;
	color:#2288BB;
}

.pulldown_sts-dn
{
	display:none !important;
}

.pulldown_sts-db
{
	display:block !important;
}

.pulldown_sts-dib
{
	display:inline-block !important;
}

.pulldown_sts-fr
{
	float: right !important;
}

.pulldown_sts-fl
{
	float: left !important;
}

.pulldown_sts-oh
{
	overflow: hidden !important;
}

.pulldown_sts-cb
{
	clear: both !important;
}

.pulldown_sts-mz
{
	margin: 0 !important;
}

.pulldown_sts-pz
{
	padding: 0 !important;
}

#pulldown_getbar h1, #pulldown_getcode h1, #pulldown_colorbox h1
{
	font-size: 2em;
	min-height: 35px;
	padding-top: 3px;
}

#pulldown_getbar h2, #pulldown_getcode h2, #pulldown_colorbox h2
{
	font-size: 1.4em;
}

#pulldown_getbar h3, #pulldown_getcode h3, #pulldown_colorbox h3
{
	font-size: 1.2em;
}

#pulldown_getbar h2
{
	color: #FF6E00;
	margin: 2% 0 1%;
}

#pulldown_adCodeExample{
	cursor: pointer;
	text-decoration: none;
	color:#2288BB;	
}

#pulldown_getSteps li h2 img
{
	padding-right: 18px;
	position: relative;
	top: 14px;
}

#pulldown_getSteps .pulldown_subOptions li
{
	float:left;
	margin: 5px 5px 5px 10px;
	padding: 5px;
	text-align: center;
	min-width: 100px;
	border:2px solid lightgrey;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	background:url(/images/Gradient_Default.jpg)
}

#pulldown_getSteps .pulldown_subOptions li.pulldown_selected
{
	border: 2px solid #4DAA3D;
	background: #DDDDDD;
}

#pulldown_getSteps .pulldown_subOptions li:hover
{
	background:url(/images/Gradient_Over.jpg);	
	
}

.pulldown_customButton
{
	cursor:pointer;
	display:inline-block;
	margin-top:15px;
}

#pulldown_getbar p.pulldown_errorMsg,  #pulldown_colorbox p.pulldown_errorMsg
{
	-moz-outline-radius:7px 7px 7px 7px;
	-webkit-outline-radius:7px;
	background-color:rgba(227, 222, 222, 0.4);
	color:#E13400;
	display:block;
	margin-right:3px;
	outline:3px solid rgba(227, 222, 222, 0.4);
	padding:2px;
	font-size:0.95em;
}

a#pulldown_getCodeForBlogs
{
	font-size:1em;
	margin-top:-5px;
	padding:5px
}

.pulldown_stIcon
{
	margin-left:3%;
	margin-right:7%;
	margin-top:2%;
}

.pulldown_stIcon img
{
	margin:0 14px;
}

.pulldown_justButton
{
	border-top: 2px solid #eee;
	margin-top:6%;
	padding-top:4%;
}

#pulldown_getbar .pulldown_getCodeLink, button
{
	color:#FFFFFF;
	background:#33932B;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33932B', endColorstr='#307D31');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3FAB41), color-stop(0.14, #3FAB41), color-stop(0.34, #33932B), to(#307D31));
	background: -moz-linear-gradient(center top , #3FAB41 14%, #33932B 34%, #307D31 100%) repeat scroll 0 0 transparent;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:inline-block;
	width:145px;
	margin:18px;
	padding:6px 0px;
	text-align:center;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	font-size:1.1em;
	*display:inline-block;
	*height:20px;
	*padding-left:30px;
}

#pulldown_getbar .pulldown_getCodeLink:hover, button:hover
{
	background:#4FBC46;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3FAB41', endColorstr='#307D31');
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3FAB41), color-stop(0.14, #3FAB41), color-stop(0.20, #4FBC46), to(#307D31));
	background: -moz-linear-gradient(center top , #3FAB41 14%, #4FBC46 20%, #307D31 100%) repeat scroll 0 0 transparent;
}

#pulldown_getbar #pulldown_codeStep > div, #pulldown_colorbox #pulldown_codeStep > div
{
	margin:0 10px;
}

#pulldown_getbar #pulldown_codeStep div p, #pulldown_colorbox #pulldown_codeStep div p
{
	font-size:1.1em;
}

#pulldown_getbar #pulldown_codeStep > h2, #pulldown_colorbox #pulldown_codeStep > h2
{
	margin: 2px 10px 10px;
}

#pulldown_getbar #pulldown_adExampleStep > div, #pulldown_colorbox #pulldown_adExampleStep > div
{
	margin:0 10px;
}

#pulldown_getbar #pulldown_adExampleStep div p, #pulldown_colorbox #pulldown_adExampleStep div p
{
	font-size:1.1em;
}

#pulldown_getbar #pulldown_adExampleStep > h2, #pulldown_colorbox #pulldown_adExampleStep > h2
{
	margin: 2px 10px 10px;
}

#pulldown_colorbox textarea
{
	border:2px solid #ddd;
	color:#999;
	margin-bottom:15px;
	padding:5px;
	margin:6% 5% 2%;
	width:85%;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius: 7px;
}

.pulldown_main_container {
    margin: auto;
    width: 945px;
}

.pulldown_previewButton, .sharebar_previewButton, .hoverbar_previewButton
{
	margin-left: 10px;
	cursor: pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	border: 1px solid #DDDDDD;
	color: #333333;
	background: #D3D8DB;
	/*background: url("/images/new_website/list-item-gradient-bg.png") repeat scroll 0 0 transparent;*/
	
	font-size: 12px;
    padding: 5px;
}

.pulldown_themeDiscriptionText {
	font-size:0.8em;
	color: #2288BB;
}

.pulldown_chickletCheckbox{
	margin-left: 23px;
	display:block;
}

#pulldown_getSteps .pulldown_subOptionsList #pulldown_chickletOptionsList li
{
	float:left;
	margin: 5px 5px 5px 10px;
	padding: 5px;
	text-align: center;
}

#pulldown_getSteps .pulldown_errorMsg
{
	color: #FF4747;
}

.pulldown_autocomplete-w1 { background:url('/images/new/shadow.png') no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.pulldown_autocomplete { color:#AAA; font-size:0.8em; border:2px solid #DDD; background:#FFF; padding-bottom:3px; cursor:default; text-align:left; max-height:350px; overflow:hidden; margin:-6px 6px 6px -6px; -moz-border-radius:3px; -webkit-border-radius:2px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.pulldown_autocomplete:hover {overflow:auto;}
.pulldown_autocomplete .pulldown_selected { background:#E0E0E0; }
.pulldown_autocomplete div { padding:2px 5px 4px; white-space:nowrap; }
.pulldown_autocomplete strong { font-weight:normal; color:#3399FF; }

#pulldown_adExampleStep {
	border: 1px solid #888888;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	background:white;
	font-size:.9em;
	padding:10px;
	margin:10px;
}

#pulldown_adExampleStepArea {
	border: 1px solid #888888;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	background:white;
	color:black;
	font-family:courier;
	padding:10px;
	margin:10px;
}

.stpulldown-gradient
{
	background: #E1E1E1;
	background: -moz-linear-gradient(top, #E1E1E1 0%, #A7A7A7 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E1E1E1), color-stop(100%,#A7A7A7)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1E1E1', endColorstr='#A7A7A7',GradientType=0 ); /* ie */
	background: -o-linear-gradient(top, #E1E1E1 0%,#A7A7A7 100%); /* opera */
	color: #636363;
}
#stpulldown .stpulldown-logo
{
	height: 40px;
	width: 300px;
	margin-left: 20px;
	margin-top: 5px;
	background-image: url("http://sd.sharethis.com/disc/images/Logo_Area.png");
	background-repeat: no-repeat;
}

.pulldown_selectDock {
	margin: 0px auto 15px;
	width: 820px;
}

.pulldown_selectDock label {
	display: inline-block;
	width: 150px !important;
	text-align: right;
}

/******************** CSS shared in bars ***************/
.hoverbar_containerBox, .sharebar_containerBox, .pulldown_containerBox
{
	/*overflow: hidden;
	padding: 5px 0;
	overflow:auto;*/
	font-family: Sintony-Regular;
	color: #7F8084;
	/*margin-bottom:15px;*/
}

.sharebar_containerBox {
	clear: both;
}

/*
#sharebar_buttonOptionsList {
	margin-top: 10px;
}
*/

.sharebar_buttonOptionsList + input {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 30px !important;
}

.shareOptionsHeader {
	font-family: Sintony-Bold;
	font-size: 14px !important;
	line-height: 38px !important;
	color: #4D585B;
	margin: 0 !important;
	padding: 0 !important;	
}

.hoverbar_optionDetail, .sharebar_optionDetail, .pulldown_optionDetail
{
	/*margin: 20px 23px 10px;*/
	color: #333333;
    font-family: Sintony-Regular;
    font-size: 12px;	
}

.hoverbar_optionDetail input, .sharebar_optionDetail input
{
	margin-bottom: 10px;
	padding-left:5px;
	/*width: 550px;*/
}

.pulldown_optionDetail input
{
	/*margin-bottom: 10px;*/
}

.pulldown_containerBox input {
	padding-left:5px;
}

/*
.picker_optionDetail {
	margin-left:0px !important;
	margin-top: 7px;
    margin-bottom: 18px;	
}
*/

#hoverbar_getSteps, #pulldown_getSteps, #sharebar_getSteps
{
	/*margin-bottom: 50px;*/
	clear:both;
	font-size:0.8em;
}

#hoverbar_getSteps .hoverbar_subOptionsList li, #pulldown_getSteps .pulldown_subOptionsList li, #sharebar_getSteps .sharebar_subOptionsList li
{
	border: none;
}

/*
.hoverbar_subOptionsList label, .pulldown_subOptionsList label
{
	margin-left: 10px;
	/*font-size: 0.9em;*/
}
*/

.pulldown_subOptionsList label {
	margin-left: 2px;
}

.previewArrow
{
/*	background-image:url("/images/new/get-sharing-tools/direction_arrows.png");
    width: 45px;
    float: left;
    margin-right: 10px;
  	margin-top: -5px;*/
	font-family: VAGROUNL;
	color: #434747;
	border-bottom: 1px solid #BDC5C7;
	margin: 0px auto;
	width: 610px;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	padding: 10px 0;
}

.pulldown_previewUpArrow {
	background-position: 135px 0;
}

.hoverbar_previewLeftArrow {
	background-position: 45px 0;
}
#hoverbar_getSteps .hoverbar_previewDownArrow {
	background-position: 45px 0;
}

#pulldown_getSteps .pulldown_previewDownArrow {
	background-position: 135px 0;
}

#sharebar_getSteps .sharebar_previewDownArrow {
	background-position: 0 0;
}

#hoverbar_getSteps .hoverbar_previewRightArrow {
	background-position: 90px 0;
}

#fb_getSteps .hoverbar_previewLeftArrow {
	background-position: 45px 0;
}
.hoverbar_explainText, .sharebar_explainText, .pulldown_explainText {
	margin-top: 10px;
	margin-bottom: 10px;
}

.lookDiv {
/*    margin-bottom: 30px;
    margin-top: 20px;
	width: 96%;
    padding: 10px;*/
    background-color: #F5F5F5;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 0 #DDDDDD;
/*    height: 170px; */
    margin-bottom: -4px !important;
	margin: 0 auto;
    margin-top: 24px;
    width: 820px;
}

#sharebar_selectExpAd .adHeading, #sharebar_selectCollapseAd .adHeading, #hoverbar_selectExpAd .adHeading, #hoverbar_selectCollapseAd .adHeading{
	position: relative;
	top: 27px;
}

#sharebar_selectExpAd .adOptions, #sharebar_selectCollapseAd .adOptions, #hoverbar_selectExpAd .adOptions, #hoverbar_selectCollapseAd .adOptions{
	margin-left:200px;
}

#sharebar_selectExpAd .adOption1, #sharebar_selectCollapseAd .adOption1, #hoverbar_selectExpAd .adOption1, #hoverbar_selectCollapseAd .adOption1{
	margin-right:91px;
}

#sharebar_selectExpAd .adOption3, #sharebar_selectCollapseAd .adOption3, #hoverbar_selectExpAd .adOption3, #hoverbar_selectCollapseAd .adOption3{
	margin-right:72px;
}

.sharebar_customButtonOptions {
	margin-left:68px;
}

#sharebar_selectCustomButton_detail label.customTitle {
	margin-right: 51px;
}

#sharebar_selectCustomButton_detail label.customUrl {
	margin-right: 54px;
}

#sharebar_selectCustomButton_detail label.customImgUrl {
	margin-right: 40px;
}

#sharebar_selectCustomButton_detail label.customWidth {
	margin-right: 40px;
}

#sharebar_selectEnableAds_AdLocation, #hoverbar_selectEnableAds_AdLocation {
	width: 28%; 
}


/* Buttons */

.helpQuestion {
    background: url("/images/new/Help.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 15px;
    width: 15px;
}
#helpCopyNShareWindow {
    background: none repeat scroll 0 0 #999999;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px #999999;
    margin: 15px auto auto;
    width: 300px;
	*width: 350px;
	width: 350px\9;
	font-size: 1em !important;
	z-index: 1001;
	color: white;
}

.helpSimpleWindow {
    position: absolute !important;
    width: 300px !important;
    z-index: 50;
}


/* HoverBar */

.helpQuestion_hoverBar {
    background: url("/images/new/Help.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 15px;
    width: 15px;
}


.helpModalCloser_hoverBar {
    background: url("/images/new/Tooltip_Close.png") no-repeat scroll 0 0 transparent;
    height: 13px;
    position: absolute;
    left: 250px;
	*left: 300px;
	left: 300px\9;
    top: 5px;
    width: 13px;
}

#helpCopyNShareWindow_hoverBar {
    background: none repeat scroll 0 0 #999999;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px #999999;
    margin: 15px auto auto;
    width: 300px;
	*width: 350px;
	width: 350px\9;
	font-size: 1em !important;
	z-index: 1001;
	color: white;
}
.helpSimpleWindow_hoverBar {
    position: absolute !important;
    width: 300px !important;
    z-index: 50;
}

.helpSimpleContent_hoverBar {
	font-size: 1em !important;
}


/* ShareBar */
.helpQuestion_sharebar {
    background: url("/images/new/Help.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 15px;
    width: 15px;
}

.helpModalCloser_sharebar {
    background: url("/images/new/Tooltip_Close.png") no-repeat scroll 0 0 transparent;
    height: 13px;
    position: absolute;
    left: 268px;
	*left: 315px;
	left: 315px\9;
    top: -25px;
    width: 13px;
}

#helpCopyNShareWindow_sharebar {
    background: none repeat scroll 0 0 #999999;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px #999999;
    margin: 15px auto auto;
    width: 300px;
	*width: 350px;
	width: 350px\9;
	font-size: 1em !important;
	z-index: 1001;
	color: white;
}
.helpSimpleWindow_sharebar {
    position: absolute !important;
    width: 300px !important;
    z-index: 50;
}

.helpSimpleContent_sharebar {
	font-size: 1em !important;
}

/* PullDownBar*/

/* ShareBar */
.helpQuestion_pulldownBar {
    background: url("/images/new/Help.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 15px;
    width: 15px;
}

.helpModalCloser_pulldownBar {
    background: url("/images/new/Tooltip_Close.png") no-repeat scroll 0 0 transparent;
    height: 13px;
    position: absolute;
    left: 268px;
	*left: 315px;
	left: 315px\9;
    top: 0px;
    width: 13px;
}

#helpCopyNShareWindow_pulldownBar {
    background: none repeat scroll 0 0 #999999;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px #999999;
    margin: 15px auto auto;
    width: 300px;
	*width: 350px;
	width: 350px\9;
	font-size: 1em !important;
	z-index: 1001;
	color: white;
}
.helpSimpleWindow_pulldownBar {
    position: absolute !important;
    width: 300px !important;
    z-index: 50;
}

.helpSimpleContent_pulldownBar {
	font-size: 1em !important;
}

.gstTagLine
{
	text-align:center;
	font-family:VAGROUNL !important;
	font-size: 45px !important;
	padding: 0 !important;
}

.tabPosition {
	margin: 0px auto;
	top: -16px;
	position: relative;
	/*width: 591px;*/
}

.tabContainerBackground {
    background: none repeat scroll 0 0 #E9EAEC;
    overflow: hidden;
/*    padding-bottom: 50px; */
    padding-top: 10px;
	height: 580px;
}

.tabLabelPosition {
	position: relative;
	top: 27%;
}

.barHeading {
    background: none repeat scroll 0 0 #D3D8DB;
    color: black;
    font-family: Sintony-Regular;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    width: 304px;
}
margin: 10px 0px -7px
.barImageWidthHeight {
	/*margin-top: 0px;*/
	margin: 0px 0px 2px;
	width: 243px; 
	height: 82px;
}

.barHeadingBorders {
	width: 298px;
}


.styleTabLabelBottom {
/*	border-bottom: 1px solid #BDC5C7; */
    color: #1F2B33;
    font-size: 20px !important;
    margin-top: 20px;
    margin-bottom: 3px;
    padding: 0 !important;
	font-family: VAGROUNL !important;
}

.tabHolder {
    background: none repeat scroll 0 0 #BDC5C7;
    height: 18px;
    position: relative;
    top: 58px;
    width: 100%;
}

.step3PreviewContentBox {
    background: none repeat scroll 0 0 #01BF01;
    color: white;
    float: left;
    font-family: VAGROUNL;
    font-size: 22px;
    margin-left: 28px;
    margin-top: 35px;
    padding-top: 10px;
	padding-bottom: 10px;
    /*position: relative;*/
    text-align: center;
    width: 765px;
	/*height: 45px;*/
	letter-spacing: 1px;
}

.selectThemeContainerBottomBarContainer{
	margin: 0px auto; 
	width: 100%; 
	padding-bottom:20px;
}

.selectThemeBottomBarLabel {
    color: #4D585B;
    font-family: Sintony-Bold;
    font-size: 18px;
	text-align: center;	
}

.previewArrowSideBarImage { 
	background-image: url("/images/new_website/arrow_left.png"); 
	position: relative;
	top: -32px;
	left: 79px;
	width: 52px;
}
.previewArrowTopBarImage { 
	background-image: url("/images/new_website/arrow_up.png"); 
	height: 29px;
    margin-top: -59px;
	margin-left: 88px;
    width: 19px;	
}
.previewArrowDownBarImage { 
	background-image: url("/images/new_website/arrow_down.png"); 
	height: 37px !important;
    margin-top: -61px !important;
	margin-left: 54px !important;
    width: 25px !important;
}

.previewArrowBars {
    
    float: left;
    /*height: 19px;
    margin-left: 80px;
    margin-top: -29px;
    position: relative;
    width: 51px;*/
}


/*=========== Below CSS for GSF content ==================*/

#featurePanel h3 {
	margin-bottom: 20px;
	font-family: VAGROUNL;
	font-size: 32px;
	letter-spacing: 0.04em;
	color: #1f2b33;
	font-weight: normal;
	line-height: normal;
}

.text p {
	font-family: Sintony-Regular;
	font-size: 13px;
	color: #434747;
	letter-spacing: 0em;
	line-height: 18px;
}

#featurePanel .button > div, #featurePanel .button1 > div, #featurePanel .button2 > div {
	display: inline-block;
	width: auto;
	margin: auto;
}

#featurePanel .button, #featurePanel .button1, #featurePanel .button2 {
	display: block;
}

.contentContainer > div .button a , .contentContainer > div .button1 a, .contentContainer > div .button2 a{
	font-family: VAGROUNL;
	font-size: 16px;
	line-height: 44px;
	text-align: left;
	display: block;
	/*padding: 0 70px 0 30px;*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	background-repeat: no-repeat;
	letter-spacing: 0.05em;
}

.contentContainer > div .button a:hover, .contentContainer > div .button1 a:hover, .contentContainer > div .button2 a:hover {
	color: #FFF;
}

.contentContainer > div .button a:visited, .contentContainer > div .button1 a:visited, .contentContainer > div .button2 a:visited {
	color: #FFF;
}

.contentContainer > div .button a , .contentContainer > div .button1 a, .contentContainer > div .button2 a{
	text-decoration: none;
}

.contentContainer > div .button, .contentContainer > div .button1, .contentContainer > div .button2 {
	margin-top: 20px;
	width: auto;
	bottom: 10px;
}

.button a , .button1 a, .button2 a  {
	background-image: url('/images/new_website/spritesheet-button-arrows.png');
	background-position: 90% -1172px;
	padding: 0 0 0 20px;
	width: 149px;
	font-size: 16px;
	line-height: 36px;
}

.GetSharing .button a {
	background-color: #1F2B33;
	/*background-position: 90% -392px;*/
}

#featurePanel .thirds .contentContainer > div .button a:hover {
	background-color: #ff3263;
	background-position: 92% -1172px;
}

#featurePanel .thirds .contentContainer > div .button1 a:hover {
	background-color: #4ed5df;
	background-position: 92% -1172px;
}

#featurePanel .thirds .contentContainer > div .button2 a:hover {
	background-color: #00e100;
	background-position: 92% -1172px;
}
#supportingHero p, #featurePanel p, #showcasePanel p {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 20px;
}

#featurePanel.GetSharing {
	background: #fff;
}

#featurePanel {
	padding-top: 50px;
	/*padding-bottom: 50px;*/
	position: relative;
	min-width: 990px;
}

.container {
	width: 896px;
	/*padding: 0 15px;*/
	margin: auto;
}

#featurePanel.GetSharing .thirds .contentContainer, #featurePanel.GetSharing .thirds .contentContainer > div p, #featurePanel.GetSharing .thirds .contentContainer > div .button, #featurePanel.GetSharing .thirds .contentContainer > div .button1, #featurePanel.GetSharing .thirds .contentContainer > div .button2 {
	text-align: center;
}

#featurePanel .thirds .contentContainer > div .button a, .home #featurePanel .thirds .contentContainer + .contentContainer + .contentContainer > div .button a {
	background-color: #E11D4B;
}

#featurePanel .thirds .contentContainer > div .button1 a, .home #featurePanel .thirds .contentContainer + .contentContainer + .contentContainer > div .button1 a {
	background-color: #12c5d2;
}

#featurePanel .thirds .contentContainer > div .button2 a, .home #featurePanel .thirds .contentContainer + .contentContainer + .contentContainer > div .button2 a {
	background-color: #01bf01;
}
#featurePanel .thirds .contentContainer {
	/*width: 285px;*/
	margin: 0 50px 0 0;
}

.contentContainer {
	display: inline-block;
	position: relative;
	height: 100%;
	position: static;
	vertical-align: top;
}

#featurePanel.GetSharing .thirds .contentContainer > div {
	width: 245px;
}

#featurePanel.GetSharing .thirds .contentContainer > div {
	height: auto;
}

#featurePanel .thirds .contentContainer > div p {
	text-align: left;
	color: #434747;
	line-height: 24px;
}

#featurePanel .thirds .contentContainer .text {
	min-height: 200px;
}

#featurePanel.GetSharing .thirds .contentContainer > div .button { position: static; }
#featurePanel.GetSharing .thirds .contentContainer > div .button1 { position: static; }
#featurePanel.GetSharing .thirds .contentContainer > div .button2 { position: static; }

#featurePanel .thirds .contentContainer > div .button, #featurePanel .thirds .contentContainer > div .button1, #featurePanel .thirds .contentContainer > div .button2 {
	position: absolute;
	bottom: 0;
	left: 0;
}

#featurePanel .thirds .contentContainer > div {
	float: left;
	width: 175px;
	height: 270px;
	position: relative;
	/*padding: 0 0 50px 0;*/
}

/*

*/

.clearFloats {
	clear: both !important;
}

.ctaNext {
	display: none;
}

.ctaNext {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 23px;
	margin: 0;
	padding: 0;
	text-align: right;
/*	background-color: #7ADA7B; */
    background-color: rgb(1, 191, 1); /* handle older browsers */
    background-color: rgba(1, 191, 1, 0.75);
}

.ctaNext i.fa-check {
	float: left;
	font-size: 18px;
	line-height: 26px;
	color: #FFF;
	background-color: #01BF01;
	padding: 0 4px;
}

a .ctaNext{
	color: #FFFFFF;
    font-family: Sintony-Regular;
	font-size: 13px;
	line-height: 26px;
	/*text-shadow: 0 0 8px #FFF;*/
}

/*a .ctaNextHover{
	color: #FFFFFF;
	text-shadow: none;
}*/

.ctaNextHover {
background: #79E27D;
background-color: rgba(1, 191, 1, 0.5);
}
#copyNShare_Button {
	position: relative;
}

.copyToolTips {
	float: right;
	margin-right: 10px;
	font-size: 18px;
	position: relative;
}

.copyToolTips:hover {
	cursor: pointer;
}

.copyToolTips .fa-question {
	position: absolute;
	top: 8.3px;
	right: 4.7px;
	color: #FFF;
}
.copyToolTips:hover .fa-question-circle {
	color: #01BF01;
}

.copyToolTips .fa-question-circle {
	position: absolute;
	top: 8px;
	right: 2px;
}
.copyToolTipsContentEmphasis {
	display:inline;
}
#copyNShare_Button .copyToolTipsContentEmphasis a{
	color: #01BF01;
}
.copyToolTipsContentEmphasis a:hover{
text-decoration:underline !important;
}
.copyToolTipsContent {
	top: -200px !important;
	border-radius: 3px !important;
/*	right: -276px !important; */
}
.copyToolTipsPointer {
	top: 20px;
	right: -12px;
}
.copyToolTipsPointer2 {
	top: 16px !important;
	right: 34px !important;
}

.stepToolTips {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	color: #666;
	padding: 0 4px;
}

.stepToolTips:hover {
	color: #01BF01;
}

.stepToolTips .fa-question {
	position: absolute;
	top: 2.3px;
	right: 4.7px;
	color: #FFF;
}

.stepToolTips .fa-question-circle {
	position: absolute;
	top: 2px;
	right: 2px;
}

.stepToolTipsPointer {
	display: none;
	position: absolute;
	top: 9px;
	right: -12px;
	width: 0;
	height: 0;
	padding: 0 !important;
	margin: 0 !important;
	border-bottom: 12px solid transparent;
	border-right: 12px solid #000;
	opacity:0.75;
	filter:alpha(opacity=75);
}

.stepToolTipsPointer2 {
	display: none;
	position: absolute;
	top: 9px;
	right: 18px;
	width: 0;
	height: 0;
	padding: 0 !important;
	margin: 0 !important;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #000;
	opacity:0.75;
	filter:alpha(opacity=75);
}

.stepToolTipsContent {
	display: none;
	position: absolute;
	top: 9px;
	right: -296px;
	border-radius: 0 3px 3px 3px;
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.75);
	background-color : rgb(0,0,0);
	opacity:0.75;
	filter:alpha(opacity=75); /* For IE8 and earlier */
	padding: 30px;
	width: 224px; /* 284 with padding */
	font-family: Sintony-Regular;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	z-index: 999;
}

.gotoStepBtn {
	top: auto !important;
	left: auto !important;
	text-align: right !important;
	width: 939px !important;
	margin: 0 auto !important;
}

.getTheCodeMssg {
	clear: both;
	display: block !important;
	margin: 0 auto;
	margin-top: 10px;
	padding-bottom: 20px;
	text-align: center;
}
a.gotoStep3{
display: inline-block;
width: 305px;
height: 105px;
}

.closeModal {
    color: #A3AAAE;
    float: right;
    margin-right: 10px;
    font-size: 18px;
    position: relative;
}

.closeModal:hover {
    cursor: pointer;
}

.closeModal .fa-times {
    position: absolute;
    top: -28px;
    right: -33px;
    color: #47545D;
	color: #FFF;
}
.closeModal .fa-times-circle {
    position: absolute;
    top: -27px;
    right: -34px;
	color: #01BF01;	
}
@media screen and (max-width: 1200px) {
	#site-navigation {
		min-width: 435px;
	}

	#site-navigation li a {
		padding: 0 10px;
		font-size: 18px;
	}

	#nav-toggler {
		margin-left: 10px;
	}

	#privacy hr, #api-overview hr, #news hr, #sharing hr, .technology hr {
		width: 100%;
		margin: 5px 0 30px 0;
	}
	
	#api-overview #topNav > div {
		margin-left: 80px;
		width: 910px;
	}
	
	#pageFooter #shareContainer{
	    min-width: 307px;
	}
	
    #pageFooter #shareContainer ul li{
		margin-left:4px;
	}
}
/**
* START: Below html for Webinar

#webinarsPanel {
    min-width: 920px;
    padding: 20px;
    position: relative;
    text-align: center;
    border-top: 2px solid #DDDDDD;
}
.GetSharing-webinars{
	background: none repeat scroll 0 0 #FFFFFF;
}
.webinarsContainer {
    display: inline-block;
    height: 100%;
    position: static;
    vertical-align: top;
	margin: 20px;
	width: 920px;
}
.imgWebinars{
	float: left;
	width: 300px;
}
.txtWebinars{
	float: left;
	width: 570px;
}
.txtWebinars h3 {
    color: #1F2B33;
    font-family: VAGROUNL;
    font-size: 32px !important;
    font-weight: normal;
    letter-spacing: 0.04em;
    line-height: normal;
    margin-top: 0px;
    margin-bottom: 20px;
}
.webinarsContainer p{
	font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #434747;
    font-family: Sintony-Regular;
    letter-spacing: 0;
    text-align: left;
}

#webinarsPanel h3{
    text-align: left;
}
p.tagLineWebinars{
	font-size: 17px;
	font-weight: bold;
}
.btnWebinars{
	background-color: #0060E2;
    background-image: url("/images/new_website/spritesheet-button-arrows.png");
    background-position: 96% 7px;
    background-repeat: no-repeat;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    font-family: VAGROUNL;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 40px;
    margin-right: 75px;
    padding: 0 0 0 35px;
    text-align: left;
    text-decoration: none;
    width: 170px;
}

#webinarsPanel .btnWebinars p{
    line-height: 3;
    margin-bottom: 0px;
}
.clearFloat{
	clear: both;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

	::i-block-chrome,p.tagLineWebinars {
		font-size: 15px;
	}
}


* END: Below html for Webinar
*/