/* Shell */

BODY {
	font-family: Arial;
}

.instruction {
	font-size: 15px;
}


.planbox {
	border: 3px solid #043f70;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px 8px 8px 8px;
	padding: 1px;
}

.innerplanbox {
	background-image: url(../images/planbox-left.png);
	background-repeat: repeat-y;
	z-index: -5;
	margin: 0px;	
	border-radius: 8px 8px 8px 8px;		
}

.planbox .header {
	height: 50px;
	border-bottom: 2px solid #50799b;
	margin-left: 40px;
	background-image: url(../images/nyl_logo.png);
	background-repeat: no-repeat;
	background-position: 30px;
}

.planbox .header H1 {
	margin: 0px;
	padding-top: 12px;
	font-size: 20px;
	color: #043f70;
	text-align: center;	
}

.planbox .header .functions {
	right: 25px; /* This is needed if the site should resize */
	/* left: 810px; Adjust this based on the fixed width of the site */ 
	top: 60px; /* Adjust this if the site has a header above it */ 
	position: absolute;		
}

*+html .planbox .header .functions{ /* IE7 hack */
	padding-top: 6px;
}

.planbox .ampcontent {
	padding: 10px;
	margin-left: 70px;	
	min-height: 300px;
}

/* Side Step Navigator */

.planbox .stepnav {
	display: inline;
	width: 40px;
	position: absolute;
}

*+html .planbox .stepnav { /* IE7 hack */
	margin-left: -40px;	
}

.planbox .stepnav .step {
	background-color: #043f70;
	color: white;
	padding-left: 15px;
	padding-top: 0px;
	margin-top: 0px;
	height: 30px;
	width: 25px;
	_width: 40px;	/* IE hack */
	text-align: left;
	font-size: 21px;
   line-height: 30px;
   border-bottom:  1px solid white;	
}

.planbox .stepnav .home {
	border-top: 3px solid #043f70;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-radius: 8px 0px 0px 0px;	
	margin-top: 0px;
	height: 48px;
	padding-left: 8px;
	width: 32px;
	padding-top: 12px;
	height: 36px;	
	_width: 40px;	/* IE hack */	
	_height: 48px;	/* IE hack */			
}

.planbox .stepnav .doc {
	padding-left: 10px;
	width: 30px;
	padding-top: 3px;
	height: 27px;	
	_width: 40px;	/* IE hack */		
}

.planbox .stepnav .green {
	background-image: url(../images/step-green.png);
	background-repeat: repeat-y;
}

.planbox .stepnav .yellow {
	background-image: url(../images/step-yellow.png);
	background-repeat: repeat-y;
}

.planbox .stepnav .red {
	background-image: url(../images/step-red.png);
	background-repeat: repeat-y;
}

.planbox .stepnav .selected {
	background-color: #4c6bb5;	
}

.planbox .stepnav .off {
	background-color: #dddddd;
	background-image: url(../images/step-off.png);
	background-repeat: repeat-y;	
}

.planbox .stepnav .selected IMG {
	vertical-align: middle;
	padding-left: 13px;
	position: absolute;
	_margin-left: 12px;	/* IE hack */
	_margin-top: -3px;	/* IE hack */			
}

*+html .planbox .stepnav .selected IMG { /* IE7 hack */
	margin-top: -3px;
}

.planbox .stepnav .home.selected IMG {
	padding-left: 0px;	
}

.planbox .stepnav .home.selected IMG + IMG {
	padding-left: 31px;
	margin-top: -3px;	
}

.planbox .stepnav .doc.selected IMG {
	padding-left: 0px;
}

.planbox .stepnav .doc.selected IMG + IMG {
	padding-left: 30px;
	margin-top: -3px;   
}

/* Content Elements */

.planbox .sectionheader {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;	
	padding: 2px;
	background-image: url(../images/sectionheader.png);
	background-repeat: repeat-x;
	padding: 3px;
	height: 30px;
}

.planbox .sectionheader H2 {
	margin: 5px;
	font-size: 15px;
	color: white;
	float: left;
}

*+html .planbox .sectionheader H2 { /* IE7 hack */
	padding-top: 1px;
}

.planbox .sectionheader a.function {
	float: right;
	color: #fff;
	text-decoration: underline;
	margin-right: 10px;
	margin-top: 7px;
}

.planbox .sectionheader a.function img {
	vertical-align: middle;
}

.planbox .super {
	background-image: url(../images/supersection.png);
	margin-bottom: 7px;
	border: 1px solid #043f70;
}

.planbox .super H2 {
	color: white;
	font-size: 17px;
}

.stepbuttons .inner {
	width: 500px; /* This controls the width of the buttons */
	margin: auto;  /* This is to center the buttons in the content area */
}

.stepbuttons BUTTON {
	width: 100%;
	font-size: 16px;
	text-align: left;
	display: block;
	margin: 5px;
	height: 40px;
	border: 2px ridge #043f70;
	color: white;
	background-image: url(../images/stepbutton.png);
	background-repeat: repeat-x; 			
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px 6px 6px 6px;
}

*+html .stepbuttons BUTTON img { /* IE7 hack */
	margin-top: -20px;
	margin-right: 10px;
}

*+html .stepbuttons BUTTON { /* IE7 hack */
	padding-left: 10px;
}

.stepbuttons .disabled {
	background-image: none;
	color: #999;
}

.stepbuttons BUTTON .status {
	vertical-align: middle;
	float: right;
}

/* Quadrants */

.quadrants .inner {
	width: 900px; /* This controls the width of the quadrant box */
	margin: auto;  /* This is to center the quadrant box in the content area */
}

.quadrants TABLE {
	width: 840px; /* This is the width of .quadrants .inner less room for .righttext and .lefttext */	
	height: 600px; /* This controls the height of the quadrant box */
	border: 2px solid #043f70;	
	border-collapse: separate;
	border-spacing: 2px;
	background-color: #666;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px 14px 14px 14px;
	color: #08386a;
	padding: 0px;	
}

.quadrants TD {
	background-color: #fff;
	padding: 10px;	
	vertical-align: top;
	cursor: pointer;
	border: 1px solid transparent;
}

.quadrants TD:hover {
	background-color: #0070c0;
	border: 1px dotted white;
}

.quadrants TD H2 {
	text-align: center;
	font-size: 14pt;
	height: 50px;
	margin-bottom: 0px;
}

.quadrants TD P {
	font-size: 10pt;
	color: #666;
}

.quadrants TD OL {
	margin-top: 0px;
	font-weight: bold;
}

.quadrants TD .clicktext {
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
}

.quadrants TD:hover {
	color: #fff;
}

.quadrants TD:hover P {
	color: #fff;
}

.quadrants .qtl {
	-webkit-border-top-left-radius: 14px;
	-moz-border-radius-topleft: 14px;
	border-radius: 14px 0px 0px 0px;
	background-image: url(../images/swot-s.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 50%;
	height: 50%;
}

.quadrants .qtr {
	-webkit-border-top-right-radius: 14px;
	-moz-border-radius-topright: 14px;
	border-radius: 0px 14px 0px 0px;
	background-image: url(../images/swot-w.png);
	background-position: bottom left;
	background-repeat: no-repeat;	
	width: 50%;	
	height: 50%;	
}

.quadrants .qbl {
	-webkit-border-bottom-left-radius: 14px;
	-moz-border-radius-bottomleft: 14px;
	border-radius: 0px 0px 0px 14px;
	background-image: url(../images/swot-o.png);
	background-position: top right;
	background-repeat: no-repeat;		
	width: 50%;	
	height: 50%;	
}

.quadrants .qbr {
	-webkit-border-bottom-right-radius: 14px;
	-moz-border-radius-bottomright: 14px;
	border-radius: 0px 0px 14px 0px;
	background-image: url(../images/swot-t.png);
	background-position: top left;
	background-repeat: no-repeat;		
	width: 50%;	
	height: 50%;	
}

.quadrants .toptext, .quadrants .bottomtext {
	text-align: center;
	display: block;
	margin: 5px;
}

.quadrants .tablebox {
	display: inline-block;
}

.quadrants .righttext, .quadrants .lefttext {
	margin-top: 280px; /* This should be proportional to the height of .quadrants TABLE */
}

.quadrants .righttext IMG, .quadrants .lefttext IMG {
	padding: 5px;
}

.quadrants .lefttext {
	float: left;
}

.quadrants .righttext {
	float: right;
}

/* Quadrants End */

/* Quintant */

.quintant CAPTION {
	font-weight: bold;
	font-size: 14pt;
	padding: 5px;
}

.quintant TABLE {
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px 14px 14px 14px;
	border-collapse: separate;
	border: 2px solid #50799b;
	width: 100%;
	height: 600px; /* Adjust this as needed, or remove it to let it size naturally */ 
}

.quintant .q {
	border: 1px solid #50799b;
	vertical-align: top;
	padding: 5px;
}

.quintant .qbb {
	-webkit-border-bottom-radius: 14px;
	-moz-border-bottom-radius: 14px;
	border-radius: 0px 0px 14px 14px;
	text-align: center;	
}

.quintant .qtl, .quintant .qtr {
	width: 48%;
}

.quintant .qtl {
	background-image: url(../images/q1.png);
	background-position: bottom right;
	background-repeat: no-repeat;	
}

.quintant .qtr {
	background-image: url(../images/q2.png);
	background-position: bottom left;
	background-repeat: no-repeat;	
}

.quintant .qbl {
	background-image: url(../images/q3.png);
	background-position: top right;
	background-repeat: no-repeat;	
}

.quintant .qbr {
	background-image: url(../images/q4.png);
	background-position: top left;
	background-repeat: no-repeat;	
}

.quintant .q UL:hover {
	background-color: #0070c0;
	border: 1px dotted white;
	color: white;
}

.quintant UL {
	list-style: none;
	font-style: italic;
	width: 130px;
}

.quintant LI 
{
	padding-bottom: 4px;
}

.quintant TD {
	cursor: pointer;
}

.quintant .clicktext {
	display: block;
	text-decoration: underline;
	cursor: pointer;
	margin-top: 10px;
}

.quintant .toplabel {
	height: 45px;
}

.quintant .toplabel IMG {
	float: left;
}

.quintant .toplabel IMG + IMG {
	float: right;
}

.quintant .bottomlabel IMG {
	vertical-align: middle;
}

.quintant .title {
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

.quintant ul {
	padding: 3px;
	border: 1px solid white;
}

.quintant ul.list1 {
	float: left;
	display: inline-block;
	margin-left: 40px;
}

.quintant ul.list2 {
	float: right;
	display: inline-block;	
	margin-right: 40px;	
}

*+html .quintant ul.list1, *+html .quintant ul.list2 { /*Corrects for IE7*/
	padding-left: 3px;
}

.quintant .qbb UL {
	width: 40%;
	margin-left: 20px;
	text-align: left;
}

.quintant .qbb ul.list2 {
	float: right;
	display: inline-block;	
	padding-right: 40px;	
	width: 40%;
}

/* Quintant End */

/* Modal Window */

.modalchrome {
	position: absolute;
	z-index: 5;
	width: 600px;
	margin-left: 150px;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px ridge black;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;	
}

/*.modalchrome .chromebar {
	background-color: #043f70;
	height: 18px;
}*/

.modalchrome .chromebar IMG {
	float: right;
}

#dialogIcon {
	float: left;
}

/*.modalchrome .chromebar H1 {
	color: white;
	font-size: 13px;
	float: left;
	margin: 0px;
	padding-left: 5px;
}*/

.modalchrome .modalcontent {
	padding: 15px;
}

/* Quintant End */

/* AMP Data Grid Begin */

.ampgrid {
	border-collapse: collapse;
	width: 100%;
	font-size: 12px;
}

.ampgrid TD, .ampgrid TH {
	border: 1px solid #999;
	padding: 3px;
	padding-left: 5px;	
	padding-right: 5px;
}

.ampgrid TH {
	font-size: 12px;
	text-align: left;
	background-image: url(../images/ampgridth.png);
	background-repeat: repeat-x;
	height: 40px;
}

.ampgrid tr:nth-child(odd)	{ 
	background-color: white; 
}

.ampgrid tr:nth-child(even) { 
	background-color: #f1f1f1;
}

.select_strategy IMG {
	margin-right: 3px;
	vertical-align: sub;
}

/* AMP Data Grid End */


.awbox {
  border: 3px solid #BCBCBC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px 8px 8px 8px;
	padding: 1px;
}
.awheader {
	min-height: 42px;
	margin-left: 0px;
	background-image: url(../images/menuslivernotselected.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.awheader .step
{
	_width: 150px;	/* IE hack */	
	_height: 48px;	/* IE hack */			
  margin-top: 0px;
  padding: 10px 15px 15px 15px;
  cursor: pointer;
  color: White;
  float: left;
}

.awheader .step:hover
{
  background-image: url(../images/menusliver_selected.png);
  background-repeat: repeat-x;
	background-position: left top;
}

.awheader .step.home
{
	_width: 35px;	/* IE hack */	
  padding: 5px 15px 15px 15px;
}

.awheader .step.home:hover
{
  background-image: url(../images/menusliver_selected.png);
  background-repeat: repeat-x;
	background-position: left top;
}

.awheader .step.home IMG
{
	padding: 0px 0px 10px 0px;
}

.awheader .step.home.selected
{
  background-image: url(../images/menusliver_selected.png);
  background-repeat: repeat-x;
	background-position: left top;
}

.awheader .step.selected
{
  background-image: url(../images/menusliver_selected.png);
  background-repeat: repeat-x;
	background-position: left top;
	font-weight: bold;
	font-size: 110%;
}

.awbox .awheader H1 {
	margin: 0px;
	padding-top: 12px;
	font-size: 20px;
	color: #043f70;
	text-align: center;	
}

.awbox .ampcontent {
	padding: 10px;
	margin-left: 70px;	
	min-height: 300px;
}