/* 
* newRegistration.css 
* Description: css file for new registration templates. 
* Created on: July 01, 2012 
* Last modified on: July 25, 2012
* Copyright 2012 Frontiers Media S.A. All Rights Reserved.
*/ 

a img{ border: none; outline:none}
form{clear:both;}
.flt, .float_left { float:left}
.frt, .float_right{ float:right}

/*______________ REGISTRATION ELEMENTS ______________ */

#content_wrapper {background: none repeat scroll 0 0 #FFFFFF; color: #707173; font-size: 11px; height: auto !important; margin: 0 auto; padding: 1px 0 0; text-align: left; width: 946px;}
#content {clear: both;display: block; height: auto;padding: 0 0 20px; width: 100%;}

#newRegForm { width:681px; margin:1px 0 0 0; padding:0; float:left; clear:both; text-align:left; min-height:450px; height:auto!important; height:450px;}
	
		#newRegForm .regSmBtn{ float:left; margin:4px 0 26px 0; padding:0; width:100%; min-height:28px; height:auto!important; height:28px; line-height:1px}
		#newRegForm .regSmBtn a { margin:0 20px 0 0; padding:0;}
		
		.f17grey{ font-size:17px; color:#bababa; font-weight:normal; margin:0px 0 23px 0; padding:0; width:100%; float:left; text-align:left; line-height:19px;}
		.titleF14{font-size: 14px; font-weight: bold; color: #3E3D40; margin:0 0 4px 0; padding:0; width:100%; float:left; text-align:left; line-height:16px;}
		.infoTxt{font-size: 12px; font-weight: normal; color: #707173; margin:0; padding:0; width:100%; float:left; text-align:left;line-height: normal;}
		.gtxt{font-size: 12px; font-weight: normal; color: #707173}
		
		#newRegForm .lsp{ border-top:1px solid #707173; height:1px; font-size:1px; line-height:1px; margin:10px 0; padding:0; float:left; width:100%; }
		#newRegForm .tlsp{ border-top:2px solid #707173; height:1px; font-size:1px; line-height:1px; margin:10px 0 20px 0; padding:0; float:left; width:100%; }
		
		#newRegForm .frmBlk{ width:100%; margin:0; padding:0; float:left;  clear:both; height:auto; display:block}
		#newRegForm .frmBlk label{ clear: both; width:100%; float:left; margin:0 0 4px 2px; padding:0;  font-size: 12px; font-weight: normal; color: #3E3D40; line-height:13px;cursor:text!important}
		#newRegForm .frmBlk .frmRows{  float:left; margin:-2px 0 20px 0; padding:0; width:100%; }
		#newRegForm .frmBlk .colm285{ width:285px; margin:0; padding:0;}
		#newRegForm .frmBlk .colmFW{ width:100%; margin:0; padding:0;}
		#newRegForm .frmLinks{ font-size: 12px; font-weight: normal; color: #1B79B3; text-decoration:none; margin:8px 0 0 0px; padding:0; width:435px}
		#newRegForm a:hover{ text-decoration:none!important}
		.nrt {padding:0 6px!important;background-color:#fff!important; height:21px!important; border: 1px solid #bababa!important;border-radius: 5px;	-moz-border-radius: 5px;-webkit-border-radius: 5px;font-size: 12px!important; color:#3E3D40!important;}
		.nrt:focus{ border-color:#4e4949!important }
		
		.w271{ width:271px!important;}
		.w165{ width:165px;}
		.w667{ width:667px!important;}
		.w100pc { width:100%!important}
		.mt20{ margin-top:20px!important}
		.w70 {width: 70px !important;}
		.w34 {width: 34px !important;}
		.w37 {width: 37px !important;}
		.w44 {width: 44px !important;}
		.w268{ width:268px;}
		.w282{ width:260px;}
		.mt2{ margin-top:2px!important}
		.w193{ width:193px!important}
		.w217{ width:217px!important}
		.w615{ width:615px!important}
		.h21 {height:21px!important}


		.stepCnt { margin:21px 0 0 0; float:right; font-size: 12px; font-weight: normal; color: #707173} 
		.stepCnt span{ font-size: 12px; font-weight: normal; color: #b7272e}
		
		/*.btnFrmgrey { background:#bababa; font-size: 11px!important; font-weight: normal; color: #fff; border-radius: 5px;	-moz-border-radius: 5px;-webkit-border-radius: 5px; height:16px; line-height:16px; text-align:center; padding:0 5px; margin:4px 0 0 0; display:inline-block  }*/
		.BtnWrapper{ margin-top:-1px}
		
		
		
		div.infLink { display: block !important; float: left; text-align: left;width: 260px!important; margin:17px 0 0 0}
        div.infLink div { background: url("/Design/Images/BlueArrow_top.gif") no-repeat scroll 100% 2px; color: #FFFFFF; font-size: 12px; padding-right: 0 !important;}
        div.infLink div { cursor: pointer; height: 25px;}
        div.infLink div.closed {background: url(/Design/Images/BlueArrow.gif) no-repeat scroll 100% 2px; font-size: 12px; padding-right: 0 !important;}
        .infLinkDta{ width:435px; float:left; margin:0; padding:0;}
        .infLinkDta li{color: #3E3D40; font-size: 12px; line-height: 16px; margin: -6px 0 0; padding: 0 0 4px;}
        .infLinkDta .hd{color: #3E3D40; font-size: 12px; line-height: 16px; font-weight:bold}
        
        
        
        .rwf,.rwt { width:185px; height:28px; float:left; text-indent:-9999px}
            .rwf{background: url(/Design/Images/register_with_facebook.png) no-repeat scroll 0px 0px;}
            .rwt{background: url(/Design/Images/register_with_twitter.png) no-repeat scroll 0px 0px;}
            .rwf:hover,.rwt:hover{ background-position:0 -28px;} 
        
        .Name_Icon, .Email_Icon, .Password_Icon {padding-left:45px!important; width:232px!important}
            .Name_Icon{ background: url(/Design/Images/Name_Icon.png) no-repeat scroll 0px 0px;} 
            .Email_Icon{ background: url(/Design/Images/Email_Icon.png) no-repeat scroll 0px 0px;}
            .Password_Icon{ background: url(/Design/Images/Password_Icon.png) no-repeat scroll 0px 0px;}
            
        
        .dtCtrl{ clear:both; display:inline-block; margin:0; padding:0; float:left;}
        .Date_Icon{ float:left; width:22px; height:22px; background:url(/Design/Images/Date_Icon.png) no-repeat 0 0; margin:0 10px 0 0; padding:0}
        
        
/* for skinning the select elements */
/* ------------- * Selects * ------------- */
.jqTransformSelectWrapper {	width: 46px;position:relative;height: 23px;background: url(/Design/Images/Optiont_left.png) no-repeat top left;float:left;}
.jqTransformSelectWrapper div span {cursor: pointer;float: none;font-size: 12px;height: 14px;line-height: 13px;overflow: hidden; padding: 5px 0 4px 10px !important; position: absolute;
    white-space: nowrap;}
.jqTransformSelectWrapper  a.jqTransformSelectOpen {display: block;position: absolute;right: 0px;width: 17px;height: 23px;/*background: url(/Design/Images/Options_Icon.png) no-repeat center top;*/}
.jqTransformSelectWrapper ul {position: absolute;width: 50px;top: 23px;	left: 0px;list-style: none;background-color: #FFF;border: solid 1px #bababa;display: none;margin: 0px;	padding: 0px;
	height: 150px;overflow: auto;overflow-y: auto;z-index:10;}
.jqTransformSelectWrapper ul a {display: block;padding: 5px 5px 5px 9px;text-decoration: none;color:#707173;background-color: #FFF;font-size: 12px;}
.jqTransformSelectWrapper ul a.selected {background: #EFEFEF;color: #707173;}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {background:#FFF;color: #3E3D40;text-decoration: none;}
 .jqTransformSelectWrapper  a.jqTransformSelectOpen:hover{ background-position: center -23px}

.dtCtrl .jqTransformSelectWrapper{margin-right:10px;}
.jqTransformSelectWrapper{ margin-right:0;}
.jqTransformSelectWrapper  a.jqTransformSelectOpen{background: url(/Design/Images/Options2_Icon.png) no-repeat center top;width: 25px;height: 23px; right:0px!important}
/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

/*.jqTransformSelectWrapper:focus 
 {
	
	border:1px solid black!important;
		
 }*/



/* -------------
 * Checkboxes
 * ------------- */
 
 .colmFW.flt.chbx input[type="checkbox"] { width:12px; height:12px; float:left; display:none}
 .colmFW.flt.chbx .lblFrm{ display:inline-block; margin-top:5px; margin-left:1px;color: #3E3D40;  font-size: 12px;  font-weight: normal;  line-height: 13px; padding: 0; }
span.jqTransformCheckboxWrapper{display:block;float:left;margin-top:0px;}
a.jqTransformCheckbox {	/*background: transparent url(/Design/Images/checkbox.png) no-repeat center top;*/ background: transparent url(/Design/Images/grey_checkbox.png) no-repeat center top;vertical-align: middle;height: 19px;	width: 18px;display:block;
}
.colmFW.flt.chbx.fs11 .lblFrm{ font-size:11px!important}
/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: center bottom;}

.cmtTxtArea {border: 1px solid #BABABA !important;}








p.colm285,.colm285 { position:relative}
span.error{ position:absolute; bottom:-13px; left:0px; color:#c00!important; font-size:11px; font-weight:normal; z-index:4 }
/*input[type="text"].error,input[type="password"].error { border-color:#c00!important}*/
input[type="text"].error,input[type="password"].error,.error .jqTransformSelectWrapper { border-color:#c00!important}


.jqTransformSelectWrapper.error{ background: url(/Design/Images/Optiont_left_error.png) no-repeat top left;}
.jqTransformSelectWrapper.error  a.jqTransformSelectOpen{background: url(/Design/Images/Options_Icon_error.png) no-repeat center top;}



 

.w210{ width:210px!important}
.w70{ width:70px} 
.h24{height:24px!important}
.clear{clear:both; }
.mt12{ margin-top:12px!important}
.mb20{ margin-bottom:20px!important}
.w203{ width:203px!important}
.w204{ width:204px!important}

.mt6{ margin-top:6px!important}
.captImg{ border:1px solid #707173; width:auto; float:left; margin:0 30px 0 0; padding:0; height:50px;}

.title22{font-size: 22px; font-weight: bold; color: #3E3D40; margin:0 0 18px 0; padding:0}
.nrfP{ margin:0 0 7px 0; padding:0; float:left; width:100%;}
.nrfP p{font-size: 12px; font-weight: normal; color: #3E3D40; margin:0px 0 10px 0; padding:0; line-height:16px;}
.nrfP p a{ font-size: 12px; font-weight: normal; color: #1B79B3; text-decoration:none; }
#newRegForm .nrfP p a:hover{ text-decoration:underline!important;}

.mt0{ margin-top:0px!important}

.nrfL{ float:left; width:285px; margin:0; padding:0; text-align:left}
.nrfR{float: right; width:285px; margin:0; padding:0;text-align:left}
.nrfL h1, .nrfR h1{font-size: 18px; font-weight: bold; color: #3E3D40; margin:1px 0 20px 0; padding:0 0 1px 0}
.mt5{ margin-top:5px!important}

.smIcons a{ display:block; float:left; margin:0 10px 0 0; padding:0; width:35px; height:35px; border:0}

.smIcons{ width:100%; margin:0; padding:0; float:left}
.smIcons h3{ font-size: 14px; font-weight: normal; color: #3E3D40; margin:0 0 10px 0; padding:0 0 2px 0 }

.mtm19{ margin-top:-19px!important}



.nrfR p{font-size: 12px; font-weight: normal; color: #707173; line-height:15px; text-align:left; margin:0 0 10px 0; padding:0}
.nrfR p.titleF14{font-size: 14px; font-weight: bold; color: #3E3D40; margin:-3px 0 10px 0; padding:0; float:none}
.nrfR p.linkwithTxt{ font-size: 14px; font-weight: normal; color: #3E3D40; margin: 24px 0 0 0; padding:0}
.nrfR p.linkwithTxt a{ text-decoration:none; color:#1B79B3; }


.orw{ margin:0px 0 26px 0!important; padding:29px 0 0 0!important; position:relative; text-align:center!important; width:100%; border-bottom:1px solid #BABABA; float:left; height:1px; clear:both}
.orw span{ position:absolute; top:15px; left:125px; right:125px; font-size:14px; color:#bababa; font-weight:normal; padding:0 8px!important; text-align: center; line-height:28px; background-color:#fff; width:19px; }

.mtm3{ margin-top:-3px!important}
.h199{ height:199px!important}
.ml3{ margin-left:3px!important}

.errorMsgWrap{ border:1px solid #c00; padding:16px 15px 19px 15px; display:block; margin:4px 0 26px 0}
.errorMsgWrap p{ margin:0; padding:0; line-height:16px;}
.redTxt{font-size: 12px;font-weight: normal;color: #C00; margin-bottom:5px!important}
.greyTxt{font-size: 12px;font-weight: normal;color: #3E3D40 }

.boxShadow {
            -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
        }
        
        /*
    .blueBtn24, .greyBrdBtn24, .btnFrmgrey{-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);}
    .blueBtn24:hover, .greyBrdBtn24:hover, .btnFrmgrey:hover, .blueBtn24:active, .greyBrdBtn24:active, .btnFrmgrey:active{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}

*/



/* for skinning the select elements */
/* ------------- * Selects * ------------- */
.nobgSkin .jqTransformSelectWrapper {	width: 44px;position:relative;height: 21px;background:none!important;float:left;border:1px solid #bababa;  border-radius: 5px;	-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.nobgSkin .jqTransformSelectWrapper div span {cursor: pointer;float: none;font-size: 12px;height: 14px;line-height: 13px;overflow: hidden; padding: 5px 0 4px 10px !important; position: absolute;
    white-space: nowrap; color:#3E3D40 }
#newRegForm .nobgSkin .jqTransformSelectWrapper div span {color:#707173 }

.nobgSkin .jqTransformSelectWrapper  a.jqTransformSelectOpen {display: block;position: absolute;right: 0px;width: 17px;height: 23px;}
.nobgSkin .jqTransformSelectWrapper ul {position: absolute; border-radius: 5px;	-moz-border-radius: 5px;-webkit-border-radius: 5px;width: 52px;top: 23px;left: -1px;list-style: none;background-color: #FFF;border: solid 1px #bababa;display: none;margin: 0px;	padding: 5px 1px 6px 1px;
	height: auto;overflow: auto; overflow-y: auto;z-index:10; 
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2); max-height:197px}
.nobgSkin .jqTransformSelectWrapper ul a {display: block;padding: 2px 5px 3px 9px;text-decoration: none;color:#707173;background-color: #FFF;font-size: 12px; line-height:15px; }
.nobgSkin .jqTransformSelectWrapper ul a.selected {background: #EAEAEA;color: #707173;}
.nobgSkin .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {background:#eaeaea;color: #707173;}
 .nobgSkin .jqTransformSelectWrapper  a.jqTransformSelectOpen:hover{ background-position: center -23px}

.nobgSkin .dtCtrl .jqTransformSelectWrapper{margin-right:10px;}
.nobgSkin .jqTransformSelectWrapper{ margin-right:0;}

.nobgSkin .jqTransformSelectWrapper  a.jqTransformSelectOpen{background-image:none!important/* url(/Design/Images/Options2_Icon.png) no-repeat center top*/;/*width: 25px;height: 23px; right:0px!important*/; float:right; width:auto!important}
.nobgSkin .jqTransformSelectWrapper  a.jqTransformSelectOpen:before {content: "\25BC"; /*font-family:"Wingdings3";*/ /*color:#707173; */border-left:1px solid #bababa; background:#fff; padding:2px 0px!important; margin-top:3px; display:block; font-size:9px; text-align:center!important; width:20px!important; line-height:12px; height:11px; text-decoration:none;}
.nobgSkin select.w282.jqTransformHidden {   width: 262px!important;}
.nobgSkin .jqTransformSelectWrapper  a.jqTransformSelectOpen{ color:#707173}
.nobgSkin .jqTransformSelectWrapper  a.jqTransformSelectOpen:hover{ color:#3e3d40; text-decoration:none;}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.nobgSkin .jqTransformHidden {display: none;}


/* -------------
 * Checkboxes
 * ------------- */
 
 .nobgSkin.colmFW.flt.chbx input[type="checkbox"] { width:12px; height:12px; float:left;}
 .nobgSkin.colmFW.flt.chbx .lblFrm{ display:inline-block; margin-top:5px; margin-left:1px;color: #3E3D40;  font-size: 12px;  font-weight: normal;  line-height: 13px; padding: 0;  }
.nobgSkin span.jqTransformCheckboxWrapper{display:block;float:left;margin-top:0px; border:1px solid #bababa; border-radius: 4px;	-moz-border-radius: 4px;-webkit-border-radius: 4px; height:11px; width:11px; position:relative; top:2px;margin-right:4px;}
.nobgSkin a.jqTransformCheckbox {	background:transparent /* url(/Design/Images/checkbox.png) no-repeat center top*/;vertical-align: middle;height: 19px;	width: 18px;display:block;
}
.nobgSkin a.jqTransformChecked:before{content: "\2714"; font-size:18px; position:absolute; bottom:2px; left:0px; font-weight:normal; color:#707173  }/*font-size:16px; position:absolute; bottom:0px; left:1px; font-weight:normal; color:#006837*/
.nobgSkin.colmFW.flt.chbx.fs11 .lblFrm{ font-size:11px!important}
.nobgSkin.colmFW.flt.chbx .lblFrm { margin-top:4px!important}
.nrfL .nobgSkin a.jqTransformChecked:before{bottom:0px;}
/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
.nobgSkin a.jqTransformChecked { background-position: center bottom;}

#no_brd_wrapper {
    background: none repeat scroll 0 0 #FFFFFF; color: #707173; font-size: 11px; height: 0 !important; margin: 0 auto; padding: 9px 0 8px; text-align: left;
    width: 946px;
    
}
.captImg iframe {margin-left: -8px; margin-top:-8px; width:208px;}
.captImg iframe.iframebody body{margin: 0; padding:0;}


.selWrap{ display:inline-block!important; margin:0!important; padding:0!important;}
.selWrap.nrt{ border:none!important}
.selWrap.nrt .jqTransformSelectWrapper{ border-color:#CC0000 !important}
.selWrap .jqTransformSelectWrapper select.w258 {width: 258px !important}
.seldateWrap .jqTransformSelectWrapper select.w33 {width: 33px !important}
.seldateWrap .jqTransformSelectWrapper select.w40 {width: 40px !important}
.error_Clr {color:#CC0000!important}

/*** Popup for Registration pages ****/
 .modalBackground{ height:100%; background-color:#000;filter:alpha(opacity=70);opacity:0.7;}
.posRel,.relative{position:relative}
.w500pop { width:500px!important}
.popupWrapp.w500pop, .radius6{border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
.radius5, .withRadius ul.chzn-choices{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.bgLgrey{ background:#fbfbfb!important}
.popupWrapp{ width:auto; margin:0 auto; border:10px solid #9c9e9f; background:#fff; font-size:12px; border-bottom:20px solid #9c9e9f; }
.popupWrapp.bbw10{ border-bottom:10px solid #9c9e9f;}
.absCls{ position:absolute; top:6px; right:0px;}
.closeWindow{bottom:-16px;position:absolute;right:0}
.popupWrapp .popupContent{float:left;padding-bottom:10px;padding-left:10px;position:relative;text-align:left;width:97%}
.popupWrapp.w500pop .popupContent { width:95.8%!important}

.reg_social a {border:none;float: left;height: 35px !important;margin: 0 10px 0 0 !important;width: 35px !important;background: url("/Design/Images/socialIcon_nework.png") no-repeat left top}
.reg_social a.fb {background-position: 0 0;}
.reg_social a.tw {background-position: -36px 0; }
.reg_social a.fb:hover {background-position: 0 -36px;}
.reg_social a.tw:hover {background-position: -36px -36px;}

.regIndex{ position:relative; z-index:99;}

.selTab .jqTransformSelectWrapper ul{padding-top:  0px !important}

.mb30{margin-bottom:30px!important}



.wid81_reg {
    border: 1px solid #00601D;
    float: left;
    color: #00601D;
    font-size: 11px;
    margin: -3px 0;
    padding: 10px;
    text-align: left;
    width: 659px;
    font-weight:bold;
    line-height:14px;
}

.rwf, .rwt, .rwl {float: left; height: 28px; text-indent: -9999px; width: 185px;}

.rwl {background: url("/Design/Images/register_with_linkedIn.png") no-repeat 0 0;}
    
.reg_social a.lk {background-position: -72px 0;}

.mb16 {
    margin-bottom: 16px !important;
}

#newRegForm .errorMsgWrap a:hover{text-decoration : underline !important;}
.mb22{ margin-bottom:22px!important}

.profExp_Addpopup span.error {
    bottom: -9px;
    color: #CC0000 !important;
    font-size: 11px;
    font-weight: normal;
    left: 0;
    position: absolute;
    z-index: 4;
}


#registration-wrapper #registration-form .form-columns-wrapper .form-column-left .form-field .add-affiliation-dropdown button#cancel {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: none;
    width: 84px;
    height: 33px;
    color: #fff;
    font-size: 12px;
    line-height: 29px;
    font-weight: 600;
    background: #707173;
    margin-top: 10px;
    -moz-box-shadow: inset 0px 1px 0px 0px #a9a9a9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a9a9a9;
    box-shadow: inset 0px 1px 0px 0px #a9a9a9;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #707173), color-stop(1, #707173) );
    background: -moz-linear-gradient( center top, #707173 5%, #707173 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63a0cb', endColorstr='#2177b5');
    background-color: #707173;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #3e3e3e;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.2submit-btn5s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    behavior: url(PIE.php);
}

#registration-wrapper #registration-form .form-columns-wrapper .form-column-left .form-field .add-affiliation-dropdown button#save {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: none;
    width: 84px;
    height: 33px;
    color: #fff;
    font-size: 12px;
    line-height: 29px;
    float: right;
    font-weight: 600;
    background: #f29400;
    margin-top: 10px;
    -moz-box-shadow: inset 0px 1px 0px 0px #a6c9e1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a6c9e1;
    box-shadow: inset 0px 1px 0px 0px #a6c9e1;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63a0cb), color-stop(1, #2177b5) );
    background: -moz-linear-gradient( center top, #63a0cb 5%, #2177b5 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63a0cb', endColorstr='#2177b5');
    background-color: #63a0cb;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #3e3e3e;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.2submit-btn5s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    behavior: url(PIE.php);
}

#registration-wrapper #registration-form .form-columns-wrapper .form-column-left .form-field .add-affiliation-dropdown button#save:hover {
    -moz-box-shadow: inset 0px 1px 0px 0px #a6c9e1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #a6c9e1;
    box-shadow: inset 0px 1px 0px 0px #a6c9e1;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #88bde2), color-stop(1, #2177b5) );
    background: -moz-linear-gradient( center top, #88bde2 5%, #2177b5 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88bde2', endColorstr='#2177b5');
    cursor:pointer;
}

#registration-wrapper #registration-form .form-columns-wrapper .form-column-left .form-field .add-affiliation-dropdown button#cancel:hover{
    background: rgba(148,149,150,0.98);
    background: -moz-linear-gradient(top, rgba(148,149,150,0.98) 0%, rgba(112,113,115,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(148,149,150,0.98)), color-stop(100%, rgba(112,113,115,1)));
    background: -webkit-linear-gradient(top, rgba(148,149,150,0.98) 0%, rgba(112,113,115,1) 100%);
    background: -o-linear-gradient(top, rgba(148,149,150,0.98) 0%, rgba(112,113,115,1) 100%);
    background: -ms-linear-gradient(top, rgba(148,149,150,0.98) 0%, rgba(112,113,115,1) 100%);
    background: linear-gradient(to bottom, rgba(148,149,150,0.98) 0%, rgba(112,113,115,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949596', endColorstr='#707173', GradientType=0 );
    cursor:pointer;
}

.ui-widget-content .ui-menu-item{
    padding: 5px;
}