body {
      margin: 0px;
      width: 100%;
      color: #3853B4;
      font-size: 12px;
      font-family:Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
    }

    form {
      margin: 0;
      font-family:Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
      color: #3853B4;
      font-size: 12px;
    }

    #wrapper {
      width: 100%;
    }

    input, textarea {
      color: #3853B4;
      font-size: 12px;
    }

    div {
      color: #3853B4;
    }

    hr {
      color: #3853B4;
      height: 1px;
    }

    select {
      color: #3853B4;
      font-size: 12px;
    }

    td {
      font-family:Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
      vertical-align: top;
      color: #3853B4;
      font-size: 12px;
      padding: 0;
    }

    th {
      font-family:Arial,"Helvetica Neue",Helvetica,Geneva,sans-serif;
      font-weight: bold;
      text-align: left;
      color: #3853B4;
      font-size: 12px;
    }

    a {
      font-size: 12px;
      text-decoration: underline;
      color: #3853B4;
    }

    a:hover {
      color: #A6662A;
    }

    img {
      border: none;
    }

    .container {
       border:solid 1px #999999;
       padding: 3px 3px 3px 3px;
    }

    .title {
       border:solid 1px #999999;
       border-bottom: none;
       background: white url('getImage?ImageName=shim.gif') repeat-x left top;
       padding: 2px;
       font-weight:bold;
       font-size:larger;
    }

    .pagetitle {
      font-size: 18px;
      font-weight: bold;
      padding: 5px 0 5px 0;
      white-space: nowrap;
    }

    .pagesubtitle {
      font-size: 13px;
      font-weight: bold;
      padding: 10px 10px 10px 0;
      white-space: nowrap;
      background: url(getImage?ImageName=background_blue5.gif) repeat-y;
    }

    .pagesubtitle2 {
      font-size: 13px;
      font-weight: bold;
      padding: 10px 10px 10px 0;
      white-space: nowrap;
    }

    .pagecontent {
      padding: 10 10px 10px 0;
    }

    .formLabel {
      float: left;
      padding: 5px;
      white-space: nowrap;
    }

    .formElement {
      float: right;
      padding: 5px;
      white-space: no-wrap;
      width: auto;
      width: 600px;
      text-align: left;
    }

    #infoblock {
      float: left;
    }

    #menublock {
      float: right;
      width: 250px;
    }

    #infoblock div, #menublock div {
      padding: 2px;
    }

    #menublock a, #infoblock a {
      text-decoration: none;
    }

    .noteblock {
      width: 40%;
      float: left;
    }

    .listblock {
      width: 60%;
      float: right;
    }

    .clear {
      clear: both;
    }

    #topbar {
      width: 100%;
      height: 86px;
      background: #335487 url(getImage?ImageName=Seal_right.png) no-repeat top right;
	    white-space: nowrap;
      padding: 0;
      vertical-align: top;
    }

    #topbar img{
      vertical-align: top;
    }

    .headerText {
	    font-family:Geneva, Arial, Helvetica, sans-serif;
	    font-size: 32px;
	    font-variant: normal;
	    text-transform: capitalize;
	    color: #FFFFFF;
	    padding-left:15px;
      padding-top:15px;
	    white-space: nowrap;
    }

    div.menulink {
      padding: 5px;
      border-bottom: 1px solid #A6662A;
      text-align: right;
    }


    td#menu a {
      color: white;
      font-weight: bold;
      text-decoration: none;
    }

    td#menu a:hover {
      color: #A6662A;
    }


    #content {
      width: 950px;
      height: 100%;
      padding: 1em;
    }

    li {
      margin-bottom: 10px;
    }

    li.ball {
      list-style: none;
      background: url(getImage?ImageName=ball.gif) no-repeat center left;
      margin-left: -30px;
      padding-left: 30px;
      padding-top: 2px;
      padding-bottom: 2px;
    }

    div.errorMsg {
      border:1px solid #ff9999;
      background-color:#fff6f6;
      color:#FF0000;
      padding:6px;
    }

    .formblock {
      border-left: 1px solid #3853B4;
      border-top: 1px solid #3853B4;
      border-bottom: 1px solid #3853B4;
      border-right: 1px solid #3853B4;
      padding: 5px;
    }

    table.formtable {
      width: 100%;
    }

    table.formtable th {
      padding: 3px 10px 3px 3px;
      font-weight:normal;
      width: 30%;
      vertical-align: top;
    }

    table.formtable td {
      padding: 3px;
      vertical-align: top;
    }

    table.formtable2 {
      width: 100%;
    }

    table.formtable2 th {
      padding: 3px 20px 3px 3px;
      font-weight:normal;
      vertical-align: top;
      white-space: nowrap;
    }

    table.formtable2 td {
      padding: 3px;
      width: 100%;
      vertical-align: top;
    }

    table.regulartable {
      width: 100%;
    }

    table.regulartable th {
      background: #2D6CC0;
      color: #FFFFFF;
      padding: 4px;
      vertical-align:center;
      cursor: pointer;
      font-weight: bold;
    }

    table.regulartable tr .header {
      background: #2D6CC0 url(getImage?ImageName=asc_desc.gif) center right no-repeat;
      color: #FFFFFF;
      padding: 4px 15px 4px 4px;
      vertical-align:center;
      cursor: pointer;
      font-weight: bold;
    }

    table.regulartable th.headerSortUp {
      background: #B2CDF5 url(getImage?ImageName=asc.gif)  center right no-repeat;
    }

    table.regulartable th.headerSortDown {
      background: #B2CDF5 url(getImage?ImageName=desc.gif)  center right no-repeat;
    }

    table.regulartable td {
      padding: 4px;
    }

    .floatBtn {
      float: left;
      padding-right: 3px;
    }

    .update {
    	border:1px solid #9999ff;
      background-color:#f6f6ff;
    	color:#0000FF;
    	padding:6px;
    }

    .required {
    	color: #FF0000;
      font-size: 12px;
    	font-style:italic;
    }

    table.regulartable tbody tr td {
    	background-color:#F0F0F6;
    }

    table.regulartable tr.odd {
      background: #DDF4FF;
    }

    table.regulartable tr.even{
       background: #FFFFFF;
    }

    .frame {
      padding: 5px;
      border-top: 1px solid #ECE9D8;
      border-right: 1px solid #ECE9D8;
      border-bottom: 1px solid #ECE9D8;
      border-left: 1px solid #ECE9D8;
    }

    .error_field {
      background-color: #FFFFFF;
      margin: 0px;
      color: red;
      padding-left: 5px;
    }

    input.required, input.email, input.number, select.required, textarea.required {
      color: #3853B4;
      font-style: normal;
    }

    #msg_box_id {
      height: 10px;
      color:#FF0000;
      visibility:none;
    }

    #confirm_save_info, #confirm_save_self_statement, #confirm_save_job_history, #confirm_save_educational_info, #confirm_save_general_info,
    #confirm_save_supervision_info, #confirm_save_supervisor_decision, #confirm_save_supervisor_statement, #confirm_save_campus_admin_decision,
    #confirm_save_more_info, #div_confirmation {
      padding: 5px;
      color:#FF0000;
    }

    .footermenu {
      width: 33%;
    }

    a.reverse {
      text-decoration: none;
      color: #A6662A;
    }

    a.reverse:hover {
      color: #3853B4;
    }

    ul.app_checkbox_on {
    	list-style-image:url(getImage?ImageName=app_checkbox_on.gif);
    	list-style-type: square;
    	margin-left: 4em;
    	line-height: 0.5;
    }

    ul.app_checkbox_off {
    	list-style-image:url(getImage?ImageName=app_checkbox_off.gif);
    	list-style-type: square;
    	margin-left: 4em;
    	line-height: 0.5;
    }

    ul.app_no_checkbox {
    	list-style-image: none;
    	list-style-type: none;
    	margin-left: 4em;
    	line-height: 0.5;
    }

    ul.app_checkbox_on li, ul.app_checkbox_off li {
      margin-top: 1em;
      margin-bottom: 1em;
    }

    ul.app_no_checkbox li {
      margin-top: 1.5em;
      margin-bottom: 1.5em;
    }

    .loginhelp {
      padding-right: 25px;
    }

    .greyout {
      color: grey;
    }