/* font standard */
body {font:small/1.2em arial,helvetica,clean,sans-serif;font:x-small;}
table {font:x-small;font-size:inherit;}
html>body {font:83% arial,helvetica,clean,sans-serif;}
pre, code, select, input {font-size:100%;}
/* font standard */
html, body {margin:0; padding:0;}

/* Document Layout Classes */
.doc-layout-head, .doc-layout-body, .doc-layout-foot {
  width:auto;
  text-align:center;
  min-width:764px;
  text-align:center;
}
.doc-layout-head {
  margin:5px 9px 13px 9px;
}
.doc-layout-body {
  margin:5px 9px 13px 9px;
}
#ygma {
  margin:0 9px;
}
#ygma td {vertical-align:middle;}
#doc-foot {
  margin:0 9px;
}
.doc-layout-0 {
  min-width:700px;
  width:56.4em;
  text-align:left;
  margin:0 auto;
}
.doc-layout-1 {
  clear:right;
  float:left;
  width:160px;
  margin-right:13px;
  text-align:left;
}
.doc-layout-2 {
  clear:right;
  float:left;
  width:72%;
  text-align:left;
}
.doc-layout-3 {
  width:100%;
  text-align:left;
}

/* Markup Defaults */
body, table { color:#333333; }
div { clear:both; }
img { border:0; vertical-align:middle; }
h4 { color:#404040; }
* html body h4 { color:#333333; }
form {
  margin:0;
  padding:0;
  display:inline;
}
form fieldset {
  position:relative;
  border:0;
  margin:0;
  padding:0;
  border:0 solid transparent; /* gets rid of border in Opera */
}
form textarea {
  margin:0;
  overflow:auto;
}

.ygrp-ul {
  padding:0;
  margin:0;
  list-style-type:none;
}
.ygrp-ol { padding:0; margin:0 0 10px 30px; }
.ygrp-ol li { padding:4px 0 0 0; }

p { margin:0 0 10px 0; }
a { text-decoration:none; }
a:link, a.opi:visited { color:#247cd4; }
a:visited { color:#9136ad; }
a:hover { text-decoration:underline; }
a.action { color:#247cd4; }
a.action:visited { color:#247cd4; }
a.action:hover { color:#247cd4; }
em { font-style:normal; font-weight:bold; }

/* Fonts */
body select {
  font:74% verdana, arial, helvetica, sans-serif;
  margin:2px 0;
}
h1 { font-size:130%; }
h3 {
  font-size:118%;
  margin:0;
}
h4 {
  margin:0 0 10px 0;
  font-size:100%;
  font-weight:bold;
  padding:0;
}
h5 {
  padding:0 0 3px 0;
  font:74% verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  margin:0;
}
tt {
  color:black;
  font-size:100%;
  font-family:"Lucida Sans Typewriter", "Courier New", monospace;
}
pre {
  color:#202020;
  font-size:100%;
  font-family:"Lucida Sans Typewriter", "Courier New", monospace;
}

/* Global Semantic Classes */
div.emptyfolder {
  text-align:center;
  padding:10px 0 40px 0;
}
.centered {
  text-align:center;
}
.inactive {
  color:#8a8a8a;
}

/* BEGIN Container & Element Classes */

body input.ygrp-button {
  color:#404040;
  font-family:arial,helvetica,sans-serif;
  background-image:url(images/ab_inactive.gif);
  background-repeat:no-repeat;
  background-color:#e5e5e5;
  border:1px solid #a6a6a6;
  padding:2px 4px 1px;
}
html>body input.ygrp-button {
  padding:1px 8px;
}
body input.ygrp-action {
  color:#fff;
  font-family:arial,helvetica,sans-serif;
  font-weight:bold;
  background-image:url(images/ab_active.gif);
  background-repeat: no-repeat;
  background-color:#4384f0;
  border:1px solid #1e5fc7;
  padding:2px 4px 1px;
}
html>body input.ygrp-action {
  padding:1px 8px;
}

/* BEGIN group menu */
#ygrp-menu {
  border:1px solid #7b9ebd;
  margin-bottom:13px;
}
#ygrp-menu .ygrp-contentblock {padding:5px 0;}
#ygrp-menu .menulist-hr {
  font-size:1px;
  border-bottom:1px solid #7d9ebf;
  margin:10px 7px 10px 7px;
}
ul.menulist {
  list-style:none;
  margin-bottom:5px;
}
ul.menulist li {
  line-height:160%;
  padding:0 30px 0 20px;
}
ul.menulist li #current {
  font-weight:bold;
}
ul.menulist li.menulist-section {
  margin-left:-13px;
  font:74% verdana, arial, helvetica, sans-serif;
  font-weight:bold;
}
ul.menulist a.sublink {
  margin-left:15px;
}
/* END group menu */

/* BEGIN title */
#ygrp-title .ygrp-header {
  width:100%;
}
#ygrp-title .ygrp-header td {
  vertical-align:middle;
}
#ygrp-title .top {
  text-align:left;
  border:1px solid #7b9ebd;
  border-bottom:0;
  width:auto;
}
#ygrp-title .top .body {
  font:74% verdana, arial, helvetica, sans-serif;
  padding:2px 10px;
  margin-top:1px;
}
#ygrp-title .top .navtabs a {
    color:#295c7d;
    padding:2px 10px;
    margin-bottom:3px;
    text-transform: uppercase;
}
#ygrp-title .top .navtabs #current {
  font-weight:bold;
}
#ygrp-title .top .groups {
  text-align:right;
  padding:2px 10px;
  margin-bottom:3px;
}
#ygrp-title .top .groups #current {
  font-weight:bold;
}
#ygrp-title .bottom {
  border:1px solid #295c7d;
  text-align:left;
  width:auto;
}
#ygrp-title .bottom .body {
  padding:4px 10px 2px 10px;
  vertical-align:baseline;
}
#ygrp-title .bottom .ygrp-pname {
  font-size:130%;
  font-weight:bold;
}
#ygrp-title .bottom .ygrp-grdescr {
  font:110% georgia, times new roman, serif;
}
#ygrp-title .bottom #ygrp-titlesingle {
  margin-top:2px;
  padding-top:0;
}
/* END Title */


/* BEGIN Titlebars */
.ygrp-titlebar {
  width:100%;
  margin-bottom:2px;
}
#ygrp-titlebarhr {
  margin-bottom:5px;
}
.ygrp-titlebar h3 {
  display:inline;
}
.ygrp-titlebar td {
  vertical-align:middle;
  padding:0 0 5px 0;
}
.ygrp-titlebar .help {
  text-align:right;
}
/* END Titlebars */


/* BEGIN Head & Foot Elements */
.headview {
  text-align:right;
}
table.headview {
  width:100%;
}
div.headview {
  width:auto;
}
.headview td {
  vertical-align:middle;
  padding:0 0 5px 0;
}
.headnav td {
  font:74% verdana, arial, helvetica, sans-serif;
  vertical-align:bottom;
}
div.headview {
  padding:0 0 5px 0;
}
.footview {
  text-align:right;
}
table.footview {
  width:100%;
}
div.footview {
  width:auto;
}
.footview td {
  vertical-align:middle;
  padding:0 0 5px 0;
}
.footnav td {
  font:74% verdana, arial, helvetica, sans-serif;
  vertical-align:top;
}
div.footview {
  padding:0 0 5px 0;
}
.headview .viewleft, .footview .viewleft {
  text-align:left;
}
.headview .viewright, .footview .viewright {
  text-align:right;
}
/* END Head & Foot Elements */


/* BEGIN Top & Bottom Content Action Rows */
.list-action-top-right {
  padding:1px 10px 5px 0;
  text-align:right;
}
.list-action-bottom-right {
  padding:4px 10px 1px 0;
  text-align:right;
}
.list-action-top {
  padding:1px 0 5px 0;
}
.list-action-bottom {
  padding:4px 10px 1px 0;
}
/* END Top & Bottom Content Action Rows */

.footerbase {
  height:15px;
  font-size:15px;
  width:610px;
}

/* BEGIN SHARED Component classes */
.searcharea {
  text-align:right;
  padding:0 0 5px 0;
  vertical-align:middle;
}
.searcharea .search { padding-left:15px;}
.searcharea form div.search { display:inline; }
.search {
  text-align: right;
  padding:0;
}

.form-hr {
  font-size:1px;
  height:10px;
  border-bottom:1px solid #D6E3EF;
  margin:0 0 10px 0;
  padding:0;
  width:auto;
}
.form-dhr {
  font-size:1px;
  height:12px;
  border-bottom:1px solid #B5C7D6;
  margin:0 0 10px 0;
  padding:0;
  width:auto;
}
.ygrp-hr {
  font-size:1px;
  height:1px;
  border-bottom:1px solid #D6E3EF;
  margin:0 0 9px 0;
  padding:0;
  width:auto;
}
.warning {
  color:#ea3307;
  font-weight:bold;
  padding-bottom:5px;
}
input.warning, textarea.warning {
  padding-bottom:0;
}
.ygrp-remaining {
  color:#009900;
  font-weight:bold;
}
.redtext {
  color:#ea3307;
}
a.redlink {color:#ea3307;}
a.redlink:visited {color:#ea3307;}
input.warning, select.warning, textarea.warning {
  background-color:#F4FFAD;
}

.ygrp-contentblock {
  padding:10px 15px;
}

/* Container with Rounded Corner Border */
.ygrp-container-border {
  border:1px solid #7b9ebd;
  width:auto;
  margin:0 0 5px 0;
  padding:0;
}
#ygrp-tophalf {
  margin-bottom:0;
}
#ygrp-tophalf {border-bottom:0px;}

.ygrp-container-border div.bodypad textarea {
  padding-left:5px;
}
.ygrp-contentblock div.bodypad {
  margin:0 0 0 10px;
}
.ygrp-contentblock div.bodypad2 {
  margin:0 10px 0 25px;
}
.ygrp-contentblock div.bodypad3 {
  margin:0 10px 0 25px;
}
.ygrp-nowrap {white-space:nowrap }

#ygrp-notice {
  margin-bottom:13px;
}
#ygrp-notice .ygrp-contentblock {
  padding:8px 15px;
  text-align:center;
}
#ygrp-grnotice {
  margin-bottom:13px;
}
#ygrp-grnotice .ygrp-contentblock {
  text-align:center;
}
#ygrp-memberq {
  margin-bottom:13px;
}

.bold{
  font-weight:bold;
}
.normal{
  font-weight:normal;
}
.inline-div {
  display:inline;
}

.smalltype {font:74% verdana, arial, helvetica, sans-serif;}

.italic {
  font-weight:normal;
  font-style:italic;
}

.form-row {margin:0 0 5px 0; }
.form-rowb0 {margin:0; }
.form-rowb4 {margin:0 0 4px 0; }
.form-rowb12 {margin:0 0 12px 0; }
.form-rowb20 {margin:0 0 20px 0; }
.form-rowb35 {margin:0 0 35px 0; }

th {text-align:left; font-weight:normal; }
td {vertical-align:top;}
#ycs_ama table td { vertical-align: middle; }
* html #ycs_ama small { font-size: 100%; }

.doc-layout-0 h3 {margin-bottom:10px;}
.doc-layout-3 .ygrp-gnav {width:15%; padding-right:13px;}

/* form table with right aligned,bold labels */
.formtable {width:100%;}
.formtable th.label {width:20%; text-align:right;}
.formtable td.label {width:20%;text-align:right;}
.formtable td.margin {width:3%;}
.formtable td.field {width:77%;}
  
.formtable td {padding:5px 0px;}
/* END form table with right aligned, bold labels */
	
/* START static corners*/
.corner-top, .corner-left, .corner-bottom {
  background-repeat:no-repeat;
  display:block;
  position:relative;
  font-size:0;
  line-height:0;
  margin:0;
  height:3px;
}
.corner-top {
  background-position:100% 0;
  width:auto;
  top:-1px;
  right:-1px;
}
.corner-top .corner-left {
  background-position:0 -6px;
  width:3px;
  left:-2px;
}
.corner-bottom {
  background-position:100% -3px;
  clear:both;
  width:auto;
  bottom:-1px;
  right:-1px;
}
.corner-bottom .corner-left {
  background-position:0 -9px;
  width:3px;
  left:-2px;
}
/* END static corners/containers */


.group-description {
  font-family:georgia, times new roman, serif;
  clear:none;
}

.wvbox img {
  border:4px solid black;
  margin-right:10px;
  margin-bottom:5px;
}

/* END SHARED Content classes */
  
td.info .inactive {color:#d0d0d0;}
td.info .form-hr {border-bottom:1px solid #e0e0e0; margin-bottom:5px;}
td.info .demo {
  font:74% verdana, arial, helvetica, sans-serif;
  margin-left:12px;
}
td.info span img {margin-right:2px;}
td.info {vertical-align:top; padding-right:0;}
td.info .photo {clear:none; float:right;}

/* END Container & Element Classes */

.datatable {width:100%;}
.datatable .selected {background-color:#F4F4F4;}
.datatable th {
  background-color:#fff;
  font:74% verdana, arial, helvetica, sans-serif;
  text-align:left;
  border-bottom:1px solid #B5C7D6;
  padding:5px 10px 10px 10px;
  vertical-align:top;
}
.datatable td {
  background-color:#fff;
  vertical-align:top;
  text-align:left;
  padding:10px;
  border-top:1px solid #DBE3EB;
}
.datatable tr.firstrow td {border-top:0px; }
.datatable td.date {
  font:74% verdana, arial, helvetica, sans-serif;
  white-space:nowrap;
}
.datatable td.actions {
  font:74% verdana, arial, helvetica, sans-serif;
  white-space:nowrap;
}

.boxstacked {
  border:1px solid #d4d4d4; 
  margin: 15px auto;
}
.boxstacked td {
  padding:12px 15px;
  text-align:center;
}
.boxstacked td a {
  font-weight:bold;
}
#ygrp-sponsored-links {
  padding:10px;
  margin-top:15px;
  background-color:#fff;
}
#ygrp-sponsored-links h4 {
  font:74% verdana, arial, helvetica, sans-serif;
  font-weight:bold;
  white-space:nowrap;
  color:#909090;
}
#ygrp-sponsored-links .ygrp-adt {
  padding-bottom:5px;
}
#ygrp-sponsored-links .ygrp-add {
  padding-bottom:5px;
}
#ygrp-sponsored-links .ygrp-adu {
  font:74% verdana, arial, helvetica, sans-serif;
  color:#008200;
}
.ygrp-ad {
  padding-left:15px;
  min-width:192px;
  width:18%;
}
#ygrp-sponsor-box {
  padding-right:10px;
  margin-bottom:15px;
  background-color:#fff;  
}
#ygrp-sponsor-box h4 {
  font:74% verdana, arial, helvetica, sans-serif;
  font-weight:bold;
  white-space:nowrap;
  color:#909090;
  text-align:center;
}
#ygrp-sponsor-box .ygrp-adt {
  margin-top:13px;
}
#ygrp-sponsor-box .ygrp-adu {
  color:#008200;
}
#ygrp-w1 {
  padding-bottom:15px;
  text-align:center;
}
.wide {width:100%;}
.wide td {vertical-align:top;}

#ygrp-gtips {
  margin-bottom:13px;
}
#ygrp-gtips h4 {
  white-space:nowrap;
}
#ygrp-gtips h5 {
  margin-top:10px;
  color:#628c2a;
}
.ygrp-mon {
  padding-left:15px;
  width:1%;
}
.datatable td.checkbox {
  text-align: left;
  vertical-align: bottom;
  margin: 0px;
  padding: 0px 0px 12px 0px;
}
.datatable td.left0 {
  padding-left: 0px;
}
.datatable th.left0 {
  padding-left: 0px;
}
/* ================
   The following classes are used for color customization of page components
   via server side assignment. The classes are to be hard coded within the
   page header.
   ================
*/
   
/* begin dynamic menu */
#ygrp-menu {
  border-color:#7b9ebd;
  background-color:#e7eff7; 
  color:#666;
}
#ygrp-menu .menulist-hr {
  border-bottom:1px solid #7d9ebf;
}
#ygrp-menu .active {
  background-color:#fff;
}
#ygrp-menu .corner-top, #ygrp-menu .corner-left, #ygrp-menu .corner-bottom {
  background-image:url(images/cr_menu.gif);
}
/* end dynamic menu */


/* CORNERS:
    Corner images' outer color must match page background color, border color
    matches content-block.ygrp-container-border's border color, and inner color
    matches content-block.ygrp-container-border's background color.

 */
.corner-top, .corner-left, .corner-bottom {
  background-image:url(images/cr_blue.gif);
}

/* Container with Rounded Corner Border */
div.ygrp-container-border {
  border-color:#7b9ebd;
  background-color:#fff;
}
.ygrp-container-border .headaction {
  background-color:#e7eff7;
}

.ygrp-container-border .footaction {
  background-color:#e7eff7;
}
/* END corner/container stuff */

/* Page Title Container */
#ygrp-title .top {
  border-color:#7b9ebd;
  background-color:#fff;
}
#ygrp-title .bottom {
  border-color:#295c7d;
  background-color:#295c7d;
  color:#fff;
}
#ygrp-title .bottom .corner-top, #ygrp-title .bottom .corner-left, #ygrp-title .bottom .corner-bottom {
  background-image:url(images/cr_title.gif);
}

#ygrp-titlebarhr {
  border-bottom:1px solid #7b9ebd;
}
.ygrp-titlebar h3 {
  color:#628c2a;
}

h3 {       
  color:#628c2a;
}

/* start tabs */
.ygrp-tabs a {
  color:#247cd4;
}
.ygrp-tabbed-container .corner-top, .ygrp-tabbed-container .corner-top .corner-left {
  background-image:url(http://us.i1.yimg.com/us.yimg.com/i/yg/img/ui/cr_tabt.gif);
}
.ygrp-tabbed-container .corner-bottom, .ygrp-tabbed-container .corner-bottom .corner-left {
  background-image:url(http://us.i1.yimg.com/us.yimg.com/i/yg/img/ui/cr_tabb.gif);
}
.ygrp-tabs .ygrp-active-tab .corner-top, .ygrp-tabs .ygrp-active-tab .corner-left {
  background-image:url(http://us.i1.yimg.com/us.yimg.com/i/yg/img/ui/cr_taba.gif);
}
.ygrp-tabs .ygrp-active-tab {
  border-color:#295c7d;
  background-color:#2181a3;
}
.ygrp-tabs .ygrp-active-tab a {
  color:#fff;
  background:transparent url(http://us.i1.yimg.com/us.yimg.com/i/yg/img/ui/ptr_profile_1.gif) no-repeat bottom center;
}
/* end tabs */

.ygrp-container-border .headaction .corner-top, .ygrp-container-border .headaction .corner-left, .ygrp-container-border .footaction .corner-bottom, .ygrp-container-border .footaction .corner-left {
  background-image:url(images/cr_menu.gif);
}

/* 'no action' containers */
#nested-container .corner-top, #nested-container .corner-left, #nested-container .corner-bottom {
  background-image:url(images/cr_blue.gif);
}

/* action containers */
#nested-container .headaction .corner-top, #nested-container .headaction .corner-left, #nested-container .footaction .corner-bottom, #nested-container .footaction .corner-left {
  background-image:url(images/cr_menu.gif);
}

/* body background color  */
body {
  background-color:#fff;
}

.datatable td.checks, .datatable th.checks {
  background-color:#e7eff7;
}
.wide td.checks, .wide th.checks {
  background-color:#e7eff7;
}

/* Pollbar */
.pollbar-outer {
  border:1px solid #7b9ebd;
}
.pollbar-inner {
  background-color:#cef7ff;
}

/* begin promo */
#ygrp-mgl-promo {
    text-align: left;
    border: 1px solid #d4d4d4;
    background: #f7f3ff;
    width: auto;
    margin:0 0 5px 0;
}

#ygrp-mgl-promo a {
    font-weight: bold;
}

#ygrp-mgl-promo .corner-top, #ygrp-mgl-promo .corner-left, #ygrp-mgl-promo .corner-bottom {
  background-image:url(images/cr_grey.gif);
}
/* end promo */

#ygma, #ycs_nma {
  min-width:700px;
  width:56.4em;
  margin:0 auto;
}
#ycs_nma div div {
  margin:0 !important;
}
#doc-foot {
  min-width:700px;
  width:56.4em;
  margin:0 auto;
}

.doc-layout-0 .ygrp-groups {width:35%; padding-right:13px;}
.doc-layout-0 .ygrp-signin {width:35%; padding-left:13px;}

h3 {
  font-weight:bold;
  color:#505050;
  font-size:125%;
}
* html body h3 { color:#404040; }
.doc-layout-0 h3 {margin-bottom:0;}
.menufp-icon {
  width:20px;
}

.ygrp-grps {white-space:nowrap;}
.ygrp-grps th {vertical-align:bottom; padding-bottom:8px;}
.ygrp-grps td {border-top:1px solid #84bd6b; padding:8px 0;}
.ygrp-grpsc td {padding:4px 0;}
.ygrp-grpst {white-space:nowrap;}
.ygrp-grpsa {margin:1px 0;}
.ygrp-grpsa td {
  border-top-width:0;
  padding:0 1px;
  vertical-align:middle;
  white-space:nowrap;
}
.ygrp-grpsan {
  font-size:118%;
  color:#ff9900;
  font-weight:bold;
}
.ygrp-grpsr {width:1%;text-align:right;padding-left:5px;}
td.ygrp-grpsr {padding-left:10px;}
.ygrp-grpsv {
  margin-top:15px;
  text-align:center;
}
.ygrp-grps td.ygrp-minlks {padding-bottom:0;}

.ygrp-legend {
  margin-top:-8px;
  padding-bottom:10px;
  color:#666;
}

.ygrp-nogrps {margin:10px 0;}
.ygrp-nogrpsw {margin-top:10px;}

#ygrp-inotice .corner-top, #ygrp-inotice .corner-left, #ygrp-inotice .corner-bottom {
  background-image:url(images/cr_main.gif);
}
#ygrp-inotice {
  background-color:#f5ffe6;
  border:1px solid #87bd6b;
  margin-bottom:13px;
}
#ygrp-inotice .ygrp-contentblock {
  text-align:center;
}

#ygrp-mygroups .corner-top, #ygrp-mygroups .corner-left, #ygrp-mygroups .corner-bottom {
  background-image:url(images/cr_main.gif);
}
#ygrp-mygroups {
  background-color:#f5ffe6;
  border:1px solid #87bd6b;
  margin-bottom:13px;
}
#ygrp-mygroups h3 {color:#628c2a;}

#ygrp-tips .corner-top, #ygrp-tips .corner-left, #ygrp-tips .corner-bottom {
  background-image:url(images/cr_main.gif);
}
#ygrp-tips {
  background-color:#fff;
  border:1px solid #87bd6b;
  margin-bottom:13px;
}
#ygrp-tips h4 {margin:10px 0 0 0; color:#6e8c29;}
#ygrp-tips a {margin-top:10px; display:block;}

#ygrp-features .corner-top, #ygrp-features .corner-left, #ygrp-features .corner-bottom {
  background-image:url(images/cr_main.gif);
}
#ygrp-features {
  background-color:#fff;
  border:1px solid #87bd6b;
  margin-bottom:13px;
}
#ygrp-features h3 {color:#6e8c29;}
#ygrp-features h4 {margin:10px 0 0 0;}

#ygrp-main .corner-top, #ygrp-main .corner-left, #ygrp-main .corner-bottom {
  background-image:url(images/cr_main.gif);
}
#ygrp-main {
  border:1px solid #638c29;
  background-color:#e8f2b6;
  margin-bottom:13px;
}

#ygrp-main ul {
  list-style-type:disc;
  margin-left:15px;
}
#ygrp-main h3 {
  font-weight:bold;
}

#ygrp-find .corner-top, #ygrp-find .corner-left, #ygrp-find .corner-bottom {
  background-image:url(images/cr_find.gif);
}
#ygrp-find {
  background-color:#fff;
  border:1px solid #a8a9a7;
  margin-bottom:13px;
}

.ygrp-focus h3 {color:#6e8c29; margin-bottom:3px;}
.ygrp-focus h4 {color:#6e8c29; font-weight:normal;}
.ygrp-focus ul {margin-top:10px;}

/* find */
#ygrp-find li {
  display:block;
  width:45%;
  float:left;
}
.ygrp-catitem {
  margin-bottom:10px;
  font-weight:bold;
}

.ygrp-startp {margin-top:10px;}
.ygrp-starta {font-weight:bold;}

.ygrp-pickstb td {border-top:1px solid #f0f0f0;}
.ygrp-pickstb tr.firstrow td {border-top:0px;}
.ygrp-picksh {margin-top:10px;font-weight:bold;}
.ygrp-picksd {margin-bottom:10px;}
.ygrp-picksc {margin-bottom:10px;}
.ygrp-picksp {width:1%;padding:10px 0 10px 10px;}
.ygrp-picksr {padding-left:40px;}

.ygrp-search { margin:10px 0 5px 0; }
.ygrp-hint { margin:5px 0 15px 0; color:#999; }

#ygrp-login .corner-top, #ygrp-login .corner-left, #ygrp-login .corner-bottom {
  background-image:url(images/cr_main.gif);
}
#ygrp-login {
  background-color:#f5faff;
  border:1px solid #7a9bbb;
  margin-bottom:13px;
}
#ygrp-login .ygrp-contentblock {
  padding-top: 20px;
}
#ygrp-login h3 {font-size:118%;}

.ygrp-loginf {
  white-space:nowrap;
  padding: 4px 0;
  text-align:right;
}
#ygl_pwd, #ygl_yid {
  width:138px;
}

.ygrp-logint {margin-bottom:15px;}
.ygrp-loginp {margin:5px -2px;}
.ygrp-loginp td {padding:1px;}
.ygrp-loginsi {
  font-size:110%;
  padding:4px 0;
  text-align:right;
}

.ygrp-loginmode {
  padding-top: 4px;
  text-align:right;
}

.ygrp-loginsecure {
  padding-bottom: 10px;
  text-align: right;
}

.ygrp-loginhelp {
  display:block;
  text-align:right;
}
.ygrp-loginhelp a {
  display:block;
}

.ygrp-regsu a {
  font-size:118%;
  font-weight:bold;
  text-decoration:underline;
}
.ygrp-regsu {
  text-align:right;
}
.ygrp-regbtn {
  text-align:center;
}
#ygrp-inside{
	border-top: 1px solid #d6e3ef;
	border-bottom:1px solid #d6e3ef;
	margin: 15px 0;
	padding: 15px 0;
}
#ygrp-inside h1{
margin: 0;
padding: 0 0 5px 0;
}
#ygrp-inside a{
font-weight: bold;
}
#ygrp-inside img{
  float: left;
  padding-right: 5px;
}
#ygrp-inside h3{
  font-size: 85%;
  font-weight: normal;
  color: #000;
}
#ygrp-inside ul{
  padding-top: 10px;
}#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{
		visibility:hidden;	
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:1px solid #000;
		background-color:#FFF;
		padding:1px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		/*border:1px solid #317082;
		background-color:#E2EBED;*/
		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid #317082;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		text-decoration:none;
		padding-right:2px;
        color:#295c7d;
        padding:2px 10px;
        text-transform: uppercase;
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
		/*border:1px solid #E2EBED; */
	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		background-color:#317082;
		border:1px solid #E2EBED;
		
		
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		font-weight:bold;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color:#FFF;
		font-weight:bold;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-right:2px;
		background-color:#E2EBED;
		border:1px solid #E2EBED;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#317082;
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
		background-color:#EDE3EB;
		border:1px solid #000;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#EBEDE3;
		border:1px solid #000;
	}	.menu_tabs
{
    width:100%;
}

.menu_tabs ul 
{
    border-bottom: 1px solid #7a9bbb;
    text-align: center; /* We are using text-align: center on ul to left align our menu to the page. If you want the menu aligned centered or right just change text-align to either left or right */
    margin: 10px 10px 0px 10px !important;
    padding-bottom:5px;
}

.menu_tabs li 
{
    margin: 0 2px 0 2px !important;
    display: inline; /* Menu links are horizontally aligned using display: inline */
    list-style: none;
}

.menu_tabs li a {
    margin: 0 -6px 0 0px !important;
    text-decoration: none;
    padding:5px 8px 5px 8px;
    background: #f5f5f5;
    border-left: 1px solid #7a9bbb;
    border-top: 1px solid #7a9bbb;
    border-right: 1px solid #7a9bbb;
    border-bottom:inherit;
    font-size:small;
    color:#666;
}

.menu_tabs li a:hover {
    background: #eee;
    color:#295c7d;
    text-decoration: none;
}

.menu_tabs li.current {
    background: white;
    border-bottom: 1px solid white;
}

.menu_tabs li.current a {
    background: white;
    font-weight:bold;
    border-bottom: 1px solid white;
    color:#295c7d;
}

/* second level */

.menu_tabs ul ul {
    text-align: center; /* If both menus are going to be centered-aligned we really don't need to use text-align: center on the sub menu, since this menu will get the alignment from "mother" settings */
    width: 100%;
    margin: 12px 0 5px 0 !important;
    padding: 3px 0 3px 0;
    display:none;
    float: left;
    border: none;
}

* html .menu_tabs ul ul {
    margin: 2px 0 5px 0 !important;
}

.menu_tabs li.current ul {
    display:block;
}

.menu_tabs li ul li a {
    border: none;
}

.menu_tabs ul ul li a:hover {
    text-decoration: underline;
    background: white;
}