body { background: #FFF; margin:0px; padding: 0px; font: 11px Arial, Verdana, Trebuchet MS, Helvetica, san-serif; color: #333;}
  .mainContainer *{box-sizing: border-box;-moz-box-sizing: border-box; margin: 0px; padding: 0px;}
  .mainContainer{
    width: 940px;
    margin: 20px auto 0px;
  }
  .leftCont{
    width: 621px;
    background: url('/graphics/reg_test/reunionFrnds_bg.jpg') repeat-x top left;
    margin-top: 1px;
  }
  .leftInnerCont{
    padding: 28px 1px 0px 43px;
    border-right: 1px solid #DCDBDB;
    background: url('/graphics/reg_test/reunionFrnds.jpg') no-repeat top right;
  }
  .lHeader{
    width: 350px;
    padding-bottom: 50px;
  }
  .lHeader p{
    line-height: 20px;
    padding: 7px 70px 0px 0px;
    color: #666;
  }
  #otherClass{
    padding: 20px 0px;
  }
  ul {
   list-style-type: none;
  }
  .rightCont{
    width: 308px;
	margin-left: 11px;
	color: #666;
	font-family: Arial;
	overflow: hidden;
  }
  .vrDivider{
    border-top: 1px dotted #CCC;
  }
  .r1Row{
    padding: 15px 0px 21px 9px;
  }
  .eventContInfo{
    font-size: 18px; 
	color: #999;
	padding-top: 7px;
  }
  .r2Row{
    padding: 16px 0px 0px 9px;
  }
  .r2Row h4{
    padding: 17px 0px 1px 0px;
  }
  .r2Row p{
    line-height: 18px;
	padding-right: 45px;
	color: #666;
  }
  .r2Row ul{
    list-style-type: none;
	margin-left: 10px;
  }
  .rthirdRow{
    padding: 20px 0px 0px 9px;
	margin-top: 19px;
  }
/*CM Validator starts here*/
  .errorLink{
    display: none;
    color: #FFFFFF;
    font-style: italic;
  }
  .errorLink div{
    position: relative;
    display: none;
  }
  label.error,span.error, span.errorHdg{
    color: #FF0000;
  }
  #school_info input.error, #school_info select.error{
    border-color: #FF0000;
  }
  .bold{
    font-weight: bold;
  }
  .floatRight {
    float: right;
  }
  #errorBubble{
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    position: absolute;
    width: 215px;
    border: 1px solid #000000;
    background: #ffffff;
    display: none;
    padding: 10px;
    font: normal 11px Verdana;
  }
  #errorBubble div.inner{
    line-height: 16px;
  }
  #errorBubble div.message{
    line-height: 16px;
    width: 180px;
  }
  #errorBubble div.closeLink{
    bottom: 7px;
    left: 195px;
    position: absolute;
  }
  /* autocomplete starts here */
.autocomplete-w1 { background:url(/graphics/shadows/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; font-size: 13px; font-family: Arial; line-height: 20px; color: #666 }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:3px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:bold; color:#000; }
  /* autocomplete ends here */
/*CM Validator ends here*/
  .hdrTxt{
    border-bottom: 3px solid #39C;
    background: url('/graphics/reg_test/blue_arrow.jpg') no-repeat top left;
    padding: 0px 0px 18px 43px;
    font: normal 35px HelveticaNeue, Helvetica, Arial;
    /*margin-bottom: 6px;*/
    color: #000;
    line-height: 30px;
  }
  .hdrTxt1{
    font: normal 38px HelveticaNeue;
    line-height: 39px;
  }
  .hintTxt{
    color: #999;
    font-style: italic;
  }
  .subTxt{
    font: normal 22px Arial;
    /*padding: 8px 0px;*/
    margin-bottom: 15px;
  }
  .subTxt1{
    font: normal 24px Arial;
  }
  .normalTxt{
	  font: normal 12px Arial;
  }
  .normalTxt1{
	  font: normal 11px Arial;
  }
  .normalTxt2{
	  font: normal 14px Arial;
  }
  .normalTxt3{
	  font: normal 20px Arial;
  }
  .normalTxt4{
	  font: normal 16px Arial;
  }
  .greenColor{
    color: #78A819;
  }
   input, textarea{
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
  }
  #school_info input, #school_info textarea{
    padding: 2px;
    border: 1px solid #BBBCBE;
  }
  .timeSelect{
    width: 142px;
  }
  .personalInfoI{
    width: 273px;
  }
  label{
    display: block;
  }
  .dateLabel{
    width: 102px;
    margin: 5px 7px 0px;
    text-align: right;
  }
  .schoolInput{
    width: 461px;
  }
  .registerOff{
	background: url('/graphics/reg_test/buttons/yellow_button_off.gif') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0px 140px 26px;
  }
  .registerOn{
	background: url('/graphics/reg_test/buttons/yellow_button_onhover.gif') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0px 140px 26px;
  }
  .floatLeft{
    float: left;
  }
  .date-picker-holder{
    float: left;
	width: 147px;
  }
  .legalCopy {
    color: #666;
    padding: 18px 0px 10px 10px;
  }
  .formIndent{
    padding-left: 10px;;
  }
  .hideElement{
    display: none;
  }
  .pubFooter{
    border-top: 1px solid #DCDBDB;
    padding-top: 16px;
    text-align: center;
  }
  a.linkNormal{
    font: normal 11px Arial;
    color: #06c;
    text-decoration: none;
  }
  a.linkNormal1{
    font: normal 12px Arial;
    color: #06c;
    text-decoration: none;
  }
  /* event related styles starts here */
  .inviteOtherClass {
    margin-top:10px;
    width:422px;
  }

  .selectStyle {
    width: 174px;
    padding-left:5px;
  }

  .classList {
    background:#F8FAEE none repeat scroll 0 0;
    float:left;
    width:174px;
  }
  .inviteAddRemoveButtons {
    float:left;
    text-align:center;
    /*width:70px;*/
    padding-left:10px;
    padding-right:10px;
  }
  .formLabelTxt{
    padding-top: 2px
  }
  a.date-picker {
    position: absolute;
	top: 2px;
	left: 127px;
  }
  .mainContainer a:link{
    font: normal 12px Arial;
	color: #06c;
  }