@charset "UTF-8";
/* CSS Document */

#contactBase {font-family:Arial, Helvetica, sans-serif; color:#323232; width:990px; background:#fff; margin:10px 0;}
#contactStage {width:880px; padding:14px 0;}
#profileStage {width:960px; padding:14px 0; font-size:11px;}

#contactBase h1 {font-size:22px; font-weight:bold; color:#1b5f98; text-transform:uppercase;}
#contactBase h3 {color:#e18c1e; font-size:14px;}
#formWrap { padding-left:4px;}


#contactBase h3 a.subLink { float:right; font-size:11px; color:#e18c1e; font-weight:normal;}

form.left-align-label label { display:block; font-size:12px; font-weight:normal; float:none; padding-bottom:3px; margin:0; width:auto;}
#prefForm label { display:inline; font-size:11px; font-weight:normal; float:none; padding-bottom:3px; margin:0; width:auto;}
form.left-align-label .radioWrap label { display: inline; }
#contactBase input { background:#fefefe url(/global/images/bg_field.jpg) bottom repeat-x; height:18px; font-size:11px; border:1px solid #cacaca; padding:3px 0 0 0;}
.reg { background:#fefefe url(/global/images/bg_field.jpg) bottom repeat-x; height:18px; font-size:11px; border:1px solid #cacaca; padding:3px 0 0 0;}
#contactBase .focus {border:1px solid #748796; background:#fff;}

textarea { background:#fefefe url(/global/images/bg_textarea.jpg) bottom repeat-x; font-size:11px; border:1px solid #cacaca; padding:3px 0 0 0; font-family:Arial, Helvetica, sans-serif;}
select.multi { background:#fefefe url(/global/images/bg_textarea.jpg) bottom repeat-x; font-size:11px; border:1px solid #cacaca; padding:3px 0 0 0; font-family:Arial, Helvetica, sans-serif;}

input.names {width:130px;}
fieldset { margin:0; padding:0;}
fieldset li {padding-bottom:14px;}
fieldset li.clear {padding-bottom:none; line-height:0; height:0; overflow:hidden;}

.radioWrap span { position:relative; top:-2px; }
.radioWrap input {margin-right:21px; border:none;}
.noteSmall { font-size:11px; color:#666666; padding-top:3px;}
#formWrap2 input { border:none;}


a.profilePicFrame {height:87px; width:112px; position:relative; background:url(/global/images/bg_profilePic.jpg) no-repeat; display:block;}
a.profilePicFrame:hover div img {opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.60;}
a.profilePicFrame div#profilePicCrop {height:75px; width:100px; overflow:hidden; position:absolute; top:5px; left:6px;}
a.profilePicFrame div#profilePicCrop img {border:none;}

.contact-left {float:left; width:500px;}
.contact-right {float:left;}

a.btn_submit {background:url(/global/images/btn_submit.jpg) no-repeat; height:28px; width:69px; display:block; text-indent:-5000px; position:relative;}
a.btn_submit:hover {background-position:0 -28px;}
a.btn_submit:active {background-position:0 -56px;}
#picLoader {background:#fff url(/global/images/homeLoader.gif) 33px 20px no-repeat; height:75px; width:100px;}
b.fieldDisplay {font-size:12px; font-weight:bold; display:block; padding:3px 0 0 1px;}

.floatFormList { padding-right:8px; float:left;}
li.clear { padding:0; margin:0; height:0;}

ul#schoolAutocompleter, ul#schoolAutocompleter li {list-style-type:none; padding:0; margin:0;}
#schoolName_choices {overflow:auto; height:180px;}
ul#schoolAutocompleter {background:#f9f6e7; border:2px solid #ede2d1;}
ul#schoolAutocompleter li {padding:2px 4px; border:1px dashed #ede2d1; border-right:none; border-left:none; font-size:10px; color:#504e4b;}
ul#schoolAutocompleter li:hover, ul#schoolAutocompleter li.selected {background:#e4c185; color:#423319;}

#searchLoader1 {float:left; padding:2px 0 0 3px;}



#contactLocInfo {background:#edecec; font-size:12px; width:308px; margin-left:40px;}
#DENInfo {background:#edecec; font-size:12px; width:308px; margin-left:120px;}

#contactLocInfo h2 {color:#1b5f98; font-size:14px; font-weight:bold; padding:6px 0 0 6px; margin:0;}
#DENInfo h2 {color:#1b5f98; font-size:14px; font-weight:bold; padding:6px 0 0 6px; margin:0;}

.locationWrap ul, .locationWrap ul li {list-style-type:none; margin:0; padding:0;}
.locationWrap ul li {margin:0 0 5px 5px;}
.locationWrap ul li a {text-decoration:none; background:url(/global/images/aro_graySideBar.jpg) 0 2px no-repeat; padding-left:12px;}
.locationWrap ul li a:hover { background-position:0 -13px;}

a.btn_useUpload {height:39px; width:156px; background:url(/global/images/btn_uploadImg.jpg) no-repeat; display:block; float:left; text-indent:-5000px;}
a.btn_useCam {height:39px; width:156px; background:url(/global/images/btn_uploadImg.jpg) -156px 0 no-repeat; display:block; float:left; text-indent:-5000px;}
a.btn_useUpload:hover {background-position:0 -39px;}
a.btn_useCam:hover {background-position:-156px -39px;}



#contactLocInfo h4 {color:#323232; font-size:12px; font-weight:bold; padding:0 0 2px 0; margin:0;}
#contactLocInfo h4 span {float:right;}
div.phones {background:url(/global/images/icon_phone.jpg) no-repeat; padding:0 0 0 30px; margin:6px 0 12px 4px;}
div.phones  span.nums {float:right; padding-right:30px;}
.locationWrap {border-top:1px dashed #fff; margin:4px; padding:12px 4px;}


#formLoader {position:absolute; right:-50px; top:-2px; background:url(/global/images/homeLoader.gif) no-repeat; height:32px; width:32px;}
#profileStage #formLoader {position:absolute; left:-50px; top:-2px; background:url(/global/images/homeLoader.gif) no-repeat; height:32px; width:32px;}
#profileStage #formLoader2 {position:absolute; left:-50px; top:-2px; background:url(/global/images/homeLoader.gif) no-repeat; height:32px; width:32px;}



.validation-advice { font-size:10px; padding:0; width:150px;}

.formSubmitted { font-size:14px; padding:30px 10px 0 10px; text-align:left; font-weight:bold; color:#4476a0;}

.DEregistration fieldset h3 { padding-top:25px;}
.DEregistration fieldset { border-bottom:1px dashed #999; padding-bottom:14px; border-top:#fff;}

.cfERROR {-moz-border-radius: 5px;-webkit-border-radius: 5px;background:#FFFFFF;border:1px solid #dcdcdc;margin-bottom:10px;padding:8px 8px 12px 8px;position:relative; font-size:12px;}	
#formWrap a.closeError, #formWrap2 a.closeError { font-size:10px; color:#333; text-decoration:none; position:absolute; top:5px; right:5px;}
a.closeError:hover { color:#666;}

.cfERROR ul {padding:0; margin:7px 0 7px 22px;}
.cfERROR li {padding:0 0 0 0; margin:0;}
#formWrap .cfERROR td.errorTitle, #formWrap2 .cfERROR td.errorTitle {font-size:14px; color:#e18c1e; font-weight:bold;}
.cfERROR table, .cfERROR td {padding:0; margin:0; border:none; background:none;}
.cfERROR h3 { padding:3px 0 0 0; margin:0;}

#formWrap table td {color:#666;font-family:Tahoma,Verdana,Arial,Helvetica;font-size:11px;font-weight:normal;}

/*Styling for the 'OR' on the registration page*/
.regOr {background:#fff; padding:0 6px; color:#666666; position:relative; top:26px; line-height:18px; left:14px; font-size:18px; font-weight:bold; width:32px; margin:0;}

a.twitter-btn {
    display: block;
    color: #1B5F98;
    padding: 6px 6px 6px 26px;
    position: relative;
    float: left;
    border: 1px solid #CCC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #DFDFDF url('/global/images/twitter-btn-bg.png') repeat-x 0 -35px;
}

.twitter-btn:hover {
    border: 1px solid #c5c5c5;
    background-color: #DBDBDB;
    background-position: 0 0;
    text-decoration: none;
}

.twitter-btn i {
    background: url('/global/images/twitter-bird-16x16.png') no-repeat left center;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 6px;
    margin-top: -8px;
}