﻿#requestContainer {
    background: none repeat-x scroll 0 0 #aab7bf;
    padding: 15px 20px;
    background: none repeat-x scroll 0 0 transparent;
    padding: 0;
}
.summaryContainer {
    border:1px solid #464646;
    background: white;
    padding: 20px;
    border:0;
    padding: 0;
    /*min-height: 300px;*/
}
.summaryContainer h4 {color: #f26522;margin: 15px 0 5px;}
.summaryContainer p {padding: 5px 0;}
.summaryContainer p.indent {
    border-bottom: 1px dotted silver;
    margin: 0 0 0 0px;
    padding: 5px 0 30px 40px ;
}
.summaryContainer p.indent strong {
    color:#F26522;
}
.summaryContainer p span.row {
    color: #657078;
    display: block;
    font-size: 12px;
    margin-left: 0px;
    text-align: right;
    vertical-align: top;
}
.summaryContainer p span.label {
    display:inline-block;
}
.summaryContainer p span.value {
    color: #000000;
    display: inline-block;
    font-weight: bold;
    margin-left: 10px;
    padding-right: 20px;
    text-align: left;
    vertical-align: top;
    width: 45%;
}

.proxyNote {
    background-color: rgba(0, 0, 0, 0.06);
    border: 1px solid #f26522;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.4;
    margin: 0 70px 30px !important;
    padding: 11px !important;
    width: auto !important;
}

.profileSummary {
    background-color: #FFF;
    border: 1px solid #aaa;
    border-radius: 7px;
    margin: 0 70px 30px !important;
    padding: 15px 12px !important;
    width: auto !important;
}

.emailBox .profileSummary p {
    color: #000;
    font-size: 12px;
    margin: 0;
    width: 100%;
    padding: 2px 0;
    line-height: 1.2;
}

/**** EMAIL BOX ****/

.emailBox {
    background-color: #E5E9EC;
    border: 1px solid #B7C3CA;
    padding: 0px 0 20px;
    margin-top:10px;
}
.emailIcon {
    background: url("../images/beta/Clear_Hexagons.png") no-repeat scroll 10px -684px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 52px;
    margin: 0 0 -52px 0;
    padding: 0;
    width: 70px;
    position: relative;
    left: -72px;
}
.emailIcon.completeReq {background-position:10px -1404px;}
.emailIcon.newUser {background-position:10px -2574px;}
.emailIcon.sentSuccess {background-position:10px -1684px;}
.emailIcon.importantMsg {background-position:10px -2924px;}
.emailIcon.emailSent {background-position:15px -2862px;}
.emailIcon.emailNotSent {background-position:10px -1763px;}
.emailIcon.addProj {background-position:10px -2714px;top: -5px;}
.emailIcon.responses {background-position:10px -2644px;}

.emailIcon.noMarg {left:-12px;}
.emailIcon.extraPad {left:-92px;}

.emailBox p {
	display: inline-block;
    margin: 10px 0 10px 10px;
    vertical-align: top;
    font-size:12px;
}
.emailBox p.centred {margin-left: 115px;width: 75%;}

.emailBox .buttonsContainer {width: 80%;display:none;}

.emailBox .formObject .checklistContainer {border: 0 none;}
.emailBox .formObject .checkContainer {padding: 0 5px 0 25px;}
.emailBox .formObject .checkContainer input {margin: 0 -16px 0 0;}
.emailBox .formObject .checkContainer span {top:0px;}

.emailBox h4 {
    display:block;
    width:300px;
    text-align: center;
    margin: 0px auto;
}
.emailBox img 
{
    display:block;
    width:60px;
    margin: 10px auto;
}
/**** EMAIL SENT BOX ****/

.emailSentBox {
    margin: 10px 0 0px 0px;
    padding: 25px 80px 30px;
    background-color:#E5E9EC;
}
.emailSentBox.successMsg {
    background-image: url("../images/background/flash-grey-right.png");
    background-position: right 0;
    background-repeat: no-repeat;
    border-radius: 15px 0 15px 15px;
}
.emailSentBox p {margin: 5px 0px;}

.emailSentBox h3 {
    background-image: none;
    padding: 0 7px 7px 0;
    margin-bottom:15px;
    color: #000;
    left: -60px;
    position: relative;
}

.emailSentBox.errorMsg h3 {left:0px;}

.emailSentBox a {color: #F26522;}
.emailSentBox a.continue,
.emailSentBox a.surveyLink {
    background: url("../images/beta/Clear_Buttons.jpg") no-repeat scroll -1090px -223px rgba(0, 0, 0, 0);
    border: 1px solid #657078;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 12px;
    margin: 17px 0 0;
    padding: 10px 20px;
    text-indent: -900em;
    width: 78px;
}
.emailSentBox a:hover {background-position: -1090px -112px;}


.emailSentBox a.surveyLink {
    background-position: -1px -1px;
    color: #5f5f5f;
    font-size: 12px;
    font-weight: bold;
    margin: 17px 0 0 5px;
    padding: 9px 6px 11px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    vertical-align: top;
    width: 106px;
}  
.emailSentBox .surveyLink:hover {background-position: -1px -112px;color:#FFFFFF;}


/**** SAVE PROJECT BOX ****/

#saveRequestProject {
    background-color: #fff;
    border: 2px solid #a4e15f;
    margin: 20px 0;
    padding: 20px;
    border-radius: 10px;
}
#saveRequestProject p {margin: 0 0 15px 0;}
#saveRequestProject .buttonsContainer {width:84%;}

.ProjectSavedContainer {
    background-color: #e8f6d3;
    border: 2px solid #a4e15f;
    padding: 11px 20px;
    margin: 20px 0;
    border-radius: 10px;
}
.ProjectSavedContainer h2 {
    color: #8cc34b;
}


.scrollerbox {
    border: 1px solid #b7c3ca;
    height: 70px;
    overflow: hidden;
    padding: 5px 10px;
}
.scrollerbox.x {height: auto;}

.showLink {
    background: url("../images/beta/expandArrows.png") no-repeat scroll 378px 5px rgba(0, 0, 0, 0);
    border-radius: 0 0 5px 5px;
    color: #f26522;
    display: block;
    font-size: 12px;
    margin: 0 0 5px;
    padding: 7px;
    text-align: center;
    text-decoration: none; 
    cursor:pointer;
}
.showLink.open {background-position:381px -24px;}

.showLink:hover {background-color: #e5e9ec;}

.error
{
    border: 2px solid red !important;
}
.togContent.hide {display:none;}








p.loginText{margin:10px 0 !important;}
p.loginText strong {color:#f26522;font-size:16px;}

form#form_login,
.halfWidthBox {
    display: inline-block;
    width: 49%;
    font-size: 0;
    vertical-align: top;
    box-sizing: border-box;
    padding: 20px;
}

#inlineEmail .formObject,
#inlinePassword .formObject {width: 85%;}

#txtInlineEmail,
#txtInlinePassword {background-color:#fff;}

#inlineloginFormContainer .usernameContainer .inlineEmailStatus {right:2px;}

.loginInfo {   
    color:#f26522;
    font-size: 14px;
    margin-top: 20px;
    display: block;
    font-weight: bold;
    cursor:pointer;
}
.loginInfo:hover {text-decoration:underline;}

#InfoTextBox {
    border: 1px solid grey;
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    margin: 20px 0;
    position:relative;
}

#InfoTextBox a.close {position:absolute;top:10px;right:10px;color:#f26522;cursor:pointer;text-decoration:none;}
#InfoTextBox a.close:hover {text-decoration:underline;}
#InfoTextBox p {padding:0;margin:10px 0;}

#inlineRegistrationFormContainer {padding:20px 80px 0;}
#inlineRegistrationFormContainer input[type='text'],
#inlineRegistrationFormContainer input[type='password'] {padding: 6px 5px;box-sizing: border-box;}
#inlineRegistrationFormContainer .formLabel {padding: 6px 5px;box-sizing: border-box;}
#inlineRegistrationFormContainer .formValidation {display: inline-block;margin: 0;}


#requestHeldMesasge {
    background-color: #f49ac0;
    background-color: #fe9b3a;
    background-color: #DFEDCA;
    border-radius: 10px;
    padding: 10px 20px 20px;
    margin: -8px 0 20px;
    border: 2px solid #fff;
}
#requestHeldMesasge h3 {
    font-size: 20px;
    color: #000;
    left:0;
}
#requestHeldMesasge a {text-decoration:none;color:#fff;}
#requestHeldMesasge a:hover {text-decoration:underline;}


#standardSentMesasge {margin-bottom:30px;}
