/*  Styles for registration widget  */

div.register-widget {
    background-color: #ffffff;
    width: 560px;
    min-width: 560px;
    height: 350px;
    min-height: 350px;
}

div.register-widget div.content {
    margin: 15px 30px;
    width: 500px;
    min-width: 500px;
    height: 320px;
    min-height: 320px;
    xborder: black dashed 1px;
}

/*  Styles for title and logo   */

div.register-widget h1 {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 16px;
    color: #acabab;
    padding: 0px;
    width: 370px;
    overflow: hidden;
    float: left;
    height: 16px;
    margin: 24px 10px 0px 0px;
    margin-right: 10px;
    line-height: 16px;
}
div.register-widget h1.wa {
    height: 32px;
    margin: 12px 10px 0px 0px;
}
div.register-widget div.logo {
    float: right;
}
div.register-widget div.logo img {
    height: 40px;
}

/*  Generic styles for form elements */

div.register-widget form {
    clear: both;
    padding-top: 20px;
    height: 260px;
    min-height: 260px;
    width: 500px;
    min-width: 500px;
}

div.register-widget div.left-panel {
    width: 272px;
    min-width: 272px;
    height: 260px;
    min-height: 260px;
    float: left;
}

div.register-widget div.right-panel {
    width: 187px;
    min-width: 187px;
    height: 260px;
    min-height: 260px;
    overflow: hidden;
    float: right;
}

div.register-widget div.field {
    color: #838381;
    font-size: 12px;
}
div.register-widget div.label {
    width: 100%;
    font-family: 'Lucida Sans';
    font-size: 12px;
    color: #333333;
    margin: 0px 0px 5px 0px !important;
    margin: 0px 0px 4px 0px;
}

div.register-widget input {
    font-family 'Lucida Sans';
    font-size: 11px;
    width: 262px;
    border: 0px;
    height: 15px;
    padding: 5px 5px;
    background-image: url( '../../../../../wp-content/themes/OneClimateV3/images/field_270_25.png' );
    background-position: center center;
}
div.register-widget textarea {
    font-family: 'Lucida Sans';
    letter-spacing: -1px;
    font-size: 11px;
    width: 262px;
    height: 137px;
    min-height: 137px;
    padding: 5px;
    margin: 0px;
    border: none;
    overflow: hidden;
    background-image: url( '../../../../../wp-content/themes/OneClimateV3/images/field_270_145.png' );
    background-position: 1px 1px;
}

div.register-widget div.right-panel input {
    width: 177px;
    background-image: url( '../../../../../wp-content/themes/OneClimateV3/images/field_185_25.png' );
}

div.register-widget div.error, div.register-widget div.hint {
    font-family: 'Lucida Sans';
    font-size: 10px;
    margin: 2px 0px 6px 5px !important;
    margin: 2px 0px 5px 5px;
    height: 12px;
}
div.register-widget div.hint {
    text-align: right;
    margin: 2px 5px 6px 0px;
}
    
div.register-widget a {
    font-family: 'Lucida Sans';
    font-size: 11px;
    color: #2276bb;
    cursor: pointer;
}
div.register-widget div.error a {
    font-size: 10px;
}
    
div.register-widget div.submit {
    width: 200px;
    margin-left: 70px;
    height: 30px;
    font-size: 12px;
    line-height: 16px;
    padding-top: 10px;
}
div.register-widget div.submit input {
    width: 16px;
    padding: 0px;
    height: 16px;
    margin-right: 3px;
    vertical-align: -4px !important;
    vertical-align: 0px;
}

div.register-widget div.mbutton {
    float: left;
    height: 30px;
    margin: 0px;
    vertical-align: 0px;
}
div.register-widget div.mbutton div.left {
    background-image: url( '../../../../../wp-content/themes/OneClimateV3/images/button_form_left.png' );
    width: 10px;
    height: 30px;
}
div.register-widget div.mbutton div.centre {
    background-image: url( '../../../../../wp-content/themes/OneClimateV3/images/button_form_centre.png' );
    height: 24px !important;
    min-height: 24px !important;
    height: 30px;
    min-height: 30px;
    padding: 4px 4px 2px 4px;
    color: #333333;
}
div.register-widget div.mbutton div.right {
    background-image: url( '../../../../../wp-content/themes/OneClimateV3/images/button_form_right.png' );
    width: 12px;
    height: 30px;
}

/*  Variation on mbutton for SCCC screens   */

div.register-widget form.scc div.mbutton div.left {
    background-image: url( '../../../../../wp-content/themes/OneClimateV3/images/SccMapWidget/button-form-left.png' );
    width: 6px;
}
div.register-widget form.scc div.mbutton div.centre {
    background-image: url( '../../../../../wp-content/themes/OneClimateV3/images/SccMapWidget/button-form-centre.png' );
    color: #ffffff;
}
div.register-widget form.scc div.mbutton div.right {
    background-image: url( '../../../../../wp-content/themes/OneClimateV3/images/SccMapWidget/button-form-right.png' );
    width: 7px;
}

/*  Generic styles for message */

div.register-widget div.message {
    width: 500px;
    padding-top: 45px;
    line-height: 25px;
    clear: both;
    font-family: 'Lucida Sans';
    color: #666666;
    font-size: 11px;
}
div.register-widget div.message div.images {
    margin: 25px 0px 20px 0px;
}
div.register-widget div.message img {
    margin-right: 152px;
}
div.register-widget div.message img.last {
    margin-right: 0px;
}

div.register-widget div.check {
    font-weight: bold;
    letter-spacing: -1px;
}
div.register-widget div.resend {
    display: inline;
    padding-bottom: 10px;
}

div.register-widget div.message div.sentmessage {
    line-height: 15px;
    padding-bottom: 5px;
    
}


    
/*  Specifics for login screen */

div.register-widget div.remember {
    float: right;
    height: 16px;
    margin: 7px 0px 4px 10px;
}
    
div.register-widget div.forgot {
    width: 140px;
    margin: 16px 0px 0px 10px;
    float: left;
}
div.register-widget div.register {
    width: 120px;
    margin: 16px 0px 0px 0px;
    float: right;
}

/*  Specifics for user registration screen */

div.register-widget div.mailout {
    height: 100px;
    min-height: 100px;
}
div.register-widget div.mailout input {
    width: 14px;
    height: 14px;
    margin: 2px 5px 0px 0px;
    padding: 0px;
    vertical-align: 2px;
    float: left;
}
div.register-widget div.mailout span {
    width: 185px;
    display: block;
    margin-bottom: 4px;
    height: 16px;
    line-height: 14px;
}
div.register-widget form.register hr {
    width: 145px;
    margin: 5px 20px 10px 20px !important;
    margin: 0px 20px 5px 20px;
    padding: 0px;
}
div.register-widget div.terms {
    height: 85px;
    width: 185px;
}    
div.register-widget div.terms div.text {
    float: right;
    width: 160px;
    line-height: 12px;
    font-size: 11px;
    margin: 0px 0px 0px 5px;
}
div.register-widget div.terms input {
    width: 16px;
    height: 16px;
    padding: 0px;
    background: none;
    float: left;
    margin: 4px 4px 0px 0px;
}
div.register-widget div.terms div.error {
    clear: both;
    padding-top: 2px;
}
div.register-widget form.register div.mbutton {
    float: right;
}

/*  Specifics for SCC register form */

div.register-widget form.registerscc div.terms {
    min-height: 215px !important;
    min-height: 225px;
    height: 215px !important;
    height: 225px;
    margin-bottom: 0px;
}
div.register-widget form.registerscc div.mbutton {
    margin-top: 0px;
}
div.register-widget form.registerscc div.scotland {
    padding-top: 0px;
    line-height: 15px;
}
div.register-widget form.registerscc div.sccscot {
    width: 180px;
    float: left;
}
div.register-widget form.registerscc div.parli {
    width: 240px;
    float: right;
}
div.register-widget form.registerscc div.sccscot img {
    width: 180px;
}
div.register-widget form.registerscc div.parli img {
    width: 240px;
}

/* Specifics for forgotten password screen */

div.register-widget form.forgot div.message {
    padding-top: 5px;
    width: 500px;
}
div.register-widget form.forgot div.left-panel {
    padding-top: 20px;
    height: 200px;
    min-height: 200px;
}
div.register-widget form.forgot div.mbutton {
    float: right;
}

/*  Specifics for group registration */

div.register-widget form.group input, {
    font-family: 'Lucida Sans';
    letter-spacing: -1px;
}
div.register-widget form.group div.mbutton {
    float: right;
    margin-top: 20px;
}
div.register-widget form.group select {
    font-family: 'Lucida Sans';
    color: #696969;
    height: 23px;
    font-size: 11px;
    width: 185px;
    letter-spacing: -1px;
}
div.register-widget form.group div.type {
    margin-bottom: 10px;
}
div.register-widget form.group p {
    font-size: 11px;
    letter-spacing: -1px;
    margin: 0px 0px 4px 0px;
}
div.register-widget form.group div.detail {
    font-family: 'Lucida Sans';
    height: 142px;
    min-height: 142px;
}
div.register-widget form.group div.address textarea {
    height: 80px;
    min-height: 80px;
}
div.register-widget form.group div.service,
div.register-widget form.group div.care,
div.register-widget form.group div.cost {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
}
div.register-widget form.group div.service input,
div.register-widget form.group div.care input,
div.register-widget form.group div.cost input {
    width: 10px;
    margin: 0px 15px 0px 3px;
    vertical-align: -3px;
}
div.register-widget form.group div.service span.label,
div.register-widget form.group div.care span.label,
div.register-widget form.group div.cost span.label {
    display: block;
    font-weight: bold;
    float: left;
    text-align: right;
    width: 120px;
    margin: 0px 10px 15px 0px;
}
div.register-widget form.group div.service div.error,
div.register-widget form.group div.care div.error,
div.register-widget form.group div.cost div.error {
    padding-left: 125px;
}



div.register-widget div.browse {
    width: 185px;
    height: 25px;
    min-height: 25px;
}
div.register-widget div.right-panel input.logo {
    width: 125px;
    max-width: 125px;
    letter-spacing: -1px;
    float: left;
    background-image: url( '../../../../../wp-content/themes/OneClimateV3/images/field_125_25.png' );
}
div.register-widget div.browse-button {
    float: right;
    width: 55px;
    height: 25px;
    min-height: 25px;
    margin-left: 5px;
    position: relative;
    overflow: hidden;
}
div.register-widget input.file {
	font-size: 30px; /* this is important */
	width: 55px;
	border: none;
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}
div.register-widget div.button-overlay {
	width: 55px;
	height:25px;
	min-height: 25px;
	font-family: 'Lucida Sans';
	padding-top: 5px;
	text-align: center;
	position:absolute;
	top:0px;
	font-size:11px;
	color:#333333;
	cursor: pointer;
	background-image: url( '../../../../../wp-content/themes/OneClimateV3/images/button_browse.png' );
}

/*  Specifics for jobs registration */

div.register-widget div.nonprofit {
    margin-bottom: 140px;
    width: 185px;
}
div.register-widget div.nonprofit span {
    font-size: 11px;
    margin-right: 5px;
}
div.register-widget div.nonprofit input {
    width: 20px;
    vertical-align: -7px;
    background-image: none;
}
div.register-widget form.jobgroup div.submit {
    width: 185px;
    height: 30px;
    margin: 0px;
    min-height: 30px;
}
div.register-widget form.jobgroup div.mbutton {
    float: right;
}

/* Specifics for SCC register screen */

div.register-widget div.terms div.label {
    margin-bottom: 0px;
}
div.register-widget form.registerscc div.right-panel div.field {
    margin-top: -3px;
}

/* Specifics for SCC role screen */

div.register-widget form.sccrole div.message {
    padding-top: 5px;
    line-height: 16px;
    letter-spacing: -1px;
    padding-bottom: 10px;
}
div.register-widget form.sccrole div.phone {
    float: left;
    width: 272px;
    height: 50px;
    min-height: 50px;
}
div.register-widget form.sccrole div.showphone {
    padding-top: 16px;
    font-size: 11px;
    float: right;
    width: 218px;
    height: 30px;
}
div.register-widget form.sccrole input.showphone {
    float: left;
    width: 14px;
    margin: 4px 4px 4px 0px;
    background: none;
}
div.register-widget form.sccrole div.coord {
    clear: both;
    float: left;
    width: 500px;
    padding-top: 10px;
    height: 40px;
    min-height: 40px;
}


div.register-widget form.sccrole div.mbutton {
    float: left;
    margin: 0px 5px 0px 0px;
}

/*  Specifics for SCC Event form */

div.register-widget form.sccmessage textarea,
div.register-widget form.sccevent textarea,
div.register-widget form.sccmeet textarea {
    height: 80px;
    min-height: 80px;
}

div.register-widget form.sccevent div.mbutton, 
div.register-widget form.sccmeet div.mbutton {
    margin: 20px 6px 0px 0px;
}

div.register-widget form.sccevent div.message {
    font-size: 12px;
    padding-top: 20px;
    line-height: 15px;
}


div.register-widget iframe.map {
    scrolling: none;
    overflow: hidden;
    width: 360px;
    height: 260px;
    min-height: 260px;
    margin-top: 10px;
    border: none;
}
div.register-widget form.sccmeet div.centre {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
}

/*  Specific for SCC Message form */

div.register-widget form.sccmessage div.mbutton {
      margin: 45px 0px 0px 5px;
}

div.register-widget form.sccmessage div.scTerms {
    width: 185px;
    height: 160px;
    min-height: 160px;
}

div.register-widget div.scTerms input {
    width: 16px;
    height: 16px;
    padding: 0px;
    background: none;
    float: left;
    margin: 4px 4px 0px 0px;
}

div.register-widget div.scTerms div.text {
    float: right;
    width: 160px;
    line-height: 12px;
    font-size: 11px;
    min-height: 150px;
    margin: 0px 0px 0px 5px;
}

div.register-widget div.scTerms div.error {
    margin: 10px 0px 10px 15px; 
    width: 185px;
    clear: both;
}

div.register-widget form.sccmessage div.right-panel div.field {
    margin-top: -3px;
}

/*  Specifics for SCC Welcome/Email Sent screen */

div.register-widget form.sccemail {
    padding-top: 0px;
}
div.register-widget form.sccemail div.message {
    padding-top: 0px;
    line-height: 20px;
}

/*  Specifics for forgotten password screen */

div.register-widget form.forgot div.mbutton {
    float: right;
}
div.register-widget form.forgot div.left-panel,
div.register-widget form.forgot div.right-panel {
    height: 170px;
    min-height: 170px;
    overflow: hidden;
}
div.register-widget form.forgot div.mbutton {
    margin-top: 130px;
}

/* Specifics for SCC edit screen    */

div.register-widget form.sccedit {
    min-height: 230px;
    height: 230px;
}
div.register-widget form.sccedit div.left-panel {
    margin-left: -10px;
    width: 240px;
    max-width: 240px;
    min-width: 240px;
    background-color: #f5f5f5;
    padding: 10px;
    min-height: 200px;
    height: 200px;
    max-height: 200px;
}
div.register-widget form.sccedit div.readonly {
    margin: 4px 0px 4px 2px;
    font-size: 11px;
}
div.register-widget form.sccedit div.mailvisible,
div.register-widget form.sccedit div.phonevisible {
    letter-spacing: -1px;
}

div.register-widget form.sccedit div.mailvisible input,
div.register-widget form.sccedit div.phonevisible input {
    margin: 2px 4px 0px 2px;
    height: 14px;
    width: 14px;
    float: left;
}
div.register-widget form.sccedit div.phone input {
    width: 230px;
    max-width: 230px;
    min-width: 230px;
}
div.register-widget form.sccedit div.phone div.error {
    margin-bottom: 0px;
}
div.register-widget form.sccedit div.phonevisible {
    margin-top: -6px;
}
div.register-widget form.sccedit div.mbutton {
    margin: -6px 10px 0px 0px;
}
div.register-widget form.sccedit div.right-panel {
    width: 225px;
    height: 210px;
    min-height: 210px;
    padding-top: 10px;
}
div.register-widget form.sccedit div.coord-opts {
    padding-top: 10px;
}
div.register-widget form.sccedit div.option {
    font-size: 11px;
    letter-spacing: -1px;
    margin: 6px 0px 0px 0px;
}
div.register-widget form.sccedit div.scroll {
    overflow: scroll;
    height: 30px;
    max-height: 30px;
    font-size: 11px;
    letter-spacing: -1px;
    margin-top: 4px;
}
div.register-widget form.sccedit div.scroll .jspVerticalBar {
    width: 8px;
}
div.register-widget div.status {
    clear: both;
    padding: 0px;
    margin: 0px;
    width: 500px;
    font-size: 13px;
    font-weight: bold;
    color: #ea4f00;
    height: 20px;
}
div.register-widget div.error {
    letter-spacing: 0px;
}

/*  Specifics for SCC Control screen */

div.register-widget form.scccontrol {
    padding-top: 10px;
}

div.register-widget form.scccontrol div.left-panel,
div.register-widget form.scccontrol div.right-panel {
    width: 240px;
    max-width: 240px;
    min-width: 240px;
    font-size: 11px;
    letter-spacing: -1px;
    overflow: hidden;
}

div.register-widget form.scccontrol div.label {
    padding: 0px;
    margin: 0px 0px 1px 0px;
    margin: 0px 0px 1px 0px !important;
}
div.register-widget form.scccontrol ul {
    padding: 0px 0px 0px 15px;
    margin: 0px;
}
div.register-widget form.scccontrol li {
    text-indent: 0px;
    margin: 0px;
    padding:0px;
    width: 185px;
}
div.register-widget form.scccontrol p {
    margin: 0px 0px 2px 0px;
    padding: 0px;
}
div.register-widget form.scccontrol div.left-panel div.scroll {
    height: 110px;
    max-height: 110px;
}
div.register-widget form.scccontrol div.right-panel div.scroll {
    height: 28px;
    max-height: 28px;
}
div.register-widget form.scccontrol div.right-panel div.mscroll {
    height: 28px;
    max-height: 28px;
}
div.register-widget form.scccontrol div.scroll .jspVerticalBar {
    width: 8px;
}
div.register-widget form.scccontrol div.mp,
div.register-widget form.scccontrol div.meet {
    clear: both;
    padding-top: 20px;
}
div.register-widget form.scccontrol div.mbutton {
    margin-top: 20px;
}
div.register-widget form.scccontrol div.resources,
div.register-widget form.scccontrol div.coord,
div.register-widget form.scccontrol div.previous {
    padding-top: 8px;
}

/*  Specifics for SCC Summary screen */

div.register-widget form.sccsummary div.name {
    font-size: 14px;
    font-weight: bold;
}
div.register-widget form.sccsummary div.left-panel,
div.register-widget form.sccsummary div.right-panel {
    font-size: 11px;
    height: 215px;
    min-height: 215px;
}
div.register-widget form.sccsummary div.right-panel {
    width: 212px;
    min-width: 212px;
}
div.register-widget form.sccsummary div.label {
    padding: 14px 0px 0px 0px;
    margin: 0px !important;
    margin: 0px;
    height: 14px;
    min-height: 14px;
}
div.register-widget form.sccsummary p {
    margin: 0px 0px 2px 0px;
    padding: 0px;
}
div.register-widget form.sccsummary div.left-panel div.scroll {
    height: 60px;
    max-height: 60px;
}
div.register-widget form.sccsummary div.right-panel div.scroll {
    height: 100px;
    max-height: 100px;
}
div.register-widget form.sccsummary div.scroll .jspVerticalBar {
    width: 8px;
}
div.register-widget form.sccsummary div.mbutton {
    float: right;
    margin-top: 20px;
}

/*  Specifics for the Leave SCC Screen */

div.register-widget form.sccleave div.message {
    font-size: 12px;
    padding-top: 20px;
    line-height: 15px;
}
div.register-widget form.sccleave div.message a {
    font-size: 12px;
}
div.register-widget form.sccleave div.mbutton {
    float: right;
    margin-top: 30px;
}

/*  Specifics for pending account screen */


div.register-widget form.pending div.tellus,
div.register-widget form.tellus div.tellus,
div.register-widget form.pending div.sccemail,
div.register-widget form.tellus div.sccemail,
div.register-widget form.pending div.emailsent,
div.register-widget form.tellus div.emailsent {
    display: inline;
    padding-bottom: 10px;
}
div.register-widget form.pending div.message,
div.register-widget form.tellus div.message {
    padding-top: 15px;
    line-height: 22px;
}

/*  Specifics for choose group & choose constituency screen */

div.register-widget form.choosegroup div.message,
div.register-widget form.chooseconstituency div.message {
    padding-top: 25px;
    padding-bottom: 10px;
    font-size: 12px;
}    
div.register-widget form.choosegroup div.mbutton,
div.register-widget form.chooseconstituency div.mbutton {
    float: right;
}

/*  Specifics for SCCC Report screen */

div.register-widget form.sccreport div.message {
    margin: 0px 0px 20px 0px;
    padding: 0px;
}
div.register-widget form.sccreport div.mbutton {
    float: right;
}
div.register-widget form.sccreport iframe {
    display: none;
}
div.register-widget form.sccreport div.updating {
    font-size: 13px;
    color: #000000;
    margin: 0px 0px 0px 80px;
    padding-top: 6px;
}
div.register-widget form.sccreport div.updating img {
    margin: 6px 4px 10px 0px;
    float: left;
    vertical-align: -2px;
}

/*  Specific for SCC user edit screen */

div.register-widget form.sccuser div.coord {
    font-size: 12px;
    padding-top: 4px;
    height: 43px;
    min-height: 43px;
}
div.register-widget form.sccuser div.coord input {
    width: 15px;
    margin-right: 10px;
    vertical-align: -3px;
}
div.register-widget form.sccuser div.mailshown {
    padding-top: 2px;
    height: 63px;
    min-height: 63px;
}
div.register-widget form.sccuser div.phoneshown {
    padding-top: 2px;
    height: 43px;
    min-height: 43px;
}
div.register-widget form.sccuser div.mailshown input,
div.register-widget form.sccuser div.phoneshown input {
    width: 15px;
    margin: 0px 4px 20px 0px;
    float: left;
}
div.register-widget form.sccuser div.mbutton {
    float: right;
    margin-right: 20px;
}

/* Formatting of map when used within register widget screen  */

div.register-widget div.map-widget {
    background-color: #ffffff;
}
div.register-widget div.map-widget user.location {
    position: absolute;
    top: 0px;
    left: 0px;
}
div.register-widget div.map-widget input.user-location {
    width: 220px;
}
    
div.register-widget div.map-widget div.error {
    position: absolute;
    top: 26px;
    left: 0px;
}
div.register-widget div.map-widget div.map-canvas {
    position: absolute;
    top: 42px;
    left: 0px;
}
div.register-widget div.map-widget div.mbutton {
    margin: 0px 0px 0px 10px;
    float: right;
}
div.register-widget div.map-widget div.error img {
    height: 10px;
}
div.register-widget div.map-text {
    position: absolute;
    font-size: 12px;
    font-family: 'Lucida Sans';
    right: 10px;
    top: 100px;
    width: 110px;
    letter-spacing: -1px;
}
div.register-widget div.map-text a {
    font-size: 12px;
}