/* sIfr 3 css */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
 }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
 }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
 }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
 }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
 }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
 }
}

/* font with sifr */
.mainnav {float: left; height: 22px; overflow: hidden; padding: 2px 0 0 25px;}
.mainnav a {font: bold 17px Arial, Helvetica, sans-serif; padding: 0px 15px 0 10px;}
.mainnav a:hover {background: url(../images/bg_mainnav.gif) no-repeat 6px 2px;}

/* Staff list */

.main .nosidebox .maincon .conbody .stafflist .box {background:url(../images/dline_y.gif) repeat-y right top; float: left;  margin-top: 20px; padding: 0 10px 0 5px; width: 125px;}
.main .nosidebox .maincon .conbody .stafflist .last {background-image: none;}
.main .nosidebox .maincon .conbody .stafflist .box h3 {color: #e71c24; font-size: 12px; padding: 0 0 10px 0;}
.main .nosidebox .maincon .conbody .stafflist .box dl {color:#6d6f71; font-size: 10px; line-height: 1.2em;}
.main .nosidebox .maincon .conbody .stafflist .box dl dt {font-weight: bold; background: url(../images/icon_redarrow_s.gif) no-repeat left -2px; padding: 0 0 0 16px;}
.main .nosidebox .maincon .conbody .stafflist .box dl dd {color: #939598; padding: 0 0 8px 16px;}
.main .nosidebox .maincon .conbody .stafflist .box dl dt a {color:#6d6f71;}
.main .nosidebox .maincon .conbody .stafflist .box dl dd a {color: #939598;}
.main .nosidebox .maincon .conbody .stafflist .box dl a:hover {color:#e71c24;}
.main .nosidebox .maincon .conbody .stafflist p.page {clear: both; padding: 10px 0;}

/* Staff list detail */
.main .content .maincon .conbody .text .info {clear: both; padding-top: 20px; width: 530px; overflow: hidden;}
.main .content .maincon .conbody h4 {color: #6d6f71; font: bold 14px Arial, Helvetica, sans-serif; margin-top: 10px;}
.main .content .maincon .conbody h5 {color: #e71c24; font: bold 12px Arial, Helvetica, sans-serif;}
.main .content .maincon .conbody .contactinfo {background: url(../images/dline_x.gif) repeat-x left bottom; display: block; padding:20px 0 10px; width: 350px;}
.main .content .maincon .conbody .contactinfo p {background: url(../images/icon_contact.gif) no-repeat left top; padding-left: 22px;}
.main .content .maincon .conbody .contactinfo p a {color: #939598;}
.main .content .maincon .conbody .contactinfo p.email {background-position: left -43px;}
.main .content .maincon .conbody p.desc {padding: 10px 0 0 0;}

/* Tabs */
.ui-tabs .ui-tabs-nav {list-style: none; position: relative;}
DIV.main DIV.content DIV.maincon DIV.conbody DIV.text DIV.ui-tabs UL.ui-tabs-nav LI {background-image:none; padding: 0; position: relative; float: left;}
.ui-tabs .ui-tabs-nav li a {background:url(../images/bg_tab_title.gif) repeat-x left top; color: #6d6f71; float: left; margin-right: 2px; padding: 2px 6px; text-decoration: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { color: #e71c24 !important; cursor: text;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {background: url(../images/bg_tab_title.gif) repeat-x left bottom; padding: 3px 6px;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {background:url(../images/bg_sidebox.gif) repeat-x left top; float: left; overflow: hidden; padding: 10px; width: 510px;}
.ui-tabs .ui-tabs-hide {display: none !important;}

/* Contact */

.main .contact .maincon {background: #fff url(../images/dline_y.gif) repeat-y left top; min-height: 680px;}
.main .contact .maincon .sidebox {width: 360px;}
.main .contact .maincon .sidebox .box {float: left; height: 158px; background: #fff url(../images/bg_sidebox_contact.gif) no-repeat left top;width: 156px;}
.main .contact .maincon .sidebox .box h4 {color: #e71c24;}
.main .contact .maincon .sidebox .last {height: 157px;}
.main .contact .maincon .sidebox .box p.addr1 {padding-bottom: 4px;}
.main .contact .maincon .sidebox .box p.phone,
.main .contact .maincon .sidebox .box p.fax,
.main .contact .maincon .sidebox .box p a.email,
.main .contact .maincon .sidebox .box p a.map {background:transparent url(../images/icon_contact.gif) no-repeat scroll left 2px; padding: 2px 0 2px 20px;}
.main .contact .maincon .sidebox .box p.phone {background-position: left 2px;}
.main .contact .maincon .sidebox .box p.fax {background-position: left -28px;}
.main .contact .maincon .sidebox .box p a.email {background-position: left -44px; color: #6d6f71; font-weight: bold;}
.main .contact .maincon .sidebox .box p a.map {background-position: left bottom; color: #6d6f71; font-weight: bold;}
.main .contact .maincon .conbody {width: 369px;}

.main .contact .maincon .conbody .text h3 {color: #6d6f71; margin-top: 20px;}
.main .contact .maincon .conbody .text p.error {color: #e71c24;}

.main .contact .maincon .conbody .text ol.contactform {margin: 0; list-style: none;}
.main .contact .maincon .conbody .text ol.contactform li label,
.emailform ol.contactform li label{background: url(../images/bg_mainnav.gif) no-repeat scroll -4px top; width: 70px; float: left; font-weight: bold; padding: 0 0 0 16px;}
.main .contact .maincon .conbody .text ol.contactform li input,
.email ol.contactform li input{float: left; width: 270px;}
.main .contact .maincon .conbody .text ol.contactform li textarea {height: 100px; width: 360px;}
.main .contact .maincon .conbody .text ol.contactform li,
.emailform ol.contactform li { clear: both; padding: 6px 0;}
/******/.main .contact .maincon .conbody p.btn,/**********/
.main .contact .maincon .conbody .text p.btn,
.main .content .maincon .conbody .text p.btn {clear: both; font-size: 11px; padding: 10px 0 0 0; text-align: right; text-transform: uppercase;}
.main .contact .maincon .conbody .text p.btn a.submit,
.main .contact .maincon .conbody .text p.btn a.reset,
.searchbar a.btn_search,
/*******/.main .maincon .conbody .formrow p.btn a.submit,
.main .maincon .conbody .formrow p.btn a.reset,/********/
.main .subscription .maincon .conbody .formrow2 p.btn a.submit,
.main .subscription .maincon .conbody .formrow2 p.btn a.reset,
.query ol.filter li a.btn_search {background: url(../images/icon_round.gif) no-repeat left top; color: #6d6f71; font-weight: bold; padding: 8px 0px 2px 26px;}
.main .contact .maincon .conbody .text p.btn a.submit,
/********/.main .maincon .conbody .formrow p.btn a.submit,/********/
.main .subscription .maincon .conbody .formrow2 p.btn a.submit {background-position: left top;}
.main .contact .maincon .conbody .text p.btn a.reset,
/*****//*.main .subscription .maincon .conbody .formrow2 p.btn a.reset{background-position: left -22px; margin-left: 20px;}*/
.main .maincon .conbody .formrow p.btn a.reset,
.main .subscription .maincon .conbody .formrow2 p.btn a.reset {background-position: left -22px; margin-left: 20px;}/*******/
.main .contact .maincon .conbody .text {clear: both; padding: 10px 0 0 0;}

/* Site search */

.resultslist {background: url(../images/dline_x.gif) repeat-x left top;}
.resultslist p {color: #6d6f71; font-weight: bold; padding: 10px;}
.resultslist dl dt {background: url(../images/icon_redarrow_s.gif) no-repeat scroll -4px top; padding: 0 0 0 20px;}
.resultslist dl dt span,
.resultslist dl dt a {color: #0071b6; font-weight: bold;}
.resultslist dl dt span {display: block; float: left; width: 30px;}
.resultslist dl dd {padding: 0 0 10px 52px;}

.searchbar,
.searchbar label,
.searchbar input,
.searchbar select,
.searchbar a.btn_search {float: left;}
.searchbar {width: 719px; background: url(../images/bg_maincon.gif) repeat-x left top; padding: 10px 0 15px 10px;} 
.searchbar label {color: #e71c24; padding: 2px 10px 0 0; font: bold 15px Arial, Helvetica, sans-serif;}
.searchbar input {margin: 0 10px 0 0; width: 340px;}
.searchbar select {width: 160px;}
.searchbar a.btn_search {background-position: left -44px; margin-left: 6px; padding:6px 0 2px 26px;}
p.page {clear: both;}
p.page a {text-decoration: underline !important;}

/* News list */
.main .content .maincon .conbody .text p.desc,
.main .content .maincon .conbody .text div.desc {clear:left; min-height: 140px; padding: 10px 0 0 0;}

.main .content .maincon .conbody .text div.desc div.img,
.main .content .maincon .conbody .text div.desc div.text {float: left;}
.main .content .maincon .conbody .text div.desc div.img {margin-right:8px; border:2px dashed #E8E9EA;}
.main .content .maincon .conbody .text div.desc div.text {width: 410px;}

/* News details */
.main .content .maincon .newsdetails .text img {float: left; margin: 10px 10px 10px 0;}
.main .content .maincon .newsdetails p.date {color: #6d6f71; font: bold 12px Arial, Helvetica, sans-serif; margin-bottom: 10px;}
.main .content .maincon .newsdetails .text ol,
.main .content .maincon .newsdetails .text ul {float: left;min-width:336px;}

p.dlpdf {margin: 10px 0;}
a.dlpdf {background: url(../images/icon_round.gif) no-repeat left -376px; font-size: 11px; padding: 6px 0 6px 20px;}
.main .content .maincon .newsdetails p.page a {color: #6d6f71; text-decoration: none !important;}
.main .content .maincon .newsdetails p.page {background: url(../images/dline_x.gif) repeat-x left top; margin: 10px 0 0 0; padding: 10px 0; width: 525px;}
p.page span.prev {background: url(../images/icon_round.gif) no-repeat left -111px; font-size: 11px; padding: 4px 0 3px 28px; float: left}
p.page span.next {background: url(../images/icon_round.gif) no-repeat 29px -133px; font-size: 11px; padding: 4px 28px 3px 0; float: right;}
p.page a.prev {background: url(../images/icon_round.gif) no-repeat left -67px; color: #6d6f71; font-size: 11px; padding: 4px 0 3px 28px; float: left; text-decoration: none !important; text-transform: uppercase;}
p.page a.next {background: url(../images/icon_round.gif) no-repeat 32px -89px; color: #6d6f71; font-size: 11px; padding: 4px 28px 3px 0; float: right; text-decoration: none !important; text-transform: uppercase;}
p.page a.next_text {text-decoration: none !important;}

.mainbody_purple .page a.prev {background-position: left -155px;}
.mainbody_purple .page a.next {background-position: 32px -178px;}

/* faq */

.mainbody_red .main .content .maincon .faq h3 {color: #6d6f71;}
.mainbody_red .main .content .maincon .faq ol li,
.mainbody_red .main .content .maincon .faq ul li {background: url(../images/icon_redarrow_s_2.gif) no-repeat left top; padding-left: 20px;}
.mainbody_red .main .content .maincon .faq dl dt {margin-top: 20px; font: bold 13px Arial, Helvetica, sans-serif;}

/* media */
.main .content .maincon .conbody .text .ui-tabs-panel p.desc {background: url(../images/dline_x.gif) repeat-x left bottom; height: auto; padding-bottom: 10px;}
/*.ui-tabs-panel div.desc{background: url(../images/dline_x.gif) repeat-x left bottom; height: auto; padding-bottom: 10px;}*/
ul.gallery li .text {padding: 0 10px 0 0; width: 130px;}
.media .ui-tabs-nav li.ui-tabs-selected a {color: #662d8b !important; font-weight: bold;}
DIV.main DIV.content DIV.maincon DIV.conbody DIV.text DIV.ui-tabs DIV.ui-tabs-panel UL.gallery LI {background-image: none; float: left; padding: 0 0 20px 0; width: 255px;}
.ui-tabs .ui-tabs-panel ul.gallery {margin: 10px 0;}
.ui-tabs .ui-tabs-panel ul.gallery li .text {float: left; line-height: 1.2em; padding: 0;}
.main .content .maincon .conbody .ui-tabs .ui-tabs-panel ul.gallery li .text h4 {color: #6d6f71; font-size: 12px; margin: 0;}
.main .content .maincon .conbody .ui-tabs .ui-tabs-panel ul.gallery li .text h4 a {color: #6d6f71;}
.ui-tabs .ui-tabs-panel ul.gallery li .text p {font-size: 10px;}
.media .ui-tabs-panel h3 span {display: block; float: right; font-size: 12px; padding: 4px 0;}
.media .ui-tabs-panel h3 span a {background: url(../images/icon_r2.gif) no-repeat left top; color: #6d6f71; padding: 4px 0 2px 28px;}

.media p.desc {float: none; width: 500px;}

.main .content .maincon .conbody .media .ui-tabs-panel .player_gallery,
.main .content .maincon .conbody .media .ui-tabs-panel .player_video {text-align: center; margin: 0 auto;}

.main .content .maincon .conbody .media .ui-tabs-panel .player_gallery .text,
.main .content .maincon .conbody .media .ui-tabs-panel .player_video .text {text-align: left; font-size: 10px;}
.main .content .maincon .conbody .media .ui-tabs-panel .player_gallery .text {padding: 0 80px;}
.main .content .maincon .conbody .media .ui-tabs-panel .player_video .text {padding: 0 36px;}
.main .content .maincon .conbody .media .ui-tabs-panel .player_video .text h4 {color: #662d8b;}

.main .content .maincon .sidebox .share ul li {float: left; width: 80px; padding: 0 0 10px;}
.main .content .maincon .sidebox .share h4,
.main .content .maincon .sidebox .share ul li a {color: #662d8b;}

/* subscription */ /* Forms */

.main .subscription .maincon {min-height: 510px !important;}
.main .subscription .maincon .conbody {padding: 0; width: 765px !important;}
.main .subscription .maincon .conbody .text {background: url(../images/dline_y.gif) repeat-y 420px top; min-height: 510px; overflow: hidden;}
/**********/.formrow {float: left; padding: 0 10px 0 20px; width:570px!important;}/**********/
.formrow1 {float: left; padding: 0 10px 0 20px; width: 390px;}
.formrow2 {float: left; padding: 20px 0 0 20px; width: 300px;}
/******/.formrow ol {float:left;} 
.formrow li {float:left; clear: both; padding: 3px 0;}/******/
.formrow1 li {clear: both; padding: 3px 0;}
/******/
.formrow li label {width:100px!important; background:url(../images/icon_redarrow_s_2.gif) no-repeat left -800px !important;}
.formrow li label,/******/
.formrow1 li label {background: url(../images/icon_redarrow_s.gif) no-repeat left top; float: left; width: 70px; padding-left: 20px;}
.formrow1 li label.date,
.formrow1 li label.dash {background: none; padding: 3px 0 0 0;}
.formrow1 li label.date {width: 100px;}
.formrow1 li label.dash {width: 10px;}
.formrow1 li input {width: 280px;}
/******/.formrow li textarea {width:280px; height:75px;}/******/
.formrow1 li input.date {margin: 0 4px 0 0; width: 10px;}
.formrow1 li label span.required {color: #e71c24;}
/****//*.formrow1 li span.error {clear: both; color: #e71c24; display: block; float: left; padding-left: 90px; width: 280px;}*/
.formrow li span.error {padding-left:110px !important;}
.formrow li span.error,
.formrow1 li span.error {clear: both; color: #e71c24; display: block; float: left; padding-left: 90px; margin-left:10px; width: 280px;}
/*****/
.formrow1 li.spec label {width: 115px;}
.formrow1 li.spec input {width: 235px;}
/******/
.formrow1 li.spec2 span {font-size:10px;}
.formrow1 li.spec2 input {width: 160px; margin-right:5px;}
/******/
.formrow1 li.row2th {padding-left: 90px;}
.main .subscription .maincon .conbody .formrow1 li {background-image: none;}
.formrow1 li.title select {width: 80px;}
.formrow1 li.state select {width: 155px;}
.formrow1 li.company select {width: 280px;}

.main .subscription .maincon .conbody .formrow1 h3,
.main .subscription .maincon .conbody .formrow2 h3 {color: #6d6f71;}
.main .subscription .maincon .conbody .formrow1 h3 span {color: #e71c24; float: right; font: normal 12px Arial, Helvetica, sans-serif;}
/******/
.main .maincon .conbody .formrow1 h3 span {color: #e71c24; float: right; font: normal 12px Arial, Helvetica, sans-serif;}

.main .maincon .conbody .content_text .formrow1 ol.contactform,
/******/
.main .subscription .maincon .conbody .text .formrow1 ol,
.main .subscription .maincon .conbody .text .formrow2 ol {list-style: none; margin: 0;}
.main .subscription .maincon .conbody .formrow2 ol {padding: 5px 0 10px 0;float:left;}
.main .subscription .maincon .conbody .formrow2 ol li {background: url(../images/icon_redarrow_s.gif) no-repeat left -88px; float:left; padding: 2px 0 10px 20px; width: 280px; }
.main .subscription .maincon .conbody .formrow2 ol li input {border: 0;float:left;}
.main .subscription .maincon .conbody .formrow2 ol li label {float:left; padding: 0 0 0 6px; margin: -2px 0 0 0;}
/*****/
.main .maincon .conbody .formrow p.btn {float:left; width:498px; margin-top:20px; background: url(../images/dline_x.gif) repeat-x left top; padding: 20px 0;}
/********/
.main .subscription .maincon .conbody .formrow2 p.btn {background: url(../images/dline_x.gif) repeat-x left top; padding: 20px 0;}

/* coursecatalogue */
.main .content .maincon .coursecatalogue .text ul.newslist li {background-image: none; padding: 2px 0 2px 3px;}
.main .content .maincon .coursecatalogue .text ul.newslist li h4 {margin: 0;}
.main .content .maincon .coursecatalogue .text ul.newslist li p {line-height: 1.2em;}

.main .content .maincon .coursecatalogue .text ul.newslist li.green img {border-left: 6px solid #7bb13a;}
.main .content .maincon .coursecatalogue .text ul.newslist li.pink img {border-left: 6px solid #e9068a;}
.main .content .maincon .coursecatalogue .text ul.newslist li.skyblue img {border-left: 6px solid #00abec;}
.main .content .maincon .coursecatalogue .text ul.newslist li.lightred img {border-left: 6px solid #f07055;}
.main .content .maincon .coursecatalogue .text ul.newslist li.steelblue img {border-left: 6px solid #7d76b4;}

.main .content .maincon .coursecatalogue .text ul.newslist li.green a {color:#7bb13a;}
.main .content .maincon .coursecatalogue .text ul.newslist li.pink a {color:#e9068a;}
.main .content .maincon .coursecatalogue .text ul.newslist li.skyblue a {color:#00abec;}
.main .content .maincon .coursecatalogue .text ul.newslist li.lightred a {color:#f07055;}
.main .content .maincon .coursecatalogue .text ul.newslist li.steelblue a {color:#7d76b4;}


/* courses */

ul#courses_all {background: url(../images/dline_x.gif) repeat-x left top; float: left; padding-top: 20px;  margin: 0;}
ul#courses_all li {float: left; margin: 0 8px 6px 0; padding: 0;}
ul#courses_all li a {background: url(../images/bg_discipline_item.gif) no-repeat 0px -82px; display:block; float: left;height: 80px; padding: 2px 0 0 2px; width: 80px;}
ul#courses_all li a:hover {background-position: 0px 0px;}
ul#courses_all li.last {margin: 0 0 6px 0;}

a.view_courses {background: url(../images/icon_rarrow_up.gif) no-repeat left top; color: #6d6f71; font-weight: bold; padding: 6px 0px 2px 26px;}
.main .content .maincon #courses_all .text p.btn {padding: 20px 0 0 0;}


/* courses search by discipline */

.query {background:url(../images/bg_sidebox.gif) repeat-x left top;}
.query p.desc {float: right; margin-right: 30px; text-align: center; width: 75px;}
.query ol.filter {float: left; padding: 10px 0 20px 10px;}
.query ol.filter li {clear: both; padding: 4px 0;}
.query ol.filter li label {background: url(../images/icon_redarrow_s.gif) no-repeat scroll -4px top; width: 100px; float: left; font-weight: bold; padding: 0 0 0 16px;}
.query ol.filter li input {float: left; width: 270px;}
.query ol.filter li select {float: left; width: 170px;}
.query ol.filter li a.btn_search {background-position: left -44px; float: left; margin-left: 20px;}
.mainbody_orange .query ol.filter li a.btn_search {background: url(../images/btn_search_orange.gif) no-repeat left 3px;}

.query table.courseslist {clear: both;width: 100%; background: url(../images/dline_x.gif) repeat-x left top;}
.query table.courseslist tr.head {background: url(../images/dline_x.gif) repeat-x left bottom;}
.query table.courseslist tr.head td {line-height: 1.8em;}
.query table.courseslist tr.head td span.sort {display: block; height: 24px; float: left; margin: 0 6px 0 0; width: 12px;}
.query table.courseslist tr.head td span.sort a {background: url(../images/icon_bg_sort.gif) no-repeat left top; display: block; height: 10px; float: left; margin: 0 0 2px 0; width: 12px;}
.query table.courseslist tr.head td span.sort a.down {background-position: left bottom;}
.query table.courseslist tr.head td span.sort a:hover {background-position: right top;}
.query table.courseslist tr.head td span.sort a:hover.down {background-position: right bottom;}

.query table.courseslist tr {background: url(../images/dline_x_lightgray.gif) repeat-x left bottom;}
.query table.courseslist td {color: #6d6f71; padding: 8px 0;}
.query table.courseslist td span.icon {background: transparent url(../images/icon_redarrow_s.gif) no-repeat -4px -78px; display: block; padding-left: 16px;}
.query table.courseslist td a {color: #999;}
.query table.courseslist td a:hover {text-decoration: underline;}

.query table.courseslist td.green,
.query table.courseslist td.green a {color:#7bb13a;}
.query table.courseslist td.pink,
.query table.courseslist td.pink a {color:#e9068a;}
.query table.courseslist td.skyblue,
.query table.courseslist td.skyblue a {color:#00abec;}
.query table.courseslist td.lightred,
.query table.courseslist td.lightred  a {color:#f07055;}
.query table.courseslist td.steelblue,
.query table.courseslist td.steelblue a {color:#7d76b4;}

.coursesearch p.page {padding: 20px 0 0 0;}

/* Vacantpositionslist */

.vplist {background: url(../images/dline_x.gif) repeat-x left top; font-size: 10px; line-height: 1.2em; padding: 10px 0; overflow: hidden;}
.main .content .maincon .conbody .text .vplist ul {float: left; width: 190px;}
.main .content .maincon .conbody .text .vplist ul li {background-image: none; padding: 0;}
.main .content .maincon .conbody .text .vplist ul li label {background: transparent url(../images/icon_redarrow_s.gif) no-repeat -4px -86px; float: left; padding: 0 0 0 12px; width: 78px;}
.main .content .maincon .conbody .text .vplist ul li span {float: left; width: 100px;}
.main .content .maincon .conbody .text .vplist h4 {font-size: 12px; margin: 0 0 4px 0;}
.main .content .maincon .conbody .text .vplist h4 a {color: #999;}
.main .content .maincon .conbody .text .vplist p.desc {background: transparent url(../images/icon_redarrow_s.gif) no-repeat -4px -88px; clear: none; float: left; height: auto; min-height: 60px; padding: 0 0 0 12px; width: 328px;}
.main .content .maincon .conbody .text .vplist p.link {clear: both;padding: 10px 0;}
.main .content .maincon .conbody .text .vplist p.link a {color: #e71c24;}

/* email a friend */
/*.emailform {background: #fff url(../images/bg_emailpage.gif) no-repeat left top; color: #6d6f71; padding: 105px 20px 30px 20px; width: 366px;}*/
.emailform {
	background: #fff url(../images/bg_emailpage.gif) no-repeat left top; 
	height:450px;
	color: #6d6f71;
	overflow: auto;
	padding: 105px 20px 30px 20px;
	position: relative;
	width: 382px;
	}
.emailform h1 {font: bold 18px Arial, Helvetica, sans-serif; color: #e71c24;}
.emailform p.error {color: #e71c24;}
.emailform ol.contactform {margin: 20px 0 0 0;}
.emailform ol.contactform li {padding: 8px 0;}
.emailform ol.contactform li label{width: 90px;}
.emailform ol.contactform li input{width: 240px;}
.emailform ol.contactform li textarea{height: 100px; width: 346px;}
.emailform p.btn {padding: 10px 16px 10px 0; text-align: right; float: right;}
.emailform p.btn a {background: url(../images/icon_redbtn_normal.gif) no-repeat left top; color: #6d6f71; float:left; font-weight: bold; margin: 0 10px 0 0; padding: 6px 0px 2px 26px;}
.emailform p.btn a.reset {background-position: left -22px;}
a.btn_close {position: absolute; top: 15px; left: 360px;}

/* coursediscipline */
.coursediscipline p.desc img {float: left; margin: 0 10px 0 0;}
.coursediscipline ul.newslist li div.text {border-left: 6px solid #ccc;color: #6d6f71; float:left; padding: 6px 0 6px 10px;}
.coursediscipline ul.newslist li div.text ul.disciplinelist {float: left; padding:5px 0;}
div.main div.content div.maincon div.coursediscipline ul.newslist li div.text ul.disciplinelist li {background-image: none; padding: 0 0 5px; width: 510px;}

.coursediscipline ul.newslist li.green div.text {border-left-color: #7bb13a;}
.coursediscipline ul.newslist li.pink div.text {border-left-color: #e9068a;}
.coursediscipline ul.newslist li.skyblue div.text {border-left-color: #00abec;}
.coursediscipline ul.newslist li.lightred div.text {border-left-color: #f07055;}
.coursediscipline ul.newslist li.steelblue div.text {border-left-color: #7d76b4;}

.main .content .maincon .coursediscipline ul.newslist li.green div.text h4,
.main .content .maincon .coursediscipline ul.newslist li.green div.text h4 a {color: #7bb13a;}
.main .content .maincon .coursediscipline ul.newslist li.pink div.text h4,
.main .content .maincon .coursediscipline ul.newslist li.pink div.text h4 a {color: #e9068a;}
.main .content .maincon .coursediscipline ul.newslist li.skyblue div.text h4,
.main .content .maincon .coursediscipline ul.newslist li.skyblue div.text h4 a {color: #00abec;}
.main .content .maincon .coursediscipline ul.newslist li.lightred div.text h4,
.main .content .maincon .coursediscipline ul.newslist li.lightred div.text h4 a {color: #f07055;}
.main .content .maincon .coursediscipline ul.newslist li.steelblue div.text h4,
.main .content .maincon .coursediscipline ul.newslist li.steelblue div.text h4 a {color:#7d76b4;}

UL.newslist {float:left;}
DIV.main DIV.content DIV.maincon DIV.conbody DIV.text ul.newslist li {background: url(../images/dline_x.gif) repeat-x left top; float:left; padding: 10px 0; width: 530px;}
ul.newslist li ul li {background: none; padding: 4px 0;}
ul.newslist li ul.disciplinelist li label {float: left; padding: 0 6px 0 0; width:320px;}
ul.newslist li ul.disciplinelist li div.btn {float: right; width:180px;}
ul.newslist li ul.disciplinelist li div.btn A {color:#666666; float: left; padding-right:10px; width:80px;}
ul.newslist li ul.disciplinelist li div.btn A IMG {float: left;}
ul.newslist li ul.disciplinelist li div.btn A SPAN {float: left; padding:2px 0 0 5px; width:54px; overflow:hidden; text-align:left;}
ul.newslist li ul.disciplinelist li img {margin:0;}
ul.newslist li img,
ul.gallery li img {float: left; margin-right: 10px;}
.main .content .maincon .conbody .text ul.newslist li h4 {margin: 4px 0 0 0;}
.main .content .maincon .conbody .text ul.newslist li h4 a {color: #00B082; font: bold 12px Arial, Helvetica, sans-serif;}
.coursecatalogue .text ul.newslist li .text {float: left; width: 430px;}

p.share a.btn_rss {background: url(../images/icon_rss.gif) no-repeat left 2px; margin-right: 20px; padding-left: 16px; float: right;}

/* toggle */
div.toggle h2.trigger {
	border: 2px solid #d6d7d8;
	color: #6d6f71 !important;
	padding: 0 0 0 50px;
	background: url(../images/h2_trigger_a.gif) no-repeat left top;
	height: 43px;
	line-height: 43px !important;
	width: 469px;
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin: -2px 0 0 0;
}
div.toggle h2.trigger a {
	color: #6d6f71;
	text-decoration: none;
	display: block;
}
div.toggle h2.trigger a:hover {color: #ccc;}
div.toggle h2.active a {color: #bbbdbf;}
div.toggle .toggle_container {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	width: 523px;
	clear: both;
}
div.toggle .toggle_container .block {
	padding: 6px 0; /*--Padding of Container--*/
}

div.toggle h2.trigger span {background: url(../images/icon_courselist.gif); display: block; float: right; height: 43px; width: 49px;} 
div.toggle h2.trigger span.courseslist_t2 {background-position: left -43px;} 
div.toggle h2.trigger span.courseslist_t3 {background-position: left -86px;} 
div.toggle h2.trigger span.courseslist_t4 {background-position: left -129px;} 
div.toggle h2.trigger span.courseslist_t5 {background-position: left -172px;}

div.toggle .toggle_container .block .rowbox {background: url(../images/dline_x.gif) repeat-x left bottom; clear: both; overflow: hidden; padding: 6px 0;}
div.toggle .toggle_container .block .last {background: none;}

div.toggle .toggle_container .block .rowbox .text {background: url(../images/icon_redarrow_s.gif) no-repeat left -88px; float: left; padding: 0 0 0 20px; width: 300px;}
.main .content .maincon .conbody div.toggle .toggle_container .block .rowbox p.btn {clear: none; float: left; width: 190px;}

div.toggle .toggle_container .block .pink h5 {color: #e9068a;}
div.toggle .toggle_container .block .skyblue h5 {color: #00abec;}
div.toggle .toggle_container .block .lightred h5 {color: #f07055;}
div.toggle .toggle_container .block .green h5 {color: #7bb13a;}
div.toggle .toggle_container .block .steelblue h5 {color: #7d76b4;}

div.toggle .toggle_container .block p.btn A {float: left; color: #6d6f71; margin:0 0 0 10px; overflow:hidden; width:80px;}
div.toggle .toggle_container .block p.btn A IMG {float: left;}
div.toggle .toggle_container .block p.btn A SPAN {float: left; padding:2px 0 0 5px; overflow:hidden; text-align:left; width:54px;}

div.toggle .toggle_container .block p.btn a.apply-course-open {}
div.toggle .toggle_container .block p.btn a.apply-course-closed {}

div.toggle .toggle_container .block .pink p.btn a.btn_details {background:transparent url(../images/icon_pink_i.gif) no-repeat scroll left 2px; padding: 4px 0 4px 28px;}
div.toggle .toggle_container .block .pink p.btn a.btn_apply {background:transparent url(../images/icon_pink_up.gif) no-repeat scroll left 2px; padding: 4px 0 4px 28px;}

div.toggle .toggle_container .block .skyblue p.btn a.btn_details {background:transparent url(../images/icon_skyblue_i.gif) no-repeat scroll left 2px; padding: 4px 0 4px 28px;}
div.toggle .toggle_container .block .skyblue p.btn a.btn_apply {background:transparent url(../images/icon_skyblue_up.gif) no-repeat scroll left 2px; padding: 4px 0 4px 28px;}

div.toggle .toggle_container .block .lightred p.btn a.btn_details {background:transparent url(../images/icon_lightred_i.gif) no-repeat scroll left 2px; padding: 4px 0 4px 28px;}
div.toggle .toggle_container .block .lightred p.btn a.btn_apply {background:transparent url(../images/icon_lightred_up.gif) no-repeat scroll left 2px; padding: 4px 0 4px 28px;}

div.toggle .toggle_container .block .green p.btn a.btn_details {background:transparent url(../images/icon_green_i.gif) no-repeat scroll left 2px; padding: 4px 0 4px 28px;}
div.toggle .toggle_container .block .green p.btn a.btn_apply {background:transparent url(../images/icon_green_up.gif) no-repeat scroll left 2px; padding: 4px 0 4px 28px;}

div.toggle .toggle_container .block .rowbox p.btn span.state {float: right; clear: both; display: block; width: 190px; text-transform: none;}
div.toggle .toggle_container .block .rowbox p.btn span.available {color: #008c45;}
div.toggle .toggle_container .block .rowbox p.btn span.closed {color: #e71c24;}

/* course detail */
.main .content .maincon .conbody div.togglelite h2.trigger {
	background: url(../images/h2_triggerlite_a.gif) no-repeat left top;
	font-size:14px;
	height: 18px;
	line-height: 18px;
	padding: 0 0 0 30px;
	width: 489px;
}

DIV.coursedetail  DIV.text DIV.desc {background:transparent url(../images/dline_x.gif) repeat-x scroll left top; padding: 0; margin: 0;}
div.togglelite h2.trigger a {line-height:18px;}
.main .content .maincon .conbody div.toggle h2.active {background-position: left bottom !important;color: #bbbdbf !important;}  /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.mainbody .main .content .maincon .conbody div.togglelite .toggle_container .block h3 {color: #6d6f71; font-size: 12px;}
.mainbody .main .content .maincon .conbody div.togglelite .toggle_container .block h4 {color: #939598; font-size: 11px; margin: 2px 0 0 0;}

.coursedetail div.toggle .toggle_container .block p {padding: 6px;}
.coursedetail div.toggle .toggle_container .block ol,
.main .content .maincon .conbody .text ol,
.main .content .maincon .conbody .content_text ol {margin: 0 0 0 20px; list-style: decimal;}
.main .content .maincon .conbody .content_text {margin: 20px 0 0 0;}
.main .content .maincon .conbody .content_text P IMG {margin: 5px 10px 5px 10px;}

.coursedetail div.toggle .toggle_container .block ul li {background: url(../images/icon_arrow_red_s.gif) no-repeat left top; padding: 0 0 0 20px;}

div.togglelite .toggle_container .block ul {padding: 5px;}
div.togglelite .toggle_container .block ul.sublist {padding: 6px 20px;}
.coursedetail div.toggle .toggle_container .block ul.sublist li {background: none; padding: 0;}

.lightred div.togglelite .toggle_container .block ul li,
.pink div.togglelite .toggle_container .block ul li,
.pink .text .desc ul li {background: url(../images/icon_arrow_largespace.gif) no-repeat left top; padding: 0 0 0 20px;}
.lightred div.togglelite .toggle_container .block ul li,
.lightred .text .desc ul li {background-position: left -150px;}
.orange div.togglelite .toggle_container .block ul li {background-position: left top;}

div.togglelite .toggle_container .block ul.contact li.phone {background: url(../images/icon_contact.gif) no-repeat left 2px; padding: 0 0 0 20px;}
div.togglelite .toggle_container .block ul.contact li.fax {background: url(../images/icon_contact.gif) no-repeat left -26px; padding: 0 0 0 20px;}
div.togglelite .toggle_container .block ul.contact li.email {background: url(../images/icon_contact.gif) no-repeat left -44px; padding: 0 0 0 20px;}
div.togglelite .toggle_container .block ul.contact li.addr {background: url(../images/icon_contact.gif) no-repeat left -60px; padding: 0 0 0 20px;}

.coursedetail .coursetitle {overflow:hidden; padding: 0 0 0 30px;}
.coursetitle img {float: left; margin: 0 0 0 -30px;}

.lightred .coursetitle {background-position: left -25px;}
.main .content .maincon .coursedetail .coursetitle p.desc {font-size: 10px;padding: 0; text-transform: uppercase; margin:-4px 0 0 0;} 
.main .content .maincon .coursedetail .coursetitle h3 {margin: -3px 0 0 0;}
.main .content .maincon .pink .coursetitle h3 {color: #e9068a;}
.main .content .maincon .lightred .coursetitle h3 {color: #F07055;}
.main .content .maincon .lightred .coursetitle h3 {color: #F07055;}
.main .content .maincon .steelblue .coursetitle h3 {color: #7D76B4;}
.main .content .maincon .skyblue .coursetitle h3 {color: #00ABEC;}
.main .content .maincon .green .coursetitle h3 {color: #7BB13A;}
.main .content .maincon .pink .lightred h3 {color: #f07055;}

.main .content .maincon .coursedetail .text {background: url(../images/bg_sidebox.gif) repeat-x left top;}
.main .content .maincon .coursedetail .text .info {min-height: 120px; overflow: hidden; padding: 8px; margin: 6px 0 0 0; width:514px;}
.main .content .maincon .conbody .text .info ol {margin:0; list-style: none;}
.coursedetail .text .info ol,
.coursedetail .text .info ol li {float: left; width: 350px;}
.coursedetail .text .info ol li label {float: left; width: 120px;}
.coursedetail .text .info ol li span {float: left; font-size: 10px; width: 230px;}
.coursedetail .text .info ol li label {color: #666; float: left; width: 120px;}

.pink .text .info ol li span {color: #e9068a;}
/*.lightred .text .info ol li span {color: #f07055;}*/
.steelblue .text .info ol li span {color: #7D76B4;}
.skyblue .text .info ol li span {color: #00ABEC;}
.green .text .info ol li span {color: #7BB13A;}
.lightred .text .info ol li span {color: #F07055;}
.normal_red .text .info ol li span {color: #E71C24;}

.main .content .maincon .coursedetail .text .info p.btn {float: right; width: 160px;}
.main .content .maincon .coursedetail .text .info p.btn a {clear: right; color:#6d6f71; float: right; width: 130px;}

.main .content .maincon .pink .text .info p.btn a.btn_apply {background:transparent url(../images/icon_pink_up.gif) no-repeat scroll right 2px; padding: 4px 28px 4px 0;}
.main .content .maincon .pink .text .info p.btn a.btn_question {background:transparent url(../images/icon_pink_q.gif) no-repeat scroll right 2px; padding: 4px 28px 4px 0;}

.main .content .maincon .lightred .text .info p.btn a.btn_apply {background:transparent url(../images/icon_lightred_up.gif) no-repeat scroll right 2px; padding: 4px 28px 4px 0;}
.main .content .maincon .lightred .text .info p.btn a.btn_question {background:transparent url(../images/icon_lightred_q.gif) no-repeat scroll right 2px; padding: 4px 28px 4px 0;}

.main .content .maincon .steelblue .text .info p.btn a.btn_apply {background:transparent url(../images/icon_steelblue_up.gif) no-repeat scroll right 2px; padding: 4px 28px 4px 0;}
.main .content .maincon .steelblue .text .info p.btn a.btn_question {background:transparent url(../images/icon_steelblue_i.gif) no-repeat scroll right 2px; padding: 4px 28px 4px 0;}

.main .content .maincon .green .text .info p.btn a.btn_apply {background:transparent url(../images/icon_green_up.gif) no-repeat scroll right 2px; padding: 4px 28px 4px 0;}
.main .content .maincon .green .text .info p.btn a.btn_question {background:transparent url(../images/icon_green_i.gif) no-repeat scroll right 2px; padding: 4px 28px 4px 0;}

.main .content .maincon .skyblue .text .info p.btn a.btn_apply {background:transparent url(../images/icon_skyblue_up.gif) no-repeat scroll right 2px; padding: 4px 28px 4px 0;}
.main .content .maincon .skyblue .text .info p.btn a.btn_question {background:transparent url(../images/icon_skyblue_i.gif) no-repeat scroll right 2px; padding: 4px 28px 4px 0;}

.main .content .maincon .conbody .text div.desc2 {background:transparent url(../images/dline_x_bold.gif) repeat-x scroll left top; padding: 20px 0;}
.main .content .maincon .coursedetail .text p.desc {background: url(../images/dline_x_bold.gif) repeat-x left top; clear: both; height: 160px; padding: 6px; margin: 20px 0 0 0;}

.main .content .maincon .coursedetail .text .info p.btn a.apply-course-open {background:transparent url(../images/btn-apply-course-open.gif) no-repeat scroll right 2px; padding: 4px 28px 4px 0;}
.main .content .maincon .coursedetail .text .info p.btn a.apply-course-closed {float:right; cursor:default; background:transparent url(../images/btn-apply-course-closed.gif) no-repeat scroll right 2px; color:#6D6F71; padding: 4px 28px 4px 0;}
.main .content .maincon .coursedetail .text .info p.btn span.apply-course-closed {float:right;background:transparent url(../images/btn-apply-course-closed.gif) no-repeat scroll right 2px; color:#6D6F71; padding: 4px 28px 4px 0;}

.coursedetail div.toggle .toggle_container .block p {padding: 6px;}

/* Calendardetail */

.calendar .text {background: url(../images/bg_sidebox.gif) repeat-x left top; margin: 10px 0 0 0;}
.calendar .text ul.title {background: none; font-size: 14px; padding: 5px 0 20px 20px;}
DIV.main DIV.content DIV.calendar DIV.conbody .text ul.title li {background-image: none; padding: 0 0 30px 0;}
.calendar .text ul.title li label {font-weight: bold; float: left; width: 160px;}
.calendar .text ul.title li span {float: left; width: 200px;}
.calendar .text p a.btn_map {background: url(../images/icon_contact.gif) no-repeat left bottom; color: #666; float: right; padding: 2px 0 4px 20px;}
.calendar .text p.map {padding: 6px 10px;}
.calendar .text .text {background: url(../images/dline_x_bold.gif) repeat-x left top; clear: both; padding: 10px 0 0 0;}

.main .content .calendar .sidebox .friday h4 {color: #e61c24; font-size: 16px; padding-bottom: 0;}

.calendar .calendarbox .ui-tabs .ui-tabs-panel,
.calendar .calendarbox {background: none; padding: 0;}

.calendar .ui-tabs .ui-tabs-nav {float: right; margin: 0 10px -1px 0;}
DIV.main DIV.content DIV.maincon DIV.conbody DIV.calendarbox UL LI {background-image: none; padding: 0;}
.calendar .ui-tabs .ui-tabs-nav li a {margin: 0;}

.main .content .maincon .sidebox .boxfull {padding: 1px 0 0 0; width: 196px !important;}
.main .content .maincon .sidebox .boxfull h4 {background-color:#ccc; color: #fff; padding: 6px;}
.main .content .maincon .sidebox .boxfull ul.catalog {padding: 16px; overflow: hidden;}
.main .content .maincon .sidebox .boxfull ul.catalog li input,
.main .content .maincon .sidebox .boxfull ul.catalog li span {float: left;}
.main .content .maincon .sidebox .boxfull ul.catalog li input {margin: 6px 0 0 0;}
.main .content .maincon .sidebox .boxfull ul.catalog li span {padding-left: 10px; margin: -4px 0 0 0;}
.main .content .maincon .sidebox .boxfull ul.catalog li span.blue {color: #2e318c;}
.main .content .maincon .sidebox .boxfull ul.catalog li span.purple {color: #98005d;}
.main .content .maincon .sidebox .boxfull ul.catalog li {clear: both;line-height: 3em;overflow: hidden;}

td.ui-datepicker-today {background: url(../images/bg_datepicker_today.gif) no-repeat 6px 1px;}
.ui-datepicker-calendar td.ui-datepicker-today a {color: #fff;}

.calendar .ui-tabs .ui-tabs-nav li a {background: url(../images/bg_calendar_tab.gif) no-repeat left top; color: #fff !important; text-align: center; padding:0px 6px 2px 6px; width: 58px;}
.calendar .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {background: url(../images/bg_calendar_tab.gif) no-repeat right top; color: #fff !important; width: 58px;}

.month_wrap,
.week_wrap {background: url(../images/bg_calendar_foot.gif) no-repeat left bottom;}
.calendar .calendarbox .ui-tabs .ui-tabs-panel {width: 533px;}
#calendar_month {background: url(../images/bg_calendar_head.gif) no-repeat left top; padding: 2px 10px 12px 10px;}
#calendar_week {background: url(../images/bg_calendar_head.gif) no-repeat left top; padding: 2px 10px 13px 10px;}
#calendar_week table.head {width: 100%; margin: 0 0 2px 0;}
#calendar_week table.head td {color:#fff; text-align: center;}

#calendar_month table,
#calendar_week .eventbox table {border-collapse: collapse;}
#calendar_month table td,
#calendar_week .eventbox table td{border: 1px solid #d1d3d4;}

#calendar_week .eventbox table td{width: 64px;}
#calendar_week .eventbox table td.time{background-color: #d1d3d4; color:#fff; width: 36px;}

#calendar_week .eventbox table tr.allday {background-color: #bbbdbf;}

#calendar_month table th {color: #fff; text-align: center;}
#calendar_month table td {height: 59px; position: relative; text-align: center;vertical-align:top; width: 74px;}
#calendar_month table tr.date td {background-color: #bbbdbf; color: #fff; height: 12px; text-align: right;}
#calendar_month table tr.date td a {color: #fff; padding: 0 6px 0 0;}

#calendar_month table td div.event,
#calendar_week .eventbox table td div.event {float: left; clear: both; line-height: 1em; margin: 2px 0 0 1px;}
#calendar_month table td div.event a {background: url(../images/bg_event.gif) no-repeat left bottom; color: #fff; float: left; display: block; text-align: center; width: 68px;}
#calendar_month table td div.event a span,
#calendar_week .eventbox table td div.event a span {background: url(../images/bg_event.gif) no-repeat left top; float: left; display: block; padding: 2px 0 1px 0; width: 68px;}
#calendar_month table td div a,
#calendar_week .eventbox table td div.event a {cursor: pointer;}
#calendar_month table td div.red a {background-position: -68px bottom;}
#calendar_month table td div.red a span {background-position: -68px top;}

#calendar_month table td div.blue a {background-position: left bottom;}
#calendar_month table td div.blue a span {background-position: left top;}

#calendar_month table td div.purple a {background-position: -136px bottom;}
#calendar_month table td div.purple a span {background-position: -136px top;}

#calendar_week .eventbox table td div.event a {background: url(../images/bg_event_week.gif) no-repeat left top; color: #fff; float: left; display: block; padding:3px 0 0 0; text-align: center;width: 62px;}
#calendar_week .eventbox table td div.event a span {background: url(../images/bg_event_week.gif) no-repeat left bottom;display: block;float: left; font-size: 10px; padding: 0 0 3px 0; width: 62px;}

#calendar_week .eventbox table td div.red a {background-position: -62px top;}
#calendar_week .eventbox table td div.red a span {background-position: -62px bottom;}

#calendar_week .eventbox table td div.blue a  {background-position: left top;}
#calendar_week .eventbox table td div.blue a span {background-position: left bottom;}

#calendar_week .eventbox table td div.purple a {background-position: -124px top;}
#calendar_week .eventbox table td div.purple a span {background-position: -124px bottom;}

#calendar_week .eventbox table td.today {background-color: #ccefe6;}

.eventbox {height: 450px; overflow: auto;}
#calendar_week .eventbox table tr.allday td.today{background-color: #96b1ac;}

.page_month,
.page_week {margin: -3px 0 0 0; float: left;}
.page_month a.pre,
.page_week a.pre {float: left; margin: 0 0 0 20px;}

.page_month a.next,
.page_week a.next {float: right; margin: 0 20px 0 0 ;}

.main .content .maincon .sidebox .sidecalendar h4 {font: normal 11px Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase;}
.sidecalendar h4 span.pre {float: left;}
.sidecalendar h4 span.next {float: right;}
.main .content .maincon .sidebox .sidecalendar table {margin: 6px 0;}
.main .content .maincon .sidebox .sidecalendar table th {font: bold 14px Arial, Helvetica, sans-serif; padding: 6px; text-align: center;}
.main .content .maincon .sidebox .sidecalendar table td {padding: 4px 0;text-align: center; width:28px;}
.main .content .maincon .sidebox .sidecalendar table td a {color: #666;}
.main .content .maincon .sidebox .sidecalendar table td.current a {background:url(../images/bg_datepicker_today.gif) no-repeat 2px 0px; color: #fff; display: block; height: 22px; line-height: 22px; width: 24px;}

.btns-r {font-size: 12px; font-weight: bold; text-align: right; padding: 10px 0 0 0; text-transform: uppercase;}
a.back-green {background:transparent url(../images/icon_rarrow_up_green.gif) no-repeat scroll left top;color:#6D6F71; padding:4px 0 2px 28px;}

/* Datepicker
----------------------------------*/
.ui-datepicker {width: 196px;}
.ui-datepicker .ui-datepicker-header {background-color: #ccc; color: #fff; position:relative; padding:4px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position:absolute; top: 2px; width: 1.8em; height: 1.8em;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top: 1px;}
.ui-datepicker .ui-datepicker-prev {background: url(../images/icon_datepicker_pre.gif) no-repeat left top; height: 20px; left:6px; overflow: hidden; text-indent: 999px; top: 8px; width: 20px;}
.ui-datepicker .ui-datepicker-next {background: url(../images/icon_datepicker_next.gif) no-repeat left top; height: 20px; right:6px; overflow: hidden; text-indent: 999px; top: 8px; width: 20px;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {top: 8px; cursor: pointer;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title {margin: 0 2.3em; line-height: 1.8em; text-align: center;}
.ui-datepicker .ui-datepicker-title select {float:left; font-size:1em; margin:1px 0;}
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {float: right;}
.ui-datepicker table {width: 100%; font-size: 11px; border-collapse: collapse; margin:0 0 .4em;}
.ui-datepicker th {padding: .7em .3em; text-align: center; font-size: 14px; font-weight: bold; border: 0; }
.ui-datepicker td {border: 0; font-weight: bold; padding: 2px;}
.ui-datepicker td span, .ui-datepicker td a {color: #666;display: block; padding: 2px; text-align: center; text-decoration: none;}
.ui-datepicker .ui-datepicker-buttonpane {background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;}
.ui-datepicker .ui-datepicker-buttonpane button {float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:left;}

/* RTL support */
.ui-datepicker-rtl {direction: rtl;}
.ui-datepicker-rtl .ui-datepicker-prev {right: 2px; left: auto;}
.ui-datepicker-rtl .ui-datepicker-next {left: 2px; right: auto;}
.ui-datepicker-rtl .ui-datepicker-prev:hover {right: 1px; left: auto;}
.ui-datepicker-rtl .ui-datepicker-next:hover {left: 1px; right: auto;}
.ui-datepicker-rtl .ui-datepicker-buttonpane {clear:right;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {float: left;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {float:right;}
.ui-datepicker-rtl .ui-datepicker-group {float:right;}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {border-right-width:0; border-left-width:1px;}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width:0; border-left-width:1px;}


/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* tooltip */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #ccc;
	background-color: #333;
	padding: 5px;
	opacity: 0.85;
}

#tooltip .fancy {
	background:red;
}