
body { 
	font-size: 11px;
	font-family: verdana, arial, sans-serif; 
	margin: 0;
	text-align: left; 
	background-color: #eee;
}

a {
	text-decoration:none;
	color: #06c;
}

a:hover { color: #963; }
.aimg { border:0; }
a img { border:0; }
h1,h2,h3,h4,h5 { margin: 20px 0 5px 0; }
.akey {
	color: #630;
	border-bottom: 1px dotted #9cf;
}

input,
textarea,
select {
	font-family: verdana;
	font-size: 10px;
	border: 1px solid #ccc;
}

#header { padding: 5px; }
#header .title { font-size: 30px; }
#header p {
	font-size: 10px;
	color: #666;
	margin: 0;
}
#data {
	color: #666;
	font-size: 10px;
	padding: 1px 5px;
	float: right;
	text-align: right;
}

#topnav{
	margin-left: 5px;
	margin-bottom: -1px;
	padding-left: 0;
	padding: 5px 0;
	clear: both;
	white-space: nowrap
}
#topnav li{
	margin: 0;
	padding: 5px 10px;
	border: 1px solid #999;
	list-style: none;
	display: inline;
	background-color: #ccc;
	border-bottom: 1px solid #999;
	text-transform: uppercase;	
}
#topnav li a { padding: 5px 10px; }

#topnav li:hover{ background-color: #eec; }
#topnav li.here {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}
#mtable{
	background-color: #fff;
	border: 1px solid #999;
}
#main{
	padding: 10px;
	margin: 0 5px;
	width: 96%;
	background-color: #fff;
}
	
#rmargin{
	float: right;
	width: 223px;
	margin: 5px;
	background-color: #eec;
	color: #333;
	padding: 3px;
	border: 1px solid #999;
}

#rmargin dl { margin: 5px; margin-bottom: 10px; border: 1px solid #ccc; background-color: #fff; padding: 2px }
#rmargin dl dt { font-size: 14px; text-transform: uppercase; }
#rmargin dl dd { padding-top: 2px; margin: 2px; }
	
	

#rimg { float: left; }
#rimg dt, #art dt, #ev dt { font-size: 11px; text-transform: uppercase; }
#rimg dd { display: inline; padding: 5px; margin: 0; text-align: center; font-size: 10px;
	float: left; }
#rimg dd img { width: 50px; }

.rimg td { text-align: center; vertical-align:top; width: 500px; }
td.rimg-top { text-transform: uppercase; text-align: left; }
.rimg td img { width: 60px; }
.rimg td em { color: #666; }

#ae {width: 100%; }
#art, #ev { float: left; width: 46% }
#art dd, #ev dd { margin: 5px 2px; }

#ae {width: 100%; }
#art, #ev { float: left; width: 46% }
#art dd, #ev dd { margin: 5px 2px; }	
	
	

dfn{ color:#9cf; }
label { text-transform: uppercase; color:#000; }

#rot-gal { clear: both; width: 100%; margin-top: 20px; }
#rot-gal td { text-align: center; vertical-align: middle;}
.rot-thumb { width: 150px; }


#dl-form { margin: 0; padding: 0;float: left; /*border-top: 1px solid #ccc;*/ width: 483px; }
#dl-form dd {
	margin: 0; 
	/*border: 1px solid #ccc; */
	padding: 3px; 
	float: left; 
	width: 475px;
	border-top: 0;
}
#dl-form dd.odd { background-color: #eee; }
#dl-form dd span { float: right; margin: 1px 0; }

#dl-form.thin { margin-top: 5px; }
#dl-form.thin dd.odd { background-color: #eec; }
#dl-form.thin dd{ padding: 3px; width: 475px;}

#dl-form dd dl { margin: 0; padding: 0; float: right; background-color: #fff; }
#dl-form dd dl dd { padding: 1px; margin: 2px 1px; 	
	border: 1px solid #ccc; float: left; }
#dl-form dd dl dd #daily,#dl-form dd dl dd #weekly,
 #dl-form dd dl dd #my { border-top: 1px solid #ccc; }
#dl-form dd dl dd #daily dd,#dl-form dd dl dd #weekly dd,
#dl-form dd dl dd #my dd { border:0; }
#timecode, #datecode { float:none;margin:0;}

#dl-form dd dl dd #weekly { background-color: #cee; }
#dl-form dd dl dd #daily { background-color: #eec; }
#dl-form dd dl dd #my { background-color: #ece; }


#nav { 
	margin: 5px 0; 
	padding: 0 5px; 
	width: 150px; 
	float: left; 
	color: #333;
}
#nav li{ 
	list-style: none; 
	padding: 5px; 
	width: 450px;
}
#nav li a{
	font-size: 13px;
	text-transform: uppercase;
}

#ip {}










#lownav { padding: 5px; text-align: center; color: #666; clear: both; }

.rightf, .editdel { float: right; }
.even { background-color: #fff; padding: 3px; margin: 3px; }
.odd { background-color: #eee; padding: 3px; margin: 3px; }

	/* LOGIN */
	#loginmain { padding: 10px; font-size: 12px; border: 3px double #666; 
width: 40%; margin: 10% 30% 10% 30%; background-color: #fff; }
	#loginmain p { font-size: 11px; }
	#loginmain input { font-family: courier, "Courier New", monospace; }
	/* LOGIN */







#mast {  }


#login { padding: 10px; text-align: left; font-size: 12px; border: 1px solid blue; 
	margin: 20px 10px; }


.title {}
.row { float: left; clear: both; width: 100%; text-align: left; padding-bottom: 10px; }
.label { float: left; width: 165px; text-align: right; }
.field { float: right; width: 360px; }





 #leftnav .figure {
  margin: 3px;
  width:60px;
  float:left;
  border:1px solid #000;
}

#maingalblock .figure {
	float: left;
 	padding: 5px;
}
#maingalblock {
	clear: both;
	padding-bottom: 5px; 
	margin-bottom: 30px;
	width: 100%;
}

img.scaled {
  width: 100%;
}
#mainimg {
  border: 1px solid #000;
}

p.linkto {
	font-size:x-small;
	text-align:right;
	padding-right:3px;
	margin:2px 0 10px 0;
	clear:both;
}

.help {
	font-weight:bold;
	color:blue;
	border:1px solid #006;
	padding:0 2px 0 2px;
	background-color:#ccf;

}

#leftbox, #rightbox{
	margin: 5px;
	padding: 10px;
	float: left;
	border: 1px solid red;
	width: 225px;
	height: 160px;
}
#leftbox { clear: both; }

#rightbox { border-color: #fc0; }

#leftbox ul, #rightbox ul { margin: 5px; padding-left: 5px; }
#leftbox li, #rightbox li { list-style: none; margin: 3px; }

#button { text-align: right; clear: both; }

	#galimages {
margin:5px;
clear:both;
padding-top:10px;
text-align:center;

	}
	#imagedisplay {
text-align: center;
clear: both;
font-size: 10px;
	}
	#imagedisplay div { text-align: left; }

	
	.thumb {
height:75px;
	}
	.imagea {
border: 0;
	}
	
	.image {
float:left;
padding:5px;
text-align:center;
font-size:x-small;
	}
	.irow {
clear:both;
width: 100%;
	}
	
.error { display: block; color: red; }
.success { display: block; color: green; }
.required { color: #600; font-weight: bold; text-transform: uppercase; }
.highlight { color: #600; font-weight: bold; text-transform: uppercase; }
p.reminder { margin: 0 0 0 0; padding: 0 0 0 0; font-style: italic; }
#bigimg { border: 1px solid #000 }

.superuser {
	font-weight:bold;
	color:red;
	border:1px solid red;
	padding:0 2px 0 2px;
	background-color:#ff0;
}

.galuser {
	font-weight:bold;
	color:green;
	border:1px solid green;
	padding:0 2px 0 2px;
	background-color:#ff9;
}
.imguser {
	font-weight:bold;
	color:#303;
	border:1px solid #303;
	padding:0 2px 0 2px;
	background-color:#fc9;
}

#utable { background-color: #ccc; padding: 0; width:90%; border:0; }
td { vertical-align: top; }
.person,
.edit { background-color: #fff; padding: 5px; }
.person { width: 75%; }
#edit { width: 20%; text-align: center; }

.live { color: red; text-transform: uppercase; font-weight: bold; }
.notlive { color: #999; font-weight: bold; }
#galform { float: left; width: 100%; clear: both; }


.akeybutton { }
.akey2 { font-weight: bold; }
#key {
	font-size: 10px;
	color: #666;
	text-align: center;
	margin: 2px;
}

#doc0{ background-color: #ffe; border: 1px solid #ccc; }
#doc1{ background-color: #dee; border: 1px solid #ccc; }
#doc2{}
#doc3{}

#dl-form dd span #rldl dd span { float: none; }
#rldl { background-color: #fff; float: left; }
#rldl dd { text-align: left; float: left; }
#dl-form dd span #rldl dd span.rel_edit { float: right; }
#dl-form dd span #timecode, #dl-form dd span #datecode { float:none;margin:0;}
#dl-form dd span #timecode2, #dl-form dd span #datecode2 { float:none;margin:0;}
