/* Main Page Styles */

.popup_side_img {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.index_cell_link{
	font-size: 130%;
	background-color: white;	
}
.index_cell{
	padding: 0 0 0 10px;
	/*border: 1px solid rgb(189, 202, 211);*/
	background-color: rgb(255, 255, 255); 
	vertical-align: middle; 	
}
.index_cell_icon{
	text-align: right;
	vertical-align: middle; 
	float: right;
}
#portal-column-one dl.portlet > #huwisu_banner{
	padding-left: 0em;
}
#portal-column-one dl.portlet > #huwisu_banner img{
    padding-left: 0.6em;
    width: 220px;
}
#portal-column-one div.portal-title-current{
	padding-bottom: 1.7em;
}

/* Navigation Style */
#portal-column-one .portletNavigationTree ul.navTree li.navTreeItem a.subnavTreeItem{
	padding-left: 2.5em;
}

/* Course List Styles */
.fully_booked{
	color: red;
}
.fully_booked_tiny{
	color: red;
	font-size: 80%;
}
.registration_open_soon{
    color: green;
    font-size: 80%;
}
.course_type, .session_info,span.period_session{
	color: gray;
	font-size: x-small;
}
.note{
	color: gray;
}
/* Profile Styles */
td.section_title h5{

}
/* Application */
.new_course, .existing_course{
	font-size: small;
	color: gray;
}
.new_course{
	font-size: small;
	color: green;
}

.huwisu_green{
  color: #76a91f;
}
.huwisu_dot{
  font-size: 66px;
}

/* Credid card Payment */

.expirydatewidget{
	width: 30% !important;
}

table.course_details td {
	vertical-align: top;
}
.section_row{
	border-bottom: 1px solid #ccc;
}
table.course_details td:first-child
{
	font-weight: bold;
	color: #333;
}
.too_late{
	text-decoration: line-through;
}
table.wisu_key td:first-child
{
	
	color: #333;
}

table.course_details td{
	padding: 5px 5px 5px 0px;
}
div.lecturer{
    margin-top: 20px;
}
div.lecturer div.lecturer_name{
    margin-bottom: 10px;
    font-weight: bold;
}

/* Fix Plone Styles for YUI Tabview and Accordion */

#content li#tab1,#content li#tab2,#content li#tab3,#content li#tab4,#content li#tab5,#content li#tab6 {
display: inline-block;
display: -moz-inline-stack;
font-weight: bolder !important;
}

#content #accordion1,#content #accordion2 {
color: #036 !important;
}

.ui-widget-content a {
color: #47A !important;
}


#content ul.yui-nav{
	margin: 0 0 0 0;
}

/* Fix for PLone Styles */

div.ctrlHolder label,div.ctrlHolder ul li label{
	font-weight: normal;
}

.dashboard_season{
	color: #f18e00;
	font-size: 120%;
	padding-bottom: 5px;
	margin-top: 15px;
}
.dashboard_course{
	border-bottom: 1px solid;
	margin-bottom: 10px;
}
.course_category {
   background-color: #CCD6E0;
   padding: 0.2em 0.2em 0.2em 0.4em;
    /*border-bottom: 1px solid #B2C1D1;*/
}
.course_category span{
    color: #036 !important;
    font-size: 120% !important;
}
.category_courses_wrapper {
    padding-bottom: 25px;
}
.category_courses_wrapper .period_date{
    font-size: normal;
    padding-top: 10px;
    padding-bottom: 5px;
}

.category_courses_wrapper li.course_item{
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 2em;
    padding-bottom: 5px;
}

#id_0-visa_address_label{
    /* width: auto !important; */
}

#div_id_0-housing label,
 #div_id_0-housing ul{
    width: 100%;
}

#div_id_0-housing label{
    font-size: 13px;
}


.required_uploads{
    font-size: 120%;
    margin-top: 20px;
}
.required_uploads_table{
    margin-top: 10px;
}

.required_uploads_table td.required{
    color: red;
}
.required_uploads_table td.rejected{
    color: red;
}
.required_uploads_table td.accepted{
    color: green;
}
.required_uploads_table td.uploaded{
    color: #f18e00;
}
.file_upload_description {
     color: #f18e00;
    font-size: 120%;
    padding-bottom: 5px;
    margin-top: 15px; 
}
.status {
    margin-top: 10px;
    font-size: 110%;
}

#category_filter_wrapper{
    /*border-bottom: 1px dotted #036;*/
    margin-bottom: 10px;
}
.category_filter:hover{
    cursor:pointer;
    text-decoration: none;
    background-color: #005192;
   /* background-color: #B2C1D1;*/

    -webkit-transition: .2s background-color ease;
    -moz-transition: .2s background-color ease;
    -o-transition: .2s background-color ease;
    -ms-transition: .2s background-color ease;
    transition: .2s background-color ease;
}
.category_filter.active{
    background: #036;
    color: #fff;
}
.category_filter{
    margin: 4px 1px;
    padding: 2px 9px;
    display: inline-block;
    background: #bbb;
    color: #fff;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
    -o-transition: .2s all ease;
    -ms-transition: .2s all ease;
    transition: .2s all ease;
}
.filtered{
    display: none;
}
.filtered_courses_wrapper{
    
}
#course_list_intro_text {
    padding: 0px 0px 20px 0px;
}

#category_filter_header{
    color: #003366;
    font-size: 14px;
}
.course .linktitle{
    font-size: 15px;
}
.course .period{
    font-size: 11px;
}
.period_col{
    width: 40%;
}
.row1 {
    border-top: 1px dotted #036;
    border-left: 1px dotted #036;
    border-right: 1px dotted #036;
}
.row2 {
    border-left: 1px dotted #036;
    border-right: 1px dotted #036;
}
.row3 {
    
    border-bottom: 1px dotted #036;
    border-left: 1px dotted #036;
    border-right: 1px dotted #036;
}
td.linktitle{
    vertical-align: top;
    padding: 0.5em 0.5em;
}
div.status {
    margin-top: 0px;
    font-size: 80%;
}
td.status{
    text-align: right;
    vertical-align: top;
}
td.level {
    width: 33%;
}

td.ects {
    text-align: center;
    width: 33%;
}
td.fee {
    text-align: right;
    /* width: 34%; */
}
td.language {
    text-align: right;
    width: 34%;
}
td.filtered_course_type{
   text-align: center; 
}

.course_list_image{
    position: relative;
    float: right;
    padding-top: 0.25em;
}
.course_list_image img{
    width: 260px;
    height: 80px;
}

#news_list a:visited,#news_list a {
    color: #4477AA !important;
}

#news_list a:hover {
    color: rgb(153,153,102) !important;
}

/* NEWS */

#news_list .news_item .title{
   font-size: 130%;
}
#news_list .news_item .pub_date,
.news_item .pub_date,
.portletItem .pub_date{
   color: gray;
   font-size: small;
}

.portletItem .pub_date{
   font-size: x-small;
}

.news_item{
    border-bottom: 1px gray dotted;
    margin-bottom: 1em;
    padding-bottom: 0.2em;
}

.portletItem.news{
    margin-top: 1em !important;
}
dl.portlet{
    margin-top: 0em;
}
.news_headline_spacer{
    width: 100%;
    border-bottom: 1px dotted gray;
    margin-bottom: 0.3em;
    margin-top: 0.2em;
}
div.image_copyright{
    position: absolute;
    bottom: 5px;
    right: 5px;
    text-shadow: 1px 1px 2px #666, -1px 1px 2px #666, 1px -1px 2px #666, -1px -1px 2px #666;
    color: #f6f6f6;
}

.course_list_image div.image_copyright{
    font-size: small;
}

#portal-footer #footer-left .share_link_menu a,
#portal-footer #footer-left .share_link_menu u,
#portal-footer #footer-left .share_link_menu li {
    font-size: 29px;
}
/* responsive fixes */
#portal-column-one,#portal-column-two {
  min-width: 244px;
  width: 244px;
}

#portal-column-two {
  display: none;
}

#portal-column-content {
    max-width: 768px;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
}

#portal-column-two-left{
  margin-top: 1px; 
}

#portal-column-one #portal-column-two-left dl.portlet > *{ 
  padding-right: 0;
  padding-left: 0;
}

#portal-column-one #portal-column-two-left .portletItem.news{ 
  margin: 0 20px; 
}
#portal-column-one #portal-column-two-left .portletItem.video a{ 
  margin: 0 10px; 
}