@charset "utf-8";
/* new width */
#header { margin:0 auto; }

#nnyl-header { height: 100px; margin-top: 1px; background-color:#24387e}
#nnyl-header h1 {margin-top:0;}
#nnyl-header span#header-title { margin:20px 20px 0 30px;color:#FFFFFF; font-size:48px; font-family: 'ProximaNovaExtrabold',sans-serif; font-weight:400; display:inline-block; box-sizing:border-box }
#nnyl-header span#header-title a{text-decoration:none; color:#FFF}
#nnyl-header span#header-note { color:#D5820D; font-size:24px;font-family: 'ProximaNovaRegular'; display: inline-block !important; font-weight:normal; vertical-align:baseline; box-sizing:border-box; }
{ border: 0; width: 960px; padding: 0px; margin: 0px auto;}
.nonav { border-top: 2px solid #FFCB00; }
#emergency { margin: 2px 0 0 0;}

/* home pages */
#navigation { float: left; width: 200px; padding: 5px 0px; background: #FFEB9B url(/nnyl/images/sidenavbg.gif) repeat-y; border: 1px solid #ff9900; margin: 10px 0; border-radius: 5px; box-shadow: 2px 2px 1px 0px #ddd;}
#navigation ul { margin:0; padding: 0;  text-transform:uppercase; font-weight: bold; font-size: 12px; color: #2C456E; text-shadow: 1px 1px 1px #fff; }
#navigation ul li { margin: 0; padding: 0; list-style:none; line-height: 30px; font-size: 12px; }
#navigation ul li a { color: #2C456E; display: block; padding: 0 5px 0 10px ; text-decoration: none; }
#navigation ul li.current a { background: url(/nnyl/images/navigation-indicator.gif) no-repeat left;  }
#navigation ul li.current li a { background: transparent;  }
#navigation ul li.current li a:hover { background: #FFCB00 url(/nnyl/images/navigation-indicator-ovr.gif) no-repeat left; color: #36C;    }
#navigation ul li ul li a { text-transform: none; margin-left: 10px}
#navigation ul li a:hover  { background: #FFCB00 url(/nnyl/images/navigation-indicator-ovr.gif) no-repeat left; color: #36C;  }

#homemain { padding-left: 216px; padding-right: 16px; border-top: 2px solid #FFCB00; }  
/*#homemain h2 { margin-left: 0; }
#homemain h2.long { font-size: 20px; }*/

/* navigation et al */
#toolbar { position: relative; background: #FFECA0 url(/nnyl/images/nav-gradient.gif) repeat-x; margin: 0; padding: 0; height: 28px; }
#toolbar ul { margin: 0; padding: 0; }
#toolbar li { float: left; display: block; list-style: none; line-height: 28px; margin:0; padding: 0; text-align: center; }
#toolbar li a { display: block; padding: 0px 16px; line-height: 28px; text-decoration: none; text-transform:uppercase; font-weight: bold; font-size: 12px; color: #2C456E; text-shadow: 1px 1px 1px #fff; }
#toolbar li a:hover { background: #FFCB00; color: #36C;  }

/* toolbar */
#toolbar div#useracct { position: absolute; top: 0; right: 0; margin: 0; padding: 0 0 0 16px; }
#toolbar div#useracct p { margin: 0; padding: 0 16px 0 0; }
#toolbar div#useracct p a.username { background: url(/nnyl/images/user.gif) no-repeat left; margin: 0; padding: 0 0 0 14px; }
#toolbar div#useracct p a.username:hover { background: #FFCB00 url(/nnyl/images/user-ovr.gif) no-repeat left; }
#toolbar div#useracct p a.logout { font-weight: bold; }
#toolbar div#useracct p a { color: #2C456E; text-decoration: none; line-height: 28px; font-size: 12px; }
#toolbar div#useracct p a:hover { background: #FFCB00; color: #36C;  }
#toolbar div#useracct p.security { margin-right: 16px; border-top: 1px solid  #FFCB00 }
#toolbar div#useracct.active { background: #ffeca0; border: 1px solid #FFCB00; border-radius: 0 0 5px 5px; box-shadow: 2px 2px 1px 0px #ddd;}

/*h2 { color: #2c456e;  padding: 0; line-height: 50px; margin: 0px 8px; text-shadow:1px 1px 1px #666; }*/
h3,  h4 { color: #2c456e;  padding: 0; margin: 10px 8px; }
p { padding: 0; margin: 10px 8px; font-size: 14px;  line-height: 20px;}

dl dt,  dl dd { margin: 10px 8px; font-size: 14px; line-height: 20px;  }
dl dd { margin: 10px 16px;  }

ul li { font-size: 14px; line-height: 20px;  }
p.note { font-size: 10px; line-height: 16px;  font-family: Arial, Helvetica, Sans-serif;}

address { font-family: Consolas, "Courier New", Courier, monospace; color: #333; margin: 8px 16px; }


/* sessioninfo */
#sessioninfo { float: right; margin: 10px 16px 0 0; padding-right: 8px; background: #2C456E; box-shadow: 2px 2px 1px 0px #ddd;  }
#sessioninfo p { margin: 0 0 0 8px; padding: 0; float: left; line-height: 30px; text-align: center; color: white; font-weight: bold; text-shadow:1px 1px 1px #333; }

#mainlinks { margin: 16px; }

/* alerts */
.alert { border: 1px solid red; background: #FFE8E8 url(/images/emergency-icon.gif) no-repeat left; width: 643px; line-height: 14px; margin: 10px  auto; padding: 5px; padding-left: 32px; font-size: 14px; color: red; font-weight: bold; font-family:Arial, Helvetica, Sans-serif; border-radius: 5px; box-shadow: 2px 2px 1px 0px #ddd;}
.alert p { margin: 0; padding: 0; font-size: 12px; line-height: 16px;}

/* notifications */
.notification { border: 1px solid #ff9900; background: url(/images/warning20px.gif) no-repeat left; line-height: 14px; margin: 10px  auto; padding: 5px; padding-left: 32px; font-size: 14px; color: #2C456E; font-family:Arial, Helvetica, Sans-serif; border-radius: 5px; box-shadow: 2px 2px 1px 0px #ddd; display:inline-block;}
.notification p { margin: 0; padding: 0; font-size: 12px; line-height: 16px; align="left"}

/* Resume */
#resume-box { width: 670px; background: #efefef; border: 1px solid #999; border-radius: 5px; box-shadow: 2px 2px 1px 0px #ddd; padding: 5px; margin: 10px auto;}
#resume-box div { width: 68%; float: left; }
#resume-box #current-resume { width: 142px; border-right: 1px solid #999; height: 110px; } 
#resume-box div h3 {color: #2c456e; text-shadow: 1px 1px 1px #666; margin: 0 0 4px 0; padding: 0; line-height: 24px;}
#resume-box #current-resume p { margin: 0; padding: 0; line-height: 24px; padding-left: 4px;}
#resume-box div#resume-form form { margin: 0; padding: 0; }
#resume-box div#resume-form h3 { padding-left: 4px; }
#resume-box div#resume-form .formfile { line-height: 24px; padding-left: 8px; margin: 0; width: 100%; }
#resume-box div#resume-form .formfile label { margin: 0; }
#resume-box div#resume-form .formfile input {display: inline; float: left; line-height: 24px; height: 24px; padding: 0 2px; margin:0;  font-size: 12px; }
#resume-box div#resume-form .formfile input.upload-button { float: right; margin-right: 8px; }
#resume-box div#resume-form .note { margin: 0 8px; padding: 0;}
#resume-box .clearer { clear: both; margin:0; padding:0; line-height: 0;}

/* footer */
#nnyl-footer { color: #BDC7D0; background: #2C456E; border-top: 2px solid #FFCB00; clear: both; margin: 10px auto 10px auto;  width: 960px; }
#nnyl-footer .footer-links { float: left; line-height: 50px; font-size: 12px; margin: 0; padding: 0 16px;}
#nnyl-footer .footer-info { float: right; line-height: 50px; font-size: 12px; margin: 0; padding: 0 16px;}
#nnyl-footer a { color: #FFCB00; }
#nnyl-footer a:hover { background: #FFCB00; color: #2C456E; }

/* misc */
.row { height: 50px; }
.numeric {font-family:Consolas 'Courier New', Courier, monospace}
p.printer { margin: 20px; text-align:right; }
p.printer a { background: url(/nnyl/images/print.gif) left no-repeat; padding-left: 16px; }
#document-box { width: 670px;  padding: 5px; margin: 10px auto;}

/* misc form */
form input.primary { font-weight: bold; }
div.RegionCont { font-size: 90% }
div.RegionCont .RegionButtonGroup h4 { margin: 8px 0 0 0; }

.cancel-link { font-size: .9em; }
.cancel-link a { color: red; padding: 0 2px; }
.cancel-link a:hover { color: white; background: red; }

/* step tracker */
#step-tracker { height: 28px; border-bottom: 1px solid #ddd; padding-bottom: 3px; }
#step-tracker ul { margin: 0 0 0 4px; padding: 0; }
#step-tracker ul li { margin: 0; padding: 0; list-style: none; display: inline; }
#step-tracker ul li p { text-shadow:1px 1px 1px #efefef; font-size: 11px; font-weight: bold; line-height: 14px; margin: 0; padding: 0 0 0 0; display: block; float: left; }
#step-tracker ul li p span {display: block;}
#step-tracker ul li p span.stepNo { font-size: 11px; }
#step-tracker ul li p a { padding: 0 5px 0 32px;  background: url(/nnyl/images/step-inactive-visited.gif) left no-repeat; display: block; text-decoration: none; color: #2C456E }
#step-tracker ul li p a:hover { background: #FFCB00 url(/nnyl/images/step-inactive-hover.gif) left no-repeat; border-radius: 5px; }
#step-tracker ul li.active p {  padding: 0 5px 0 32px;  background: url(/nnyl/images/step-active.gif) left no-repeat;  }
#step-tracker ul li.inactive p.nolink  { padding: 0 5px 0 32px; background: url(/nnyl/images/step-inactive.gif) left no-repeat; color: #777; }
#step-tracker ul li p.nextarrow {  height: 28px; width: 30px; margin-left: 10px; padding: 0 10px 0 0; background: url(/nnyl/images/next-step-non-visited.gif) no-repeat;}

/* summary */
#summary { margin: 20px; padding: 16px; border: 1px solid #333; box-shadow: 3px 3px 1px 0px #aaa; }
#summary h3 { line-height: 32px; color: #333;  border-bottom: 1px solid #666; margin: 0; padding: 0; }
#summary .summary-section { clear: both; margin-top: 32px }
#summary .summary-section h4 { color: #333; float: left; width: 200px; font-size: 14px; font-weight: bold; line-height: 20px; margin: 0; padding: 0; }
#summary .summary-section div.summary-section-content { margin: 0 0 0 216px; padding: 0; line-height: 20px;}
#summary .summary-section div.summary-section-content h5 { line-height: 20px; margin: 0; padding: 0; }
#summary .summary-section .second { margin-top: 20px; }
#summary .summary-section div.summary-section-content p,
#summary .summary-section div.summary-section-content address { margin:0; padding: 0; line-height: 20px;  font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333; }
#summary .summary-section div.summary-section-content address { margin-bottom: 20px; }
#summary .summary-section div.summary-section-content p.fauxCol { float: left; margin-right: 8px;}

p.close,  p.back { text-align: center; width: 100px; margin: 10px auto; background: #FFECA0 url(/nnyl/images/nav-gradient.gif) repeat-x; border-radius: 5px; padding:0; line-height: 28px; }
p.close a,  p.back a  { display: block; text-decoration: none; text-transform:uppercase;  font-weight: bold; font-size: 12px; color: #2C456E; text-shadow: 1px 1px 1px #fff;}
p.close a:hover,  p.back a:hover  {  background: #FFECA0; border-radius: 5px; background: #FFCB00; color: #36C; }

/* tables */
table { font-size: 12px; font-family: Arial, Helvetica, Sans-serif; margin-top: 8px; }
table td.itemlist ul { margin: 0; padding: 0; }
table td.itemlist ul li { font-family: Arial, Helvetica, Sans-serif; font-size:1em;margin:0;padding:0;line-height:12px; list-style:none; }
table td.title { font-weight: bold; }
table td.title input,
table td.title label { float: left; }
table td.title input { margin-right: 3px; }
table { border: 0; }
table caption { border: 1px solid #2C456E; border-top-right-radius: 5px; border-top-left-radius: 5px; background: #2C456E; color: white; font-size: 16px; font-weight: bold; text-shadow:1px 1px 1px #333;  }
table th { border: 1px solid #2C456E; background: #efefef; }
table td { border: 1px solid #2C456E; }
.highlight { background: #FFECA0; }

/* help boxes */
/* span.helpblock { position: relative; height: 16px; margin: 0 3px; width: 16px; float: right; }*/
a.helplink {  height: 16px; width: 16px;  padding: 0;}
a.helplink img {height: 16px; width: 16px;margin: 0; padding: 0;}
span.helpContainer { position: relative; }
.helpview { display: none; width: 300px; margin: 0; padding: 8px; postion: absolute; background: #FFECA0; border-radius: 5px; border: 1px solid #FFCB00; box-shadow: 2px 2px 1px 0px #ddd; }
.helpview * { font-size: 12px; color: #333;}
.helpview h4 { margin: 0; padding: 0; font-size: 14px; line-height: 18px; }
.helpview p { line-height: 18px; margin: 0; padding: 0; }
.helpview a.closelink { font-family:Arial, Helvetica, sans-serif; float: right; padding: 0 3px; line-height: 18px; color: #2C456E; background: #FFCB00; border-radius: 5px; text-decoration: none; }
.helpview a.closelink:hover { background: #2C456E; color: white; }
.helpview dl { margin: 0; padding:0; line-height: 18px;}
.helpview dl dt { font-weight: bold; }
.helpview dl dd { margin: 0 0 0 16px; }

/* incomplete listing */
#internship-list { margin: 8px; padding: 0; border: 1px solid #2C456E; border-width: 5px 1px 0px 1px; border-top-left-radius: 5px;border-top-right-radius: 5px;}
#internship-list .internship-list-item { margin: 0; padding: 0; border-bottom: 1px solid #2C456E; }
#internship-list .internship-list-item .internship-list-item-title { margin:  4px 0 4px 0;  padding: 0px 8px; font-weight: bold; line-height: 24px;}
#internship-list .internship-list-item .internship-list-item-descr { margin: 4px 0 4px 0; padding: 0px 16px; line-height: 20px;}

/* not sure what this is... */
.areacolumn{float:left; width:33%}

*.note { font-size: 75%; } /* a foot note type of text */
.required { font-style: italic; color: red; }

/* forms */
form { font-size: .85em;}
/* font sizes are all wonky in IE/Win so bypass it */
form label { font-size: .9em; }
form fieldset { margin: 9px 3px; padding: 10px; font-size: inherit; }
form fieldset legend { font-weight:bold; color: #333;letter-spacing: 2px; font-size: 1.1em;  padding: 3px; font-weight: bold;  }
form fieldset p { clear: both; }
form div.formpair { padding: 0 10px 10px 4px; margin: 1px; }
form div.formpair label { display: block; font-weight: bold; padding-bottom: 2px; }
form input:focus, form select:focus { background: #FFFFCC; }
form div.formcheck, form div.formradio { margin: 3px; padding: 2px; }
form div.formpair p, form div.formcheck p, form div.formradio p { font-weight: bold; font-size: .9em; margin-top: 0; }
form div.formcheck input, form div.formradio input { line-height: 1.5em; float: left; clear: left;  }
form div.formcheck label, form div.formradio label { line-height: 1.5em; display: block; padding: 0px 1px; margin-bottom: 0px; font-weight: bold; }
form div.formpair p.note { font-size: .75em; font-weight: normal; margin-bottom: 0em;}
form div.formcheck p.note { margin: 0 0 .5em 0; padding: 0; font-size: .75em; font-weight: normal; }
form fieldset fieldset { border: none; }
form textarea { width: 100%; height: 100px; font-size: 1.2em; }
fieldset legend { color: #E05900; }
.error { color: red; }
form div.formpair label .required, form div.formpair p .required, form div.formradio p .required{ font-weight: normal; }

.privacy {
	clear: both;
	margin: 20px 10px;
	padding: 10px;
	font-size: 90%;
}