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

/* DEFAULT TEXT STYLES */
.wap h1, .yui-skin-sam h1, .wap h2, .wap h3, .wap h4 { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.wap h1, .yui-skin-sam h1, .wap h2, .wap h3, .wap h4, .wap h5 { font-style:normal; font-weight:700; }
.wap h5, .wap p, .wap a, .yui-skin-sam .done { font-family:Verdana, Arial, Helvetica, sans-serif; }
.wap h1, .yui-skin-sam h1 { font-size:26px; line-height:28px; }
.wap h2 { font-size:18px; line-height:20px; }
.wap h3 { font-size:16px; line-height:18px; }
.wap h4 { font-size:12px; line-height:14px; }
.wap h5 { font-size:13px; line-height:17px; }
.wap p, .wap a, .yui-skin-sam .done { font-size:11px; font-weight:400; line-height:17px; word-spacing:-1px; }
.wap p, .wap h2, .wap h3, .wap h4, .wap h5, .wap a { color:#695e49; }
.wap h1, .yui-skin-sam h1 { color:#566c11; }
.wap a:hover { color:#435802; }

/* LAYOUT */
.wap { width:990px; margin:auto; position:relative; padding:0 21px; position:relative; }
.wap .header { text-align: right; background:transparent url(i/header.gif) no-repeat top left; height:32px; width:900px; padding:20px 1px 0px; }

/* LAYOUT MIDDLE */
.wap .middle { width:918px; position:relative; }
.wap .middle .left { border: 1px solid #afbc22; min-height:359px; width:581px; }
.wap .middle .left h1 { padding:10px 15px 15px; }
.wap .middle .left .p1 { padding:0 235px 15px 15px; }
.wap .middle .left .p2 { padding:0 318px 15px 15px; }
.wap .middle .left .p2 span { color:#566c11; font-weight:700; word-spacing:-2px; }
.wap .middle .left .p3 { padding:0 15px 15px 15px; }
.wap .middle .left .p3 span { color:#566c11; font-weight:700; word-spacing:-2px; }
.wap .middle .left .be-inspired { background-image:url(i/btn1.gif); height:24px; width:118px; margin-left:12px; padding:4px 0 0 27px; text-decoration:none; }
.wap .middle .left .be-inspired p { color:#fff; cursor:pointer; font-weight:700; text-align:center; }
.wap .middle .right {background:transparent url(i/bg-register-gradient.gif) repeat-x bottom; height:207px; width:351px; position:absolute; top:65px; right:0; }
.wap .middle .right .get-started { border: 1px solid #afbc22;  height:205px; width:auto; overflow:hidden; position:relative; }
.wap .middle .right .get-started h4 { border-bottom:1px solid #c4c5a9; margin:0 51px 0 22px; padding:8px 0 5px; }
.wap .middle .right .get-started h2 { padding:10px 22px 7px; }
.wap .middle .right .get-started .p1 { padding:0 22px 23px; }
.wap .middle .right .get-started .p1 span { font-weight:700; }
.wap .middle .right .get-started .beta { float: right; background: transparent url(i/tri-beta.png) no-repeat top right; height:82px; width:78px; position:absolute; right:-1px; top:-1px; }
.wap .middle .right .get-started .download { text-align:center; cursor:pointer; display:block; height:52px; margin:0 auto 12px; text-decoration:none; }
.wap .middle .right .get-started #moveSY { position:absolute; left: 6px; top: 220px; }
.wap .middle .right .get-started .move-sy .btn-sy { background:transparent url(i/btn3.gif) no-repeat top left; color:#fff; cursor:pointer; display:block; height:19px; width:157px; margin:0 auto; padding-top:3px; padding-right:20px; text-align:center; text-decoration:none; }
.wap .middle .right .get-started .move-sy .p-sy { background:transparent url(i/sy-bkgd.png) no-repeat top left; height:190px; width:319px; line-height:16px; margin:0 auto; padding:10px 10px; }
.wap .middle .right .get-started .move-sy .p-sy span { font-weight:700; }
.wap .middle .right .get-details { text-align:center; width:318px; padding-left: 26px;}
.wap .middle .right .get-details h2 { padding:10px 0 5px; text-align:center; }
.wap .middle .right .get-details a { color:#566c11; font-weight:700; }
.wap .middle .right .get-details .p1 { padding-bottom:7px; text-align:center; }
.wap .middle .right .get-details .launch-video { background-image:url(i/btn4.gif); color:#fff; display:block; font-weight:700; height:24px; width:176px; margin:auto; padding-top:4px; padding-left:25px; text-align:center; text-decoration:none; }

/* LAYOUT BOTTOM */
.wap .bottom { background:transparent url(i/bg-steps-gradient.gif) repeat-x bottom; border: 1px solid #afbc22; width:916px; margin:10px 0; padding:8px 8px 0 8px; }
.wap .bottom h4 { border-bottom:1px solid #c4c5a9; margin:0 22px; padding-bottom:5px; }
.wap .bottom .steps { margin-top:10px; }
.wap .bottom .steps td { vertical-align:top; }
.wap .bottom .steps h3 { padding-left:32px; }
.wap .bottom .steps .step1 { background:transparent url(i/btn-steps1.png) no-repeat; }
.wap .bottom .steps .step2 { background:transparent url(i/btn-steps2.png) no-repeat; }
.wap .bottom .steps .step3 { background:transparent url(i/btn-steps3.png) no-repeat; }
.wap .bottom .steps .step4 { background:transparent url(i/btn-steps4.png) no-repeat; }
.wap .bottom .steps .stepImg { text-align: center; }
.wap .hide-modal { display:none; }

/* LAYOUT SUCCESSFUL */
.wap .successful { background:transparent url(i/successful.jpg) no-repeat top left; height:355px; width:605px; }
.wap .successful h1 { padding:25px 15px; }
.wap .successful h5 { padding:0 15px 25px; }
.wap .successful .p1 { padding:0 300px 20px 55px; }
.wap .successful .p2 { padding:0 300px 20px 15px; }
.wap .successful .p2 span { font-weight:700; }
.wap .successful .p3 { padding:0 300px 0 15px; }
.wap #hideMiddle { display:block; }
.wap #hideBottom { display:block; }
.wap #showSuccessful { display:none; }

/* LAYOUT MODALS */
.yui-skin-sam .mask { filter:alpha(Opacity=50); opacity:0.50; }
.yui-skin-sam .underlay { filter:alpha(opacity=25); opacity:0.25; }

/* LAYOUT MODALS - BE INSPIRED */
.yui-skin-sam .be-inspired-panel { background-color:#fff; height:auto; width:719px; padding:40px 20px 20px; position:relative; }
.yui-skin-sam .be-inspired-panel .container-close { background:none; background:transparent url(i/btnClose.gif) no-repeat top left; height:36px; width:90px; position:absolute; top:0; right:0; }

/* LAYOUT MODALS - DOWNLOAD */
.yui-skin-sam .download-panel { background:#fff url(i/app-install.jpg) no-repeat center 57%; height:auto; width:836px; position:relative; }
.yui-skin-sam .download-panel .container-close { background:none; height:36px; width:90px; position:absolute; top:0; right:0; }
.yui-skin-sam .download-panel .container-close { background:transparent url(i/btnClose.gif) no-repeat top left; }
.yui-skin-sam .download-panel h1 { padding:20px 30px; }
.yui-skin-sam .download-panel .dpanelheader, .yui-skin-sam .download-panel .dpanelfooter { height:auto; width:516px; margin:auto; text-align:center; }
.yui-skin-sam .download-panel .dpanelfooter { padding:275px 0 10px; }
.yui-skin-sam .download-panel .dpanelheader .downloadnow { background:transparent url(i/btn6.gif) no-repeat top left; color:#fff; display:block; font-weight:700; height:23px; width:141px; margin:0 auto; padding-top:5px; text-decoration:none; }
.yui-skin-sam .download-panel .dpanelfooter .done { background:blue url(i/btn7.gif) no-repeat top left; color:#fff; cursor:pointer; display:block; font-weight:700; height:23px; width:78px; margin:0 auto; padding-top:5px; text-decoration:none; }
.yui-skin-sam .download-panel .dpanelheader p { margin:0 auto; padding:6px 0 10px; }
.yui-skin-sam .download-panel .dpanelfooter p { margin:0 auto; padding:6px 0 10px; }

/* LAYOUT BOTTOM */
.wap .current {position:relative;}
.wap .current .projects { float:left; width: 624%; }

.projects table{
	font:11px Verdana, sans-serif;
}
.projects th{
	font-weight:normal;
	border-bottom: dotted 1px #bbb1a3;
	text-align:left;
	padding:3px;
	color:#695e49;
}
.projects td{
	border-bottom:dotted 1px #dcd7d0;
	padding:2px;
}
.projects th h2{
	border:none;
	font-size: 16px;
	margin:0;
	padding:0;
}

/* AVAILABLE PROJECTS */
.doneness{
	background:url(i/doneness_bg.gif) no-repeat 3px 2px;
	width:106px;
	vertical-align: top;
}
.doneness strong{
	background:url(i/doneness_bar.gif) no-repeat;
	display:block;
	text-align:right;
	color:#fff;
	font-size:9px;
	line-height:15px;
	padding:0 3px;
	font-style:normal;
}

/* TOPUSERS LEADERBOARD */
.leaderboard { float:right; }

.leaderboard table{
	margin:6px 0;
	width:100%;
}
.leaderboard th, .leaderboard td{
	padding:2px;
}
.leaderboard th{
	background:#f5f5ea;
	border-bottom:solid 1px #d7d2c6;
	font:normal 11px Verdana, sans-serif;
	color:#666;
	text-align:left;
	padding:0 2px;
}
.leaderboard .value_cell{
	text-align:right !important;
	color:#666;
}
.leaderboard .userName_cell a{
	text-decoration:none;
	line-height:1;
}
.leaderboard .userName_cell img{
	vertical-align:middle;
}
.leaderboard .even{
	background-color:#fafaf4;
}


.invite 
{
	float: right;
	font-size: 11px;
	margin-right: 20px;
}
.invite a {
	color:#695e49;
	display:block;
	padding-left:36px;
	background:#fef9de url(i/share_l.gif) no-repeat;
}
.invite a span{
	display:block;
	line-height:25px;
	background: url(i/share_r.gif) no-repeat top right;
	padding-right: 36px;
}
.newslettermsg
{
	background:transparent url(i/bg-steps-gradient.gif) repeat-x scroll center bottom;
	text-align:center;
	border:1px solid #AFBC22;
	padding:20px;
	margin:50px;
	width:600px;
}
#LanguageOptions
{
	margin:8px 0px 8px 0px;
}
#waphelpbox
{
	background-color:#ffffff;
	min-height:80px;
}