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


body {	background-color:#000;	
	font-family:arial, helvetica, sans serif;
	font-size:0.9em;
	line-height:1.25em;
	margin-right: auto; 	
	margin-left: auto;
	margin-bottom: 8px;
	color:#CCC;
	}
	
.bubbleInfo {
    position: relative;
}

.popup {
    //position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
}

#ad
{
    //visibility='hidden';
    width:244px;
    height: 70px;
    text-align: center ; 
    margin-left: auto ;
    margin-right: auto ;
    margin:auto;

}

#popupmessage{
    
	position:relative;
	width:300px;
	height:375px;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	font-size:0.8em;
	}
	
#contentarea {
	position:relative;
	width:900px;
	height:175px;
	/*width:77.8em;*/
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	margin: 100px auto 0px auto;
	}

#overlay {
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: -10px;
    left: 0px;
    z-index: 1000;
    background: url('/pix/overlay.png') repeat 0 0;
    display: none;
    text-align: center;
}

#overlay-panel {
    margin: 10% auto 0 auto;
    width: 350px;
    height: 470px;
    background: #696969;
    background-image:url(/pix/twitter-logo.png);
    background-repeat:no-repeat;
    background-position:50% 95%;
    border:1px solid white;
}

/** ie6 and below only **/
* html #overlay {
    background-image: url('/pix/overlay-ie6.png');
    height: 100%;
    position: absolute;
}

#logo {margin:40px 0px 40px 280px; background-image: url(pix/logo.gif); width:318px; height:111px; text-align:center;}

#content {clear:both; margin:0px 0px 0px 0px; text-align:center;}
#popupbubble {color:red; cursor:pointer; font-size:0.9em; vertical-align: sub;}

#left {position:absolute; left:0px; top:200px; width:100px; background-image:url(pix/bg_left.png); height:1px; width:459px;}
#right {position:absolute; right:0px;  top:200px; width:100px; background-image:url(pix/bg_right.png); height:1px; width:459px;}

span {color:red; cursor:pointer; font-size:0.7em; vertical-align: sub;}

#options {clear:both; position:relative; left:295px; text-align:center; width:280px; display:none; height:50px; float:left; padding:0; margin: 25px 0px 20px 0px;}
#optiontext{float:left; font-size:0.9em; cursor: auto; padding:0px 0px 0px 0px;}

#nickname {position:relative; left:290px; text-align:center; width:150px; display:none; height:50px; float:left; padding:0px 0px 0px 5px; margin: 25px 0px 5px 0px;}

#twittermessage{float:left; font-size:0.7em; cursor: auto; padding:0px 0px 0px 5px; margin: 0px 0px 0px 80px; color:#000;}
#nicknametext{float:left; font-size:0.9em; cursor: auto; padding:0px 0px 0px 5px; margin: 0px 0px 0px 0px;}
#twusertext{float:left; font-size:0.7em; cursor: auto; padding:0px 0px 0px 5px; margin: 20px 0px 0px 80px; color:#000}
#avatar{border:1px}


#privacytext{float:left; text-align: center; line-height: 95%; width:350px; font-size:0.6em; cursor:text; padding:0px 0px 0px 5px; margin: 180px 0px 0px 0px; clear:both; color:#000}

#twitterpwtext{float:left; font-size:0.7em; cursor: auto; padding:0px 0px 0px 5px; margin: 20px 0px 0px 80px; color:#000}
#closethis{float:right; font-size:0.8em; cursor:pointer;}
#twitterdiv{font-size:1.2em; float:right; width:80px; margin:5px 5px 0px 55px; color:#000; z-index: 1001;}
#answerimg {margin:10px 0px 0px 0px; border: 0px;}

#footer {margin:80px 0px 0px 0px;}
.clear {clear:both;}
.con {text-align:left; border:1px solid red; padding:10px; margin:0px 0px 0px 0px; }
.center {text-align:center;}
.noborder {border:none;}
.justred {color:#dc0005; font-size:0.9em; cursor:text; display:inline;}
.smallred {color:#dc0005; font-size:0.6em; cursor:text;}
.justwhite {color:#CCC; font-size:0.9em; cursor:text;}

.contentfield {position:relative; text-align:left; margin: 10px auto 5px auto; width:255px; border:1px solid red; padding:5px 10px 5px 5px; clear:both;}
.extracontent {width:550px; text-align:left; border:1px solid red; padding:10px; margin:0px 0px 0px 0px; margin-right: auto; margin-left: auto;}
.partnercontent {width:650px; text-align:left; border:1px solid red; padding:10px; margin:0px 0px 0px 0px; margin-right: auto; margin-left: auto;}
.formfield {width:410px; margin:0 auto; border:1px solid white;}
.apidescription {width:700px; margin:0 auto;}

a {color:#dc0005; text-decoration:none; font-size:0.9em;}
a:hover { text-decoration:underline;}
textarea { border:1px solid #3d3c3c; background-color:#353535;color:#fff; padding:4px 4px 5px 4px;}
input { border:1px solid #3d3c3c; background-color:#353535;color:#fff; padding:4px 4px 5px 4px;}
input:hover { border:1px solid #3d3c3c; background-color:#3d3c3c;  color:#fff; padding:4px 4px 5px 4px;}
input.url { width:200px; margin:0px 0px 0px 20px; }

input.message {width:260px; margin:0px 10px 0px 0px;}

input.twuser{width:100px; float:right; margin:15px 60px 0px 0px;}
input.twpassword{width:100px; float:right; margin:15px 60px 0px 0px;}
input.nickinput{ width:100px; float:left; margin:0px 0px 0px 5px;}

input.displayurl { width:110px;}

input.buttonok {width:250px; padding:8px 4px 8px 4px;}
button {background-image:url(pix/bg_btn.gif); border:0; color:#fff; padding:4px 8px 4px 8px; font-weight:bold; cursor: pointer;}
button:hover { background-image:url(pix/bg_btn_hover.gif); border:0; color:#fff; padding:4px 8px 4px 8px; color:#dc0005; font-weight:bold;}

input.clickbutton {
	background-image:url(pix/bg_btn.gif);
	border:0;
  width:78px;
	color:#fff;
	padding:4px 8px 4px 8px;
	font-weight:bold;
	cursor: pointer;
}

input.twitterok {
	background-image:url(pix/bg_btn.gif);
	border:0;
	color:#fff;
	padding:4px 8px 4px 8px;
	font-weight:bold;
	cursor: pointer;
	float:left;
	margin: 0px 60px 50px 85px;
}
input.clickbutton:hover {background-image:url(pix/bg_btn_hover.gif); border:0; color:#fff; padding:4px 8px 4px 8px; color:#dc0005; font-weight:bold;}
.displaymsg{margin-left:-5px}