/* general page layout */
body {
font:10pt arial,helvetica,sans-serif
}
ul {
list-style-type:square;
}
table {
border:thin solid black;
margin:10px;
}
table th, table td {
text-align:left;
}
form .invalid {
color:red;
}

/* gallery layout */
ul.gallery {
display:block;
list-style-type:none;
list-style-image:none;
margin:0;
padding:0;
}
ul.gallery > li {
display:inline;
background:transparent none no-repeat scroll 0 0 !important;
margin:0;
padding:0;
}
ul.gallery > li a {
text-decoration:none;
}
ul.gallery > li a:focus {
outline:none;
}
ul.gallery > li img, ul > li .placeholder {
margin:4px !important;
border:2px solid gray !important;
padding:2px !important;
vertical-align:middle;
}
ul.gallery > li a:hover > img, ul > li a:hover > .placeholder {
margin:4px !important;
border:2px solid red !important;
padding:2px !important;
}
ul.gallery > li .placeholder {
display:inline-block;
width:100px;
height:100px;
text-align:center;
}

/* accordion */
div.accordion .expand {
background:transparent url(boxplus.png) no-repeat scroll 0 center;
text-indent:16px;
}
div.accordion .collapse {
background:transparent url(boxminus.png) no-repeat scroll 0 center;
text-indent:16px;
}

/* color picker */
.color-sample {
position:relative;
}

.color-sample > input {
position:relative;
min-height:18px;
}

.color-sample > div {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
}

/* hide elements */
.hidden {
display:none;
}
.invisible {
visibility:hidden;
}