/*****************************************
  GLOBAL
*****************************************/

body {
  background : #571048 url(/images/bg.jpg) repeat-x;
}

body, input, textarea, tr, td {
  font : 14px/24px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

input, textarea {
  line-height : normal;
}

h1 {
  font           : normal 32px georgia;
  letter-spacing : -1.5px;
  color          : #709862;
  margin         : 0 0 10px 0;
}

h2 {
  font           : normal 25px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  letter-spacing : -1.5px;
  color          : #666;
  margin         : 0 0 15px 0;
}

h3 {
  font           : bold 22px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  letter-spacing : -1px;
  color          : #ae2a7a;
  margin         : 0 0 18px 0;
  border-bottom  : 1px #e3e3e3 solid;
}

h2 span, h3 span {
  color       : #000;
  font-weight : normal;
}

h2 span.small {
  font-size : 18px;
  display   : block;
  color     : #999;
  margin    : 0 0 6px 0;
}

h4 {
  font           : bold 18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  letter-spacing : -1px;
  color          : #000;
  margin         : 20px 0 0 0;
}

blockquote.block {
  padding     : 0 0 0 30px;
  margin      : 30px 0;
  border-left : 6px #ae2a7a solid;
}

p {
  margin : 0 0 26px 0;
}

p.sub {
  font-size   : 12px;
  color       : #999;
  line-height : 16px;
}

p.sub span {
  font-weight : bold;
}

span.sub {
  font-weight : normal;
  color       : #999;
}

a {
  color           : #ae2a7a;
  text-decoration : none;
}

a:hover {
  color : #000;
}

img {
  vertical-align : middle;
}

table {
  background      : #fff;
  border-collapse : collapse;
}

th {
  color       : #666;
  background  : #ccc;
  font-weight : bold;
  padding     : 5px 15px;
}

td {
  padding       : 5px 15px;
  font-size     : 13px;
  border-bottom : 1px #ccc solid;
}

td span {
  font-weight : bold;
}

strong {
  font-weight : bold;
}

/*****************************************
  COMPONENTS
*****************************************/

.clear {
  clear : both;
}

.abs {
  position : absolute;
}

.hilite {
  color       : #ae2a7a;
  font-weight : bold;
  font-size   : 18px;
}

.info {
  background : #ffc;
  padding    : 10px 20px;
  margin     : 0px;
}

.notice {
  color                 : #666;
  padding               : 10px 10px 10px 40px;
  border                : 1px #ffecb1 solid;
  -moz-border-radius    : 10px;
  -webkit-border-radius : 10px;
  background            : #ffc url(/images/icons/info.png) no-repeat 15px center;
  line-height           : normal;
}

.notice p.sub {
  margin : 0;
}

.notice span {
  font-weight    : bold;
  letter-spacing : -.5px;
}

.notice span.balance {
  color     : #000;
  font-size : 18px;
}

.error {
  color                 : #fff;
  padding               : 10px 10px 10px 40px;
  -moz-border-radius    : 8px;
  -webkit-border-radius : 8px;
  background            : #900 url(/images/icons/error.png) no-repeat 15px center;
  line-height           : normal;
}

#errorContainer, #errorMessages {
  display : none;
}

.confirmation {
  color                 : #666;
  padding               : 10px 10px 10px 40px;
  border                : 1px #c9f1c0 solid;
  -moz-border-radius    : 10px;
  -webkit-border-radius : 10px;
  background            : #E1FFD6 url(/images/icons/accept.png) no-repeat 15px center;
  line-height           : normal;
}

#status {
  width      : 280px;
  text-align : center;
  display    : none;
  top        : 230px;
}

.hidden {
  position : absolute;
  left     : -99999px;
}

.frame {
  background            : #f3f3f3;
  padding               : 15px;
  -moz-border-radius    : 10px;
  -webkit-border-radius : 10px;
  line-height           : normal;
  margin                : 0 0 20px 0;
}

.frame table {
  width : 100%;
}

div.loadMore {
  padding       : 3px 10px;
  cursor        : pointer;
  background    : #970c5f url(/images/grid_head.jpg) repeat-x;
  color         : #fff;
  border-bottom : 3px #760047 solid;
  font-weight   : bold;
  font-size     : 12px;
}

div.loadMore:hover {
  color : #ffc;
}

div.loadMore span {
  display    : inline-block;
  background : url(/images/icons/arrow_down_lt.png) no-repeat 0 center;
  padding    : 0 10px 0 18px;
}

div.loadMore img {
  display : inline-block;
}

/*for password form fields*/
.placeholder {
  position : absolute;
  margin   : 1px 0 0 0;
}

/*****************************************
    TOOLTIP
  *****************************************/

.tooltip {
  display            : none;
  font-size          : 11px;
  border             : 2px #fff solid;
  border-bottom      : none;
  color              : #fff;
  text-align         : center;
  background         : url(/images/tooltip.png);
  -moz-box-shadow    : 0px 0px 30px #000;
  -webkit-box-shadow : 0px 0px 30px #000;
}

.tooltip img {
  margin : 10px 10px 12px;
}

.tooltip .tipPane {
  padding : 2px 10px;
}

.tooltip .arrow {
  width      : 100%;
  height     : 14px;
  position   : absolute;
  background : url(/images/tooltip_arrow.png) no-repeat center top;
  margin     : -2px 0 0 0;
}

/*****************************************
    OVERLAY WINDOW
  *****************************************/

.overlay {
  display            : none;
  z-index            : 10000;
  background-color   : #999;
  border             : 1px solid #666;
  -moz-box-shadow    : 0 0 90px 5px #000;
  -webkit-box-shadow : 0 0 90px #000;
}

.overlay h1 {
  background : url(/images/header_inner_bg.jpg) no-repeat bottom left;
  padding    : 5px 10px;
  margin     : 0;
  color      : #fff;
  font-size  : 28px;
}

.overlay .content {
  padding          : 15px;
  background-color : white;
}

.overlay .formButtons {
  line-height : 24px;
  padding     : 5px;
}

.overlayContent {
  background : #fff;
  width      : 500px;
  padding    : 20px;
}

#modalPane {
  position   : fixed;
  z-index    : 100;
  background : #000;
  display    : none;
  opacity    : .6;
  width      : 100%;
  height     : 100%;
  top        : 0;
  left       : 0;
}

/*****************************************
    HEADER LINKS
  *****************************************/

.headerLinks {
  float   : right;
  padding : 10px 0;
}

.headerLinks li {
  float  : left;
  margin : 0 0 0 20px;
}

.headerLinks li img {
  margin : -2px 0 0 0;
}

/*****************************************
    TABS
  *****************************************/

.tabs, .secNav {
  overflow      : hidden;
  width         : 100%;
  padding       : 7px 0 0;
  border-bottom : 7px #AE2A7A solid;
}

.tabs h1, .secNav h1 {
  position   : absolute;
  margin-top : -8px;
}

.tabs li, .secNav li {
  float                           : left;
  background                      : #ccc url(/images/tab_inactive_bg.jpg) repeat-x;
  padding                         : 2px 15px;
  margin                          : 2px 0 0 7px;
  -moz-border-radius-topleft      : 6px;
  -moz-border-radius-topright     : 6px;
  -webkit-border-top-left-radius  : 6px;
  -webkit-border-top-right-radius : 6px;
  cursor                          : pointer;
  color                           : #444;
}

.tabs li:hover, .secNav li:hover {
  background-position : bottom;
  color               : #fff;
}

.tabs li.active {
  background  : #AE2A7A;
  color       : #fff;
  font-weight : bold;
  padding     : 3px 15px;
  margin-top  : 0;
}

.tabs img {
  margin-top : -2px;
}

.tabContent div.tab {
  display : none;
}

.tabContent div.tab p {
  font : 17px/26px georgia;
}

/*****************************************
      SECNAV
    *****************************************/

.secNav {
  margin : 0 0 15px 0;
  height : 35px;
}

.secNav ul {
  float  : right;
  margin : 5px 15px 0 0;
}

.secNav li {
  padding : 0;
}

.secNav .headerLinks {
  padding : 0;
}

.secNav .headerLinks a {
  color : #AE2A7A;
}

.secNav .headerLinks a:hover {
  color : #000;
}

.secNav a {
  padding : 2px 15px;
  display : block;
  float   : left;
  color   : #444;
}

.secNav a:hover {
  color : #fff;
}

.secNav li.active {
  background  : #AE2A7A;
  color       : #fff;
  font-weight : bold;
  margin-top  : 0;
}

.secNav li.active a {
  padding : 3px 15px;
  color   : #fff;
}

/*****************************************
      TERNAV
    *****************************************/

.terNav {
  overflow : hidden;
  float    : right;
}

.terNav li {
  float  : left;
  margin : 0 0 0 20px;
  color  : #999;
}

.terNav li a {
  display    : block;
  background : red;
  padding    : 0 15px;
}

.terNav li.active a {
  background : blue;
}

/*****************************************
    SORT
  *****************************************/

div.sort {
  float       : right;
  margin      : 1px 15px 0 0;
  line-height : normal;
}

#seminars div.sort {
  background : #E9E9E9;
  float      : none;
  overflow   : hidden;
}

div.sort ul {
  float      : left;
  margin     : 0 0 0 19px;
  padding    : 8px 0 0 0;
  border-top : 1px #d3d3d3 solid;
  color      : #888;
}

div.sort ul.seminar-country {
  margin-top : 15px;
  clear      : both;
}

div.sort ul span {
  display    : block;
  font-size  : 10px;
  text-align : center;
  position   : absolute;
  margin     : -15px 0 0 0;
  background : #e9e9e9;
  padding    : 0 10px 0 8px;
}

div.sortStatic ul span {
  background : #fff;
}

div.sort li {
  float                 : left;
  border                : 1px #ccc solid;
  background            : #ccc;
  background            : -moz-linear-gradient(center top, #F9F9F9, #E3E3E3);
  background            : -webkit-gradient(linear, center top, center bottom, from(#F9F9F9), to(#E3E3E3));
  padding               : 4px 5px 2px 5px;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
  font-size             : 11px;
  color                 : #444;
  font-weight           : bold;
  margin                : 0 0 0 8px;
}

div.sort li:hover {
  border-color : #999;
  cursor       : pointer;
}

div.sort li a {
  color : #444;
}

div.sort li label {
  color       : #AE2A7A;
  font-weight : normal;
}

div.sort li div.close {
  float                 : right;
  line-height           : 11px;
  padding               : 2px 4px;
  background            : #999;
  -moz-border-radius    : 2px;
  -webkit-border-radius : 2px;
  display               : none;
  color                 : #ffc;
}

div.sort li.active div.close {
  background : #444;
}

div.sort li.active {
  background   : #999;
  background   : -moz-linear-gradient(center top, #777, #999);
  background   : -webkit-gradient(linear, center top, center bottom, from(#777), to(#999));
  border-color : #888;
  color        : #fff;
}

div.sort li.active a {
  color : #fff;
}

div.sort li.active label {
  color         : #ffc;
  border-bottom : 1px #ffc dotted;
  cursor        : pointer;
}

div.sort li img {
  padding : 0 2px 0 0;
}

div.sort ul.check li img {
  padding : 1px 0 3px 0;
}

div.sort div.options {
  clear           : both;
  position        : absolute;
  background      : #fff;
  padding         : 3px;
  border          : 1px #999 solid;
  -moz-box-shadow : 0 0 7px #999;
  margin          : 2px 0 0 -7px;
  font-weight     : normal;
  color           : #333;
  display         : none;
  max-height      : 200px;
  overflow-y      : auto;
  width           : 150px;
}

div.sort div.options div {
  padding       : 2px 5px;
  border-bottom : 1px #ddd solid;
}

div.sort div.options div a {
  font-weight : bold;
  color       : #000;
  display     : block;
}

div.sort div.options div a span {
  color       : #999;
  display     : inline-block;
  text-align  : left;
  position    : relative;
  margin      : 0;
  background  : none !important;
  padding     : 0;
  font-weight : normal;
}

div.sort div.options div:hover,
div.sort div.options div:hover a,
div.sort div.options div.selected,
div.sort div.options div.selected a {
  background : #efefef;
  color      : #AE2A7A;
}

/*****************************************
    BUTTONS
  *****************************************/

.btn {
  display               : block;
  padding               : 4px 5px;
  background-color      : #709862;
  color                 : #fff;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
  text-align            : center;
  line-height           : normal;
}

.btn:hover {
  background-color : #285618;
  color            : #fff;
  text-decoration  : none;
}

.btnPromo {
  overflow : hidden;
}

.btnPromo a {
  cursor                : pointer;
  float                 : left;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
  font-size             : 24px;
  background            : -moz-linear-gradient(center top, #F9F9F9, #E3E3E3);
  background            : -webkit-gradient(linear, center top, center bottom, from(#F9F9F9), to(#E3E3E3));;
  border                : 1px #999 solid;
  color                 : #666;
  padding               : 5px 10px;
}

.btnPromo a:hover {
  border-color : #666;
  color        : #AE2A7A;
}

/*****************************************
    TO TOP
  *****************************************/

#toTop {
  position    : absolute;
  left        : 50%;
  height      : 21px;
  width       : 140px;
  background  : url(/images/to_top.png) no-repeat;
  margin      : 0 0 0 -70px;
  cursor      : pointer;
  text-align  : center;
  font-size   : 11px;
  line-height : 21px;
  font-weight : bold;
  color       : #999;
}

#toTop:hover {
  color : #666;
}

/*****************************************
    GRID
  *****************************************/

.grid {
  background            : #e9e9e9;
  padding               : 15px;
  margin                : 0 0 30px 0;
  -moz-border-radius    : 10px;
  -webkit-border-radius : 10px;
  float                 : left;
  overflow              : hidden;
}

.gridConnect {
  float                           : none;
  -moz-border-radius-topleft      : 0;
  -moz-border-radius-topright     : 0;
  -webkit-border-top-left-radius  : 0;
  -webkit-border-top-right-radius : 0;
}

.grid th, .grid h6 {
  background    : #970c5f url(/images/grid_head.jpg) repeat-x;
  color         : #fff;
  line-height   : normal;
  border-bottom : 3px #760047 solid;
  padding       : 7px 12px;
}

.grid h6 {
  font-size   : 14px;
  font-weight : bold;
  border      : none;
}

.grid td {
  border-color : #fac2fd;
  padding      : 7px 12px;
  line-height  : normal;
  font-size    : 12px;
}

.grid tr.staticRow td {
  background : #E9E9E9;
}

.grid tr.alt td {
  background : #fdeaff;
}

.grid .final {
  background  : #ccc;
  padding     : 2px 10px;
  color       : #444;
  font-weight : bold;
}

.gridHead {
  height : 32px;
  clear  : both;
}

.gridHead h4 {
  background                      : #e9e9e9;
  display                         : block;
  position                        : absolute;
  padding                         : 5px 10px 6px;
  margin                          : 0px 0 0 20px;
  -moz-border-radius-topleft      : 6px;
  -moz-border-radius-topright     : 6px;
  -webkit-border-top-left-radius  : 6px;
  -webkit-border-top-right-radius : 6px;
}

.gridHead h4 span {
  font-weight : normal;
  color       : #ae2a7a;
}

.grid .tablePane {
  height     : 120px;
  background : #fff;
  display    : none;
}

/*****************************************
    FORM
  *****************************************/

.formBox {
  background            : #efefef;
  padding               : 2px 0;
  border                : 1px #ddd solid;
  margin                : 0 0 20px 0;
  -moz-border-radius    : 8px;
  -webkit-border-radius : 8px;
  line-height           : normal;
}

.formBox .error_field, .formBox .error_list,
form.inline .error_field {
  color       : #a00;
  font-weight : bold;
}

.formBox .notice {
  margin : 7px 10px 5px;
}

.formBox .last {
  border : none;
}

.formList {
  margin : 0 0 5px 0;
}

.formBtn {
  padding : 0;
  border  : none;
  width   : auto !important;
}

.row {
  display       : inline-block;
  width         : 100%;
  padding       : 5px 0;
  border-bottom : 1px #e3e3e3 solid;
}

.row .field .error_field,
form.inline .error_field {
  border-color : #c00;
  background   : #fee;
}

.row .label {
  float      : left;
  width      : 30%;
  text-align : right;
}

.row .label label {
  color   : #666;
  font    : bold 12px arial;
  padding : 4px 15px 0;
  display : block;
}

.row .field {
  float : right;
  width : 70%;
}

.row .field .instruction {
  position   : absolute;
  padding    : 6px;
  width      : 167px;
  font-size  : 11px;
  color      : #999;
  font-style : italic;
}

.row .field input,
.row .field select,
.row .field textarea {
  width                 : 95%;
  padding               : 5px;
  border                : 1px #ccc solid;
  -moz-border-radius    : 6px;
  -webkit-border-radius : 6px;
  line-height           : normal;
}

.row .field input[type="radio"], .row .field input[type="checkbox"] {
  width : 20px;
}

.row .field input.small,
.row .field select.small {
  width : 30%;
}

.row .field label {
  display   : block;
  font-size : 12px;
  padding   : 2px 0;
}

.row .field label input {
  display : inline;
  width   : 20px;
  margin  : 0 5px 0 0;
}

.row .field .price {
  font-size   : 22px;
  line-height : 24px;
  color       : #090;
}

.row .registrationOptions input {
  float         : left;
  clear         : left;
  margin-bottom : 5px;
}

.row .registrationOptions .formTip {
  float : left;
}

.row .fieldList {

}

.row .fieldList li {
  display : inline-block;
  margin  : 0 10px 0 0;
}

.row .fieldList label {
  padding     : 0;
  line-height : normal;
}

.row .fieldFull {
  width      : 100%;
  text-align : center;
}

.row .fieldFull textarea {
  height : 80px;
}

.row .formTip, .formTip {
  color : #777;
  font  : italic 11px/18px "lucida sans", arial;
}

.row .captcha {
  display : block;
  float   : left;
  margin  : 0 10px 0 0;
}

.end {
  border                             : 0;
  background                         : #ddd;
  -moz-border-radius-bottomleft      : 4px;
  -moz-border-radius-bottomright     : 4px;
  -webkit-border-bottom-left-radius  : 4px;
  -webkit-border-bottom-right-radius : 4px;
  margin-bottom                      : -2px;
}

.end p {
  font-size : 11px;
  color     : #999;
  float     : left;
  margin    : 0 0 0 15px;
}

.end .cancel {
  float       : right;
  line-height : 22px;
  font-size   : 12px;
  margin      : 0 10px 0 0;
}

.end label {
  font-weight : normal;
  line-height : 22px;
}

.end input.btn {
  display : none;
}

.row a.btn,
#payBtn {
  margin     : 0 8px 0 0;
  float      : right;
  font-size  : 12px;
  background : #666;
}

.row a.btn:hover,
#payBtn:hover {
  background : #AE2A7A;
}

#payBtn {
  padding               : 5px;
  color                 : #fff;
  font-weight           : bold;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
  cursor                : pointer;
}

#payStatus {
  color      : #666;
  font-size  : 18px;
  display    : none;
  text-align : right;
  padding    : 2px 10px;
}

#paySubmit.sending #payBtn {
  display : none;
}

#paySubmit.sending #payStatus {
  display : block;
}

.row .radio_list input {
  width : auto;
}

.row .radio_list label {
  display : inline;
}

.row .checkbox_list {
  margin  : 0 0 5px 0;
  display : inline-block;
}

.row .checkbox li,
#batchModify .checkbox li {
  display            : block;
  float              : left;
  background         : url(/images/checkbox.png) no-repeat;
  -moz-border-radius : 4px;
  width              : 94px;
  height             : 25px;
  cursor             : pointer;
  font-size          : 12px;
  line-height        : 24px;
  text-indent        : 60px;
  color              : #666;
}

.row .checkbox li:hover,
#batchModify .checkbox li:hover {
  color : #000;
}

.row .checkbox li.checked,
#batchModify .checkbox li.checked {
  background-position : 0 -25px;
  color               : #fff;
  text-indent         : 17px;
  font-weight         : bold;
}

/*****************************************
  CANVAS
*****************************************/

#headerCanvas {
  background : url(/images/header_outer_bg.jpg) no-repeat top center;
}

#mainCanvas {
  background : #fff;
}

#sitemapCanvas {
  background : url(/images/sitemap_bg.jpg) repeat-x;
}

#footerCanvas {
  background : #571048;
}

/*****************************************
  HEADER
*****************************************/

#header {
  background : url(/images/header_inner_bg.jpg) no-repeat;
  width      : 960px;
  height     : 146px;
  margin     : 0 auto;
  padding    : 0 15px;
  color      : #fff;
}

/*****************************************
    UTILITY
  *****************************************/

#utilNav {
  height      : 26px;
  margin      : 0 40px 0 360px;
  padding     : 6px 0;
  font-size   : 12px;
  line-height : 18px;
}

#utilNav input {
  font-size : 12px;
}

#utilNav a {
  color : #fff;
}

/*****************************************
    UTILITY LOGIN FORM
  *****************************************/

#utilLogin {
  float : left;
  width : 405px;
}

#utilLogin a {
  border-bottom : 1px #d171b2 dotted;
}

#utilLogin a:hover {
  border-color : #ffa;
  color        : #ffa;
}

#utilLogin li {
  display : inline;
}

#utilLogin li input {
  background : url(/images/form_small_bg.jpg) no-repeat;
  border     : 1px #903874 solid;
  width      : 110px;
  height     : 24px;
  color      : #999;
  padding    : 0 5px;
  margin     : 1px 0 0 0;
}

#utilLogin li input.on {
  color : #6e2e59;
}

#utilLogin li.sep {
  margin  : 0 4px;
  color   : #d171b2;
  padding : 0;
}

#utilLogin .loginLinks {
  padding-top : 4px;
}

#utilLogin .loginLinks li.loginLink {
  padding-left : 19px;
  background   : url(/images/header_login_icons.png) no-repeat left top;
}

#utilLogin .loginLinks li.adminAccount {
  background-position : left -21px;
}

#utilLogin .loginLinks li.logoutLink {
  background-position : left -42px;
}

#utilLogin .loginBtn {
  background  : url(/images/util_login.jpg) no-repeat;
  width       : 45px;
  height      : 25px;
  padding     : 0 5px 0 0;
  display     : inline-block;
  text-align  : center;
  text-shadow : 0 1px 2px #000;
  line-height : 21px;
  border      : none;
}

#utilLogin .loginBtn:hover {
  color               : #fff;
  text-decoration     : none;
  background-position : left bottom;
}

/*****************************************
    UTILITY COUNTRY SELECT
  *****************************************/

#utilCountry {
  position              : absolute;
  z-index               : 100;
  margin                : -1px 0 0 405px;
  -moz-border-radius    : 6px;
  -webkit-border-radius : 6px;
  width                 : 155px;
  padding               : 3px;
}

#utilCountry span {
  position   : absolute;
  width      : 20px;
  height     : 22px;
  margin     : -2px 0 0 122px;
  text-align : center;
}

#utilCountry ul {
  background : #9a4f7e;
  display    : none;
  margin     : 3px 0 0 0;
  font-size  : 11px;
}

#utilCountry li {
  padding : 2px 8px;
  cursor  : pointer;
}

#utilCountry ul li {
  padding : 0;
}

#utilCountry img {
  padding        : 0 7px 0 0;
  vertical-align : middle;
  margin         : -1px 0 0 0;
}

#utilCountry a {
  display : block;
  padding : 5px 8px;
  color   : #fff;
}

#utilCountry a:hover {
  color : #ffa;
}

#utilCountry.hover {
  background : #b96a9a;
}

#utilCountry.hover li.current {
  background : #b96a9a;
  color      : #e6ffe2;
}

#utilCountry.hover li.current span {
  background : #9a4f7e url(/images/util_nav_arrow.png) no-repeat center center;
}

/*****************************************
    LOGO
  *****************************************/

#logo {
  float : left;
}

/*****************************************
    PRIMARY NAV
  *****************************************/

#primNav {
  float   : right;
  padding : 24px 0 0 0;
}

#primNav li {
  float      : left;
  padding    : 0 18px 0 13px;
  background : url(/images/prim_nav_sep.png) no-repeat right;
}

#primNav li.last {
  background : none;
}

#primNav li a {
  display : block;
  padding : 11px 10px 0 10px;
  height  : 23px;
}

#primNav li a:hover,
#primNav li a.active,
#primNav li a.selected {
  background            : #ae2a7a;
  -moz-border-radius    : 6px;
  -webkit-border-radius : 6px;
}

/*****************************************
  MAIN
*****************************************/

#main {
  width      : 950px;
  margin     : 0 auto;
  padding    : 10px 20px 40px 20px;
  min-height : 500px;
  overflow   : hidden;
}

/*****************************************
    LISTS
  *****************************************/
ul.list,
#bioMain #bioContent ul,
#bioMain #bioContent ol {
  padding               : 15px;
  margin                : 0 0 24px 0;
  background            : #E9E9E9;
  -moz-border-radius    : 10px;
  -webkit-border-radius : 10px;
}

ul.list div,
#bioMain #bioContent ul div,
#bioMain #bioContent ol div {
  background    : #970c5f url(/images/grid_head.jpg) repeat-x;
  color         : #fff;
  line-height   : normal;
  border-bottom : 3px #760047 solid;
  padding       : 7px 12px;
  font-weight   : bold;
}

ul.list li,
#bioMain #bioContent ul li,
#bioMain #bioContent ol li {
  padding       : 5px 35px;
  background    : #fff url(/images/icons/bullet_gray.png) no-repeat 10px 10px;
  border-bottom : 1px #EDCFFA solid;
  font-size     : 13px;
}

#bioMain #bioContent ol li {
  background   : #fff;
  padding-left : 50px;
}

#bioMain #bioContent ol li span {
  float       : left;
  font-size   : 24px;
  font-weight : normal !important;
  padding     : 5px 0;
  color       : #AE2A7A;
  margin-left : -30px;
}

ul.list li.alt,
#bioMain #bioContent ul li.alt,
#bioMain #bioContent ol li.alt {
  background-color : #fdeaff;
}

ul.list li span,
#bioMain #bioContent ul li span,
#bioMain #bioContent ol li span {
  font-weight : bold;
}

#bioMain #bioContent ul.stats {
  line-height           : normal;
  margin                : 0 0 30px 0;
  background            : #efefef;
  -moz-border-radius    : 10px;
  -webkit-border-radius : 10px;
  padding               : 15px;
}

#bioMain #bioContent ul.stats li {
  padding       : 7px 15px 7px 170px;
  font-size     : 12px;
  border-bottom : 1px #efefef solid;
  color         : #666;
  background    : #fff;
}

#bioMain #bioContent ul.stats li strong {
  position   : absolute;
  margin     : 0 0 0 -170px;
  width      : 150px;
  display    : block;
  text-align : right;
  color      : #AE2A7A;
}

#bioMain #bioContent em {
  font-style : italic;
}

/*****************************************
    PANES
  *****************************************/

#mainPane {
  width  : 675px;
  float  : left;
  margin : 0 30px 0 0;
}

#mainPane p {
  font : 17px/26px georgia;
}

#mainPane p.normal {
  line-height : 20px;
}

#mainPane span.aIcon {
  color       : #999;
  font-size   : 12px;
  line-height : 20px;
}

#mainPane span.aIcon img {
  margin : -4px 3px 0;
}

#colPane {
  width      : 245px;
  float      : left;
  background : url(/images/col_bg.jpg) repeat-y;
}

/*****************************************
    PANES
  *****************************************/

#colHead {
  height     : 46px;
  padding    : 15px 20px 25px;
  background : url(/images/col_head_bg.jpg) no-repeat;
}

#colHead h2 {
  font-size : 22px;
}

#colHead input#s {
  width : 135px;
}

#colMain {
  min-height : 400px;
  background : url(/images/col_foot_bg.jpg) no-repeat left bottom;
  color      : #999;
  margin     : -30px 0 0 0;
}

#colMain h4 {
  font-size : 14px;
}

#colMain ul {
  background : url(/images/col_sep.jpg) no-repeat left top;
  padding    : 2px 0 0 0;
}

#colMain ul li {
  background : url(/images/col_sep.jpg) no-repeat left bottom;
}

#colMain ul li a {
  padding : 10px 20px 13px;
  display : block;
}

#colMain ul li a:hover {
  background : url(/images/col_active.jpg) no-repeat left top;
  color      : #000;
}

#colMain ul li a.active {
  background  : url(/images/col_active.jpg) no-repeat left top;
  color       : #709862;
  font-weight : bold;
  font-size   : 16px;
}

#colContent {
  padding   : 0 24px;
  font-size : 12px;
}

#colContent a {
  color : #AE2A7A;
}

#colContent a:hover {
  text-decoration : underline;
}

#colContent img {
  padding : 0 5px 0 0;
}

#main div.boxPane {
  overflow : hidden;
  margin   : 0 0 25px 0;
}

#main div.box {
  float                 : left;
  width                 : 288px;
  padding               : 15px 19px 20px;
  margin                : 0 20px 20px 0;
  -moz-border-radius    : 10px;
  -webkit-border-radius : 15px;
  color                 : #444;
  font                  : 13px/20px arial;
  background            : url(/images/box_bg.jpg) repeat-x;
  min-height            : 165px;
}

#main div.last {
  margin : 0;
}

#main div.boxFull {
  width : 635px;
}

#main div.boxPane h3 {
  font-size    : 18px;
  margin       : 0 0 10px 0;
  padding      : 2px 0;
  border-color : #ccc;
}

#main div.boxPane h3 img {
  margin : -4px 2px 0 0;
}

#main div.boxPane p {
  font-size : 13px;
}

/*****************************************
  PUBLIC PAGES
*****************************************/

/*****************************************
    COURSE CURRICULUM / CATALOG
  *****************************************/

.course_num {
  width : 75px;
}

.course_title {
  width : 190px;
}

.course_instructor {
  width : 200px;
}

.course_desc {
  width : 333px;
}

.course_tuition {
  width : 40px;
}

.course_date {
  width : 120px;
}

.course_location {
  width : 100px;
}

.course_country {
  width : 16px;
}

.course_poster {
  padding : 0 5px 10px 10px;
  width   : 50px;
}

.course_poster img {
  width          : 50px;
  height         : 75px;
  vertical-align : text-top;
}

.course_poster a {
  margin  : 0 0 25px 0;
  display : block;
}

.course_poster a.slim {
  margin : 0;
}

.course_view {
  width      : 45px;
  text-align : center;
}

td.course_num {
  color       : #AE2A7A;
  font-weight : bold;
}

td.course_title {
  font-weight : bold;
  line-height : normal;
}

td.course_title div,
td.course_name div {
  font-weight : normal;
  font-style  : italic;
  color       : #4fa830;
  font-size   : 13px;
}

td.course_tuition {
  text-align : center;
}

td.course_desc {
  font-style     : italic;
  color          : #666;
  font-size      : 12px;
  line-height    : 18px;
  padding-bottom : 10px;
}

td.course_view {
  color       : #709862;
  font-size   : 11px;
  line-height : normal;
}

td.course_view a.btn {
  font-size : 12px;
}

td.course_view .seatInfo {
  position    : absolute;
  color       : #c00;
  font-weight : bold;
  margin      : 30px 0 0 -80px;
  font-size   : 14px;
}

td.course_date {
  font-weight : bold;
}

td.course_date span {
  font-weight : normal;
  display     : block;
  color       : #999;
}

td a {
  display     : block;
  font-weight : normal;
  font-size   : 11px;
  padding     : 2px 0 8px 0;
}

td a:hover {
  color           : #AE2A7A;
  text-decoration : underline;
}

td.course_poster a {
  padding : 0 0 5px 0;
}

th.course_country,
td.course_country {
  padding : 7px 0;
}

td.course_location div {
  font-style : italic;
  color      : #4fa830;
  font-size  : 11px;
}

#mainPane .degreeRequirement {
  clear   : both;
  border  : 1px #efefef solid;
  padding : 20px;
  margin  : 0 0 50px;
}

#mainPane .degreeRequirement p {
  font   : italic 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  margin : 0 0 10px 0;
}

.degreeRequirement li {
  font       : italic 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  list-style : decimal;
  margin     : 0 0 0 30px;
}

/*****************************************
    SEMINARS
  *****************************************/

#seminars {
  background : #e9e9e9;
  margin     : -15px 0 0 0;
  padding    : 15px 0 0 0;
}

#seminars h2 {
  margin  : 0;
  padding : 0px 0 5px 15px;
}

#seminars table tr td {
  border : none;
}

#seminars .headerLinks {
  padding : 5px 15px 0 0;
}

#seminars .grid {
  -moz-border-radius-topleft      : 0;
  -moz-border-radius-topright     : 0;
  -webkit-border-top-left-radius  : 0;
  -webkit-border-top-right-radius : 0;
  padding-top                     : 10px;
  min-height                      : 155px;
}

#seminars tr.alt td {
  padding-top   : 0;
  padding-right : 0;
}

#seminars .loading,
#search_loading,
#status {
  position              : absolute;
  width                 : 250px;
  background            : #666;
  background            : -moz-linear-gradient(center top, #999, #333);
  background            : -webkit-gradient(linear, center top, center bottom, from(#999), to(#333));
  -moz-border-radius    : 15px;
  -webkit-border-radius : 15px;
  -moz-box-shadow       : 0 0 10px #000;
  -webkit-box-shadow    : 0 0 10px #000;
  color                 : #ffc;
  padding               : 15px 30px 20px;
  margin                : 60px 0 0 -155px;
  left                  : 50%;
  z-index               : 2;
  font-size             : 16px;
  font-weight           : bold;
  line-height           : normal;
}

#status {
  position   : fixed;
  top        : 50%;
  left       : 50%;
  margin-top : -100px;
}

#status h5 {
  color     : #fff;
  font-size : 24px;
}

#seminars div.noticeBox {
  padding    : 30px;
  position   : absolute;
  width      : 860px;
  background : #fff;
}

#seminars div.noticeBox .notice {
  padding : 20px 20px 20px 40px;
}

.course_details_bar {
  position      : absolute;
  background    : #fdeaff;
  min-height    : 23px;
  width         : 920px;
  margin        : 0 0 0 -12px;
  border-top    : 1px #FAC2FD solid;
  border-bottom : 1px #FAC2FD solid;
}

.course_details {
  overflow     : hidden;
  background   : #fff;
  padding      : 0 15px 15px;
  border       : 1px #EDCFFA solid;
  border-top   : none;
  border-right : none;
  float        : right;
  margin       : -1px 0 15px 0;
  display      : none;
  width        : 805px;
}

.course_details ul {
  float        : left;
  border-right : 1px #e3e3e3 solid;
  margin       : 0 0 15px 0;
}

.course_details ul.head li {
  width       : 73px;
  background  : #f3f3f3;
  color       : #666;
  font-size   : 11px;
  font-weight : bold;
  border-left : 1px #e3e3e3 solid;
}

.course_details ul:hover li {
  background : #ffc;
}

.course_details ul.head:hover li,
.course_details ul:hover li.head {
  background : #f3f3f3;
}

.course_details ul.head li.head {
  background  : none;
  border-left : none;
  border-top  : none;
  margin      : 1px 0 0 1px;
}

.course_details li {
  width         : 121px;
  padding       : 7px 10px;
  height        : 15px;
  border-bottom : 1px #e3e3e3 solid;
  background    : #fff;
}

.course_details li.head {
  background  : #f3f3f3;
  color       : #666;
  font-weight : bold;
  font-size   : 12px;
  border-top  : 1px #e3e3e3 solid;
}

.course_details li.location {
  height    : 100px;
  font-size : 11px;
}

.course_details li a {
  margin : 0;
}

.course_details .btn {
  float      : left;
  padding    : 2px 5px;
  margin-top : -2px;
}

.course_details .venue {
  font-weight : bold;
  color       : #666;
}

.course_details .room {
  color      : #4fa830;
  font-style : italic;
}

.course_details .address {
  color     : #999;
  font-size : 10px;
}

.course_details div.close {
  padding     : 3px 10px;
  cursor      : pointer;
  background  : #970c5f url(/images/grid_head.jpg) repeat-x;
  color       : #fff;
  font-weight : bold;
  font-size   : 12px;
  clear       : both;
  margin      : -15px;
}

.course_details div.close:hover span {
  color : #ffc;
}

.course_details div.close span {
  display    : inline-block;
  background : url(/images/icons/arrow_up_lt.png) no-repeat 0 center;
  padding    : 1px 10px 1px 18px;
}

/*****************************************
      SEMINAR CATALOG
    *****************************************/

#seminarCatalog .course_desc {
  width : 430px;
}

#seminarPosters a {
  float   : left;
  display : block;
  border  : 5px solid #fff;
  margin  : 12px;
  width   : 150px;
  height  : 225px;
}

#seminarPosters a:hover {
  border-color : #ccc;
}

#seminarPosters img {
  width  : 150px;
  height : 225px;
}

#seminarPosters a:hover img {
  position        : absolute;
  width           : 180px;
  height          : 280px;
  margin          : -20px 0 0 -15px;
  -moz-box-shadow : 0 0 20px #000;
}

/*****************************************
    INSTRUCTORS
  *****************************************/

#instructors {
  overflow : hidden;
}

#instructors li {
  background  : url(/images/instructor_frame.png) no-repeat;
  width       : 255px;
  height      : 215px;
  float       : left;
  text-align  : left;
  line-height : normal;
  margin      : 4px;
  padding     : 22px 26px;
}

#instructors li:hover {
  background            : url(/images/gray_fade.jpg) repeat-x;
  -moz-border-radius    : 10px;
  -webkit-border-radius : 10px;
}

#instructors li div.img {
  width  : 255px;
  height : 135px;
}

#instructors h3 {
  position : absolute;
  height   : 135px;
  width    : 255px;
}

#instructors h3 a {
  display : block;
  padding : 105px 0 0 0;
}

#instructors h3 a span {
  background  : url(/images/caption_bg.png);
  display     : block;
  height      : 24px;
  padding     : 3px 10px;
  color       : #fff;
  font-size   : 15px;
  font-weight : bold;
}

#instructors h3 a:hover span {
  color : #ffffaa;
}

#instructors .intro {
  font-size   : 12px;
  line-height : 18px;
  color       : #999;
  margin      : 15px 0 0 0;
}

#instructors .intro p {
  margin : 0;
}

#instructors .more a {
  display               : block;
  float                 : left;
  padding               : 2px 6px;
  margin                : 10px 0 0 0;
  background            : #e3e3e3;
  color                 : #999;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
}

#instructors .more a:hover {
  background : #ccc;
  color      : #666;
}

#bioCol {
  width : 200px;
  float : left;
}

#bioCol h4 {
  font-size  : 16px;
  text-align : center;
  margin     : 0 0 10px 0;
  color      : #666;
}

#bioCol h4 span {
  font-size   : 14px;
  display     : block;
  font-weight : normal;
  font-style  : italic;
  color       : #999;
}

#bioCol #bioSeminar {
  width : 200px;
}

#bioCol p {
  font-size   : 13px;
  line-height : 18px;
}

#bioCol th {
  width         : 45px;
  background    : #ddd;
  color         : #666;
  padding       : 0px 5px;
  font-size     : 11px;
  border-bottom : 1px #f3f3f3 solid;
}

#bioCol tr {
  width : 115px;

}

#bioCol td {
  background   : #fff;
  padding      : 0px 10px 6px 10px;
  font-size    : 11px;
  border-color : #f3f3f3;
  line-height  : normal;
  color        : #999;
}

#bioCol td a {
  padding : 0;
}

#bioCol td a:hover {
  color           : #000;
  text-decoration : none;
}

#bioCol ul {
  width : 170px;
}

#bioCol li {
  background : #fff;
}

#bioPicContainer {
  padding                        : 17px;
  background                     : #efefef;
  -moz-border-radius-topleft     : 20px;
  -moz-border-radius-bottomleft  : 20px;
  -moz-border-radius-bottomright : 20px;
  margin                         : 0 0 20px 0;
}

#bioPic {
  width                 : 150px;
  background            : url(/images/bio_default_bg.jpg) no-repeat;
  text-align            : center;
  color                 : #666;
  line-height           : 170px;
  border                : 8px #fff solid;
  -moz-border-radius    : 6px;
  -webkit-border-radius : 6px;
}

#bioSeminar li {
  overflow      : hidden;
  border-bottom : 1px #e3e3e3 solid;
  line-height   : normal;
  font-size     : 13px;
  cursor        : pointer;
}

#bioSeminar li img {
  position : absolute;
  margin   : 11px 0 0 8px;
}

#bioSeminar li a {
  color   : #AE2A7A;
  display : block;
  padding : 8px 8px 8px 32px;
}

#bioSeminar li span {
  font-size : 11px;
  color     : #666;
  display   : block;
}

#bioSeminar li span strong {
  font-weight : bold;
}

#bioSeminar li span.enroll {
  background            : #709862;
  padding               : 2px 5px;
  color                 : #fff;
  float                 : right;
  margin                : 2px 0 8px;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
}

#bioSeminar li a:hover span.enroll {
  background : #285618;
}

#bioSeminar li:hover {
  background : #ffc;
}

#bioSeminar span.tip {
  float      : left;
  background : red;
  width      : 32px;
}

#bioSeminar .notice {
  font-style   : italic;
  text-align   : center;
  background   : #ffc url(/images/icons/info.png) no-repeat 15px 12px;
  padding-left : 30px;
}

#bioMain {
  width : 750px;
  float : left;
}

#bioMain h2 {
  background  : #efefef;
  padding     : 15px 0;
  margin      : 0;
  color       : #ae2a7a;
  font-weight : bold;
}

#bioMain h2 span {
  color       : #000;
  font-size   : 18px;
  padding     : 0 0 0 10px;
  font-weight : normal;
}

#bioMain h2 span.small {
  padding : 0;
  color   : #999;
}

#bioMain h2 span.small span {
  padding : 0 5px;
}

#bioMain h3 {
  color : #666;
}

#bioMain .headerLinks {
  margin-top : -8px;
  font-size  : 12px;
}

#bioMain .tabs {
  background : #dedede url(/images/tab_bg.jpg) repeat-x;
}

#bioMain .tabs ul {
  padding-left : 8px;
}

#bioMain .tabContent {
  padding : 15px 20px;
}

#bioMain .tabContent h2 {
  background : none;
}

#bioMain h4 {
  margin : 20px 0;
}

#bioMain blockquote,
#mainPane blockquote {
  border-left : 4px solid #ccc;
  padding     : 2px 0 2px 30px;
  margin      : 0 0 25px;
  font        : italic 22px georgia;
  color       : #AE2A7A;
  overflow    : hidden;
}

#mainPane blockquote p {
  font   : italic 22px georgia;
  margin : 0;
}

#bioMain blockquote em,
#mainPane blockquote em {
  display : block;
  font    : bold 14px arial;
  color   : #999;
  padding : 10px 0 0;
}

/*****************************************
    LOCATIONS
  *****************************************/

#locations {
  float  : right;
  margin : 5px 15px 0 0;
}

#locations li {
  float         : left;
  padding-left  : 6px;
  padding-right : 6px;
}

#locations a {
  margin : 15px 4px;
}

#locationMap {
  width      : 665px;
  height     : 420px;
  background : url(/images/map_bg.jpg) no-repeat;
  float      : right;
}

#locationGrid {
  width  : 255px;
  height : 420px;
  float  : left;
}

#locationGrid table {
  width : 100%;
}

#locationGrid th {
  padding : 5px 10px;
}

#locationGrid td {
  font-size   : 11px;
  padding     : 7px 10px;
  line-height : normal;
}

#locationGrid tr.active td {
  background-color : #ffc;
}

#locationGrid tr.active td.locQabilah,
#locationGrid tr:hover td.locQabilah {
  color : #AE2A7A;
}

#locationGrid tr.active td.locCity,
#locationGrid tr:hover td.locCity {
  color : #000;
}

#locationGrid .locQabilah {
  width       : 60px;
  font-weight : bold;
}

#locationGrid .locCity {
  width : 90px;
}

#locationGrid td.locQabilah {
  font-size : 11px;
}

#locationGrid td.loccity {
  color      : #666;
  font-style : italic;
}

#locationHead {
  height : 30px;
}

#locationData {
  height     : 390px;
  overflow-y : auto;
}

#locationData table {
  height : 390px;
}

#locationData td.loading {
  text-align : center;
  padding    : 30px;
  font-size  : 14px;
  color      : #999;
}

#locationData .btn {
  width   : 24px;
  padding : 2px 5px;
}

/*****************************************
      GOOGLE MAP
    *****************************************/

.gMapWindow h3 {
  margin : 0 0 7px 0;
}

.gmapWindow h4 {
  font-size : 14px;
  margin    : 0;
  color     : #000;
}

.gMapWindow div {
  font-size   : 12px;
  font-style  : italic;
  color       : #666;
  line-height : normal;
}

.gmapWindow span {
  font-weight : bold;
  display     : block;
  color       : #666;
  font-style  : italic;
}

.gMapWindow .btn {
  float       : right;
  line-height : normal;
  font-size   : 12px;
  padding     : 2px 5px;
  margin      : -10px 0 0 0;
}

/*****************************************
    CONTACT
  *****************************************/

.phone {
  font-weight : bold;
  color       : #333;
}

/*****************************************
  TESTIMONIALS
*****************************************/

.testimonials {

}

.testimonials li {
  border-bottom : 1px #e3e3e3 solid;
  padding       : 10px;
  font-size     : 13px;
  line-height   : 18px;
}

.testimonials li:hover div.comment {
  border-color : #AE2A7A;
}

.testimonials li img {
  padding        : 0 5px 0 0;
  vertical-align : middle;
  margin         : -2px 0 0;
}

.testimonials a:hover {
  text-decoration : underline;
  color           : #AE2A7A;
}

.testimonials div.header {
  color     : #888;
  font-size : 12px;
}

.testimonials div.header span {
  font-size   : 12px;
  font-weight : bold;
  color       : #777;
}

.testimonials div.header span.postby {
  font-size : 14px;
  color     : #709862;
  padding   : 0 7px 0 3px;
}

.testimonials div.comment {
  padding     : 8px 0 8px 25px;
  border-left : 4px #efefef solid;
  margin      : 10px 0 0 5px;
}

.testimonials div.posted {
  color     : #999;
  font-size : 12px;
  padding   : 7px 0 0 0;
}

/*****************************************
  SITEMAP
*****************************************/

#sitemapOuter {
  background : url(/images/sitemap_main_bg.jpg) no-repeat top center;
  overflow   : hidden;
}

#sitemap {
  width   : 950px;
  margin  : 0 auto;
  padding : 20px
}

#sitemap div {
  background : url(/images/sitemap_sep.png) no-repeat 227px center;
  float      : left;
  width      : 210px;
  padding    : 0 0 36px 27px;
}

#sitemap div.last {
  background : none;
}

#sitemap h4 {
  color : #ae2a7a;
}

#sitemap ul {
  padding : 10px 0 0 0;
}

#sitemap li a {
  background : url(/images/icons/bullet_gray.png) no-repeat 0px 5px;
  padding    : 0 0 0 22px;
  display    : block;
  color      : #999;
}

#sitemap li a:hover {
  color : #000;
}

/*****************************************
  FOOTER
*****************************************/

#footer {
  background : url(/images/footer_bg.jpg) no-repeat top center;
  width      : 950px;
  margin     : 0 auto;
  padding    : 30px 20px;
  color      : #b372a5;
  text-align : center;
  height     : 50px;
  font-size  : 12px;
}

#footer span {
  display     : block;
  font-size   : 10px;
  color       : #8a3a7c;
  line-height : normal;
}

#footer span a {
  color : #8a3a7c;
}

#footer span a:hover {
  text-decoration : underline;
  color           : #944687;
}

#siteseal {
  text-align : right;
}

#siteseal.float {
  float : right;
}

/*****************************************
  MAIN LOGIN FORM
*****************************************/

#signUpForm {
  width        : 500px;
  margin-right : 30px;
}

#loginForm {
  width : 336px;
}

#optionBox {
  width        : 395px;
  margin-right : 35px;
}

.loginBox {
  padding : 30px 20px 10px;
  border  : 1px #ccc solid;
  float   : left;
  margin  : 20px 0 0 0;
}

.loginBox h2 {
  position   : absolute;
  margin     : -45px 0 0 0;
  padding    : 0 10px;
  background : #fff;
}

.loginBox h4 {
  margin    : 0 0 10px 0;
  font-size : 16px;
}

#loginContainer {
  width  : 400px;
  margin : 0 auto;
}

#loginContainer h4 {
  color            : white;
  background-color : #8D497B
}

#loginForm .loginInput {
  margin-bottom : 5px;
}

#loginForm .submit {
  float  : right;
  clear  : both;
  margin : 10px 0 15px 0;
}

#loginForm .utilityLinks {
  text-align : right;
  float      : right;
  font-size  : 80%;
  clear      : both;
}

/*****************************************
  PAYMENT TABULATION
*****************************************/

.paymentDetails {
  margin             : 30px 0;
  width              : 550px;
  line-height        : normal;
  background         : #ccc;
  -moz-box-shadow    : 0 0 20px #ccc;
  -webkit-box-shadow : 0 0 20px #ccc;
}

.paymentDetails table {
  width : 100%;
}

.paymentDetails td {
  font-size    : 18px;
  line-height  : normal;
  border-color : #e3e3e3;
  padding      : 7px 15px;
}

.paymentDetails td.amount {
  text-align : right;
}

.paymentDetails td.amount div.discount {
  color           : #999;
  text-decoration : line-through;
}

.paymentDetails tr.donation td.amount {
  font-size : 14px;
  color     : #666;
}

.paymentDetails td input {
  width     : 45px;
  font-size : 14px;
  color     : #666;
}

.paymentDetails p.sub {
  padding : 0;
  margin  : 0;
  font    : normal 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif !important;
}

.paymentDetails tr.total td {
  font-weight : bold;
  font-size   : 24px;
  background  : #ffc;
  border-top  : 5px #ccc solid;
}

.paymentDetails tr.total td.small {
  font-size : 18px;
}

.paymentDetails tr.total td.item span {
  font-size   : 16px;
  font-weight : normal;
  font-style  : italic;
  color       : #666;
}

.paymentDetails tr.paymentOptions td {
  border-width : 1px;
}

.paymentType td {
  overflow      : none;
  padding       : 5px 0 0 5px;
  border-bottom : 5px #AE2A7A solid;
}

.paymentType div {
  float                           : left;
  margin                          : 0 5px 0 0;
  padding                         : 5px 10px;
  background                      : #ccc;
  color                           : #666;
  font-size                       : 12px;
  font-weight                     : bold;
  cursor                          : pointer;
  -moz-border-radius-topleft      : 6px;
  -moz-border-radius-topright     : 6px;
  -webkit-border-top-left-radius  : 6px;
  -webkit-border-top-right-radius : 6px;
}

.paymentType div:hover {
  background : #999;
  color      : #333;
}

.paymentType div.active {
  background : #AE2A7A;
  color      : #fff;
}

.paymentDetails tr.pay3 {
  display : none;
}

/*****************************************
  Enrollment / Payment
*****************************************/

#enrollInfo .confirmation,
#enrollInfo .error {
  margin : 15px 0;
}

#paymentTabs {
  overflow                        : hidden;
  line-height                     : normal;
  margin                          : 20px 0 0;
  padding                         : 8px 8px 0;
  background                      : #ccc;
  background                      : -moz-linear-gradient(center top, #e3e3e3, #aaa);
  background                      : -webkit-gradient(linear, center top, center bottom, from(#ddd), color-stop(50%, #fff), to(#fff));
  -moz-border-radius-topleft      : 10px;
  -moz-border-radius-topright     : 10px;
  -webkit-border-top-left-radius  : 10px;
  -webkit-border-top-right-radius : 10px;
}

#paymentTabs li {
  float                           : left;
  font-size                       : 12px;
  color                           : #fff;
  font-weight                     : bold;
  width                           : 105px;
  height                          : 32px;
  margin                          : 0 8px 0 0;
  padding                         : 5px 2px;
  text-align                      : center;
  line-height                     : normal;
  background                      : #999;
  background                      : -moz-linear-gradient(center bottom, #666, #999 25%);
  -moz-border-radius-topleft      : 4px;
  -moz-border-radius-topright     : 4px;
  -webkit-border-top-left-radius  : 4px;
  -webkit-border-top-right-radius : 4px;
}

#paymentTabs li:hover {
  background : #AE2A7A;
  cursor     : pointer;
}

#paymentTabs li.active {
  background : #fff;
  color      : #AE2A7A;
}

#paymentTabs li.last {
  margin : 0;
}

#paymentOptions div.payBox {
  border-left                        : 1px #ccc solid;
  border-right                       : 1px #ccc solid;
  border-bottom                      : 1px #ccc solid;
  -moz-border-radius-bottomleft      : 10px;
  -moz-border-radius-bottomright     : 10px;
  -webkit-border-bottom-left-radius  : 10px;
  -webkit-border-bottom-right-radius : 10px;
  padding                            : 15px 20px;
  display                            : none;
  line-height                        : 18px;
}

#paymentOptions h3 {
  color : #AE2A7A;
}

#paymentOptions h3 span {
  font-size : 16px;
  color     : #666;
}

#paymentOptions h4 {
  margin : 0;
}

#paymentOptions p {
  margin : 10px 0;
}

#paymentOptions p span {
  font-weight : bold;
}

#paymentOptions p.sub {
  margin : 0;
}

#paymentOptions .formButtons {
  line-height : 24px;
}

#paymentOptions dl {
  overflow    : hidden;
  width       : 610px;
  font-size   : 14px;
  line-height : 24px;
  margin      : 15px 0 15px 20px;
  background  : #f3f3f3;
  padding     : 10px 15px;
}

#paymentOptions dt {
  float       : left;
  width       : 90px;
  padding     : 0 20px 0 0;
  font-weight : bold;
  text-align  : right;
  color       : #666;
}

#paymentOptions dd {
  float : left;
  width : 500px;
}

#paymentOptions dl span {
  font-weight : bold;
  font-size   : 16px;
}

#paymentOptions .pay_hilite {
  color : #AE2A7A;
}

#paymentOptions ul.list {
  margin      : 10px 0 0;
  line-height : 24px;
}

#paymentOptions ul.list li {
  display : block;
}

.couponBox {
  padding   : 10px 0 0;
  font-size : 12px;
  color     : #999;
}

.couponBox input {
  font-size : 9px;
  width     : 75px;
}

#payForm {
  width : 550px;
}

#payForm h4 {
  margin : 20px 0 15px;
}

#payForm h5 {
  color       : #AE2A7A;
  font-weight : bold;
}

#donateForm {
  display : none;
}

/*****************************************
  ILMRUSH CARD
*****************************************/

#ilmrushPromo #mainPane {
  width : 100%;
}

#ilmrushPoster {
  float : right;
}

#ilmrushPane {
  float : left;
  width : 520px;
}

#ilmrushPane #payForm {
  width : auto;
}

#ilmrushPane .paymentDetails {
  width : auto;
}

/*****************************************
  PAGINATION CONTROLS
*****************************************/

.pagination {
  clear     : both;
  font-size : 12px;
  width     : 100%;
}

.paginationStats {
  color : #999;
  float : left;
}

.paginationStats span {
  font-weight : bold;
  color       : #666;
}

.paginationLinks {
  float : right;
}

.browse {
  padding          : 10px 25px;
  background-color : #e9e9e9;
}

.pagination a.btn, .browse a.btn {
  background : #970C5F url("/images/grid_head.jpg") repeat-x;
  float      : left;
  margin     : 0 2px 5px 2px;
  padding    : 4px 7px;
}

.pagination a.btn:hover, .browse a.btn:hover {
  background : #760047;
}

.pagination a.selected, .browse a.btn:hover {
  background : #760047;
  color      : #eaeaea;
}

.pagination a.end {
  background : #e3e3e3;
  color      : #666;
}

.pagination a.end:hover {
  background : #ccc;
}

/********************************************
    Overlay Form Buttons
  ********************************************/

.formButtons {
  float : right;
}

.formButtonsFixed {
  float    : none !important;
  overflow : hidden;
  margin   : 10px 0;
}

.formButtons div {
  float                 : left;
  cursor                : pointer;
  margin-left           : 10px;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
  font-size             : 12px;
  background            : -moz-linear-gradient(center top, #F9F9F9, #E3E3E3);
  background            : -webkit-gradient(linear, center top, center bottom, from(#F9F9F9), to(#E3E3E3));;
  border                : 1px #999 solid;
}

.formButtons div:hover {
  border-color : #333;
}

.formButtons div span {
  display : block;
  padding : 2px 10px 2px 30px;
}

.formButtons .cancel span {
  background : url(/images/icons/delete.png) no-repeat 7px center;
}

.formButtons .save span,
.formButtons .close span {
  background : url(/images/icons/accept.png) no-repeat 7px center;
}

.formButtons .payNow span {
  background : url(/images/icons/creditcards.png) no-repeat 7px center;
}

.formButtons .takeExam span {
  background : url(/images/icons/book.png) no-repeat 7px center;
}

.formButtons .transferCredits span {
  background : url(/images/icons/coins.png) no-repeat 7px center;
}

.formButtons .ilmrush span {
  background : url(/images/icons/shape_square_go.png) no-repeat 7px center;
}

/*****************************************
    GRADE RESULTS
  *******************************************/

.examGrade {
  font-size   : 32px;
  color       : #000;
  font-weight : bold;
}

/*****************************************
    EXAM SCHEDULE
  *******************************************/

#examSchedule > div.tabs > h1 {
  position : relative;
}

#examSchedule .grid div.examPane {
  display : none;
}

#examSchedule .headerLinks {
  padding : 5px 0;
}

#examSchedule table {
  width : 100%;
}

#examPolicies .content {
  background : #fff;
  padding    : 20px;
}

#examPolicies p {
  font    : 16px/24px georgia;
  padding : 0 0 0 25px;
}

#examPolicies blockquote {
  padding : 0 0 0 30px;
}

#examPolicies h4 {
  padding : 0 0 15px 0;
}

#examPolicies ol {
  margin      : 0 0 15px 25px;
  padding     : 10px 10px 10px 40px;
  list-style  : decimal;
  line-height : normal;
  font-size   : 13px;
  background  : #ffd;
}

#examPolicies ol li {
  padding : 3px 0;
}

#examPolicies p.sub {
  font : bold 12px arial;
}

/*****************************************
    Forgot Password Overlay
  *******************************************/

#forgotPassword {
  width : 400px;
}

#forgotPassword h3 {
  margin : 0;
}

#forgotPassword #fpEmail {
  width     : 100%;
  padding   : 3px;
  font-size : 14px;
  margin    : 15px 0;
}

#forgotPassword .error {
  color       : #fff;
  font-style  : normal;
  font-weight : bold;
  font-size   : 12px;
}

#forgotPassword .close span {
  background-image : url(/images/icons/delete.png);
}

/*****************************************
    Excel Upload Overlay
  *******************************************/

#spreadsheetReview {
  width : 400px;
}

#spreadsheetReview .close span {
  background-image : url(/images/icons/delete.png);
}

#spreadsheetReview .save span {
  background-image : url(/images/icons/accept.png);
}

#spreadsheetReview label.upload {
  margin-right : 15px;
}

/*****************************************
    Terms and Conditions Overlay
  *******************************************/
#termsAndConditions .content {
  width   : 600px;
  padding : 0;
}

#termsAndConditions #terms {
  width      : 600px;
  height     : 240px;
  overflow-y : auto;
  font-size  : 12px;
  padding    : 15px;
  background : #fff;
}

/*****************************************
    Validation
  *****************************************/

.invalid .label,
.invalid .label label {
  color : #900 !important;
}

.invalid .field input, .invalid .field select {
  border-color : #900;
  background   : #ffe8e8;
}

.formTipError {
  display     : none;
  font-weight : bold;
  color       : #900;
}

.invalid .formTipError {
  display : block;
}

#signupForm .error {
  margin-bottom : 15px;
}

#errorMessags .invalid {
  display : none;
}

.emailTaken {
  background-image    : url('/images/icons/delete.png');
  background-repeat   : no-repeat;
  background-position : left middle;
  padding-left        : 20px;
  margin              : 5px 0 0;
  color               : #c00 !important;
}

.emailAvailable {
  background-image    : url('/images/icons/accept.png');
  background-repeat   : no-repeat;
  background-position : left middle;
  padding-left        : 20px;
  margin              : 5px 0 0;
}

/*****************************************
    Autocomplete
  *****************************************/

.autocomplete-w1 {
  background  : url('/images/shadow.png') no-repeat bottom right;
  position    : absolute;
  top         : 0px;
  left        : 0px;
  margin      : 8px 0 0 6px; /* IE6 fix: */
  _background : none;
  _margin     : 0;
}

.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       : 2px 5px;
  white-space   : nowrap;
  line-height   : normal;
  border-bottom : 1px #ccc solid;
}

.autocomplete strong {
  font-weight : normal;
  color       : #3399FF;
}

.autocomplete span {
  display   : block;
  font-size : 10px;
  color     : #999;
}

/*****************************************
    Twitter/Facebook Integration
  *****************************************/

.twtr-bd {
  padding : 0 !important;
}

.twitter p {
  font-size   : 12px !important;
  line-height : 24px !important;
}

.facebook {
  background : #fff;
}