/* Gallery  stuff */

/* container around an thumbnail image */
.imgbox { /* floating left image box */
	border: 1px solid #008EC2;
	min-height: 10px;
	width: 136px;
	text-align: center;
	float: left;
	margin: 5px;
	padding: 0px;
	height: 180px;
}
.imgbox img { border: 0px; }
.imgbox a.img { padding-top: 5px; display: block; height: 120px;  }
.imgbox .img { padding-top: 5px; display: block; height: 120px;  }
.imgbox a.img:hover { background-color: #F0FFB7; }

#popup {
	border: 1px solid #008EC2;
	background-color: #FFFFFF;
	padding: 10px;
}
#popup a:hover {
	background-color: #FFFFFF;
}

.imgbox .name_box {
	margin: 1px 0px;
	font-size: 11px;
	font-family: Tahoma,Arial,Verdana,sans-serif;
	padding-top: 1px;
	padding-bottom: 1px;
	height: 1.3em;
}

/* Hides from IE-mac \*/
.imgbox .name_box {
	overflow: hidden;
}
/* End hide from IE-mac */

.imgbox .photo_name {
	clear: left;
	font-weight: bold;
	height: 1.4em;
	padding: 0px;
}
.photo_name {
	font-weight: bold;
}

/* Shadowing for thumnail .. */
.p-shadow {
	float:left;
	background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/images/shadow.gif) no-repeat bottom right;
	margin: 5px 0 0 10px !important;
	margin: 3px 0 0 5px;
}

.even .p-shadow, .even .p-shadow2  {
	background-image: url(/images/shadow_even.gif);
}
/* Shadowing for medium size .. */
.p-shadow2 {
	float:left;
	background: url(/images/shadowAlpha2.png) no-repeat bottom right !important;
	background: url(/images/shadow2.gif) no-repeat bottom right;
	margin: 5px 0 0 10px !important;
	margin: 5px 0 0 2px;
}

/* Shadowing for medium size .. */

.p-shadow2-green {

	float:left;
	background: url(/images/shadow_green.gif) no-repeat bottom right;
	background: url(/images/shadowAlpha2.png) no-repeat bottom right !important;  

	margin: 5px 0 0 10px !important; 
	margin: 5px 0 0 2px;

}

.p-shadow p, .p-shadow2 p, .p-shadow2-green p {
	padding: 0 4px 4px 0px;
	margin: -6px 6px 6px -6px !important;
	margin: 0;
}
.cleaner { /* to break the floating box above */
	clear: right;
	height: 1px;
	font-size: 1px;
	border: 0px inset;
	border-bottom: 0px;
	width: 696px;
}
.cleaner_nospace { /* to break the floating box above */
	clear: left !important;
	clear: right;
	height: 1px;
	font-size: 0px;
}

div.title { font-size: 11px; padding: 3px; margin: 10px 0 5px 0; }
div.title strong { color: #A3C322; }

div.pages { float: right; }
/* some simple pagination css */
div.paginate { padding: 0 15px; padding-bottom: 0px; background-color: #F7F7F7; width: 98%; padding: 3px;}
.paginate a.selected { color: red; }
.paginate a { margin: 2px; }
.paginate a:hover { background-color: #efefef; }


/* more cz custom work, for fieldsets and forms without tables */
fieldset div.row {
	margin-top: 2px;
}
fieldset div.row label {
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 5px;
}

/* CZ upload form css */

#uploadcontainer {
	padding: 0px 5px 10px 0;
}

fieldset.uploadform {
	padding: 10px; 
	border-style: inset;
}
fieldset.uploadform2 {
	padding: 10px; 
	border-style: inset;
	height: auto;
}

fieldset.uploadform legend {
	font-size: 11px;
	font-weight: bold;
}
fieldset.uploadform input.submit {
	float: right;
	height: 22px;
}

fieldset.uploadform div.row,
fieldset.uploadform div.rowsingle  label
{
	margin-top: 4px;
	clear: left;
	font-weight: bold;
}
fieldset.uploadform div.row label
{
	float: left;
	width: 100px;
	text-align: left;
	margin-top: 2px;
}
fieldset.uploadform div.rowsingle label,
fieldset.uploadform div.rowsingle textarea
{
	margin-top: 2px;
	float: left;
	text-align: left;
	width: 250px;
	clear: left;
}

/* reset the default label settings within the fieldset */
fieldset.uploadform div.row label.hint
{
	float: none;
	width: auto;
	display: inline;
	padding-left: 5px;
	font-weight: normal;
}

fieldset.uploadform div.rowsingle label.hint,
fieldset.uploadform div.categories label.hint 
{
	padding-left: 5px;
	margin-bottom: 5px;
	clear: left;
	font-weight: normal;
}

fieldset.uploadform .categories {
	float: right;
	width: 325px;
}
fieldset.uploadform .categories fieldset {
	margin-bottom: 10px;
	padding: 5px;
}


fieldset.uploadform .categories div.row label {
	width: 13em;
}

input {
	vertical-align: middle;
}

label.hint {
	width: auto;
}

/* the formating for this.. */
.uploadmessage {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.uploadmessage .requireditems {
	font-size: 12px;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #E4FEA9;
	width: 280px;
	margin: 20px 0px;
}
.uploadmessage .requireditems div.title {
	background-color: #E4FEA9;
	padding: 10px;
}

.uploadmessage .requireditems span {
	font-weight: bold;
}
.uploadmessage .requireditems .item {
	font-size: 12px;
	color: #990000;
	font-weight: bold;
	background-color: inherit;
	margin-left: 20px;
}

.required {
	background-color: #ECFFB3;
}

.alert, .error {
	color: #CC0000;
	font-weight: bold;
}
.error {
	font-family: Arial,Verdana,sans-serif; 
	font-size: 14px;
}

.focusbox {
	background-color: #EFFFBA; 
	border: 1px solid #669966;
	padding: 8px;
	margin: 5px
}



.focusbox ul { /* adjust the margin for ul items in a focus box */
	margin: 0; padding: 0;
	margin-left: 15px;
}

.alertbox {
	background-color: #FFFFCE; 
	border: 1px solid #996666; 
	padding: 8px;
	margin: 5px;
}



.errorbox {
	background-color: #ffeeee; 
	border: 1px solid #996666; 
	padding: 8px;
	margin: 5px;
}

.errorbox dl, .focusbox dl, .alertbox dl {
	margin: 0; padding: 0;
}
.errorbox dl dt, .focusbox dl dt, .alertbox dl dt {
	font-weight: bold;
}
.errorbox dl dd, .focusbox dl dd, .alertbox dl dd {
	margin-left: 10px;
}


.moreinfo {
	margin-left:8px;
	width: 320px; 
	background: #EEFFCC; 
	padding: 10px; 
	color: midnightblue;
	position: absolute; top: -40px; left: -420px; 
	z-index:100;
	display: none; 
	border: 1px solid #339900; 
}

.moreinfo2 {
	margin-left:8px;
	background: #EEFFCC; 
	padding: 10px; 
	color: midnightblue;
	display: block; 
	border: 1px solid #339900; 
}



.upload_success {
	font-family: Arial,Verdana,sans-serif; 
	font-size: 14px;
	color: green;
	font-weight: bold;
	background-color: #DEFD95;
}

#container {
	padding: 0px;
}

div.categorylist {
	float: left;
	width: 236px;
	margin: 0px;
	padding: 8px;
}
div.categorylist dt {
	font-size: 13px;
	font-weight: bold;
}
div.categorylist dd {
	margin: 0; padding: 0;
	margin: 1px;
	padding-left: 15px;
}
div.cleanerDashed {
	font-size: 0px;
	height: 0px;
	border-bottom: 1px dashed #A4C0CD;
	clear: both;
}

input {
	vertical-align: top;
}
label.radiolabel {
	text-align: left;
	margin-right: 3px;
	vertical-align: middle;
}

.done {
	text-decoration: line-through;
}