/* childrenandmedia.org.au ----------------------------------------------- */

/* general ----------------------------------------------- */

body { font-size: 100%; }
* { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: normal; text-align: left; padding: 0; margin: 0; }
a, li { position: relative; }
img { border: none; } 


/* layout ----------------------------------------------- */

/*boxes*/
#wrapper, #hdbox, #ctbox { margin: 0 0 20px 0; display: block; text-align: left; border: none; } 
#navbox, #imgbox, #movienavbox, #ftbox { display: none; } 
#wrapper, #hdbox { text-align: left; }
#wrapper, .wrapper { width: 100%; } 
#hdbox { height: auto; } 
#ctbox { height: auto; }

/*columns*/
#ct, #ct1, #lhs, #rhs { width: 99%; float: none; height: auto; display: block; position: relative; } 
.ct1 #ct, .ct2L #ct, .ct2R #ct, .ct3 #ct { width: 99%; margin: 0; float: none; text-align: left; background: #none; } 
.ct1 #ct1 { width: auto; text-align: left; }

/*left and right content*/
.twoL, .twoR { width: 99%; height: auto; float: none; margin-bottom: 20px; display: block; position: relative; text-align: left; }


/* text etc ----------------------------------------------- */

body, a, p, li, h2, h4 { color: #000; }
h1, h3, h3 a  { color: #009470; }

#logotxt { font-size: 1.8em; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.3em; }
p, li { font-size: 1.3em; }
#ctbox li li { font-size: 1.0em; }

#logotxt, h1 { padding: 0 0 15px 0;  }
h2 { padding: 0 0 10px 0; }
h3 { padding: 0 0 10px 0; }
h4 { padding: 0 0 10px 0; }
p { padding: 0 0 15px 0; }

p, li, h1, h2, h3, h4 { line-height: 1.5em; }

a { text-decoration: none; }

h1, h2, h3, h4, #logotxt, strong, b, #logo span { font-weight: bold; }


/* lists ----------------------------------------------- */

/* ul and ol items */
ul, ol { margin: 0px 0 12px 0; padding: 0; }
ul ul, ol ul { margin: 3px 0 4px 0; padding: 0; }
/* ul and ol items */
ol ul, ul ul { margin-bottom: 0px; margin-left: 12px; }
/* li margins and positioning */
ul li, ol li { list-style-position: inside; }
ul li { margin: 0 0 5px 15px; }
ol li { margin: 0 0 5px 25px; }
li li { margin: 5px 0 0 18px; padding: 0; }
/* ul li bullet styles */
ul li { list-style-type: square; } /*1st*/
ul li li { list-style-type: circle; } /*2nd*/
/* ol li bullet styles */
ol li { list-style-type: decimal; } /*1st*/
ol li li { list-style-type: circle; } /*2nd*/
/* generic bullet styles */
li li li { list-style-type: lower-alpha; } /*3rd*/
li li li li { list-style-type: disc; } /*4th*/
li li li li li { list-style-type: lower-roman; } /*5th*/
li li li li li li { list-style-type: circle; } /*6th*/


/* common ----------------------------------------------- */

/*img hovers*/
a.th img, a.th2 img { filter:alpha(opacity=100); opacity: 1.0; }


/* header ----------------------------------------------- */

#logo { display: none; }

#logotxt { width: auto; height: auto; margin: 0; float: none; }

#smf { display: none; }


/* main menu ----------------------------------------------- */

/*wrapper*/
#nav { display: none; }


/* slideshows ----------------------------------------------- */

/*slideshows*/
.cycle-slideshow { display: none; }


/* blocks / image boxing ----------------------------------------------- */

.blocky { display: none; }


/* lhs and rhs content ----------------------------------------------- */

/*little boxes*/
.littlebox { border: none; }
.littlebox h3, .littlebox h4, .littlebox p, .littlebox > ul { margin-left: 0; margin-right: 0; }

/*sub menus*/
.sub { display: none; }


/* reviews ----------------------------------------------- */

/*filter*/ 
.filter { display: none; }

/*colour guide*/ 
.colourGuide { display: none; }

/*colour key*/ 
.colourKey { display: none; }

/*show and hide*/
h2.revealerH, h3.revealerH, .revealerT { width: 99%; }
.revealerT { overflow: auto; display: block; }


/* tables ----------------------------------------------- */

div.table { width: auto; height: auto; margin: 0 0 30px 0; position: relative; display: block; }

.tbl { width: 99%; height: auto; table-layout: auto; border: 2px solid #000; border-collapse: collapse; border-spacing: 0; }

/*borders*/
.tbl th, .tbl td { border: 1px solid #000; }
/*colours*/
.tbl thead th, .tbl tbody tr, .tbl tfoot tr { background: none; }
/*text alignment*/
.tbl th, .tbl td { vertical-align: center; padding: 5px; }
/*row heights*/
.tbl thead tr  { height: auto; }
.tbl tbody tr { height: auto; }
.tbl tfoot tr { height: auto; }
/*columns*/
.col41, .col42, .col43, .col44 { text-align: left; width: auto; }


/* search ----------------------------------------------- */

/*searchbox*/
#srchbx { display: none; }

/*search results*/
.ajaxSearch_highlight, .ajaxSearch_highlight1 { background: none; }
.search-group, .search-info, .search-results, .search-paging { width: auto; display: block; position: relative; }
.search-group { margin: 0 0 15px 0; }
.search-info { margin: 10px 0 20px 0; }
.search-results { margin: 10px 0 30px 0; }
.search-results .num { padding-right: 4px; }
.search-paging { display: none; }


/* pagination ----------------------------------------------- */

.pagination { display: none; }


/* forms etc ----------------------------------------------- */

#fEmail { display: none; }

/* the form */
.reform input, .reform textarea, .reform select { width: 100%; height: auto; padding: 7px 5px; margin: 0; cursor: auto; border: none; }
/* form elements */
.reform input.checker, .reform input[type=checkbox], .reform input[type=radio] { width: auto; }
.reform button span, .reform input.sender { display: none; }
/* text etc */
.reform { font-size: 1.0em; }
.reform p, .reform li { font-size: 1.0em; }
.reform button span, .reform input.sender { font-size: 1.0em; text-transform: capitalize; }
.reform label em { padding-left: 4px; }

/*app review form*/
/* the form */
#AppReviewForm .reform label { margin: 0 0 10px 0; } 
#AppReviewForm .reform label.lefty, #AppReviewForm .reform .row.opt label { float: none; clear: both; }
/* form elements */
#AppReviewForm .reform input, #AppReviewForm .reform textarea, #AppReviewForm .reform select { margin: 10px 0 15px 0; }
#AppReviewForm.accm table.mceLayout, #AppReviewForm.accm textarea.tinyMCE,
#AppReviewForm.public table.mceLayout, #AppReviewForm.public textarea.tinyMCE { margin: 10px 0 20px 0; border: none; }

/* text etc */
.reform h3 { padding-bottom: 15px; }
#AppReviewForm .reform .guide h3 { padding: 0 0 10px 0; }
#AppReviewForm .reform p { color: #000; padding: 0 0 10px 0; }
#AppReviewForm .reform .guide p { color: #000; padding: 0 0 10px 0; }

/*login form*/
#webLogin { display: none; }


/* all sorts ----------------------------------------------- */

/*social icoms*/
.socnet { display: none; }

/*facebook feeds*/
.fb-wrapper { display: none; }

/*buttons*/
.button { display: none; }

/*back to top*/
#backTop .button { display: none; }

/*sticky rhs elements*/
#sticker { display: none; }


/* modx wisywig editor styles ----------------------------------------------- */

.wrapright { float: none;  }

.wrapleft { float: none; }

.centre { margin: 0; text-align: left; } 
img.centre, .centre img { border: none; margin: 5px 0 20px 0; display: block; text-align: left; }