﻿/* widths & styles of component columns*/
	.half {
		width: 50%;
		background: url(/images/2052/css/component/core-vdot.gif) no-repeat bottom left;
	}
	
	.halfnoborder {
		width: 50%;
	} 
	
	.third {
		width: 33%;
		background: url(/images/2052/css/component/core-vdot.gif) no-repeat bottom left;
	}
	
	.thirdnoborder {
		width: 33%;
	}
	
	.quarter {
		width: 25%;
	}
	
	th {
		text-align:left;
	}
	
	td.first {
		background:none !important;
	}

/* specific marketing image styles */
	img.promo {
	    margin: 7px 0 7px 0;
	}   
	
	img.graphiclink {
		display:block;
	    margin: 7px 0 7px 0;
	}
	
	img.icon-sm {
		float:left;
		clear:both;
		margin: 7px 0 0 7px;
		display:inline;
	}
	
	div.icon-pad {
		padding:7px 7px 7px 35px;
	}

/*tier zero classes*/
	div.tier0-flash, div.tier0-graphic {
	    margin: 0;
	}

/*universal column layout*/ 
	.tierone td, .tiertwo td, .tierthree td {
		vertical-align:top;
		padding: 0;
		margin: 0;
	}
	
	/*header ie peekaboo fix*/
	/*\*/
		* html h1 {
			height:1%;
		}
	/**/
	
	 div.no-img, div.sm-pad, div.lg-pad, div.ss-pad {
		padding-top:0 !important;
	}
	
	div.tierone h4, div.tiertwo h4, div.tierthree h4 {
		font-weight:normal;
		color:#A86420;
	}
	
	h4 a {
		font-weight:bold;
	}
	
/* tier one components - yellow bg and headers */
	div.tierone {
	    background: url(/images/2052/css/component/core_vgrey.gif) no-repeat bottom left;
	    margin: 0 0 7px 0;
	 }
	 
	 .tierone table {
		background: url(/images/2052/css/component/core_vgrey.gif) no-repeat bottom right;
	    margin: 0 0 7px 0;
	 }
	
	.tierone h1 {
	    margin: 0;
	    padding: 5px 0 5px 7px;
	    font-size: 15px;
	    color: #6BA6D1;
	    border-top: 1px solid #CCCCCC;
		border-right: 1px solid #D9D9D9;
	 }
	 
	 .tierone h1 a, .tierone h1 a:hover, .tierone h1 a:visited {
		color: #593F00;
		text-decoration:none;
	}
	
	.tierone h2 {
	    font-size: 12px;
	    font-weight: bold;
	    color: #000000;
	}

/* tier 2 components - light yellow bg and yellow/blue headers */
	div.tiertwo {
	    background: url(/images/2052/css/component/bg-bot-left.gif) no-repeat bottom left;
	    margin: 0 0 14px 0;
	 }
	
	.tiertwo h1 {
		background: url(/images/2052/css/component/bg-top-right.gif) no-repeat top right;
		border-left:1px solid #E2CB9D;
	    margin: 0;
	    padding: 5px 0 5px 7px;
	    font-size: 15px;
	    color: #6BA6D1;
	 }
	 
	.tiertwo h1 a, .tiertwo h1 a:hover, .tiertwo h1 a:visited {
		color: #593F00;
		text-decoration:none;
	}
	
	.tiertwo table {
		border-right:1px solid #E2CB9D;
	 }
	
	.tiertwo td {
		padding: 0 7px;
	 }
	 
	 .tiertwo .sm-pad, .tiertwo .lg-pad {
	 	padding-top: 0 !important;
	 }
	 
	 .tiertwo .no-img {
	 	padding: 0 0 7px 0;
	 }
 
/* tier 3 components - white bg and grey/dkgrey headers */
	div.tierthree {
	    margin: 0 0 7px 0;
	 }
	
	.tierthree h1 {
	    margin: 0;
	    padding: 0 0 5px 0;
	    font-size: 15px;
	    color: #6BA6D1;
	 }
	 
	.tierthree h1 a, .tierthree h1 a:hover, .tierthree h1 a:visited {
		color: #758797;
		text-decoration:none;
	}
	
	div.tierthree td.half, div.tierthree td.third, div.tierthree td.quarter {
		background-image: url(/images/2052/css/component/core-vdot.gif);
	}

	div.disclaimer {
	    font-size: 12px;
	    margin: 21px 0 7px 0;
	}
	div.disclaimer h4 {
	    font-size: 12px;
		color: #758797 !important;
	}
 
/* modifiers for find a meeting in 3 column layout*/
	td.third div.mtf {
		float:none;
	}
	
	td.third div.mtf label, td.third div.mtf fieldset {
		display:block;
	}
	
/*custom horizontal rule*/
	.hrule {
		background: url(/images/2052/css/component/subgate-hdot.gif) repeat-x top;
		font-size:1px;
		line-height:0;
		height:7px;
	}
div.vertical-pad {
	padding: 7px 0px 14px;
}
img.plateau {
	display:inline; padding: 3px 7px 0 0; float: left;
}	

/*below are new styles to be added to core.css*/
/*form items*/
.seaform select {
		font-size:12px;
		width:125px;
		float:left;
	}
	
.seaform input {
		width:125px;
		border:1px solid #74A3CB;
		float:left;
	}

.seaform div {
		float:left;
	}
	
button.arrow {
		display:block;
		float:left;
		margin:0;
		padding:0;
		text-indent:-9999px;
		font-size:1px;
		line-height:0;
		border:0;
		width:21px;
		height:21px;
		background:url(/images/2052/css/men/go_arrow.gif) no-repeat;
		cursor:hand;
	}
	
.formspacer {  
 	padding: 5px 0px 10px 0px; 
}

/*use for half and half col with 2 headers to add left padding to second header*/
span.hdrpad {
	margin: 0px 0px 0px 6px;
}

div.rowspacer {
	    height: 10px;
	    margin: 0;
	    padding: 0;
	}

/*new classes to add to core.css*/

table.borderbox {
	border-right: 1px solid #73AEDA;
	border-left: 1px solid #73AEDA;
	border-bottom: 1px solid #73AEDA;
	background-color: none;
	margin: 10px 7px 16px 7px;
	width: 97%;
}

table.borderbox TH {
	padding: 3px 7px 3px 7px;
	font-size: 12px;
	vertical-align: top;
	color: #0669BF;
	background-color: #E3F2FF;
	border-bottom: 1px solid #73AEDA;
	border-top: 1px solid #73AEDA;
}

table.borderbox TD {
	padding-top: 7px;
}

#featurebox {
	margin: 0px 5px 10px 0px;
	padding: 0px 5px 10px 0px;
	border: 1px solid #D4D4D4;
	background-color: #FFFFFF;
}

#featurebox-2col {
	margin: 0px 10px 10px 6px;
	padding: 0px 0px 10px 0px;
	border: 1px solid #D4D4D4;
	background-color: #FFFFFF;
}

#featurebox table, #featurebox-2col table {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: none;
}


#featurebox h2, #featurebox-2col h2 {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	color:#565656;
	font-size: 12px;
}

.feature-pad {
	margin: 0px 5px 0px 10px;
}

img.feature-pad {
	padding: 0px 7px 0px 0px;
	margin: 0px 0px 0px 0px;
}


img.ss-before {
		margin:34px 0 0 0;
		padding: 7px 0 0 0;
		float:left;
		height:57px;
		width:58px;
}
            
/* New classes added for Men.css */

.seaformw fieldset
{
    float: left;
    padding: 0 0px 0 0;
}

.seaformw select
{
    font-size: 12px;
    width: 155px;
    float: left;
}

.seaformw input
{
    width: 155px;
    border: 1px solid #74A3CB;
    float: left;
}

.seaformw div
{
    float: left;
}
.leftborder {
    border-left: 1px solid #d9d9d9 !important;
}

td .backgroundBorder {
    width: 1px; background: #d9d9d9 url(/images/2052/css/component/core_vgrey.gif) no-repeat scroll left bottom;
}


/* New Styles for 8.6 changes*/
.tierthree-lp td {
		vertical-align:top;
		padding: 0;
		margin: 0;
	}
  
   div.tierthree-lp {
	    margin: 0 0 7px 0;
	 }
	
	.tierthree-lp h1 {
	    margin: 0;
	    padding: 0 0 3px 0;
	    font-size: 14px;
	    color: #333333;
	 }
	
	
   div.tierthree-lp td.third, div.tierthree-lp td.half {
		background: url(/images/2052/css/component/vline.gif) repeat-y top left;
	}
	
	div.tierthree-lp td.half-noborder {
		background: none;
		width: 50%;
	}
	
	div.tierthree-lp td.first {
		padding: 0px 10px 0px 0px;
	}
	
	div.tierthree-lp td.fourth {
		background: none;
		padding: 0px 0px 0px 7px;
		width: 25%;
	}
	

	div.tierthree-lp td.lastcol {
		padding: 0px 0px 0px 0px;
		width: 33%;
	}
	
	div.tierthree-lp td.firstcol {
		padding: 0px 10px 0px 0px;
		width: 33%;
	}
	
	div.tierthree-lp h4 {
		margin: 0px 0px 5px 0;
		padding: 4px 0px 2px 32px;
		/*background: url(images/css/circle-lg.gif) no-repeat 0px 0px; */
		font-size: 18px;
		color:#333333;
	}
	
	div.tierthree-lp h2 {
		margin: 0px 0px 0px 0px;
		padding: 4px 0px 4px 7px;
		background-color: #cccc99;
		font-size: 12px;
		color:#FFFFFF;
		text-align: left;
	}
	
	div.col-item h3 {
		margin: 0px 0px 0px 0px;
		padding: 4px 0px 4px 7px;
		background-color: #FFFFFF;
		font-size: 12px;
		color:#656816;
		text-align: right;
	}
	
	div.col-item {
		margin: 0px;
	}
	
	div.col-iteminner {
		margin: 5px 0px 0px 0px;
	}
	
	div.colpad-item {
		padding: 0px 7px 0px 7px;
	}

	
	.maintext {
		font-size: 14px;
	    color: #333333;
		font-weight: normal;
	}
	
	.greentext-hdr {
		font-size: 14px;
		color: #656816;
		font-weight: normal;
	}
	
	.greentext {
		font-size: 12px;
		color: #656816;
		font-weight: normal;
	}
	
	div.hrule {
		background: url(/images/2052/css/component/vline.gif) repeat-x top; 
		font-size:1px; 
		line-height:3px; 
		margin: 15px 0px 10px 0px;
	}
	
	div.hrule2 {
		background: url(/images/2052/css/component/vline.gif) repeat-x top; 
		font-size:1px; 
		line-height:3px; 
		margin: 5px 0px;
		width: 47%;
	}


	
	div.bullets-circle {
		margin: 20px 0px 7px 3px;
	}
	
	div.bullets-circle h1{
		font-size: 12px;
		color: #656816;
	}
	

	ul.squaresm {
		margin: 2px 0px 0px 10px;
		padding: 0;
		list-style: none;
	}

	ul.squaresm li {
		margin: 0px 0 0 0;
		padding: 2px 0 10px 15px;
		background: url(/images/2052/css/component/square-sm.gif) no-repeat 0px 6px; 
	}
	
	.circle-txt {
		margin: 0px 0 0 0;
		padding: 0px 0 4px 0px;
		text-align: center;
	}
	
	a.circle-txt {
		margin: 0px 0 0 0;
		padding: 0px 0 4px 0px;
		text-align: center;
		text-decoration: none;
		color: #505050;
	}
	
	a.circle-txt:hover {
		margin: 0px 0 0 0;
		padding: 0px 0 4px 0px;
		text-align: center;
		color: #505050;
		text-decoration: underline;
	}
	
	ul.itemtable {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

	ul.itemtable li {
		margin: 0px 0 0 0;
		padding: 7px 0 7px 9px;
		background: url(/images/2052/css/component/gline.gif) repeat-x top;
	}
	
	ul.itemtable li.green {
		margin: 0px 0 0 0;
		padding: 7px 0 7px 9px;
		background: none;
		font-size:13px;
		color: #656816;
		text-align:right;
	}
	
	img.icon-sm {
		display:block;
		float:left;
		margin:0px 5px 0px 0px;
		padding:0px;
	}
	
	img.icon-acbox {
		display:block;
		float:left;
		margin:0px 5px 20px 0px;
		padding:0px 0px 10px 0px;
	}

	div.callout-bucket {
		margin: 0px;
		padding: 0px;
		font-size: 12px;
	}

	div.callout-bucket h1 {
		color:#656816;
		font-size: 12px;
		margin: 0px;
		padding: 0px;
	}
	
	
	div.callout-bucketpad {
		margin: 10px 0px 10px 9px;
		padding: 18px 0px 18px 9px;
		font-size: 12px;
		background: url(/images/2052/css/component/gline.gif) repeat-y top left;
		float: right;
		width: 50%;
	}
	
	div.callout-bucketpadthird {
		margin: 10px 0px 10px 9px;
		padding: 18px 0px 18px 9px;
		font-size: 12px;
		background: url(/images/2052/css/component/gline.gif) repeat-y top left;
		float: right;
		width: 33%;
	}

	div.callout-bucketpad h1 {
		color:#656816;
		font-size: 12px;
		margin: 0px;
		padding: 0px;
	}
	
	div.callout-bucketpadthird h1 {
		color:#656816;
		font-size: 12px;
		margin: 0px;
		padding: 0px;
	}
	
	div.actionbox {
		margin: 0px;
		padding: 0px;
		font-size: 12px;
	}

	div.actionbox h1 {
		color:#656816;
		font-size: 12px;
		margin: 0px;
		padding: 0px;
	}
	
	div.txtwrap-pad {
		padding: 0px 7px 7px 0px;
	}
	

	.foodbox {
		margin: 5px 0px 5px 0px;
		padding: 0px;
	}

	.foodbox-descbox {
		background-color: #e5e5e5;
		margin: 0px 1px 0px 0px;
		padding: 0px;
		width: 146px;
		height: 53px;

	}

	.foodbox-descbox p {
		font-size: 12px;
		color:#333333;
		padding: 5px 10px 5px 10px;
		margin: 0px;
	} 

	img.foodbox {
	    float: top;
	    margin: 0px 0px 0px 0px;
		paddding: 0px;
		
	}
	
	div.wrap {
		padding: 0px 0px 0px 10px;
		margin: 0px 10px 5px 0px;
		float: right;
	}
	
	div.wrapleft {
		padding: 0px 0px 0px 0px;
		margin: 0px 10px 5px 0px;
		float: left;
	}
	
	
	img.txtwrapcaption {
		padding: 0px 0px 0px 0px;
		margin: 7px 0px 0px 0px;
		float: right;
	}
	
	div.txtwrap-pad {
		padding: 7px 7px 7px 0px;

	}
	
	div.imagecaption {
		padding: 0px;
		background-color: #ffffff;
		border-bottom: 1px solid #dcdeba;
		margin: 1px 0px 0px 0px;
		width: 292px;
	}
	
	div.imagecaptionthird {
		padding: 0px;
		background-color: #ffffff;
		border-bottom: 1px solid #dcdeba;
		margin: 1px 0px 0px 0px;
		width: 200px;
	}

	div.imagecaption .inner {
		font-size: 12px;
		color:#333333;
		padding: 3px 5px;
	}
	
	div.imagecaptionthird .inner {
		font-size: 12px;
		color:#333333;
		padding: 3px 5px;
	}
	
	div.actionbox {
		background-color: #f6f7e8;
		border-bottom: 1px solid #cccc99;
		margin: 0px;
		padding: 12px 15px 12px 15px;
	}
	
	div.ac-pad {
		padding:0px 7px 14px 68px;
	}
	
	div.altrow-pad {
		padding:0px 7px 0px 54px;
	}
	
	div.altrow1 {
		padding: 18px 11px 15px 11px;
		background-color: #f6f7e8;
		border-top: 1px solid #dcdeba;
		margin: 0px;
	}
	
	div.altrow2 {
		padding: 18px 11px 15px 11px;
		background-color: #ffffff;
		border-top: 1px solid #dcdeba;
		margin: 0px;
	}
	
	img.rowimage {
		padding: 0px 14px 0px 0px;
		margin: 0px;
		float: left;
		display: block;
	}
	
	div.top-key {
		float: right;
		margin: 0px;
		padding: 0px
	}
	
	div.top-key ul.print {
		margin: 2px 0px 0px 0px;
		list-style: none;
		font-size: 12px;
	}
	
	ul.print li {
		margin: 0px 0px 0 0;
		padding: 2px 0px 10px 20px;
		background:url(/images/2052/css/component/icon_print.gif) no-repeat 0px 2px; 
	}
	
	div.callout-txtwrap {
        padding: 0px 0px 0px 35px;
      }
	
	/*css styles for button*/
		
	a.squarebutton{
		background: url(/images/2052/css/component/btngrey_bg.jpg) no-repeat right;
		display: block;
		float: left;
		font-size: 12px;
		line-height: 13px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
		height: 21px; /* Height of button background height */
		padding-left: 9px; /* Width of left menu image */
		text-decoration: none;
		border: 1px solid #999999;
		margin: 7px 0px 7px 0px;
	}

	a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
		color: #494949; /*button text color*/
	}

	a.squarebutton span{
		background: url(/images/2052/css/component/btngrey_bg.jpg) no-repeat top right;
		display: block;
		padding: 4px 16px 4px 0px; /*Set 9px below to match value of 'padding-left' value above*/
	}
	

	a.squarebutton:hover{ /* Hover state CSS */
		background: url(/images/2052/css/component/btngreen_bg.jpg) no-repeat top right;
	}

	a.squarebutton:hover span{ /* Hover state CSS */
		background: url(/images/2052/css/component/btngreen_bg.jpg) no-repeat top right;
		color: #656915;
	}

	.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
		overflow: hidden; 
		width: 100%;
	}
	
.AccordionTitle, .AccordionContent, .AccordionContainer, .AccordionTitleOpen
{
  position:relative;
  width:293px;
}

.AccordionOpen
{
	height:75px;
	overflow:auto;
} 


.AccordionTitle
{
  height:25px;
  overflow:hidden;
  cursor:pointer;
  font-family:宋体,Simsun,arial;
  font-size:13px;
  font-weight:bold;
  color:#4F520B;
  vertical-align:middle;
  text-align:left;
  padding: 0px;
  margin: 0px;
  background-repeat:repeat-x;
  display:table-cell;
  background-image:url(/images/2052/css/component/acc_titlebar-bg.jpg);
  -moz-user-select:none;
  position: relative; 
}

.AccordionTitle .inner, .AccordionTitleOpen .inner  {
	  padding: 6px 10px 4px 22px;
	  font-size:13px;
	  color:#4F520B;
}

.AccordionTitle:hover
{
  height:25px;
  overflow:hidden;
  cursor:pointer;
  font-family:宋体,Simsun,arial;
  font-size:13px;
  font-weight:bold;
  color:#4F520B;
  vertical-align:middle;
  text-align:left;
  padding: 0px;
  background-repeat:repeat-x;
  display:table-cell;
  background-image:url(/images/2052/css/component/acc_titlebarover-bg.jpg);
  -moz-user-select:none;
  position: relative; 
}

.AccordionTitleOpen
{
  height:25px;
  overflow:hidden;
  cursor:pointer;
  font-family:宋体,Simsun,arial;
  font-size:13px;
  font-weight:bold;
  color:#4F520B;
  vertical-align:middle;
  text-align:left;
  padding: 0px;
  margin: 0px;
  background-repeat:repeat-x;
  display:table-cell;
  background-image:url(/images/2052/css/component/acc_titlebardown-bg.jpg);
  -moz-user-select:none;
  position: relative; 
}


.AccordionContent
{
  height:0px;
  overflow:hidden;
  display:none; 
  font-size: 12px;
  color: #333333;
  font-family: 宋体,Simsun,arial, Helvetica;
  padding: 0px;
}

.AccordionContent .inner {
	padding: 7px 7px 7px 22px;
}

.AccordionContainer
{
  border-top: solid 1px #DCDEBA;
  border-bottom: solid 1px #DCDEBA;
  border-left: solid 1px #DCDEBA;
  border-right: solid 1px #DCDEBA;
  padding: 0px;
  background-color: #f6f7e8;
  margin: 0px;
}

.AccordionContainer h1
{
  margin: 0px;
  padding: 7px 7px 7px 7px;
  font-size: 12px;
  color:#656816;
}

div.AccordionMain {
	padding: 0px 0px 7px 7px;
	margin: 0px 0px 7px 15px;
	width: 293px;
	float: right;
}

/* Lesson Plan Left Nav styles */

#lpcol-cat {
		width:143px;
		padding:0px;
	}

	#lp-category {
		width:143px;
		padding:0px;
		color: #505050;
		font-family: 宋体,Simsun,arial, Helvetica;
		font-size: 12px;
	}
	
	#lp-category ul {
		list-style: none;
		margin:0;
		padding:0;
	}
	
	#lp-category li a {
		display:block;
		background-color: #dbdbdb;
		padding: 8px;
		color:#505050;
		text-decoration: none;
		font-weight: bold;
		font-size: 12px;
		margin: 0px;
	}
	
	#lp-category li a:hover {
		display:block;
		background-color: #dbdbdb;
		padding: 8px;
		color:#ff9900;
		text-decoration: none;
		font-weight: bold;
		font-size: 12px;
		margin: 0px;
	}
	
	#lp-category ul li.firstlevel {
		list-style: none;
		margin: 0px 0px 2px 0px;
		padding:0px;
		border: 1px solid #8c8c8b;
	}
	
	#lp-category ul.seclevel {
		margin:0px;
		padding:0px;
	}
	
	#lp-category li.lp-seclevel {
		padding: 8px;
		margin: 0px;
		border-top: 1px solid #d1cfd0;
		background-color: #f2f0f1;
	}
	
	#lp-category li.lp-seclevelopen {
		padding: 8px;
		margin: 0px;
		border-top: 1px solid #d1cfd0;
		background-color: #ffffff;
		font-weight: bold;
		color: #ff9900;
	}
	
	#lp-category li.lp-thirdlevel {
		padding: 8px 8px 8px 30px;
		margin: 0px;
		background-color: #ffffff;
		background: url(/images/2052/css/component/hori-line.gif) no-repeat top;
	}
	
	
	#lp-category li.lp-thirdlevel-on {
		padding: 8px 8px 8px 30px;
		margin: 0px;
		background-color: #ffffff;
		background: url(/images/2052/css/component/hori-line.gif) no-repeat top;
		color: #ff9900;
		font-weight: bold;
	}
	
	#lp-category li a.lp {
		background-color: #f2f0f1;
		font-size: 12px;
		font-weight:bold;
		padding: 0px;
		margin: 0px;
		display:block;
	}
	
	#lp-category li a.lp:hover {
		background-color: #f2f0f1;
		font-size: 12px;
		font-weight:bold;
		padding: 0px;
		margin: 0px;
		display:block;
		color: #ff9900;
	}
	
	
	
	#lp-category li a.lpopen {
		background-color: #ffffff;
		font-size: 12px;
		font-weight:bold;
		padding: 0px;
		margin: 0px;
		display:block;
		color: #ff9900;
	}
	
	#lp-category li a.lpopen:hover {
		background-color: #ffffff;
		font-size: 12px;
		font-weight:bold;
		padding: 0px;
		margin: 0px;
		display:block;
		color: #ff9900;
	}
	
	#lp-category li a.lpopen-off {
		background-color: #ffffff;
		font-size: 12px;
		font-weight:bold;
		padding: 0px;
		margin: 0px;
		display:block;
	}
	
	#lp-category li a.lpopen-off:hover {
		background-color: #ffffff;
		font-size: 12px;
		font-weight:bold;
		padding: 0px;
		margin: 0px;
		display:block;
		color: #ff9900;
	}
	
	
	#lp-category li a.lpthird {
		background-color: #ffffff;
		font-size: 12px;
		font-weight:bold;
		padding: 0px;
		margin: 0px;
		display:block;
	}
	
	#lp-category li a.lpthird:hover {
		background-color: #ffffff;
		font-size: 12px;
		font-weight:bold;
		padding: 0px;
		margin: 0px;
		display:block;
		color: #ff9900;
	}

