html, body { font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size:11px; background-color:#fff;  margin:0; padding:0; }
img{border: none;}
textarea
{
	resize:none;
}
#page {	width: 980px; margin: 0 auto; padding: 10px 0; position:relative; }
body#splash #header { width:100%; height:56px; background:#fff url(../images/hoz_line_top.jpg) repeat-x bottom; }
body#splash #header h1 { position:absolute; left: -1000px; }
body#splash #footer{ 
	text-align:center;
	color:#000;
	background:url('../images/hoz_line.jpg') x-repeat bottom;
	padding:20px 0px 0px 10px; 
	margin-top:15px;
}
/*------------------------------------ 
          Menu Header
--------------------------------------*/
#menuHeader { background:url(/yearbook/images/hoz_line_top.png) repeat-x bottom; width:100%;   }
#menuHeader h1 { position:absolute; left: -1000px; }
#menuHeader div#menuHeaderProfile { float:right; margin-top:8px; width:300px;}
#menuHeader div#menuHeaderProfile span{ display:block; min-width:60px;}
#content { display:block; text-align:center; }
a:link, a:visited, a:active, a:hover{color:#3B5998;text-decoration:none;}
a:hover{text-decoration:underline; }

* + html .clearfix { display:inline-block;}
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }

#menuHeader2 { width:100%; background-image:url('/yearbook/images/hoz_line_top.png'); 
width:980px; 
height:70px; 
margin-left:0px; 
background-repeat: repeat-x; 
background-position:bottom;  }
#menuHeader2 h1 { position:absolute; left: -1000px; }
#menuHeader2 div#menuHeaderProfile { float:right; margin-top:0px; width:310px; height:70px;}
#menuHeader2 div#menuHeaderProfile span{ display:block; min-width:60px;}

.tab_one
{
	float:left;
	font-weight:bold;
	height:30px;
	padding-top:23px;
	text-align:center;
	width:113px;
	background:url('/yearbook/images/nav_01.jpg') no-repeat top center;
	color:#fff;
	margin-top: 14px; 
}
.tab_one_selected
{
	float:left;
	font-weight:bold;
	height:30px;
	padding-top:23px;
	text-align:center;
	width:113px;
	background:url('/yearbook/images/nav_sel_01.jpg') no-repeat top center;
	color:#fff;
	margin-top: 14px; 
}
.tab_two
{
	float:left;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	background-image:url('/yearbook/images/nav_02.jpg'); width:130px; 		
	padding-top:15px; 
	height:38px;
	margin-top: 14px; 
}
.tab_two_selected
{
	float:left;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	background-image:url('/yearbook/images/nav_sel_02.jpg'); width:130px; 		
	padding-top:15px; 
	height:38px;
	margin-top: 14px; 
}
.tab_three
{
	float:left;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	background-image:url('/yearbook/images/nav_03.jpg'); 
	width:128px; 
	padding-top:22px; 
	height:33px;
	margin-top: 14px; 
}
.tab_three_selected
{
	float:left;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	background-image:url('/yearbook/images/nav_sel_03.jpg'); 
	width:128px; 
	padding-top:22px; 
	height:33px;
	margin-top: 14px; 
}
.tab_four
{
	float:left;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	background-image:url('/yearbook/images/nav_04.jpg'); 
	width:116px; 
	padding-top:15px; 
	height:40px;
	margin-top: 14px; 
}
.tab_four_selected
{
	float:left;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	background-image:url('/yearbook/images/nav_sel_04.jpg'); 
	width:116px; 
	padding-top:15px; 
	height:40px;
	margin-top: 14px; 
}
.tab_five
{
	float:left;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	background-image:url('/yearbook/images/nav_05.jpg'); 
	width:138px; 
	padding-top:15px; 
	height:40px;	
	margin-top: 14px; 
}
.tab_five_selected
{
	float:left;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	background-image:url('/yearbook/images/nav_sel_05.jpg'); 
	width:138px; 
	padding-top:15px; 
	height:40px;	
	margin-top: 14px; 
}

a.menu_header_link
{
	text-decoration:none;
	color:#FFF;
}
a.menu_header_link:hover
{
	color:#000;
}

/*------------------------------------ 
          Checkout
--------------------------------------*/

.ui-progressbar-value { background-image: url(../css/smoothness/images/pbar-ani.gif); height:60%; }

div#checkout { padding: 0 20px; text-align:left; }
div#checkout h2 { font-size:28px; }
div#checkout fieldset {	width:220px; margin:10px; }
div#checkout fieldset legend { font-weight:bold; color:#000; }
div#checkout label { display:block;	margin-left:15px; text-align:right;}
div#checkout div#billinginfo { margin:0 0 0 50px; }
div#checkout td {  padding:1px; }
div#checkout td input {text-align:left; }
div#checkout td strong { display:block; text-align:left; }
div#checkout label.yes-left {text-align:left;}
div#pricing { padding: 0 65px; text-align:left; }
div#pricing h2 { font-size:45px; text-align:center; }
div#pricing div#packages { background: #fff url(/yearbook/images/pricing-bkgd.png); width:845px; height:220px; }
div#pricing div#packages div { float:left; padding:20px 0 0 20px;  }
div#pricing div#packages div h3 { color:#c1272d; font-size:19px; margin:25px 0 5px; }
div#pricing div#packages div ul { color:#c1272d; font-size:20px; margin:0; padding:6px 0 0 23px; }
div#pricing div#packages div ul span { color:#3B3B3B; font-size:15px; text-align:left; margin:0; font-weight:normal; }
div#pricing div#packages div span { color:#3B3B3B; display:block; font-weight:bold; font-size:12px; text-align:center; margin-bottom:10px; }

div#success { padding: 0 65px; text-align:center; }
div#success h2, div#success h3, div#success h4, div#success h5 { margin:0; padding:0; }
div#success h2 { font-size:48px; color:#c1272d; }
div#success h3 { font-size:48px; color:black; }
div#success h4 { font-size:32px; color:black; }
div#success h5 { font-size:28px; color:#c1272d; }
div#success a { display:block; }

div#reunionCreate { padding: 25px; text-align:left; }
div#reunionCreate h2 { font-size:32px; display:none; }
div#reunionCreate table td.label { text-align:right; vertical-align:top; }
div#reunionCreate table textarea { width: 400px; height:150px; }
div#reunionCreate table input { width: 300px; }

div#reunionUpdate { padding: 25px; text-align:left; }
div#reunionUpdate h2 { font-size:32px; display:none; }
div#reunionUpdate table td.label { text-align:right; vertical-align:top; }
div#reunionUpdate table textarea { width: 400px; height:150px; }
div#reunionUpdate table input { width: 300px; }

div#reunionInviteOthers { padding:10px; text-align:left; }
div#reunionInviteOthers h2 { font-size:32px; display:none; }
div#reunionInviteOthers table td.label { text-align:right; vertical-align:top; }

div#fb_friends_selector { width:500px; border:#bdc7d8 1px solid; height:234px; overflow:auto; }
div#fb_friends_selector span { display:block; padding: 5px; }
div#fb_friends_selector ul { list-style:none; margin:0; padding:0; font-size:9px; }
div#fb_friends_selector ul li { float:left; padding:13px; text-align:center; }
div#fb_friends_selector ul li input { float:left; width:15px;  }
div#fb_friends_selector ul li div { width:50px; height:50px; overflow:hidden; float:left;  }

div#classmate_selector { width:500px; border:#bdc7d8 1px solid; height:234px; overflow:auto; }
div#classmate_selector span { display:block; padding: 5px; }
div#classmate_selector ul { list-style:none; margin:0; padding:0; font-size:9px; }
div#classmate_selector ul li { float:left; padding:13px; text-align:center; }
div#classmate_selector ul li input { float:left; width:15px;  }
div#classmate_selector ul li div { width:50px; height:50px; overflow:hidden; float:left;  }

/*------------------------------------ 
         Reunions
--------------------------------------*/
div#ReunionSum ul{list-style:none; list-style-position:outside; padding:4px; margin:0px;}
div#ReunionSum ul li {padding:5px; color:#595959; font-size:12px;}
div#ReunionSum ul li a{font-weight:bold; padding:0px; margin:0px;}
div#ReunionSum ul li p{padding:0px; margin:0px;}


div#myReunions { padding: 25px; text-align:left; }
div#myReunions h2 { font-size:32px; margin:0; padding:0; }
div#myReunions ul { list-style:none; }
div#myReunions ul li.reunion { width:700px; background: url(/yearbook/images/icon-event.jpg) no-repeat top left; padding-left:40px; margin-bottom:25px; }
div#myReunions ul li.reunion h3{ margin:0; padding:0; font-size:18px; }
div#myReunions ul li.reunion h4{ margin:0; padding:0; font-size:12px; }
div#myReunions ul li.reunion p{ margin:0; padding:0; }
div#myReunions ul li.noreunion h3{ margin:0; padding:0; font-size:25px; text-align:center; }
div#myReunions ul li.noreunion ol{ margin:10px 0 10px 373px; padding:0; text-align:center; }
div#myReunions ul li.noreunion ol li{ text-align:left;  }

div#reunionView { padding: 25px; text-align:left; }
div#reunionView div#reunionContent { float:left; width:700px; }
div#reunionView div#reunionContent h2 { font-size:32px; width:100%; margin:0; padding:0; }
div#reunionView div#reunionContent a#editReunion { float:right; }
div#reunionView div#reunionContent table  { margin: 25px 0; }
div#reunionView div#reunionContent table td.leftTd { font-weight:bold;text-align:right; vertical-align:top; }
div#reunionView div#reunionSidebar { float:right; }
div#reunionView div#reunionSidebar div#rsvp { border:#b4160b 1px solid; height:130px; }
div#reunionView div#reunionSidebar div#rsvp h3 { font-size:32px; color:#b4160b; margin:0; padding:0 0 0 8px; }
div#reunionView div#reunionSidebar div#rsvp ul { list-style:none; padding:0 0 0 25px; }
div#reunionView div#reunionSidebar div#inviteOthers{text-align:center; padding:10px;}
div#reunionView div#reunionSidebar div.reunionSidebarBox { border:#a6a6a6 1px solid; margin:8px 0; min-height:130px; }
div#reunionView div#reunionSidebar div.reunionSidebarBox h3 { margin:0; padding:3px; font-size:12px; color: #5e5e5e;}
div#reunionView div#reunionSidebar div.reunionSidebarBox ul{ list-style:none;  margin:0; padding:0 0 0 6px; width:168px; font-size:9px; }
div#reunionView div#reunionSidebar div.reunionSidebarBox ul li{ float:left; width:50px; height:100px; overflow:hidden; padding:0 2px; }
div#reunionView div#reunionSidebar div.reunionSidebarBox ul li span{ width:50px; height:50px; overflow:hidden; display:block; }

/*------------------------------------ 
My Classmates
icon_location.jpg, icon_book.jpg, icon_education.jpg, icon_classmate.jpg, icon_briefcase.jpg, icon_heart.jpg, icon_birthday.jpg
--------------------------------------*/
div#myClassmates { position:relative; width:625px; text-align:left; float:left; }
div#myClassmates h2 { margin:0; padding:0; font-size:24px; }
div#myClassmates .school-tools { 
position:absolute; 
top:16px; 
right:0px; 
width:173px;
height:32px;
background: #D7D7D7 url(../images/school_dropdown_bg.jpg); }
	div#myClassmates .school-tools a { display:block; text-align:right; }
	div#myClassmates .school-tools select { display:block; margin:8px 0px 0px 7px; width:158px; }
	div#myClassmates ul { 
	list-style:none; 
	margin:20px 0 40px; 
	padding:0px; 
	border-spacing: 0px;
	}
	div#myClassmates ul li.classmate { 
	height:60px; 
	border-top:2px solid #D7D7D7;
	border-spacing: 0px;
	position:relative; 
	
	}
	div#myClassmates ul li.classmate:first-child { border-top:5px solid #D7D7D7;}
	div#myClassmates ul li.classmate span.classmate-pic-big {display:none;}
	div#myClassmates ul li.classmate span.classmate-status {display:none;}
	div#myClassmates ul li.classmate span.classmate-birthday {display:none;}
	div#myClassmates ul li.classmate span.classmate-relationship {display:none;}
	div#myClassmates ul li.classmate span.classmate-location {display:none;}
	div#myClassmates ul li.classmate span.classmate-work {display:none;}
	div#myClassmates ul li.classmate span.classmate-education {display:none;}
	div#myClassmates ul li.classmate:hover { background:#DDE4EC; }
		div#myClassmates ul li.classmate div.classmate-pic { position:absolute; top:5px; left:5px; width: 50px; height:50px; }
		div#myClassmates ul li.classmate div.classmate-name { position:absolute; top:5px; left:65px; width: 400px; height:50px; color:#3A5A97; font-size:12px; font-weight:bold; }
		div#myClassmates ul li.classmate div.classmate-tools { position:absolute; top:5px; right:5px; width: 130px; text-align:right; display:none; }
		div#myClassmates ul li.classmate div.classmate-tools a { }
		div#myClassmates ul li.classmate div.classmate-tools img { vertical-align:text-bottom; }
			div#myClassmates ul li.classmate div.classmate-tools span.classmate-not { cursor:pointer; }
			div#myClassmates ul li.classmate div.classmate-tools span.classmate-edit { cursor:pointer; }
			div#myClassmates ul li.classmate div.classmate-tools span.classmate-remove { cursor:pointer; }
		div#myClassmates ul li.classmate div.classmate-add { position:absolute; bottom:15px; left:65px; width: 300px; }
		div#myClassmates ul li.classmate div.classmate-add a.classmate-add-link {}
		div#myClassmates ul li.classmate div.classmate-add a.classmates-incommon {}
		div#myClassmates ul li.classmate ol.classmate-icons { list-style:none; margin:0; padding:0; position:absolute; bottom:0px; right:0px; width:210px; }
			div#myClassmates ul li.classmate ol.classmate-icons li { float:left; width:30px; height:30px; border: none; cursor:pointer; }
			
			div#myClassmates ul li.classmate ol.classmate-icons li.classmate-icons-book { background: url(/yearbook/images/icon_book_small.png) no-repeat; }
			div#myClassmates ul li.classmate ol.classmate-icons li.classmate-icons-classmates { background: url(/yearbook/images/icon_classmate_small.png) no-repeat; }
			div#myClassmates ul li.classmate ol.classmate-icons li.classmate-icons-birthday { background: url(/yearbook/images/icon_birthday_small.png) no-repeat; }
			div#myClassmates ul li.classmate ol.classmate-icons li.classmate-icons-heart { background: url(/yearbook/images/icon_heart_small.png) no-repeat; }
			div#myClassmates ul li.classmate ol.classmate-icons li.classmate-icons-location { background: url(/yearbook/images/icon_location_small.png) no-repeat; }
			div#myClassmates ul li.classmate ol.classmate-icons li.classmate-icons-education { background: url(/yearbook/images/icon_education_small.png) no-repeat; }
			div#myClassmates ul li.classmate ol.classmate-icons li.classmate-icons-briefcase { background: url(/yearbook/images/icon_briefcase_small.png) no-repeat; }
			
			div#myClassmates ul li.classmate ol.classmate-icons li.classmate-icons-book:hover { background: url(/yearbook/images/icon_book.png) no-repeat; }
			div#myClassmates ul li.classmate ol.classmate-icons li.classmate-icons-classmates:hover { background: url(/yearbook/images/icon_classmate.png) no-repeat; }
			div#myClassmates ul li.classmate ol.classmate-icons li.classmate-icons-birthday:hover { background: url(/yearbook/images/icon_birthday.png) no-repeat; }
			div#myClassmates ul li.classmate ol.classmate-icons li.classmate-icons-heart:hover { background: url(/yearbook/images/icon_heart.png) no-repeat; }
			div#myClassmates ul li.classmate ol.classmate-icons li.classmate-icons-location:hover { background: url(/yearbook/images/icon_location.png) no-repeat; }
			div#myClassmates ul li.classmate ol.classmate-icons li.classmate-icons-education:hover { background: url(/yearbook/images/icon_education.png) no-repeat; }
			div#myClassmates ul li.classmate ol.classmate-icons li.classmate-icons-briefcase:hover { background: url(/yearbook/images/icon_briefcase.png) no-repeat; }

	div#myClassmates ul li.classmate-recent { position:relative; height:60px; border-top:2px solid #D7D7D7; }
	div#myClassmates ul li.classmate-recent span.classmate-pic-big {display:none;}
	div#myClassmates ul li.classmate-recent span.classmate-status {display:none;}
	div#myClassmates ul li.classmate-recent span.classmate-birthday {display:none;}
	div#myClassmates ul li.classmate-recent span.classmate-relationship {display:none;}
	div#myClassmates ul li.classmate-recent span.classmate-location {display:none;}
	div#myClassmates ul li.classmate-recent span.classmate-work {display:none;}
	div#myClassmates ul li.classmate-recent span.classmate-education {display:none;}
	div#myClassmates ul li.classmate-recent:hover { background:#DDE4EC; }
		div#myClassmates ul li.classmate-recent div.classmate-pic { position:absolute; top:5px; left:5px; width: 50px; height:50px; }
		div#myClassmates ul li.classmate-recent div.classmate-name { position:absolute; top:5px; left:65px; width: 400px; height:50px; color:#3A5A97; font-size:12px; font-weight:bold; }
		div#myClassmates ul li.classmate-recent div.classmate-tools { position:absolute; top:5px; right:5px; width: 130px; text-align:right; display:none; }
		div#myClassmates ul li.classmate-recent div.classmate-tools a { }
		div#myClassmates ul li.classmate-recent div.classmate-tools img { vertical-align:text-bottom; }
			div#myClassmates ul li.classmate-recent div.classmate-tools span.classmate-not { cursor:pointer; }
			div#myClassmates ul li.classmate-recent div.classmate-tools span.classmate-edit { cursor:pointer; }
			div#myClassmates ul li.classmate-recent div.classmate-tools span.classmate-remove { cursor:pointer; }
		div#myClassmates ul li.classmate-recent div.classmate-add { position:absolute; bottom:15px; left:65px; width: 300px; }
		div#myClassmates ul li.classmate-recent div.classmate-add a.classmate-add-link {}
		div#myClassmates ul li.classmate-recent div.classmate-add a.classmates-incommon {}
		div#myClassmates ul li.classmate-recent ol.classmate-icons { list-style:none; margin:0; padding:0; position:absolute; bottom:0px; right:0px; width:210px; }
			div#myClassmates ul li.classmate-recent ol.classmate-icons li { float:left; width:30px; height:30px; border: none; cursor:pointer; }
			
			div#myClassmates ul li.classmate-recent ol.classmate-icons li.classmate-icons-book { background: url(/yearbook/images/icon_book_small.png) no-repeat; }
			div#myClassmates ul li.classmate-recent ol.classmate-icons li.classmate-icons-classmates { background: url(/yearbook/images/icon_classmate_small.png) no-repeat; }
			div#myClassmates ul li.classmate-recent ol.classmate-icons li.classmate-icons-birthday { background: url(/yearbook/images/icon_birthday_small.png) no-repeat; }
			div#myClassmates ul li.classmate-recent ol.classmate-icons li.classmate-icons-heart { background: url(/yearbook/images/icon_heart_small.png) no-repeat; }
			div#myClassmates ul li.classmate-recent ol.classmate-icons li.classmate-icons-location { background: url(/yearbook/images/icon_location_small.png) no-repeat; }
			div#myClassmates ul li.classmate-recent ol.classmate-icons li.classmate-icons-education { background: url(/yearbook/images/icon_education_small.png) no-repeat; }
			div#myClassmates ul li.classmate-recent ol.classmate-icons li.classmate-icons-briefcase { background: url(/yearbook/images/icon_briefcase_small.png) no-repeat; }
			
			div#myClassmates ul li.classmate-recent ol.classmate-icons li.classmate-icons-book:hover { background: url(/yearbook/images/icon_book.png) no-repeat; }
			div#myClassmates ul li.classmate-recent ol.classmate-icons li.classmate-icons-classmates:hover { background: url(/yearbook/images/icon_classmate.png) no-repeat; }
			div#myClassmates ul li.classmate-recent ol.classmate-icons li.classmate-icons-birthday:hover { background: url(/yearbook/images/icon_birthday.png) no-repeat; }
			div#myClassmates ul li.classmate-recent ol.classmate-icons li.classmate-icons-heart:hover { background: url(/yearbook/images/icon_heart.png) no-repeat; }
			div#myClassmates ul li.classmate-recent ol.classmate-icons li.classmate-icons-location:hover { background: url(/yearbook/images/icon_location.png) no-repeat; }
			div#myClassmates ul li.classmate-recent ol.classmate-icons li.classmate-icons-education:hover { background: url(/yearbook/images/icon_education.png) no-repeat; }
			div#myClassmates ul li.classmate-recent ol.classmate-icons li.classmate-icons-briefcase:hover { background: url(/yearbook/images/icon_briefcase.png) no-repeat; }


div#inCommonClassmateDialog { position:relative; width:450px; padding:0 10px 50px; text-align:left; }
div#inCommonClassmateDialog ul { list-style:none; margin:20px 0 40px; padding:0; }
	div#inCommonClassmateDialog ul li.classmate { position:relative; height:60px; border-top:2px solid #D7D7D7; }
	div#inCommonClassmateDialog ul li.classmate:hover { background:#DDE4EC; }
		div#inCommonClassmateDialog ul li.classmate div.classmate-pic { position:absolute; top:5px; left:5px; width: 50px; height:50px; }
		div#inCommonClassmateDialog ul li.classmate div.classmate-name { position:absolute; top:5px; left:65px; width: 400px; height:50px; color:#3A5A97; font-size:12px; font-weight:bold; }
		div#inCommonClassmateDialog ul li.classmate div.classmate-tools { display:none; }
		div#inCommonClassmateDialog ul li.classmate div.classmate-add { display:none; }
		div#inCommonClassmateDialog ul li.classmate ol.classmate-icons { display:none; }
		div#inCommonClassmateDialog ul li.classmate span.classmate-pic-big {display:none;}
		div#inCommonClassmateDialog ul li.classmate span.classmate-status {display:none;}
		div#inCommonClassmateDialog ul li.classmate span.classmate-birthday {display:none;}
		div#inCommonClassmateDialog ul li.classmate span.classmate-relationship {display:none;}
		div#inCommonClassmateDialog ul li.classmate span.classmate-location {display:none;}
		div#inCommonClassmateDialog ul li.classmate span.classmate-work {display:none;}
		div#inCommonClassmateDialog ul li.classmate span.classmate-education {display:none;}
			
div#editClassmateDialog {}
div#editClassmateDialog div#editClassmatePic {float:left;}
div#editClassmateDialog p {float:left; margin-left:10px;}
div#editClassmateDialog ol{ list-style:none;}
div#editClassmateDialog form { clear:both; border-top:2px solid #D7D7D7;}

div#assignClassmateDialog {}
div#assignClassmateDialog div#assignClassmatePic {float:left;}
div#assignClassmateDialog p {float:left; margin-left:10px;}
div#assignClassmateDialog ol{ list-style:none;}
div#assignClassmateDialog form { clear:both; border-top:2px solid #D7D7D7;}

.assign-classmate {}
.assign-classmate .assign-classmate-pic { float:left; }
.assign-classmate p { float:left; margin-left:10px; }
.assign-classmate ol { list-style:none; }
.assign-classmate form { clear:both; border-top:2px solid #D7D7D7; }

div#profileClassmateDialog {width:800px; display:none;}
div#profileClassmateDialog .profile-pic{ width:210px; float:left; overflow:hidden;}
div#profileClassmateDialog .profile-pic span.profile-pic-pic{ display:block; max-height:200px; max-width:200px; overflow:hidden;}
div#profileClassmateDialog .profile-pic span.profile-add-classmate{ display:block;padding:15px;}
div#profileClassmateDialog div#profileInfo{ float:left;width:565px;}
div#profileClassmateDialog div#profileInfo h3{margin:0 0 20px; padding:0; font-size:22px; width:545px;}
div#profileClassmateDialog div#profileInfo ul {list-style:none;margin:0;padding:0;}
div#profileClassmateDialog div#profileInfo table{ width: 545px;}
div#profileClassmateDialog div#profileInfo td.profile-td-left{ text-align: right; vertical-align:text-top; width:165px;}
div#profileClassmateDialog div#profileInfo td.profile-td-left strong{ font-size:14px; }
div#profileClassmateDialog div#profileInfo td.profile-td-right{ vertical-align:text-top;}
div#profileClassmateDialog div#profilePublish{clear:both;float:left;margin:0px 10px;width:200px;}
div#profileClassmateDialog div#profilePublish p{ text-align:left; }
div#profileClassmateDialog div#profilePublish textarea{ width: 190px; height:40px; }
div#profileClassmateDialog div#profileNext{background:url("/yearbook/images/btn_next.jpg") no-repeat right;height:30px;cursor:pointer;}
div#profileClassmateDialog div#profileNext span.profile-pic-small{display:block;padding-right:105px;margin:0px;}


div#latestBuzzOuter { width:232px; padding:3px;}
div#latestBuzzInner { width:100%; background:#fff;}
div#latestBuzzInner h3{ margin:0; padding:0; padding:5px; background:none repeat scroll 0 0 #EBEBEB; font-size:13px;}
div#latestBuzzInner ul{ margin:0; padding:0; list-style:none; height:200px; overflow:hidden;}
div#latestBuzzInner ul li { padding:4px 8px; text-align:left;}
div#latestBuzzInner ul li span.latest-buzz-pic{display:block; float:left; width: 30px;}
div#latestBuzzInner ul li span.latest-buzz-status{ display:block; float:left; width: 175px; overflow:hidden;}
div#latestBuzzInner h3 a{display:block; height:12px; width:37px; outline:none;}
div#latestBuzzInner h3 a.middle{ float:right; width:145px; color:black;}
div#latestBuzzInner h3 a.up{ margin-top:3px; float:right; background:url(/yearbook/images/btn_up_not_selected.png) no-repeat center center;}
div#latestBuzzInner h3 a.up:hover{background:url(/yearbook/images/btn_up_selected.png) no-repeat center center;}
div#latestBuzzInner h3 a.down{ margin-top:3px; float:left; background:url(/yearbook/images/btn_down_not_selected.png) no-repeat center center;}
div#latestBuzzInner h3 a.down:hover{background:url(/yearbook/images/btn_down_selected.png) no-repeat center center;}

div#addClassmatesOuter { width:214px; padding:3px; }
div#addClassmatesInner { width:100%; background:#fff; padding-bottom:10px; background:#ebebeb;}
div#addClassmatesInner h3{ margin:0; padding:0; padding:5px;}

.tab_on,.tab_off, .large_tab_on, .large_tab_off
{
	float:left;
	font-weight:bold;
	height:22px;
	padding-top:12px;
	text-align:center;
	width:82px;
}
.tab_off
{
	background:url('../images/unselected-tab.jpg') no-repeat top center;
}

.tab_on
{
	background:url('../images/selected-tab.jpg') no-repeat top center;
}

.large_tab_on
{
	/*width:130px;
	background:url('../images/tab_long_on.jpg') no-repeat bottom center;
	*/
	padding-top: 6px; 
	background:url('../images/selected-tab.jpg') no-repeat bottom center;
	height: 28px;
	width: 82px;
	line-height:12px;
}

.large_tab_off
{
	/*
	width:130px;
	background:url('../images/tab_long_off.jpg') no-repeat bottom center;	
	*/
	padding-top:6px; 
	background:url('../images/unselected-tab.jpg') no-repeat bottom center;
	
	height: 28px;
	width: 82px;
	line-height:12px;

}

textarea, .inputtext, .inputpassword 
{
	border:1px solid #BDC7D8;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	padding:3px;

}
#footer
{
	text-align:center;
	color:#000;
	background:url(/yearbook/images/hoz_line.jpg) repeat-x top center;
	padding:20px 0px 0px 10px; 
	margin-top:15px;
}
#footer2
{
	text-align:center;
	color:#000;
	padding:10px 0px 0px 10px; 
	margin:0px;
}
.inner_book_picture
{
	background:url('../images/yb_pic_frame.png') no-repeat center;
	height:87px;
	width:87px;
	float:left;
	padding:8px;
	text-align:center;
}
.inner_book_picture_small
{
	background:url('../images/yb_pic_frame_small.jpg') no-repeat center;
	float:left;
	height:84px;
	text-align:center;
	width:65px;
	margin-right:9px;
	line-height:13px;
	cursor:pointer;
	position:relative;
}
.inner_book_picture_small_remove
{
	display:none;
	position:absolute;
	right:1px;
	top:4px;
	width:13px;
	height:13px;
	background: url(/yearbook/images/close.gif) no-repeat;
}
.book_page_remove
{
	position:absolute;
	right:50px;
	top:25px;
	width:15px;
	height:15px;
	background: url(/yearbook/images/close.gif) no-repeat;
	cursor: pointer;
}
.inner_book_picture_large
{
	background:url('../images/yb_pic_frame_large.jpg') no-repeat center;
	float:left;
	height:180px;
	padding:8px;
	text-align:center;
	width:270px;	
	margin-bottom: 4px;
	margin-top: 5px;
}
.large_book_picture{width:200px;height:200px;padding:60px 0px 0px 0px;}
.outer_book_box_left{float:left;width:330px;padding-top:10px;padding-left:20px;}
.outer_book_box_right{float:left;width:310px;padding-top:10px;margin-left:0px;padding-left:0px;}
.main_book{background:url('../images/yearbook-book-bg.jpg') no-repeat center;width:701px;height:388px;}
.large_book_picture_viewer{width:175px;height:174px;float:right;padding:15px 30px 18px 11px;}
.bookcover, .clear_pop, .bookcover_pop
{
	width:731px;
	height:420px;
	overflow:hidden;
	background-color:#ffffff;	
	margin-right: 30px;
}
.clear_pop, .bookcover_pop
{
	position:absolute;
	z-index:2;
	top:71px;
	left:117px;
	border-left: 1px solid #666666;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;	
	height:515px;
}


.bookcover, .bookcover_pop
{
	background:url('../images/bookcover.jpg') no-repeat top center;
	background-color:#ffffff;

}
.book, .book2
{
	width:701px;
	height:390px;
	overflow:hidden;	
	padding-left:30px;
	text-align: left;
	position: relative;
}

.book
{
	background:url('../images/yearbook-book-bg_corners.png') no-repeat top center;
	background-color:#ffffff;
}

.book2
{
	background:url('../images/yearbook-book-bg.jpg') no-repeat top center;
	background-color:#ffffff;
}

.loading_no_pop, .loading, .loading_pop
{
	color: rgb(102, 102, 102); 
	font-weight: bold; 
	font-size: 18px; 
}

.loading, .loading_pop
{
	border:1px solid black;
	position: absolute; 
	visibility: visible; 
	top: 120px; 
	left: 258px; 
	width: 220px; 
	height: 60px;
	background-color:#ffffff;
	z-index:10;
}
.loading_pop
{
	top: 200px; 
	left: 378px; 
}
.next_button{float:right}
.prev_button{float:left}
.buttons
{	
	position:absolute;
	z-index:2;
	top:390px;
	left:25px;
	width:680px;
}
.buttons_pop
{
	position:absolute;
	z-index:2;
	top:460px;
	left:144px;
	width:680px;	
}
.next_page_button_pop
{
	position:absolute;
	z-index:2;
	top:405px;
	left:787px;
	float:right;
	width:25px;
	height:25px;
	cursor:pointer;
}
.prev_page_button_pop
{
	position:absolute;
	z-index:2;
	top:405px;
	left:150px;
	float:left;
	width:20px;
	height:25px;
	cursor:pointer;
}
.next_page_button
{
	position:absolute;
	z-index:2;
	top:335px;
	left:670px;
	float:right;
	width:25px;
	height:25px;
	cursor:pointer;
}
.prev_page_button
{
	position:absolute;
	z-index:2;
	top:335px;
	left:33px;
	float:left;
	width:20px;
	height:25px;
	cursor:pointer;
}
.open_book
{	
	left:600px;
	position:absolute;
	top:180px;
	cursor:pointer;
}
/*
.cover_photo
{
	height:200px;
	overflow:hidden;
	margin-top:50px;
	width:200px;
}
.cover_name
{
	color:white;
	font-size:24px;
	line-height:22px;
	height:50px;
	overflow:hidden;
	padding-top:30px;
	width:250px;
}
.close
{
	background-color:#6379A7;
	height:50px;
	left:117px;
	position:absolute;
	top:20px;
	width:730px;
	z-index:2;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 2px solid #666666;
}
*/
.yearbook_header
{
	float:left;
	color:white;
	font-size:14px;
	padding-top:14px;
	font-weight:bold;
}
.yearbook_header .classmate-add-link
{
	color:white;
	font-size:11px;
	font-weight:normal;
}
.yearbook_header_picture
{
	float:left;
	padding-left:5px;
	padding-top:5px;
	width:45px;
}
.premium_ad
{
	float:left;
	background:url('../images/premium-ad.png') no-repeat top center;
	padding-top:50px;
	width:175px;	
	height:361px;
	text-align:center;
}

#alert
{
	background-color:#FFFBE2;
	border:1px solid #FFE224;
	font-size:14px;
	height:27px;
	margin-left:30px;
	margin-right:40px;
	margin-top:10px;
	padding-top:10px;
}
.shadow
{
	position:absolute;
	z-index:2;
	top:5px;
	left:100px;
	opacity:0.4;
	filter:alpha(opacity=40);
	width:766px;
	height:610px;
	background-color:#000000;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.shelf_1
{
	background:url('../images/shelf1.png') no-repeat top center;
	width:740px;
	height:192px;
}
.shelf_2
{
	background:url('../images/shelf2.png') no-repeat top center;
	width:740px;
	height:192px;
}
.book_preview
{
	width:121px;
	float:left;	
	margin-right:14px;
	padding-top:80px;
	height:85px; 
	overflow: hidden;	
}
.book_cover
{
	width:110px;
	margin-left:9px;
	cursor:pointer;
	text-align:center;
	color:white;
	font-weight:bold;
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.book_container
{
	width:748px;
	text-align:center;
	height:400px;
	overflow:auto;
	border:1px solid #cccccc;
	float:left;
	margin-right:15px;
}

.advert
{
	left:120px;
	position:absolute;
	top:495px;
	width:728px;
	z-index:2;
}
div#visitors img
{
	vertical-align:middle;
}

/* #stats a:link, #stats a:visited, #stats a:active, #stats a:hover{color:#9B1400;text-decoration:none;} */
.stats_category
{
	color:#9B1400;
	font-size:16px;
	line-height:11px;
	margin-top:21px;
	padding-left:10px;
}

.stats_category_names
{
	font-size:10px;
	color:black;
}

#stats_header
{
	color:#9B1400;
	font-size:22px;
	font-weight:bold;
	padding-top:15px;
	text-align:center;
	width:300px;
}

#stats_content
{
	height:280px;
	overflow:auto;
	width:300px;
}
.stats_multi_view
{
	float:left;
	width:55px;
	text-align:center;
}

/*------------------------------------ 
              Structure
--------------------------------------*/

.generic_container
{
	width:701px;
	padding-left:30px;
	text-align: left;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	color:#5e5e5e;
	padding-bottom:20px;
}

.generic_container h2 { font-size:36px; color:#000; margin:10px 0px 20px 0px; padding:0px; }
.generic_container h3 { font-size:14px; color:#000; margin:0px; padding:10px 0px 3px 0px; }
.section_header { font-size:18px !important; color:#000 !important; border-bottom: 1px solid #000; margin-bottom:10px !important; }
.column { width: 320px; }
.left { float: left; }
.center { text-align: center; }

#home {
	text-align: left;
}

#home h3 {
	font-size: 26px;
	color: #dc653f;
	text-transform: uppercase;
	margin: 10px 0;
	padding: 0;
	font-family:"Times New Roman";
}

#home ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#home ul li {
	border-top: 1px solid #e0dedf;
}

#home ul li a {
	font-size:14px;
	color: #8c8c8c;
	margin: 0 5px;
}

#home ul#latestNews li {
	border-top: none;
	background: url(../images/news_box.jpg) no-repeat;
	height: 67px;
	padding:10px;
}

#home #potentialClassmates h4 {
	font-family:Times New Roman;
	font-size:14px;
	font-weight:bold;
}

#home #unassignedClassmates h4 {
	font-family:Times New Roman;
	font-size:14px;
	font-weight:bold;
}

.dropdown { position:relative; }
.dropdown-list { list-style: none; margin: 0; padding: 0; background: #fff; border: 1px solid #dadada; color: #818181; }

.dropdown-state { border: 1px solid #dadada; padding: 5px; margin: 2px; cursor: pointer; width: 200px; background: #fff; color: #818181; }
.dropdown-hidden-state { display:none; position: absolute; }
.dropdown-hidden-state .dropdown-list { width:210px; height:200px; left:2px; overflow-x:hidden; overflow-y:scroll; position:absolute; top:-2px; } 

.dropdown-city { border: 1px solid #dadada; padding: 5px; margin: 2px; cursor: pointer; width: 200px; background: #fff; color: #818181; }
.dropdown-hidden-city { display:none; position: absolute; }
.dropdown-hidden-city .dropdown-list { left:2px; overflow:hidden; position:absolute; top:-2px; width:355px; }
.dropdown-list-city { display:none; top:25px !important; overflow:auto !important; position:absolute; top:28px; height: 175px; }

.dropdown-school { border: 1px solid #dadada; padding: 5px; margin: 2px; cursor: pointer; width: 100px; }
.dropdown-hidden-school { display:none; position: absolute; }
.dropdown-hidden-school .dropdown-list { width:565px; left:2px; overflow:hidden; position:absolute; top:31px; }
.dropdown-list-school { display:none; top:56px; overflow:auto !important; position:absolute; top:28px; height: 162px; }

.dropdown-disabled { color: #dadada; }

.dropdown-selected { border: 1px solid #dadada; padding: 5px; margin: 2px; cursor: pointer; }
.dropdown-arrow { float:right !important; width: 10px; height: 5px; padding: 0; margin: 5px 0 0; background: url(../images/down_arrow_unselected.jpg) no-repeat; cursor: pointer; }
.dropdown-arrow:hover { float:right !important; width: 10px; height: 5px; padding: 0; margin: 5px 0 0; background: url(../images/down_arrow.jpg) no-repeat; cursor: pointer; }
.dropdown-arrow-selected { float:right !important; width: 10px; height: 5px; padding: 0; margin: 5px 0 0; background: url(../images/down_arrow.jpg) no-repeat; cursor: pointer; }
.dropdown-hidden {  }

.dropdown-list .dropdown-list-item { padding-left:5px !important; font-size:14px; }
.dropdown-list .dropdown-list-item-letter { float:left; padding-left:2px !important; padding-right:2px !important; font-size:14px; }
.dropdown-list .dropdown-list-item-hover { }
.dropdown-list .dropdown-list-item-hover:hover { background: #cccaca; color: #000; cursor: pointer; }
.dropdown-list .dropdown-list-item-hover-also { padding: 5px !important; color: #111111; font-size: 10px; }
.dropdown-list .dropdown-list-item-hover-also:hover { cursor: pointer; padding: 5px !important; background: #9b9797 url(../css/blitzer/images/ui-bg_highlight-hard_100_9b9797_1x100.png) 50% 50% repeat-x; color: #111111; } 
.dropdown-list .dropdown-list-item-disabled { color: #dadada; cursor: arrow; }

.dropdown-value { display: none; }

/*------------------------------------ 
              Forms
--------------------------------------*/

.generic_form label { display:inline-block; line-height:18px; vertical-align:top; width:120px; }
.generic_form ol, .generic_form ul { margin:0; padding:0; list-style:none; }
.generic_form li { padding:5px; margin:0; }
.generic_form .submit { padding-left:120px; }
.generic_form .submit img { margin-top: 20px; width: 85px; }

#school_suggestion_state_text { display: none; }
#label_state_text { display: none; }
#schoolSuggestion h3, #schoolSuggestion h2 { color: #616060 !important; }
/*------------------------------------ 
              Buttons
--------------------------------------*/

.facebookBlueButton {
	background-color:#3b5998;
	border-bottom:#333333 solid;
	border-right:#333333 solid;
	border-width:1px;
	font-weight:bold;
	text-align:center;
	color:white;
	padding: 1px 2px;
	margin:0;
   	width:auto;
   	overflow:visible;
   	font-size:9pt;
   	cursor:pointer;
}

.facebookWhiteButton {
	background-color:#f0f0f0;
	border-bottom:#333333 solid 1px;
	border-right:#333333 solid 1px;
	border-top:#b9b9b9 solid 1px;
	border-left:#b9b9b9 solid 1px;
	text-align:center;
	color:#3b5998;
	font-weight:bold;
	padding: 1px 2px;
	margin:0;
	width:auto;
	overflow:visible;
	font-size:9pt;
	cursor:pointer;
}

.fancy_btn1 { 
	background: url("../images/btn_bg1.png") repeat-x scroll left bottom #FFFFFF; 
	border: 1px solid #CCCCCC; 
	color: #666666; 
	text-align: center; 
	text-decoration: none; 
}

.red-button {
	color:#FFFFFF;
	display:inline-block;
	height:38px;
	line-height:37px;
	text-align:center;
	width:86px;
	font-weight:bold;
	cursor:pointer;
	background: url(../images/modal_btn_red.png);
	position:absolute;
	right:88px;
	bottom:5px;
}

.grey-button {
	color:#FFFFFF;
	display:inline-block;
	height:38px;
	line-height:37px;
	text-align:center;
	width:86px;
	font-weight:bold;
	cursor:pointer;
	background: url(../images/modal_btn_grey.png);
	position:absolute;
	right:10px;
	bottom:5px;
}

/*------------------------------------ 
              Dialogs
--------------------------------------*/

.generic-dialog { display: none; position: absolute; z-index: 1000; top: 0; left: 0; min-width: 600px; min-height:300px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.generic-dialog div.generic-dialog-content { position: relative; border: 1px solid rgb(110, 110, 110);  -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.generic-dialog h2.generic-dialog-title { margin: 0; padding: 5px 0; width:100% height: 30px; background-color: #c2272d; color:white; line-height:1em; text-indent:1em; text-align:left; font-size:1.2em; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; }
.generic-dialog a.generic-dialog-close { position: absolute; top: 12px; right: 15px; color: white; }
.generic-dialog p.generic-dialog-content { min-height: 40px; background-color: white; margin:0; padding:10px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; }
.generic-dialog div.generic-dialog-buttons { display: none; }

.ui-dialog-top { top: 50px !important; }

.ui-dialog-protein-shake { top: 50px !important; position: absolute; padding: .6em; width: 300px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.ui-dialog-protein-shake .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; }
.ui-dialog-protein-shake .ui-dialog-content { color: #fff; position: relative; border: 0; padding: .5em 1em; background: none; zoom: 1; background: #616060; -moz-border-radius: 0 0 20px 20px; -webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; }

.ui-dialog-white-shake { top: 50px !important; position: absolute; padding: 1em; width: 300px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background: #616060; }
.ui-dialog-white-shake .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; -moz-border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; }
.ui-dialog-white-shake .ui-dialog-content { color: #fff; position: relative; border: 0; padding: 0 !important; background: none; zoom: 1; background: #616060; -moz-border-radius: 0 0 20px 20px; -webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; }