a { cursor: pointer; }

* { margin: 0; padding:0; }

#darkenBackground {
	background-color: #000;
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index: 20;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	top: 0;
	left: 0;
}

#titleWindow, div.photoWindow {
	background-color: #eaeaea;
	border: 2px solid #000;
	position: fixed;
	padding: 10px;
	width: 530px;
	height: 330px;
	z-index: 25;
	left:50%;
	top:50%;
	margin: -175px 0 0 -275px;
}

div.photoWindow { width: 575px; display: none;}
div.photoWindow h3, #photoalbum h3 { display: block; font-size: 145%; font-family: georgia,times,serif; font-style: italic; color: #598e9e; font-weight: normal; text-decoration: underline; }
div.photoWindow img, #photoalbum img.only { margin: 10px auto; border: 1px solid #000; display: block;}
div.photoWindow a.close img { border-width:0; position: absolute; right: 5px; top: 5px; }
div.photoWindow p, #photoalbum p { color: #000; font-size: 12px; }
#content #photoalbum p { text-indent: 5px; width: 95%; margin: 10px auto; display: block;}
#photoalbum h3 { margin-left: 10px; }

div.photoWindow div.nextprev { font-size: 12px; margin: 0 auto -10px auto; text-align: right;  }


#titleWindow h3 { text-decoration: underline; margin-bottom: 35px;}
#titleWindow img { float: left; border: 1px solid #000; margin: 35px 20px 35px 0;}
#titleWindow img.portrait { margin-top: 0; }
#titleWindow label { font-weight: bold; font-size: 12px; ; position: relative;}
#titleWindow input, #titleWindow textarea { display: block; }
#titleWindow a.close img { border-width:0; position: absolute; right:-5px; top:-20px; }

body { font-size: 1em; font-family: arial,sans-serif; }
a { text-decoration: none; cursor: pointer; color: #0000ff;}
a:hover { text-decoration: underline; }

span.edit { font-size: 11px; display: block; font-family: verdana,sans-serif; width: 300px; margin-top: 10px; clear: both;}
#insert { margin-top: 50px; }

#logo { position: absolute; top: -140px; }
#wrapperdiv { width: 865px; padding:0; position: relative; margin: 140px auto 50px auto; position: relative; border: 1px solid #999; background: #eaeaea url('../images/banner3.jpg') -50px 0 no-repeat; padding-top: 210px; }

/* leftcol related stylings */
#leftcol { width: 23%; margin-right: 10px;}
ul#nav { list-style: none; position: relative; margin-top: 60px; }
ul#nav li { margin-top: -1px; line-height: 20px; text-align: right; font-weight: bold; border: 1px solid #fff; font-size: 80%; border-width: 1px 0; position: relative; }
ul#nav li.invisible { display: none; }
ul#nav li a { display: block; color: #000; padding-right: 10px;}
ul#nav li a:hover { background-color: #56899a; color: #fff; text-decoration: none; }

#updates { padding: 10px 0 0 10px; }
ul.updates { list-style: none; font-size: 70%; padding-right: 7px;}
ul.updates li { padding: 14px 0; text-indent: -5px;}
ul.updates li:first-line { font-weight: bold; }
ul.updates li a.more { float: right; text-indent: 0;}

/* content related stylings */
#content { float: right; margin: 0px -40px 15px -3px; min-height: 450px; height: auto !important; height: 450px; background-color: #fff; width: 79%; border: 1px solid #bbb; opacity: 0.8; filter:alpha(opacity=80); padding: 10px; font-family: verdana,tahoma,sans-serif; position: relative; z-index: 2;}
h1, h2 { font-size: 150%; font-family: georgia,times,serif; font-weight: normal; color: #598e9e; margin: 10px 0;}
h2 { font-size: 100%; color: #9c202b; }

#content p { font-size: 75%; margin: 15px 0; width: 90%; line-height: 1.7em;}
div.updates { position: absolute; right: 15px; top: 25px; width: 240px; border: 1px solid #56899a; }
#content div.updates strong { display: block; background-color: #bbb; font-size: 90%; padding: 13px 0; text-indent: 5px; font-family: arial,sans-serif; }
#content div.updates p { margin: 5px; text-align: justify; font-size: 70%;}
#content div.updates p a { float: right; }
div.date { position: absolute; right: 5px; top: 1px; width: 40px; height: 40px; }
div.date img.month { position: absolute; }
div.date img.num { margin: 16px auto 0 auto; display: block; position: relative; z-index: 2;}
div.date img.num1, div.date img.num2 { position: absolute; top: 16px; z-index: 2; left: 2px;}
div.date img.num2 { left: 16px; }

img.sponsor { float: left; border-width:0; }

#copyright { margin: 20px 0 10px 10px; font-size: 65%; clear: right; }

/* administration related stylings */
form { margin-top: 50px; font-size: 70%; width: 100%;}
form h2 { font-size: 140%; }
form div { display: block; position: relative; margin-bottom: 5px; width: 100%;}
form div span.error { display: block; font-style: italic; }
label { position: absolute; line-height: 1.7em; }
input.field, textarea.field, select { margin-left: 120px; font-family: verdana,sans-serif; }
textarea { font-size: 100%; }
input.rename {text-align: center; }
input.rename, select.rename { margin: 5px auto -3px auto; display: block; font-family: verdana,sans-serif; font-size: 100%;}
form { margin: 55px 0; }
form.home { margin-top:0; }

#adminLinks { list-style: none;  display: block; float: right; margin-right: 45px; font-size: 70%; padding: 20px 0 0 2px; max-width: 340px;}
#adminLinks li { float: right; padding: 0 5px; border: 1px solid #000; border-width: 0 1px; margin-left: -1px; margin-top: 5px; margin-bottom: 5px;}
#gallery { font-size: 140%; margin-top: -30px;}

.pages { width: 660px; margin: 60px auto;}
.pages ul, #userList ul { list-style: none; font-size: 70%; display: block; width: 100%; height: 30px; line-height: 28px; clear: left;}
.pages ul.rename, .pages ul.renameTwo, .pages ul.tworename, .pages ul.tworenameTwo { height: 50px; }
#userList ul.rename, #userList ul.tworename { height: 50px; }
ul.two, ul.top, ul.tworename, ul.tworenameTwo { background-color: #eaeaea; border: 1px solid #bbb; border-width: 1px 0;}
ul.top { font-weight: bold; }
a.rename, a.showhide { cursor: pointer; color: #0000ff; }
a.showhide { font-size: 70%; font-family: arial,san-serif;}
.pages li, #userList li { float: left; text-align: center; }
.pages li.name, .pages li.editdel, .pages li.editdelNew { width: 120px; }
.pages li.order, .pages li.orderNew, .pages li.filename { width: 150px; }
.pages li.visible { width: 110px; }
.pages li img, #userList li img { padding: 2px 2px 0 2px; border-width: 0; }
.pages span.notice { display: block; font-size: 70%; font-weight: bold; }

#userList { width: 375px; float: right; padding-right: 50px; margin-top: 30px;}
#userList li { width: 100px; }
#userList li.delete { width: 40px; }


/* photos div stylings */
#photos { width: 540px; margin: 50px auto 0 auto; }

#photos li.name { width: 120px; }
#photos li.pictures { width: 110px; }
#photos li.upload { width: 90px; }
#photos li.pages { width:140px; margin:0;}
#photos li.delete { width: 70px; padding-top: 4px;}
#photos li a img { border-width:0; }

#photos select { font-size: 12px; display: block; margin: 0 auto; width: 110px;}

#photos ul.photolist { list-style: none; margin:0; padding:0; }
#photos ul.photolist li { float: left; width: 170px; height: 170px; padding: 0 2px; position: relative;}
#photos ul.photolist li img { border: 1px solid #600; display: block;}
#photos ul.photolist li.landscape img { margin-top: 20px; }
#photos ul.photolist li.portrait img { margin: 0 auto; }
#photos ul.photolist li.square img { margin: 20px auto; }
#photos ul.photolist li a.del { position: absolute; top:5px; right: 5px; visibility: hidden; display: block; z-index: 1000;}
#photos ul.photolist li a.del img { border-width:0; }
#photos ul.photolist li.portrait a.del { right: 10px; }
#photos ul.photolist li div.confirmdelete { margin: 0 auto; width: 150px; height:  120px; border: 1px solid #000; background-color: #e3dbf0; text-align: center; font-size: 13px; margin-top: 22px; }
#photos ul.photolist li div.confirmdelete strong { display: block; margin: 10px 0; }
#photos ul.photolist li div.confirmdelete img { float: left; border-width:0; margin-left: 8px;}
#photos div.uploadDiv .loading { width: 200px; float: right; height: 140px; border: 1px solid #600; margin: 40px 10px 10px 10px; text-align: center; }
#photos div.uploadDiv fieldset {border-width:0;}
#photos div.uploadDiv .loading img.uploading { display: block; margin: 35px auto 5px auto; }
#photos div.uploadDiv .loading strong { font-size: 14px; font-family: verdana; }
#photos div.uploadDiv h5 { font-style: italic; padding: 5px;}
#photos div.uploadDiv small { margin: 17px 0 17px 20px; display: block;}
#photos div.uploadDiv input { display: block; margin: 5px 0; }

#photos div.loading small { display: block; margin: 0 auto; position: relative; font-style: italic; }
#photos div.loading img { display: block; border-width: 0; margin:0;}

iframe.upload { display: none; }

#photos ul.one, #photos ul.two { display: block; list-style: none; height: 25px; border: 1px solid #bbb; background-color: #eaeaea; border-width: 1px 0; padding:0; margin:0;}
#photos ul.one { border-width:0; background-color: #fff;}
#photos #photosTop li { font-weight: bold; padding-top: 7px !important; font-size: 11px;}

#photos ul.two li, #photos ul.one li { float: left; font-color: #600; font-size: 11px; text-align: center; padding-top: 6px;}
#photos ul.two a img, #photos ul.one a img { border-width:0 !important; }

input.nameChange { font-size: 11px; text-align: center; display: block; margin: 0 auto; width: 70%; }

div.uploadDiv { border: 1px solid #660000; margin: 10px 0; padding: 5px 5px 30px 0; display: none; background-color: #eaeaea;  overflow: auto;}


div.create { margin: 80px 0 0 50px;}
div.create h4 { font-size: 14px; }
div.create label { position: absolute; font-size: 12px; margin: 2px 0; }
div.create input { margin: 3px 0 3px 55px; display: block;}
div.create select { margin: 3px 0 3px 55px; width: 145px;}

#photoalbum { width: 95%; margin: 10px auto 0 auto; background-color: #eaeaea; border: 1px solid #9f9f9f; padding: 15px 0; overflow: auto; position: relative;}
#pagination { list-style: none; position: absolute; right:10px; top:5px; font-size: 12px;}
#pagination li { float: left; padding: 0 3px;}
#pagination li.page { padding: 2px 0 0 0; font-size: 15px;}
#pagination li.invisible { visibility: hidden;}
#pagination a { display: block; padding: 4px 5px; }
#pagination a:hover, #pagination a.selected { background-color: #152139; color: #eaeaea; text-decoration: none;}
#album, .album { list-style: none; }
#album li.albumcell, .album li.albumcell { float: left; width: 165px; height: 165px; padding: 0 20px; margin: 10px 0;}
#album li.albumcell img, .album li.albumcell img { display: block; padding: 5px; border: 1px solid #000; background-color: #fff; margin: 0 auto;}

div.nicEdit-panelContain { clear: both; width: 100%;}
div.nicEdit-panel { width: 100%; }
form div.nicEdit-panel div { width: auto; }
form textarea#addElementText { width: 90%; height: 200px;}

#backto { width: 85%; margin: 0 auto; font-size: 12px; }
#backto span.nextprev { float: right; }

 #groups { float: right; width: 175px; padding: 4px; background: url('../images/admin/menu_collapsed.png') 7px 3px no-repeat; font-weight: bold; padding: 12px 4px 12px 5px; text-indent: 14px; font-family: 'trebuchet ms'; font-size: 80%;}
 #groups:hover { background-position: 7px -48px;}
 #groups:hover ul { display: block; }
 #groups ul { width: 167px; margin: -10px auto 0 auto; display: none; cursor: default;}
 #groups li  { list-style-type: none; overflow: hidden; padding: 0 0 0 10px; text-indent: 0; background-color: #8DAFD4;}
 #groups li.top:hover  { background-color: #8dafcf;}
 #groups li.bottom  { background: url('../images/admin/menu_bottom.png') -4px 0px no-repeat;}
 #groups li.bottom:hover  { background: url('../images/admin/menu_bottom.png') -4px 0px no-repeat;}
 #groups li:hover  { background-color: #56899a;}
 #groups li label { float: right; text-align: left; width: 130px; display: inline-block; padding: 5px 0; position: relative; }
 #groups li input { margin: 10px 0;}
 
 #switcherboxes select.year { position: absolute; z-index: 100; top: 10px; right: 10px; font-family: 'trebuchet ms'; padding: 4px; font-size: 100%; border: 1px solid #c8c8c8; width: 180px;}
 
 /*calendar stylings*/
div.popupcalendar { position: absolute; z-index: 100; overflow: hidden; width:0; height:0;}
div.popupcalendar table { padding:0; margin:2px auto 0 auto; background-color: #fff; color: #46a5c2; width: 200px; font-size: 90%; border: 1px solid #000; }
div.popupcalendar th.name { background-color: #004080; color: #a0e9ff; margin-bottom: 2px; text-decoration: none; border-bottom: 1px solid #000; padding: 5px 10px;}
div.popupcalendar th { background-color: #46a5c2; color: #a0e9ff; width: 14%; padding: 5px 0; text-decoration: underline; }
div.popupcalendar td { padding: 3px 2px; text-align: center;}
div.popupcalendar td.selected { background: #a0e9ff; }
div.popupcalendar td.nonMonth { color: #3cd1fe; }
div.popupcalendar a { color: inherit; text-decoration: none; }
div.popupcalendar a:hover { text-decoration: underline; }
/*end calendar stylings*/

	div.calendardiv { position: relative;width: auto; float: left; display: inline; padding-top: 6px; padding-left: 6px;}
 
 
 	 #switcher { width: 95%;list-style-type: none; margin-top: 20px; overflow: hidden; clear: left; padding-top: 20px;}
	 #switcher li { float: left; border: 1px solid #000; margin-right: -1px; background-color: #d0d0d0; margin-left: 10px; position: relative; z-index: 2;}
	 #switcher li a { padding: 10px 30px 10px 30px; display: block; font-weight: bold; font-size: 1.2em; text-decoration: none; color: #696969;}
	 #switcher li.show { background-color: #fff; border-bottom-width:0; margin-top: 1px;} 
	 #switcher li.show a,  #switcher a:hover { color: #000; }
	 #switcherboxes { border: 1px solid #000; width: 670px; position: relative;z-index: 0; margin-top: -1px;}
	 #switcherboxes div.none { display: none; margin: 10px; position: relative; padding: 10px; overflow: hidden; padding-bottom: 100px;}
	 #switcherboxes div.show { display: block; position: relative; padding: 10px; padding-bottom: 100px; overflow: hidden;}
	 #switcherboxes h2 { margin-bottom: 30px; }
	 #switcherboxes fieldset legend { font-size: 130%; color: #9c202b; font-family: georgia;}
	 #switcherboxes fieldset { border-width:0; margin-top: -20px; padding: 10px 0;}
	 #switcherboxes label { float: left; position: relative; font-size: 120%; padding-right: 10px; clear: left; width: 80px;}
	 #switcherboxes input.submit { display: block; padding: 2px; clear: left; margin-top: 10px;}
	 #switcherboxes input.field { border: 1px solid #c8c8c8; padding: 2px; margin:3px 0; display: inline-block; float: left;}
	 
	 div.regnumbers { float: left; width: 48%; }
	 
	 input.showmonth { background: url(none) center center no-repeat; height: 0 !important; border-width:0; width: 28px; cursor: pointer; display: block; padding-top: 28px; text-indent: -100em; margin: 0 auto;}
	 input.amount { display: inline; border-width: 1px solid #c0c0c0; width: 30px; }
	 span.excel { margin-left: 50px; font-size: 70%; background: url('../images/admin/excel.png') left 0 no-repeat; padding: 4px 0 8px 24px; display: block;}
	 
	 textarea#regnos { margin-top: 50px; border: 1px solid #c0c0c0; width: 350px; height: 80px; font-family: verdana; font-size: 80%; line-height: 1.2em; margin-left: 17px;}
	 em.regnos { font-size: 70%; display: block; margin-left: 17px;}
	 input.regnos { padding: 3px; float: left; margin: 3px 5px; }
	 em.listtitle { margin-left: 17px; font-size: 70%; margin-top: 10px; display: block; overflow: hidden;}
	 em.attendees { padding-left: 17px; padding-right: 12px;}
	 
	 /* paginator stylings */
	 ul.paginator { overflow: hidden; float: right; padding-right: 17px;}
	 ul.paginator li { float: right; list-style-type: none; }
	 ul.paginator li a { display: block; width: 18px; height: 18px; line-height: 18px; font-style: normal; margin: 0 2px; text-align: center; cursor: pointer; color: #000;}
	 ul.paginator li.selected a { color: #fff; background-color: #598e9e; }
	 ul.paginator li.hide { visibility: hidden; }

	ul#timesList { width: 55%; }
	ul#timesList li li.delete { width: 12%; }
	 ul.smallList, ul.largeList { width: 50%; font-size: 70%; float: right;}
	 ul.smallList em, ul.largeList em { display: block; }
	 .clearme:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0.1em; line-height: 0; }
	 ul.largeList { width: 90%; margin: 0 auto; float: none; }
	 ul.largeList li li { width: 24%; float: left; }
	 ul.largeList li.fee, ul.largeList li.invoice { width: 14%; }
	 ul.smallList li, ul.largeList li { list-style-type: none; text-align: center; }
	 ul.smallList img.move { cursor: pointer; }
	 ul.smallList li li { float: left; }
	 ul.smallList li li.name, ul.smallList li li.order  { width: 40%; }
	 ul.smallList li li.date { width: 12%; }
	 ul.smallList li li.order { width: 24%; }
	 li.delete img { cursor: pointer; }
	 ul.smallList li.top li.datename { padding:0; }
	 ul.smallList li li.datename { width: 40%; padding-top: 5px;}
	 ul li li.delete { width: 20%; }
	 ul.smallList li li.catname { width: 80%; text-align: left; text-indent: 10px;}
	 ul.largeList li li.regno { width: 80%; text-align: left; text-indent: 10px;}
	 ul.smallList ul, ul.largeList ul { clear: left; padding: 5px 6px; }
	 ul.smallList ul.two, ul.largeList ul.two { border: 1px solid #bbb; border-width: 1px 0; background-color: #eaeaea; }
	 ul.smallList li.top, ul.largeList li.top { font-weight: bold; }
	 ul.smallList li.delete img { display: block; margin-top: 25%; margin: 0 auto; }
	 ul.smallList li input.rename { width: 80%; display: block; margin: 0 auto; border: 1px solid #c0c0c0;}
	 a.dp-choose-date { display: block; width: 80px; clear: left; margin-left: 85px; }