* {
margin : 0 auto;
font-family : Verdana, Arial, Trebuchet MS;
padding : 0;
font-size : 12px;
border : 0;
}
body {
background : #90d8ff;
margin : 0;
padding : 0;
}
ol, ul {
list-style-image : none;
list-style-position : outside;
list-style-type : none;
}
.clear {
clear : both;
}
a:link {
color : #00abed;
text-decoration : none;
}
a:visited {
color : #00abed;
}
a:hover {
color : #35c2f9;
}
span.bblue {
color : #00abed;
font-size : 21px;
font-family : arial, verdana, tahoma;
font-weight : normal;
width : 896px;
line-height : 40px;
margin : 10px auto 15px auto;
}
#container {
width : 921px;
margin : 0 auto;
}
#header {
width : 100%;
height : 85px;
background : #484848 url(/imgs/header_bg.gif) no-repeat scroll center top;
margin-top : 20px;
}
h1 {
width : 343px;
height : 75px;
background : transparent url(/imgs/logo.gif) no-repeat scroll center top;
float : left;
margin-left : 10px;
}
h1 a {
display : block;
text-indent : -9999px;
height : 75px;
}
#login {
background : transparent url(/imgs/login_bg.gif) no-repeat left top;
width : 560px;
height : 75px;
float : right;
}
#login ul {
padding-left : 25px;
}
#login li {
height : 75px;
float : left;
}
#login label {
display : block;
width : 150px;
padding-top : 10px;
color : #ededed;
font-weight : bold;
font-size : 10px;
margin-bottom : 9px;
}
#login button {
background : transparent url(/imgs/login_button.gif) no-repeat left top;
text-indent : -9999px;
width : 83px;
height : 28px;
margin-top : 31px;
}
#login button:hover {
background-position : 0% -28px;
cursor : pointer;
}
#login .loginput {
background : #696969;
width : 132px;
height : 22px;
color : #ededed;
padding : 6px 0 0 4px;
}
#login li p#loginright {
padding-top : 22px;
}
#login p {
width : 137px;
text-align : right;
padding-bottom : 8px;
}
#login p a {
color : #94d8ff;
text-align : right;
text-decoration : none;
font-weight : bold;
font-size : 11px;
width : 30px;
}
#login p a:hover {
background : #555555;
color : #fff;
text-decoration : underline;
}
#main {
width : 100%;
background : #fff;
text-align : center;
}
#main #process {
display : block;
margin-bottom : 10px;
}
h2 {
font-size : 21px;
font-family : arial, verdana, tahoma;
font-weight : normal;
width : 896px;
line-height : 40px;
margin : 10px auto 15px auto;
}
#points, #prizes {
float : left;
}
hr {
clear : both;
color : #ff00ff;
border : 0;
width : 100%;
height : 13px;
margin : 0;
background : transparent url(/imgs/content_bottom.gif) no-repeat left top;
}
#footer {
clear : both;
background : transparent url(/imgs/footer.gif) no-repeat left top;
height : 72px;
width : 100%;
margin : 20px 0 25px;
}
#footer ul {
padding : 28px 0 0 25px;
width : 555px;
float : left;
}
#footer li a {
float : left;
border-right : 1px solid #b0b0b0;
color : #00abed;
padding-right : 10px;
margin-right : 10px;
text-decoration : none;
}
#footer p {
padding : 28px 25px 0 0;
float : right;
color : #1e1e1e;
width : 316px;
}
h3 {
font-size : 26px;
border-bottom : 1px solid #d6d6d6;
width : 890px;
text-align : left;
padding-bottom : 8px;
margin-bottom : 18px;
font-family : arial, verdana, taboma;
}
#register {
text-align : left;
width : 800px;
}
#register label {
display : block;
color : #39d7fe;
font-family : arial, verdana, tahoma;
font-size : 18px;
margin-bottom : 12px;
}
#register span {
color : #909090;
padding-left : 20px;
}
#register .aninput {
background : #fbfbfb;
border : 1px solid #b7b7b7;
display : block;
padding : 15px;
width : 769px;
margin-bottom : 25px;
font-size : 15px;
}
#register .aninput:focus {
border-color : #39d7fe;
}
#register button {
background : transparent url(/imgs/register.gif) no-repeat left top;
text-indent : -9999px;
width : 302px;
height : 59px;
margin-left : 250px;
cursor : pointer;
}
#register #recaptcha {
margin-left : -250px;
}
#register .dropdown {
background : #fbfbfb;
border : 1px solid #b7b7b7;
display : block;
padding : 15px;
width : 800px;
margin-bottom : 25px;
font-size : 15px;
}
#register .dropdown:focus {
border-color : #39d7fe;
}
#register .dropdown option {
height : 19px;
font-size : 15px;
}
#retrieve {
text-align : left;
width : 800px;
}
#retrieve label {
display : block;
color : #39d7fe;
font-family : arial, verdana, tahoma;
font-size : 18px;
margin-bottom : 12px;
}
#retrieve span {
color : #909090;
padding-left : 20px;
}
#retrieve .aninput {
background : #fbfbfb;
border : 1px solid #b7b7b7;
display : block;
padding : 15px;
width : 769px;
margin-bottom : 25px;
font-size : 15px;
}
#retrieve textarea {
background : #fbfbfb;
border : 1px solid #b7b7b7;
display : block;
padding : 15px;
width : 769px;
margin-bottom : 25px;
font-size : 15px;
height : 75px;
}
#retrieve .aninput:focus {
border-color : #39d7fe;
}
#retrieve button {
background : transparent url(/imgs/retrieve.jpg) no-repeat left top;
text-indent : -9999px;
width : 302px;
height : 59px;
margin-left : 250px;
cursor : pointer;
}
#retrieve #recaptcha {
margin-left : -250px;
}
#retrieve .dropdown {
background : #fbfbfb;
border : 1px solid #b7b7b7;
display : block;
padding : 15px;
width : 800px;
margin-bottom : 25px;
font-size : 15px;
}
#retrieve .dropdown:focus {
border-color : #39d7fe;
}
#retrieve .dropdown option {
height : 19px;
font-size : 15px;
}
#main p {
text-align : left;
line-height : 29px;
padding : 0 20px;
margin-bottom : 20px;
}
#main p img {
border : 5px solid #ddd;
padding : 1px;
}
#main p img:hover {
border-color : #39d7fe;
}
.indexfp a {
font-size : 21px;
font-family : arial, verdana, tahoma;
font-weight : normal;
color : #00abed;
}
.indexfp a:link {
font-size : 21px;
font-family : arial, verdana, tahoma;
font-weight : normal;
color : #00abed;
}
.indexfp a:hover {
font-size : 21px;
font-family : arial, verdana, tahoma;
font-weight : normal;
color : #35c2f9;
}
#launchsurveys {
float : right;
margin-top : -61px;
margin-right : 50px;
}
#launchsurveys button {
background : transparent url(/imgs/getpts.jpg) no-repeat left top;
text-indent : -9999px;
width : 302px;
height : 59px;
}
#launchsurveys button:hover {
background-position : 0% -59px;
cursor : pointer;
}
ul#welcome {
height : 75px;
}
ul#welcome li {
float : right;
padding-right : 10px;
}
ul#welcome h4 {
width : 120px;
text-align : right;
color : #959595;
font-size : 49px;
font-weight : normal;
margin : 0;
}
ul#welcome h5 {
width : 120px;
text-align : right;
text-transform : uppercase;
color : #838383;
letter-spacing : 5px;
font-size : 14px;
position : relative;
top : -7px;
left : 2px;
}
ul#welcome p {
text-align : right;
color : #fff;
padding-top : 20px;
}
ul#welcome p#bitless {
padding-top : 10px;
}
ul#welcome a {
padding : 0 8px;
color : #39d7fe;
text-decoration : none;
border-right : 1px solid #828282;
}
ul#welcome a#blanx {
border-width : 0;
padding-right : 0;
}
#profile {
width : 825px;
}
#profile #profilepic {
float : left;
border : 3px solid #90d8ff;
padding : 2px;
max-width : 139px;
margin-bottom : 150px;
}
#profile #country {
	border: none;
	padding: none;
	margin-bottom: -1px;
}
#whatprofile {
height : 180px;
}
#whatprofile p {
background : transparent url(/imgs/profile_bg.gif) repeat-y;
width : 305px;
float : left;
margin : 0 0 0 10px;
padding : 10px 0 0 15px;
height : 40px;
}
#whatprofile .blank {
background : transparent;
height : 39px;
}
#whatprofile span {
color : #676767;
padding-right : 6px;
}
#tehbuttons {
height : 100px;
}
#tehbuttons img {
float : left;
margin-left : 10px;
}
#withside {
width : 100%;
height : 100px;
}
#withside input {
background : #fbfbfb;
border : 1px solid #b7b7b7;
display : block;
padding : 15px;
width : 275px;
margin-bottom : 25px;
font-size : 15px;
float : left;
}
#withside input:focus {
background : #f0fcff;
border-color : #39d7fe;
color : #39d7fe;
}
#withside p {
background : transparent url(/imgs/profile_bg.gif) repeat-y;
width : 435px;
float : left;
margin : 0 0 0 10px;
padding : 10px 0 0 15px;
height : 40px;
}
#left h4, #middle h4, #right h4 {
font-size : 26px;
border-bottom : 1px solid #d6d6d6;
width : 100%;
text-align : left;
padding-bottom : 8px;
margin-bottom : 12px;
font-family : arial, verdana, taboma;
}
#left {
width : 245px;
float : left;
padding-left : 10px;
}
#left #avatar img {
float : left;
border : 3px solid #90d8ff;
padding : 2px;
margin : 0 8px 0 2px;
}
#left #avatar:hover img {
border-color : #e0e0e0;
}
#left #avatar ul li {
text-align : left;
height : 27px;
}
#left #avatar ul li span {
color : #676767;
padding-right : 5px;
}
#left ul#you {
background : transparent url(/imgs/dashed_bg.gif) repeat-x left top;
}
#left ul#you li {
text-align : left;
height : 27px;
background : transparent url(/imgs/dashed_bg.gif) repeat-x left bottom;
padding-top : 12px;
}
#left ul#you li span {
color : #676767;
padding-right : 5px;
}
#left input {
background : #fbfbfb;
border : 1px solid #bbbbbb;
color : #000;
width : 220px;
margin-top : 20px;
padding : 12px 4px 12px 4px;
}
#left input:hover {
background : #f0fcff;
border-color : #39d7fe;
color : #35acec;
}
#left #referexplain {
background : transparent url(/imgs/refer_bg.gif) repeat-y left top;
margin-top : 10px;
color : #676767;
padding : 10px 0;
}
#left #referexplain span {
color : #000;
}
#left #explain a {
color : #188ff4;
}
#middle {
width : 391px;
float : left;
padding-left : 10px;
}
#middle ul li {
text-align : left;
padding-bottom : 1px;
background : transparent url(/imgs/dashed_bg.gif) repeat-x left bottom;
padding-left : 8px;
}
#middle ul li a {
display : block;
padding-bottom : 8px;
padding-top : 8px;
}
#middle ul li h5 {
color : #188ff4;
margin-bottom : 4px;
text-decoration : underline;
}
#middle ul li:hover h5 {
color : #5bb3fe;
text-decoration : none;
}
#middle ul li h6 {
text-decoration : none;
color : #000;
font-weight : normal;
margin-bottom : 4px;
}
#middle ul li:hover h6 {
color : #8f8f8f;
}
#middle a:visited {
text-decoration : none;
}
#middle ul li p {
line-height : 15px;
margin-bottom : 0;
padding : 0;
text-align : left;
color : #8f8f8f;
font-size : 9px;
}
#middle ul li:hover p {
color : #000;
}
#right {
width : 245px;
float : left;
padding : 0 10px;
}
#right ul.otherstuff {
margin-bottom : 20px;
position : relative;
top : -10px;
}
#right ul.otherstuff li p {
color : #777777;
font-size : 11px;
margin-top : 0;
position : relative;
top : -6px;
}
#right ul.otherstuff li {
text-align : left;
height : 41px;
background : transparent url(/imgs/dashed_bg.gif) repeat-x left bottom;
padding-top : 12px;
}
#right ul.otherstuff li span {
color : #676767;
padding-right : 5px;
}
#right ul.otherstuff li a {
color : #188ff4;
font-weight : bold;
}
#upload {
text-align : left;
width : 800px;
}
#upload label {
display : block;
color : #39d7fe;
font-family : arial, verdana, tahoma;
font-size : 18px;
margin-bottom : 12px;
}
#upload span {
color : #909090;
padding-left : 20px;
}
#upload .aninput {
background : #fbfbfb;
border : 1px solid #b7b7b7;
display : block;
padding : 15px;
width : 769px;
margin-bottom : 25px;
font-size : 15px;
}
#upload .aninput:focus {
border-color : #39d7fe;
}
#upload input.uploadbutton {
background : transparent url(/imgs/upload.jpg) no-repeat left top;
text-indent : -9999px;
width : 302px;
height : 59px;
margin-left : 250px;
cursor : pointer;
}