/*
1em = 16px;
*/

html {
	width: 100%;
	height: 100%;
}
body {
margin: 0px;
width: 100%;
font : 0.75em Verdana, Arial, Tahoma;
line-height : 1.5em;

color : #222;
height: 100%;
}




body, input, select, textarea {
	font-family: 'Arial', 'Helvetica', 'Sans-serif';
	color: #000000;
}

select, textarea, input {
	font-size: 100%;
}

code, pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 100%;
	background-color: #f0f0f0;
}

td {
	vertical-align: top;
}

img {
	border: none;
}


/* Header */

html>body .header {
	height: auto;
}

#header {
margin:0 auto;
padding:0;
padding : 0;
min-height : 94px;!important;
background : url(../images/top-bg.jpg) repeat-x;
/* background-position : right 0%;*/
width : 100%;min-width: 980px;
border-bottom : 1px solid #ffffff;
}

/* Logo */

#logospace {
margin: 0px;
padding:0px;
float:left;
}

#header #logospace h1 a{

	color:#fff;


			width:281px;

			height:94px;	

        font-size:18px;

		font-weight:normal;

			top:0;

			left:0;


		

}



#header #logospace h1 a span{

	color:#fff;

     position:absolute;

			width:281px;

			height:94px;

			top:0;

			left:0;

			background:transparent url(http://www.twoiplink.com/images/logo.jpg) no-repeat 0 0;

}



div#header #logospace a hover{

text-decoration:none;

}

#grbg {
background : url(../images/gradient-bg.jpg) repeat-x;
height : 37px;
}

.content {
margin : 0 auto;
padding : 0;
width :  985px;
background-color : #ffffff;
}


/* Login */

.r-help {
font : 16px Tahoma, Arial, sans-serif;
font-weight : bold; 
color : #E0E0E0;
}

#cat {
top : 0;
height : 11em;
width : 450px;
margin : 0;
right : 0;
position : absolute;

 
}
.catin {
background : url(../images/drop-bg.gif) no-repeat;
width : 100%;
width : 50em;
height : 11em;
}
#cat input {
background-color : #ffffff;
border : 1px solid #31820d;
color : #000;
font-family : Verdana, Tahoma, Helvetica, sans-serif;
font-size : 1em;
padding : 2px;	vertical-align: middle;
}

#cat label {
padding: 0px 0px 0px 0px; 
	vertical-align: middle;
	color: #cccccc; 
}




/* Join Now Button */

a#joinnow {
display : block;
width : 213px;
height : 53px;
background-image : url(../images/sel.gif);
margin : 0;
border : 0;
}


.break {
	clear: both;
}

.hidden {
	display: none;
}

 sup {
 position:relative;
 bottom:0.3em;
 vertical-align:baseline;
 }

 sub {
 position:relative;
 bottom:-0.2em;
 vertical-align:baseline;
 }

sup {
	font-size: 0.35em;
	vertical-align: super;
}
sub {
	font-size: 0.35em;
	vertical-align: sub;
}



/* Head right navigation */



#headright {
float : right;
font-weight:bold;
font-family: Verdana, tahoma, arial;
}

#nav {
margin-top : 0;
text-align : right;
padding : 5px 0px 5px 5px;
font-size : 1.0em;
color : #000000;
}

.header .navigation a {
	font-size: 1.0em;font-weight:bold;
	color: #33ccff;
	text-decoration: none;
	float: left;
}
.header .navigation a:hover {
	text-decoration: underline;font-weight:bold;
}
.header .navigation a.selected {
	color: #33ccff;font-weight:bold;
}




.login {
	position: absolute;	
	right: 0px;	
	width: 50em; 
	z-index: 4;
}

.login .loginBox {
	position: relative; 
	height: auto;
}

.login .loginBox p {
	padding: 0px;
	margin: 0px;
}

.login .loginBox p a {
	color: #ffffff;
	text-decoration: underline;
}
.login .loginBox p a:hover {
	color: #3399cc;
	text-decoration: underline;
}

.login .loginBox .loginBack {
	position: absolute; 
	z-index: -1; 
	bottom: 0px;
}

.login .loginBox .loginBack img {
	width: 50em;
	height: 10em;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
}

.login .loginBox .loginFront {
	color: #cccccc; 
	padding: 5px 10px 10px 10px; 
	margin: 0px 0px -20px 0px; 
	text-align: right;
}

.login .loginBox .loginFront label {
	padding: 0px 0px 0px 10px; 
	vertical-align: middle;
}

.login .loginBox .loginFront input.text {
	width: 10em;
}

.login .loginBox .loginFront input {
	vertical-align: middle;
}

.login .loginBox .loginFront img {
	vertical-align: middle;
}




.main {
	height: auto;
	padding: 10px 0px 65px 0px;
}
.mainContent {
	margin: 0px auto;
	width: 980px;	height: auto;
}




/* Set 1 */

.leftColumn {
	float: left;
	display: inline;
	padding: 0px 15px 15px 0px;
}

.leftColumn .columnContent {
	width: 220px;
}

.centerColumn {
	float: left;
	display: inline;
}

.centerColumn .columnContent {
	padding: 0px;
	width: 510px;
}

.centerColumnWide {
	float: left;
	display: inline;
}

.centerColumnWide .columnContent {
	padding: 0px 0px 15px 0px;
	width: 745px;
}

.rightColumn {
	float: left;
	display: inline;
	padding: 0px 0px 15px 15px;
}

.rightColumn .columnContent {
	width: 220px;
}

.boxContent {
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
}
.boxTop {
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	height: 8px;
	line-height: 0px;
}
.boxBtm {
	border-bottom: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	height: 8px;
	line-height: 0px;
}
.bc {
	position: relative;
	width: 8px;
	height: 8px;
	font-size: 1px;
	background-repeat: no-repeat;
	margin-bottom: -1px;
	z-index: 2;
	line-height: 0px;
}
.ctr {
	float: right;
	background-image: url(../images/ctr.gif);
	margin-right: -1px;
	margin-top: -1px;
	line-height: 0px;
}
.ctl {
	float: left;
	background-image: url(../images/ctl.gif);
	margin-left: -1px;
	margin-top: -1px;
	line-height: 0px;
}
.cbr {
	float: right;
	background-image: url(../images/cbr.gif);
	margin-right: -1px;
	margin-top: 1px;
	line-height: 0px;
}
.cbl {
	float: left;
	background-image: url(../images/cbl.gif);
	margin-left: -1px;
	margin-top: 1px;
	line-height: 0px;
}
.padding {
	padding: 0px 10px;
	margin: -9px 0px;
}
/* Set 1 end */

/* set 2 */

.leftColumn2 {
	float: left;
	display: inline;
	padding: 0px 15px 15px 0px;
}

.leftColumn2 .columnContent2 {
	width: 80px;
}

.centerColumn2 {
	float: left;
	display: inline;
}

.centerColumn2 .columnContent2 {
	padding: 0px;
	width: 610px;
}

.centerColumnWide2 {
	float: left;
	display: inline;
}

.centerColumnWide2 .columnContent2 {
	padding: 0px 0px 15px 0px;
	width: 645px;
}

.rightColumn2 {
	float: left;
	display: inline;
	padding: 0px 0px 15px 15px;
}

.rightColumn2 .columnContent2 {
	width: 220px;
}

.boxContent2 {
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
}
.boxTop2 {
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	height: 8px;
	line-height: 0px;
}
.boxBtm2 {
	border-bottom: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	height: 8px;
	line-height: 0px;
}

/* set 2 end */















.mainContent {
	font-size: 105%;
}


.mainContent .twoColumns {
	width: 510px;
}

.mainContent .twoColumns .column1 {
	float: left;
	width: 247px;
	padding: 0px 0px 15px 0px;
}

.mainContent .twoColumns .column2 {
	float: right;
	width: 247px;
	padding: 0px 0px 15px 0px;
}

.mainContent .cornerBox .twoColumns {
	width: 488px;
}

.mainContent .cornerBox  .twoColumns .column1 {
	float: left;
	width: 236px;
	padding: 0px 0px 15px 0px;
}

.mainContent .cornerBox  .twoColumns .column2 {
	float: right;
	width: 236px;
	padding: 0px 0px 15px 0px;
}




.mainContent .boxContent .sideNavigation {
	margin: 0px -10px -10px -10px;
	padding: 0px;
}

.mainContent .boxContent .sideNavigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.mainContent .boxContent .sideNavigation ul li {
	margin: 0px;
	padding: 0px 0px 1px 0px;
}

.mainContent .boxContent .sideNavigation ul li a {
	display: block;
	padding: 8px 10px;
	margin: 0px;
}

.mainContent .boxContent .sideNavigation ul li a.selected {
	background-color: #000000;
	background-image: url(../image/sidenavigation_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #ffffff;
	font-weight: bold;
}

.mainContent .boxContent .sideNavigation ul li li a {
	display: block;
	padding: 4px 10px 4px 20px;
	margin: 0px;
}

.mainContent .boxContent .sideNavigation ul ul {
	border-bottom: 1px solid #cccccc;
}

.mainContent .boxContent .sideNavigation ul li li a.selected {
	background-color: #ffffff;
	background-image: none;
	color: #333333;
	font-weight: bold;
}

.mainContent .boxContent .sideNavigation ul li li a.selected:hover {
	color: #3399cc;
}


.mainContent .boxContent .sideNavigation ul li li li a {
	padding: 4px 10px 4px 30px;
}

.mainContent .boxContent .sideNavigation ul li li li li a {
	padding: 4px 10px 4px 40px;
}



.mainContent {
	color: #333333;
}

.mainContent h1 {
	font-size: 300%;
	font-weight: bold;
	margin: 0px 0px 0.75em 0px;
	padding: 0px; letter-spacing:-1px;
}


.mainContent h1 a {
	color: #333333;
	text-decoration: none;
}

.mainContent h1 a:hover {
	text-decoration: none;
}

.mainContent h2 {
	font-size: 200%;
	font-weight: normal;
	margin: 0.5em 0px;
	padding: 0px;
}

.mainContent h3 {
	font-size: 150%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0.5em 0px;
}

.mainContent h4 {
	font-size: 130%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0.5em 0px;
}

.mainContent h5 {
	font-size: 115%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0.5em 0px;
}

.mainContent h6 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0.5em 0px;
}

.mainContent p {
	margin: 0px;
	padding: 0px 0px 0.5em 0px;
}

.mainContent hr {
	height: 1px;
	border-top: 1px solid #cccccc;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.mainContent ul {
	margin: 0.5em 0px 0.5em 15px;
	padding: 0px 0px 0px 15px;
}

.mainContent ol {
	margin: 0.5em 0px 0.5em 15px;
	padding: 0px 0px 0px 15px;
}

.mainContent .minorNotification {
	color: #cc0000;
}

.mainContent img.large {
	padding: 0px 0px 15px 0px;
}

.mainContent img.floatRight {
	float: right; 
	margin: 0px 0px 0px 15px;
}
.mainContent img.floatLeft {
	float: left; 
	margin: 0px 15px 0px 0px;
}

.mainContent a {
	color: #3399cc;
	text-decoration: none;
}

.mainContent a:hover {
	color: #3399cc;
	text-decoration: underline;
}

.mainContent .featureBox a {
	color: #3399cc;
	text-decoration: none;
}

.mainContent .featureBox a:hover {
	color: #3399cc;
	text-decoration: underline;
}

.mainContent table {
	width: 509px;
	padding: 0px;
	margin: 0px;
}

.mainContent pre {
	border-left: 5px solid #cccccc;
	padding: 10px 0px 10px 15px;
	margin: 1em 0em;
}

.mainContent .boxContent h1 {
	font-size: 200%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0.5em 0px;
}

.mainContent .boxContent h2 {
	font-size: 200%;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 0.5em 0px;
}

.mainContent .boxContent h3 {
	font-size: 150%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0.5em 0px;
}

.mainContent .boxContent h4 {
	font-size: 130%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0.5em 0px;
}

.mainContent .boxContent h5 {
	font-size: 115%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0.5em 0px;
}

.mainContent .boxContent h6 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0.5em 0px;
}

.mainContent .boxContent p {
	margin: 0px;
	padding: 0px 0px 0.5em 0px;
}

.mainContent .boxContent ul, .mainContent .boxContent ol {
	margin: 0px 0px 0.5em 15px;
	padding: 0px 0px 0.5em 15px;
}

.mainContent .boxContent h1 img,
.mainContent .boxContent h2 img,
.mainContent .boxContent h3 img,
.mainContent .boxContent h4 img,
.mainContent .boxContent h5 img,
.mainContent .boxContent h6 img {
	vertical-align: middle;
}

.mainContent .leftColumn .boxContent a {
	color: #333333;
	text-decoration: none;
}
.mainContent .leftColumn .boxContent a:hover {
	text-decoration: underline;
}
.mainContent .rightColumn .boxContent a {
	color: #333333;
	text-decoration: none;
}
.mainContent .rightColumn .boxContent a:hover {
	text-decoration: underline;
}
.mainContent .boxContent a.selected {
	color: #3399cc;
	font-weight: bold;
	text-decoration: none;
}
.mainContent .boxContent a.selected:hover {
	text-decoration: underline;
}
.mainContent .leftColumn .boxContent p a {
	color: #3399cc;
	text-decoration: underline;
}
.mainContent .leftColumn .boxContent p a:hover {
	text-decoration: none;
}
.mainContent .rightColumn .boxContent p a {
	color: #3399cc;
	text-decoration: underline;
}
.mainContent .rightColumn .boxContent p a:hover {
	text-decoration: none;
}

.mainContent .altHeadline {
	position: relative;
	width: 510px;
	height: auto;
	overflow: hidden;
	margin: 0px 0px 0.5em 0px;
}

.mainContent .centerColumn .altHeadline {
	width: 510px;
}

.mainContent .altHeadline .altHeadlineBack {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 2.75em;
	top: 0px;
}
.mainContent .altHeadlineBack img {
	float: left;
	width: 100%;
	height: 100%;
	background-color: #dddddd;
}
.mainContent .altHeadlineFront {
	padding: 7px 10px 8px 10px;
}
.mainContent .altHeadlineFront h3 {
	margin: 0px;
	padding: 0px;
}
.mainContent .altHeadlineFront img {
	float: left;
	margin: 0px 10px 0px 0px;
}
.mainContent .altHeadlineFront a {
	color: #333333;
}
.mainContent .altHeadlineFront a:hover {
	color: #3399cc;
}
.mainContent .boxContent .altHeadline {
	position: relative;
	width: 218px;
	height: auto;
	overflow: hidden;
	margin: 0px -10px 0.5em -10px;
}

.mainContent .boxContent .altHeadline .altHeadlineBack {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 2.75em;
	top: 0px;
}

.mainContent .twoColumns .boxContent  .altHeadline {
	width: 245px;
}

.mainContent .boxContent .altHeadlineBack img {
	float: left;
	width: 100%;
	height: 100%;
	background-color: #dddddd;
}

.mainContent .boxContent .altHeadlineFront {
	padding: 7px 10px 8px 10px;
}

.mainContent .boxContent .altHeadlineFront h3 {
	margin		: 0px;
	padding		: 0px;
	display		: inline;
}



.mainContent .cornerBox {
	margin: 0px 0px 15px 0px;
}

.mainContent .featureBox {
	margin: 15px 0px;
}

.mainContent .firstBox {
	margin: 0px 0px 15px 0px;
}


.mainContent .featureBox .boxContent .padding {
	padding: 10px 15px;
}

.mainContent .whatsonFeatureBox .boxContent .padding {
	padding: 0px; 
	margin: 0px; 
	line-height: 0px;
}

.mainContent .whatsonFeatureBox img {
	margin: -8px 0px;
}


.mainContent .whatsonToplist .padding {
	margin: -9px 0px 0px 0px;
}

.mainContent .whatsonToplist ul {
	list-style-type: none;
	margin: 0px -10px 0px -10px;
	padding: 0px;
}
.mainContent .whatsonToplist li {
	margin: 0px;
	padding: 2px 10px 2px 10px;
	font-size: 110%;
	font-weight: bold;
	color: #999999;
	clear: both;
	height: 32px;
	vertical-align: middle;
}

.mainContent .whatsonToplist img {
	padding: 0px 10px 0px 0px;
	vertical-align: middle;
	float: left;
}

.mainContent .whatsonToplist span {
	padding: 8px 0px 0px 0px;
	vertical-align: middle;
}

.mainContent .whatsJoost {
	margin: 0px;
}

.mainContent .contentBox {
	line-height: 0em;
	position: relative;
	width: 510px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

.mainContent .contentBox .boxTop {
	position: absolute;
	line-height: 0em;
	top: 0px;
	border: none;
	width: 510px;
	height: 8px;
	z-index: 3;
}

.mainContent .contentBox .boxBtm {
	position: absolute;
	line-height: 0em;	
	border: none;
	width: 510px;
	height: 8px;
	bottom: 15px;
	z-index: 3;
}

.mainContent .contentBox .ctr {
	float: right;
	background-image: url(../images/ctrw.gif);
	margin-right: 0px;
	margin-top: 0px;
}
.mainContent .contentBox .ctl {
	float: left;
	background-image: url(../images/ctlw.gif);
	margin-left: 0px;
	margin-top: 0px;
}
.mainContent .contentBox .cbr {
	float: right;
	background-image: url(../images/cbrw.gif);
	margin-right: 0px;
	margin-top: 1px;
}
.mainContent .contentBox .cbl {
	float: left;
	background-image: url(../images/cblw.gif);
	margin-left: 0px;
	margin-top: 1px;
}


.mainContent .contentBox .boxContent {
	width: 525px;
	padding: 0px;
	margin: 0px 0px;
	border: none;
}

.mainContent .contentBox .contentItem {
	padding: 0px 15px 15px 0px;
	float: left;
}

.mainContent .contentBox .contentItem .contentItemContent {
	display: block;
	position: relative;
	background-image: url(../images/main_channellogo_back.gif);
	width: 160px;
	height: 120px;
}

.mainContent .contentBox .contentItem img {
	line-height: 0em;
	position: relative;
	width: 160px;
	height: 120px;
}

.mainContent .contentBox .contentItem img.channellogo {
	line-height: 0em;
	position: relative;
	width: 144px;
	height: 80px;
	top: 6px;
	left: 8px;
}

.mainContent .contentBox .contentItem .contentTitle {
	display: block;
	top: 90px;
	left: 0px;
	width: 160px;
	position: absolute;
	z-index: 1;
}
.mainContent .contentBox .contentItem .contentTitleBack {
	display: block;
	top: 0px;
	left: 0px;
	position: absolute;
	width: 160px;
	height: 30px;
	background-color: #000000;
	z-index: 0;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;		
}
.mainContent .contentBox .contentItem .contentTitleFront {
	display: block;
	line-height: 1.25em;
	top: 0px;
	left: 0px;
	position: absolute;
	width: 160px;
	height: 30px;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 4px;
	overflow: hidden;
	z-index: 1;
}

.mainContent .iconList {
	padding: 0px 0px 10px 0px;
}

.mainContent .iconList ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.mainContent .iconList li {
	margin: 0px;
	padding: 0px;
	clear: both;
}

.mainContent .iconList li img {
	float: right;
	margin: 0px 0px 0px 10px;
}

.mainContent .iconList li .iconListText {
	float: left;
	width: 168px;
}

.mainContent .iconBlock {
	margin: 0px 0px 5px 0px;
}
.mainContent .iconBlock h3 {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
.mainContent .iconBlock h3 a {
	color: #333333;
}

.mainContent .iconBlock p {
	float: left;
}
.mainContent .iconBlock p a {
	color: #999999;
}

.mainContent .iconBlock img {
	float: left;
	margin: 0px 10px 15px 0px;
}

.mainContent .iconBlock .row {
	clear: both;
}

.mainContent .iconBlock .textblock {
	float: left;
	width: 400px;
}

.mainContent .twoColumns .iconBlock .textblock {
	float: left;
	width: 170px;
}




.mainContent .pagination {
	width: 100%;
}

.mainContent .pagination .hidden {
	display: none;
}

.mainContent .pagination p {
	text-align: center;
	margin: 10px 0px;
}

.mainContent .pagination .left {
	float: left;
}

.mainContent .pagination .right {
	float: right;
}

.mainContent .pagination a {
	text-decoration: none;
	color: #999999;
	padding: 0px 5px;
}

.mainContent .pagination a:hover {
	text-decoration: underline;
}

.mainContent .pagination .pageNumbers a {
	padding: 0px 2px;
	font-weight: bold;
	text-decoration: none;
}

.mainContent .pagination .pageNumbers a:hover {
	text-decoration: none;
	color: #000000;
}

.mainContent .pagination .pageNumbers a span {
	padding: 1px 4px;
	border: 1px solid #999999;
	background-color: #ffffff;
}

.mainContent .pagination .pageNumbers a:hover span {
	padding: 1px 4px;
	border: 1px solid #666666;
	background-color: #cccccc;
}

.mainContent .searchResults .resultQuery p {
	font-size: 125%;
}

.mainContent .searchResults .resultQuery span {
	font-weight: bold;
}

.mainContent .searchResults select {
	vertical-align: middle;
}

.mainContent .searchResults .resultsSortBy {
	float: right; 
}

.mainContent .searchResults .resultsPerPage {
	float: left; 
}

.mainContent .leftColumn form,
.mainContent .rightColumn form {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.mainContent .leftColumn input.text,
.mainContent .rightColumn input.text {
	width: 194px;
	margin: 0px;
	padding: 0px;
}

.mainContent .leftColumn input.submit,
.mainContent .rightColumn input.submit {
	float: right;
	margin: 0px;
	padding: 0px;
}


.mainContent .featureBoxForm {
	position: relative;
	height: 100%;
}

.mainContent .featureBoxForm form {
	width: 478px;
	padding: 0px;
	margin: -2px;
}

.mainContent .featureBoxForm form.inline {
	float: left; 
	width: 230px;
	margin: 0px;
	padding: 0px;
}

.mainContent .featureBoxForm .padding {
	padding: 0px;
}

.mainContent .featureBoxForm .row {
	clear: both;
	margin: 0.25em 0px;
}

.mainContent .featureBoxForm .row .colmn {
	float: left;
	width: 239px;
	margin: 0px;
}

.mainContent .featureBoxForm .fieldLabel {
	display: block;
	font-weight: bold;
}
.mainContent .featureBoxForm textarea {
	height: 10em;
}

.mainContent .featureBoxForm textarea,
.mainContent .featureBoxForm input,
.mainContent .featureBoxForm select,
.mainContent .featureBoxForm option {
	font-size: 100%;
}
.mainContent .featureBoxForm .inputCheckbox,
.mainContent .featureBoxForm .inputRadio {
	margin: 0px 8px 0px 0px;
	padding: 0px;
	vertical-align: middle;
}

.mainContent .featureBoxForm .inputImage {
	vertical-align: middle;
	margin: 0px 8px 0px 0px;
}

.mainContent .featureBoxForm select,
.mainContent .featureBoxForm textarea,
.mainContent .featureBoxForm .inputText,
.mainContent .featureBoxForm .inputPassword, 
.mainContent .featureBoxForm .inputFile {
	border: 1px solid #999;
}
.mainContent .featureBoxForm .row select,
.mainContent .featureBoxForm .row textarea,
.mainContent .featureBoxForm .row .inputText,
.mainContent .featureBoxForm .row .inputPassword, 
.mainContent .featureBoxForm .row .inputFile {
	width: 460px;
}
.mainContent .featureBoxForm .row .colmn select,
.mainContent .featureBoxForm .row .colmn textarea,
.mainContent .featureBoxForm .row .colmn .inputText,
.mainContent .featureBoxForm .row .colmn .inputPassword, 
.mainContent .featureBoxForm .row .colmn .inputFile {
	width: 220px;
}

.mainContent .featureBoxForm .submit {
	margin-right: 0px;
	text-align: right; 
}

.mainContent .featureBoxForm .errorMessage span {
	color: red;
}
.mainContent .featureBoxForm .errorMessage select,
.mainContent .featureBoxForm .errorMessage textarea,
.mainContent .featureBoxForm .errorMessage .inputText,
.mainContent .featureBoxForm .errorMessage .inputPassword, 
.mainContent .featureBoxForm .errorMessage .inputFile {
	border: 1px solid red;
	background-color: #fee;
	color: red;
}

.mainContent .featureBoxForm .checkList p {
	margin: 0px;
}
.mainContent .featureBoxForm .checkList ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.mainContent .featureBoxForm .checkList li {
	margin: 0.25em 0px;
	padding: 0px;
}
.mainContent .featureBoxForm .checkRow p {
	margin: 0px;
}
.mainContent .featureBoxForm .checkRow ul {
	margin: 0px 0px 0.5em 0px;
	padding: 0px;
	list-style-type: none;
}
.mainContent .featureBoxForm .checkRow li {
	margin: 0.25em 0px;
	padding: 0px;
	display: inline;
	white-space: nowrap;
}
.mainContent .featureBoxForm .checkRow li label {
	margin: 0px 1em 0px 0px;
}

 .recaptchatable td img {
display: block;
}
 .recaptchatable .recaptcha_image_cell center img { height:57px;}
 .recaptchatable .recaptcha_image_cell center { height:57px;}
 .recaptchatable .recaptcha_image_cell {background-color:white; height:57px; padding: 3px;  !important;}
 .recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
margin:0px !important;
border:0px !important;
border-collapse: collapse !important;
vertical-align: middle !important;
}
 .recaptchatable * {
margin:0px;
padding:0px;
border:0px;
color:black;
position:static;
top:auto;
left:auto;
right:auto;
bottom:auto;
text-align:left !important;
}
 .recaptchatable #recaptcha_image {
margin:auto;
border: 0px solid #dfdfdf !important;
}
  .recaptchatable a img {
border:0px;
}
.recaptchatable a, .recaptchatable a:hover {
-moz-outline:none;
border:0px !important;
padding:0px !important;
text-decoration:none;
color:blue;
background:none !important;
font-weight: normal;
}
 .recaptcha_input_area {
position:relative !important;
background:none !important;
}
 .recaptchatable label.recaptcha_input_area_text {
border:0px solid #dfdfdf !important;
margin:0px !important;  
padding:0px !important;
position:static !important;
top:auto !important;
left:auto !important;
right:auto !important;
bottom:auto !important;
}
 .recaptcha_theme_red label.recaptcha_input_area_text,
.recaptcha_theme_white label.recaptcha_input_area_text {
color:black !important;
}
 .recaptcha_theme_blackglass label.recaptcha_input_area_text {
color:white !important;
}
 .recaptchatable #recaptcha_response_field  {
font-size:11pt;
}
 .recaptcha_theme_blackglass #recaptcha_response_field,
.recaptcha_theme_white #recaptcha_response_field {
border: 0px solid gray;
}
 .recaptcha_theme_red #recaptcha_response_field {

}
 .recaptcha_audio_cant_hear_link {
font-size:7px;
color:black;
}
 .recaptchatable {
line-height:1em;
border: 0px solid #dfdfdf !important;
}
 .recaptcha_error_text {
color:red;
}
 .recaptcha.logo {
display:none;
}

.recaptcha_is_showing_audio .recaptcha_only_if_image,.recaptcha_isnot_showing_audio .recaptcha_only_if_audio,.recaptcha_had_incorrect_sol .mainContent .featureBoxForm .recaptcha_only_if_no_incorrect_sol,.recaptcha_nothad_incorrect_sol .recaptcha_only_if_incorrect_sol{}

 #recaptcha_logo{

  display:none;

 }

#recaptcha_tagline{

  display:none;

 }

 #recaptcha_image{

 background:#FFF;

 }

#recaptcha_whatsthis

{

	display:none;

}

.recaptchatable .recaptcha_image_cell, #recaptcha_table {

   background-color:transparent !important; /*reCaptcha widget background color*/


 }

 

 #recaptcha_table {

   border-color: #fff !important; /*reCaptcha widget border color*/

 }

 #recaptcha_response_field {

   border-color: #dfdfdf !important; /*Text input field border color*/

   color: #000;

   }

.mainContent .featureBoxForm .privacypolicy {
	margin: 0.25em 0em 0em 0em;
	float: left;
	color: #999999;
}
.mainContent .featureBoxForm .privacypolicy p, 
.mainContent .featureBoxForm .privacypolicy a {
	color: #999999;
}
.mainContent .featureBoxForm .avatar {
	position: absolute; 
	right: 20px;
}
.mainContent .featureBoxForm .avatar img {
	float: none;
}



.mainContent .featureBoxText {
	float: left;
	padding: 0px;
	width: 230px;
}


.mainContent .featureBoxTextNotification {
	width: 400px;
	float: left;
	padding: 0px 0px 0px 10px;
}

.mainContent .twoColumns .featureBoxTextNotification {
	width: 150px;
}

.mainContent .twoColumns .featureBox .padding {
	padding: 10px 5px 10px 10px;
}

.mainContent .rightColumn .featureBoxTextNotification {
	width: 135px;
	float: left;
	padding-left: 5px;
}

.mainContent .rightColumn .featureBox .padding {
	padding: 10px 5px;
}



.mainContent .featureBoxIcon {
	float: left;
}
.mainContent .featureBoxColorRed {
	background-color: #fee;
	height: 100%;
}
.mainContent .featureBoxColorGreen {
	background-color: #efe;
	height: 100%;
}
.mainContent .featureBoxColorBlue {
	background-color: #eef;
	height: 100%;
}
.mainContent .featureBoxColorYellow {
	background-color: #ffe;
	height: 100%;
}



.mainContent .downloadBox {
	background-color: #fff;
}

.mainContent .downloadBox {
	margin: 0px 0px 20px 0px;
	position: relative;
	height: 100%;
}

.mainContent .downloadBox .downloadIcon {
	position: absolute; 
	left: -12px; 
	top: -23px; 
	z-index: 255;
}

.mainContent .downloadBox .altHeadline {
	position: relative;
	width: 218px;
	min-height: 62px;
	height: 100%;
	overflow: hidden;
	margin: 0px -10px 0px -10px;
}
.mainContent .downloadBox .altHeadline .altHeadlineBack {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 60px;
	top: 0px;
	overflow: hidden;
}
.mainContent .downloadBox .altHeadlineBack img {
	float: left;
	width: 100%;
	height: 60px;
	background-color: #fff;
}
.mainContent .downloadBox .altHeadlineFront {
	padding: 7px 0px 8px 18px;
}

.mainContent .downloadBox .altHeadlineFront p {
	color: #ffffff; 
	padding-left: 55px; 
	padding-top: 6px;
}

.mainContent .downloadBox .altHeadlineFront span.downloadJoost {
	font-size: 125%; 
	font-weight: bold; 
	color: #ffffff;
}

.mainContent .downloadBox .altHeadlineFront span.version {
	color: #cccccc;
	font-size: 95%
}
.mainContent .downloadBox p a {
	text-decoration: none;
}
.mainContent .downloadBox p a:hover {
	text-decoration: underline;
}
.mainContent .downloadBox .tagline {
	display: none;
	text-align: center;
	color: #66cc33; 
	font-weight: bold; 
	font-size: 150%;
}

.mainContent .downloadBlock {
	padding: 15px 0px;
	margin: 0px;
}

.mainContent .downloadBlock .padding {
	position: relative;
	padding: 0px;
	margin: 0px;
}

.mainContent .downloadBlock .overlay {
	position: absolute;
	top:57px;
	left:305px;
}



.mainContent #playnow {
	position: relative; 
	top: 0px; 
	margin-top: -23px; 
	height: 72px;
}

.mainContent #playnow p {
	padding: 0px;
	margin: 0px;
}

.mainContent #playnow a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.mainContent #playnow a:hover {
	color: #ffffff;
	text-decoration: none;
}
.mainContent #playnow img.base {
	position: absolute; 
	left: 0px;
	height: 72px;
	width: 220px;
}

.mainContent #playnow img.wait {
	position: absolute; 
	left: 8px;
	top: 0px;
}


.mainContent #playnow span.title {
	position: absolute; 
	top: 13px; 
	left: 85px; 
	font-size: 175%;
	color: #3399cc;
}
.mainContent #playnow span.text {
	position: absolute; 
	top: 36px; 
	left: 85px; 
	color: #999999;
	font-weight: normal;
}


.mainContent .stepDowload {
	clear: both;
}
.mainContent .stepHeadline {
	position: relative;
	width: 2.5em;
	height: 2.5em;
	overflow: hidden;
	margin-bottom: 1em;
	float: left;
}
.mainContent .stepHeadline .stepHeadlineBack {
	position: absolute;
	z-index: -1;
	width: 2.5em;
	height: 2.5em;
	top: 0px;
}
.mainContent .stepHeadlineBack img {
	width: 2.5em;
	height: 2.5em;
	background-color: #000000;
}
.mainContent .stepHeadlineFront {
	height: 2.5em;
	text-align: center;
	width: 2.5em;
}
.mainContent .stepHeadline h2 {
	font-weight: bold;
	color: #fff;
	font-size: 165%;
	line-height: 1.5em;
	margin: 0px;
}
.mainContent .stepHeadline span {
	display: none;
}
.mainContent .stepDescription {
	float: left;
	width: 80%;
	margin: 0.5em;
}
.mainContent .stepDescription h3 {
	color: #000000;
}
.mainContent .stepDescription p {
	margin: 0.5em 0em;
}
.mainContent .stepDescription img {
	margin: 0.5em 0em 0em 0em;
	float: none;
}
.mainContent .stepDowload .versionInformation  {
	color: #cccccc;
}
.mainContent .stepDowload .versionInformation p {
	color: #999999;
}

.mainContent .cornerBox .tableHeadline {
	width: 508px;
}

.mainContent .centerColumnWide .cornerBox .tableHeadline {
	width: 743px;
}


.mainContent .cornerBox table {
	margin: 1px -11px 0px -10px;
	empty-cells: show;
}



.mainContent .cornerBox table th,
.mainContent .cornerBox table td {
	padding: 0.25em 0.5em 0.25em 0.5em;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: top;
}




.mainContent .screenshot {
	margin-top: 2em;
}

.mainContent .screenshot img.left {
	float: left;
	margin-bottom: 0.5em;
	width: 245px;
}

.mainContent .screenshot img.right {
	float: right;
	margin-bottom: 0.5em;
	width: 245px;
}

.mainContent .bannerList .floatLeft {
float: left;
}
.mainContent .bannerList .floatRight {
float: right;
}
.mainContent .bannerList {
	margin: 15px 0px 15px 0px;
}
.mainContent .bannerList img {
	display: block;
	margin: 0px 0px 15px 0px;
}
.mainContent .bannerList textarea {
	font-family: "Courier New", Courier, monospace;
	width: 245px;
	height: 8em;
	margin: 0em 0em 1em 0em;
}

.mainContent .banner {
	margin: 0em 0em 2em 0em;
}


.mainContent .knowledgebaseQuestion {
	margin-top: 2em;
}
.mainContent .knowledgebaseQuestion .blogPaging img {
	vertical-align: middle;
}
.mainContent .knowledgebaseQuestion h3 img {
	vertical-align: middle;
	float: none;
	margin: 0em 0.25em 0em 0em;
}


.mainContent .knowledgebaseQuestionList ul {
	font-size: 100%;
}
.mainContent .knowledgebaseQuestionList li {
	margin: 0.25em 0em;

}

.mainContent .knowledgebaseQuestionList li a {
	color: #999999;

}

.mainContent .landingLogo .boxContent {
	text-align: center;
}

.mainContent .landingLogo .padding {
	padding: 4px 0px;
}

.mainContent .releasenotes img {
	vertical-align: middle;
}	


.mainContent .feedsList .padding {
	padding: 10px;
}

.mainContent .feedsList ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}
.mainContent .feedsList li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 3px 0px;
}
.mainContent .feedsList a {
  padding: 0px 0px 0px 20px;
  color: #999999;
  background-image: url("../images/rssfeed.gif");
  background-repeat: no-repeat;
  background-position: 0% 50%;
}
.mainContent .feedsList a:hover {
  color: #3399cc;
}

.mainContent .feedicon {
  vertical-align: middle;
}

/* @group Spoonish looking extensions */

.mainContent .spoonish .altHeadlineFront.selected {
	color	: #fff;
}

.mainContent .spoonish .altHeadlineFront{
	margin-bottom: 4px;
	padding-bottom:0;
	font-size: 90%;
}

.mainContent .spoonish .altHeadline{
	margin-bottom: 0;
}

/* @end */


.footer {
float : left;
margin : 0 auto;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	width: 100%;
	height: 54px;
	bottom: -1px;
	overflow: hidden;
}
.footer .back {
	background-color: #F9FFF9;
	position: absolute;
	width: 100%;
	height: 50px;
	z-index: 1;
}
.footer .back img {
	width: 100%;
	height: 100px;
}
.footer .front {
	position: absolute;
	width: 100%;
	z-index: 2;
	padding: 20px 0px 0px 0px;
}

.footerContent {
	margin: 0px auto;
	width: 980px;
}

.footerContent .newsletter {
	position: absolute;
	top: -14px;
}

.footerContent .newsletter .newsletterBack {
	position: absolute;
	top: 0px;
	z-index: 1;
}

.footerContent .newsletter .newsletterFront {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	width: 170px;
}

.footerContent .newsletter .newsletterFront label {
	font-weight: bold;
	display: block;
	color: #333333;
	margin: 0px 0px 4px 0px;
}

.footerContent .newsletter .newsletterFront input.text {
	border: 1px solid #999999;
	width: 126px;
	vertical-align: middle;
}

.footerContent .newsletter .newsletterFront input.submit {
	vertical-align: middle;
	margin: 0px 0px 0px 4px;
}


.footerContent .navigation {
	text-align: center;
}

.footerContent .navigation ul {
	margin: 0px;
	padding: 0px;
	display: inline;
}
.footerContent .navigation li {
	list-style-type: none;
	margin: 0px 1em;
	display: inline;
}
.footerContent .navigation a {
	color: #555;font:0.75em;
	text-decoration: underline;
}
.footerContent .navigation a:hover {
	color: #555;font:0.75em;
	text-decoration: none;
}
.footerContent .navigation ul.copyright {
	margin: 0px;
	color: #888;
	float: right; 
	display: inline;
}
.footerContent .navigation ul.copyright li {
	margin: 0px;
}
.footerContent .navigation ul.copyright a {
	color: #888;font:0.75em;
	text-decoration: none;
}
.footerContent .navigation ul.copyright a:hover {
	color: #999;font:0.75em;
	text-decoration: underline;
}
.footerContent .navigation ul.copyright span {
	display: none;
}

.mainContent .cornerBox table.gsc-branding td{
	border	: none;
	margin	:0;
	padding	:0;
}

.mainContent .cornerBox table.gsc-branding{
	margin	:5px 0 0 0;
}

.mainContent .cornerBox table.gsc-branding #branding{
	height:50px;
}
/* @end */


/* @group tagcloud */

#tagcloud p {
	line-height: 0px;
	padding: 4px 0px;
}

#tagcloud p a {
	line-height: 1.1em;
	color: #666666;
	text-decoration: none;
}

#tagcloud p a:hover {
	color: #3399cc;
	text-decoration: underline;
}


.inbox_01 {
margin-right : 50px;
}
.sub {
background : url(../images/pay-butt.jpg) no-repeat;
height : 52px;
width : 93px;
border : 0;
cursor : auto;
font : 2em Verdana, Arial, sans-serif;
color : #ffffff;
}
.sub1 {
background : url(../images/butt-black.jpg) no-repeat;
height : 30px;
width : 83px;
border : 0;
cursor : auto;
font : bold 1.1em Verdana, Arial, Helvetica, sans-serif;
color : #263111;
padding-bottom : 5px;
}
.sub2 {
background : url(../images/butt-gr.jpg) no-repeat;
height : 29px;
width : 87px;
border : 0;
cursor : auto;
font : bold 1.1em Verdana, Arial, Helvetica, sans-serif;
color : #ffffff;
padding-bottom : 4px;
}
.sub3 {
background : url(../images/button79.gif) no-repeat;
height : 40px;
width : 158px;
border : 0;
cursor : auto;
font : bold 1.1em Verdana, Arial, Helvetica, sans-serif;
color : #263111;
padding-bottom : 5px;
}
.ratesbody {
padding : 0 25px 0 25px;
background : #ffffff;
float : left;
}
.half-L {
width : 355px;
float : left;
margin-top : 20px;
background : #fff;
}
.half-R {
width : 350px;
float : right;
margin-top : 20px;
background : #fff;
}
.dotSpace {
background : url(../images/dot-bg.jpg) repeat-x;
height : 48px;
}
.marginRight {
margin-right : 33px;
}
.bigGreyArrow {
background : url(../images/bigArrow.jpg) no-repeat top right;
padding : 13px 0 7px 15px;
height : 28px;
}
.bigRateArrow {
background : url(../images/rates.jpg) no-repeat top right;
padding : 13px 0 7px 15px;
height : 28px;
}
.price-msg {
margin-top : 20px;
font-size : 0.9em;
font-weight : bold;
color : #fffd75;
}
.price {
background : url(../images/rates-phone.jpg) no-repeat;
border : 5px solid #d1e974;
margin-top : 2px;
height : 70px;
padding : 48px 44px 0 0;
}
.price .number {
float : right;
width : 75px;
text-align : center;
font-size : 1.3em;
font-weight : bold;
font-family : Verdana, Arial, sans-serif;
color : #CC6633;
}
.rates-banner {
clear : both;
text-align : center;
padding : 30px;
height : 88px;
}
.mobland {
background : url(../images/ico_mob-land.gif) no-repeat;
padding-left : 70px;
font-family : Verdana, Arial, sans-serif;
font-size : 0.8em;
color : #cccccc;
line-height : 12px;
padding-top : 5px;
}
#mailbody {
padding : 0 30px 50px 30px;
background : #ffffff;
}
.mail_top {
height : 47px;
background : url(../images/mail-icon.jpg) no-repeat;
padding-top : 20px;
padding-left : 100px;
line-height : 20px;
color : #7fb306;
font-size : 1.8em;
font-weight : bold;
}
.mcontent {
padding : 20px 10px 0 15px;
width : 620px;
}
.leftbody {
float : left;
padding-top : 20px;
width : 200px;
padding : 0;
}
.mailid {
padding : 4px;
}
.mailid-up {
padding : 4px;
background : #ffffff url(../images/mail-arrow.gif) no-repeat;
background-position : right 0%;
}
.rightbody {
margin-left : 200px;
width : 410px;
padding-top : 50px;
padding-bottom : 50px;
background : #fff;
border-left : 1px solid #8bb201;
border-right : 1px solid #8bb201;
border-bottom : 1px solid #8bb201;
border-top : 1px solid #8bb201;
}
.rightbody form {
font : 12px "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
width : 410px;
}
.rightbody form fieldset {
border : 0 solid #cccccc;
padding : 0;
margin : 0;
}
.rightbody label {
display : block;
float : left;
color : #000000;
width : 150px;
padding : 0;
margin : 5px 0 0;
text-align : right;
}
.rightbody input {
width : auto;
margin : 5px 5px 0 10px;
padding : 1px;
font-family : "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size : 1.25em;
font-weight : normal;
border : 1px solid #b9c29d;
background : #e9efd6;
height : 25px;
}
.rightbody submit {
width : 83px;
height : 29px;
font-size : 14px;
font-weight : bold;
border : none;
background : url(../images/butt-s.gif) no-repeat;
text-align : center;
font-family : Verdana, Helvetica, Arial, sans-serif;
}
.required {
font-weight : bold;
}
.rightbody form br {
clear : left;
}
.mail_error {
background : #fff url(../images/email-error.gif) no-repeat;
padding : 10px 20px 10px 50px;
color : #ff0000;
border : 1px solid #928660;
font : 1.1em Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
}
#index_body #imgarea {
margin-left : 295px;
padding-top : 5px;
width : 470px;
text-align : right;
}
#imageContainer {
margin : auto auto 5px;
width : 470px;
position : relative;
}
#imageContainer {
height : 225px;
}
#imageContainer IMG {
display : none;
left : 0;
position : absolute;
top : 0;
}
.errorpg div#header {
padding : 12px 0;
border-bottom : 1px solid #999;
}
.errorpg div#main {
text-align : left;
padding-left : 50px;
padding-bottom : 30px;
width : 750px;
voice-family : "\"}\"";
voice-family : inherit;
width : 685px;
}
html > body .errorpg div#main {
width : 685px;
}
.errorpg div#main h1 {
border : 0;
margin : 15px 0 0;
padding : 0;
}
.errorpg .error404 ul {
float : left;
width : 165px;
margin : 0 0 0 30px;
padding : 0 0 0 15px;
}
.error {
font-size : 92%;
font-weight : bold;
color : #900;
background : transparent;
line-height : normal;
}
.warning {
margin : 2px 0;
background : url(../images/icon_warning_16x16.gif) no-repeat 0 0;
padding : 2px 0 2px 20px;
font-size : 92%;
color : #900;
}
.errorbox {
width : 675px;
margin : 0 auto;
padding : 10px 0 0;
text-align : center;
font-weight : bold;
}
.errorbox div {
background : #ffaeae url(../images/bg_trans_bot_775x11.gif) no-repeat bottom left;
color : #ab0000;
width : 675px;
min-height : 32px;
}
.errorbox div p {
background : url(../images/bg_trans_top_775x11.gif) no-repeat 0 0;
margin : 0;
padding : 9px 0 9px 0;
text-align : left;
}
.errorbox div img {
float : left;
width : 26px;
margin : 5px 8px 3px 3px;
}
.errorbox div#hdrsuccess {
background-color : #b0e57c;
color : #060;
}
.errorbox div#hdrinfo {
background-color : #ffec94;
color : #960;
}
.errorbox div#hdrinfo .detail {
color : #000;
font-size : 92%;
font-weight : normal;
}

.style12b {
font : 1.5em Verdana, Arial, Helvetica, sans-serif;
color : #ff6600;
padding-left : 80px;
line-height : 25px;
}
.style12c {
font : 1.5em Verdana, Arial, Helvetica, sans-serif;
color : #98b978;
line-height : 25px;
}
.style13 {
font : 1.5em Verdana, Arial, Helvetica, sans-serif;
color : #7fbf09;
}
.style14 {
color : #ff6600;
font-size : 1em;
font-weight : bold;
color : #7fbf09;
}
.style15 {
font-size : 2.46em;
color : #525252;
font-family : Verdana, Helvetica, Arial, sans-serif;
}
.style16 {
font : 1em Verdana, Arial, Sans-Serif;
}
.style17 {
font : 1.8em Verdana, Helvetica, Arial, sans-serif;
font-weight : bold;
color : #525252;
}
.style17a {
font : 1.8em Verdana, Helvetica, Arial, sans-serif;
font-weight : bold;
color : #0099ff;
}
.style18 {
color : #ff3333;
font : 0.75em Verdana, Helvetica, Arial, sans-serif; font-weight : bold;
}
.style19 {
font-size : 25px;
font-weight : bold;
color : #525252;
font-family : Tahoma, Arial, sans-serif;
}
a.slink:link {
color : #565655;
text-decoration : none;
}
a.slink:active {
color : #565655;
text-decoration : none;
}
a.slink:visited {
color : #565655;
text-decoration : none;
}
a.slink:hover {
color : #a4aa92;
text-decoration : none;
}
a.mlink:link {
color : #008000;
text-decoration : none;
}
a.mlink:active {
color : #008000;
text-decoration : none;
}
a.mlink:visited {
color : #b3b3b3;
text-decoration : none;
}
a.mlink:hover {
color : #90c82a;
text-decoration : none;
}
a.slink:link {
color : #3a3a3a;
text-decoration : none;
}
a.slink:active {
color : #3a3a3a;
text-decoration : none;
}
a.slink:visited {
color : #3a3a3a;
text-decoration : none;
}
a.slink:hover {
color : #90c82a;
text-decoration : none;
}
a.nlink:link {
color : #31820d;
font-size : 1em;
font-weight : bold;
text-decoration : none;
}
a.nlink:active {
color : #31820d;
font-size : 1em;
font-weight : bold;
text-decoration : none;
}
a.nlink:visited {
color : #31820d;
font-size : 1em;
font-weight : bold;
text-decoration : none;
}
a.nlink:hover {
color : #ff6600;
font-size : 1em;
font-weight : bold;
text-decoration : underline;
}
a.navlink:link {
color : #31820d;
text-decoration : none;
}
a.navlink:active {
color : #31820d;
text-decoration : none;
}
a.navlink:visited {
color : #31820d;
text-decoration : none;
}
a.navlink:hover {
color : #000;
background : url(../images/underline.jpg) repeat-x;
background-position : bottom 0%;
}
a.rlink:link {
color : #90c82a;
font-size : 11px;
text-decoration : none;
}
a.rlink:active {
color : #90c82a;
font-size : 11px;
text-decoration : none;
}
a.rlink:visited {
color : #90c82a;
font-size : 11px;
text-decoration : none;
}
a.rlink:hover {
color : #ff6600;
font-size : 11px;
text-decoration : none;
}
a.blink:link {
color : #ffffff;
text-decoration : none;
}
a.blink:active {
color : #ffffff;
text-decoration : none;
}
a.blink:visited {
color : #ffffff;
text-decoration : none;
}
a.blink:hover {
color : #1e4c0a;
text-decoration : none;
}
a.tlink:link {
color : #448601;
font-weight : bold;
text-decoration : none;
}
a.tlink:active {
color : #448601;
font-weight : bold;
text-decoration : none;
}
a.tlink:visited {
color : #448601;
font-weight : bold;
text-decoration : none;
}
a.tlink:hover {
color : #000;
font-weight : bold;
text-decoration : none;
}
a.flink:link {
color : #b9bab9;
text-decoration : underline;
}
a.flink:active {
color : #b9bab9;
text-decoration : underline;
}
a.flink:visited {
color : #b9bab9;
text-decoration : underline;
}
a.flink:hover {
color : #484848;
text-decoration : none;
}



/* ----- LABEL LAYOUT ----- */

#cat1 .leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel{
width:44% !important;
padding-top:9px;
}

#cat1 .leftLabel .medium, .rightLabel .medium{
width:35%;
}



.style1 {
color : #31820d;
font-size : 0.9em;
}
.style2 {
color : #ff6600;
font-size : 1.1em;
font-family : Lucida Grande, Helvetica, Arial;
}
.style3 {
font-family : Lucida Grande, Helvetica, Arial;
color : #ff6600;
font-size : 1em;
font-weight : bold;
}
.style3a {
font-family : Lucida Grande, Helvetica, Arial;
color : #0099ff;
font-size : 1em;
font-weight : bold;
}
.style4 {
font : 2.4em Verdana, Arial, Tahoma;
font-weight : bold;
color : #6a7a87;
line-height : 65px;
padding-left : 30px;
}
.style4a {
font : 1.6em Verdana, Helvetica, Arial;
font-weight : bold;
color : #6a7a87;
line-height : 50px;
padding-left : 30px;
}
.style4b {
font : 2.4em Verdana, Helvetica, Arial, sans-serif;
font-weight : bold;
color : #6a7a87;
line-height : 85px;
padding-left : 30px;
}
.style4c {
font : 28px Verdana, Arial, Tahoma;
font-weight : bold;
color : #525252;
line-height : 35px;
}
.style5 {
color : #000000;
font-size : 0.9em;
font-weight : bold;
}
.style6 {
font : 1.5em tahoma, verdana, sans-serif;
color : #b3b3b3;
font-weight : bold;
}
.style7 {
font : 1.5em tahoma, verdana, sans-serif;
color : #ffffff;
font-weight : bold;
line-height : 50px;
}
.style8 {
font : 0.6em Verdana, Arial, sans-serif;
color : #ffffff;
}
.style9 {
font : 1.3em Arial, Verdana, sans-serif;
font-weight : bold;
color : #6a7a87;
}
.style12 {
font : 1.5em Verdana, Arial, Helvetica, sans-serif;
color : #98b978;
padding-left : 80px;
line-height : 25px;
}
.style12a {
font : 2em Verdana, Arial, Helvetica, sans-serif;
color : #6a7a87;
line-height : 50px;
padding-left : 30px;
}

p {
	font-size: 1em; /* 12px */
	line-height: 1.357em;
	margin: 0 0 1.357em 0;
	color: #2C2C2C;
}















#tagcloud {
	height: auto;
	overflow: hidden;
	text-align: center;
}

.centerColumn #tagcloud {
	width: 488px;
}

.rightColumn #tagcloud,
.leftColumn #tagcloud {
	width: 198px;
}



.centerColumnHome {
	float: left;
	display: inline;
	padding: 0px 0px 15px 0px;
}

.centerColumnHome .columnContent {
	padding: 0px;
	width: 700px;
}

.rightColumnHome {
	float: left;
	display: inline;
	padding: 0px 0px 15px 15px;
}

.rightColumnHome .columnContent {
	width: 265px;
}

.mainContent .rightColumnHome .boxContent .altHeadline {
	width: 263px;
}

.mainContent .downloadBox .altHeadlineFront p {
	color: #ffffff; 
	padding-left: 65px; 
	padding-top: 6px;
}

.mainContent .promotionalBoxes {
	width: 700px;
	overflow: hidden;
	padding: 0px;
}

.mainContent .promotionalBoxes .columns {
	width: 720px;
}

.mainContent .promotionalBoxes .column {
	float: left;
	width: 220px;
	height: 250px;
	padding: 0px 20px 0px 0px;
	overflow: hidden;
}

.mainContent .promotionalBoxes .column .cornerBox {
	width: 220px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.mainContent .promotionalBoxes .column .cornerBox .padding {
	margin: 0px;
	padding: 0px;
}

.mainContent .promotionalBoxes .column .cornerBox .boxContent {
	margin: 0px;
	padding: 0px;
}

.mainContent .promotionalBoxes img {
	margin: -8px 0px;
	width: 218px;
	height: 248px;
	padding: 0px;
	vertical-align: top;
}

.mainContent .rightColumnHome form {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.mainContent .rightColumnHome input.text {
	width: 194px;
	margin: 0px;
	padding: 0px;
}

.mainContent .rightColumnHome input.submit {
	float: right;
	margin: 0px;
	padding: 0px;
}

.mainContent .rightColumnHome .boxContent a {
	color: #333333;
	text-decoration: none;
}
.mainContent .rightColumnHome .boxContent a:hover {
	text-decoration: underline;
}
.mainContent .rightColumnHome .boxContent p a {
	color: #3399cc;
	text-decoration: underline;
}
.mainContent .rightColumnHome .boxContent p a:hover {
	text-decoration: none;
}



/* promotionalBoxes boxes */

.mainContent .promotionalBoxes .promotionalShowtime {
	position: absolute; width: 218px; top: 129px; color: #ffffff; text-align: center;
}

.mainContent .promotionalBoxes .promotionalShowtime a {
	color: #ffffff;
	text-decoration: underline;
}

.mainContent .promotionalBoxes .promotionalShowtime a:hover {
	text-decoration: none;
}

.mainContent .promotionalBoxes .promotionalShowtimeLeft {
	float: left; width: 49%; text-align: center; font-size: 95%;
}

.mainContent .promotionalBoxes .promotionalShowtimeRight {
	float: right; width: 49%; text-align: center; font-size: 95%;
}


.mainContent .teaserBox .boxContent {
}

.mainContent .teaserBox .teaserBoxPadding1 {
	position: relative; 
	height: 284px;
}

.mainContent .teaserBox .teaserBoxPadding2 {
	position: absolute; 
	top: -8px; 
	height: 300px;
}

.mainContent .teaserBox .padding {
	padding: 0px; 
	margin: 0px;
}

.mainContent .teaserBox #teaser {
	height: 300px; 
	margin: 0px;
	background-color: #000000;
}

.mainContent .teaserBox #teaserImage img {
}

.mainContent .teaserBox #teaserDescription {
	position: absolute; 
	bottom: 0px; 
	height: 80px; 
	z-index: 3; 
	width: 518px; 
	padding: 0px; 
	margin: 0px;
}

.mainContent .teaserBox #teaserDescriptionBackground {
	position: absolute; 
	bottom: 0px; 
	height: 80px; 
	z-index: 2; 
	width: 518px; 
	padding: 0px; 
	margin: 0px;
	background-color: #000000;
	filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
}

.mainContent .teaserBox #teaserDescription .padding {
	padding: 10px 15px; 
	margin: 0px;
}

.mainContent .teaserBox #teaserDescription h2 {
	color: #ffcc33;
	font-size: 150%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.mainContent .teaserBox #teaserDescription h2 a {
	color: #ffcc33;
	text-decoration: none;
}

.mainContent .teaserBox #teaserDescription h2 a:hover {
	color: #ffcc33;
	text-decoration: underline;
}

.mainContent .teaserBox #teaserDescription p {
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

.mainContent .teaserBox #channels {
	position: absolute; 
	top: 0px; 
	left: 518px;
}

.mainContent .teaserBox #channels ul {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 180px;
	overflow: hidden;
	height: 300px;
}

.mainContent .teaserBox #featureboxrolloverpreload{
    display:none;
}
.mainContent .teaserBox #channels li {
	display: block;
	width: 180px;
	margin: 0px;
	padding: 0px 0px 0px 6px;
	background: url(../images/tab.jpg);
	cursor: pointer;
	height: 50px;
	overflow: hidden;
}

.mainContent .teaserBox #channels li img {
	
}

.mainContent .teaserBox #channels ul li span.tablabel {
	font-weight	: bold;
	font-size	: 95%;
	position: relative;
	width: 120px;
	height: 50px;
	left: 52px;
	top: -37px;
	display: block;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

.mainContent .teaserBox #channels li:hover {
	background: url(../images/tab_over.jpg);
}

.mainContent .teaserBox #channels li.selected {
	background: url(../images/tab_selected.jpg);
	cursor: pointer;
}


img#loader{
	position: absolute;
	left: 251px;
	top: 100px;
	display: none;
}

/* @end */




.subfeature {
	width: 218px;
	height: 248px;
}

.subfeature a{
	color: #333333;
}

.subfeature h3 a{
	margin: 0;
	font-weight:bold;
	font-size: 16px;
	padding: 2px;
}


.subfeature a:hover {
	color: inherit;
}
	
.subfeature	p {
	margin: 1px 4px 1px 4px;
	padding: 0;
}

.subfeature .largeimg img, .subfeature .thumb a img{
	height:auto;
	width:auto;
	margin: 0px;
}

.generic {background:url(../images/subfeature_generic_bg1.jpg) no-repeat #ebebeb;}

.generic_hdr {
		width: 212px;
		background: url(../images/subfeature_generic_hdr1.jpg) repeat-x;
		color: #ffffff;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		padding: 5px 0 5px 6px;
		margin-top : -8px;
}
		
.featurecontent {
		padding: 0;
		margin: 0;
		width: 100%;
		height: 200px; }
		
.largeimg {
		text-align:center;
		margin: 3px;
}
			
.showitem {
	    height: 66px;
		border-bottom: 1px solid #cccccc;
		clear: both;
}	
			
.showitem .thumb {
		border: 1px solid #cccccc;
		width: 63px;
		margin: 7px 6px 8px 2px;
		float:left;}
				
.showitem .program {
		font-size: 12px;
		font-weight:bold;
		margin-top: 16px;
		float: left;
		width: 136px;}
				
.showitem .channel  {
		font-size: 12px;
	    font-style: italic;
		float: left; 
		width: 136px;}				 

.morelink {
		position: relative;
		bottom: 0px; 	
		text-align: right;
		padding: 0 6px 0 0;
}
		
.morelink, .morelink a {
		color: #3399cc;
		font-weight: bold;
		font-size: 12px;
}
/* @end */




#breakdown {
margin : 10px;
width : 500px;
padding : 10px;
font-size : 1.1em;
font-family : "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
#breakdown p {
margin : 0 0 5px 0;
padding : 0;
text-align : justify;
}
#breakdown a span {
display : none;
}
#breakdown p.brief {
margin : -5px 0 0 47px;
padding : 0;
color : #a6b6bc;
}
#breakdown ul {
margin : -5px 0 0 47px;
padding : 1px;
}
#breakdown li {
line-height : 1.357em;
font-family : arial, tahoma, verdana;
font-size : 1em;
background : url(../images/blues_bullet.gif) no-repeat 1px 3px;
padding : 0 0 0 5px;
}
#breakdown a#fi {
margin : 0 0 10px 0;
padding : 0;
display : block;
background : url(../images/feature-first.gif) no-repeat 0 0;
height : 40px;
}
#breakdown a#fi:hover, #breakdown a#fi.active {
margin : 0 0 10px 0;
padding : 0;
background : url(../images/feature-first.gif) no-repeat 0 -40px;
height : 40px;
}
#breakdown a#sw {
margin : 0 0 10px 0;
padding : 0;
display : block;
background : url(../images/feature-switch.gif) no-repeat 0 0;
height : 40px;
}
#breakdown a#sw:hover, #breakdown a#sw.active {
margin : 0 0 10px 0;
padding : 0;
background : url(../images/feature-switch.gif) no-repeat 0 -40px;
height : 40px;
}
#breakdown a#mob {
margin : 0 0 10px 0;
padding : 0;
display : block;
background : url(../images/feature-mobile.gif) no-repeat 0 0;
height : 40px;
}
#breakdown a#mob:hover, #breakdown a#mob.active {
margin : 0 0 10px 0;
padding : 0;
background : url(../images/feature-mobile.gif) no-repeat 0 -40px;
height : 40px;
}
#breakdown a#link {
margin : 0 0 10px 0;
padding : 0;
display : block;
background : url(../images/feature-link.gif) no-repeat 0 0;
height : 40px;
}
#breakdown a#link:hover, #breakdown a#link.active {
margin : 0 0 10px 0;
padding : 0;
background : url(../images/feature-link.gif) no-repeat 0 -40px;
height : 40px;
}
#breakdown #first p, #breakdown #switch p, #breakdown #mobile p, #breakdown #linktwoip p {
margin : 0 0 15px 47px;
padding : 0;
}
#breakdown a {
color : #0181e3;
text-decoration : none;
}
#breakdown a:visited {
color : #62a8f0;
text-decoration : none;
}
#breakdown a :hover {
color : #ff0000;
text-decoration : none;
}
#inner_body_work1 {
margin-left : 5px;
width : 560px;
}

/* MY Account Styles taken from ip,css */

.mail_error {
background : #fff url(../images/email-error.gif) no-repeat;
padding : 10px 20px 10px 50px;
color : #ff0000;
border : 1px solid #928660;
font : 1.1em Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
}
#accBody {
float : left;
padding-left : 8px;
width : 510px;
}
#acc {
float : left;
width : 99%;
background : #d6f365;
border-bottom : 1px solid #384700;
border-top : 1px solid #384700;
padding : 10px;
margin-bottom : 20px;
}
#acc .accin {
background : #ffffff;
padding : 10px;
display : block;
height : 110px;
}
#acc .accin .LH {
float : left;
width : 18%;
text-align : center;
}
#acc .accin .LH .add {
padding : 1px;
margin-top : 2px;
background : #485431;
height : 22px;
}
#acc .accin .LH .add img {
border : 0;
}
#acc .accin .LH img {
border : 1px solid #999999;
padding : 2px;
}
#acc .accin .LH .add a {
color : #ffd90f;
font-weight : bold;
text-decoration : none;
}
#acc .accin .LH .add a:hover {
font-weight : bold;
text-decoration : underline;
}
#acc .accin .RH {
float : left;
width : 48%;
margin-left : 15px;
}
#acc .accin .RH2 {
float : left;
width : 25%;
margin-left : 5px;
}
#acPart {
float : left;
width : 98.5%;
margin-bottom : 30px;
}
#acPart .partBr {
border-top : 3px solid #384700;
background : url(../images/aero-drop.gif) no-repeat 40px 0;
padding-top : 20px;
}
#acPart .partIn {
font-family : Tahoma, Helvetica, Arial, sans-serif;
font-size : 1.2em;
line-height : 17px;
padding : 5px 10px 10px 10px;
background : #ebfdd6;
width : 96.5%;
}
#acPart .partIncol {
background : #fafaf5;
border-top : 1px solid #384700;
border-bottom : 1px solid #384700;
}
#acPart .partIn a {
color : #0066ff;
text-decoration : none;
}
#acPart .partIn a:hover {
color : #ff6600;
text-decoration : underline;
}
#acPart .partIn form {
font : 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
width : auto;
}
#acPart .partIn fieldset {
border : 0 solid #13547e;
width : auto;
}
#acPart .partIn label {
display : block;
float : left;
width : 140px;
padding : 0;
margin : 5px 0 0;
text-align : right;
color : #6b8e23;
font-weight : bold;
font-size : 11px;
}
#acPart .partIn span {
float : left;
margin-left : 140px;
width : 300px;
margin : 5px 0 0 10px;
padding : 0;
font-size : 0.9em;
color : #000;
}
#acPart .partIn input {
width : auto;
margin : 1px 3px 1px 10px;
padding : 1px;
border : 1px solid #2E9630;
background : #e9efd6;
height : 20px;
font-size : 11px;
}
#acPart .partIn select {
width : auto;
margin : 1px 3px 1px 10px;
padding : 1px;
border : 1px solid #b9c29d;
background : #e9efd6;
height : 20px;
font-size : 11px;
}
#acPart .partIn input#submit {
border : 1px solid #2E9630;
height : auto;font-size: 11px;
width : auto;
background : #ffffff;
}

#acPart .partIn a.editor_cancel{
border : 1px solid #2E9630;
padding : 5px 1px 2px 5px;
background : #E3E0CE;
font-size: 10px;
color : #000;
text-decoration:none;
}

#acPart .partIn a.editor_cancel:visited{
border : 1px solid #2E9630;
padding : 5px 1px 2px 5px;
background : #E3E0CE;
font-size: 10px;
color : #000;
text-decoration:none;
}
#acPart .partIn a.editor_cancel:hover{
border : 1px solid #2E9630;
padding : 5px 1px 2px 5px;
background : #E3E0CE;
font-size: 10px;
color : #000;
text-decoration:none;
}
.msgbox {
width : 200px;
height : 50px;
padding-top : 105px;
background : url(../images/msg-box.jpg) no-repeat;
}
#msgbox2 {
background : url(../images/ban-t.jpg) no-repeat;
width : 222px;
height : 28px;
font : 18px Verdana, Arial, sans-serif;
font-weight : bold;
color : #525252;
text-align : left;
padding-top : 5px;
padding-left : 8px;
}

.mainContent .downloadBox {
	background-color: #fff;
}

.mainContent .downloadBox {
	margin: 0px 0px 20px 0px;
	position: relative;
	height: 100%;
}

.mainContent .downloadBox .downloadIcon {
	position: absolute; 
	left: -12px; 
	top: -23px; 
	z-index: 255;
}

.mainContent .downloadBox .altHeadline {
	position: relative;
	width: 218px;
	min-height: 62px;
	height: 100%;
	overflow: hidden;
	margin: 0px -10px 0px -10px;
}
.mainContent .downloadBox .altHeadline .altHeadlineBack {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 60px;
	top: 0px;
	overflow: hidden;
}
.mainContent .downloadBox .altHeadlineBack img {
	float: left;
	width: 100%;
	height: 60px;
	background-color: #000000;
}
.mainContent .downloadBox .altHeadlineFront {
	padding: 7px 0px 8px 18px;
}

.mainContent .downloadBox .altHeadlineFront p {
	color: #ffffff; 
	padding-left: 55px; 
	padding-top: 6px;
}

.mainContent .downloadBox .altHeadlineFront span.downloadJoost {
	font-size: 125%; 
	font-weight: bold; 
	color: #ffffff;
}

.mainContent .downloadBox .altHeadlineFront span.version {
	color: #cccccc;
	font-size: 95%
}
.mainContent .downloadBox p a {
	text-decoration: none;
}
.mainContent .downloadBox p a:hover {
	text-decoration: underline;
}
.mainContent .downloadBox .tagline {
	display: none;
	text-align: center;
	color: #66cc33; 
	font-weight: bold; 
	font-size: 150%;
}

.mainContent .downloadBlock {
	padding: 15px 0px;
	margin: 0px;
}

.mainContent .downloadBlock .padding {
	position: relative;
	padding: 0px;
	margin: 0px;
}

.mainContent .downloadBlock .overlay {
	position: absolute;
	top:57px;
	left:305px;
}

.mainContent .downloadBlock .downloadJoost {
	font-size: 175%;
	font-weight: bold;
	color: #ffffff;
}

.mainContent .downloadBlock .version {
	font-weight: normal;
	color: #cccccc;
}




/* Main.css */


.leftColumn {
	float: left;
	display: inline;
	padding: 0px 15px 15px 0px;
}

.leftColumn .columnContent {
	width: 220px;
}

.centerColumn {
	float: left;
	display: inline;
}

.centerColumn .columnContent {
	padding: 0px;
	width: 510px;
}

.centerColumnWide {
	float: left;
	display: inline;
}

.centerColumnWide .columnContent {
	padding: 0px 0px 15px 0px;
	width: 510px;
}

.rightColumn {
	float: left;
	display: inline;
	padding: 0px 0px 15px 15px;
}

.rightColumn .columnContent {
	width: 220px;
}

.boxContent {
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
}
.boxTop {
	border-top: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	height: 8px;
	line-height: 0px;
}
.boxBtm {
	border-bottom: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	height: 8px;
	line-height: 0px;
}


/* Styles */

color : #31820d;
font-size : 0.9em;
}
.style2 {
color : #ff6600;
font-size : 1.1em;
font-family : Lucida Grande, Helvetica, Arial;
}
.style3 {
font-family : Lucida Grande, Helvetica, Arial;
color : #ff6600;
font-size : 1em;
font-weight : bold;
}
.style3a {
font-family : Lucida Grande, Helvetica, Arial;
color : #0099ff;
font-size : 1em;
font-weight : bold;
}
.style4 {
font : 2.4em Verdana, Arial, Tahoma;
font-weight : bold;
color : #6a7a87;
line-height : 65px;
padding-left : 30px;
}
.style4a {
font : 1.6em Verdana, Helvetica, Arial;
font-weight : bold;
color : #6a7a87;
line-height : 50px;
padding-left : 30px;
}
.style4b {
font : 2.4em Verdana, Helvetica, Arial, sans-serif;
font-weight : bold;
color : #6a7a87;
line-height : 85px;
padding-left : 30px;
}
.style4c {
font : 28px Verdana, Arial, Tahoma;
font-weight : bold;
color : #525252;
line-height : 35px;
}
.style5 {
color : #000000;
font-size : 0.9em;
font-weight : bold;
}
.style6 {
font : 1.5em tahoma, verdana, sans-serif;
color : #b3b3b3;
font-weight : bold;
}
.style7 {
font : 1.5em tahoma, verdana, sans-serif;
color : #ffffff;
font-weight : bold;
line-height : 50px;
}
.style8 {
font : 0.6em Verdana, Arial, sans-serif;
color : #ffffff;
}
.style9 {
font : 1.2em Verdana, Arial, Tahoma;
font-weight : bold;
color : #000;
padding-bottom:5px;
}
.style12 {
font : 1.5em Verdana, Arial, Helvetica, sans-serif;
color : #98b978;
padding-left : 80px;
line-height : 25px;
}
.style12a {
font : 2em Verdana, Arial, Helvetica, sans-serif;
color : #6a7a87;
line-height : 50px;
padding-left : 30px;
}
.headerh2 {
font : 2.22em Verdana, Arial, Helvetica, sans-serif;
line-height : 50px;
color : #6a7a87;
}
.style12b {
font : 1.5em Verdana, Arial, Helvetica, sans-serif;
color : #ff6600;
padding-left : 80px;
line-height : 25px;
}
.style12c {
font : 1.5em Verdana, Arial, Helvetica, sans-serif;
color : #98b978;
line-height : 25px;
}
.style13 {
font : 1.5em Verdana, Arial, Helvetica, sans-serif;
color : #7fbf09;
}
.style14 {
color : #ff6600;
font-size : 1em;
font-weight : bold;
color : #7fbf09;
}
.style15 {
font-size : 2.46em;
color : #525252;
font-family : Verdana, Helvetica, Arial, sans-serif;
}
.style16 {
font : 1em Verdana, Arial, Sans-Serif;
}
.style17 {
font : 1.8em Verdana, Helvetica, Arial, sans-serif;
font-weight : bold;
color : #525252;
}
.style17a {
font : 1.8em Verdana, Helvetica, Arial, sans-serif;
font-weight : bold;
color : #0099ff;
}
.style18 {
color : #ff3333;
font-size : 1.1em;
}
.style19 {
font-size : 25px;
font-weight : bold;
color : #525252;
font-family : Tahoma, Arial, sans-serif;
}


.button111 {border-style: solid;

  border-top-width: 1px; padding:2px;

  border-left-width: 1px;

  border-bottom-width: 1px;

  border-right-width: 1px;

  border-top-color: #D9DFEA;

  border-left-color: #3b5998;

  border-bottom-color: #3b5998;

  border-right-color: #3b5998;

  background-color: #3b5998;

  color: #fff;

  font-size: 10px;

  font-family: tahoma, verdana, arial, sans-serif; 

  font-weight:bold; text-align: center; }


/* messy css from ip.css for callinterface (post login) */


.content-bg {
width : 100%;
background : url(../images/inner-bg.jpg) repeat-x;
background-position : top 0%;
min-height : 400px;
}

#box {
float : left;
width : 740px;
background : url(../images/bar-bg.jpg) no-repeat;
height : 43px;
margin : 0 24px 20px 20px;
}
#box #L {
float : left;
background : url(../images/bar-L.jpg) no-repeat;
width : 8px;
height : 43px;
}
#box #B {
float : left;
width : 714px;
background : url(../images/bar-bg.jpg);
height : 33px;
padding-top : 10px;
padding-right : 10px;
text-align : left;
}
#box #B1 {
float : left;
width : 350px;
background : url(../images/bar-bg.jpg);
height : 33px;
padding-top : 10px;
padding-right : 10px;
text-align : left;
}
#box #B2 {
float : left;
width : 350px;
background : url(../images/bar-bg.jpg);
height : 33px;
padding-top : 10px;
padding-right : 10px;
text-align : right;
}
#box #R {
float : left;
background : url(../images/bar-R.jpg) no-repeat;
width : 8px;
height : 43px;
}
#calltab {
float : left;
width : 445px;
margin-left : 30px;
}
#calltab-demo {
float : left;
width : 445px;
margin-left : 30px;
background : url(../images/tab-demo.jpg) no-repeat;
padding-top : 80px;
}
#buybox {
float : right;
margin-top : 20px;
margin-right : 25px;
width : 217px;
}
.tabset {
width : 740px;
margin-left : 20px;
margin-bottom : 20px;
float : left;
}
.link-L {
float : left;
margin-left : 4px;
width : 475px;
}
.link-R {
float : left;
width : 230px;
margin-left : 10px;
margin-right : 10px;
}
.head {
color : #009900;
}
.color-box {
float : left;
margin : 5px;
}
#inner_body_work {
width : 483px;
}

.tabset {
width : 740px;
margin-left : 20px;
margin-bottom : 20px;
float : left;
}

td.tabc-a {
background : url(../images/tab-big-a.jpg) no-repeat;
text-align : center;
width : 154px;
height : 31px;
font : 1.3em bold Helvetica, Arial, sans-serif;
}
td.tabc-g {
background : url(../images/tab-big-g.jpg) no-repeat;
text-align : center;
width : 154px;
height : 31px;
font : 1.3em Verdana, Arial, sans-serif;
color : #ffffff;
font-weight : bold;
}
td.tabbg-top {
background : url(../images/top-tab-bg.jpg) repeat-x;
background-position : bottom left;
padding : 10px 5px 2px 5px;
}
td.tabbg {
background : url(../images/tab-bg.jpg) repeat-x;
background-position : bottom left;
padding : 10px 5px 2px 5px;
}
td.tabs-a {
background : url(../images/tab-g.jpg) no-repeat;
text-align : center;
width : 138px;
height : 31px;
font : 1.3em bold Verdana, Helvetica, Arial, sans-serif;
}
td.tabs-g {
background : url(../images/tab-a.jpg) no-repeat;
text-align : center;
width : 138px;
height : 31px;
font : 1.2em Arial, sans-serif;
color : #ffffff;
font-weight : bold;
}
td.msg-top {
height : 28px;
width : 200px;
font : 18px Arial, sans-serif;
font-weight : bold;
color : #525252;
text-align : left;
padding-top : 5px;
padding-left : 8px;
}
td.msg-base {
border-left : 1px solid #1f5f0a;
border-right : 1px solid #1f5f0a;
padding : 2px 10px 0 10px;
text-align : justify;
}
td.msg-base2 {
padding : 5px 10px 0 0;
}
td.msg-L {
height : 7px;
width : 230px;
}
td.innertab-L {
background : url(../images/bar-s-L.jpg) no-repeat;
width : 5px;
height : 23px;
}
td.innertab-R {
background : url(../images/bar-s-R.jpg) no-repeat;
width : 5px;
height : 23px;
}
td.innertab {
background : #a2cd18;
color : #ffffff;
font-weight : bold;
}
td.line {
background : url(../images/mid-line.jpg) repeat-x;
}
.account-button {
padding : 10px 0;
}
.account-button a {
color : #fff;
padding : 8px 11px 22px 10px;
background : #fff url(../images/account.gif) no-repeat;
font : 1.2em Verdana, Arial, sans-serif;
font-weight : bold;
text-decoration : none;
}
.account-button a:hover {
color : #fff;
background : #fff url(../images/account_hover.gif) no-repeat;
}
#pscroller1 {
margin-top : 45px;
margin-left : 50px;
width : 195px;
height : 140px;
padding : 0 0 0 0;
font-size : 1em;
line-height : 20px;
font-weight : normal;
color : #547c92;
}

#calltab {
float : left;
width : 445px;
margin-left : 30px;
}
#calltab-demo {
float : left;
width : 445px;
margin-left : 30px;
background : url(../images/tab-demo.jpg) no-repeat;
padding-top : 80px;
}

.but_register2 {
background-image:url(../images/register2.jpg);
background-repeat:no-repeat;
width:201px;
height:81px;
display:block;
cursor:pointer;
text-indent:-9999px;
}
.bott_register:hover{
background-position: bottom;


}


.flashreplace {
position : absolute;
left : -999em;
}

#index_body2 #tab1 {
float : left;
width : 240px;
}
.tab1_content {
background : url(../images/twoip-callme.jpg) no-repeat;
padding : 60px 2px 0 0;
font-size : 1.2em;
text-align : justify;
line-height : 17px;
}
#index_body2 #tab2 {
margin-left : 530px;
width : 240px;
text-align : right;
}
.tab2_content {
background : url(../images/twoip-connect.jpg) no-repeat;
padding : 60px 2px 0 0;
font-size : 1.2em;
text-align : justify;
line-height : 17px;
}
a#joinnow {
display : block;
width : 213px;
height : 53px;
background-image : url(../images/sel.gif);
margin : 0;
border : 0;
}
div.simpleBox1 {
float : left;
font-weight : bold;
width : 60%;
border : 0 solid #dbdbdb;
padding : 1px 1px 1px 1px;
margin : 0;
text-decoration : none;
font-size : 11px !important;
}
div.simpleBox {
float : left;
font-weight : bold;
width : 29%;
border : 1px solid #dbdbdb;
padding : 5px 15px 5px 15px;
margin : 1px;
text-decoration : none;
font-size : 11px !important;
} 

.boxess div {
	margin: 0.1em 0 0 -2.0em;

}

.boxess div.topleft {
	display: block;
	background: url("../images/bggreen_800x800.gif") top left no-repeat white;
	padding: 2.0em 0em 0em 2.0em;

}

.boxess div.topright {
	display: block;
	background: url("../images/bggreen_800x800.gif") top right no-repeat white;
padding: 2.0em;
	margin: -2.0em 0 0 2.0em;
}

.boxess div.bottomleft {
	display: block;

	margin-top: -2.0em;
	background: url("../images/bggreen_800x800.gif") bottom left no-repeat white;
}

.boxess div.bottomright {
	display: block;
	background: url("../images/bggreen_800x800.gif") bottom right no-repeat white;
height: 30px;
	margin-left: 1.0em;
}

td.but {
width : 84px;
height : 29px;
font-size : 14px;
font-weight : bold;
background : url(../images/but-g.gif) no-repeat;
text-align : center;
font-family : Verdana, Helvetica, Arial, sans-serif;
}
.innerdivbut1 {
width : 83px;
height : 29px;
font-size : 14px;
font-weight : bold;
border : none;
background : url(../images/butt-s.gif) no-repeat;
text-align : center;
font-family : Tahoma, Helvetica, Arial, sans-serif;
}
.innerdivbut2 {
width : 112px;
height : 29px;
font-size : 12px;
font-weight : bold;
border : none;
background : url(../images/butt-b.gif) no-repeat;
text-align : center;
font-family : Tahoma, Helvetica, Arial, sans-serif;
}
.innerdivbut3 {
width : 103px;
height : 29px;
font-size : 14px;
font-weight : bold;
border : none;
background : url(../images/butt-b-sh.gif) no-repeat;
text-align : center;
color : #ff6600;
font-family : Tahoma, Helvetica, Arial, sans-serif;
}
.innerdivbut4 {
width : 158px;
height : 40px;
font-size : 14px;
font-weight : bold;
border : none;
background : url(../images/butt-b1.gif) no-repeat;
text-align : center;
font-family : Tahoma, Helvetica, Arial, sans-serif;
}
.innerdivbut5 {
width : 200px;
height : 100px;
color:fff;
font-size : 1.8em;
font-weight : bold;
border : none;
text-align : center;
font-family :Helvetica, Arial, sans-serif;
}
.butimg {
width : 110px;
height : 29px;
font-size : 14px;
font-weight : bold;
border : none;
background : url(../images/butt-b.gif) no-repeat;
text-align : center;
font-family : Verdana, Helvetica, Arial, sans-serif;
padding : 5px 0 0 0;
}
td.but-b {
width : 106px;
height : 28px;
background : url(../images/butt-b.gif) no-repeat;
text-align : center;
font-weight : bold;
font-size : 1.1em;
font-family : Verdana, Arial, Helvetica, sans-serif;
padding-bottom : 2px;
}
td.but-s {
width : 83px;
height : 28px;
background : url(../images/butt-s.gif) no-repeat;
text-align : center;
font-weight : bold;
font-size : 1.1em;
font-family : Verdana, Arial, Helvetica, sans-serif;
padding-bottom : 2px;
}
td.but-bl {
width : 83px;
height : 28px;
background : url(../images/butt-black.jpg) no-repeat;
text-align : center;
font-weight : bold;
font-size : 1.1em;
font-family : Verdana, Arial, Helvetica, sans-serif;
padding-bottom : 2px;
}
td.tabc-a {
background : url(../images/tab-big-a.jpg) no-repeat;
text-align : center;
width : 154px;
height : 31px;
font : 1.3em bold Helvetica, Arial, sans-serif;
}
td.tabc-g {
background : url(../images/tab-big-g.jpg) no-repeat;
text-align : center;
width : 154px;
height : 31px;
font : 1.3em Verdana, Arial, sans-serif;
color : #ffffff;
font-weight : bold;
}
td.tabbg-top {
background : url(../images/top-tab-bg.jpg) repeat-x;
background-position : bottom left;
padding : 10px 5px 2px 5px;
}
td.tabbg {
background : url(../images/tab-bg.jpg) repeat-x;
background-position : bottom left;
padding : 10px 5px 2px 5px;
}
td.tabs-a {
background : url(../images/tab-g.jpg) no-repeat;
text-align : center;
width : 138px;

font : 1.3em bold Verdana, Helvetica, Arial, sans-serif;
}
td.tabs-g {
background : url(../images/tab-a.jpg) no-repeat;
text-align : center;
width : 138px;

font : 1.3em Arial, sans-serif;
color : #ffffff;
font-weight : bold;
}
td.msg-top {
height : 28px;
width : 200px;
font : 18px Arial, sans-serif;
font-weight : bold;
color : #525252;
text-align : left;
padding-top : 5px;
padding-left : 8px;
}
td.msg-base {
border-left : 1px solid #1f5f0a;
border-right : 1px solid #1f5f0a;
padding : 2px 10px 0 10px;
text-align : justify;
}
td.msg-base2 {
padding : 5px 10px 0 0;
}
td.msg-L {
height : 7px;
width : 230px;
}
td.innertab-L {
background : url(../images/bar-s-L.jpg) no-repeat;
width : 5px;
height : 23px;
}
td.innertab-R {
background : url(../images/bar-s-R.jpg) no-repeat;
width : 5px;
height : 23px;
}
td.innertab {
background : #a2cd18;
color : #ffffff;
font-weight : bold;
}
td.line {
background : url(../images/mid-line.jpg) repeat-x;
}
.account-button {
padding : 10px 0;
}
.account-button a {
color : #fff;
padding : 8px 11px 22px 10px;
background : #fff url(../images/account.gif) no-repeat;
font : 1.2em Verdana, Arial, sans-serif;
font-weight : bold;
text-decoration : none;
}
.account-button a:hover {
color : #fff;
background : #fff url(../images/account_hover.gif) no-repeat;
}
#pscroller1 {
margin-top : 45px;
margin-left : 50px;
width : 195px;
height : 140px;
padding : 0 0 0 0;
font-size : 1em;
line-height : 20px;
font-weight : normal;
color : #547c92;
}
.slider {
background : url(../images/slider-bg.jpg) no-repeat;
width : 260px;
height : 193px;
padding-top : 10px;
}
#dialog {
width : 95%;
margin : 0 auto;
min-width : 20em;
}
#dialog .hd .c, #dialog .ft .c {
height : 15px;
}
#dialog .hd {
background : transparent url(../images/tl-c.gif) no-repeat 0 0;
}
#dialog .hd .c {
background : transparent url(../images/tr-c.gif) no-repeat right 0;
}
#dialog .bd {
background : transparent url(../images/ml-c.gif) repeat-y 0 0;
}
#dialog .bd .c {
background : transparent url(../images/mr-c.gif) repeat-y right 0;
}
#dialog .bd .c .s {
margin : 0 5px 0 0;
background : url(../images/ms-c.jpg) repeat-x 0 0;
padding : 1em;
}
#dialog .ft {
background : transparent url(../images/bl-c.gif) no-repeat 0 0;
}
#dialog .ft .c {
background : transparent url(../images/br-c.gif) no-repeat right 0;
}
#dialog #in {
padding : 2px 5px 2px 30px;
}
#corner {
width : 95%;
margin : 0 auto;
min-width : 20em;
}
#corner .hdr .cr, #corner .ftr .cr {
height : 15px;
}
#corner .hdr {
background : transparent url(../images/g-tl.jpg) no-repeat 0 0;
}
#corner .hdr .cr {
background : transparent url(../images/g-tr.jpg) no-repeat right 0;
}
#corner .bdr {
background : transparent url(../images/g-ml.jpg) repeat-y 0 0;
}
#corner .bdr .cr {
background : transparent url(../images/g-mr.jpg) repeat-y right 0;
}
#corner .bdr .cr .sr {
margin : 0 10px 0 0;
background : url(../images/g-ms.jpg) repeat-x 0 0;
padding : 10px;
}
#corner .ftr {
background : transparent url(../images/g-bl.jpg) no-repeat 0 0;
}
#corner .ftr .cr {
background : transparent url(../images/g-br.jpg) no-repeat right 0;
}
#corner #inr {
padding : 2px 5px 2px 30px;
}
#corner #inr-about {
padding : 2px 5px 2px 50px;
background : url(../images/rubberstamp.gif) no-repeat;
}
#corner #inr-about ul {
font-family : arial, tahoma, verdana;
font-size : 1em;
}