/* 
 * POLOPOLY SITE ENGINE *USER INTERFACE* MASTER TEMPLATE
 * -----------------------------------------------------
 * This stylesheet contains look and feel for common
 * elements related to a Site Engine implementation.
 * 
 * This document declares typography, colors and 
 * decorations. See layout.css for grid and layout
 * declarations.
 * 
 * Refer to Site Engine documentation for further
 * explanation of the declared elements below.
 *
 * NOTE: rules beginning with an underscore (_)
 * are IE hacks and should remain as is.
 */

/* BASE STYLES */
BODY {
        font-family: 'Droid Serif', georgia, serif;
        font-size: 13px;
        line-height: 1.4;
        color: #333;
        background: #ccc;
}
H1 {
        font-size: 30px;
        line-height: 1.1;
        font-weight: normal;
        margin: 0 0 7px 0;
}
/*
NOTE: Text decoration and color must be declared !important in order to avoid
      Firefox overriding them in contenteditable mode (i.e. interactive preview).
*/
H1 A {
        text-decoration: none !important;
        color: #900 !important;
        border-bottom: 1px solid #ccc;
}
H1 A:hover {
        border-bottom: 1px solid #ddd;
}
h1{font-size:30px;font-weight:bold;line-height:1.1em;COLOR: #B20000;letter-spacing:-2px;}
h2{font-size:20px;font-weight:bold;line-height:1.1em;COLOR: #B20000;letter-spacing:0px;}
h3{font-size:30px;font-weight:bold;line-height:1.1em;COLOR: #B20000;letter-spacing:-2px;}
h3.Description{letter-spacing:0px;}

H1 SPAN.tag {
        display: none;
}
P {
        line-height: 1.3;
}
P SPAN.location {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 80%;
}
DIV.article DIV.leadContainer P {
        font-weight: bold;
}
A {
        text-decoration: none;
        color: rgb(24, 119, 180);
}
IMG {
        display: block;
}
LI {
        line-height: 1.3;
}

STRONG {
    font-weight: bold;
}
EM {
    font-style: italic;
}        
.potrait {
  float:right;
}
.clearLeft {
  clear:left;
}
/* BORDER LAYOUT */
.borderLayout {
        background: white;
        margin: 0 auto;
}
.mainColumn {
  margin-left:10px;
  margin-right:10px;
}

.leftColumn,.middleColumn,.rightColumn {
  margin-left:5px;
  margin-right:5px;
}

.leftColumn DIV {
  margin-bottom: 10px;
  clear: both;
  display: block;
}

.leftColumn DIV DIV {
  margin-top:0px;
  margin-bottom:0px;
}

.rightColumn DIV {
  margin-bottom: 10px;
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.rightColumn DIV DIV {
  margin-top:0px;
  margin-bottom:0px;
}
.homepage H1 {
  font-size:24px
}
.homepage H2 {
  font-size:18px
}

.borderLayoutMastHead .highlight .element.teaser {
margin-bottom: -100px;
}
.highlight .headline {
  position:relative;
  top:-130px;
  padding:10px 10px 3px;
  width:75%;
  z-index:90;
 background: url(/img/utusan/opaque.png) rgba(0,0,0,.6);
 margin-left: 10px;

}
.highlight .lead {
  position:relative;
  top:-130px;
 background: url(/img/utusan/opaque.png) rgba(0,0,0,.6);
 padding: 0px 0px 5px 20px;
 width: 75%;
 z-index: 90;
 color: #ddd;
 font-weight: bold;
 margin-left: 10px;
}
.highlight .headline H1 A{
 color:rgb(243, 243, 11) !important;
 font-size:50px;
  border:none;
  padding: 5px 10px;
}
.highlight .headline H1 A:hover{
text-decoration:none;
}

.feature  {
margin-bottom: -50px;
}
.feature .headline {
  position:relative;
  top:-70px;
  padding:10px 10px;
  width:90%;
  z-index:90;
}
.feature .lead {
  position:relative;
  top:-60px;
}

.feature .headline H1 A{
 background: url(/img/utusan/opaque.png) rgba(0,0,0,.6);
 color:rgb(243, 243, 11) !important;
 font-size:40px;
  border:none;
  padding: 5px 10px;
}
.feature .headline H1 A:hover{
text-decoration:none;
}

#borderLayout4 H1 {
  font-size:22px;
  letter-spacing: -1px;
}
#borderLayout4 H2 {
  font-size:16px;
  letter-spacing: 0px;
}

.element.list H1 {
  font-family: Bevan;
  color:#80b5e5;
  text-transform: lowercase;
  font-weight:normal;
  letter-spacing:0px;
  border-bottom: solid 1px #ddd;
}
.element.teaser .lead {
  font-size:16px
}
.element.teaser h2 {
  padding-bottom: 5px;
}
.teaser h2 a {
  color:rgb(0, 158, 255);
}
/* MASTHEAD */
.borderLayoutMastHead {
        margin: 0 14px 14px 0;
}

.groupOf3Col .element.list {
  width: 31%;
  float:left;
}

.groupOf3Col  {
  clear:both;
}
.image_232w IMG {
  max-width:100%
}

.search #utusan {
  float:left
}
.search #gutus {
  float:left
}
/* TOP MENU */
/* TOP MENU */
/*.menu.menuTop {
    border-bottom: 3px solid #333;
    border-top: 1px solid #ccc;
}
*/
.borderLayoutMastHead .menu.menuTop A {
/*    display: block;
    padding: 7px 10px 5px 10px;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
*/    font-weight: bold;
}
/*
.borderLayoutMastHead .menu.menuTop A {
    color: rgb(142, 168, 36);
}
.borderLayoutMastHead .menu.menuTop A:hover {
    background: none;
    color: rgb(0, 158, 255);
}
*/
.menu.menuTop A.current {
    background: #333;
    color: white;
}


/* SUB MENU */
.menu.menuPage {
    background: #DEE2E6;
}
.menu.menuPage A {
    display: block;
    padding: 8px 10px 6px 10px;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #666;
}
.menu.menuPage A:hover {
    background: none;
    color: rgb(0, 158, 255);
}
.menu.menuPage A.current {
    color: #333;
    font-weight: bold;
}
H1.pollTitle {
  font-size: 20px;
  letter-spacing: 0px;
  border-bottom: solid 2px #DD4019;
}
.pollForm h1 {
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0px;
  color: #7A7070;
}
.poll ul {
  padding-bottom:5px;
  border-bottom: 1px solid #aaa;
}
.pollForm UL.block LI {
  display: block;
  line-height: 24px;
  color:#666666;
}

/* HEADER */
.borderLayoutMastHead {
        padding: 0 0 0 0;
}
.borderLayoutMastHead .container {
        background: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
}
.borderLayoutMastHead .element {
        margin: 0;
        padding: 0;
        float: left;
}
.borderLayoutMastHead .element.logo {
        font-size: 35px;
        color: #333;
        display: block;
        margin: 0 20px 0 0;
}
.borderLayoutMastHead .element.blogTeaser {
        width: 400px;
}
.borderLayoutMastHead .element.blogTeaser H1 {
        font-size: 13px;
        font-weight: bold;
        margin: 10px 0 2px 0;
}
.borderLayoutMastHead .element.blogTeaser IMG {
        float: left;
        padding: 0;
}


/* STORY (FOR EXAMPLE A GROUP OF CONTAINERS SHARING THE SAME CONTENT)*/
.story {
        padding-top: 7px;
}
.storyHeader {
        display: block;
        background: url(/img/greenfield/gradient_purple_long.jpg) bottom right;
        padding: 2px 5px;
        margin: 0 0 10px 0;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 11px;
        color: white;
}
.story H1 {
        font-weight: bold;
}
.story IMG {
        padding: 0 0 5px 0;
}


/* CATEGORY HEADINGS FOR TEASERS */
A.category {
        color: rgb(142, 168, 36);
        text-transform: uppercase;
        text-decoration: none;
        font-style: italic;
        letter-spacing: 1px;
        font-size: 11px;
}
A.category:hover {
        background: none;
        color: #333;
        text-decoration: underline;
}


/* ARTICLE ELEMENT */
.article P {
        margin: 0 0 11px 0;
        font-size: 16px;
}
.article H1 {
        margin: 0 0 16px 0;
}
.article H2 {
		font-size : 15px;
		font-weight: bold;
        margin: 0 0 16px 0;
}
.article H3 {
		font-size : 14px;
		font-weight: bold;
        margin: 0 0 16px 0;
}
.sideBar {
        float: right;
        width: 175px;
        margin: 0 0 7px 7px;
}
.article ol, .article ul {
	margin-bottom: 10px;
	margin-left: 25px;
}
.article ol {
	list-style: decimal;
}
.article ul {
	list-style: disc;
}
.sideBar ol, .sideBar ul {
	list-style: none;
	margin: 7px 0 0 0;
}
.sideBar .tools,
.sideBar .related,
.sideBar .bookmarks,
.sideBar .related-content {
        margin: 0 0 7px 0;
        border: 2px solid #f1f1f1;
        padding: 7px;
}
.sideBar .element {
        margin: 7px 0 0 0;
}
.sideBar .element P {
        color: #666;
        font-size: 11px;
        margin: 0;
}
A.increaseTextSize,
A.decreaseTextSize {
        padding-left: 15px;
}
A.increaseTextSize:hover,
A.decreaseTextSize:hover {
        color: #333;
}
A.increaseTextSize {
        background: url(/img/greenfield/media/textPlus.gif) no-repeat 0 2px;
}
A.decreaseTextSize {
        background: url(/img/greenfield/media/textMinus.gif) no-repeat 0 2px;
}
.sideBar H2 {
        padding: 1px 3px;
        background: #333 url(/img/greenfield/gradient_grey_short.jpg) top right;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 11px;
        color: white;
        margin: 0 0 7px 0;
}
.sideBar UL {
        margin-bottom: 0px;
}
.image P {
        margin: 4px 0 0 0;
        color: #666;
        font-size: 11px;
}
.image.top {
        margin: 0 0 14px 0;
}
.dateLine {
        margin-bottom: 14px;
}
.dateLine SPAN {
        padding: 2px 0;
}
.dateLine .author {
        border-top: 1px solid #ccc;
}
.dateLine .date {
        border-bottom: 1px solid #ccc;
}
.articleTitle {
  clear: both;
  overflow: hidden;
  padding: 5px 0 5px;
}
.article .dateLine {
  clear: both;
  padding: 5px 0 5px 5px;
  margin-bottom: 0px;
  color:#666666;
}
.article .dateLine .author {
  border-top: none;
}
.article .dateLine .author {
  border-top: none;
}
.article .dateLine .date {
border-bottom: none ;
}
.article .title {
  float:left;
}
.article .socialShare {
  margin:10px 0 10px;
  border-bottom:1px dotted #aaa;
  border-top:1px dotted #aaa;
  padding: 5px 0 5px;
}

/* STANDARD TEASER */
.teaser {
        overflow: hidden;
}
.teaser UL {
        list-style-type: square;
        padding-left: 1em;
        margin-top: 5px;
}
.teaser IMG {
        margin: 4px 10px 4px 0;
        _width: 100%; /* So that wide images won't brake the design in ie */
}
/* Fix for IE collapsing margin bug */
.teaser IMG {
        _margin-bottom: 0;
        _padding-bottom: 4px;
}
.teaser A IMG {
        _margin-bottom: 4px;
        _padding-bottom: 0;
}
.teaser .breakingNewsHeader {
        background-color: #cc0033 !important;
        padding-left: 5px;
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: bold;
        color: white;
        text-transform: uppercase; 
}

.teaser .breakingNewsFooter {
        background-color: #cc0033 !important;
        height: 5px;
        margin-top: 5px;
        font-size: 0;
        clear: both;
}       
        
.container.twoColumns .teaser H1,
.container.twoColumnsRightHeavy .teaser H1,
.container.twoColumnsLeftHeavy .teaser H1 {
        font-size: 20px;
}


/* SPECIAL ADDED STYLES */
.tickerColumn .teaser H1 {
        font-size: 48px;
}
.teaser IMG.left, .teaser DIV.left{
        float: left;
        margin: 3px 8px 2px 0;
}
.teaser-image-inline IMG{
        float: left;
        margin: 3px 5px 2px 0;        
}
.teaser IMG.right, .teaser DIV.right{
        float: right;
        margin: 3px 0px 2px 8px;
}

#col3 .container.twoColumnsRightHeavy .col1 .teaser H1,
#col3 .container.twoColumnsLeftHeavy .col2 .teaser H1,
#col4 .container.twoColumnsRightHeavy .col1 .teaser H1,
#col4 .container.twoColumnsLeftHeavy .col2 .teaser H1 {
        font-size: 13px;
        margin-bottom: 2px;
        font-weight: bold;
}
#col3 .container.twoColumnsRightHeavy .col1 .teaser,
#col3 .container.twoColumnsLeftHeavy .col2 .teaser,
#col4 .container.twoColumnsRightHeavy .col1 .teaser,
#col4 .container.twoColumnsLeftHeavy .col2 .teaser{
        margin-bottom: 2px;
}
#col3 .container.twoColumnsRightHeavy .col2 .teaser H1,
#col3 .container.twoColumnsLeftHeavy .col1 .teaser H1,
#col4 .container.twoColumnsRightHeavy .col2 .teaser H1,
#col4 .container.twoColumnsLeftHeavy .col1 .teaser H1 {
        font-size: 18px;
        margin-bottom: 2px;
}
#col4 .teaser H1 {
        font-size: 13px;
        margin-bottom: 2px;
        font-weight: bold;
}
#col3 .container.twoColumns .container,
#col3 .container.twoColumnsLeftHeavy .container,
#col3 .container.twoColumnsRightHeavy .container {
        background: none;
}
#col3 .teaser H1 A:hover {
        /*background-color: rgb(0, 158, 255) !important;*/
}

/* MEDIA SPECIFIC LINKS IN TEASERS ETC */
.teaser UL,
.related UL,
.blogTeaser UL {
        list-style-type: none;
        padding: 0;
}

.related LI,
.blogTeaser LI {
        padding-left: 16px;
        background: url(/img/greenfield/media/textIcon.gif) no-repeat 2px 2px;
}
LI.video {
        background: url(/img/greenfield/media/video.gif) no-repeat 0 2px;
}
LI.audio {
        background: url(/img/greenfield/media/listenTo.gif) no-repeat 1px 1px;
}


/* GRAPHICS TEASER */
.graphics P {
        font-size: 11px;
        color: #999;
}


/* LOGIN BOX */
.login P {
        font-size: 11px;
        margin-top: 5px;
}
.login LABEL {
        font-size: 11px;
        display: block;
        text-transform: uppercase;
        color: rgb(142, 168, 36);
}
.login INPUT {
        background: white;
        border: 0;
        border-bottom: 1px solid rgb(142, 168, 36);
        width: 94%;
        margin-bottom: 3px;
        padding: 3px;
}
.login INPUT.submit {
        width: auto;
        background-color: rgb(142, 168, 36);
        margin-top: 6px;
        padding: 2px;
        color: white;
        font-size: 11px;
}

/* SEARCH FORM */
INPUT, TEXTAREA {
        background: white;
        border: 0;
        border: 1px solid #BFCA88;
        border-bottom: 1px solid rgb(142, 168, 36);
        padding: 3px;
}
INPUT.submit {
        width: auto;
        background-color: rgb(142, 168, 36);    
        padding: 2px;
        color: white;
        font-size: 11px;
}

/* MENU */
.menu.menuTwo {
    text-transform: uppercase;
    text-align: right;
    font-size: 11px;
    padding: 0;
    border-top: 1px solid black;
}
.menu.menuTwo H1,
.menu.menuTwo H2 {
    margin: 0 0 4px 0;
    padding: 10px 6px 0 6px;
    font-size: 11px;
    font-weight: bold;
}
.menu.menuTwo H1 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.menu.menuTwo A {
    color: #78971C;
}
.menu.menuTwo UL {
    padding: 0 6px 10px 6px;
    border-bottom: 1px solid black;
}
.menu.menuTwo LI {
    margin: 0 0 4px 0;
}

/* MENU COLUMN */
.menuColumn .container {
  background: none;
}

/* TICKER COLUMN */
.tickerColumn .container {
        background: 0;
}

/* TEXT SIZES (FOR RESIZER IN ARTICLES) */
.inactive,
.inactive:hover {
        color: #CCCCCC !important;
}
.large .article {
        font-size: 20px;
}
.larger .article {
        font-size: 30px;
}

/* BOOKMARKS */
.bookmarks li a {
    background-repeat: no-repeat;
    padding-left: 22px;
    background-position: left center;
}

.bookmarks li a:hover {
    background-repeat: no-repeat;
    background-position: left center;
}

.bookmarks li a.deliciousIcon {
    background-image: url('/img/icons/delicious.jpg');
}
.bookmarks li a.diggIcon {
    background-image: url('/img/icons/digg.jpg');
}
.bookmarks li a.facebookIcon {
    background-image: url('/img/icons/facebook.jpg');
}
.bookmarks li a.newsvineIcon {
    background-image: url('/img/icons/newsvine.jpg');
}
.bookmarks li a.redditIcon {
    background-image: url('/img/icons/reddit.jpg');
}
.bookmarks li a.stumbleuponIcon {
    background-image: url('/img/icons/stumbleupon.jpg');
}
.bookmarks li a.technoratiIcon {
    background-image: url('/img/icons/technorati.jpg');
}

/* SEARCH */
.mainColumn .search form, .bannerColumn .search form {
        margin-bottom: 12px;
        padding: 8px 8px 12px;
                background-color: #E8ECD7;
}
.search h1 {
        font-size: 20px;
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 12px;
        padding-bottom: 8px;
        letter-spacing: normal;
}
.search UL {
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 12px;
        padding-bottom: 8px;
}
.search UL li {
        margin-bottom: 20px;
}
.search UL LI H3 A {
        font-size: 16px;
        text-decoration: underline;
        letter-spacing:normal;
}
.search UL LI .meta {
        color: grey;
}
.search .pager {
        font-size: 16px;
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 12px;
        padding-bottom: 8px;
}
#searchbox input {
        font-size: 12px;
        height:17px;
        border-radius: 3px;
}
#searchbox input.submit {
        height:23px;
        width:50px;
}


/* NAVIGATION PATH ELEMENT */
.navpath {
        margin-bottom: 4px;
}
.navpath LI A {
        font-size: 11px;
}
.navpath .separator {
        margin: 0 4px;
}

p.error,label.error {     
    color: red;
}
p.error {     
    margin-top: 5px;     
}
input.error {
    border-color: red;
}
ul.linklist {
    margin: 0;
    padding: 0;
}
ul.linklist li {
    margin: 5px 0;
    padding: 0;
    font-size: 16px;
    border-bottom: 1px dotted #aaa;
}
ul.linklist li span {
    color: grey; 
    font-weight: bold;
}
.promolink .icon {
  float:left;
  margin-right:5px;
}
.promolink .title {
  clear:none;
}
.promolink .description {
  clear:none;
}

A.fileResourceLink,
A.fileResourceLink:hover {
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 22px;
}
DIV#overlay {
 background: #000000;
 left: 0;
 top: 0;
 opacity: 0; 
 position: absolute;
 z-index: 999;
}

/** Article Comments **/
.articleComments .form {
  background-color: #eee;
  margin: 10px 0;
  padding: 8px;  
}
.articleComments .row {
  margin: 10px 0;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:4px;
}
.articleComments .row.odd {
  background-color: #eeffde;  
}
.articleComments #shownComment.row.odd {
  background-color: #FEEFCA;
}
.articleComments .row.even {
  background-color: #fff;  
}
.articleComments #shownComment.row.even {
  background-color: #FEEFCA;
}

.articleComments .row .commentFooter .timestamp,
.articleComments .row .commentFooter .signature {
 color: #666;
}
.articleComments .row .commentFooter .comment_links {
  margin-left: 14px;
  float: right;
}
.articleComments .row .commentFooter {
  text-align: left;
  margin-top: 10px;
}
.articleComments .commentReported {
  color: #DC143C;
}
.articleComments h3.header_title {
  font-weight: bold;
}
.articleComments .nav {
  float: right;
}
.articleComments .nav a,
.articleComments .nav .currentPage {
  padding: 2px;
}
.articleComments .nav .nav_left {
  margin-right: 5px;
}
.articleComments .nav .nav_right {
  margin-left: 5px;
}
.commentIcon {
  background: url('/img/icons/comment.png') no-repeat left center;  
  padding-left: 20px !important;  
}
P.fieldError {
  display: none;
}
P.formError {     
    color: #DC143C;
    margin: 1em 0;
}
.comment_contents LABEL {
  font-weight: bold;
}

input.highlighted.button {
    background-color: #A7C62A;
}

/* BLOG STYLES */
DIV.metaBox {
  border: 1px solid #DCDDDE;
  background-color: #F1F1F1;
  margin-bottom: 10px;
}
DIV.metaBox .metaHeader {
  height: 20px;
  border-bottom: 1px solid #DCDDDE;
  background-color: #333333;
  color: #FFFFFF;
  padding: 3px 8px;
  font-weight: bold;
}
DIV.metaBox .metaContent, DIV.related .metaContent {
  padding: 5px;
}
DIV.metaBox .metaContent .year {
}
DIV.metaBox .metaContent .month,  DIV.related .metaContent .month {
  margin-left: 10px;
}
DIV.related DIV.metaContent a:link {
    color: black;
}
DIV.blogTeaserContainer {
  border: 1px solid #DCDDDE;
  padding: 5px;
  background-color: #F1F1F1;
  margin-right: 15px;
  margin-bottom: 10px;
}
DIV.blogTeaserContainer H2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 2px;
}
DIV.blogTeaserContainer H2 A {
  background: none;
  padding: 0;
}
DIV.metaContent A, DIV.blogTeaserContainer A {
  color: #000000;
  padding-left: 12px;
  background: url(/img/greenfield/media/blue_arrow.gif) no-repeat;
  background-position: 4px 6px;
}

DIV.related DIV.metaContent A:hover {
    color: #000;
    text-decoration: underline;
}

/* User Blogs */
.possibleError { color: red; margin-bottom: 10px; }
DIV.blog DIV.header {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
DIV.blog DIV.post DIV.header {
  border-bottom: none;
  margin-bottom: 20px;
}
DIV.blog H1 A, DIV.blog H1 A:hover {
  font-size: 30px;
  line-height: 1.2;
  margin: 0 0 5px 0;
  color: #2B709E;
  border: none;
  background: none;
}
DIV.blog H1 A:hover {
  text-decoration: underline;
}
DIV.post {
  border-bottom: 1px solid #ccc;
  margin-bottom: 24px;
  padding-bottom: 12px;
}
DIV.blog DIV.post DIV.header {
  margin-bottom: 10px;
  padding-bottom: 0;
}
DIV.blog DIV.post H2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 7px 0;
}
DIV.blog DIV.post P {
  margin-bottom: 12px;
}
DIV.blog DIV.post IMG {
  display: block;
  margin: 0 auto;
  margin-bottom: 12px;
}
DIV.blog DIV.post IMG.right {
  float: right;
  margin: 0 0 12px 12px;
}
DIV.blog DIV.post IMG.left {
  float: left;
  margin: 0 12px 12px 0;
}
DIV.blog DIV.post BLOCKQUOTE {
  margin-left: 32px;
  font-style: italic;
}
DIV.blog DIV.post DIV.footer {
  padding-top: 12px;
  color: #959595;
}
DIV.blog DIV.header DIV.toolbar, DIV.blog DIV.header FORM {
  float: right;
} 
DIV.blog DIV.header DIV.toolbar FORM {
  float: left;
  margin-left: 5px;
} 
DIV.blog .requiresBlogOwner {
  display: none;
}
DIV.blog DIV.row .left {
    float: left;
}
DIV.blog DIV.row .right {
    float: right;
}
DIV.blog DIV.header INPUT.submit {
  margin-top: 8px;
}
DIV.blog DIV.post DIV.header INPUT.submit {
  margin-top: 4px;
  margin-left: 4px;
}
DIV.blog P.disclaimer, DIV.metaContent em {
  font-style: italic;
}
DIV.paging DIV.olderPosts {
  float: right;
}
DIV.blog DIV.postsContainer {
    float: left;    
    width: 490px;
}
#col3 .membershipForm UL.blogs LI {
    padding: 6px 4px;
    margin: 0;
}
UL.blogs LI.odd {
    background-color: #F1F4E4;
}

DIV.captcha_container IMG {
 cursor: pointer; 
 cursor: hand; 
 border: 1px solid #ddd;
}

DIV.tableElement caption {
 font-style: italic;
 padding-bottom: 4px;
 text-align: center;
}

DIV.tableElement table, .article table {
 border: 1px solid #E8ECD7;
}

DIV.tableElement th, .article th {
 color: black;
 background: #F1F4E4;
 font-weight: bold;
}

DIV.tableElement tr td, DIV.tableElement tr th, .article tr th, .article tr td {
 border-top: 1px solid #E8ECD7;
 border-left: 1px solid #E8ECD7;
}

DIV.tableElement DIV.green table, .article table {
 border-color: #E8ECD7;
}

DIV.tableElement DIV.green th, .article th {
 color: black;
 background: #F1F4E4;
}

DIV.tableElement DIV.green tr td, DIV.tableElement DIV.green tr th, .article tr th, .article tr td {
 border-top-color: #E8ECD7;
 border-left-color:#E8ECD7;
}

DIV.tableElement DIV.silver table {
 border-color: #ccc;
}

DIV.tableElement DIV.silver th {
 color: black;
 padding: 2px;
 background: #ccc;
}

DIV.tableElement DIV.silver tr td, DIV.tableElement DIV.silver tr th {
 border-top-color: #aaa;
 border-left-color:#aaa;
}
.article .contentElement .related-content LI.tag {
list-style: none;
}
.related-content LI.tag {
 float: left;
 padding: 2px;
 background: #eee;
 margin: 2px;
}
.related-content LI.category {
 margin-left: 20px;
}
.related-content LI.category a {
  color: #78971C;    
}
.related-content LI.category a:hover {  
  color: #88A72C;
}
DIV.articleComments DIV.closedForComments {
	font-style: italic;
	margin-left: 2px;
	margin-top: 2px;
}

/* IMAGE GALLERY */
DIV.gallery {
  margin-bottom: 8px;
}
DIV.gallery A.galleryitem IMG {
  display: block;
  margin-bottom: 4px;
}
DIV.gallery A.contentlink IMG {
  display: ine-block;
  vertical-align: middle;
}

/* SITE SPECIFIC STUFF */
.element,
.elementBorder {
	margin: 0 14px 6px 0;
	overflow: hidden;
	_height: 1%;
	padding: 7px 0;
}
.elementBorder DIV {
	margin-right: 0;
}
.container {
	margin: 0 0 0 0;
}
.element.list {
	margin: 0;
	padding: 0;
}

/* LAYOUT */
.borderLayout {
	width: 1000px; /* Total width of site, col1+col2 (col1+col3+col4) */
	padding: 14px 0;
	clear:both;
}
.element.date {
  float:left
}
.videoList.www .senarai {
float:left;
height:170px;
width:160px;
padding-bottom:5px;
}
.videoList.www .scroller {
width:160px;
height:200px;
}
#searchbox {
background:#E8ECD7;
border-radius:2px;
}
.search #searchbox input,.search #searchbox select   {
border-radius:5px;
height:30px;
font-size:16px;
}
.ui-datepicker {
background:rgba(232, 236, 215,0.9);
padding:5px;
}
.ui-datepicker span{
  padding:3px;

}
.search #searchbox .hasDatepicker {
width:100px;
}
.search #searchbox .searchQuery {
      max-width: 535px;
      width: 100%;
  }
.search #searchbox input.submit {
min-width:100px;
height:38px;
}
.advanceSearch {
font-size:16px;
}
.search #searchbox input.checkbox {
    position: relative;
    top: 10px;
}