/*****************************************************************************************      XSHARE VERSION 3 10.11.2006    */

/*------ BODY -------*/
body{
	text-align:center;
	font:8pt/16pt "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color:#060;	
	background-color:#4B4B4B;		
	}
a img{
	border:0;
	}
	
a:link, a:visited{
	color:#f90;	
	background-color:inherit;
	text-decoration:none;
	}
a:hover, a:active, a:focus{
	color:#09c; 
	background-color:inherit; 
	text-decoration:none;
	}

/*-----H2-H3-HR------*/
h2{
	padding:0;	margin:0;
	text-align:center;
	font:bold 12pt "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color:#14BEF2; 
	background-color:inherit;
	}	
h2 img{
	display:inline;
	padding:20px 0;
	}
h3{
	padding:5px 0 0 15px;
	margin:0;
	color:#09c; background-color:inherit;
	font:bold 11pt "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	}
	
/*---- ACRONYM -----*/
acronym{
	cursor:help;
	color:#09c;	
	background-color:inherit;
	}
	
/*----- IMAGES - OBJECT - DL - DD -----*/
img, object{
	padding:0; margin:0;
	display:block;
	}
div, checkbox, select, textarea, noscript, form, span, input, p{
	padding:0;
	margin:0;
	}	

/*---- INPUT - SELECT - CHECKBOX - TEXTAREA -----*/	
input{
	font:8pt "Trebuchet MS", arial, verdana, helvetica, sans-serif;
	color:#09c; background-color:#ff9;
	border:1px #ccc solid;
	}
#resetButton2{
	vertical-align:top;
	border:0;
	background:url(../images/reset.gif) no-repeat;
	width:66px;	height:19px;
	}
checkbox{
	padding:15px 0 0 0;	
	}
select{
	font:8pt "Trebuchet MS", arial, verdana, helvetica, sans-serif;
	color:#09c; 
	background-color:#ff9;
	border:1px #ccc solid;
	overflow:hidden;	
	}
textarea{
	font:10pt "Trebuchet MS", arial, verdana, helvetica, sans-serif;
	color:#09c; 
	background-color:#ff9;
	border:1px #ccc solid;
	overflow:auto;
	}
strong{
	font-weight:bold;
	font-size:90%;
	}	
		
/*------------ NOSCRIPT ---------------------*/
noscript{
	color:#c30; 
	background-color:inherit;
	text-align:center;
	}
.support1{
	width:234px; 
	height:80px;
	}
.support2{
	width:449px; 
	height:190px;
	}
.support3{
	width:256px; 
	height:430px;
	}
				
/*-------- FORM ----------*/
.formPadding{
	padding-top:20px;
	}
#formLogin{
	width:250px;
}	
/*------- P --------*/	
p{
	padding:0 10px;
	}
.sectionHeader{
	font-size:1.1em;
   	font-weight:bold;
   	color:#f30;	
	background-color:inherit;
}
.backToTop{
	text-align:right;
	padding:0 15px 0 0;
	}
#questions{
	padding:10px 10px 0 15px;
	color:#09c;	
	background-color:inherit;
	}
.iframe1{
	color:#006600;
	background-color:#fff;
	text-align:left;
	padding:0 2px;
	margin:0 2px;
	line-height:17px;
	}	
/*------ SPAN ------*/
span{
	font-size:10pt;
	text-align:left;
	display:block;
	}
.xshareSignup{
	float:left;
	display:block;
	padding:10px 0 10px 20px;
	}
.userInfo{
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	display:block;
	padding:40px 0 0 0;
	color:#09c;	
	background-color:inherit;
	background:url(../images/rightFrame_bg.jpg) repeat-y;
	width:481px;
	}
.userInfo img{
	padding:0;
	display:inline;
	}	
.support{
	line-height:20px;
	display:block;
	padding:15px 10px 0 15px;
	text-align:left;
	color:#666;	
	background-color:inherit;
	background:url(../images/rightFrame_bg.jpg) repeat-y;
	}
.title{
	color:#14BEF2; 
	background-color:inherit;
	font-size:90%;
	}
	
/*------- DIVISIONS -------*/
div{	
	text-align:left;
	line-height:18px;
	font:9pt "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color:#666;	
	background-color:inherit;
	}
#howToStartUsing{
	width:70%;
	padding:10px 0 0 20px;
	}
#howToStartUsing p.startusing{
	border:1px #f90 dashed;
	margin:20px 10px;
	}
.dot-line{
	width:98%;
	float:right;
	height:1px;
	border-top:1px #FFB343 dotted;
	}
.myxshare1{
	background:url(../images/leftFrame_bg.jpg) repeat-y;
	color:#EAE98F;
	background-color:inherit;
	}	
#signup{
	position:relative;
	width:259px;
	}
.space{
	padding-top:10px;
	}
.topFrame{
	background:url(../images/topFrame.jpg) no-repeat;
	width:259px; 
	height:31px;
	text-align:right;
	}
#signupButton{
	clear:right;
	float:left;
	width:449px;
	}
#mainText{
	padding:20px 0;
	width:481px; 
	height:217px;
	background:url(../images/rightFrame_bg.jpg) repeat-y;
	}
#mainText1{
	width:481px; 
	height:385px;
	background:url(../images/rightFrame_bg.jpg) repeat-y;
	}
#mainText1 ul{
	margin:0;
	}	
#mainText2{
	width:481px;
	font-size:9pt;
	background:url(../images/rightFrame_bg.jpg) repeat-y;
	}
#mainText2 p{
	padding:5px 15px;
	font:normal 9pt/15pt "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	}
#mainText2 p.qHeader{
   font:bold 10pt "Trebuchet MS", arial, verdana, helvetica, sans-serif;
   color:#09f; 
   background-color:inherit;
}
#mainText2 p.takeALook{
	padding:0 0 40px 110px;
	}	
#mainText2 p img{
	display:inline;
	padding:20px 0;
	}		
#mainText3{
	width:481px; 
	height:209px;
	background:url(../images/rightFrame_bg.jpg) repeat-y;
	padding:0 0 20px 0;
	font-size:9pt;
	position:relative;
	}
#wholething{
	position:absolute; width:259px; height:142px; left:112px; top:20px;
	}
.myxshare{
	background:url(../images/leftFrame_bg.jpg) repeat-y top left;
	width:259px;
	}
.partners{
	padding:0 0 0 12px;
	}
#phones{
	text-align:center;
	}
.mainpage-wrapper{
	background:url(../images/rightFrame_bg.jpg) repeat-y;
	width:481px;
	}
.text-d{
	width:449px;
	padding:0 0 20px 16px;
	}
.text-d1{
	width:449px;
	padding:0 0 0 16px;
	}
.text-d1 p{
	line-height:30px;
	font:14px "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	}
.text-d1 p.home{
	padding:0;
	}
.text-d1 p.right-align{
	text-align:right;
	padding:18px 0 0 0;
	}
.text-d1 p.right-align span{
	display:inline;
	}
.text-d1 p span.takeALook{
	float:left;
	}	
.text-d1 p span.supported{
	float:right;
	}	
.rightFrame_bg2{
	text-align:center;
	padding:5px 0 5px 0;
	background:url(../images/rightFrame_bg.jpg) repeat-y;
	width:481px;
	}
.forH2{
	background:url(../images/rightFrame_bg.jpg) repeat-y;
	padding:0 0 5px 0;
	}
.welcomePadding{
	border-left:#FFB23F 1px solid;
	border-right:#FFB23F 1px solid;
	margin:0 5px 0 5px;
	}
#newText{
	font-size:10pt;
	padding:20px 0 0 200px;
}
#newText p.using{
	padding:20px 0;
	}
#welcomeButtons span{
	padding:0 0 10px 0;
	}
#welcomeButtonsWrapper{
	position:relative;
	height:280px;
	}
#welcomeButtonsWrapper span.red{
	display:inline;
	color:#fe0000;
	background-color:inherit;
	}
#welcomeButtonsWrapper a:link, #welcomeButtonsWrapper a:visited{
	color:#f90;	
	background-color:inherit;
	}
#welcomeButtonsWrapper a:hover, #welcomeButtonsWrapper a:focus{
	color:#c30;	
	background-color:inherit;
	}		
#welcomeButtons{
	position:absolute; width:100px; height:auto; left:555px; top:20px;
	}
/*post your comment*/
#comment-poster{
	position:absolute; width:220px; height:auto; left:450px; top:20px;
	}
.send-page-wrapper{
	background:url(../images/Send-This-Page.gif) no-repeat top left;
	width:470px; height:400px;
	position:relative;
	}
.send-page-wrapper-thank-you{
	background:url(../images/Send-This-Page-Thankyou.gif) no-repeat top left;
	width:470px; height:400px;
	position:relative;
	}
#message-position{
	position:absolute; width:410px; height:auto; left:30px; top:250px;
	font-size:120%;
	}
#formPosition{
	position:absolute; width:172px; height:auto; left:203px; top:240px;
	}		
#formPosition input{
	padding:7px 0 0 0;
	}	
#formPosition p.sendPadding{
	padding:15px 0 0 0;
	}
/*------------------------------------ TD -------------------------------------------------------------------------------*/
td{
	font-family:"Trebuchet MS", verdana, arial, sans-serif;
	vertical-align:top;
	color:#666;	
	background-color:inherit;
	}
.left{
	text-align:left;
	padding:0 0 0 20px;
	}
.right{
	width:540px;
	}
.checkboxPadding{
	padding-top:10px;
	}
.checkboxPadding input{	
	border:0;
	color:inherit;
	background-color:#fff;
	}
#checkbox0{
	padding-left:7px;
	}
#leftColumn{
	width:264px;
	padding:15px 0;
	}
#leftColumn div.left-wrapper{
	padding:0 0 0 5px;
	}	
#rightColumn{
	width:496px;
	padding:15px 0;
	}
#rightColumn div.right-wrapper{
	padding:0 0 0 10px;
	}	
.topUserButtons1{
	padding:20px 0 0 5px;
	text-align:left;
	}
.topUserButtons2{
	padding:20px 10px 20px 0;
	text-align:right;
	font-size:120%;
	font-weight:bold;
	}
.topUserButtons2 a:link, .topUserButtons2 a:visited{
	text-decoration:underline;
	}
.barBG{
	background:url(../images/barBG.jpg) no-repeat;
	width:171px; 
	height:28px;
	vertical-align:middle;
	font-size:9pt;
	font-weight:bold;
	}
.spacer{
	height:5px;
	}
#submit{
	text-align:center;
	padding-top:15px;
	padding-bottom:10px;
	}
#guides{
	padding:15px 5px 15px 5px;
	}
.dot{
	border-bottom:1px #fe0000 dashed;
	}
#footer{
	background:url(../images/bottomBar.gif) no-repeat;
	width:760px; 
	height:27px;
	color:#fff;	
	background-color:inherit;
	vertical-align:middle;
	font-weight:bold;	
	}
#copyright{
	padding:5px 0 30px 0;
	color:#14BEF2; 
	background-color:inherit;
	font-weight:bold;
	text-align:center;
	font-size:95%;
	}
.spacingBottom{
	padding:0 0 20px 0;
	}
.title2{
	color:#fff;
	background-color:#21C3F2;
	font-weight:bold;
	}
.title2 a:link, .title2 a:visited{
	color:#fff; 
	background-color:inherit;
	text-decoration:none;
	}
.title2 a:hover, .title2 a:active, .title2 a:focus{
	color:#fff; 
	background-color:inherit;
	text-decoration:underline;
	}		
/*---------------- TABLE --------------------*/
table{
	padding:0; margin:auto;	border:0;
	font:8pt "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color:#666;	
	background-color:#fff;
	}
.comment-page{
	padding:10px 0 20px 0;
	}
.adjust-align-input td{
	vertical-align:middle;
	}
.adjust-align-input td span{
	display:inline;
	}
.adjust-align-input td span.red{
	color:#fe0000;
	background-color:inherit;
	}
.adjust-align-input td.step1{
	padding:20px 0 20px 0;
	text-align:center;
	}
.adjust-align-input td.messages{
	vertical-align:top;
	}
/* --- left column --- */
.backgr{
	margin:0 6px;
	padding:0;
	font-size:10px;
	color:#666; 
	background-color:inherit;
	}
.backgr td{
	vertical-align:middle;
	}
#name_customer{
	font-size:12px;
	font-weight:bold;
	text-align:right;
	vertical-align:bottom;
	padding:0; margin:0;
	}
.banner{
	text-align:center;
	}
.banner a:link, .banner a:visited{
	color:#fff; 
	background-color:inherit;
	text-decoration:none;
	}
.banner a:hover, .banner a:active, .banner a:focus{
	color:#c30; 
	background-color:inherit;
	text-decoration:none;
	}
.supportedPhones{
	font:bold 8pt "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	text-align:center;
	}
.supportedPhones td img{
	vertical-align:bottom;
	display:inline;
	}	
.albumplaces{
	font-size:7pt;
	width:451px;
	padding:10px 0 10px 0;
	border:1px #fe0000 dashed;
}
.albumplaces td{
	vertical-align:middle;
	}
.myvideos{
	text-align:left;
	border:1px #ccc dashed;
	font-weight:bold;
	}
.myvideos td.bg-videos{
	color:inherit;
	background-color:#F3F2EE;
	}	
.myvideos p iframe{
	margin:0;
	padding:0;
	float:right;
	border:1px #ccc solid;
	}
.myvideos td p{
	text-align:right;
	padding:0 5px;
	margin:0;
	}
.myvideos td.right2{
	padding:0 5px;
	}
.myvideos td.right2 p{
	text-align:left;
	}
/*------------- UL LI OL --------------------*/
li{
	padding:0 0 0 15px;
	list-style-type:none;
	background:url(../images/arrow-right.gif) no-repeat;
	background-position:0 5px;
	}
.whatYouLikeToDo{
	list-style-type:none;
	}
ol{
	padding:0;
	margin:10px 10px 5px 20px;
	}	
.faqHeadlines{
	margin:0 10px;
	}
.faqHeadlines li{
	font:bold 9pt "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	padding:0 0 0 15px;
	list-style-type:none;
	background:url(../images/arrow-right-Headlines.gif) no-repeat;
	background-position:0 5px;
	}
.faqHeadlines li a:link, .faqHeadlines li a:visited{
	color:#009900;	
	background-color:inherit;
	text-decoration:none;
	}
.faqHeadlines li a:hover, .faqHeadlines li a:active, .faqHeadlines li a:focus{
	color:#f90;
	background-color:inherit; 
	text-decoration:none;
	}
