/* NEW 2009 */

.grouplist-top {  background-color:#fff; border-right:1px solid #c7c7c7; float:left; width:597px; padding:10px;}
.grouplist-top p { float:left; font-style:italic;}
.grouplist-top p span { color:#0B71CA; font-weight:bold;  }
.grouplist-top a { float:right; color:#0B71CA;}
.grouplist { float:left; width:618px; font-size:.9em; border-top:1px solid #c7c7c7; border-right:1px solid #c7c7c7;}
.grouplist th { border-bottom:1px solid #c7c7c7; background-color:#f8f8f8; padding:7px 10px; font-weight:normal;}
.grouplist th select { border:1px solid #c7c7c7; padding:2px 2px; width:100px; margin:0 8px 0 2px;}
.grouplist td { background-color:#fff; border-bottom:1px solid #e3e3e3; color:#666; padding:7px 0 7px 10px; vertical-align:top;}
.grouplist td a.title { font-weight:bold; color:#0B71CA; float:left;}
.grouplist td .newitem { color:#f00; font-weight:normal; float:left; padding:0 5px;} 
.grouplist td p { width:100%; float:left;margin-top:5px;}
.grouplist td a.image { float:left; width:75px; height:60px; overflow:hidden; display:block;}
.grouplist td a.image:hover { height:auto;}



/* MainCol infolist
- Used in Group Information
TODO: Move style to a common templates stylesheet and use in profile, event etc
*/

dl.infolist {margin:0 0 10px;float:left;width:430px;line-height:1.5em; margin-top:2px; font-size:0.95em;}
dl.infolist dt {float:left;width:100px;color:gray;}
dl.infolist dd {float:left;width:320px;overflow:hidden;color:#444;}

/* OVERVIEW ------------------------------------------------------------------------------------
Used for:
- Forum Overview
*/
.overview {background-color:#f7f7f7;float:left;width:395px;padding:7px 10px;border:1px solid #c7c7c7;border-top:0;font-weight:bold;}
.overview p {float:left;margin:0;}
.overview ul {margin:0;padding:0;float:right;list-style:none;}
.overview ul li {float:left;margin-left:10px;border-right:1px solid #aaa;padding-right:10px;}
.overview ul li.last {border-right:0;padding:0;}
#wideMain .overview {width:438px;}
/*FORUM OVERVIEW ---------------------------------------------------------------------------
Used in:
- Groups
*/
.forumOverview {float:left;width:430px;}
.forumOverview li {float:left;border-bottom:1px solid #e1e1e1;padding:0 0 10px 30px;margin-bottom:10px;width:400px;background:url("../../gfx/ico/forum.gif") no-repeat 2px 3px;}
.forumOverview li a {font-size:1.1em;font-weight:bold;color:#333;}
.forumOverview li p {font-size:.9em;margin:0;color:#444;}
.forumOverview li p span {color:#aaa;float:left;}
.forumOverview li.last {margin-bottom:0;}
/* GALLERY OVERVIEW*/
.galleryOverview {margin:0;padding:0;list-style:none;}
.galleryOverview li {float:left;width:72px;height:80px;margin-right:7px;text-align:center;overflow: hidden; display: table; position: static;}        
.galleryOverview li div {display: table-cell; vertical-align: middle; position: static;width:67px; text-align:center; font-size:.9em;}            
.galleryOverview li img {padding:2px;border:1px solid #ccc;}
.galleryOverview li a { white-space:nowrap;}


.galleryOverview li { *position: relative; }/* (*) = for IE6/7 only*/
.galleryOverview li div { *position: absolute;  *left:0; *top: 50%;} /* (*) = for IE6/7 only*/
.galleryOverview li a { *position: relative; *top: -50%;} /* (*) = for IE6/7 only*/ 
.members { float:left; }
.members li { float:left; width:80px; text-align:center; font-size:.9em;}
.members a.img { display:block;}
.members .img img{ border:1px solid #c7c7c7; padding:2px;}

/* GROUP MEMBERS */     
/* Group Members */
.groupMembers {float:left;width:430px;margin:0 0 4px;padding:0 0 4px ;list-style:none;	}
.groupMembers li, .groupMembers dd {width:57px;float:left;margin:0;font-size:.9em;text-align:center;}
#main .groupMembers li a, #main .groupMembers dd a {color:#666;width:57px;float:left;text-align:center;}
.groupMembers img {border:1px solid #ccc;padding:2px;margin-top:6px;}
.groupMembers dt {border-bottom:1px dotted #ccc;position:relative;float:left;width:430px;display:block;font-weight:bold;padding:4px 0;}
.groupMembers dt span {font-weight:normal;color:#666;}
.groupMembers dt span.options {position:absolute;right:8px;}
.groupMembers dt span.options a {color:#666;}

/* LEFTCOLUMN -----------------------------------------------------------------------------------*/

.groupImage {float:left;margin-bottom:10px;}
.groupImage img {display:block;}

.officerList { margin:0; padding-left:5px; float:left; font-weight:bold; font-size:.9em;}
.officerList dt {color:#333; }
.officerList dd {margin:0 0 4px; padding-bottom:4px; font-size:.9em;color:#666;border-bottom:1px solid #e8e8e8;width:144px;}


/* INVITE FRIENDS LEFTCOL LIST */
fieldset.groupMemberAdd {float:left;clear:both;width:149px; font-size:.9em;}
.groupMemberAdd label { float:left;width:149px;font-weight:bold;margin-bottom:8px;}
#main .groupMemberAdd label input { border:1px solid #c7c7c7; padding:5px; width:137px; margin-top:5px;}
#left .groupMemberAdd input.inp { border:1px solid #c7c7c7; padding:5px; width:137px; margin-bottom:8px;}
.groupMemberAdd #divfirendlist input { width:auto;}
.groupMemberAdd textarea {width:139px; border:1px solid #c7c7c7; margin-top:5px; padding:5px;}
.groupMemberAdd div {border:1px solid #ccc;height:350px;overflow:auto;float:left;width:147px;clear:both;margin-bottom:8px;}
.groupMemberAdd div input { float:left; margin:2px;}
.groupMemberAdd div label {display:block;float:left;width:100%;overflow:hidden;margin:0;font-weight:normal; white-space:nowrap; border-bottom:1px solid #e8e8e8;}
.groupMemberAdd div label span { float:left; padding:2px 0; width:105px;}


/* GROUP NEWS STYLE */
.groupNews {color:#4a4a4a;font-size:1.1em;}
.groupNews p { margin-bottom:1em;display:block;}
.groupNews .buttonR {margin-bottom:8px;}
.groupNews p.updated {font-size:.9em;margin:8px 0 8px;color:#000;float:left;width:100%;}
.groupNews ol {list-style-position:inside;list-style-type:decimal;padding:10px 20px;   }        
.groupNews ul {list-style-position:inside;list-style-type:disc;padding:10px 20px;}

/* Editor */
.groupNews p.editorHL {margin:0 0 5px;padding-bottom:5px;font-weight:bold;border-bottom:1px solid #c7c7c7;width:100%;color:#333;}
.groupNews iframe { margin-bottom:8px;}
/* Title */
.groupNews h2 {font-size:2.2em;font-weight:bolder;color:#000;margin:0;width:470px;float:left;line-height:1em;}
.groupNews h2.edit_hover {border-bottom:1px dotted #FFC731;color:#4D3800;background:url("../../gfx/ico/edit.gif") no-repeat 423px 36px #FFFACF;}
.groupNews textarea.h2-edit {padding:0;overflow:auto;font-size:2.2em;color:#000;border:1px dotted #FFC731;background-color:#FFFACF;font-weight:bolder;margin:0 0 8px;width:470px;}
/* Headlines */
.groupNews h3 {font-size:1.3em;margin:0.5em 0 1em;float:left;width:100%;color:#333;}

/* Ingress*/
.groupNews .ingress,
.groupNews .ingress_hover,
.groupNews .ingress_edit {color:#8c734b;font-weight:bolder;font-size:1.1em;margin:8px 0 8px;display:block;float:left;width:470px;}
.groupNews .ingress_hover {border-bottom:1px dotted #FFC731;color:#8c734b;background:url("../../gfx/ico/edit.gif") no-repeat 423px 30px #FFFACF;}
.groupNews textarea.ingress_edit {overflow:auto;font-size:1.1em;font-weight:bolder;margin:0 0 8px;width:443px;color:#000;float:left;border:1px dotted #FFC731;background-color:#FFFACF;padding:5px;width:458px;}
/* credits */
.groupNews div.credits {float:left;width:470px;margin-bottom:1em;}
.groupNews div.credits p {color:#000;float:left;font-size:.9em;margin-right:20px;}
/* quote */
.groupNews p.quote {display:block;width:412px;margin-left:30px;font-style:italic;font-family:Georgia, Sans-Serif;color:#000;font-size:1.2em;}

/* News Editor Panel*/
.groupNews .panel {background-color:#f7f7f7;border-top:1px solid #ccc;border-bottom:4px solid #333;float:left;width:451px;padding:10px;margin-bottom:1em;}
.groupNews .panel p.hl {border-bottom:1px solid #ddd;width:421px;font-weight:bold;padding-bottom:3px;margin-bottom:8px;color:#333;}
.groupNews .panel h3 {margin:1px 0 0;width:auto;margin-right:20px;}
.groupNews .panel p {width:auto;margin:3px 0 0;margin-right:20px;color:#333;float:left;}
.groupNews .panel p.quote { margin:0 20px 0 0;}
.groupNews .panel a * { border-bottom:1px solid #f7f7f7;}
.groupNews .panel a:hover * { border-bottom:1px solid #ccc;}

.groupNews div.video { margin-bottom:1em; width:443px; float:left;text-align:center;}

/* Add Video */
.groupNews .add_video input.inp {width:437px;margin-bottom:5px;}
/* Add Headline */
.groupNews textarea#add_headline { font-size:1.3em;margin:0 0 8px;padding:8px;color:#000;border:1px dotted #FFC731;background-color:#FFFACF;float:left;width:425px;overflow:hidden;font-weight:bolder;}
/* Add Quote */
.groupNews textarea#add_quote  {margin:0 0 8px;padding:8px 0 8px 30px;color:#000;border:1px dotted #FFC731;background-color:#FFFACF;width: 410px;overflow:auto;font-style:italic;font-family:Georgia, Sans-Serif;color:#000;font-size:1.2em;}
.groupNews div.options {float:left;width:450px;padding:0;border-bottom:1px solid #c7c7c7;margin-bottom:2em;}
.groupNews div.options a {color:#666;display:block;height:1.6em;font-size:.9em;float:left;margin:0 15px 0 5px;}
.groupNews div.options a.delete {padding-left:20px;background:url(../../gfx/icons/delete.gif) no-repeat;}
.groupNews div.options a.move {padding-left:20px;background:url(../../gfx/icons/move.gif) no-repeat;}
.groupNews div.options p,.groupNews div.options h3 {margin-bottom:5px;margin-left:0;}
.groupNews #imageupload form {display:block;margin:0;padding:90px 10px 10px;float:left;height:163px;width:450px;background:url("../../gfx/modules/group/editnews_imageupload_bg.gif") no-repeat;}
.groupNews #imageupload fieldset {float:left;width:323px;}
.groupNews #imageupload label {font-weight:bold;width:215px;padding:5px;margin-left:97px;color:#333;float:left;background-color:#f7f7f7;border:1px solid #c7c7c7;}
.groupNews #imageupload input.file {float:left;margin:3px 0 8px;}
.groupNews #imageupload .buttonR {float:right;margin-top:10px;}
.groupNews .directions {width:455px;background-color:#f7f7f7;border-bottom:1px solid #c7c7c7;float:left;margin-bottom:8px;padding:5px 8px 8px;}
.groupNews .directions ul {margin:0;padding:0;list-style:none;}
.groupNews .directions li {float:left;width:127px;margin-right:20px;}
.groupNews .directions li.last { margin-right:0;}

.groupNews .directions p.hl {width:100%;color:#333;font-weight:bold;margin:0 0 5px;}
.groupNews .directions li p {font-size:.9em;}
.groupNews .directions img {float:left;margin:4px 10px 0 0;}
.groupNews .directions input {margin-top:0;}

/* GROUP NEWS RIGHTCOL STYLES */
#wideRight ul {float:left;width:246px;list-style:none;margin:0 0 8px;padding:0;overflow:hidden;}
#wideRight ul.relatednews a {display:block;background:url("../../gfx/ico/news.gif") no-repeat left center;padding-left:23px;line-height:1.8em;}
#wideRight ul.sources a {line-height:1.8em;display:inline-block;}
#wideRight ul.sources a.source {background:url("../../gfx/ico/earth2.gif") no-repeat left center;padding:0 5px 0 23px;}
#wideRight dl.archive {margin:0 0 8px;padding:0;float:left;width:246px;}
#wideRight dl.archive dt {float:left;line-height:1.4em;font-weight:bold;color:#4a4a4a;}
#wideRight dl.archive dd {margin:0;text-align:right;line-height:1.4em;color:#767676;}
#wideRight p.tags { font-weight:bold;}  
            
ul.invitelist {width:430px;margin:1em 0;list-style:none;padding:0;border-top:1px solid #e8e8e8;float:left;}
ul.invitelist li {display:block;border-bottom:1px solid #e8e8e8;padding:3px 0 4px;float:left;width:420px;padding-right:10px;}
ul.invitelist .male, ul.invitelist .female { float:left;}ul.invitelist p { margin:0;float:right;}
ul.invitelist p a { color:#666;}   

form.invite-form input.inp { border:1px solid #c7c7c7;  padding:5px; margin-bottom:10px; width:409px;}
form.invite-form textarea { width:409px; height:500px; margin-bottom:10px; border:1px solid #c7c7c7; padding:5px;}
form.invite-form input.right { margin-right:10px;}
            
/* BLOG */

ul.groupnews {float:left;width:430px;font-size:0.85em;}
ul.groupnews li {width:420px;border-bottom:1px solid #c7c7c7;padding:0 10px 5px 0;margin-bottom:1px;font-size:1.1em;float:left;position:relative;}
ul.groupnews img { float:left;margin:8px 8px 0 0;padding-bottom:3px;}
ul.groupnews div {margin-top:4px;}
ul.groupnews h4 {font-weight:bold;color:#262626;display:block;}
ul.groupnews .minimized h4 { float:left;}
ul.groupnews p {color:#3a3a3a;}
ul.groupnews a.edit { color:#0B71CA; position:absolute; top:4px; right:10px;}
ul.groupnews a.more { font-weight:bold; color:#3a3a3a; float:right; margin-left:10px;}
ul.groupnews li.minimized div {width:430px;}
ul.groupnews a.expand { display:none;}
ul.groupnews li.minimized img { display:none;}
ul.groupnews li.minimized a.more {display:none;}
ul.groupnews li.minimized p {display:none;}
ul.groupnews li.minimized h3 { font-size:1.1em;margin:0;width:350px;float:left;}
ul.groupnews li.minimized a.expand { display:inline; float:right; color:#666; margin-right:10px; }

/* GROUP OVERVIEW*/
#groupSearch {font-size:1.1em;}
#groupSearch input.inp {padding:3px 4px;float:left;margin-bottom:8px;width:232px;font-weight:bold;font-size:1.1em;color:#666;}
#groupSearch div {float:left;width:236px;padding:8px 0 8px 8px;border-top:1px solid #ccc;background-color:#f7f7f7;border-bottom:1px solid #ccc;margin-bottom:8px;}
#groupSearch label {width:244px;float:left;font-weight:bold;position:relative;line-height:20px;margin-bottom:10px;}
#groupSearch label select {position:absolute;left:50px;top:0;width:175px;font-size:.9em;}
#groupSearch a { float:left; line-height:20px;}

/* GROUP OVERVIEW */


.filter {border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff;width:438px;padding:10px 10px 0;float:left;}
.filter label {float:left;font-weight:bold;font-size:1.1em;line-height:1.6em;}
.filter select {margin-left:8px;float:left;}

dl.imgList {margin:0 0 8px;padding:0;float:left;width:262px;border:1px solid #ccc;border-top:0;background-color:#fff;}
dl.imgList dd {float:left;margin:0;padding:8px;border-bottom:1px solid #e8e8e8;position:relative;width:246px;}

dl.imgList dd a.image {}
dl.imgList dd img { float:left; margin-right:8px;}
dl.imgList dd h3 {display:block; font-size:1.1em;}
dl.imgList dd p { display:block; font-size:.9em; color:#666;margin:0;}
dl.imgList dd a.more {position:absolute;bottom:5px;font-weight:bold;right:8px;}
dl.imgList dd.more {background-color:#f7f7f7;border:0;padding:6px 8px 8px;text-align:center;}
dl.imgList dd.more a {font-weight:bold;font-size:1.1em;color:#666;}



#ulimagelist {float:left;width:430px;}
#ulimagelist li {float:left;width:133px;font-size:.8em;margin-right:1px;margin-right:10px;text-align:center;}
#ulimagelist li div {border:1px solid #c7c7c7;padding:2px; overflow:hidden;max-width:117px;}
#ulimagelist li a.img {overflow:hidden;display:block;height:100px;background-color:#f8f8f8;}
#ulimagelist li.split { width:400px;}





#main .event { float:left; width:380px; }
#main .event p { position:relative; margin:0;}
#main .event li { float:left; width:430px; margin-bottom:8px;}    
#main .event li .img { float:left; width:77px;}
#main .event li .wrap { position:relative; float:left; width:339px; border-top:1px solid #999; border-bottom:1px solid #c7c7c7; background-color:#f8f8f8;}
#main .event li a.title { font-weight:bold; color:#0b71ca; width:329px; float:left; padding:5px 5px 0; }
#main .event li p.info { font-size:.9em; color:#999; padding:0 5px 8px; float:left; width:329px;}
#main .event li p.info span { color:#333; }
#main .event li a.attend { position:absolute; top:5px; right: 5px; color:#0b71ca; font-size:.8em;}
#main .event li p.attendees { float:left; border-top:1px solid #c7c7c7; line-height:20px; font-size:.9em; background-color:#fff; width:339px; color:#666;}
/*
#subTabs {list-style:none;padding:8px 0 0 8px;float:left;width:407px;border:1px solid #c7c7c7;border-top:0;}
#wideMain #subTabs {width:450px;}
#subTabs li {float:left;}
#subTabs li a {margin-bottom:-1px;border:1px solid #c7c7c7; border-left:0;background-color:#f4f4f4;float:left;color:#4a4a4a;padding:4px 8px;}
#subTabs li.first a {border-left:1px solid #c7c7c7;}
#subTabs li a:hover,#subTabs li#on a {background-color:#fff;border-bottom:1px solid #fff;}
*/





#lastVisitors {margin:0;padding:0;display:inline; /* IE6 Double Margin Bug Fix */float:left;font-size:0.9em;}
#lastVisitors dd {margin:0;width:140px;margin-bottom:4px;float:left;}
#lastVisitors a.img-s {margin-right:8px; float:left;}
#lastVisitors .male, #lastVisitors .female {font-weight:bold;width:75px;overflow:hidden;display:block;white-space:nowrap;} 
#lastVisitors a span { color:#666;}
#lastVisitors p { color:#666;margin:0; }


/* PHASE THIS OUT LATER */

.menu {border-bottom:none;float:left;}
#left .menu { width:147px;font-size:.9em;}
#wideRight .menu {width:244px;}
#rightCol .menu { width:131px;}
.menu dd {padding:0 0 0 4px;position:relative;}
.menu dd a {display:block;padding-left:23px; line-height:20px; color:#333;}
.menu dd a:hover {text-decoration:none;}
.menu dd a.sub {position:absolute;right:0;}

.menu .message {background:url(../../gfx/iconpack/email.png) left  no-repeat;}
.menu .edit { background:url(../../gfx/ico/edit.gif) left no-repeat;}
.menu .member {background:url(../../gfx/iconpack/group.png) no-repeat;}
.menu .officer {background:url(../../gfx/ico/officer.gif) 2px 2px no-repeat;}
.menu .member_add {background:url(../../gfx/iconpack/user_add.png) no-repeat;}
.menu .event {background:url(../../gfx/iconpack/date.png) 1px 1px no-repeat;}
.menu .exit {background:url(../../gfx/iconpack/door_in.png) left no-repeat;}
.menu .add-image {background:url(../../gfx/iconpack/picture_add.png)  left no-repeat;}
.menu .edit-image {background:url(../../gfx/iconpack/picture_edit.png) left no-repeat;}
.menu .friends {background:url(../../gfx/icons/friends.gif) left no-repeat;}
.menu .group_overview { background:url(../../gfx/ico/dateTree_month.gif) left no-repeat;}
.menu .location { background:url(../../gfx/ico/earth.gif) left no-repeat;}
.menu .delete { background:url(../../gfx/iconpack/delete.png) left no-repeat;} 
.menu .inviteonly {background:url(../../gfx/ico/inputGfx_notok.gif) left no-repeat 1px 3px;}
.menu .add { background:url(../../gfx/icons/add.gif) left no-repeat;}
.menu .myProfile {background:url(../../gfx/ico/mainMenuIco_MyProfile.gif) 3px 1px no-repeat;}
.menu .myGbook {background:url(../../gfx/ico/mainMenuIco_Guestbook.gif) left no-repeat;}
.menu .myFriends {background:url(../../gfx/ico/mainMenuIco_Friends.gif) 2px 4px no-repeat;}
.menu .myBlog {background:url(../../gfx/ico/mainMenuIco_Blog.gif) 1px 3px no-repeat;}
.menu .mySchool {background:url(../../gfx/ico/mainMenuIco_School.gif) left no-repeat;}
.menu .myForum {background:url(../../gfx/ico/mainMenuIco_Forum.gif) left no-repeat;}
.menu .myGallery {background:url(../../gfx/ico/image.gif) 2px 2px no-repeat;}
.menu .mySupermode {background:url(../../gfx/ico/star.gif) left no-repeat;}
.menu a:hover {color:#666;}

#profile-left .dottedlist, #left .dottedlist { font-size:.9em; list-style-type:disc;  padding-left:20px; float:left; }
#profile-left .dottedlist a, #left .dottedlist a { color:#0b71ca; display:block;}
#profile-main .subhl { border-bottom:1px solid #e1e1e1; padding:0 0 8px 5px; margin-bottom:8px; float:left; width:385px;  }
#profile-main .subhl strong { float:left; font-size:.9em;}
#profile-main a.edit { color:#0B71CA; float:right; background:url(../gfx/iconpack/pencil.png) no-repeat left; padding-left:21px; text-transform:lowercase; font-size:.9em;}
#wideContent, .wideContent { width:785px; display:inline;   float:left;position:relative; margin-top:8px;}
#wideContent .inner, .wideContent .inner { padding:15px 0 15px 15px; float:left;background-color:#fff; width:770px;}
#areaMenuWide #userMenu { width:768px;}
/* same as wideContent but with border-top*/
.wideContent {border-top:1px solid #c7c7c7;}
#wideMain {float:left;width:488px;}
#wideMain h1, #wideRight h1 {background: url(../../gfx/modules/profile/headline-fadebg.gif) repeat-x scroll center bottom; padding:4px 0; width:472px;float:left; border-bottom:1px solid #C7C7C7;}

#wideRight { float:left; width:264px;}
#wideRight h1 { float:left; width:264px; padding:4px 0;}