﻿/* html elements */

.adminlinks a {display:block}

dl {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #bababa;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	position: relative;
}

dt {
	position: absolute;
	left: 0;
}

dd {
	margin-left: 150px;
	height: 2.0em;
}

ul {
	list-style-type: none;
	list-style-image: url(images/bullet-2.gif);
	list-style-position: outside;
	/*line-height: 2.1em;*/
	vertical-align: middle;
	/*margin-left: 1.25em;*/
	
}

/* classes */



.album-frame 
{
	/*width:200px;*/
}
.album-frame .topx----,
.album-frame .top----x,
.album-frame .botx----,
.album-frame .bot----x {
	height: 14px;
	width: 14px;
}

.album-frame .top-x--- {
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}
.album-frame .top--x-- {
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .top---x- {
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}

.album-frame .mtpx---- {
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}
.album-frame .mtp----x {
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}

.album-frame .midx---- {
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}
.album-frame .mid----x {
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}

.album-frame .mbtx---- {
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}
.album-frame .mbt----x {
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}

.album-frame .bot-x--- {
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}
.album-frame .bot--x-- {
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .bot---x- {
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}



/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}
.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}


.bodybgcol 
{
	/*background-image: url(images/background.gif);*/
	/*BACKGROUND-IMAGE: url(/gallery/App_Themes/White/Images/body-repeat-photo.gif);
	BACKGROUND-REPEAT: repeat-y;*/
	height:400px;
	/*width:525px;*/
	margin: 0;
	padding: 0;
	vertical-align:top;
}


.buttonbar {
	/*background-image: url(/gallery/App_Themes/White/images/photonav-bg.gif);
	background-repeat: repeat-x;*/
	margin-left: 8px;
	margin-right: 0px;
	padding-top: 4px;
	/*width: 500px;*/
	height: 33px;
	text-align: center;
}

/*.buttonbar-top {
	background-image: url(/gallery/App_Themes/White/images/photonav-top-bg.gif);
}

.column {
	background-image: url(/gallery/App_Themes/White/images/content-shim.gif);
}

.gradient {
	background-image: url(/gallery/App_Themes/White/images/content-shim-photo.gif);*/
}


.emptydata td {
	padding: 50px;
	color: #aeaeae;
}
.footeralbumbg {
	background-image: url(/gallery/App_Themes/White/images/footer-side.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 75px;
	text-align: center;
	/*width:500px;*/
}
.footeralbum {
	/*background-image: url(/gallery/App_Themes/White/images/footer.gif);
	background-repeat: no-repeat;*/
	
	width: 450px;
	height: 75px;
	text-align: left;
	font-size: 10px;
}





.header {
	/*background-image: url(/gallery/App_Themes/White/Images/header.gif);
	background-repeat: no-repeat;*/
	
	/*width: 500px;*/
	height: 81px;
	text-align:right;
	/*margin-left: auto;
	margin-right: auto;*/
}


.item {
	padding: 20px 0px;
	color: #B2B2B2;
}

.item h4 {
	margin-bottom: 0.4em;
}
.link {
	list-style-image: url(images/bullet-1.gif);
}
.login .label {
	display:block;
}

.login .textbox {
	border: 1px solid #929292;
	width: 140px;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
}

.login .button {
	display:block;
	margin-top:8px;
	margin-bottom:8px;
}



.menua {
	margin-top:15px;
	background-image: url(/gallery/App_Themes/White/images/background.gif);
	text-transform: uppercase;
	font-size: 10px;
}

.menua a, .nav a
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}
	
.menua a:visited, .nav a:visited {
	/*color: #d32525;*/
}

.menua td, #ctl00_menuan0
{
	white-space:normal;
	
}


.menub {
	margin: 5px auto 5px auto;
	text-transform: uppercase;
	font-size: 10px;
}

.menub a:visited {
	/*color: #d32525;*/
}









/* album calendar */
.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: white;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}


.nav {

	
	/*width:500px;*/
	margin-top:10px;
	text-transform: uppercase;
	font-size: 10px;
	margin-right:30px;


	
}
.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}

.page 
{
	margin-top:0px;
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	/*width:500px;*/
}

.photo_198 {
	border: 4px solid #FFFFFF;
}
/* Photo Border for All Pages Except the Albums Page */

.photo-frame .topx-- {
	background-image: url(Images/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-image: url(Images/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-image: url(Images/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-image: url(Images/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}
.photo-frame .mid--x {
	background-image: url(Images/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}

.photo-frame .botx-- {
	background-image: url(Images/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-image: url(Images/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-image: url(Images/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

				/* 1.1 SHIM */

.shim {
	background-repeat: no-repeat;
	
	width: 500px;

	height: 8px;
	font-size: 0;
}




.solid {
	background-image: url(/gallery/App_Themes/White/images/content-shim-none.gif);
}





 table.photo_album_image td.album_pic
{
	background: url(/gallery/images/albumtrans.gif) no-repeat;
	padding: 24px 16px 15px 21px;
}
 table.photo_album_image td.img_count
{
	padding: 3px 0 0;
}
table.photo_album_image td.album_pic div.album_image
{
	height: 55px;
	width: 80px;
	margin-top: 20px;
	margin-bottom: 10px;
}
table.photo_album_image td.album_pic img.thumbImg 
{
	width: 60px;
	height:60px;
	border:0px;
}
table.photo_albums td.text p
{
	padding: 0 0 0 5px;
}
 table.photo_albums td
{
	padding-bottom: 20px;
}
 table.photo_albums td div.album_hdr
{
	padding-bottom: 5px;
}
 table.photo_albums td.text
{
	width: 100%;
}
table.photo_albums
{
	margin-top: 20px;
}
table.photo_album_image
{
	text-align: center;
}
.tdbottom img 
{
	width:25px;
}

.textfield {
	border: 1px solid #929292;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
}


.view {
	margin-left: auto;
	margin-right: auto;
	/*width: 500px;*/
	text-align: center;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}
.white th, .white td, .white a 
{
	color:White; font-weight:bold;
	text-align:left;
}





/* ID */

/* 2.1 HOME, RESUME, LINKS, REGISTER, ADMIN/ALBUMS, ADMIN/PHOTOS PAGES */

  #admin-albums, #admin-details, #admin-photos, #getrss, #homediv, #linksdiv, #register, #resume {
	/*background-image: url(images/body-repeat.gif);

	position: relative;*/
	/*width: 500px;*/
	padding: 0px 37px;
	padding-top: 1px; 
	padding-bottom: 40px; 
}

#albums {
	/*background-image: url(/gallery/App_Themes/White/images/body-repeat-photo.gif);*/
	padding:0px 10px 0px 10px;
	padding-bottom: 40px;
	/*width:500px;*/
	/*width: 686px;*/
}

#content {
	/*margin-left: 256px;*/
} 

#coollinks {
	margin-left: 220px;
}

#photos, #details {
	/*background-image: url(images/body-repeat-photo.gif);*/
	padding: 0;
	/*width: 500px;*/
}
#photos .view, #admin-details .view {
	/*margin-top: 20px;*/
	margin-bottom: 20px;
}


#resume h4, #links h4 {
	margin-top: 0;
	border-top: 1px solid #bababa;
	padding-top: 1.0em;
	position: absolute;
	left: 37px;
	width: 214px;
}

#resume #photo {
	position: absolute;
	left: 37px;
	top: 20px;
	width: 214px;
}

#resume .first {
	margin-top: 0;
	border-top: 1px solid #bababa;
	padding-top: 1.5em;
}

#sidebar {
	float: left;
	width: 214px;
	height: 100%;
}



#whatsnew {
	float: left;
	width: 200px;
	height: 100%;
}

