
<!--
/*******************************************/
/* CREATED 12/2005 FOR UI REDESIGN EFFORTS */
/*******************************************/

/* NOTE: because of the multiplying nature of resizable fonts NONE of the following items may be imbedded within each other */ 
h1, h2, h3, h4, h5, h6, p, td, th, li, caption, select, dt, dd, textarea {
  font: normal 8pt verdana,arial,helvetica,sans-serif;
  color: #333;
}

/* element level css */
html {
	margin: 0px;
	padding: 0px;
	height: 90%;
}
body {
	margin: 0px;
	padding: 0px;
	height: 90%;
}
form {
	margin:0;
	padding:0;
}
button {
      background-color: transparent;
      border: none;
      cursor: pointer;
}
img {
	border: none;
}
input {
  color: #333;
  font-family: verdana,arial,helvetica,sans-serif;
  /*  background-color not specified due to inconsistencies with browsers */
  background-color: inherit;
}
p select, p input {
	font-size: 100%;
}
/* for accessibility */
label {
 cursor: pointer !important;
}
/**/


/* default link style */
a:link, a:visited {
	color: #30c;
	background-color: inherit;
	text-decoration: none;
}

a:hover, a:active {
	color: #903;
	background-color: inherit;
	cursor: pointer;
	text-decoration: underline;
}
/**/


/* does not show, @aural stylesheet allows this to be picked up by the screenreader */
caption {
	display: none;
}
/**/


/* generic for any table */
tr.evenrow {
	background-color: #efefef !important;
}
tr.oddrow {
	background-color: #fff !important;
}

tr.lastrow td { /*use for the last row of a scrolling div table to add the bottom border */
	border-bottom: 1px solid #ccc !important;
} 

tr.oddrowlast td { /*use for the last row of a scrolling div table to add the border to a white row */
	background-color: #fff !important;
	border-bottom: 1px solid #ccc !important;
}
/**/

/* page wrapper */
#maincontent {
	padding-left: 10px;
	padding-right: 10px;
	z-index: 500;
}
/**/


/* used to position two columns, I.E. on forms*/
/*** NOTE: do not use the following styles anymore, use formdiv styles instead that are included in lnp_reskin.jsp ***/
.sectiondiv {
	margin-top: 10px;
}
.questiondiv {
	float: left;
	position: relative;
}
.questiondiv h6 {
  margin-top: 2px;
  position: relative;
}
.questiondiv h6 span {
	color: #c03;
	background-color: inherit;
}
.questiondiv p {
	margin: 0px;
	padding: 0px 0px 0px 7px;
}
.tooldiv {
	text-align: left;
	padding-right: 5px;
}
.tooldiv a {
	color: #30c;
	background-color: inherit;
}
.tooldiv p {
	padding-top: 0px;
	margin: 0px 0px 5px 0px;
}	
.tooldiv p strong {
	color: #666;
	background-color: inherit;
}
/**/


/* centerbox style:  may be used for errors, as well as the signon */
#centerbox {
	position:relative;
	margin: auto;
	margin-top: 60px;
	width: 360px;
	border: 5px solid #ebebd8;
	padding: 10px;
	background-color: #fff;
	text-align:left;
}
#centerbox .questiondiv {
	width: 120px;
}
#centerbox .tooldiv {
	padding-left: 130px;
}
#centerbox img {
	padding: 5px;
}
#centerbox .hr {
	margin: 2px -10px;
	padding: 0px;
	border-bottom: 1px solid #ebebd8;
}
/**/


/* horizontal line styles */
.hr {
	border-bottom: 1px solid #999;
	padding: 2px;
	margin: 2px;
	clear:both;
	position:relative;
}
.hr-light {
	border-bottom: 1px solid #ccc;
	padding: 2px;
	margin: 2px;
	clear:both;
	position:relative;
}
/**/


/* generic styles */
.hide {
	display: none;
}
.show {
	display: block;
}
.floatleft {
	float: left;
	padding-right: 3px;
}
.floatright {
	float:right;
	padding-left: 3px;
}
.leftpadding {
	padding-left: 10px;
}
.indent {
 	padding-left: 25px;
}
.greynote {
 	color: #666;
 	background-color: inherit;
 	font-weight: normal;
 	margin: 0px;
}
.rednote {
	color: #903;
 	background-color: inherit;
	font-weight:normal;
	margin: 0px;
}
.statusmsg {
	margin: 20px 150px -40px 150px;
	text-align:center;
}

.errormsg {
	margin: 20px 150px -1px 150px;
	text-align:center;
}

.statusmsg h2 {
}
.statusmsg h4 {
	margin-top: 2px;
}
.breadcrumb {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 8pt;
	font-weight: normal;
}
.breadcrumb a {
	font-weight: normal;
}

/* this is a new style to be used for smaller instructional font (i.e. after a form field) */
.note {
	font: normal 6.5pt verdana, arial, helvetica, sans-serif;
}
/**/


/*** other forms of media ***/
/* for screen readers formatting */
@media aural {
	.heardonly {
		display: block !important;
	}
} /* @media aural */

/* print formatting */
@media print {
	/* hide navigation elements */
	.noprint,
	#PrintIcon, 
	#maintabs { 
		 display: none !important;
	}	
} /* @media print */

.maskDiv {
      position: fixed;
      z-index: 1001;
      top: 0px;
      left: 0px;
      bottom:0px;
      right:0px;
      marging:0px;
      padding:0px;
      -moz-opacity: 0.10;  
      width: 100%;
      height: 100%;
      opacity: .25;
      filter: alpha(opacity=10);
      /* this hack is so it works in IE
       * I find setting the color in the css gives me more flexibility 
       * than the PNG solution.
       */
       background-color:transparent;
       background-color: #000;
       background-repeat: repeat;
       display:none;
}

#divExtraCustLntp {
	width: 321px;
	background: url(/publisher/images/CustomIDBackground.gif);
	background-repeat: repeat-x;
	background-size:auto 130px;
	background-color:#C8C8C8;
	border: 1px solid #ccc;
	float: none;
	margin-bottom: 10px;
	padding-top: 0 !important;
	padding-left: 0 !important;
	text-align: left;
}


#divExtraCustLntpIn {
	width: 321px;
	background: url(/publisher/images/arrow_auth.png) 2px 12px no-repeat;
	float: none;
	margin-left: 5px;
}

#divExtraCustLntpIn p {
	margin: 0 18px;
	margin-left: 35px;
	padding: 8px 0;
	/*line-height: 1.5;*/
}

-->