/* RESET STYLE SHEET TO THIS DIRECTORY

     html5doctor.com Reset Stylesheet

     v1.4.1      2010-03-01

    Author: Richard Clark - http://richclarkdesign.com

==================================  */

html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code,

del, dfn, em, ins, kbd, q, samp,

small, strong, sub, sup, var,

b, i,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

    margin:0;

    padding:0;

    border:0;

    outline:0;

    font-size:100%;

    vertical-align:baseline;

    background:transparent; }



body {
    max-width: 1024px;
    line-height:1; }



:focus {

    outline: 1; }



article,aside,canvas,details,figcaption,figure,

footer,header,hgroup,menu,nav,section,summary { 

    display:block; }



nav ul {

    list-style:none; }



blockquote, q {

    quotes:none; }



blockquote:before, blockquote:after,

q:before, q:after {

    content:'';

    content:none; }



a {

    margin:0;

    padding:0;

    border:0;

    font-size:100%;

    vertical-align:baseline;

    background:transparent;

    text-decoration: none; }



a img {

    border: 0 !important; }



ins {

    background-color:#ff9;

    color:#000;

    text-decoration:none; }



mark {

    background-color:#ff9;

    color:#000; 

    font-style:italic;

    font-weight:bold; }



del {

    text-decoration: line-through; }



abbr[title], dfn[title] {

    border-bottom:1px dotted #000;

    cursor:help; }



table {

    /* border-collapse:collapse; */

    border-spacing:0; }





/* ======================================================== 

     TEMPLATE SPECIFIC STYLES

======================================================== */

html, body {

    background: #fff;

    color: #222;

    font: 0.9em/1.3em "Lucida Grande", Geneva, sans-serif;

    margin: 0 .5em;

    padding: 0; }



hr {

    display:block;

    height:1px;

    border:0;   

    border-top:1px solid #cccccc;

    margin:1em 0;

    padding:0; }



hr.sessionDetails {

    clear: both;

    display:block;

    height: 1px;

    border: 0;   

    border-top: 2px dotted #ffbb75;

    margin: 2em 0em;

    padding: 0; }



hr.sessionDetailsDivider {

    clear: both;

    display:block;

    height: 1px;

    border: 0;   

    border-top: 2px dotted #dedede;

    margin: 2em 0em;

    padding: 0; }



input, select { vertical-align:middle; }



::-webkit-input-placeholder  { color: #828282; font-style: italic; }

input:-moz-placeholder { color: #828282; font-style: italic; }

.placeholder { color: #828282; font-style: italic; }



/* === HEADER & NAVIGATION === */

/*div.header {

   background: transparent url('../images/IAP_logo.png') no-repeat left top;

   margin: 0;

   padding: 0;

   height: 50px;

   width: 100%; }


==================================  */
div#nameUpdate {

    color: #777;

    float: right; 

    font-size: .8em; 

    margin: 0; 

    padding: 2em .4em 0 0; 

    text-align: right; }



div.nav {

    /* background-color: #993333;
 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#631111), to(#993333), color-stop(.5,#B55757));
 
    background: -moz-linear-gradient(top, #631111 0%, #B55757 50%, #993333 100%);
 
    border: 1px solid #631111; */

    background-color: #234F9D;

    border: 1px solid #0b2b66; 

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    margin: 0 0;

    padding: 15px 10px 10px 10px; }



#navtabs {

    margin: 0;

    padding: 0 0 20px 10px; }



#navtabs li {

    margin: 0; 

    padding: 0;

    display: inline;

    list-style-type: none; }



#navtabs a:link, #navtabs a:visited {

    float: left;

    font-size: 1em;

    font-weight: bold;

    margin: 0 30px 4px 10px;

    padding-bottom: 2px;

    text-decoration: none;

    color: #DEDADA; }



#navtabs a.active:link, #navtabs a.active:visited, #navtabs a:hover {

    border-bottom: 2px solid #A0D100;

    padding-bottom: 2px;

    background: transparent;

    color: #fff; }



.navConstant {

    float: right !important; }



/* footer */

div#footer {
    background: transparent url('../images/mit-redgrey-footer1.gif')
        no-repeat left top;
    border-top: 2px solid #993333;
    height: 5em;
    margin: 4em 0 0 0;
    width: 98%
}
div#footer h3 {
    color: #FFF;
}
div#footer p {
    color: #993333;
    float: right;
    font-family: Monaco, monospace;
    font-size: 11px;
    margin: 0;
    padding: 1em 0 0 0;
    text-align: right;
}


/* text & links */

.clear { clear: both; }

.space1m { padding-bottom: 1em; }

.space2m { padding-bottom: 2em; }



h1 {

    color: #63615E;

    font-size: 1.75em;

    line-height: 1;

    margin: 0;

    padding: .5em .25em; }



h2 {

    color: #63615E;

    font-size: 1.5em;

    font-weight: bold;

    line-height: 1.5em;

    margin: 0;

    padding: .5em 0; }



h3 {

    color: #63615E; 

    font-size: 1.1em;

    /*  line-height: 1em; */

    /* padding: 1.5em 0 0.75em 0; */

    /* text-transform: uppercase; */}



h4 {

    color: #63615E; 

    font-size: 1em;

    line-height: 1em;

    margin: 0;

    padding: 1.5em 0 0 0;

    text-transform: uppercase; }



a { 

    color: #0022FF;

    text-decoration: none; }



a:hover {

    text-decoration: underline; }



p {

    line-height: 1.5;

    margin: 0;

    padding: 0 2em 1em 0; }



.lh2 {

    line-height: 2; }



p.error {

    background: url('../images/silk_error.png') no-repeat scroll 15px 50% #FBE3E4;

    border: 2px solid #FBC2C4;

    margin: 0 0em 1em 0;

    padding: 5px 20px 5px 45px;

    text-align: left; }



p.warning {

    background: url('../images/silk_warning.png') no-repeat scroll 15px 50% #fffadc;

    border: 1px solid #FFD324;

    margin: 0 0em 1em 0 !important;

    padding: 5px 20px 5px 45px !important;

    text-align: left; }



p.warningSummary {

    background: url('../images/silk_warning.png') no-repeat scroll 15px 8% #fffadc;

    border: 1px solid #FFD324;

    margin: 0 0em 1em 0 !important;

    padding: 5px 20px 5px 45px !important;

    text-align: left; }



p.suggestion {

    background: url('../images/silk_asterisk_orange.png') no-repeat scroll 15px 50% /* #FFEBE0 */ transparent;

    border: 1px solid #FFA775;

    margin: 0 0em 1em 0 !important;

    padding: 5px 20px 5px 45px !important;

    text-align: left; }



p.suggestionFlag {

    background: url('../images/silk_flag_purple.png') no-repeat scroll 15px 50% /* #FFEBE0 */ transparent;

    border: 1px solid #c67cff;

    margin: 0 0em 1em 0 !important;

    padding: 5px 20px 5px 45px !important;

    text-align: left; }



p.suggestionFlagSummary {

    background: url('../images/silk_flag_purple.png') no-repeat scroll 15px 10% /* #FFEBE0 */ transparent;

    border: 1px solid #c67cff;

    margin: 0 0em 1em 0 !important;

    padding: 5px 20px 5px 45px !important;

    text-align: left; }



p.success {

    background: #bcdebc url('../images/silk_tick.png') center no-repeat;

    background-position: 15px 50%; /* x-pos y-pos */

    border: 2px solid #297a29;

    margin: 0 0em 1em 0;

    padding: 5px 20px 5px 45px;

    text-align: left; }



p.sessionDetailsBlurb {

    color: gray; 

    margin: 0; 

    padding: 0em 0 .6em 1.5em; 

    font-style: italic; 

    font-size: .8.5em; }

p.leadersBlurb {

    margin: 0; 

    padding: 0em 0 .6em 1.5em; 

    font-style: italic; 

    font-size: .9em; }



p.leaders {

    line-height: 2; 

    margin: 0;

    padding: 0; }



div.sponsors {

    margin: 1em 0 0 0;

    padding: 0; }



div.leader {

    margin: .45em 0 0 1em; 

    padding: 1em 0; }





div#summary p.error {

    background: url('../images/silk_error.png') no-repeat scroll 15px 50% #FBE3E4;

    border-bottom: 2px solid #FBC2C4;

    border-top: 2px solid #FBC2C4;

    display: block !important;

    /* line-height: 1; */

    margin: 0 0 1em 2em !important;

    padding: 5px 20px 5px 45px !important;

    text-align: left; } 



div#summary p.warning {

    background: url('../images/silk_warning.png') no-repeat scroll 15px 50% #fffadc;

    border-bottom: 1px solid #FFD324;

    border-top: 1px solid #FFD324;

    display: block !important;

    /* line-height: 1; */

    margin: 0 0 1em 2em !important;

    padding: 5px 20px 5px 45px !important;

    text-align: left; }



div#summary p.suggestion {

    background: url('../images/silk_asterisk_orange.png') no-repeat scroll 15px 50% transparent;

    border: 1px solid #FFD324;

    display: block !important;

    /* line-height: 1; */

    margin: 0 0 1em 2em !important;

    padding: 5px 20px 5px 45px !important;

    text-align: left; }



div#summary p.suggestionFlag {

    background: url('../images/silk_flag_purple.png') no-repeat scroll 15px 50% transparent;

    border: 1px solid #c67cff;

    display: block !important;

    /* line-height: 1; */

    margin: 0 0 1em 2em !important;

    padding: 5px 20px 5px 45px !important;

    text-align: left; }



/* ===  FORMATTING === */

div.adminLeftCol {

    border: 0px solid pink;

    float: left;

    line-height: 2;

    margin: 0;

    padding: 0 1em 0 0;

    width: 45%; }



div.adminRightCol {

    border: 0px solid green;

    float: left;

    line-height: 2;

    margin: 0;

    padding: 0 0 0 1em;

    width: 45%; }



div.adminRightColSD {

    border: 0px solid green;

    float: left;

    line-height: 2;

    margin: 0;

    padding: 1.5em 0 0 1em;

    width: 45%; }



div.adminLeftCol label:first-child {

    padding-top: 0; }



p.radioBtn:first-child { 

    line-height: 1.5;

    padding: 0;

    margin: 0; }



p.radioBtn {

    line-height: 1.5;

    padding:  0;

    margin: 0; }





/* === FORMS === */

fieldset {

    border: 0px solid pink;

    margin: 0 0em 0 0;

    padding: 0em 0 2em 0;}



label {

    display: block; 

    margin: 0;

    padding: 1.5em 0 .3em 0; 

    font-weight: bold; 

    line-height: 1.5; }



/* label:first-child {

      padding: 1.5em 0 .5em 0; } */



input, select {

    vertical-align: middle;

    line-height: 1.5; }



input.superLongField[type="text"] {

    width: 40em; }



input.shortField[type="text"] {

    width: 20em; }



input.superShortField[type="text"] {

    width: 7em; }



input.activityFeeExplanation[type="text"] {

    width: 29.25em; }



input[type="text"] {

    background: none repeat scroll 0 0 #F8F8F8;

    border: 1px solid #BFBBBB;

    /* color: #222222; */

    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;

    font-size: 0.9em;

    height: 1.5em;

    width: 25em;}



textarea {

    background: none repeat scroll 0 0 #F8F8F8;

    border: 1px solid #BFBBBB;

    /* color: #222222; */

    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;

    font-size: 0.9em;

    height: 1.5em; } 



input[type="text"]:focus,

input.calendar[type="text"]:focus,

.formWrapper input[type="text"]:focus,

.formWrapper textarea:focus { 

    background: #F0F8FF;

    border: 1px solid #666; }



input.findSearch[type="text"] {

    background: url('../images/silk_magnifier.png') no-repeat scroll left center white;

    border: 1px solid #BFBBBB;

    /* color: #222222; */

    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;

    font-size: 0.9em;

    height: 1.8em;

    margin: 0;

    padding: 0 0 0 20px; 

    width: 20em; }



input.calendar[type="text"] {

    background: url('../images/dropdown_calendar.gif') no-repeat scroll 97% center #F8F8F8 !important;

    border: 1px solid #BFBBBB;

    /* color: #222222; */

    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;

    font-size: 0.9em;

    height: 1.5em;

    margin: 0;

    padding: 0; 

    /* width: 12em; before the X icon */

    width: 10em; }

input.offeringStartTime[type="text"] {
    background: url('../images/icons/clock.png') no-repeat scroll 97% center #F8F8F8 !important;
    border: 1px solid #BFBBBB;
    /* color: #222222; */
    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
    font-size: 0.9em;
    height: 1.5em;
    margin: 0;
    padding: 0; 
    /* width: 12em; before the X icon */
    width: 7em; }

input.offeringEndTime[type="text"] {
    background: url('../images/icons/clock.png') no-repeat scroll 97% center #F8F8F8 !important;
    border: 1px solid #BFBBBB;
    /* color: #222222; */
    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
    font-size: 0.9em;
    height: 1.5em;
    margin: 0;
    padding: 0; 
    /* width: 12em; before the X icon */
    width: 7em; }

input.timeField[type="text"] {

    width: 5em; }



input.locationField[type="text"] {

    /* width: 17em; */

    min-width: 14em;

    width: auto !important; }



input.instructionsField[type="text"] {

    /* width: 22em;*/

    min-width: 14em;

    width: auto !important;  }



table input.locationField[type="text"] {

    /* width: 17em; */

    min-width: 13em;

    width: auto !important; }



table input.instructionsField[type="text"] {

    /* width: 22em;*/

    min-width: 15em;

    width: auto !important;  }





/*

input[type="radio"] {

   line-height: 2; }

   

input[type="checkbox"] {

   line-height: 2; }

*/



/* === TABLES === */

table {

    border-spacing: 0;

    color: #222222;

    /* clear: both; */

    font-size: /* 0.9em */ inherit;

    margin: 0;

    padding: 0;

    width: 100%; }



table#resultsInfo {

    margin: 0 0 1em 0; }



table#summaryInfo {

    margin: 0 0 1em 2em;

    width: 97%; }



td, th {

    font-weight: normal;

    margin: 0;

    padding: .6em .4em;

    text-align: left;

    vertical-align: top; }



thead th {

    border-top: 2px solid #bfbbbb;

    border-bottom: 2px solid #bfbbbb;

    border-width: 1px 0;

    background: #ededed;

    color: #444;

    font-weight: bold; } 



tfoot th, tfoot td {

    border-bottom: 1px solid #bfbbbb;

    background: #ededed;

    color: #444; 

    padding: 0.1em 0em; }



tbody td, tbody th {

    border-bottom: 1px solid #bfbbbb; }



tbody tr:hover {

    background-color: /* #f7f7f7 */ #FFFFE0;

    cursor: pointer; }



/* Preview table */

thead.preview th {

    border-top: 0px solid #bfbbbb;

    border-bottom: 0px solid #bfbbbb;

    border-width: 0px 0;

    background: #ededed;

    color: #444;

    padding: 0em 0em; } 



tfoot.preview th, tfoot.preview td {

    border-bottom: 0px solid #bfbbbb;

    background: #ededed;

    color: #444; 

    padding: 0em 0em; }



tbody.preview td, tbody.preview th {

    border-bottom: 0px solid #bfbbbb; }



tbody.preview tr:hover {

    background-color: /* #f7f7f7 */ #fff;

    cursor: pointer; }



/* === HELP POPUP BUBBLE === */

.helpPopup {

    display: inline-block;

    position: relative;

}

.helpPopup .trigger {

    background: url('../images/help.png') no-repeat scroll center center transparent;

    display: inline-block;

    height: 24px;

    width: 24px;

}

.helpPopupLeft {

    display: inline-block;

    padding-left: 30px;

    position: relative;

}

.helpPopupLeft > .helpPopup {

    left: 0;

    position: absolute;

    top: -4px;

}

.helpPopupRight {

    display: inline-block;

    padding-right: 32px;

    position: relative;

}

.helpPopupRight > .helpPopup {

    position: absolute;

    right: 0;

    top: 0;

}

.helpPopup .chatTriangle, .helpPopup .chatTriangleBorder {

    background: none repeat scroll 0 0 transparent;

    font-size: 0;

    line-height: 0;

    position: absolute;

    width: 0;

}

.helpPopup .chatTriangleBorder {

    border-right: 24px solid transparent;

    border-top: 24px solid /* #F4E489; */ #DCDCDC;

    bottom: 22px;

    left: 20px;

}

.helpPopup .chatTriangle {

    border-right: 18px solid transparent;

    border-top: 18px solid  /* #FFFDC9; */ #F0F8FF;

    bottom: 34px;

    left: 25px;

}

.helpPopup .hoverBlock {

    background: none repeat scroll 0 0 transparent;

    bottom: 12px;

    height: 36px;

    left: 8px;

    position: absolute;

    width: 36px;

}

.helpPopup .message {

    background-color:  /* #FFFDC9; */ #F0F8FF;

    border: 5px solid  /* #F4E489; */ #DCDCDC;

    border-radius: 10px 10px 10px 10px;

    bottom: 44px;

    color: /* #5D3800; */ #696969;

    font-size: 10pt;

    font-weight: normal;

    left: 10px;

    line-height: normal;

    overflow: hidden;

    padding: 1em 1.25em;

    position: absolute;

    text-align: left;

    white-space: normal;

    width: 25em;

}

.helpPopup .chatBubble {

    visibility: hidden;

    z-index: 500;

}

.helpPopup:hover .chatBubble {

    visibility: visible;

}

.helpPopup.popDown .chatTriangleBorder {

    border-bottom: 24px solid  /* #F4E489; */ #DCDCDC;

    border-top: medium none;

    bottom: auto;

    top: 22px;

}

.helpPopup.popDown .chatTriangle {

    border-bottom: 18px solid /* #FFFDC9; */ #F8F8FF;

    border-top: medium none;

    bottom: auto;

    top: 34px;

}

.helpPopup.popDown .message {

    bottom: auto;

    top: 44px;

}

.helpPopup.popDown .hoverBlock {

    bottom: auto;

    top: 12px;

}





/* === FORMS === */

div#summarySessionDetails fieldset {

    border: 1px dotted #fff;

    border-top: 0px dotted #b7b7b7;

    margin: 0 0;

    padding: .5em 0 0em 0; }





div#summary fieldset {

    border: 1px dotted #fff;

    border-top: 1px dotted #b7b7b7;

    margin: 0 0;

    padding: .5em 0 2em 0; }



div#summary legend {

    color: #63615E; 

    font-size: 1em;

    font-weight: bold;

    line-height: 1em;

    margin: 0;

    padding: 0 1.5em 0 0;

    text-transform: uppercase; }



.sessionEditIcons {

    padding-left: 1.75em !important; }



.sessionDetailsEditIcons {

    padding-left: 0em !important; }





div#summary label {

    border: 0px solid green;

    display: block;

    font-weight: bold;

    line-height: 1;

    margin: 0;

    padding: 1em 0 .5em 2em;

    width: auto; }



div#summary h5 {

    color: #222;

    font-weight: bold;

    font-size: inherit;

    line-height: 1.5;

    margin: 0;

    padding: 1em 0 0 2em; }



div#summary p {

    line-height: 1.5;

    margin: 0;

    padding: 0em 0 1em 2em; }





/* === BUTTONS 

     http://particletree.com/features/rediscovering-the-button-element/ === */

.buttons a, .buttons button {
    display: inline;
    float: none; 
/*    display: block;

    float: left;*/

    margin: /* 2em */ 1em 2em 0 0;

    background-color:#f5f5f5;

    border: 1px solid #bfbbbb;

    border-top:1px solid #dedede;

    border-left:1px solid #dedede;

    font-size: 1em;

    line-height:130%;

    text-decoration:none;

    font-weight:bold;

    color:#565656;

    cursor:pointer;

    padding:5px 10px 6px 7px; /* Links */ }



.buttons button {

    width: auto;

    overflow: visible;

    padding: 4px 10px 3px 7px; /* IE6 */ }



.buttons button[type] {

    padding:5px 10px 5px 7px; /* Firefox */

    line-height:17px; /* Safari */ }

*:first-child+html button[type]{

    padding:4px 10px 3px 7px; /* IE7 */ }



.buttons button img, .buttons a img {

    margin:0 3px -3px 0 !important;

    padding:0;

    border:none;

    width:16px;

    height:16px; }



button.noFloat,
button#noFloat {

    display: inline;

    float: none; 

    margin: 0 0 0 .5em;

    padding: 3px 7px; }



/* STANDARD */

button:hover, .buttons a:hover {

    background-color:#dff4ff;

    border:1px solid #c2e1ef;

    color:#336699; }



.buttons a:active {

    background-color:#6299c5;

    border:1px solid #6299c5;

    color:#fff; }



.buttons a:link.save {

    margin-left: 4em; }



/* POSITIVE - SAVE */

button.positive, .buttons a.positive {

    color:#529214; }



.buttons a.positive:hover, button.positive:hover {

    background-color:#E6EFC2;

    border:1px solid #C6D880;

    color:#529214; }



.buttons a.positive:active {

    background-color:#529214;

    border:1px solid #529214;

    color:#fff; }



/* NEGATIVE - CANCEL */

.buttons a.negative, button.negative {

    color:#d12f19; }



.buttons a.negative:hover, button.negative:hover {

    background:#fbe3e4;

    border:1px solid #fbc2c4;

    color:#d12f19; }



.buttons a.negative:active {

    background-color:#d12f19;

    border:1px solid #d12f19;

    color:#fff; }



.regFlowBut {

    border-top: 2px solid #ededed; padding-top: 1em; }



input.standardBtn {

    display: block;

    float: left;

    margin: 0 2em 0 0;

    background-color:#f5f5f5;

    border: 1px solid #bfbbbb;

    border-top:1px solid #dedede;

    border-left:1px solid #dedede;

    font-size: 1em;

    line-height:130%;

    text-decoration:none;

    font-weight:bold;

    color:#565656;

    cursor:pointer;

    padding:5px 10px 6px 7px; /* Links */ }



input.agreeBtn {

    background-color: #f5f5f5;

    background: #f5f5f5 url('../images/silk_tick.png') center no-repeat;

    background-position: 5px 50%; /* x-pos y-pos */

    border: 1px solid #bfbbbb;

    border-top:1px solid #dedede;

    border-left:1px solid #dedede;

    font-size: 1em;

    font-weight: bold;

    color: #529214;

    cursor: pointer;

    display: block;

    float: left;

    line-height: 130%;

    margin: 0 2em 0 0;

    padding: 5px 10px 6px 7px; /* Links */ }



a.findBtn {

    padding: 3px 7px; }


/* === button hover fix === */
div.buttons button[disabled="disabled"],
div.buttons button[disabled="disabled"]:hover,
div.buttons a[disabled="disabled"],
div.buttons a[disabled="disabled"]:hover
   {
    background-color: #f5f5f5;
    border: 1px solid #bfbbbb;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    color: #565656;
    cursor: default;
    display: block;
    font-size: 1em;
    font-weight: bold;
    float: left;
    line-height: 130%;
    margin: 1em 2em 1em 0;
    opacity: 0.6;
    padding: 5px 10px 6px 7px; /* Links */
    text-decoration: none; 
    }



/* === VERTICAL TABS === */

.vtabs {

    /* a border is required for IE otherwise the tab panels will not be aligned correctly. */

    position: relative;  border: 1px solid #ffffff; }



.vtabs .vtabs-tab-column {

    position: absolute; 

    left: 0; 

    margin: 0; 

    width: 170px; 

    min-width: 170px; }



.vtabs .vtabs-tab-column ul {

    list-style: none;

    margin: 0px;

    padding: 0px; }



/* tab open */

.vtabs .vtabs-tab-column ul li.open, .vtabs .vtabs-tab-column ul li.closed {

    background-color: #ffffff;

    margin: 0px;

    padding-left: 7px;

    padding-right: 5px;

    padding-bottom: 5px;

    padding-top: 5px;

    margin-bottom: 1px;

    /* round corners do not work in IE */

    -moz-border-radius-topleft: 3px;

    -moz-border-radius-bottomleft: 3px;

    -webkit-border-top-left-radius: 3px;

    -webkit-border-bottom-left-radius: 3px;

    border-top: 1px solid #999999;

    border-bottom: 1px solid #999999;

    border-left: 1px solid #999999;

    min-height:20px;

    z-index: 10; }



/* tab closed */

.vtabs .vtabs-tab-column ul li.closed {

    /* background-color: #bbbbbb; */

    background-color: #dedede;

    border-right: 1px solid #777777;

    /* background-image: url("images/ClosedTabBackground.png"); 
 
    background-repeat:repeat-x; */}



/* tab hover */

.vtabs .vtabs-tab-column ul li:hover {

    background-color: #fff;

    /* background-color: #efefef;
 
    background-image: url("images/ClosedTabBackgroundHover.png"); 
 
    background-repeat:repeat-x; */}



/* link on tab that's open */

.vtabs .vtabs-tab-column ul li a.open, 

.vtabs .vtabs-tab-column ul li a.closed {

    font: 11px Helvetica, Arial, sans-serif;

    font-weight: bold;

    margin: 0px;

    padding: 0px;

    text-decoration: none;

    /* color: #ff0084; */

    color: #000; }



/* link on tab that's closed */

.vtabs .vtabs-tab-column ul li a.closed {

    /* color: blue; */

    color: #696969; }



.vtabs .vtabs-content-column {

    padding: 0px;

    margin: 0px; }



/* content panels */

.vtabs .vtabs-content-column .vtabs-content-panel {

    background-color: #fff;

    /* padding-left: 7px; */

    padding: 1em 2em 2em 2em;

    /* padding-right: 7px;
 
    padding-top: 3px; 
 
    padding-top: 0;
 
    padding-bottom: 3px;*/

    margin: 0;

    -moz-border-radius-topright: 3px;

    -moz-border-radius-bottomright: 3px;

    -moz-border-radius-bottomleft: 3px;

    -webkit-border-top-right-radius: 3px;

    -webkit-border-bottom-right-radius: 3px;   

    -webkit-border-bottom-left-radius: 3px;

    border-top: 1px solid #999999;

    border-bottom: 1px solid #999999;

    border-right: 1px solid #999999;

    border-left: 1px solid #999999; }



a.actionIcons:link, a.actionIcons:visited {

    background-color: #fff;

    border: 1px solid #fff;

    padding: 3px 4px 4px 4px;

    margin: 0 .5em 0 0;

    text-decoration: none; }



a.actionIcons:hover, a.actionIcons:active  {

    background-color: #dff4ff ;

    border: 1px solid #c2e1ef; 

    text-decoration: none; }





a.actionIconsAdd:link, a.actionIconsAdd:visited {

    background-color: #fff;

    border: 1px solid #fff;

    padding: 5px 7px 6px 7px;

    margin-right: .5em;

    margin-left: 2.5em; 

    text-decoration: none; }



a.actionIconsAdd:hover, a.actionIconsAdd:active  {

    background-color: #dff4ff;

    border: 1px solid #c2e1ef; 

    text-decoration: none; }





a.homeBtns:link, a.homeBtns:visited {

    display: block;

    color: #565656;

    background-color:#f5f5f5;

    border: 1px solid #bfbbbb;

    padding: 1px 7px 3px 7px;

    margin: 0 0 .75em 0;

    text-decoration: none;

    width: 21em; }



a.homeBtns:hover, a.homeBtns:active  {

    background-color: #dff4ff;

    border: 1px solid #c2e1ef; 

    text-decoration: none; }





#slickbox,

#slickboxSL,

#slickboxSingle,

#slickbox-repeating,

#slickbox-static,

#slickbox-multiple,

#slickbox-series {

    /* background: none repeat scroll 0 0 #FCFCF9;
 
    border: 2px solid #FFFEE6; */

    background: none repeat scroll 0 0 #fdfdfd;

    border: 2px solid #dedede;

    margin: 1em 2em .5em 0em;

    padding: 2em 2em 0 2em; }





/* floating label & input */

div.formWrapper {

    border: solid 0px #b7ddf2;

    background: transparent;

    margin: 0;

    padding: 0;

    width: 100%; }



div.formWrapper label {

    border: 0px solid green;

    display: block;

    float: left;

    clear: left;

    font-weight: bold;

    line-height: 1.5;

    margin: 0 0 1.5em 0;

    padding: 0;

    text-align: right;

    /* width: 8em; */

    width: 10em; }



div.formWrapper label.wide {

    width: 13em; }



div.formWrapper div.formElements {
    border: 0px solid pink;
    float: left;
    margin: 0 0 0 .75em;
    padding: 0; 
}

div.formWrapper input[type="text"] {
    background: #f8f8f8;
    border: 1px solid #bfbbbb;
    /* color: #222; */
    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
    font-size: 0.9em;
    height: 1.5em; 
}

div.formWrapper textarea {
    background: #f8f8f8;
    border: 1px solid #bfbbbb;
    /* color: #222; */
    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
    font-size: 0.9em;
    height: 1.5em; 
}



div.formWrapper input[type="text"].longField {

    width: 20em; }



div.formWrapper input[type="text"].mediumField {

    width: 10em; }



div.formWrapper input[type="text"].shortField {

    width: 5em; }

div.formWrapper input[type="text"].supershortField {

    width: 1.25em; }



div.formWrapper input[type="radio"] {
    color: #222;
    height: 1.3em; 
}



div.formWrapper input[type="checkbox"] {

    color: #222;

    height: 1.3em; }



div.formWrapper div.formElements div.leftLeaderCol {
    border: 0px solid green; 
    float: left;
    margin: 0;
    padding: 0;
    width: 17em; 
}



div.formWrapper div.formElements div.rightLeaderCol {
    border: 0px solid green; 
    float: left;
    margin: 0;
    padding: 0;
    width: 17em; 
}





/* Help Icon text bubble 

only good for very short messages

http://konigi.com/tools/css-tooltips-and-speech-bubbles */



/* using title tag */

a.tip {

    position: relative;

    text-decoration: none; }

a.tip:hover:before {

    display: block;

    position: absolute; 

    padding: .5em;

    content: attr(title);

    min-width: 120px;

    text-align: center;

    width: auto;

    height: auto;

    white-space: nowrap;

    top: -32px;

    background: rgba(0,0,0,.8);

    -moz-border-radius:10px;

    -webkit-border-radius:10px;

    border-radius:10px;    

    color: #fff;

    font-size: .86em; }



a.tip:hover:after {

    position: absolute;

    display: block;

    content: "";  

    border-color: rgba(0,0,0,.8) transparent transparent transparent;

    border-style: solid;

    border-width: 10px;

    height:0;

    width:0;

    position:absolute;

    top: -8px;

    left:1em; }



/* using span tag */

a.tip2 {

    position: relative;

    text-decoration: none; }



a.tip2 span {display: none;}



a.tip2:hover span {

    display: block;

    position: absolute; 

    padding: .5em;

    content: attr(title);

    min-width: 120px;

    text-align: center;

    width: auto;

    height: auto;

    white-space: nowrap;

    top: -32px;

    /*background: rgba(0,0,0,.8); */

    background: rgba(223,244,255,1);

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    color: #696969;

    /* color: #fff; */

    font-size: .86em !important;

    font-weight: normal !important;

    text-transform: lowercase;

    border: 1px solid #c2e1ef; }



a.tip2:hover span:after {

    position: absolute;

    display: block;

    content: "";  

    /* border-color: rgba(0,0,0,.8) transparent transparent transparent;
 
    border-style: solid;
 
    border-width: 10px;
 
    bottom: -16px; */

    bottom: 0px;

    border-width: 0px;

    height:0;

    width:0;

    position:absolute;

    left:2em; }



div#colOne,

div#colTwo,

div#colThree {

    /* border-bottom: 2px solid #EDEDED;

    border-top: 2px solid #EDEDED; */

    float: left;

    line-height: 2;

    margin: 0 0;

    padding: .5em 0;

    width: 33%; }



div.pagination {

    border: 1px;

    float: left;

    margin: 1em 0 .5em 0;

    padding: 0;

    text-align: left; }



div.pagination a {

    border: 1px solid #fff;

    margin-right: 3px;

    padding: 2px;

    background-position: bottom;

    text-decoration: none;

    color: #0022FF; }



div.pagination a:hover, div.meneame a:active {

    border: 1px solid #dedfde;

    background-color:#dff4ff;

    border:1px solid #c2e1ef;

    color:#336699; }



div.pagination span.current {

    margin-right: 3px;

    padding: 2px;

    font-weight: bold;

    color: #000; }



div.pagination span.disabled {

    margin-right: 3px;

    padding: 2px;

    color: #adaaad; }



div.displayResults {

    float: left; 

    margin: 1em 0 1em 0;

    padding: 0 0 0 2em; }





/* sorting table TH styles 

thead th img {

   vertical-align: middle;

   padding-left: .3em; }



thead th.sort:hover {

   background-color: #e0e9f7; }



thead th.active {

   background-color: #cedef8; }

*/



/* home page & home page search results */

#contentWrapper {

    margin: 0; 

    padding: 0 1em; }



#colsWrapper {

    border: 1px solid #dedede;

    margin: 0 0 2em 0;

    padding: 0; }



#colsWrapper #colOne ul,

#colsWrapper #colTwo ul {

    list-style-type: circle;

    list-style-position: inside;

    margin: 1em 0 0 2em; }



#colsWrapper #colThree {

    padding-top: 1.5em; }



#colsWrapper #colThree p {

    line-height: 2; }



#colsWrapper #colThree a.mLnone {

    margin-left: 0; }







hr.commentDivider {

    border: 0; 

    border-top: 1px dotted #b7b7b7; 

    margin: 2em 0; }





p.actionBubble {

    border: 2px solid #ffb273;

    padding: .5em 1em;

    margin: 0em 4.5em 1em 2.5em; 

    line-height: 1.5; 

    -webkit-border-radius:5px;

    -moz-border-radius:5px;

    border-radius:5px; }



/* help bubbles that align with row of buttons */

a.alignWbuttons {

    border: 0; 

    background: transparent; 

    margin-top: 1.5em;

    margin-left: 0; 

    margin-right: 2em; 

    padding: 0; 

    height: 24px; 

    width: 30px; }



a.alignWbuttons:hover {

    border: 0 !important;

    background: transparent !important; }




/* GENERAL MARGIN AND PADDING CLASSES */

.mTnone {

    margin-top: 0 !important; }



.mRnone {

    margin-right: 0 !important; }



.mR2m {

    margin-right: 2em !important; }



.mT1m {

    margin-top: 1em !important; }



.mT2m {

    margin-top: 2em !important; }



.mT3-5m {

    margin-top: 3.5em !important; }



.mBnone {

    margin-bottom: 0 !important; }



.mB1m {

    margin-bottom: 1em !important; }



.mB2m {

    margin-bottom: 2em !important; }



.mB3m {

    margin-bottom: 3em !important; }



.mB3-5m {

    margin-bottom: 3.5em !important; }



.mB4m {

    margin-bottom: 4em !important; }



.mLnone {

    margin-left: 0 !important; }



.mL-5m {

    margin-left: .5em !important; }



.mL-75m {

    margin-left: .75em !important; }



.mL1m {

    margin-left: 1em !important; }



.mL1-5m {

    margin-left: 1.5em !important; }



.mL1-75m {

    margin-left: 1.75em !important; }



.mL2m {

    margin-left: 2em !important; }



.mL3m {

    margin-left: 3em !important; }



.mL3-5m {

    margin-left: 3.5em !important; }



.pTnone {

    padding-top: 0 !important; }



.pT-5m {

    padding-top: .5em !important; }



.pT1m {

    padding-top: 1em !important; }



.pT2m {

    padding-top: 2em !important; }



.pT3m {

    padding-top: 3em !important; }



.pT3-5m {

    padding-top: 3.5em !important; }



.pL1m {

    padding-left: 1em !important; }



.pL2m {

    padding-left: 2em !important; }



.pR-5m {

    padding-right: .5em !important; }



.pBnone {

    padding-bottom: 0em !important; }



.pB-5m {

    padding-bottom: .5em !important; }



.pB1m {

    padding-bottom: 1em !important; }



.pB1-5m {

    padding-bottom: 1.5em !important; }



.pB2m {

    padding-bottom: 2em !important; }



.pB3m {

    padding-bottom: 3em !important; }



.pB4m {

    padding-bottom: 4em !important; }



.disabledButton {

    opacity: 0.6; }



/* Character Counter styles */	

form .counter {

    position: relative;

    bottom: 0;

    left: 0;

    font-size: 1em;

    font-weight:bold;

    color: #aaa; }

form p.counter {

    font-size: .8em;

    font-weight:bold !important;

    color: #aaa !important; }

form p.warnings {color:#600 !important; }	

form p.exceeded {color:#e00 !important; }



#dialog .counter {

    position: relative;

    bottom: 0;

    left: 0;

    font-size: 1em;

    font-weight:bold;

    color: #aaa; }

#dialog p.counter {

    font-size: .8em;

    font-weight:bold !important;

    color: #aaa !important; }

#dialog p.warnings {color:#600 !important; }	

#dialog p.exceeded {color:#e00 !important;}	 	 



/* CSS for Script for showing an input field based on select choice */

.hidden { display:none; }

/* JQuery UI Overrides to allow for combobox-style for autocomplete*/
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 100px;
}

/* from style.css file */
#footer {
    float:left;
    width:95%;
    margin-top:30px;
    padding: 10px 20px;
    color: #666;
    height: 6em;
    background: url("../images/24x42_mit_logo.gif") no-repeat 10px 20px;
    border-top: 1px solid #ccc;
    clear: both;
}

#footer-info {
    float: left;
    margin-left: 50px;
}

#version {
    float: right;
    text-align: right;
}

footer a {
    color: #fff;
}

p {
    font-size: 1.1em;
    margin: 0 0 0.2em;
}

.loading {
    background: #fefefe url("../images/spinner.gif") no-repeat 10px 50px;
}

/* errors & warnings */
.errorContainer {
    background: #fdd url("../images/icons/exclamation.png") no-repeat 15px 14px;
    padding: 15px 15px 10px 40px;
    border-top: 2px solid #933;
    border-bottom: 1px solid #933;
    color: #900;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 1.2em;
}

.successContainer {
    background: #dfd url("../images/icons/accept.png") no-repeat 15px 14px;
    padding: 15px 15px 10px 40px;
    border-top: 2px solid #393;
    border-bottom: 1px solid #393;
    color: #060;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 1.2em;
}

.warningContainer {
    background: #fbf2c3 url("../images/icons/error.png") no-repeat 15px 14px;
    padding: 15px 15px 10px 40px;
    border-top: 2px solid #e5ca48;
    border-bottom: 1px solid #e5ca48;
    color: #7b4f1c;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 1.2em;
}

.fieldError {
    color: #900;
    background-color: #fee;
    font-weight: bold;
}

.labelError {
    color: #900;
    font-weight: bold;
}

.fieldErrorMessage {
    color: #900;
    font-weight: normal;
}

.student-term-box {
    width:200px;
    float:left;
    padding:20px;
    border:1px solid #ddd;
    margin-right:20px;
}

.student-term-box:hover {
    background-color:#f6f6f6;
}

.pageHeader {
    float: left;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1em;
    letter-spacing: -1px;
    width: 100%;
}

.pageSubHeader1 {
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 0.8em;
    letter-spacing: -1px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.pageSubHeader2 {
    float: left;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 0.8em;
    letter-spacing: -1px;
    width: 100%;
}

.formFieldBlock {
    float:left;
    margin-right:10px;
    width:890px;
}

.fullFormFieldBlock {
    float:left;
    margin-right:10px;
    width:1020px;
}

.dashedLine {
    color: #CCCCCC;
    font-size: 1.5em;
}

div.formDivLeft {
    margin: 2px;
    display: inline;
    text-align: left;
}

div.formDivRight {
    margin: 2px;
    display: inline;
    text-align: right;
}

.displayTagSortableHeader {
    cursor: pointer;
}

.displayTable th.noshow {
    display: none;
}
.displayTable td.noshow {
    display: none;
}

.displayTable th.headerSortUp {
        background-color: #cedef8;
}

.displayTable th.headerSortDown {
        background-color: #cedef8;
}

.displayTable th.headerSortUp span{
    background: url(../images/sort_descend.png) right center no-repeat;
    padding-right: 20px;
}

.displayTable th.headerSortDown span{
    background: url(../images/sort_ascend.png) right center no-repeat;
    padding-right: 20px;
}

.instructionTextLink {
    cursor: pointer;
}

/* from editActivity:
/* Modal Dialog */	
div.ui-dialog { 
    width: 800px !important;
/*    top: 30px !important; 
    left: 100px !important; */
}
div.ui-widget,
div.ui-widget input,
div.ui-widget textarea {
    font-family: 'Lucida Grande',sans-serif;
    font-size: 1em !important; }
/* Help Box styles */
div.jqmNotice {
    /* background:#FFFFCC url('note_icon.png') 5px 5px no-repeat; */
    background:#F0F8FF;
    border: 2px solid #DCDCDC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: none;
    margin: 0;
    padding: 0;
    position: relative;
    filter:alpha(opacity=100);
    opacity: 1.0;
    -moz-opacity: 1.0;
    width: 320px; }

.jqmnTitle { 
    margin: 0 .5em; 
    padding: 0;
    border-bottom: 1px solid #DCDCDC; }

.jqmnTitle h1 {
    margin: 0;
    padding: .5em 0 .25em 0;
    width: 100%;  
    font-size: 1em;
    /* color:#c9c9c9; */
    color: #696978;
    background-color: transparent;
    text-transform: uppercase; 
    letter-spacing: .25em; }

div.jqmNotice .jqmClose {
    position: absolute;
    cursor: pointer;
    right: 4px;
    top: 4px; }

.jqmnContent {
    /* color: #696978; */
    color: #52525A;
    font: 1em/1.3em "Lucida Grande", Geneva, sans-serif;   
    margin: 0;
    padding: 0 1em .5em 1em; }

.jqmnContent p {
    margin: 0;
    padding: .5em 0; }


/** publish styles **/
.tbd {
    color:#808080;
}

div.activity {
    border: 1px solid #0b2b66;
    padding: 0 0 0 0;
    margin: 0 0; 
    max-width: 1024px;
    background-color: #0b2b66;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}	

div.activityCanceled {
    border: 1px solid #990000;
    background-color:#990000;
}

div.activity h3 {
    color: #FFFFFF;
    font-size: 1.25em;
    padding: 0.5em;
}

div.activity h4 {
    color: #002C5B;
    font-size: 1em;
    line-height: 1em;
    margin: 0;
    padding: 0 0 0;
    text-transform: none;
}

div.activity h4.tbd {
    color:#808080;
}

div.activity strong.activityLabel {
    color: #002C5B;
}

div.activity ul {
   list-style-position: inside;
}

div.activity ol {
   list-style-position: inside;
}


span.activityCanceled {
    font-weight: bolder;
    color:#990000;
}

div.adminLeftColListing {
    border: 0px solid pink;
    float: left;
    line-height: 1.5;
    margin: 0;
    padding: 0 1em 0 0;
    width: 65%; }

div.adminRightColListing {
    border: 0px solid green;
    float: right;
    text-align:right;
    line-height: 1.5;
    margin: 0;
    padding: 0 0 0 1em;
    width: 30%; }

div.calendarLeftColListing {
    border: 0 solid pink;
    float: left;
    line-height: 1.5;
    margin: 0;
    padding: 0 1em 0 0;
    width: 340px; }

div.calendarRightColListing {
    border: 0 solid green;
    float: left;
    line-height: 1.5;
    margin: 0;
    padding: 0 0 0 1em;
    width: 340px; }

div.categoriesLeftColListing {
    border: 0px solid pink;
   float: left;
   line-height: 1.5;
   margin: 0;
   padding: 0 1em 0 0;
   width: 45%; }

div.categoriesRightColListing {
    border: 0px solid green;
    text-align:left;
   float: left;
   line-height: 1.5;
   margin: 0;
   padding: 0 0 0 1em;
   width: 45%; }

div.sponsorsLeftColListing {
    border: 0px solid pink;
    float: left;
    line-height: 1.5;
    margin: 0;
    padding: 0 1em 0 0;
    width: 415px;
}

div.sponsorsRightColListing {
    border: 0px solid green;
    float: left;
    line-height: 1.5;
    margin: 0;
    padding: 0 0 0 1em;
    width: 45%; 
}

hr.sponsorTypeSeparator {
    width:75%;
}

div.sponsor {
    margin: 0;
    padding: 0;
    font-size: 1.1em;
    line-height: 1.5;
}

.rep {
    padding-left:1em;
}


.hiddenClass {
    display : none;
}

tr.calendar {
    height:40px;
}
td.calendar, th.calendar {
    border: 1px solid #bfbbbb;
    text-align: center;
    vertical-align: middle;
}

tbody.calendar td.calendar {
    color: #999;
    background-color: #CCC;
}


tbody.calendar tr:hover {
    background-color: /* #f7f7f7 */ #fff;
    cursor: auto; }

tbody.calendar td.selectable {
    background-color: /* #f7f7f7 */ #fff;
    border: 1px solid #bfbbbb;
    font-weight: bold;
    cursor: auto; }   

tbody.calendar td.selectable:hover {
    background-color: /* #f7f7f7 */ #FF6;
    border: 1px solid #bfbbbb;
    cursor: auto; 
}

table.byDay {
    border-spacing: 0;
    color: #222222;
    clear: both;
    margin: 0;
    width:auto 
}

td.byDay {
    border-bottom: 0px;
    font-weight: normal;
    margin: 0 0 0 0;
    text-align: left;
    vertical-align: top;
}



tbody td.byDay {
    border: 0px solid #bfbbbb;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0em .4em;
    text-align: left;
    vertical-align: top;
}

tbody tr.byDay:hover {
    cursor:auto;
}

tbody.byDay h2 {
    margin: 0;
    padding: 0;
}

h3.byDay {
    color: #63615E;
}

div.byDay {
    border: 0px solid pink;
    line-height: 1.5;
    margin: 0;
    padding: 0 1em 0 0;
}


/*------------------------------
 TABS
------------------------------*/
ul.tabs {
    border-bottom: 0px solid #e6e6e6;
    border-left: 0px solid #e6e6e6;
    float: left;
    height: 51px;
    list-style: none;
    margin: 1em 0 0 0;
    padding: 0;
}

/*The background color here is for the inactive tabs*/
ul.tabs li {
    background: #e0e0e0;
    border: 1px solid #e6e6e6;
    float: left;
    height: 50px;
    text-align:center;
    width: 95px;
    padding: 0;
    margin-right: 5px;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative; }

ul.tabs li a {
    border: 0px solid #e6e6e6;
    color: #191919;
    display: block;

    padding: 5px 0px;
    outline: none;
    text-decoration: none; }

ul.tabs li:hover {
    background: #fff;
    text-decoration: none; }

ul.tabs li a:hover {
    background: #fff;
    text-decoration: none; }

/*The background color here is for the active tab*/
html ul.tabs li.active, html ul.tabs li.active a:hover  {
    background: #fafafa;
    border-bottom: 1px solid #fff; }



.tab_container {
    background: #fafafa;
    border: 1px solid #e0e0e0;
    border-top: none;
    clear: both;
    float: left; 
    width: 100%; }

.tab_content {
    padding: 10px; }


.tab_content h2 a:link,
.tab_content h2 a:visited {
    color: #0022FF; 
    font-size: 0.75em; 
    text-decoration: none; }

.tab_content h2 a:hover,
.tab_content h2 a:active {
    color: #0022FF; 
    text-decoration: none; }

.tab_content h3  {
    font-size: 1em; 
    font-weight: 700;
    padding: 0.5em 0; }



div#tab1 p {
    line-height: 1.5; 
    padding-left: 0px; }

div#tab2 p,
div#tab3 p {
    line-height: 1.5;
    padding-left: 10px; }

/** override colors defined in jquery-ui-x.x.x.custom.css */
.ui-widget-header { border: 1px solid #aaaaaa; background: #DEDEDE 50% 50% repeat-x; color: #222222; font-weight: bold; }

div.publishErrors {
    border-top: 2px dotted #dedede;
    clear: both;
}

div.publishError {
    white-space: pre-line;
    border-bottom: 2px dotted #dedede;
}

table.listing {
    border-spacing: 0;
    color: #222222;
    font-size: 1em ;
    margin: 0;
    padding: 0 0 .5em 0;
    width:auto 
}

td.listing {
    border-bottom: 0px;
    font-weight: normal;
    margin: 0;
    padding: 0 .3em;
    text-align: left;
    vertical-align: top; 
}

tfoot td.listing {
    border-bottom: 0px solid #bfbbbb;
    background: #ededed;
    color: #444; 
    padding: 0.1em 0em; 
}

tbody td.listing {
    border-bottom: 0px solid #bfbbbb; 
}

tbody tr.listing:hover {
    background-color: /* #f7f7f7 */ #FFFFFF;
    cursor:auto; 
}

 
#vtab-content {
   background-color: #fff;
   padding: 20px 10px;
   overflow: auto;}
   
#tab-container {
   float: left;
   margin: 5px 0 0;
   /* margin: 50px 0 0 0; */
   /* width: 126px; */
   width: 10.1em; }

#tab-container ul {
   list-style: none;
   text-align: center; } 

#tab-container ul li {
   border-top: 1px solid #666;
   border-right: 1px solid #666;
   border-bottom: 1px solid #666;
   border-left: 1px solid #666;
   background-color: #eee;
   margin: 6px 0 6px 15px; 
   -webkit-border-top-left-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-bottomleft: 5px;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px; 
   font-size: .9em; 
   }

#tab-container ul li.tabNoIndent {
   margin: 6px 0; }

#tab-container ul li.tabSpacer {
   margin: 6em 0 6px 0; }

#tab-container ul li a,
#tab-container ul li a:visited {
   text-decoration: none;
   color: #666;
   display: block;
   padding: 7px 5px; }

#tab-container ul li:hover {
   border-left: 5px solid #333; }

#tab-container ul li a:hover {
   color: #000; }

#tab-container ul li.selected {
   border-right: none;
   background-color: #fff;
   font-weight: 900;
   border-left: 5px solid #234f9d; }

#main-container {
   min-height: 400px;
   /* margin: 0 0 0 125px; */
   margin: 0 0 0 10em;
   padding: 20px;
   background-color: #fff;
   border: 1px solid #888; 
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   box-shadow: 5px 5px 5px #c3c3c3;}

/*------------------------------
   ADDED FOR USABILITY UPDATE
------------------------------*/
hr.homeFilter {
    display: block;
    height: 1px;
    border: 0;   
    border-top: 1px solid #cccccc;
    margin: .3em 0;
    padding: 0; }

hr.textDivider {
   border: 0; 
   border-top: 1px dotted #b7b7b7; 
   margin: 1em 0; }

h1#headingEllipsis {
   color: #63615E;
   font-size: 1.6em;
   line-height: 1.2;
   margin: 0;
   padding: .75em .25em 0 .25em; }
   
div#myFiltersLeft p,
div#myFiltersRight p {
   color: #63615E; 
   font-size: 1em;
   background-color: #fff;
   font-weight: bold;
   line-height: 1em;
   margin: 0;
   padding: 0 1.5em 0 0;
   text-transform: uppercase; }


div#myFiltersLeft {
   width: 28%; 
   line-height: 2; 
   margin: 0; 
   padding: 1.8em 0 0 0; 
   float: left; }

div#myFiltersRight {
   width: 23%; 
   line-height: 2; 
   margin: 0; 
   padding: 2.8em 0 0 0; 
   float: left; }
   
label.requiredInfoAlert {
   background: #fffadc;
   border: 1px solid #FFD324;
   display: block; 
   margin: 1.5em  0 0 0;
   padding: .3em; 
   font-weight: bold; 
   line-height: 1.5; }

input.activityTitle[type="text"] {
   width: 50em; }
   
.summaryBtnBox {
   border: 0px solid pink;
   height: 7em; }

a.homeBtn:link, a.homeBtn:visited {
   display: block;
   color: #565656;
   background-color:#f5f5f5;
   border: 1px solid #bfbbbb;
   padding: 1px 7px 3px 7px;
   margin: 0 0 1.25em 0;
   text-decoration: none;
   text-align: center;
   width: 24em;
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   box-shadow: 0 1px 2px rgba(0,0,0,.2); }

a.homeBtn:hover, a.homeBtn:active  {
   background-color: #dff4ff;
   border: 1px solid #c2e1ef; 
   text-decoration: none; }

div#homeBtns {
   float: left;
    line-height: 2;
    margin: 0;
    padding: 1.75em 6em .5em 0; }


/*------------------------------
   ICON & TEXT ALIGNMENT
------------------------------*/
img.vAmid {
   vertical-align: middle; }
img.vAtop {
   vertical-align: top; }
img.vAbot {
   vertical-align: top; }
img.vA-11pcnt {
   vertical-align: -11%; }
img.vA-13pcnt {
   vertical-align: -13%; }

/*------------------------------
   GLOBAL MARGIN & PADDING
------------------------------*/
.clear { 
   clear: both; 
   margin: 0; 
   padding: 0; }

/* Start of "Micro clearfix" See http://nicolasgallagher.com/micro-clearfix-hack/demo/ */

.clearfix:before,
.clearfix:after { 
    content: ""; 
    display: table;
}

.clearfix:after { 
    clear: both;
}
.clearfix { 
    zoom: 1; 
    height: 1px;
}

/* End of "Micro clearfix" */






/*------------------------------
   STEP BAR
------------------------------*/
.stepBar {
   border-collapse: collapse;
   font-weight: bold;
   padding: 2em 0;
   margin: 0;
   overflow: hidden;
   width: 100%; }

.stepBar .stepBox {
   float: left;
   position: relative;
   z-index: 201;
   width: 12em; }

.stepBar .stepBox .stepLineSegment {
   background-color: #777777;
   height: 2px;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 200; }

.stepBar .stepBox.first .stepLineSegment,
.stepBar .stepBox.last .stepLineSegment {
   width: 50.5%; }

.stepBar .stepBox.first .stepLineSegment {
   left: 50%; }

.stepBar .stepBox .stepDot {
   background: transparent url('../images/bullet_black.png') no-repeat center top;
   height: 16px;
   position: absolute;
   top: -7px;
   width: 100%;
   z-index: 201; }

.stepBar .stepCurrent .stepDot {
   background: transparent url('../images/pencil_32.png') no-repeat center top;
   height: 32px;
   top: -16px; }

.stepBar .stepHold .stepDot {
   background: transparent url('../images/hold_32.png') no-repeat center top;
   height: 32px;
   top: -16px; }

.stepBar .stepCurrent.last .stepDot {
   background: transparent url('../images/pencil_32.png') no-repeat center top;
   height: 32px;
   top: -16px; }

.stepBar .stepDone .stepDot {
   background: transparent url('../images/checkmark_32.png') no-repeat center top;
   height: 32px;
   top: -16px; } 

.stepBar .stepBox .stepText {
   color: #777777;
   font-size: .9em;
   /*max-width: 10em; */
   max-width: 12em;
   min-width: 7em;
   /* padding: 22px 1em 0 1em; due to hold step bar had to change spacing */
   padding: 22px .5em 0 .5em;
   text-align: center;
   z-index: 201; }

.stepBar .stepCurrent .stepText,
.stepBar .stepDone .stepText {
   color: #191919; }


/*------------------------------
   PROGRESS BAR
    http://benogle.com/2009/06/16/simple-css-shiny-progress-bar-technique.html 
    http://www.colorzilla.com/gradient-editor/
------------------------------*/
.meter-wrap {
    position: relative; 
    display: inline-block; 
    margin: 0 0 0 1em;
    padding: 0;
   vertical-align: -.4em;} 

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 155px; height: 20px; }

.meter-wrap, .meter-value {
   background: #bdbdbd;
    -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px; }

.meter-value {
   background: #b4e391; /* Old browsers */
   background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#b4e391)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #b4e391 0%,#61c419 50%,#b4e391 100%); /* IE10+ */
   background: linear-gradient(to bottom, #b4e391 0%,#61c419 50%,#b4e391 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */}

.meter-text {
    position: absolute;
    top: 0; 
    left: 0;
    padding-top: 3px !important;
    color: /* #2a2a2a */ #353535;
    text-align: center;
    font-weight: 700;
    font-size: .75em !important;
    width: 100%; }


div.slideHelpContainer {
    padding: 0.5em 1em 0.5em 1em;
    border: 1px solid #888888;
}

div.slideHelpContainer2 {
    margin-top: 1em;
}

p.slideHelpTitle {
    background: url('../images/icons/information.png') no-repeat scroll 0px 50%;
    padding:0 0 0 25px;
}

div.slideHelp ul {
    list-style: outside; 
    margin: 0 3em 0 2em; 
    line-height: 1.5;
}

div.activitySummarySessions div.offeringTable {
    margin: 0em 0em 0em 2em;
}

div.activitySummarySessions hr {
    margin-left: 2em;
}

div.activitySummaryButtons {
    margin-bottom: 1em;
}

p.success {
    background: #bcdebc url('images/silk_tick.png') no-repeat scroll 15px 50%;
}


.tinymceDialog {
    width: 100%; 
}

tr.offeringRow th {
    white-space: nowrap;
}

a.deleteOffering {
    margin-left: 0;
}

ul#menu li {
    z-index: 300;
}

ul.tabs li {
    z-index: 200;
}

div#addSession label {
    margin-left: 0px;
    padding-left: 0px;
    width:auto;
    text-align: right;
}

div.viewChangesSection {
    clear: both;
    width: 100%;
}

div.viewChangesLeftCol {
    border: 0px solid pink;
    float: left;
    line-height: 2;
    margin: 0;
    padding: 0 1em 0 0;
    width: 45%;
}

div.viewChangesRightCol {
    border: 0px solid green;
    float: left;
    line-height: 2;
    margin: 0;
    padding: 0 0 0 1em;
    width: 45%; 
}

/*div.viewChangesLeftCol label:first-child {
    padding-top: 0; 
}*/

a.removeSponsor,
a.actionIcons:link, 
a.actionIcons:visited {
    font-size: .8em;
    margin-left: 1em;
}