@charset "utf-8";
/*
SHAREFLAKE.COM MAIN CSS FILE 
*/
* { margin:0; padding:0; }
body { text-align:center; background:#f3f3f3; font-family:Arial; }
img { border:0; }
a { color:#b21fad;}
ul,ol { margin-left:20px; }
li { line-height:20px; }
h3 { font-size:20px; margin-top:10px; }
table td { padding: 3px; margin: 0px; }
#page { width:854px; margin: 0 auto; text-align:left; }
#footer { float:left; width:100%; margin:50px 0; text-align:center; font-size:11px; color:#444; }

/* top */
#top { position: relative; width:100%; height:130px; }
#logotype { position:absolute; width:283px; height:70px; left:0; top:25px; }
#login { position: absolute; width:145px; height:70px; right:0; top:25px;}

/* front */
#front { position:relative; width:100%; height:450px; background:url(http://shareflake.com/Content/Images/front.bg.1.png) no-repeat top left; }
.front-box { position:absolute; width:290px; left:31px; }
#front-box1 { top:40px; }
#front-box2 { top: 140px; }
#front-box3 { top: 240px; }
#front-video { position:absolute; width:562px; height:342px; right:0; top:0; }
#front-arrow { position:absolute; width:592px; height:70px; left:0; bottom:20px; }
#front-register { position:absolute; width:252px; height:53px; right:0; bottom:30px; }

/* front 2 */
#front2 { float:left; width:100%; }
#front2-poll { float:left; width:286px; }
#front2-text { float:right; width:560px; font-size:18px; font-family:"Myriad Pro", Arial; line-height:35px; text-align:justify; }
#front2-socialmedia { margin-left:20px; }

/* register */
#register { text-align:center; }
.register-box { border:1px solid #9f9f9f; background:#fff; width:665px; margin: 0 auto; text-align:left; }
.register-box-top { background:#000 url(http://shareflake.com/Content/Images/register.box.top.bg.png) repeat-x; height:43px; position:relative; }
.register-box-content { padding:30px; }
.register-box-bottom { background:transparent url(http://shareflake.com/Content/Images/register.box.bottom.bg.png) repeat-x; height:40px; width:665px; margin:0 auto; padding-bottom:20px; }
.register-box-top-number { position:absolute; left:7px; top:7px; }
.register-box-top-label { position:absolute; top:10px; width:100%; text-align:center; color:#fff; font-weight:bold; }
.register-box-top-help { position:absolute; right:14px; top:14px; }
#register-box-1 .register-box-content { height:120px; position:relative; }
.register-box-content label { cursor:pointer; }
.register-box-content label input { height:16px; }
#register-label-1 { position: absolute; left:75px; top: 50px; }
#register-label-2 { position: absolute; left:75px; top: 100px; }
#register-label-3 { position: absolute; left:275px; top: 50px; }
#register-label-4 { position: absolute; left:275px; top: 100px; }
#register-label-5 { position: absolute; left:475px; top: 50px; }
#register-label-6 { position: absolute; left:475px; top: 100px; }

#register-label-tab-1 { position: absolute; left:175px; top: 280px; }
#register-label-tab-2 { position: absolute; left:375px; top: 280px; }
/*
#register-label-tab-3 { position: absolute; left:275px; top: 280px; }
#register-label-tab-4 { position: absolute; left:275px; top: 330px; }
#register-label-tab-5 { position: absolute; left:475px; top: 280px; }
#register-label-tab-6 { position: absolute; left:475px; top: 330px; }
*/

#register-box-2 .register-box-content { height:150px; position:relative; }
.register-visitor-1 { position:absolute; left:20px; top:45px; cursor:pointer; z-index:1; }
.register-visitor-2 { position:absolute; left:210px; top: 10px; cursor:pointer; z-index:3; }
.register-visitor-3 { position:absolute; right:20px; top: 45px; cursor:pointer; z-index:1; }
.register-visitor-selected { z-index: 100; border-bottom:2px solid #000; }
#register-box-3 .register-box-content { height:350px; position:relative; font-size: 11px; }
.register-box-3-label span strong { color:#1A9B31; text-decoration:underline; }
#register-box-3-label-1 { position:absolute; left: 130px; top: 30px; }
#register-box-3-label-4 { position:absolute; left: 130px; top: 60px; }
#register-box-3-label-3 { position:absolute; left: 350px; top: 30px; }
#register-box-3-label-2 { position:absolute; left: 350px; top: 60px; }
#register-box-3-label-5 { position:absolute; left: 130px; top: 90px; }
#register-box-3-label-6 { position:absolute; left: 350px; top: 90px; }
#register-box-3-provision-label {font-size:15px; font-weight:bold; height:30px; left:0; position:absolute; text-align:center; top:120px; width:100%;}
#register-box-3-provision-charity { position:absolute; width:100%; left:0; top:200px; text-align:center; font-size:11px; }
#register-box-3-provision-preview-label { position:absolute; width:100%; left:0; top:250px; text-align:center; }
#register-box-3-provision-preview-image { position:absolute; width:100%; left:0; top:290px; text-align:center; z-index:10000; }
#register-box-3-provision-preview-image-container { position:relative; }
#register-box-3-provision-preview-image-container img { position:absolute; left:300px; top:-345px; display:none; z-index:10; }
#register-box-3-continue { position:absolute; width:100%; left:0; top:340px; text-align:center; }

/* various */
#floater { position:fixed; left:0; top:40%; margin-left:-2px; }
.inlines { display:none; }
.inlines div p { line-height:20px; }

/* company account */
#companyaccount { text-align:center; }
.companyaccount-box { border:1px solid #9f9f9f; background:#fff; width:665px; margin: 0 auto; text-align:left; }
.companyaccount-box-top { background:#000 url(http://shareflake.com/Content/Images/register.box.top.bg.png) repeat-x; height:43px; position:relative; }
.companyaccount-box-content { padding:30px; }
.companyaccount-box-bottom { background:transparent url(http://shareflake.com/Content/Images/register.box.bottom.bg.png) repeat-x; height:40px; width:665px; margin:0 auto; padding-bottom:20px; }
.companyaccount-box-top-number { position:absolute; left:7px; top:7px; }
.companyaccount-box-top-label { position:absolute; top:10px; width:100%; text-align:center; color:#fff; font-weight:bold; }
.companyaccount-box-top-help { position:absolute; right:14px; top:14px; }


/* custom styling */
.validation-summary-errors {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #FF0000;
color:red;
font-size:13px;
font-weight:bold;
margin:0 auto 3em;
padding:10px;
}

.validation-summary-errors span {
display:block;
font-size:16px;
margin-bottom:1em;
}

.tablabel { font-size: 11px; font-weight:bold; vertical-align:super; }