@charset "utf-8";
* { 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; }
#page { width:1100px; 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:854px; height:130px; margin-left: auto; margin-right: auto; position: relative;}
#logotype { position:absolute; width:283px; height:70px; left:288px; top:25px; }
#login { position: absolute; height:70px; right:50px; top:20px; z-index:8; font-size: 12px; }
#login .name {font-weight: bold; overflow: hidden; text-overflow: ellipsis; width: 150px;}
#language { position:absolute; right:12px; top:33px; z-index:9; }

/* front */
#front { position:relative; width:100%; height:365px; 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; top:0px; }
#front-register { position:absolute; width:252px; height:53px; right:0; top:10px; }

/* 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.purple.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: bolder; }
.register-box-top-help { position:absolute; right:14px; top:10px; }
#register-box-1 .register-box-content { height:165px; position:relative; }
.register-box-content label { cursor:pointer; }
.register-box-content label input { height:16px; }
#register-choosebuttontext {font-size:12px; font-weight:bold; left:0; padding-top:5px; position:absolute; text-align:center; top:10px; width:100%; }
#register-choosebuttontext-ischangeable { font-size:12px; font-weight:bold; left:0; padding-top:5px; position:absolute; text-align:center; top:180px; width:100%; }
#register-label-1 { position: absolute; left:175px; top: 75px; }
#register-label-2 { position: absolute; left:350px; top: 75px; }
#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-7 { position: absolute; left:215px; top: 125px; }
#register-label-8 { position: absolute; left:365px; top: 125px; }
#register-label-9 { position: absolute; left:275px; top: 200px; }
#register-label-10 { position: absolute; left:275px; top: 250px; }
#register-label-11 { position: absolute; left:475px; top: 200px; }
#register-label-12 { position: absolute; left:475px; top: 250px; }
#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:380px; 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; font-size:11px; }
#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-input { color:#000; }
#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:280px; text-align:center; }
#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; }
#register-box-3-continue { position:absolute; width: 200px; left: 430px; top:345px; text-align:center; }
#register-box-paymentinfo {color: #B21FAD; font-size: 11px; border: 1px solid #000;  position: absolute;  top: 500px; left: 20px; right: 20px; background-color: #F3F3F3; padding: 4px;}
#register-box-paymentinfo p {margin: 4px; margin-left: 16px;}
#register-box-paymentinfo img {margin: -10px; position: absolute;}

#register-box-3 .register-box-content-col1 h3 { margin-top:0; margin-bottom:10px; }
#register-box-3 .register-box-content-col1 p { margin-bottom:10px; }
#register-box-3 .register-box-content-col2 h3 { font-size:16px; color:#00b0ea}
#register-box-3 .register-box-content-col1 .register-box-content-3-select1 { width:80px; text-align:center; }
.register-box-content-col1 { float: left; width:350px; border-right:1px solid #ccc; }
.register-box-content-col2 { float:right; width:200px; margin-right:15px; text-align: center}

/* 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; }

#instructions-box { text-align:center; }
.instructions-box img {border: 1px solid #000}
.instructions-box h3 {padding-bottom: 15px;}
.instructions-box li {padding-top: 10px; padding-bottom: 15px;}
.instructions-box li img {margin-top: 10px; margin-bottom: 5px;}
.instructions-box { border:1px solid #9f9f9f; background:#fff; width:1000px; margin: 0 auto; text-align:left; }
.instructions-box-top { background:#000 url(http://shareflake.com/Content/Images/register.box.top.bg.png) repeat-x; height:43px; position:relative; }
.instructions-box-content { padding:30px; }
.instructions-box-bottom { background:transparent url(http://shareflake.com/Content/Images/register.box.bottom.bg.png) repeat-x; height:40px; width:1000px; margin:0 auto; padding-bottom:20px; }
.instructions-box-top-number { position:absolute; left:7px; top:7px; }
.instructions-box-top-label { position:absolute; top:10px; width:100%; text-align:center; color:#fff; font-weight:bold; }
.instructions-box-top-help { position:absolute; right:14px; top:14px; }
.instructions-normal-list li { padding-top: 3px; padding-bottom: 3px;}
#companyaccount-box-status li {padding-top: 5px; padding-bottom: 10px}
#company-account-scripts-installationstatus {font-weight: bold; font-size: 20px; text-align:center; padding-top: 20px;}
.companyaccount-installation-site {margin-right: 10px}
#companyaccount-installation-label-tab-1 {left: 240px; top: 250px; position: absolute;}
#companyaccount-installation-label-tab-2 {left: 340px; top: 250px; position: absolute;}



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

/* Company information */
.company-info-edit-field input { width: 250px; font-size: 16px; font-weight:bold; color:#B21FAD;}
.company-info-edit-label { margin-bottom: 2px;}

/* Company - Button info */
.company-button-info-label {font-weight: bold;}
.company-button-info-field {}

/* Company - Edit */
#editCompanyInfo .editor-label {width: 190px;}
#editCompanyInfo .editor-field {margin-top: 4px; width: 190px;}
#editCompanyInfo .editor-field input, select {width: 190px; font-size: 16px;}
#company-info-timezone select {width: 190px; font-size: 16px;}

/* Company - Provision list */
#company-account-provision-list { font-size: 12px;}
#company-account-provision-list table { border-collapse: collapse; background: none repeat scroll 0 0 #f7edf7; width: 740px;}
#company-account-provision-list table th { background: #000; color: #FFF; border-bottom: 1px solid gray; padding: 10px 8px;}
#company-account-provision-list table td { border-top: 1px solid transparent;  padding: 6px 12px;}
#company-account-provision-list table td a { font-weight: bold;}
#company-account-provision-list table td.borderbottom { border-bottom: 3px solid #FFF;}


/* Company scripts*/
#company-account-scripts-protocol { position:absolute; width:100%; left:0; top:1540px; text-align:center; }
#company-account-scripts-protocol img { height: 35px; }
#company-account-scripts-installationhelp {position:absolute; width:100%; left:0; top:253px; text-align:center;}

/* logon */

.pretty-input input[type=text] {font-size: 16px; border: 1px solid #CCC; padding: 6px; font-weight: 600}
.pretty-input input[type=text]:hover {background-color: #FFE5FE}
.pretty-input input[type=submit] {font-size: 16px; font-weight: 400}

.logon-field input {width: 240px; font-size: 16px; border: 1px solid #CCC; padding: 6px;}
.logon-field input:hover {background-color: #FFE5FE}
.logon-label {font-size: 18px;}
.logon-label, .logon-input {margin-left: 100px}
#logon-rememberme{margin-top: 10px; }
#logon-submit {margin-top: 30px;margin-left: 260px; }
#logon-submit input {font-size: 16px;}
#logon-forgot-password {margin-top: 20px;margin-left: 210px; font-size: 14px;}
.logonbox {}

/* Reset password */
#reset-password-infotext {}
#reset-password-email {margin-top: 10px;}
#reset-password-submit {margin-top: 10px;}

/* Sf tab demo */
#sf-tab-demo { z-index:99999; overflow:hidden; border:1px solid black; }
#sf-tab-demo a img { width:27px; height:78px; }
#sf-tab-demo.sf-tab-demo-left { top:40%; left:0px; position:absolute; border-left:0; }
#sf-tab-demo.sf-tab-demo-right { top:40%; right:0px; position:absolute; border-right:0; }




.FormCode 
{
	background-color:#F7F7F7;
	border:1px solid #CCCCCC;
	color:#888888;
	font-family:arial;
	font-size:small;
	/*height:220px;*/
	padding:4px;
	width:600px;
}

.companyaccount-menu
{
	text-align: center;
	padding-bottom: 20px;	
}


/* MVC styles */

fieldset 
{
    margin: 5px 0;
    padding: 5px;
    /*border: 1px solid #CCC;*/
}

fieldset p 
{
    margin: 2px 12px 5px 10px;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.display-label, .editor-label, .display-field, .editor-field { margin: 0.5em 0; }
.display-label, .editor-label { font-weight: 800; }
.editor-field input { font-size: 16px;}

.neurtalrow
{
	color: black;
}

.approvedrow
{
	color: #00AA00;
}

.rejectedrow
{
	color: #EE0000;
}

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

#front-progress .box { -moz-border-radius:5px; height: 100px; width: 229px; float: left; background-color: #eee; border: 1px solid #999;  padding: 10px; font-size: 12px; font-weight: normal; line-height: 16px; }
#front-progress { margin-bottom: 20px; float: left; }

#front-progress .arrow { float: left; height: 122px; width: 50px; background-image: url(../images/progress-arrow.png); background-repeat: no-repeat; background-position: center center; }
#front-progress .box:hover { background-color: #e5e5e5; border: 1px solid #555; cursor:pointer; cursor:hand; }

#tooltip { z-index:999999; }

#front-continue { clear:both; position:relative; width:100%; height:100px;}


#front-progress #box1 { background: #eee url(../Images/progress-img1.png) no-repeat center 80px; }
#front-progress #box2 { background: #eee url(../Images/progress-img2.png) no-repeat right bottom; }
#front-progress #box3 { background: #eee url(../Images/progress-img3.png) no-repeat center bottom; }


.provision-list table td {background: none repeat scroll 0 0 #F7F7F7; }

    
.provision-list table tr th {background-color: #000; color: #FFF; font-weight: bold; font-size: 13px; padding-top: 7px; padding-bottom: 7px; }
.provision-list table {font-size: 13px; }
.provision-list table tr td {padding-right: 5px; padding-top: 5px; padding-bottom: 5px;}
.provision-list tr td.metadata {background-color: #F7F7F7; }
.provision-list tr td.bordertop {border-top: 3px solid transparent}
.provision-list tr td.borderbottom { border-bottom: 3px solid #FFF;}
.provision-list tr td.command {font-weight: bold; background-color: #F3F3F3}


#millennium-goal {width: 750px;}
.millennium-goal-box { border:1px solid #9f9f9f; background:#fff; width:665px; margin: 0 auto; text-align:left; }
.millennium-goal-box-top { background:#000 url(http://shareflake.com/Content/Images/register.box.top.bg.purple.png) repeat-x; height:43px; position:relative; }
.millennium-goal-box-top-label { position:absolute; top:6px; width:100%; text-align:center; color:#fff; font-weight: bolder; font-size:25px; }

#we-can-end-poverty { margin-top:30px; margin-bottom:30px; text-align:center; }

#see-an-example { text-align: center; margin-bottom: 35px; font-weight:bold; font-size:18px; }

.purple-link { color: #B33CAD; text-decoration:none; }


/* ADMIN */
.table-admin-invoice-details { font-size: 16px; margin-bottom: 20px; border-collapse: collapse; }
.table-admin-invoice-details table thead th img {height: 48px}

.table-admin-invoice-details table td, 
.table-admin-invoice-details table th {padding: 5px; padding-right: 25px; border-bottom: 0px; border-top: 0px; border-left: 1px solid #B21FAD; border-right: 1px solid #B21FAD;}
.table-admin-invoice-details table {width: 100%; border-bottom: 1px solid #B21FAD; border-collapse: collapse; }
.table-admin-invoice-details table th {background-color: #f7edf7;}
.table-admin-invoice-details table thead th {padding-top: 10px; background-color: transparent; border:0; border-bottom: 1px solid #B21FAD;}

.table-admin-invoice-details table .inforow {border: 0px; border-top: 1px solid #B21FAD; }
.table-admin-invoice-details table .spacerrow {border: 0px; border-top: 1px solid #B21FAD; }
.table-admin-invoice-details.history table  {border-bottom: 0px; }

.invoice-details-commands {margin-bottom: 20px; overflow: auto; }
.invoice-details-commands form {float:left; margin-right: 10px; }
.invoice-details-commands form input {font-size: 16px; font-weight: bold; padding: 5px; }