@import url('/css/reset.css') screen;
@import url('/css/960.css') screen;


/*********************************************************************/
/* GENERAL                                                           */
/*********************************************************************/

body, input, select {
    font: 16px/20px Lato, Helvetica, sans-serif;font-weight: 400;
}

h1,h2,h3,h4,p,li{padding:5px 0px;font-style:normal;}
.sidebar h1,.sidebar h2,.sidebar h3,.sidebar h4,.sidebar p,.sidebar li{padding:5px 8px;	}

h1 {font-family: 'Oswald', Helvetica, sans-serif;text-align: center;font-weight: 700;margin:20px 0 10px;font-size: 200%;line-height: 1.2em;color:#005595;}
h2, h3 {font-family: Lato, Helvetica, sans-serif;font-weight: bold;margin:20px 0 15px;line-height: 1.2em;color: #9d4948;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}

p {padding: 10px 0;font-size:16px;}

a:link, a:active, a:visited{color:#005595;text-decoration:none;}
a:hover{color:#9d4948;text-decoration:underline;}


h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    color: #914452;
    border: none;
    text-decoration: none;
}

sup {
    font-style: normal;
    vertical-align: super;
    top:-2px;
}

.small {
    font-size: 80% !important;
}

.bold{font-weight: bold;}
.italic{font-style: italic;}
h4.small {
	font-size: 100% !important;
}

.printonly {
    display: none;
}

input.field {
    font-size: 90%;
}

textarea.field {
	font-size: 90%;
	font-family: 'TradeGothic-Light', Verdana, sans-serif;
}

select {
    font-size: 100%;
}

address {font-style: normal;}

strong {
    font-size: 100%;
    font-weight: 700;
}

.centered {
    text-align: center;
}

dt {
    margin-top: 0.5em;
    font-weight: 700;
}

/*********************************************************************/
/* HEADER                                                            */
/*********************************************************************/

#header {
    font-size: 80%;
    text-transform: uppercase;
    padding: 20px 0;
}

#header a:hover {
    border: none;
}

div.breadcrumbs {
    font-size: 88%;
    color: #FFF;
}

div.breadcrumbs a:link, .breadcrumbs a:active, .breadcrumbs a:visited, .breadcrumbs a:hover {
    font-weight: normal;
    color: #FFF;
}

div.breadcrumbs.big h1 {
    font-size: 200%;
    font-weight: normal;
    color: #FFF;
}

.msphbranding {
    background-color:#4068b7;
    color:#ffffff;
}

.msphbranding.msph img {
    width:500px;
    float:right;
    margin:20px 20px 20px 0;
}

#footer.msphbranding {
    background-color: #ffffff;
    color:#4068b7;
}


/*********************************************************************/
/* CONTENT                                                           */
/*********************************************************************/



div.content ul {
    margin: 0.5em 0.5em 1em 2em;
    list-style-image: url('http://dev.nccp.org/images/bullet.png');
    padding: 0;
    clear: none;
}

div.content ol {
    margin: 0.5em 0.5em 1em 1.5em;
    list-style-type:decimal;
    padding: 0;
    clear: none;
}

div.content td {
    font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}

div.content ul ul {
    margin-bottom: 0;
}

/* For profile pages with yes/no data */

div.content ul.checkboxes {
    list-style-image: url('http://dev.nccp.org/images/bullet_box.jpg');
    padding-left: 24px;
}

div.content ul.checkboxes li.checked {
    list-style-image: url('http://dev.nccp.org/images/bullet_box_checked.jpg');
}

div.content div.formats {
    font-size: 80%;
    text-transform: uppercase;
    border-top: 1px solid #676093;
    border-bottom: 1px solid #676093;
    background-color: #d5d4df;
    padding: 3px;
    margin: 2em 0;
    color: #676093;
    clear: both;
}

div.profile-links {
	font-size: 88%;	
    padding: 5px 3px 3px 3px;
    margin: 1em 0;
    color: #CEAA7A;
	text-transform: uppercase;
}
div.content div.intro {
   color: #007987;
   font-size: 88%;
   font-weight: 700;
   font-family: Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans serif;
}

div.content div.box, div.content div.box-right {
    clear: both;
    font-size: 80%;
    background-color: #f2e3bc;
    padding: 0.5em 1em;
    margin: 1.5em 0 3em 0;
	border: 1px solid #e68f1a;
}

div.content div.box-right {
    float: right;
    width: 200px;
}

div.content div.box p, div.content div.box-right p {
    margin: 0.5em 0;
}

div.content div.box h2, div.content div.box-right h2 {
    padding-top: 0.2em;
    border-top: none;
}

div.content div.inset {
    font-size: 75%;
}

div.content div.notes ol {
    font-size: 92%;
    line-height: 1.2em;
}

/*********************************************************************/
/* SIDEBARS                                                          */
/*********************************************************************/



/*********************************************************************/
/* HOMEPAGE-BOX                                                          */
/*********************************************************************/

div.homepage-box div.container {
    font-size: 100%;
}

div.homepage-box h2, .homepage-box h3, .homepage-box h4 {
    color: #222;
}

div.homepage-box h1, #frame.content-center div.content h1 {
    color: #0082c0;
    font-size: 250%;
    line-height: 80%;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}

div.homepage-box h1, #frame.content-center div.update h1 {
    color: #fff;
    font-size: 250%;
    line-height: 80%;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}


div.homepage-box h2 {
    font-size: 150%;
}


/*********************************************************************/
/* FOOTERS                                                           */
/*********************************************************************/


#subfooter {
    font-size: 80%;
}

.subtitle {
    font-size: 80%;
    font-weight: normal;
    font-style: italic;
	color: #0082c0;
    line-height: 180%;
}

.subtitle a {
    font-weight: normal;
	color: #0082c0;
}

.date {
	font-size: 80%
}

.footnote {
    font-size: 75%;
    vertical-align: baseline;
    position: relative;
    bottom: 0.5em;
}

.uppercase {
    text-transform: uppercase;
}

p.right {
    text-align: right;
}

#footer address{font-size:14px}
footer p{font-size:12px}

/*********************************************************************/
/* BUTTON ROLLOVERS                                                  */
/*********************************************************************/

a.button, a:link.button {
    padding-left: 18px;
    background: transparent url('http://production.nccp.org/images/icon-email_triple.gif') no-repeat;
    background-repeat: no-repeat !important;
}
a:visited.button { background-position: 0px -36px; }
a:hover.button   { background-position: 0px -18px; border-bottom: none; }
a.button.epub, a:link.button.epub         { background-image: url('/images/icon-download_triple.gif'); }
a.button.email, a:link.button.email       { background-image: url('/images/icon-email_triple.gif'); }
a.button.print, a:link.button.print       { background-image: url('/images/icon-print_triple.gif'); }
a.button.download, a:link.button.download { background-image: url('/images/icon-download_triple.gif'); }
a.button.enlarge, a:link.button.enlarge   { background-image: url('/images/icon-enlarge_triple.gif'); }
a.button.read, a:link.button.read         { background-image: url('/images/icon-read_triple.gif'); }
a.button.plus, a:link.button.plus         { background-image: url('/images/icon-plus_triple.gif'); }
a.button.popup, a:link.button.popup       { background-image: url('/images/icon-popup_triple.gif'); }
a.button.help, a:link.button.help         { background-image: url('/images/icon-help_triple.gif'); }

/*********************************************************************/
/* EXTERNAL LINKS                                                    */
/********************************************************************

p a[href^="http:"], p a[href^="http:"]:link, li a[href^="http:"], li a[href^="http:"]:link, p a[href^="https:"], p a[href^="https:"]:link, li a[href^="https:"], li a[href^="https:"]:link {
    padding-right: 14px;
    margin-right: 0;
    
}
p a[href^="http:"]:visited, li a[href^="http:"]:visited, p a[href^="https:"]:visited, li a[href^="https:"]:visited {
    
}
p a[href^="http:"]:hover, li a[href^="http:"]:hover, p a[href^="https:"]:hover, li a[href^="https:"]:hover {
    background: transparent url('/images/icon-link-hover.gif') center right no-repeat;
}

p a[href^="http://list-manage.com"]:link,a[href^="http://list-manage.com"]:active,a[href^="http://list-manage.com"]:visited,a[href^="http://list-manage.com"]:hover,
p a[href^="http://www.nccp.org"]:link,a[href^="http://www.nccp.org"]:active,a[href^="http://www.nccp.org"]:visited,a[href^="http://www.nccp.org"]:hover,
p a[href^="http://nccp.org"]:link,a[href^="http://nccp.org"]:active,a[href^="http://nccp.org"]:visited,a[href^="//www.nccp.org"]:hover,
p a[href^="http://production.nccp.org"]:link,a[href^="http://production.nccp.org"]:active,a[href^="http://production.nccp.org"]:visited,a[href^="http://production.nccp.org"]:hover {
    background: inherit;
    padding-right: 0;
}

a:link.noicon, a:active.noicon, a:visited.noicon, a:hover.noicon {
    background: inherit;
    padding-right: 0;
}	

.content.njfamilyleave p a, .content.njfamilyleave li a {background:none;padding-right: 0;margin-right: 0;}

******/

/*********************************************************************/
/* DOWNLOAD LINKS                                                    */
/*********************************************************************/

ul.downloads {
	list-style-type: none;
	padding: 0;
	margin: 0 !important;
}

ul.downloads li {
        list-style-image: none;
	background: url('http://production.nccp.org/images/filetypes/generic.gif') no-repeat;
	padding-left: 2em !important;
}

ul.downloads li a {
        background: none !important;
}

ul.downloads li.pdf { background-image: url('http://nccp.org/images/filetypes/pdf.gif'); }
ul.downloads li.xls { background-image: url('http://nccp.org/images/filetypes/xls.gif'); }
ul.downloads li.csv { background-image: url('http://nccp.org/images/filetypes/csv.gif'); }
ul.downloads li.ppt { background-image: url('http://nccp.org/images/filetypes/ppt.gif'); }
ul.downloads li.doc { background-image: url('http://nccp.org/images/filetypes/doc.gif'); }
ul.downloads li.htm { background-image: url('http://nccp.org/images/filetypes/htm.png'); }

/*********************************************************************/
/* POPUP TABLES                                                      */
/*********************************************************************/

div#frame.table #content {
  min-height:100%;
  background: url('http://dev.nccp.org/ajax-loader-popup-table.gif') center center no-repeat;
}

div#frame.table {
    width: 100%;
}

table.data td {
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
}

table.data td.header {
    font-size: 11px;
    font-weight: 700;
}

table.data td.controls {
   text-align: center;
   background-color: #853c47;
}

table.data td.sort {
   background-color: #9f9db6;
}

table.data td.sort.alternate {
   background-color: #c1bfd0;
}

table.data td.alternate {
    background-color: #d0c6ad;
}

table.data td.highlight {
    background-color: #899639;
    color: white;
}

table.data td.header.top {
    background-color: #aa9d71;
	color: white;
    vertical-align: center;
    text-align: center;
	padding: 5px;

}

table.data td.header.left {
   text-align: right;
}

div#frame.popup {
    width: 100%;
}

/*********************************************************************/
/* FORMS                                                             */
/*********************************************************************/

input.submit {
	float: right;
	padding: 4px 8px;
	text-transform: uppercase;
	font-weight: 700;
	color: #005a8c;
}

p.checkset, h4.checkset {
  clear: both;
  float: none;
  position: relative;
  margin-bottom: 0 !important;
}

p.checkset input, h4.checkset input {
  left: 0px;
  top: 5px;
  position: absolute;
}

p.checkset label, h4.checkset label {
  display: block;
  margin-left: 24px;
  padding-top: 0px;
}

p.checkset label input {
  position: relative;
  width: auto;
}

p.checkset.small label, h4.checkset.small label {
  margin-left: 20px;
}

p.checkset.small input, h4.checkset.small input {
  width: 12px;
}

optgroup {
  background-color: #DEEEF6;
  font-style: normal;
  font-weight: normal;
  font-size: 120%;
}

optgroup option {
  margin-left: 0;
  padding-left: 0;
  background-color: white;
  font-size: 100%;
}

/*********************************************************************/
/* POLICY PROFILES                                                   */
/*********************************************************************/

table.policy-data {
    padding: 0;
    margin: 0 0 1em 0;
    border: 0;
    width: 500px;
    overflow: visible;
}

table.policy-data td {
    margin: 0;
    padding: 0.3em 0;
    vertical-align: top;
}

table.policy-data th {
    margin: 0;
    font-weight: normal;
    text-align: left;
    width: 50%;
    padding: 0.3em 1.5em 0 0;
    vertical-align: top;
}

table.policy-data tr.national {
    font-style: italic;
}

/*********************************************************************/
/* MISCELLANEOUS                                                     */
/*********************************************************************/

.nccp_directors_message h1{font-weight: bold;}
option[disabled="disabled"], option[class="select"]{font-style:italic}
table.table-border, .table-border td, .table-border tr, .table-border th {border:1px solid #a4a4a4;padding:10px;}

/*********************************************************************/
/* NJ Family Leave page                                              */
/*********************************************************************/

.njfamilyleave.content {font-family:Avenir, Helvetica, Arial, san-serif}
.njfamilyleave .btn {
  background: #de726d;
  background-image: -webkit-linear-gradient(top, #de726d, #974642);
  background-image: -moz-linear-gradient(top, #de726d, #974642);
  background-image: -ms-linear-gradient(top, #de726d, #974642);
  background-image: -o-linear-gradient(top, #de726d, #974642);
  background-image: linear-gradient(to bottom, #de726d, #974642);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.njfamilyleave .btn:hover {
  background: #974642;
  text-decoration: none;
}