/* - ploneCustom.css - */
@media all {
/* https://www.esc.cam.ac.uk/portal_css/ploneCustom.css?original=1 */
table.tentasks {width: 100%;}
table.tentasks th, table.tentasks td {width: 48%;}
#content div.displaytentasks {width: 100%;}
#content div.displaytentasks table {float: left;width:98%;border:1px solid #eee;}
/* */
#content div.displaytentasks table td {width: 33.33333%;padding: 10px;}
#content div.displaytentasks img {margin:0 auto;padding:0 10px 10px 0;}
@media (max-width: 1020px) {
#content div.displaytentasks table, #content div.displaytentasks table thead, #content div.displaytentasks table tbody, #content div.displaytentasks table tr, #content div.displaytentasks table th, #content div.displaytentasks table td {display:block;}
#content div.displaytentasks table th, #content div.displaytentasks table td {width: 98%;padding: 10px;}
#content div.displaytentasks img {margin:0;padding:0 10px 10px 0;}
}
/* */
.respond{width:100%}
.displaytentasks img{width:100%}
@media only screen and (max-width: 800px) {
.mobile{
width:100%
}
.one,  .two, .three, .four
{
display: block;
float: none!important;
width: 100%  !important;
}
}
.container {
width:100%;
}
.one {
width:20%;
float:left;display:block
}
.two {
width:80%;
float:right;display:block
}
.three{
width:40%;
float:right;display:block
}
.four{
width:60%;
float:left;display:block
}
.three p{
margin-left:10px
}
.two p{
margin-left:10px
}
.clear{width:100%; display:block;clear:both;}
.total{width:100%; display:block;clear:both;background-color:#eeeeee;padding:10px;margin-top:10px;margin-bottom:15px;}

}