body {
    /*background: url("/hgs/images/elegant_grid.png") repeat scroll 0px 0px transparent; */
    background: url("/hgs/images/white_texture.png") repeat scroll 0px 0px transparent;
    /*background-image: -moz-linear-gradient(top, #FFFFFF 0%, #00A3EF 100%); */
    /*background-color: rgba(0,0,0,0.1); */
    color: #333333;
    font-family: Arial;
    font-size: 14px;
    line-height: 24px;
}
li {
    list-style-type: none;
}
.notebody ul li {
    list-style-type: disc;
}
.notebody ul li ul li {
    list-style-type: circle;
}
.notebody ol li {
    list-style-type: decimal;
}
.notebody ol li ol li {
    list-style-type: lower-roman;
}

.notebody h1, .homeitem h1 {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.2em;
}
.notebody h2, .homeitem h2 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2em;
}
.notebody h3, .homeitem h3 {
    font-size: 16px;
    line-height: 1.2em;
    font-weight: normal;
}
.toplink {
display: inline-block; *display: inline; zoom: 1;
}

.toplink a {
    font-size: 12px;
    text-decoration: none;
}
.left {
    float: left;
    position: relative;
}

.right {
    float: right;
    position: relative;
}

.homebody, .ptabody {
    border: 2px solid #DDDDDD;
    border-radius: 7px 7px 7px 7px;
    padding: 10px 10px 10px 10px;
    margin-top: 0;
    z-index: 0;
    min-height: 400px;
}
.section {
    background-color: #FFFFFF;
    margin:0;
    padding: 10px;
    border-radius: 6px 6px 6px 6px;
}
.section.home {
    margin-bottom: 10px;
}
#activitydetail .section {
    margin-bottom: 10px;
}
.homesection {
    background-color: #FFFFFF;
    margin:5px 0 10px 0;
    border-radius: 6px 6px 6px 6px;
    overflow: hidden;
}

.homesection .header a {
    color:#FFFFFF;
    background-color: #A04610/*#D06620 /*rgba(0,104,182,1)*/;
    font-weight: bold;
    display: inline-block;
    padding: 2px 5px 2px 5px;
    text-decoration: none;
}

.homesection .header a.linkbutton,.homesection .header a.linkbutton:visited {
    background: url("/hgs/images/spindown-closed.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: block;
    margin-left: 5px;
    padding: 1px 3px 1px 9px;
    text-decoration: none;
    font-weight: normal;
    color: #0088CC;
}

.activityht .content {
     max-height: 60px;
     overflow: hidden;
 }
.homeitem {
    padding: 10px 20px 5px 20px;
}
.home .homeitem {
    border-bottom: 10px solid #DDDDDD;
}

.homeitem li {
    list-style-type:disc;
    line-height: 24px;
}
.homeitem ol li {
    list-style-type: decimal;
}
.homeitem:last-child {
    border-bottom: none;
}

.homeitem a.s {
    background: url("/hgs/images/icon/school_big.png") no-repeat scroll left center transparent;
    padding: 20px 20px 20px 80px;
    display: block;
}
.homeitem div.S {
    background: url("/hgs/images/icon/school_big.png") no-repeat scroll left center transparent;
    padding: 10px 10px 10px 80px;
    display: block;
}
.homeitem a.p {
    background: url("/hgs/images/icon/private_big.png") no-repeat scroll left center transparent;
    padding: 20px 20px 20px 80px;
    display: block;
}
.homeitem .iv.P {
    background: url("/hgs/images/icon/private_big.png") no-repeat scroll left center transparent;
    padding: 10px 10px 10px 80px;
    display: block;
}

/*
 * for the navigation menu
 */
.menubar {
    /*padding-top: 5px; */
    padding-left: 2px;
    margin-left: 2px;
    margin-top: -5px;
    padding-right: 1px;
    border-radius: 5px 5px 0px 0px;
    font-family: chaparral-pro-1,chaparral-pro-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc a {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc li:hover, .searchbutton:hover {
    background: rgb(2, 48, 106);/*, 0.6); */
}

ol#toc a:hover span {

}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
    background: #0E5386;/*rgb(2, 48, 106);     #013261, #0E5386*/
    border-radius: 10px 10px 0px 0px;
    border-top: 2px solid #0E5386;
    border-left: 2px solid #0E5386;
    border-right: 2px solid #0E5386;
}

ol#toc li.current a {
    color: rgb(168, 82, 12);/*rgba(168, 82, 12, 1.0);/* #EC8F26;   */
    font-weight: bold;
}
ol#toc li.current {
    background-color: #FFFFFF;
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

.searchbox {
    width: 125px;
    float: left;
    height: 24px;
    padding: 0;
}
.searchbox input {
    width: 120px;
    height: 17px;
}

.searchbutton {
    border-radius: 0 6px 6px 0;
    float: left;
    height: 26px;
    margin-bottom: 0;
    padding: 0;
    width: 30px;
    background-color: #02306a;/*#388CAE*/
    border: 1px solid #02306a;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
}

.searchbutton > span {
    background: url("../images/icon/magnify-icon-white.png") no-repeat scroll center center transparent;
    display: block;
    height: 17px;
    margin: 2px 0 2px 4px;
    width: 16px;
}


/*
 * for school drop down
*/
.schooltop {
    color: #914716; /*rgb(208, 102, 32);*/
}

span.schoolmenu {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    color: rgb(168, 82, 12);
    list-style: none;
    background: url("../images/spindown-open.gif") no-repeat right center;
    margin-bottom: 2px;
    margin-left: 10px;
}
span.schoolmenu:hover {
    background-color: #FFFFFF;
}
.schoolmenu ul {
    position: absolute;
    display: none;
    left: -999em;
    float: right;
    background-color: #FFFFFF;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding-right: 8px;
    padding-left: 8px;
    height: auto;
    z-index:99;
    right: 0;
    top: 18px;
}

.schoolmenu:hover ul {
    left: auto;
    display: block;
}

.schoolmenu a {
    display: inline-block;
    width: 100%;
}
.schoolmenu a:hover {
    background-color: #dddddd;
}

/*
 * for profile drop down
*/
span.profilemenu {
    padding-left: 2px;
    padding-right: 10px;
    list-style: none;
    display: inline-block;
    background: url("../images/spindown-open.gif") no-repeat right center;
    margin-bottom: 2px;
    margin-left: 2px;
}
span.profilemenu:hover {
    background-color: #FFFFFF;
}
.profilemenu ul {
    position: absolute;
    display: none;
    left: -999em;
    background-color: #FFFFFF;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    height: auto;
    z-index:99;
    top: 18px;
}
.profilemenu:hover ul {
    left: auto;
    display: block;
}

.profilemenu a {
    display: inline-block;
    width: 65px;
    padding-right: 8px;
    padding-left: 8px;
    z-index:9999;
}
.profilemenu a:hover {
    background-color: #dddddd;
}
/*
 * for group list menu
*/
.leftmenu h4, .leftmenu h5, .module h5,
.leftmenu h4>a.hd, .leftmenu h5>a.hd, .module h5>a.hd{
    background-color: #E0E0E0; /*#BFE0F6;*/
    padding-left: 5px;
    font-weight: bold;
    margin: 0;
    color: #A8520C;/*#0E5386;*/
}
.leftmenu ul {
    margin-left: 0px;
}

.leftmenu ul li {
    vertical-align: middle;
    margin-bottom: 0px;
    margin-top: 0px;
    border-bottom: 1px solid #DDDDDD;
    /*font-weight: bold;*/
    /*border-bottom: 1px solid #DDDDDD; */
}
.leftmenu ul {
    margin-bottom: 0px;
    margin-top: 0px;
}
.leftmenu .group {
    padding-left: 4px;
}
.leftmenu ul li div.group.selectable:hover, .leftmenu ul li div.activity:hover {
    background-color: rgb(36, 170, 225);/*, 0.8);/*#3993b8;*/
}
.leftmenu ul li div.group:hover a, .leftmenu ul li div.activity:hover a {
    color: #FFFFFF;
}
.leftmenu .activity {
    padding-left: 30px;
    line-height: 30px;
}
.leftmenu .activity.school {
    padding-left: 4px;
}

.leftmenu .activity.an {
    background: transparent url("../images/icon/announcement_25.png") no-repeat left center;
}
.leftmenu .activity.dr {
    background: transparent url("../images/icon/directory_25.png") no-repeat left center;
}
.leftmenu .activity.sg {
    background: transparent url("../images/icon/signup_25.png") no-repeat left center;
}
.leftmenu .activity.cl {
    background: transparent url("../images/icon/calendar_25.png") no-repeat left center;
}
.leftmenu .activity.rg {
    background: transparent url("../images/icon/registration_25.png") no-repeat left center;
}
.leftmenu .activity.sl {
    background: transparent url("../images/icon/sale_25.png") no-repeat left center;
}
.leftmenu .activity.at {
    background: transparent url("../images/icon/photo_25.png") no-repeat left center;
}
.leftmenu .activity.G {
    background-color: transparent;
}

.leftmenu .activity.ph.active {
    background: rgb(36, 170, 225) url("../images/icon/photo_l.png") no-repeat left center;
    border-radius: 0 8px 8px 0;
    margin-right: -8px;
    padding-right: 8px;
}
.leftmenu .activity.mb.active {
    background: rgb(36, 170, 225) url("../images/icon/discuss_l.png") no-repeat left center;
    border-radius: 0 8px 8px 0;
    margin-right: -8px;
    padding-right: 8px;
}
.leftmenu .activity.sg.active {
    background: rgb(36, 170, 225) url("../images/icon/signup_l.png") no-repeat left center;
    border-radius: 0 8px 8px 0;
    margin-right: -8px;
    padding-right: 8px;
}
.leftmenu .activity.iv.active {
    background: rgb(36, 170, 225) url("../images/icon/invite_l.png") no-repeat left center;
    border-radius: 0 8px 8px 0;
    margin-right: -8px;
    padding-right: 8px;
}.leftmenu .activity.at.active {
     background: rgb(36, 170, 225) url("../images/icon/attachment_l.png") no-repeat left center;
     border-radius: 0 8px 8px 0;
     margin-right: -8px;
     padding-right: 8px;
 }

.leftmenu .activity.G.active {
    background-color: rgb(36, 170, 225);/*#3993b8;*/;
    border-radius: 0 8px 8px 0;
    margin-right: -8px;
    padding-right: 8px;
}

.leftmenu ul li div {
    padding-top: 3px;
    padding-bottom: 3px;
}

.leftmenu ul li div.active {
    background-color: rgb(36, 170, 225);/*#3993b8;*/
    border-radius: 0 8px 8px 0;
    margin-right: -8px;
    padding-right: 8px;
}

.leftmenu ul li div.group a{
    outline: 0 none;
    text-decoration: none;
    color: #2F5C7B;
    display: block;
    height: 21px;
    padding-top: 5px;
    overflow: hidden;
}

.leftmenu ul li div.activity a{
    outline: 0 none;
    text-decoration: none;
    color: #2F5C7B;
    display: block;
}

.leftmenu ul li div.activity a.C {
     color: #666666;
 }
.leftmenu ul li div.activity a.P {
    color: #EE3333;
}
.leftmenu ul li div.active a.C, .leftmenu ul li div.active a.P {
    color: #FFFFFF;
}
/*
.leftmenu ul li div.activity.mine a {
    color: #103C5B;
}
*/
.leftmenu ul li div.active a {
    color: #FFFFFF;/*#CC6633;*/
    outline: 0 none;
    font-weight: bold;
    text-decoration: none;
}

/*
 * upcoming, alert, etc
 */
.module {
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #d3d3d3;
    margin-top: 2px;
    margin-bottom: 4px;
}

.module .title {
    background-color:  #BFE0F6;
    color: #003366;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.2em;
    overflow: hidden;
    padding: 2px 2px 1px 2px;
}

/*
 * for announcements
 */
.groupannouncement {
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #EEEEEE;
}

.groupannouncement {
    margin-bottom: 10px;
}
.groupannouncement ul {
    margin-bottom: 10px;
}

.groupannouncement ul li {
    margin: 5px 5px 5px 10px;
}

.attachment, .discussion, .signup, .album, .invite {
    margin-top: 10px;
}
.activity > .title {
    font-weight: bold;
    height: 24px;
    padding: 1px 8px 0px 50px;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 5px;
    vertical-align: middle;
}

.attachment > .title {
    background: #DFEFFC url("../images/icon/attach_o.png") no-repeat left center;
}
.discussion > .title {
    background: #DFEFFC url("../images/icon/discuss_o.png") no-repeat left center;
}
.signup > .title {
    background: #DFEFFC url("../images/icon/signup_o.png") no-repeat left center;
}
.invite > .title {
    background: #DFEFFC url("../images/icon/invite_o.png") no-repeat left center;
}
.album > .title {
    background: #DFEFFC url("../images/icon/photo_o.png") no-repeat left center;
}
.member > .title {
    background: #DFEFFC url("../images/icon/member_o.png") no-repeat left center;
}
.chess > .title {
    background: #DFEFFC url("../images/icon/chess_o.png") no-repeat left center;
}
.activity .title a {
    float: right;
    font-weight: normal;
}
.activitytitle {
    background: url("../images/icon/actmgmt_o.png") no-repeat scroll 0 0 transparent;
}
.signuptitle, .atp_4 {
    background: url("../images/icon/signup_o.png") no-repeat scroll 0 0 transparent;
}
.invitationtitle, .atp_5 {
    background: url("../images/icon/invite_o.png") no-repeat scroll 0 0 transparent;
}
.phototitle, .atp_2 {
    background: url("../images/icon/photo_o.png") no-repeat scroll 0 0 transparent;
}
.attachtitle, .atp_3 {
    background: url("../images/icon/attach_o.png") no-repeat scroll 0 0 transparent;
}
.discusstitle, .atp_1 {
    background: url("../images/icon/discuss_o.png") no-repeat scroll 0 0 transparent;
}
.activity_title {
    padding: 0 0 8px 32px;
    font-size: 1.2em;
}
.summary {
    margin: 0 0 10px;
    border-bottom: 1px dotted #EC8F26;
}

.summary p {
    margin: 0 0 5px;
}

.summary_i {
    padding-left: 25px;
}

.actingroup {
    margin-top: 10px;
    border-radius: 6px 6px 0 0;
    border: 1px solid #336699/*#FFDFC6*/;
    background-color: #F1F1F1;
}

a.collapse {
    background-image: url("/hgs/images/icon/plus.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 10px 0 10px;
}
a.expand {
    background-image: url("/hgs/images/icon/minus.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 10px 0 10px;
}

a.openSaleItem.O {
    background-image: url("/hgs/images/icon/plus.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0 20px 0 10px;
}
a.openSaleItem.C {
    background-image: url("/hgs/images/icon/minus.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0 20px 0 10px;
}

a.edit {
    background-image: url("/hgs/images/icon/edit.png");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0 15px 0 15px;
}
a.deleteasset img, li a img, .breadcrumb a img {
    vertical-align: middle;
}
a.preview {
    background-image: url("/hgs/images/icon/preview.png");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0 10px 0 10px;
}
a.print {
    background-image: url("/hgs/images/icon/print.png");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0 10px 0 10px;
}
.module-item {
    border-top: 1px solid #DDDDDD;
    padding: 2px 2px 5px 5px;
    margin-bottom: 5px;
    clear: both;
}

.toplogo {
    padding: 2px 2px 2px 0px;
    display: inline;
}

.note {
    margin-top: 5px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #CCCCCC/*#FFDFC6*/;
    background-color: #FFFFFF;
}

.note > .notetitle {
    background: none repeat scroll 0 0 #DFEFFC;
    /*background: url("images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;*/
    color: #333333;
    padding-left: 5px;
    padding-right: 5px;
}

.note > .notetitle .stick_S, .homeitem .stick_S, .announce .notetitle .stick_S {
    padding-left: 15px;
    background: url("/hgs/images/icon/pin-small.png") no-repeat left center;
}

.note > .notetitle a {
    color: #1562AD;/*#388CAE;*/
    text-decoration: none;
}

.note > .notebody {
    padding: 5px 5px 5px 5px;
    overflow: auto;
}

.note > .notepublished {
    background: url("images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
    padding-left: 5px;
    padding-right: 5px;
}
.note > .notepublished span {
    padding-right: 2px;
    border-right: 2px solid #909090;
    color: #666655;
}

.note.payform {
    margin-top: 60px;
}
.note.payform .notetitle {
    background-color: rgba(160, 70, 16, 0.2);
    padding-bottom: 1px;
    padding-left: 10px;
    font-size: 1.2em;
}
.note.payform .notetitle a {
    color: #1562AD;/*#388CAE;*/
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.announce {
    margin-top: 5px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #CCCCCC/*#FFDFC6*/;
}
.announce > .notetitle {
    color: #912F2C;
    padding-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
}
.announce > .notebody {
    min-height: 50px;
    margin-top: 3px;
}
.announce > .notebody {
    padding: 15px;
}
.anntitle {
    padding-left: 40px;
    background: url('/hgs/images/icn/announcement.png') no-repeat left center;
}
.classnotetitle {
    padding-left: 30px;
    background: url('/hgs/images/icn/classnotes.png') no-repeat 1px 1px;
}
.oreg {
    padding-left: 30px;
    background: url('/hgs/images/icn/register.png') no-repeat left center;
}
.sale {
    padding-left: 30px;
}
.sale.M {
    background: url('/hgs/images/icn/sales_M.png') no-repeat left center;
}
.sale.R, .sale.T{
    background: url('/hgs/images/icn/sales_R.png') no-repeat left center;
}
.sale.S, .sale.D {
    background: url('/hgs/images/icn/sales_S.png') no-repeat left center;
}
.sale.V, .sale.F {
     background: url('/hgs/images/icn/sales_V.png') no-repeat left center;
}

.directory {
    padding-left: 30px;
    background: url('/hgs/images/icn/directory.png') no-repeat left center;
}
.signup {
    padding-left: 30px;
    background: url('/hgs/images/icn/signup.png') no-repeat left center;
}
.schform {
    padding-left: 30px;
    background: url('/hgs/images/icn/forms.png') no-repeat left center;
}

.homeitem .body {
    margin-top: 10px;
    margin-bottom: 10px;
}
.preview .notebody {
    margin-top: 5px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #CCCCCC/*#FFDFC6*/;
    padding: 5px 5px 5px 5px;
}
/*
 * for message post
*/
.newthread {
    background: url("images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
    margin: 0;
}

.msgpost {
    background-color: #FFFFFF;
    border: 1px solid #B4BBCD;
    margin-bottom: 5px;
}

.postcnt {
    border: 0 none;
    outline: 0 none;
    height: 32px;
    width: 100%;
    padding: 0;
    resize: none;
}
.writecomment {
    width: 98%;
    height: 24px;
    padding: 0;
    resize: none;
}

.postbar {
    background-color: #E0E0E0;
    /*height: 26px; */
    margin: 0;
    display: none;
}

.msgpostbtn {
    float: right;
    position: relative;
}

#mbpost {
    padding-left: 10px;
    border-left: 1px solid #EC8F26;
}

#mbpost .post .postact {
    float: right;
    position: relative;
    display: none;
}

#mbpost .post:hover .postact, #mbpost .comment:hover .postact {
    background: #bbccee url("../images/icon/cross.png") no-repeat left -16px;
    display: block;
    height: 16px;
    width: 16px;
}

#mbpost .post a, #mbpost .post a:visited, #mbpost .post a:active {
    text-decoration: none;
}

#mbpost p {
    color: #333333;
    margin: 0 0 10px;
}

#mbpost .post > .hr {
    border-top: 1px solid #EC8F26;
    height: 2px;
    margin: 3px -10px 0 -10px;
}

#mbpost .comment {
    margin-left: 0;
}
.comment {
    border-bottom: 1px solid #FFFFFF;
    background-color: #EEEEEE;
    padding: 2px 5px 2px 10px;
}
/*
 * for login, forget password and registration model
 */
.springform {
    margin: 20px;
    border-radius: 8px 8px 8px 8px;
    border: 2px solid #d3d3d3;
    padding: 10px 3px 10px 3px;
}

.springform label, .schoolform label {
    display: block;
    float: left;
    text-align: right;
    margin-right: 10px;
}
.springform.registration label {
    width: 160px;
}
.springform.login label {
    width: 64px;
}
.form.login {
    border-radius: 8px 8px 8px 8px;
    border: 2px solid #d3d3d3;
    padding: 1px 15px 10px 15px;
    margin-bottom: 10px;
}

.springform.myaccount label {
    width: 170px;
}
.springform.coursereg label {
    width: 160px;
}
.schoolform label {
    width: 160px;
}
.springform.login .btn,  .springform.login a {
    margin-left: 70px;
}
.springform div  {
    min-height: 30px;
}
.schoolform div {
    margin-top: 5px;
}

/*
 * for top login bar on topnav-nl
 */

#login {
    margin-top: 32px;
    min-height: 20px;
}

#login ul li {
    display: inline;
    padding: 0 2px 0;
    text-align: left;
    width: 300px;
}

#login ul li label {
    display: inline;
    padding: 0 2px 0;
    text-align: left;
    width: 200px;
}

#login a, #login a:visited a:hover a:focus a:active {
    border-radius: 2px 2px 2px 2px;
    color: #555555;
    font-size: 10px;
    position: relative;
    text-decoration: underline;
}

#login form {
    margin-bottom: -15px;
    padding: 0 0 0;
}

table.full {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 2px;
}
table.full th {
    border: 1px solid rgb(197, 219, 236);
    background: rgb(223, 239, 252);
    font-weight: bold;
    color: rgb(46, 110, 158);
}

table.full td {
    border: 1px solid rgb(166, 201, 226);
    background: rgb(252, 253, 253);
    color: rgb(34, 34, 34);
    padding: 5px 3px;
}

input .swappable.source {
    background-color: #999999;
}

a.linkbutton, a.linkbutton:visited {
    display: block;
    text-decoration: none;
    margin-left: 5px;
    background: url("/hgs/images/spindown-closed.gif") no-repeat left transparent;
    padding-left: 40px;
    padding: 3px 3px 3px 9px;
}

a.linkbutton:hover {
    text-decoration: underline;
}

a.linkmenu, a.linkmenu:visited {
    padding: 4px 3px 4px 3px;
    font-weight: bold;
    color: #A72764;
}
    /*
    * for calendar filters
    */

.selectable.p a.checked {
    background: url("../images/icon/icon_cal_g.png") no-repeat left center;
}
.selectable.g a.checked {
    background: url("../images/icon/icon_cal_p.png") no-repeat left center;
}
.selectable.s a.checked {
    background: url("../images/icon/icon_cal_b.png") no-repeat left center;
}

.selectable a {
    padding-left: 32px;
    /*background: url("../images/icon/button_ok.png") no-repeat right center; */
    background: url("../images/icon/icon_cal_no_sel.png") no-repeat left center;
}
.selectable.q a {
    background: url("../images/icon/quest2.png") no-repeat left center;
}

#deletealbumconfirm {
    display: none;
    border: 1px solid #AAAAAA;
    padding: 5px;
    border-radius: 8px 8px 8px 8px;
}

.albumthumbnail, .photothumbnail {
    margin: 1px 0px 5px 1px;
    width: 130px;
    height: 174px;
    float: left;
}

.albumthumbnail .title {
    max-height: 44px; overflow: hidden; padding-left: 4px; padding-right: 4px;
}
#inviteusers textarea {
    width: 100%;
    height: 60px;
    margin-top: 5px;
}
#inviteusers label {
    display: inline-block;
    text-align: right;
    margin-right: 10px;
    width: 100px;
}
#inviteusers select {
    width: 250px;
}
#inviteusers div {
    margin-bottom: 5px;
}

.signupform td.label {
    text-align: right;
    width: 90%;
}
.signupform td {
    padding: 5px;
    vertical-align: top;
}

.hidden {
    visibility: hidden;
    position: absolute;
}

.show {
    visibility: visible;
    position: relative;
}

table.blue {
    width: 100%;
}

table.blue th {
    background: #DFEFFC;
    border: 1px solid #C5DBEC;
    color: #2E6E9E;
    padding: 0 3px 0 3px;
    font-weight: bold;
}

table.blue td {
    background: url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") repeat-x scroll 50% bottom #FCFDFD;
    border: 1px solid #A6C9E2;
    color: #222222;
    padding: 1px 3px 1px 3px;
}

ul.attlst {
    padding-left: 10px;
    list-style: none; /*inside url('../images/icon/attach_s.png'); */
}
ul.attlst li {
    margin:0;
    padding: 2px;
    padding-left:30px;
    background-image:url('../images/icon/attach_s.png');
    background-repeat:no-repeat;
    background-position: 2px 4px;
    list-style-type: none;
}

ul.attlst a {
    color: rgb(21,98,173);
    display: inline-block;
    font-weight: bold;
    padding-right: 4px;
}

table.attlst {
    padding: 5px; width: 100%; border-top: 1px solid #999999;border-bottom: 1px solid #999999;
}
table.attlst td {
    border-top: 1px solid #dddddd;
}
.calbnt {
    display: inline-block;
    border: 1px solid #79B7E7;
    background-color: #F5F8F9;
    border-radius: 4px 4px 4px 4px;
    position: relative;
    z-index: 1000;
    text-decoration: none;
    padding: 0 2px 0 2px;
    color: #2E6E9E;
    margin-bottom: 3px;
}

#eventList .personal {
    background: url("../images/icon/icon_cal_g.png") no-repeat left center;
    padding-left: 32px;
}
#eventList .group {
    background: url("../images/icon/icon_cal_p.png") no-repeat left center;
    padding-left: 32px;
 }
#eventList .school {
    background: url("../images/icon/icon_cal_b.png") no-repeat left center;
    padding-left: 32px;
}

#eventList .module-item > div {
    padding-left: 32px;
}

.ptamodal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 990;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity:0.5;
    opacity: 0.5;
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
    display: none;
}
.loading
{
    font-family: Arial;
    font-size: 10pt;
    border: 5px solid #67CFF5;
    width: 200px;
    height: 100px;
    position: fixed;
    background-color: White;
    z-index: 999;
}

div.person {
    border-radius: 6px;
    box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
    float: left;
    width: 360px;
    height: 244px;
    overflow: hidden;
    border: 1px solid #E0E0E0;
    background: url("images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 100% 100% #DFEFFC;
    padding: 3px 3px 3px 30px;
    margin: 1px 10px 10px 1px;
    white-space: nowrap;
}
div.person .children {
    font-weight: bold;
    color: #006400;
    margin-left: -10px;
}
/*div.person.active {
    background: url("images/ui-bg_glass_95_fef1ec_1x400.png") repeat scroll 100% 50% #DFEFFC;
} */
div.person .name {
    font-weight: bold;
}
div.person .address {
    font-style: italic;
    color: #000064;
}
#galleria {
    height:420px;    /* defines a static gallery height */
    max-width:820px; /* defines a responsive width */
}

/*
* for photo caption edit
*/
div.imgcaption {
    display: inline-block;
    font-size: 0.8em;
    width: 100px;
    height: 42px;
    overflow: hidden;
    background-color: #FFFFFF;
    border: 1px dotted #DDDDDD;
}
div.caption:hover {
    cursor: default;
}

#captioneditor {
    position: absolute;;
    background-color: black;
    z-index: 999;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    opacity: 0.9;
    -moz-opacity: 0.9;
    display: none;
    padding: 4px 4px 0px 4px;
    height: 32px;
}
#captioneditor input[type='text'] {
    height: 18px;
    width: 240px;
}
.ui-tabs .ui-tabs-nav li a {
    padding: 0.1em 1em !important;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0.1em 1em !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 1em 0.2em !important;
}

span.time {
    color: #8B8B8B;
    font-size: 13px;
    padding: 0 1px 0 0;
}
span.name {
    font-size: 13px;
    font-weight: bold;
}
.swapmsg {
    background-color: yellow;
    clear: both;
    font-size: 11px;
    font-style: italic;
    margin-left: 80px;
}

.swapmsg button {
    font-weight: normal;
    padding: 1px 2px;
    font-style: italic;
}
.multitem > div {
    display: inline-block;
}
.multitem .itemdesc {
    width: 160px;
}
.multitem .signedusers {
    font-style: italic;
    font-size: 0.8em;
    color:#666666;
}
.multitem {
    border-bottom: 1px solid #e1e1e1;
    margin-top: 2px;
}
.multitem:last-child {
    border-bottom: none;
}
.multitem input {
    width: 20px;
}

/*
* find user from school tree
*/
ul.tree li a {
    padding-left: 10px;
    text-decoration: none;
}
ul.tree > li > a {
    color: rgb(16, 110, 125);
    display: inline-block;
}

/* #Links
================================================== */
.nav a, .nav a:visited {
    color: #0E5386;
    text-decoration: none; outline: 0;
}

.nav a:hover, .nav a:focus {
    color: #0E5386;
    text-decoration: underline;
}
p a, p a:visited { line-height: inherit; }

.activityhero {
    border-radius: 6px 6px 6px 6px;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 1px 1px;
}
.activityhero h3 {
    display: inline;
}
.activityhero img {
    padding-bottom: 15px;
}

.label150 {
    display: inline-block;
    width: 150px;
    text-align: right;
}
.label90 {
    display: inline-block;
    width: 90px;
    text-align: right;
}
.tag {
    background-color: #FCFDFD;
    font-size: 0.6em;
}

label.required span {
    color:#E9322D;
    font-weight:bold;
    padding-right:2px;
}

label.error, span.error {
    width: auto !important;
    color: #E9322D;
    display: inline-block;
    float: none;
    font-size: 0.8em;
    text-align: left;
}

input.error {
    border-color:#E9322D;
}

div.error {
    color: #E9322D;
}
div.invalid {
    color: #E9322D;
    border: 1px solid red;
    border-radius: 7px 7px 7px 7px;
}
div.success {
    color: green;
}

input.editable.disabled {
    background-color: #F1F1F1;
    border: none;
}

.fc-event-time {
    padding: 0 3px;
}

#eventUpdateTable tr td {
    min-height: 26px;
}

.btn-success {
    background-color: #5BB75B;
    background-image: linear-gradient(to bottom, #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


ul.tdrpd {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid #aaaaaa;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    list-style: none outside none;
    margin: 1px 0 0 -2px;
    padding: 2px 0 0 2px;
    position: absolute;
    z-index: 1000;
}

.open > .tdrpd {
    left: auto;
    display: block;
}

.contactinfo {
    padding-left: 15px;
    font-weight: bold;
    color: #555555;
    background: url("../images/spindown-open.gif") no-repeat left center;
}
.contactinfo.closed {
    background: url("../images/spindown-closed.gif") no-repeat left center;
}

.activitycard {
    margin: 10px;
    width: 250px;
    height: 100px;
    float: left;
    overflow: hidden;
    padding: 3px;
    color: #111111;
    border-radius: 6px 6px 6px 6px;
    -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
    -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
    box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
}

.activitycard.school {
    background-color: #FFFFFF/*rgb(159,198,231)*/;
    border: 2px solid #DDDDDD;
}
.activitycard.group {
    background-color: #FFFFFF;/*rgb(205,116,230);*/
    border: 2px solid #DDDDDD;
}
.activitycard.private {
    background-color: #FFFFFF; /*rgb(179, 220, 108); */
    border: 2px solid #DDDDDD;
}
.activitycard:hover {
    cursor: pointer;
}

.activitycard a, .activitycard a:hover, .activitycard a:visited {
    font-weight: bold;
}
.activitycard .cardcontent {
    height: 80px;
    width: 100%;
    overflow: hidden;
}

.sidenote {
    color: #666666;
    font-size: 0.8em;
    line-height: 18px;
    margin-top: 5px;
}

.hideleft {
    background-color: #FFFFFF;
    padding: 8px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px 6px 6px 6px;
    float: left;
    left: 9px;
    position: absolute;
    z-index: 1000;
    content: "";
    display: none;
    position: absolute;
}

.rightbm a {
    display: block;
}

.classsection {
    background-color: #414654;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    padding: 2px 5px;
    margin-top: 20px;
}
#hometop {
    background: url("/hgs/images/busfield.jpg") repeat-x scroll center -450px rgb(176, 219, 248);
    height: 300px;
}
#loginpage {
    background: url("/hgs/images/busfield.jpg") repeat-x scroll center -200px rgb(176, 219, 248);
    height: 550px;
}
#loginmodule {
    width: 360px;
}
.busfield {
    background: url("/hgs/images/busfield.jpg") repeat-x scroll center -170px #B0DBF8;
    height: 580px;
    margin-right: -40px;
    width: auto;
}
.busfield_feedback {
    background: url("/hgs/images/busfield.jpg") repeat-x scroll center -340px #B0DBF8;
    height: 400px;
    width: auto;
}

#loginmodule div.springform, #forgetpwsd div.springform {
    background-color: #FFFFFF;
}

.slogan {
    width: auto;
    margin-left: auto ;
    margin-right: auto ;
    padding-top: 50px;
    text-align: center;
}
.slogan .h {
    font-size: 2.0em;
    line-height: 30px;
    color: #A04610;
    padding-bottom: 20px;
}
.slogan .d {
    font-size: 1.2em;
    font-weight: bold;
    color: #0088CC;
}
#feature {
    /*background-color: #FFFFFF; */
    margin-top: -10px;
    padding-left: 5px;
    height: 380px;
}
.feature-row {
    margin-left: auto ;
    margin-right: auto ;
}

#feature .feature-row li {
    height: 160px;
    width: 100px;
    display: block;
    float: left;
    padding: 5px 10px;
}
#feature .feature-row li div {
    margin-top: -10px;
    text-align: center;
    font-weight: bold;
    color: #777777;
    margin-left: -20px;
}

#feature .feature-row a {
    height: 100px;
    width: 100px;
    display: block;
    padding: 5px;
}

/* -126 */
#feature #feature1 {
    background: url("/hgs/images/icon/sixpack1.png") no-repeat scroll -34px 0 transparent;
}
#feature #feature2 {
    background: url("/hgs/images/icon/sixpack1.png") no-repeat scroll -160px 0 transparent;
}
#feature #feature3 {
     background: url("/hgs/images/icon/sixpack1.png") no-repeat scroll -286px 0 transparent;
}
#feature #feature4 {
    background: url("/hgs/images/icon/sixpack1.png") no-repeat scroll -412px 0 transparent;
}
#quicklink #feature4 {
    background: url("/hgs/images/icon/sixpack1_s.png") no-repeat scroll -412px 0 transparent;
}
#feature #feature5 {
    background: url("/hgs/images/icon/sixpack1.png") no-repeat scroll -538px 0 transparent;
}
#feature #feature6 {
    background: url("/hgs/images/icon/sixpack1.png") no-repeat scroll -664px 0 transparent;
}
#feature #feature7 {
    background: url("/hgs/images/icon/sixpack2.png") no-repeat scroll -34px 0 transparent;
}
#feature #feature8 {
    background: url("/hgs/images/icon/sixpack2.png") no-repeat scroll -160px 0 transparent;
}
#feature #feature9 {
    background: url("/hgs/images/icon/sixpack2.png") no-repeat scroll -286px 0 transparent;
}
#feature #feature10 {
    background: url("/hgs/images/icon/sixpack2.png") no-repeat scroll -412px 0 transparent;
}
#feature #feature11 {
    background: url("/hgs/images/icon/sixpack2.png") no-repeat scroll -538px 0 transparent;
}
#feature #feature12 {
    background: url("/hgs/images/icon/sixpack2.png") no-repeat scroll -664px 0 transparent;
}

#quicklink {
    padding-left: 20px;
}
#quicklink .feature-row li {
    height: 80px;
    width: 50px;
    display: block;
    float: left;
    padding: 5px 10px;
}
#quicklink .feature-row li div {
    margin-top: -10px;
    text-align: center;
    font-weight: bold;
    color: #777777;
    font-size: 0.7em;
    margin-left: -10px;
    line-height: 15px;
}

#quicklink .feature-row a {
    height: 50px;
    width: 60px;
    display: block;
    padding: 5px;
}
#quicklink #feature1 {
    background: url("/hgs/images/icon/sixpack1_s.png") no-repeat scroll -10px 0 transparent;
}
#quicklink #feature2 {
    background: url("/hgs/images/icon/sixpack1_s.png") no-repeat scroll -73px 0 transparent;
}
#quicklink #feature3 {
    background: url("/hgs/images/icon/sixpack1_s.png") no-repeat scroll -130px 0 transparent;
}
#quicklink #feature4 {
    background: url("/hgs/images/icon/sixpack1_s.png") no-repeat scroll -195px 0 transparent;
}
#quicklink #feature5 {
    background: url("/hgs/images/icon/sixpack1_s.png") no-repeat scroll -260px 0 transparent;
}
#quicklink #feature6 {
    background: url("/hgs/images/icon/sixpack1_s.png") no-repeat scroll -325px 0 transparent;
}
#quicklink #feature7 {
    background: url("/hgs/images/icon/sixpack2_s.png") no-repeat scroll -10px 0 transparent;
}
#quicklink #feature8 {
    background: url("/hgs/images/icon/sixpack2_s.png") no-repeat scroll -73px 0 transparent;
}
#quicklink #feature9 {
    background: url("/hgs/images/icon/sixpack2_s.png") no-repeat scroll -130px 0 transparent;
}
#quicklink #feature10 {
    background: url("/hgs/images/icon/sixpack2_s.png") no-repeat scroll -195px 0 transparent;
}
#quicklink #feature11 {
    background: url("/hgs/images/icon/sixpack2_s.png") no-repeat scroll -260px 0 transparent;
}
#quicklink #feature12 {
    background: url("/hgs/images/icon/sixpack2_s.png") no-repeat scroll -325px 0 transparent;
}
#footer {
    clear: both;
}
.homeitem .M {
    background: url("/hgs/images/icon/discuss_s.png") no-repeat scroll 0 0 transparent;
    padding-left: 30px;
}
.homeitem .P, .homeitem .signupa {
    background: url("/hgs/images/icon/photo_s.png") no-repeat scroll 0 0 transparent;
    padding-left: 30px;
}
.homeitem .D {
    background: url("/hgs/images/icon/attach_s.png") no-repeat scroll 0 0 transparent;
    padding-left: 30px;
}
.groupinvitea {
    background: url("/hgs/images/icon/school_s.png") no-repeat scroll 0 0 transparent;
    padding-left: 30px;
}
.signupa {
    background: url("/hgs/images/icon/signup_s.png") no-repeat scroll 0 0 transparent;
    padding-left: 30px;
}
.invitea {
    background: url("/hgs/images/icon/invite_s.png") no-repeat scroll 0 0 transparent;
    padding-left: 30px;
}

.school_dir_title {
    background: url("/hgs/images/icon/school_o.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 30px;
    padding-left: 35px;
    padding-top: 3px;
    margin-bottom: 1px;
}

.leftmenu .activity.n a {
    font-style: italic;
}
.leftmenu .cls_y {
    border-top: solid 2px #AAAAAA;
}

.toolset li {
    display: inline-block;
    padding: 10px;
    font-weight: normal;
}

span.passdue {
    color: red;
    font-weight: bold;
}

.inplace {
    background-color: #EEEEEE; padding: 1px 5px 3px 5px;
    /*border: 1px solid #E0E0E0;*/
    border: 1px outset #DDDDDD ;
}

.searchnav a, .searchnav span {
    padding-left: 3px;
    padding-right: 3px;
    font-family: arial,sans-serif;
    font-size: small;
}
.signupcreator {
    float: right;
    display: block;
    color: #666666;
    font-size: 0.8em;
}
.viewmore {
   background-color: #EEEEEE;
}
.regtitle {
    font-weight: bold;
    margin-top: 10px;;
}
.regfee {
    color: darkblue;
}
.regsl_o {
    display: none;
}
.openregistration {
    padding: 5px;
}
.heavy-border {
    border: solid 2px #999999;
    background-color: #FFFFFF;
    margin-bottom: 30px;
}
.pregister {
    background: url("/hgs/images/icon/register.png") no-repeat scroll 0 0 transparent;
    padding-left: 25px;
    padding-right: 5px;;
    padding-bottom: 2px;
}
.regstat_W {
    color: #8b0000;
}
.unprinted {
    background: url("/hgs/images/icon/hourglass.png") no-repeat scroll 0 0 transparent;
    padding-left: 18px;
}

.schoolprofile tr td:first-child {
    font-weight: bold;
    color: #00008b;
    width: 126px;
    padding-left: 10px;
}

.vdtitle {
    padding-top: 4px;
    margin-bottom: 10px;
    padding-left: 10px;
    min-height: 100px;
    background: #FFFFFF;
}
.vleft {
    min-height: 50px;
    padding: 3px;
    margin: 0 8px 10px -8px;
    background-color: #FFFFFF;
}
.vleft.active {
    background-color: #87ceeb;
}

.vleft .desc {
    padding-left: 60px;
    padding-top: 2px;;
}
.video {
    float: left;
    width: 50px;
    height: 50px;
    padding-left: 10px;
}

.vdtitle .desc {
    padding-left: 60px;
}

.video#directory {
    background: url("/hgs/images/icon/sixpack1_s.png") no-repeat scroll -142px 0 transparent;
}
.video#sales {
    background: url("/hgs/images/icon/sixpack2_s.png") no-repeat scroll -16px 0 transparent;
}
.video#regis {
    background: url("/hgs/images/icon/sixpack1_s.png") no-repeat scroll -204px 0 transparent;
}
.video#anno {
    background: url("/hgs/images/icon/sixpack1_s.png") no-repeat scroll -16px 0 transparent;
}
.video#classnote {
    background: url("/hgs/images/icon/sixpack1_s.png") no-repeat scroll -80px 0 transparent;
}
.video#form {
    background: url("/hgs/images/icon/sixpack1_s.png") no-repeat scroll -266px 0 transparent;
}
.video#calendar {
    background: url("/hgs/images/icon/sixpack1_s.png") no-repeat scroll -330px 0 transparent;
}
.video#discussion {
    background: url("/hgs/images/icon/sixpack2_s.png") no-repeat scroll -80px 0 transparent;
}
.video#photo {
    background: url("/hgs/images/icon/sixpack2_s.png") no-repeat scroll -142px 0 transparent;
}
.video#signupapp {
    background: url("/hgs/images/icon/sixpack2_s.png") no-repeat scroll -266px 0 transparent;
}
.video#docs {
    background: url("/hgs/images/icon/sixpack2_s.png") no-repeat scroll -204px 0 transparent;
}
.video#invite {
    background: url("/hgs/images/icon/sixpack2_s.png") no-repeat scroll -330px 0 transparent;
}

#hometour ul.feature-row li {
    display:block;
    float: left;
    height: 100px;
    width: 80px;
    padding: 5px 10px;
}
#hometour ul.feature-row li div.desc {
    margin-left: -80px;
    margin-top: 50px;
    font-weight: bold;
    text-align: center;
}

.canvdirY {
    color: #006400;
    font-weight: bold;
}
.canvdirN {
    color: #8b0000;
    font-weight: bold;
}
.diraccesscd {
    width: 30px;
    display: inline-block;
}

.vlogin {
    height: 0px;
    width: 180px;
    padding: 3px;
    margin: 0 8px 10px -8px;
    background-color: #FFFFFF;
    display: inline-block;
}
.vlogin .desc {
    clear: both;
}

#schoolbar li.dropdown, #topnavbar  {
    background-color: #FFFFFF;
    background-image: none;
}
#schoolbar li.dropdown a {
    border-right: none; border-left: none;
}
#teacherlist table, #directorylist table {
    border: 1px solid #DDDDDD;
    width:100%;
}
#teacherlist table th, #directorylist table th {
    background-color: #CCDDCC;
}
#teacherlist table tr:nth-child(even), #directorylist table tr:nth-child(even) {background: #DEDEDE;}
#teacherlist table tr:nth-child(odd), #directorylist table tr:nth-child(odd) {background: #FFFFFF;}

.attachment table th {
    text-align: left;
}
.breadcrumb.activitytitle {
    background: none;
    padding: 3px 1px 8px 0;
    font-size: 1.3em;
    font-weight: bold;
}
.span8.sectionitem {
    border-top: 1px solid #add8e6; margin: 3px 1px 3px 1px; padding-top: 10px; padding-bottom: 10px;
}
.span8.sectionitem:last-child  {
    border-bottom: 1px solid #add8e6;
}
.span12.sales {
    border-top: 1px solid #add8e6; margin: 3px; padding-top: 5px;
}
.span12.sales:last-child {
    border-bottom: 1px solid #add8e6;
}
a img {
    vertical-align: top;
}

.eventlist .eventlist {
    width: 100%;
}
table.eventab {
    background-color: #e5ecf9;
    width: 100%;
}
.eventlist .content .datecontent td.wbg, .eventlist .content .datecontent .evtdetail {
    background-color: #ffffff;
    width: 100%;
}
.eventlist .content .datetitle {
    padding-left: 10px;
}
.datecontent .time {
    font-weight: bold;
    color: #333333;
    display: inline-block;
    padding: 2px 10px 2px 10px;
    width: 40px;
}
.evtdetail span {
    font-weight: bold;
    color: #333333;
}

.heavytitle {
    font-size: 1.1em;
    font-weight: bold;
}

input[type="checkbox"] {
    vertical-align: top;
}

.signupitm, .updatesignupitm {
    white-space: nowrap;
}

.pagenum {
    display: inline-table;
    padding: 0 3px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.surveyresp {
    border: 3px solid #DDDDDD;
    border-radius: 10px;
    line-height: 32px;
    padding: 10px;
}
.surveyresp .question {
    background-color: #e0ffff;
    font-weight: bold;
    font-size: 1.2em;
    border-top: 1px solid #DDDDDD;
}
.surveyresp .answer {
    min-height: 24px;
}
.pagenum.active {
    background-color: #CCCCCC;
    font-weight: bold;
}
tr.saleitem.C td {
    color: #999999;
}
.notebody.V, .notebody.F {
    background: url("/hgs/images/signup/agsquare.png") repeat scroll center -30px rgba(0, 0, 0, 0);
}
.sgnqnt {
    color: #666666;
    font-size: 0.9em;
}
.helptip {
    position:absolute; background-color: #FFFFFF; width: 250px;
    border: 1px solid #DDDDDD;
    padding: 5px;
    color: #006400;
    font-size: 0.9em;
    z-index: 1;
}
.strinst {
    font-family: Helvetica Neue,Helvetica,Arial,​sans-serif;
    font-size:16px;
    color:#555555;
    line-height:24px;
    margin-top: 10px;
}
.demolink {
    margin-top: 20px;
    border: 1px dotted #cccccc;
    padding: 15px;
}
.demolink .instruction {
    font-size: 0.8em;
}

.strinst table {
    border: none;
    margin-top: 30px;
}
.main_menu {
    margin: 0;
    padding: 0;
    right: 0;
    top: 0;
}
.main_menu li {
    background-color: transparent;
    height: 50px;
    float: right;
    list-style: outside none none;
    margin: 0 1px;
    padding: 0 5px;
}
.main_menu li a {
    font-family: ProximaNovaLtLight,"Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
}
.signup-button {
    background-color: #FFFFFF;
    border-radius: 15px;
    color: #5bb75b;
    cursor: pointer;
    display: block;
    text-align: center;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 15px auto 0;
    opacity: 1;
    padding: 5px 20px;
    text-decoration: none;
    transition: opacity 0.25s ease 0s;
    width: 200px;
}
.findschool {
    clear: both;
}
.loaduseroption {
    padding-left:40px;
    background-image:url('/hgs/images/icon/member_b.png');
    background-repeat: no-repeat;
    background-position: left top;
}
.loaduseroption ol li {
    list-style-type: upper-roman;
    line-height: 26px;
}
.subfee li {
    padding: 10px;
}
.pricing p, .pricing div {
    padding: 10px 30px;
    text-align: center;
}
.pricing h1 {
    background-color: #666666; height: 100px; line-height: 100px; color: #FFFFFF; text-align: center;
    margin: 0;
}
.pricing h2 {
    height: 60px; line-height: 60px; color: #FFFFFF; text-align: center;
    margin-top: 0;
}
.pricing h2.basic {
    background-color: #5bb75b;
}
.pricing h2.pro {
    background-color: #0C4C9D;
}
.pricing h2.unlimit {
    background-color:#a04610;
}
.pricing h2.partner {
    background-color: darkcyan;
    margin-top: 10px;
}
.pricing .inborder {
    border: 1px solid #AAAAAA;
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
}

table.msgcnt {
    width: 100%;
    border: 1px solid #A6C9E2;
}

table.msgcnt tr:nth-child(even) {
    background: #FCFDFD;
}
table.msgcnt tr:nth-child(odd) {
    background: #DDDDDD;
}
table.msgcnt td {
    color: #222222;
    padding: 5px 5px;
}
.ctrhelp img {
    vertical-align: middle;
}
div.signupcard {
    border-radius: 6px;
    box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
    float: left;
    width: 97%;
    min-height: 100px;
    border: 1px solid #E0E0E0;
    padding: 3px 6px 3px 10px;
    margin: 1px 10px 10px 1px;
    background-color: #FFFFFF;
}
div.signupcard p {
    padding: 5px 0 0 10px;
}

/* test only */
.manage-nav-tabs ul.menu li {
    float: left;
}
.manage-nav-tabs ul.menu li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.manage-nav-tabs ul.menu a {
    background: none repeat scroll 0 0 #dadada;
    border-right: 1px solid #eeeeee;
    color: #4f4f4f;
    display: block;
    font-size: 15px;
    font-weight: normal;
    line-height: 100%;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px 5px 0 0;
}
.manage-nav-tabs ul.menu a.active{
    background: #FFFFFF;
    border-top: 2px solid #dadada;
    border-right: 1px solid #c9c9c9;
    font-weight: bold;
    color: #333333;
}
.menudelete {
    display: inline-block; padding-left: 5px;
}

.custmenu li {
    padding: 0px;
    margin: 2px;
    border-radius: 4px 4px 0px 0px;
    background-color: #e1e1ff;
    font-family: chaparral-pro-1,chaparral-pro-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.custmenu li.active {
    background-color: #ffffff;
}
.custmenu li.active a, .custmenu li.active a:focus {
    border: 1px solid #ddd;
    color: #000;
}
.schoolname {
    font-size: 1.5em; padding-top: 20px; padding-left: 20px; color: #02306A; display: inline-block;
}
.schoolname a,.schoolname a:hover {
    text-decoration: none;
}
.activeYear td {
    font-weight: bold;
}
.hbckcl {
    background-color: lightcyan;
}
.formcontent label {
    text-align: left;
}