html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*----------styles copied from grabit.css-----------*/
.imgRSide {
	background: transparent url(/images/browse.gif) no-repeat 27% 100%;
}

.en .imgRSide {background-image: url(/images/en/browse.gif);}
.es .imgRSide {background-image: url(/images/es/browse.gif);}
.fr .imgRSide {background-image: url(/images/fr/browse.gif);}
.de .imgRSide {background-image: url(/images/de/browse.gif);}
.it .imgRSide {background-image: url(/images/it/browse.gif);}
.zh .imgRSide {background-image: url(/images/zh/browse.gif);}
.tw .imgRSide {background-image: url(/images/tw/browse.gif);}
.imgRSide p {
	margin-left: 146px;
}
.imgContainer {
	position: absolute;
	left: 0;
	top: 15px;
	width: 130px;
	height: 112px;
	padding-right: 16px;
	z-index: 2500;
}
img#photoBg {
	max-width: 128px;
	max-height: 110px;
 	position: absolute;
	z-index: 3000;
}
div.container {
	padding: 17px 0 90px;
	border-bottom: 1px solid #E9E9E9;
	position: relative;
	min-height: 56px;
	height: 56px;
	}
 input#photofile{
	height: 22px;
	width: 221px;
 }
input#photofile {
	opacity: 0.3;
	filter:alpha(opacity=0.3);-moz-opacity:0;opacity:0;
	cursor: pointer;
}

#successScreen,#getErrorScreen,#generalErrorScreen {min-height: 610px;_height: 610px; padding-left: 0;width: 660px; font-size: 14px;}
#successScreen { 
    display: none;
	text-align: center;
 }
 #successScreen h3 {text-decoration:none;}
 #generalErrorScreen { 
     display: none;
	 margin: 0 auto;
	 text-align: center;
}
#successScreen h2,#getErrorScreen h2,#generalErrorScreen h2,#getErrorScreen h2 {
	border-top: 1px solid #e9e9e9;
	padding: 37px 0 0 0;
	margin: 0 25px;
	font-size: 1.5em;
	font-weight: bold;
}
#name {
	margin-top:10px;
}
.infoMsg {
	margin: 0 25px;
	font-size: 14px;
	text-align: center;
	padding: 18px 0 16px 0;
}
/*----------end---------*/

html,body {
	background: #F6F6F6;
	text-align: center;
	color:#7D7E45;
}
table {
	font: inherit;
}
a:link,a:hover,a:active,a:visited {color:#5D81A5;}
a:hover {text-decoration: underline;}
h1,div,p {zoom: 1;}
.logoText {
	display:none;
}
#header h1{
	text-align: left;
	padding:16px 0 13px 0;
	height: 59px;
}
#header h2 {
	position: absolute;
	bottom: 13px;
	right: 0;
	font-size:18px;
	font-weight:bold;
}
#header,.iconBoxBox ,#content{
	position: relative;
}
#header,#content{margin: 0 23px;}
#tweetWrapper {
	background-color:#FFFFFF;
	border:1px solid #E5E5E5;
	border-width:0 1px 1px;
	position:relative;
	text-align:left;
	width:658px;
	margin: 0 auto;
}
#content{
	text-align: left;
	padding: 30px 0 25px;
	border-top: 1px solid #E9E9E9;
}
.conLeft {
	width: 260px;
	position:absolute;
	top: 27px;
	left: 0;
	z-index: 5000;
}
.conRight {
	margin-left: 283px;
	font-size:13px;
}
.conRight p {
	text-align: center;
	margin-bottom: 6px;
}
.conRight textarea,.conRight input,.g3 textarea{
	width: 299px;
	border:1px solid #C1C9CB;
	padding: 3px;
	color: #CACACA;
	font-family: arial,helvetica,clean,sans-serif;
	line-height:inherit;
}
.conRight input {
	height:19px;
	padding: 3px 3px 0 3px;
}
.conRight textarea,.g3 textarea {
	padding: 3px;
	height:46px;
	overflow: hidden;
}
.conRight select {
	border:1px solid #C1C9CB;
	width:42px;
	color: #7D7E45;
	text-align: left;
}
select#month {
	width: 91px;
	*width: 90px;
	text-align: left;
}
h3,h4,p {font-size: 13px;}
.g1,.g2 {
	background: #F8F8F8;
	border: 1px solid #F2F2F2;
	padding: 10px 0;
}
.g1 {
	margin-bottom: 15px;
}
.g2 label{
	font-style: italic;
	margin-left: 15px;
}
.g2 label span {
	font-weight:bold;
	font-style: normal;
	color: #7D7E45;
}
p.noMargin {
	margin-bottom: 0;
}
.iframeBox {
	border:1px solid #979694;
	margin: 7px 0;
	height:252px;
	width:258px;
}
.iconBox {
	width: 52px;
	height: 34px;
	border:1px solid #E5E5E5;
	border-width: 1px 0 1px 1px;
	margin-top:-1px;
	display:inline-block;
}
.ddArrow {
	position: absolute;
	right: 0;
	top: -1px;
	*top: 0;
}
.selectedIcon {
	position: absolute;
}
.tweetIconsPopup {
	position: absolute;
	right: 0;
	background:#FFFFFF;
	border:1px solid #555555;
	left: -42px;
        width: 300px;
        height: 275px;
	visibility: hidden;
	text-align: left;
	margin-top: 1px;
	z-index: 5000;
}

.submitIconsPopup {
	position: absolute;
	right: 0;
	background:#FFFFFF;
	border:1px solid #555555;
	height:114px;
	width:148px;
	visibility: hidden;
	text-align: left;
	margin-top: 1px;
	z-index: 5000;
}
p.btnBox {
	text-align: right;
	margin: 15px 0 0;
	font-size: 14px;
}
.imgBox {
	vertical-align: text-bottom;
}
.boxLeft {
	width: 177px;
}
.boxRight {
	text-align: right;
	position: absolute;
	top: 0;
	padding-left: 207px;
	margin-top: 19px;
}
.boxRight h4{
	margin-top: -18px;
	position: absolute;
	right:0;
	width:83px;
}
span.colon {
	*height: 20px; 
	font-weight: bold;
	color: #000;
}
#footer {
	text-align: center;
	border:0 none;
	font-size:12px;
	line-height:16px;
	padding:9px 0;
}
p.checkBox {
	text-align: left;
	padding-left: 10px;
	margin-bottom: 17px;
}

p.checkBox  label {
	margin: 0 0 0 5px;
	color:#7D7E45;
	vertical-align: text-top;
}

.radioText{margin-left:5px;}
p#sch {
	position: absolute;
	bottom: 25px;
	left: 0;
	color: #687366;
	font-size: 11px;
	display: none;
}
p#sch span {color: blue;}
.it p.alignLeft select {width:126px;}


.block {display:block;}	
a.block {padding: 18px 0 30px;}
.follow {
	border: 1px solid #dedede;
	border-width: 1px 0;
	text-align: left;
	margin: 0 23px;
	padding: 10px 0;
}
.follow p{
	margin: 0 10px;
	font-size: 13px;
}
.imgC {
	text-align: right;
	padding: 10px 5px 0 0;
	color: red;
}
.button {cursor: pointer;}
#successScreen h1 {
	padding:16px 0 13px 26px;
	text-align: left;
}
#successScreen h3 {
	border:none;
	padding:0;
	margin: 0 10px 5px 10px;
	font-weight: bold;
	}

.waiting {
   cursor: wait;
}

.waiting img{
   cursor: wait;
}
p.infoMsg {width: auto;}
.imgRSide input{width:auto;}
.imgRSide p{
	margin-bottom: 5px;
	width: 268px;
	*margin-top:-2px;
}
#tweetWrapper .container {
	padding-bottom: 0;
	border-bottom: none;
}

.mandatoryfield {
    background-color:#FFFFA0;
}

.conRight input.check,.checkBox input {
	height:13px;
	margin:0;
	padding:0;
	width:13px;
}
.btnBox label{margin-left:5px;}
.imgBtn {
	bottom:102px;
	position:absolute;
	right:0;
}
#content #termText {
	font-size: 14px;
	
}
.clearBox {
	padding: 12px 0 0 146px;
	width: 100px;
}
.conRight p.alignLeft {
	text-align: left;
	color:#7D7E45;
}
p.alignLeft label {
	margin-left: 10px;

}
p.alignLeft select {
	width: 100px;
	font-size: 12px;
}

.geotweet h3 {
	font-weight: bold;
	font-size: 15px;
	text-decoration: underline;
}
.firstP {margin-top: 14px;}
#successScreen,#generalErrorScreen {
	width: auto;
}
.conRight .clearBox{text-align:left;}
#clear  {
	background: transparent url(/images/en/clear.gif) no-repeat left top;
	border:none;
	height:22px;
	width:73px;
	cursor:pointer;
	padding:0;
}

.en #clear {background-image: url(/images/en/clear.gif);}
.es #clear  {background-image: url(/images/es/clear.gif);}
.fr #clear  {background-image: url(/images/fr/clear.gif);}
.de #clear  {background-image: url(/images/de/clear.gif);}
.it #clear  {background-image: url(/images/it/clear.gif);}
.zh #clear  {background-image: url(/images/zh/clear.gif);}
.tw #clear {background-image: url(/images/tw/clear.gif);}
div.container{height:auto;}

.dt .imgRSide{background-position:146px 100%;}
.dt .imgRSide p{
	width:auto;
	text-align:left;
	margin-top:-2px;
}
.dt .container{
	margin-left:7px;
}
.g3{
	padding-top:10px;
	width:510px;
}
.g3 textarea{width:452px;}
.g3 p{margin-bottom:6px;}
.dt .imgBtn{
	bottom:31px;
}
.dt #content{padding-top:22px;}
.dt .conRight{padding:18px 0 32px;}
.dt .conLeft{top:45px;}
.dt .g1{margin-bottom:17px;}
.g3 label{
	margin-left:4px;
	font-style:italic;
}
.dt .clearBox{margin-bottom:0;}

/*for tweetup only*/
.tt .conRight{
	padding-bottom:190px; 
	*padding-bottom:186px;
	position:relative;
}
.tt .g4{
	position:absolute;
	right:0;
	bottom:27px;
	width:323px;
}
.tt .g4 textarea{width:307px;}
.tt .g4 p{
	text-align:left;
	word-spacing: -1px;	
}
.tt .btnBox{
	position:absolute;
	right:0;
	bottom:0;
}
/*--------safari hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 3.0 and Opera 9 rules here */
.conRight{margin-left: 270px;}
.conRight input,.conRight textarea{width: 320px;}
.conRight select{width:47px;}
.conRight select#month{width: 90px;}
.conRight select#amPm{width: 51px;}
span.imgBox{vertical-align: bottom;}
.it p.alignLeft select {width:135px;}
.fr p.alignLeft select {width:105px;}
.tt .g4{width:336px;}	
.tt .g4 textarea{width:310px;}	
}

/*--------safari hack*/