/* CSS Document */
body { 
	text-align: center;
	background-image: url(../images/body_bg.gif);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 100%;
}
p { margin: 0 0 15px 0; }
code { background-color: #eee; }

h3, h3 select, h3 input {
	color: #1166a1;
	font-size: 16px;
	font-weight: bold;
}

a { outline: none; }
a:link, 
a:visited { color: #0c85cc; text-decoration: none; }
a:hover { color: #4fa410; text-decoration: underline; }
a.more:before { content: "\00bb  "; }

li.info {
	display: list-item;
	list-style: disc;
	margin-left: 30px;
}

li.info2 {
	display: list-item;
	list-style: circle;
	margin-left: 60px;
}

/* Various */
.red { color: #c00; }
.green { color: #0a0; }
.left { float: left; }
.right { float: right; }
.error { color: #c00; font-weight: bold;}

label { color: #aaa; font-size: 18px; }
label.column { display: block; width: 120px; float: left; }

label.descriptionNoCol { 
	display: block;        
	margin: 0px 0px 10px 10px;
	font-size: 16px;
}
label.description { 
	display: block;        
	margin: 0px 0px 10px 120px;
	font-size: 16px;
}

label.buttontip { 
	display: block; 
	float: left;
	font-size: 16px;
}

/* Prototip.css */
.tooltip { width: 200px; color: #4d890a;}
.tooltip .title { background: #0F6788; font: italic 17px Georgia, serif; padding: 5px;}
.tooltip .content { background: #c3e49f; font-size: 13px; border: 1px solid #4fa410; padding: 5px;}

/* Tools for layout */
.clearer { clear: both; }
br.clearer { display: block; height: 1px; visibility:hidden; }

/* Visual Effects */
a.fadeable:link, 
a.fadeable:visited { -moz-opacity: 0.6; filter: alpha(opacity=60); opacity: 0.6;}
a.fadeable:hover, 
a.fadeable:active { -moz-opacity: 1.0; filter: alpha(opacity=100); opacity: 1.0; }

/* Header & Header Elements */
div#header { position: relative; height: 135px; }
/*
a#logo { display: block; position: absolute; top: 10px; left: 7px;
	background: url(../images/header_logo.gif) no-repeat; width: 197px; height: 72px; }

a#my_hubunity { display: block; width: 135px; height: 36px; background: url(../images/button_my_hubunity.gif) no-repeat; 
	overflow: hidden; text-indent: -9999px; position: absolute; left: 15px; top: 2px; }
*/
a#login_button { background: url(../images/button_login.gif); position: absolute; top: 7px; right: 88px; }
a#register_button { background: url(../images/button_register.gif); position: absolute; top: 7px; right: 5px; }
/*
a#account_button { background: url(../images/button_account.gif); position: absolute; top: 45px; right: 5px; }
a#logout_button { background: url(../images/button_logout.gif); position: absolute; top: 7px; right: 5px; }
*/

a#logo { display: block; position: absolute; top: 5px; left: 7px;
	background: url(../images/header_logo.gif) no-repeat; width: 197px; height: 72px; }

a#my_hubunity       { z-index: 100;background: url(../images/MyhubunityButton.jpg) no-repeat;position: absolute; top: 37px; right: 94px; }
a#favorites_button  { z-index: 100;background: url(../images/FavoritesButton.jpg) no-repeat; position: absolute; top: 37px;  right:12px; }
a#search_button     { z-index: 100;background: url(../images/SearchButton.jpg) no-repeat; position: absolute; top: 37px;  right:12px; }
a#account_button    { z-index: 100;background: url(../images/AccountButton.jpg) no-repeat;   position: absolute; top: 60px; right: 94px; }
a#logout_button     { z-index: 100;background: url(../images/LogoutButton.jpg) no-repeat;    position: absolute; top: 60px;  right:12px; }

div#welcome_container { 
	font-size: 12px; 
	position: absolute; right: 3px; top: 5px; 
	color: #1682cc; background: url(../images/user_bg.gif) no-repeat;
	width: 200px; height: 82px; 
	margin: 0 3px 0 0;
	z-index: 99;
}
div#welcome_container #user_full_name { font-weight: bold; color: #76c121; }

/*
div#welcome_container p:after { content: "!"; }
*/

div#welcome_container p {
	margin: 6px 0px 0 6px;
	text-align: center;
}

/*
div#welcome_container { font-size: 12px; position: absolute; right: 120px; top: 15px; color: #1682cc; }
div#welcome_container #user_full_name { font-weight: bold; color: #76c121; }
div#welcome_container:after { content: "!"; }
*/
#login_form #username, 
#login_form #password { font-size: 20px; padding: 0 0 0 5px; }
//div#forgotten_password { position: absolute; left: 250px; top: 0px; }
div#beta_agreement { position: absolute; left: 250px; top: 0px; }
div#beta_agreement_details { 
	border-left: 1px solid #c8ccd1;
	border-right: 1px solid #c8ccd1;
	border-top: 1px solid #c8ccd1;
	border-bottom: 1px solid #c8ccd1;
	padding: 2px;
    height: 100px;
    width: 300px;
    font-size: 12px;
	overflow: scroll;
}

/* Main Navigation */
div#main_menu { position: absolute; top: 85px; width: 775px; height: 45px; 
	background: url(../images/main_menu.gif); }
ul#main_menu_options li { float: left; }
ul#main_menu_options li a.main_menu_option { position: relative; float: left; display: block;
	height: 45px; text-indent: -9999px; background: url(../images/main_menu.gif); position: absolute; }
ul#main_menu_options li a#menu_community {left: 45px; width: 184px; background-position: -45px 0px;}
ul#main_menu_options li a#menu_community:hover {background-position: -45px 45px;}
ul#main_menu_options li a#menu_groups {left: 241px; width: 123px; background-position: -241px 0px;}
ul#main_menu_options li a#menu_groups:hover {background-position: -241px 45px;}
ul#main_menu_options li a#menu_schools {left: 375px; width: 131px; background-position: -375px 0px;}
ul#main_menu_options li a#menu_schools:hover {background-position: -375px 45px;}
ul#main_menu_options li a#menu_bulletin {left: 517px; width: 214px; background-position: -517px 0px;}
ul#main_menu_options li a#menu_bulletin:hover {background-position: -517px 45px;}

/* Main Layout */
div#shadow { margin: auto; width: 829px; background-image: url(../images/container_shadow.png); }
div#shadow_bottom { margin: auto; width: 829px; background-image: url(../images/container_shadow_bottom.png);
	height: 25px; }
div#outer_container { position: relative; width: 775px; margin: auto; background-color: #fff;
	text-align: left; }
div#outer_container > p { padding: 0 10px 0 10px; }
div#footer { height: 21px; padding: 9px 0 0 0; margin: 15px 0 0 0; color: #999; text-align: center;
	font-size: 12px; background: url(../images/footer_bg.gif) repeat-x; }
div#breadcrumb { margin-left: 10px; color: #666; font-size: 12px; }
div#breadcrumb a:link, 
div#breadcrumb a:visited { font-size: 16px; }
h1.object_name { text-transform: capitalize; margin-left: 10px; font-size: 30px; font-weight: bold; color: #1166a1; }

/* Administrative Alerts */
div#administrative_alerts_container { margin: 5px 10px 15px 10px; padding: 5px; background-color: #fcc;
	border: 1px solid #a22; }
.administrative_alert { color: #a22; margin: 5px 0 5px 0; }

/* Content Without Panels (Utility Pages, etc) */
div.content_without_panel {	
	position: relative; margin: 0 0 10px 10px; 
	width: 755px; min-height:450px;
}

/* Content Panels */
div.panel { margin: 0 0 10px 0; }
div.panel_header { background: url(../images/panel.gif) no-repeat; background-position: 0 0;
	width: 775px; height: 25px; }
div.panel_body { position: relative; height: 100%; background: url(../images/panel_bg.gif) repeat-y; }
div.panel_footer { background: url(../images/panel.gif) no-repeat; background-position: 0 -26px; 
	width: 775px; height: 19px; }
div.thumbnail { float: left; position: relative; margin: 0 0 0 15px; width: 135px; text-align: center;
	font-size: 12px; color: #666; }
div.panel_content { float: left; width: 738px; margin: 0 0 0 15px; padding: 0 5px 0 5px; }
div.panel_content #description { margin-top: 5px; }
div.panel_content label { font-size: 14px; color: #1166a1; font-weight: bold; }
div.panel_content #description, 
div.panel_content #category, 
div.panel_content #privacy, 
div.panel_content #tags { margin-bottom: 10px; }

/* Content Panels With Sidebar */
div.panel_sidebar { margin: 0 0 10px 0; }
div.panel_sidebar_header { background: url(../images/panel_top.gif) no-repeat; width: 775px; height: 25px; }
div.panel_sidebar_body { position: relative; height: 100%; 
	background: url(../images/panel_sidebar_bg.gif) repeat-y; }
div.panel_sidebar_footer { background: url(../images/panel_bottom.gif) no-repeat; width: 775px; height: 19px; }
div.panel_sidebar_content { float: left; width: 633px; padding: 0 5px 0 5px; }
div.panel_sidebar{ float: left; padding-left: 11px; width: 111px; }


ul#sidebar_menu { margin: 0px; padding: 0px; }
ul#sidebar_menu li { margin: 0px; padding: 0px; padding-bottom: 20px; }
ul#sidebar_menu li a {display: block;width: 111px; height: 32px;text-indent: -9999px;}
ul#sidebar_menu li a {background-image: url(../images/sidebar_nav.gif);}
ul#sidebar_menu li a#menu_photos:link, ul#sidebar_menu li a#menu_photos:visited {background-position: 0 0;}
ul#sidebar_menu li a#menu_photos:hover {background-position: 222px 0;}
ul#sidebar_menu li a#menu_photos:active {background-position: 111px 0;}
ul#sidebar_menu li a#menu_docs:link, ul#sidebar_menu li a#menu_docs:visited {background-position: 0 -32px;}
ul#sidebar_menu li a#menu_docs:hover {background-position: 222px -32px;}
ul#sidebar_menu li a#menu_docs:active {background-position: 111px -32px;}
ul#sidebar_menu li a#menu_events:link, ul#sidebar_menu li a#menu_events:visited {background-position: 0 -64px;}
ul#sidebar_menu li a#menu_events:hover {background-position: 222px -64px;}
ul#sidebar_menu li a#menu_events:active {background-position: 111px -64px;}
ul#sidebar_menu li a#menu_forum:link, ul#sidebar_menu li a#menu_forum:visited {background-position: 0 -96px;}
ul#sidebar_menu li a#menu_forum:hover {background-position: 222px -96px;}
ul#sidebar_menu li a#menu_forum:active {background-position: 111px -96px;}
ul#sidebar_menu li a#menu_blogs:link, ul#sidebar_menu li a#menu_blogs:visited {background-position: 0 -128px;}
ul#sidebar_menu li a#menu_blogs:hover {background-position: 222px -128px;}
ul#sidebar_menu li a#menu_blogs:active {background-position: 111px -128px;}
ul#sidebar_menu li a#menu_map:link, ul#sidebar_menu li a#menu_map:visited {background-position: 0 -160px;}
ul#sidebar_menu li a#menu_map:hover {background-position: 222px -160px;}
ul#sidebar_menu li a#menu_map:active {background-position: 111px -160px;}
ul#sidebar_menu li a#menu_search:link, ul#sidebar_menu li a#menu_search:visited {background-position: 0 -192px;}
ul#sidebar_menu li a#menu_search:hover {background-position: 222px -192px;}
ul#sidebar_menu li a#menu_search:active {background-position: 111px -192px;}

/* Task Bar */
ul#taskbar { position: relative; top: -8px; height: 38px; }
ul#taskbar li { display: block; margin-right: 10px; float: left; }
ul#taskbar li a.new { position: absolute; right: 3px; top: 0px; }

ul#navbar { position: relative; top: -8px; width: 500px; }

/* Pagination */
div#pagination_bar { position: relative; width: 630px; height: 36px; text-align: center; font-size: 20px; }
div#pagination_bar a.pagination { margin: 4px 5px 0 5px; line-height: 36px; }

/* Mini and Medium Summaries */
.mini_summary,
.medium_summary { position: relative; display: block; float: left; overflow: hidden; }
.mini_summary p,
.medium_summary p { overflow: hidden; color: #646466; }
.mini_summary h6,
.medium_summary h6 { font-weight: bold; margin: 7px 0 0 7px; font-weight: bold; }
.mini_summary .star_rating, 
.medium_summary .star_rating { position: absolute; top: 7px; right: 6px; 
	width: 74px; height: 15px; background: url(../images/star_rating.gif) no-repeat; }
.mini_summary a.mask, 
.medium_summary a.mask { display: block; z-index: 100; width: 100%; height: 100%; 
	position: absolute; top: 0px;	background-color: transparent; }
.mini_summary { width: 250px; height: 82px; margin: 0 3px 0 0; background: url(../images/mini_bg.gif) no-repeat; }
/*
.medium_summary { width: 300px; height: 120px; margin: 0 3px 0 0; background: url(../images/medium_bg.gif) no-repeat; }
*/
.medium_summary { width: 300px; height: 220px; margin: 0 3px 0 0; }
.mini_summary h6 { font-size: 12px; }
.medium_summary h6 { font-size: 14px; text-align: center; }
.mini_summary p { font-size: 11px; margin: 0 6px 0 7px; height: 53px; }
/*
.medium_summary p { font-size: 13px; margin: 0 6px 0 102px; width: 190px; height: 83px; }
*/
.medium_summary p { font-size: 13px; margin: 0 6px 0 102px; width: 170px; height: 160px; }
div#mini_groups_container { padding: 0 0 0 10px; }
div#mini_businesses_container { padding: 0 0 0 10px; }
div#mini_schools_container { padding: 0 0 0 10px; }
.medium_summary img.group_image, 
.medium_summary img.school_image { width: 85px; height: 85px; position: absolute; top: 24px; left: 10px; z-index: 1; }
.medium_summary .rating_box { position: absolute; top: 105px; left: 10px; z-index: 1; }
.medium_summary img.address { width: 36px; height: 33px; position: absolute; top: 10px; left: 10px; z-index: 1; }
.medium_summary img.phone   { width: 36px; height: 33px; position: absolute; top: 50px; left: 10px; z-index: 1; }
.medium_summary img.email   { width: 36px; height: 33px; position: absolute; top: 90px; left: 10px; z-index: 1; }
.medium_summary img.web     { width: 36px; height: 33px; position: absolute; top: 130px; left: 10px; z-index: 1; }
.medium_summary .pf_location { font-size: 13px; position: absolute; top: 10px; left: 60px; width: 200px;}
.medium_summary .pf_phone    { font-size: 13px; position: absolute; top: 55px; left: 60px; width: 200px;}
.medium_summary .pf_email    { font-size: 13px; position: absolute; top: 95px; left: 60px; width: 200px;}
.medium_summary .pf_web      { font-size: 13px; position: absolute; top: 135px; left: 60px;width: 200px;}

/* Random Buttons */

a.button { display: block; width: 83px; height: 36px; text-indent: -9999px; }
a.last { background: url(../images/button_last.gif); }
a.next { background: url(../images/button_next.gif); }
a.new { background: url(../images/button_new_2.gif); }
a.edit { background: url(../images/button_edit.gif); }
a.share { background: url(../images/button_share.gif);  display:none;}
a.invite { background: url(../images/button_invite.gif); }
a.join { background: url(../images/button_join.gif); }
a.save { background: url(../images/button_save.gif); }

a.top_button { display: block; width: 92px; height: 20px; text-indent: -9999px; }

a.meta_button { display: block; width: 135px; height: 30px; text-indent: -9999px; margin:10px;}
a#location_button  { background: url(../images/ContactButton.jpg) no-repeat; }
a#phone_button     { background: url(../images/PhoneButton.jpg) no-repeat; }
a#email_button     { background: url(../images/EmailButton.jpg) no-repeat; }
a#web_button       { background: url(../images/WebsiteButton.jpg) no-repeat; }

/* My Hubunity*/
div#updates_container { float:left; width:550px; margin-left:20px; }
div#updates_container h2 { border-bottom:1px solid #d8dfea; color:#333333; font-weight:bold; padding:5px;
	margin-bottom:5px; margin-top:5px; position:relative; }
div#updates_container h2 span { position:absolute; right:0px; bottom:5px; font-size:12px; }
li.action_bar,
li.update_post,
li.update_image,
li.update_comment,
li.update_event,
li.update_group { padding-left:30px; margin:3px auto 3px auto; font-size:14px; background-repeat:no-repeat; }
li.action_bar { background-image:url(../images/action_mini.png); }
li.update_post { background-image:url(../images/post_mini.png); }
li.update_image { background-image:url(../images/image_mini.png); }
li.update_comment { background-image:url(../images/comment_mini.png); }
li.update_event { background-image:url(../images/event_mini.png); }
li.update_group { background-image:url(../images/group_mini.png); }

/* Account */
div.account { margin-left:10px; margin-right:10px; position:relative; height:420px; }
div#account_form { position:absolute; right:0; top:15px; }
div#account_tip { width:500px; border:1px solid #e2c822; background-color:#fff9d7; color:#333333; 
	text-align:center; position:absolute; top:15px; left:0; padding:15px; }

/* Starbox.css : Part of http://www.nickstakenburg.com/projects/starbox/ */
.starbox .default { background: #cccccc; }
.starbox .default .colorbar { background: #1e90ff; }
.starbox .default .hover .colorbar { background: #ffcc1c; }

.starbox .dotted { background: url(../images/default_dotted_background.gif) top left repeat-x; }
.starbox .dotted .colorbar { background: #000000; }

/* Autocomplete */
div.autocomplete { position:absolute; width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #d6edbd;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

.private {
	background:url(../images/private_icon.png);
	width:29px;
	height:29px;
	position:absolute;
	top:-3px;
	left:-3px;
}

.mapBox {
	border-left: 1px solid #c8ccd1;;
	border-right: 1px solid #c8ccd1;;
	border-top: 1px solid #c8ccd1;;
	border-bottom: 1px solid #c8ccd1;;
	vertical-align: top;
	padding: 2px;
	height: 420px;
    width: 625px;
}

div#viewevent { 
	position: relative;
	background: url(../images/button_view_event.gif) no-repeat top left;
	min-width: 167px; 
	min-height:60px;
	position: absolute;
	right: 3px;
}

.eventviewer {
	position: absolute;
	top: 5px; left: 35px;
	font-size: 18px;
	text-transform: uppercase;
	color: #147600;
}

.downloadlink {
	font-size: 12px;
	position: relative;  
	top: 25%;
}

.download {
	background:url(../images/download.png);
	width:29px;
	height:29px;
	position:absolute;
	bottom:+30px;
	left:+20px;
}

.docdownload {
	background:url(../images/download_small.png);
	width:16px;
	height:16px;
	position:absolute;
	top:+45px;
	left:+40px;
}

.hubMapBox {
	border-left: 1px solid #c8ccd1;;
	border-right: 1px solid #c8ccd1;;
	border-top: 1px solid #c8ccd1;;
	border-bottom: 1px solid #c8ccd1;;
	vertical-align: top;
	padding: 2px;
	height: 200px;
    width: 700px;
    position:absolute;
	top:80px;
	left:25px;
	min-height:350px;
}

.eventMap {
	border-left: 1px solid #c8ccd1;;
	border-right: 1px solid #c8ccd1;;
	border-top: 1px solid #c8ccd1;;
	border-bottom: 1px solid #c8ccd1;;
	vertical-align: top;
	padding: 2px;
	height: 350px;
    width: 400px;
}