/* @group layout */
#layout-left{width:500px;float:left;}
#layout-right{width:300px;float:right;}
#itemHeader h1{padding-bottom:2px;margin-bottom:0;}
#itemHeader img{vertical-align:middle;margin:0 3px 1px 0;}
#itemBody{margin:0;padding:20px 0 10px 0;}
#itemBody P{margin-bottom:15px}
#itemTags img{vertical-align:middle;}
/* @end */

/* @group dropdowns */
#dd a.trigger,#dd a.trigger:link,#dd a.trigger:visited,
#dd2 a.trigger,#dd2 a.trigger:link,#dd2 a.trigger:visited{text-decoration:underline}
#dd a,#dd a:link,#dd a:visited,#dd a.trigger:hover,
#dd2 a,#dd2 a:link,#dd2 a:visited,#dd2 a.trigger:hover{text-decoration:none}
.dd{list-style-type:none;display:inline;position:relative;}
.dd li{display:inline;list-style-type:none;}
.dd a:visited{color:#00c}
.dd ul{position:absolute;top:1.5em;left:0;border:1px solid #98D363;background:#fff;display:none;z-index:1;}
.on .dd ul,.dd ul li,.dd li ul li a{display:block;text-decoration:none;}
.dd li ul li{padding:0;font-size:0.9em;}
.dd li ul li a{padding:.3em 1em .3em .77em;white-space:nowrap;text-decoration:none;}
.dd li ul li a:hover{background-color:#E8F5DC;text-decoration:none;}
/* @end */

/* @group sharing */
ul.socialBookMarks{left:1.8em;}
ul.socialBookMarks li.delicious{background:url("http://static2.office-humour.co.uk/assets/images/icons/delicious.gif") no-repeat 2px 5px;}
ul.socialBookMarks li.delicious a:hover{background: #E8F5DC url("http://static2.office-humour.co.uk/assets/images/icons/delicious.gif") no-repeat 2px 5px;}
ul.socialBookMarks li.digg{background:url("http://static2.office-humour.co.uk/assets/images/icons/digg.gif") no-repeat 2px 5px;}
ul.socialBookMarks li.digg a:hover{background: #E8F5DC url("http://static2.office-humour.co.uk/assets/images/icons/digg.gif") no-repeat 2px 5px;}
ul.socialBookMarks li.reddit{background:url("http://static2.office-humour.co.uk/assets/images/icons/reddit.gif") no-repeat 2px 5px;}
ul.socialBookMarks li.reddit a:hover{background: #E8F5DC url("http://static2.office-humour.co.uk/assets/images/icons/reddit.gif") no-repeat 2px 5px;}
ul.socialBookMarks li.facebook{background:url("http://static2.office-humour.co.uk/assets/images/icons/facebook.gif") no-repeat 2px 5px;}
ul.socialBookMarks li.facebook a:hover{background: #E8F5DC url("http://static2.office-humour.co.uk/assets/images/icons/facebook.gif") no-repeat 2px 5px;}
ul.socialBookMarks li.stumbleupon{background:url("http://static2.office-humour.co.uk/assets/images/icons/stumbleupon.gif") no-repeat 2px 5px;}
ul.socialBookMarks li.stumbleupon a:hover{background: #E8F5DC url("http://static2.office-humour.co.uk/assets/images/icons/stumbleupon.gif") no-repeat 2px 5px;}
ul.socialBookMarks li.email{background:url("http://static2.office-humour.co.uk/assets/images/icons/mail2.png") no-repeat 2px 5px;}
ul.socialBookMarks li.email a:hover{background: #E8F5DC url("http://static2.office-humour.co.uk/assets/images/icons/mail2.png") no-repeat 2px 5px;}
ul.socialBookMarks li.email a,ul.socialBookMarks li.delicious a,ul.socialBookMarks li.digg a,ul.socialBookMarks li.reddit a,ul.socialBookMarks li.facebook a,ul.socialBookMarks li.stumbleupon a{padding:.3em 1em .3em 2em;white-space:nowrap;text-decoration:none;}
/* @end */

/* @group tools */
ul.itemtools{text-align:left;list-style:none;margin:6px 0 4px 0;padding:0;}
ul.itemtools li{text-align:left;list-style:none;padding:0 6px 6px 0 ;}
ul.itemtools li.favourite{background:url("http://static2.office-humour.co.uk/assets/images/icons/heart.png") no-repeat 0 0;}
ul.itemtools li.favourite-add{background:url("http://static2.office-humour.co.uk/assets/images/icons/heart_add.png") no-repeat 0 0;}
ul.itemtools li.favourite-delete{background:url("http://static2.office-humour.co.uk/assets/images/icons/heart_delete.png") no-repeat 0 0;}
ul.itemtools li.flag{background:url("http://static2.office-humour.co.uk/assets/images/icons/warning.png") no-repeat 0 0;}
ul.itemtools li.comments{background:url("http://static2.office-humour.co.uk/assets/images/icons/comments.png") no-repeat 0 0;}
ul.itemtools li.share{background:url("http://static2.office-humour.co.uk/assets/images/icons/mail_earth.png") no-repeat 0 0;}
ul.itemtools li a{padding:0 0 0 22px;}
#flagitem {padding:0 0 0 22px;}
#flatitem select{padding:5px;margin:5px;}
#flagBtn {padding:3px;background-color:#98D363;border-color:#D8EEC4 #477221 #477221 #D8EEC4;border-style:solid;border-width:1px;color:#FFFFFF;text-align:center;}
/* @end */

/* @group comments */
.form-row {padding:0 0 0.5em 0;}
.field-label strong {color:#0088EE;}
.field-widget {margin:4px 0 0 0;}
.field-widget.lightgreen {background-color:#EEF8E4;padding:4px;}
textarea {padding:4px;width:500px;height:80px;border:#999999 1px solid;}
input.text {padding:4px;width:250px;margin:2px 0;}
input.captcha {padding:4px;width:18px;margin:2px 0;}
input.required,textarea.required {border:1px solid #999999;padding:2px;}
input.validation-failed,textarea.validation-failed {border:1px solid #C70005;color:#C70005;}
input.validation-passed,textarea.validation-passed {border:1px solid #98D363;color:#000;}
.validation-advice {margin:0 0 5px 0;padding:3px 5px 1px 5px;color:#C70005;font-size:0.9em;font-weight:bold;}
#commentBtn {padding:3px;background-color:#98D363;border-color:#D8EEC4 #477221 #477221 #D8EEC4;border-style:solid;border-width:1px;color:#FFFFFF;text-align:center;}
#commentInput {margin:10px 0;}
#commentMessage {padding:0 0 10px 0;}
#itemcommentpromo {padding:-10px 0 0 0;}
.comment {border-top:1px solid #98D363;}
.comment .whoby {background-color:#E8F5DC;padding:1px 5px;height:19px;}
.comment .text {clear:both;padding:2px 5px;margin:0 0 5px 0;}
/* @end */

/* @group rating */
.rating_container {clear:both;}
.rating_container a {float:left;display:block;width:18px;height:18px;border:0;background-image:url("/assets/images/5/star_rating.gif");}
.rating_container a.rating_off{background-position:0 0px;}
.rating_container a.rating_half{background-position:0 -18px;}
.rating_container a.rating_on {background-position:0 -36px;}
.rating_container a.rating_selected {background-position:0 -54px;}
#item_rating_message{float:left;font-size:11px;line-height:1.4em;color:#777;padding:2px 0 0 10px;}
/* @end */