body {
  text-align: center;
  background: #fff; }

#frame {
  width: 770px;
  margin: 0 auto 10px auto;
  text-align: left;
  background: #fff url(images/frame_background.gif) repeat-y; }

#topbar {
  height: 47px;
  overflow: hidden;
  position: relative;
  background: #fff url(images/topbar_logo.gif) no-repeat 266px 18px; }
  #topbar ul {
    position: absolute;
    top: 24px;
    left: 319px; }
    #topbar ul li {
      float: left;
      display: inline;
      padding: 1px 0 1px 12px; }
      #topbar ul li.div {
        border-right: 1px solid #C9CACC;
        padding-right: 14px; }
      #topbar ul li a {
        text-transform: uppercase;
        font-size: 9px;
        line-height: 13px;
        color: #7F7F7F;
        display: block; }
  #topbar select {
    font-family: tahoma, arial, sans-serif;
    font-size: 10px;
    width: 192px;
    position: absolute;
    right: 15px;
    bottom: 7px; }

#header {
  background: url(images/header_background.gif) no-repeat;
  height: 76px;
  position: relative; }
  #header h1 {
    display: none; }
  #header ul {
    position: absolute;
    right: 0px;
    top: 11px; }
    #header ul li {
      float: left;
      display: inline;
      padding: 0 15px 0 0; }
      #header ul li a {
        line-height: 15px;
        font-weight: bold;
        color: #A9A9A9;
        text-decoration: none;
        display: block;
        padding: 3px 0 0 31px;
        height: 19px; }
      #header ul li.home a {
        padding-left: 21px;
        background: url(images/header_home.gif) no-repeat; }
      #header ul li.search a {
        background: url(images/header_search.gif) no-repeat; }
      #header ul li.contactus a {
        background: url(images/header_contactus.gif) no-repeat; }
      #header ul li.sitemap a {
        background: url(images/header_sitemap.gif) no-repeat; }
      #header ul li.suggestionbox a {
        background: url(images/header_suggestionbox.gif) no-repeat; }

#tabbar {
  float: left;
  display: inline;
  width: 569px;
  height: 34px;
  background: url(images/tabbar.gif) no-repeat;
  margin: 0 0 0 11px; }
  #tabbar ul li {
    float: left;
    display: inline;
    height: 34px; }
    #tabbar ul li a {
      display: block;
      width: 1px;
      height: 34px; }
    #tabbar ul li.nav1, #tabbar ul li.nav1 a {
      width: 94px; }
    #tabbar ul li.nav2, #tabbar ul li.nav2 a {
      width: 136px; }
    #tabbar ul li.nav3, #tabbar ul li.nav3 a {
      width: 94px; }
    #tabbar ul li.nav4, #tabbar ul li.nav4 a {
      width: 131px; }
    #tabbar ul li.nav5, #tabbar ul li.nav5 a {
      width: 114px; }
    .my-sage #tabbar ul li.nav1 {
      background: url(images/navbar1_on.gif) no-repeat; }
    .grow-my-business #tabbar ul li.nav2 {
      background: url(images/navbar2_on.gif) no-repeat; }
    .hire-talent #tabbar ul li.nav3 {
      background: url(images/navbar3_on.gif) no-repeat; }
    .build-knowledge #tabbar ul li.nav4 {
      background: url(images/navbar4_on.gif) no-repeat; }
    .earn-rewards #tabbar ul li.nav5 {
      background: url(images/navbar5_on.gif) no-repeat; }

#left {
  float: left;
  display: inline;
  width: 569px;
  margin: 0 0 0 11px; }

#columns {
  width: 569px;
  background: url(images/columns_background.gif) repeat-y;
  margin-top: 15px; }
  #columns .wrapper {
    width: 100%;
    background: url(images/columns_top.gif) no-repeat; }
  #columns .wrapper2 {
    width: 100%;
    background: url(images/columns_bottom.gif) no-repeat 0 bottom;
    min-height: 400px; }
  #columns #column1, #columns #column2 {
    float: left;
    display: inline;
    width: 278px; }
    #columns #column1 h5, #columns #column2 h5 {
      height: 40px;
      font-size: 140%;
      line-height: 110%;
      font-weight: bold;
      color: #FEEB80;
      padding: 10px 0 0 18px; }
      #columns #column1 h5 small, #columns #column2 h5 small {
        display: block;
        font-size: 80%;
        font-weight: bold;
        color: #fff; }
  #columns #column1 {
    margin: 0 1px; }
    #columns #column1 li {
      background: url(images/column1_div.gif) no-repeat 0 bottom;
      /* cursor: pointer; */ }
      #columns #column1 li p 
      {
        vertical-align: top;
        padding: 8px 0 10px 45px;
        background: url(images/column1_arrow.gif) no-repeat 18px 50%;
        color: #666; }
        #columns #column1 li p strong {
          display: block;
          font-size: 120%;
          line-height: 120%;
          color: #000; }
        #columns #column1 li p a {
          font-size: 120%;
          font-weight: bold;
          line-height: 120%;
          color: #000;
          text-decoration: none; }
        #columns #column1 li p.check {
          background-image: url(images/column1_check.gif); }
      #columns #column1 li.active {
        background: #D6EBE7; }
        #columns #column1 li.active p {
          padding-bottom: 9px;
          border-bottom: 1px solid #fff;
          background-image: url(images/column1_arrow_on.gif); } 
          #columns #column1 li.active p.check {
            background-image: url(images/column1_check_on.gif); }
  #columns #column2 {
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px; }
		
    #columns #column2 p {
      font-size: 110%;
      color: #504F4F;
      margin: 1.5em 15px .5em 15px; }
			
  #columns #column2 ul {
		font-size: 100%;
		color: #504F4F;
		list-style-type: none;
		margin: .5em 15px .5em 25px;
		}
	 
	 #columns #column2 ul li {
	 	/* background: url(images/gfx_centerContent_li_blt.gif) left center no-repeat; */
		}
		
    #columns #column2 .content1, 
    #columns #column2 .content2, 
    #columns #column2 .content3, 
    #columns #column2 .content4, 
    #columns #column2 .content5, 
    #columns #column2 .content6, 
    #columns #column2 .content7, 
    #columns #column2 .content8, 
    #columns #column2 .content9, 
    #columns #column2 .content10 {
      display: none; }
			
    #columns #column2.active_item1 .content1, 
    #columns #column2.active_item2 .content2, 
    #columns #column2.active_item3 .content3, 
    #columns #column2.active_item4 .content4, 
    #columns #column2.active_item5 .content5, 
    #columns #column2.active_item6 .content6, 
    #columns #column2.active_item7 .content7, 
    #columns #column2.active_item8 .content8,
    #columns #column2.active_item9 .content9, 
    #columns #column2.active_item10 .content10 {
      display: block; }
			
  #columns.expanded {
    background: url(images/columns_background2.gif) repeat-y; }
		
    #columns.expanded .wrapper {
      background: url(images/columns_top2.gif) no-repeat; }
			
    #columns.expanded .wrapper2 {
      background: url(images/columns_bottom2.gif) no-repeat 0 bottom; }
			
    #columns.expanded #column1 ul li {    
        PADDING-RIGHT: 0px;	
        PADDING-LEFT: 14px;	
        PADDING-BOTTOM: 16px;	
        PADDING-TOP: 14px;
        list-style-type: none; }
				
      #columns.expanded #column1 ul li p {
        font-size: 110%;
        margin: 0px;
        padding: 0px;
        background-image: none; }
				
        #columns.expanded #column1 ul li p strong {
          /* line-height: 200%; */ }
					
        #columns.expanded #column1 ul li p a {
          font-size: 90%;
          font-weight: bold;
          color: #015644;
          padding: 0 10px 0 0;
          background: url(images/column1_arrow2.gif) no-repeat right 50%; 
          text-decoration: none; }
					
        #columns.expanded #column1 ul li p a.indent {
          margin-left: 66px; }  
					
        #columns.expanded #column1 ul li p a.indentMore {
          margin-left: 75px; }      
					
      #columns.expanded #column1 ul li.active p {
          padding-bottom : 15px; }
					
    #columns.expanded #column2 ul li {
          background: url(images/column1_div.gif) no-repeat 0 bottom;
          PADDING-RIGHT: 0px;	
          PADDING-LEFT: 14px;	
          PADDING-BOTTOM: 16px;	
          PADDING-TOP: 14px;
          margin-left: 1px; }
					
      #columns.expanded #column2 ul li p {
          font-size : 110%;
          margin : 0px;
          padding : 0px;
          color : #000; }
					
        #columns.expanded #column2 ul li p strong {
          font-size: 120%;
          display: block; }
        #columns.expanded #column2 ul li p a {
          font-size: 90%;
          font-weight: bold;
          color: #015644;
          padding: 0 10px 0 0;
          background: url(images/column1_arrow2.gif) no-repeat right 50%; 
          text-decoration: none; }
        #columns.expanded #column2 ul li p span.indent {
            margin-left: 46px; }

.sidebar {
  float: right;
  display: inline;
  width: 170px;
  margin: 0 12px 0 0; }
	
  .sidebar .primary {
    width: 100%;
    background: url(images/primary_background.gif) repeat-y; }
		
    .sidebar .primary .wrapper {
      width: 100%;
      background: url(images/primary_bottom.gif) no-repeat 0 bottom; }
			
    .sidebar .primary .wrapper2 {
      width : 100%;
      padding: 50px 11px 15px 14px;
      position: relative; }
			
  .sidebar .item {
    background: url(images/item_background.gif) repeat-y;
    margin: 17px 0 0 1px; }
		
    .sidebar .item .wrapper {
      background: url(images/item_bottom.gif) no-repeat 0 bottom; }
			
    .sidebar .item .wrapper2 {
      background: url(images/item_top.gif) no-repeat;
      padding: 14px 10px 8px 14px; }
			
    .sidebar .item h5 {
      font-size: 140%;
      font-weight: bold;
      color: #000;
      margin: 0 0 0.5em 0; }
			
    .sidebar .item h6 {
      font-size: 120%;
      font-weight: bold;
      color: #000;
      margin: 0 0 0.5em 0; }
			
    .sidebar .item p {
      font-size: 100%;
      color: #000;
      margin: 0 0 1em 0; }

.not-home #right-landing {
  display: none; }
#right-landing .primary .wrapper2 {
  background: url(images/primary_top1.gif) no-repeat; }
  #right-landing .primary .wrapper2 .help {
    position: absolute;
    right: 35px;
    bottom: 17px; }
    #right-landing .primary .wrapper2 .help a {
      font-size: 90%;
      font-weight: bold;
      color: #0457F9; }
  #right-landing .primary .wrapper2 label {
    font-size: 100%;
    font-weight: bold;
    color: #262626; }
  #right-landing .primary .wrapper2 .text-field {
    margin: 0 0 1.5em 0; }
    #right-landing .primary .wrapper2 .text-field input {
      font-size: 100% }

.home #right-internal {
  display: none; }
#right-internal .primary .wrapper2 {
  background: url(images/primary_top2.gif) no-repeat;
  padding-right: 0; }
#right-internal .primary p {
  margin: 0 0 1em 7px; }
  #right-internal .primary p.links {
    margin: 1.5em 0 0 0; }
    #right-internal .primary p.links a {
      float: left;
      display: inline; }

#footer {
  height: 83px;
  background: url(images/footer.gif) no-repeat 0 15px; }
  #footer p {
    padding: 40px 0 0 34px;
    font-size: 100%;
    color: #00826A; }
    #footer p a {
      color: #00826A; }


.sidebar .primary .wrapper .wrapper2
{
  background: url(images/primary_top2.gif) no-repeat;
  padding-right: 0; 
}

.sidebar .primary .wrapper .wrapper2 input
{
	font-size: 90%;
}


.sidebar .primary .wrapper .wrapper2 span,
.sidebar .primary .wrapper .wrapper2 label
{
	font-size:  90%;
    font-weight: bold;
    color: #262626;
}

.sidebar .primary .wrapper .wrapper2 a
{
	font-size:  90%;
    font-weight: bold;
    vertical-align:text-top;
}

.sidebar .primary .wrapper .wrapper2 .nowrap a,
.sidebar .primary .wrapper .wrapper2 .nowrap label
{
	white-space: nowrap;
}

/* Popup styles */
  .popup .item {
    background: url(images/item_background_300.gif) repeat-y;
    margin: 17px 0 0 1px; }
    .popup .item .wrapper {
      background: url(images/item_bottom_300.gif) no-repeat 0 bottom; }
    .popup .item .wrapper2 {
      background: url(images/item_top_300.gif) no-repeat;
      padding: 14px 10px 8px 14px; }
    .popup .item h5 {
      font-size:  90%;
      font-weight: bold;
      color: #000;
      margin: 0 0 0.5em 0; }
    .popup .item h6 {
      font-size:  90%;
      font-weight: bold;
      color: #000;
      margin: 0 0 0.5em 0; }
 
    .popup .item p {
      font-size:   100%;
      color: #000;
      margin: 0 0 1em 0; }
      
/* Popup styles 480 */
  .popup480 .item {
    background: url(images/item_background_480.gif) repeat-y;
    margin: 17px 0 0 1px; }
    .popup480 .item .wrapper {
      background: url(images/item_bottom_480.gif) no-repeat 0 bottom; }
    .popup480 .item .wrapper2 {
      background: url(images/item_top_480.gif) no-repeat;
      padding: 14px 10px 8px 14px; }
    .popup480 .item h5 {
      font-size:  90%;
      font-weight: bold;
      color: #000;
      margin: 0 0 0.5em 0; }
    .popup480 .item h6 {
      font-size:  90%;
      font-weight: bold;
      color: #000;
      margin: 0 0 0.5em 0; }
 
    .popup480 .item p {
      font-size:   100%;
      color: #000;
      margin: 0 0 1em 0; }
      
      
      /* Popup styles */
  .popup280 .item {
    width: 280px;
    background: url(images/popup_bg.gif) repeat-y;
    margin: 17px 0 0 1px; }
    .popup280 .item .wrapper {
      width:100%;
      background: url(images/popup_bottom.gif) no-repeat 0 bottom; }
    .popup280 .item .wrapper2 {
      width:100%;
      background: url(images/popup_top.gif) no-repeat;
      padding: 14px 10px 8px 14px; }
    .popup280 .item h3 {
      font-size:  120%;
      font-weight: bold;
      color: #fff;
      margin: 0 0 1em 0; }
    .popup280 .item h5 {
      font-size:  90%;
      font-weight: bold;
      color: #000;
      margin: 0 0 0.5em 0; }
    .popup280 .item h6 {
      font-size:  90%;
      font-weight: bold;
      color: #000;
      margin: 0 0 0.5em 0; }
    .popup280 .item p {
      font-size:   100%;
      color: #000;
      margin: 0 0 1em 0; }    
      
   .popup580 .item {
    width: 580px;
    background: url(images/popup_bg_580.gif) repeat-y;
    margin: 17px 0 0 1px; }
    .popup580 .item .wrapper {
      width:100%;
      background: url(images/popup_bottom_580.gif) no-repeat 0 bottom; }
    .popup580 .item .wrapper2 {
      width:100%;
      background: url(images/popup_top_580.gif) no-repeat;
      padding: 14px 10px 8px 14px; }
    .popup580 .item h3 {
      font-size:  120%;
      font-weight: bold;
      color: #fff;
      margin: 0 0 1em 0; }
    .popup580 .item h5 {
      font-size:  90%;
      font-weight: bold;
      color: #000;
      margin: 0 0 0.5em 0; }
    .popup580 .item h6 {
      font-size:  90%;
      font-weight: bold;
      color: #000;
      margin: 0 0 0.5em 0; }
    .popup580 .item p {
      font-size:   100%;
      color: #000;
      margin: 0 0 1em 0; }      
      
      
/* Validation Summary */
.validationCSS
{
	text-align:left;
}


/* Model Popup Summary */
.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:350px;
}

.modalBackground {
	background-color:White;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.watermark {
	background:White;
}

.popupControl {
	background-color:White;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}