@import url(cream.css); /* CSS hacks */
@import url(topping.css);  /* browser specific CSS */

@media all {

/* =universals */
* { margin : 0; padding : 0; }
h2, h3, h4, p, blockquote, address, dl, ul, ol { margin : 0 20px; padding : .5em 0; }

/* =html */
html { background : #fff url(../images/body.gif) repeat-x; color : #333; text-align : center; }	

/* =body */
body { margin : 0 auto; font : 88%/1.6 Trebuchet, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", sans-serif; text-align : left; }

/* =hx */
h1, h2, h3, h4, h5 { font-weight : bold; }

/* =h1 */
h1 { position : absolute; left : 20px; top : 10px; width : 262px; height : 90px; background : url(../images/h1.png); }

/* =h2 */
h2 { font-size : 180%; }
.index div#content_main h2 { padding : 0; }
div#branding h2 { position : absolute; left : 300px; top : 70px; font-size : 100%; }
.cols1 h2 { text-align : center; }

/* =h3 */
h3 { font-size : 120%; clear : both; }
form h3 { margin-left : 1em; font-size : 100%; }
div#content_sub h3 { font-size : 110%; display : block; padding-top : 130px; text-align : center; }
div#nav_products h3, div#nav_pages h3, div#nav_extras h3 { margin-left : 0; }
.products div#content_sub h3 { background : url(../images/icon-products.png) no-repeat 50% 0; }
.pages div#content_sub h3 { background : url(../images/icon-pages.png) no-repeat 50% 0; }
.extras div#content_sub h3 { background : url(../images/icon-extras.png) no-repeat 50% 0; }
h3 em { font-weight : bold; color : #c00; }
#content_main form h3 { position : absolute; left: -9999px; overflow : hidden; }

#content_main form div#downloads h3 { position : relative; left: 0; }

/* =h4 */
h4 { font-size : 100%; }

/* =p */
p { font-size : 100%; }
p.accessibility { position: absolute; left: -999em; overflow: hidden; }
dd p, form p, blockquote p { margin : 0; }
body.cols2 h3+p { padding-left : 60px; background : url(../images/p-note.png) no-repeat 0 0; }

/* =blockquote */
blockquote { margin-left : 20px; padding-left : 20px; border-left : 1px solid #edeaeb; }
dd blockquote { margin : .5em 0; }

/* =strong/b/em/i */
strong { font-weight : bold; }
b { font-weight : bold; }
em { font-weight : bold; }
i { font-variant  :italic; }

/* =address */
address { font-style : normal; }

/* =dl/dt/dd */
.index dl { float : left; width : 30%; margin : 1%; }
dt { font-weight : bold; }
.index dt { font-size : 140%; text-align : center; }

/* =ul */
ul { list-style-type : disc; list-style-position: inside; }
dd ul { list-style-type : none; margin-left : 0; padding-left : 0; }
table ul { list-style-type : none; margin-left : 0; }
div#branding ul { position : absolute; right : 20px; top : 70px; list-style-type : none; }
div#content_sub ul { list-style-type : none; }
div#nav_products ul, div#nav_pages ul, div#nav_extras ul { margin-left : 0; list-style-type : none; }
.togglelist { list-style-type : none; margin-bottom : .5em; }

/* =li */
div#branding li { display : inline; margin-left : .5em; padding-right : .5em; border-right : 1px solid #333; }
div#branding li:last-child { border-width : 0; }

div#nav_products li, div#nav_pages li, div#nav_extras li { padding-left : 40px; line-height : 40px; border-bottom : 1px dotted #c8c8c8; }
div#nav_products li:first-child, div#nav_pages li:first-child, div#nav_extras li:first-child { border-top : 1px dotted #c8c8c8; }
div#nav_products li { background : url(../images/li-products.png) no-repeat 0 50%; }
div#nav_pages li { background : url(../images/li-pages.png) no-repeat 0 50%; }
div#nav_extras li { background : url(../images/li-extras.png) no-repeat 0 50%; }
.togglelist li { display : inline; cursor : pointer; margin-right: 1em; }

/* content-sub */
#content_sub li { line-height : 50px; border-bottom : 1px dotted #c8c8c8; }
li#products { background : url(../images/ov-products.png) no-repeat 0 50%; }
li#pages { background : url(../images/ov-pages.png) no-repeat 0 50%; }
li#extras { background : url(../images/ov-extras.png) no-repeat 0 50%; }
li#view { background : url(../images/ov-view.png) no-repeat 0 50%; border-bottom-width : 0; }
.products li#products { background : url(../images/oa-products.png) no-repeat 0 50%; }
.pages li#pages { background : url(../images/oa-pages.png) no-repeat 0 50%; }
.extras li#extras { background : url(../images/oa-extras.png) no-repeat 0 50%; }

/* =img */
img, img a { border : none; }
dl img { display : block; margin-bottom : 1em; }

/* =a */
a { color : #069; text-decoration : underline; }
a:visited { color : #f90; text-decoration : underline; }
a:hover { color : #99ca3b; text-decoration : underline; }
a:active, a:focus { color : #333; text-decoration : underline; }
#nav_main ul li a { float: left; display: block; margin-right: .75em; }
#nav_supp ul li a { float: left; display: block; margin-right: .75em; }
div#content_sub a { display : block; padding-left : 60px; color : #333; font-size : 120%; font-weight : bold; text-decoration : none;  }
.products li#products a { color : #99ca3b; }
.pages li#pages a { color : #f90; }
.extras li#extras a { color : #fc3; }
.index dl dt a { color : #333; text-decoration : none; text-align : center; }
h1 a { display : block; width : 138px; height : 156px; text-indent : -9999px; text-decoration : none; overflow : hidden; }

/* =Home page assets */
#link_products a, #link_pages a, #link_extras a { display : block; width : 100%; padding-top : 130px; background : url(../images/icon-products.png) no-repeat 50% 0; }
#link_products a:hover { background-image : url(../images/icon-products-oa.png); }
#link_pages a { background-image : url(../images/icon-pages.png); }
#link_pages a:hover { background-image : url(../images/icon-pages-oa.png); }
#link_extras a { background-image : url(../images/icon-extras.png); }
#link_extras a:hover { background-image : url(../images/icon-extras-oa.png); }

td.delete a { display : block; width : 20px; height : 20px; background-image : url(../images/a-delete.png); text-indent : -9999px; overflow : hidden; } 
.add { height : 20px; padding-left : 25px; background : url(../images/a-add.gif) no-repeat 0 50%; cursor : pointer; }
span.sort { display : block; float : right; width : 40px;  height : 20px; text-indent : -9999px; overflow : hidden; background : url(../images/a-sort.gif) no-repeat 0 0;}
span.sort.descending {   background : url(../images/a-sort.gif) no-repeat 20px 0;}
span.sort.ascending {  background : url(../images/a-sort.gif) no-repeat -20px 0; }

/* =stuff */
.clear { clear : both; }
caption span { margin-left: 1em; cursor : pointer; color : #f90; }

/* =table */
table { width : 90%; margin : 0 0 30px 20px; border-collapse : collapse; }

/* =caption */
caption { margin : 0 0 20px 20px; font-weight : bold; color : #000; text-align : left; }

/* =thead */
thead { font-weight : bold; background: #a6d154 url(../images/bg-thead-left.gif) 0 0 no-repeat; }

/* =tr */
tbody tr:hover { background-color : #edf6dd; }

/* =th */
th { padding : .5em; text-align : left; color : #fff; border-right : 1px solid #fff; }
thead th:last-child { background: url(../images/bg-thead-right.gif) no-repeat 100% 0; }
thead th.num.sort { width : 60px; background : url(../images/sort.gif) no-repeat 90% 50%; }
thead th.istr.sort { background : url(../images/sort.gif) no-repeat 97% 50%; }
thead th.sort.ascending { background : url(../images/sort-asc.gif) no-repeat 97% 50%; }
thead th.sort.descending { background : url(../images/sort-desc.gif) no-repeat 97% 50%; }

/* =td*/
td { padding : .35em; font : 100% Trebuchet, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", sans-serif; border-bottom : 1px dotted #c8c8c8;  vertical-align : top; }
td.edit { width : 30%; }
td.delete { width : 30px; }

/* =form */
form { margin : .5em 20px; }
.cols1 form { width : 42em; margin : 0 auto; }

/* =fieldset */
fieldset { margin-bottom : 1em; padding : 1em; border-width : 0; border-bottom : 1px dotted #999; overflow : hidden; }
.cols1 fieldset { border-width : 0; }
form#fm_search fieldset { padding : 0; border-bottom : 1px dotted #ccc; }

/* =label */
label { margin-bottom : .5em; font-weight : bold; }
label, label span { display : block; }
form#fm_search label { float : left; width : 32em; }
form#fm_search label span { float : left; width : 12em; }
.cols1 label { float : left; width : 42em; }
.cols1 label span { float : left; width : 10em; padding-right : 2em; text-align : right; }
.fm_date label { float : left; width : auto; margin-right : 1em; }
label em { font-weight : bold; color : #c00; }
fieldset label { width : 25em; }
label.boolean input { width : auto; float : left; margin-right : 1em; }

/* =input */
input { width : 24em; padding : .25em; font : 100% "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; border : 1px solid #c8c8c8; }
td input { width : auto; padding : 0; }
input.checkbox { width : auto; padding : 0;  }
form#fm_search label input { width : 16em; }
.cols1 label input { float : left; width : 14em; }
label input:hover { border : 1px solid #a6d154; }
label input:active, label input:focus { border : 1px solid #333; }

/* =textarea */
textarea { width : 23.5em; height : 20em; padding : .25em; font : 100% "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; border : 1px solid #c8c8c8; }
textarea:hover { border : 1px solid #a6d154; }
textarea:active, textarea:focus { border : 1px solid #333; }

/* =select */
select { width : 24em; font : 100% "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; border : 1px solid #c8c8c8; }
.fm_date select { width : auto; }

/* =submit */
input.submit, input.fm_submit { width : auto; padding : .25em .5em; color : #fff; border : 1px solid #a06e23; background-color : #f90; font : bold 78% "Lucida Grande", "Lucida Sans Unicode", Verdana, Heletica, Arial, sans-serif; text-transform : uppercase; cursor : pointer; }
input.submit:hover, input.fm_submit:hover { color : #fee; border : 1px solid #900e00; }

/* =div */
form div { padding : .5em 0; text-align : center; } 
div#nav_products, div#nav_pages, div#nav_extras { float : left; width : 30%; margin : 1%; font-size : 82%; }
div#content-help {  margin : 0 20px; padding : .75em; background-color : #edf6dd; border : 1px solid #c8c8c8; opacity : .5; }
div#content-help:target { opacity : 1; }

div#downloads { text-align: left; height: 150px; overflow: auto; border: 1px solid #999;}


/* =layout */
div#container { position : relative; width : 96%; min-width : 750px; max-width : 1100px; margin : 0 auto; }
div#branding { position : relative; height : 85px; }
div#content { margin-top : 3.5em; }
div#content_main { float : left; width : 70%; padding-bottom : 2em; }
body.index div#content_main { width : 100%; }
div#content_sub { float : right; width : 29%; }
div#siteinfo { clear : both; width : 100%; padding : 4em 0; background : url(../images/siteinfo-bg.png) no-repeat 100% 50%; border-top : 1px dotted #c8c8c8; text-align : center; }
}

/* quick date-time hack */
fieldset.date-time label {
  width : auto; display : inline;  }
fieldset.date-time label span {
  width : auto; display : inline; display : none; }
fieldset.date-time label input,
fieldset.date-time label select {
  width : auto; }
  fieldset.page-slug label span {
  display: none; }
  
/* image management utility */
iframe { border : 0; background-color : #eee; border-top : 3px solid #333; border-bottom : 3px solid #333; margin-bottom : 2em; }
iframe div#upload-menu { width : 100%; background-color : #333; color : #fff; }