html {
    background: #fff;

}
body{
    background: #fff;
    font-family:"Lucida Sans Unicode", "Lucida Grande", Tahoma, sans-serif;
    font-size:100%;
    font-size:0.88em;
    color:black;
    padding: 0px;
    margin: 0px;
}

/* structural elements */
#container{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/** header **/
#header{
    background: white;
    padding: 0px 0px 0px 0px;
	border-bottom: #9a2b7d 3px solid;
	margin-bottom: 5px;
}
#header h1  {
	display: inline;
}
#header h1 a {
    text-decoration:none; 
    left:1em;
    margin-left: 20px;
}
#header #user-bar {
    float: right;
		text-align: right;
}
#header #user-bar-msg {
	text-align:right;
	margin-right:2.5em;
	color:#fff;
	font-style:italic;
	background: #9a2b7d;
	padding: 5px;
	margin: 5px;
}
#header #user-bar-msg a {
	color:#fff;
	text-decoration:none;
}
#header #user-bar-msg a:hover{
	text-decoration:underline;
}
#header #your-location {
	padding: 5px;
	margin: 5px;
}
#header ul.navagation {
    position:relative;
		clear: both;

}
#header ul.navagation li {
   position:relative;
   display:inline;
   margin:0px;
   padding:0px;
   margin-right:0.7em;
   margin-left:0.2em;
}
#header ul.navagation li.right {
    float: right;
}
#header ul.navagation li a {
   color:#9a2b7d; text-decoration:none;  text-transform:uppercase; font-size:1.2em;
}
#header ul.navagation li a.new {
   font-size:1.0em;
}
#header ul.navagation li a:hover {
    text-decoration:underline;
}
#header .createFlock {
	float: right;
	padding: 4px;
}

h2 {
	font-size: 120%;
	margin: 1px;
}
h3 {
	font-size: 110%;
	margin: 10px;
}
p {
	margin: 10px;
}
/** footer **/
div#footer {
	border-top: #9a2b7d 3px solid;
  background: #fff;
	padding: 1px 0;

}
div#footer ul.navagation {
    float: left;
    width: 35%;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
div#footer ul.navagation li {
  background:transparent url(/images/bullet.gif) no-repeat scroll 0 5px;
  padding-left:1.8em;
  margin-bottom: 0.5em;
}
div#footer ul.navagation li a {
    color:#8B8B8B;
    font-size:1.2em;
    text-decoration:none;
    text-transform:uppercase;
}
div#footer div#ourDefinition {
    float: left;
    width: 55%;
}
div#footer div#ourDefinition img {
    float: right;
}
div#footer div#ourDefinition div.header {
    margin-left: 10px;
}
div#footer div#ourDefinition div.body {
    margin-left: 30px;
    margin-bottom: 10px;
}
div#footer h4 {
  color:#8B8B8B;
  font-style:italic;

}
div#footer h4 a {
  color:#8B8B8B;
  text-decoration:none;
  font-style:italic;

}

ul.footerLinks {
	margin: 4px;
}
ul.footerLinks li {
   display:inline;
   margin:0px; margin-right:0.7em; margin-left:0.2em; font-size:0.8em;
}
ul.footerLinks li a {
   text-decoration:none; 
}
ul.footerLinks li a:hover {
    text-decoration:underline;
}
/** misc **/
div.clear {
    clear:both;
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
a img {
    border: 0px;
}

table.list_attendees_in_detail td { padding: 10px; }

div.flasherror {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    margin:  0px auto 5px auto;
    padding: 5px;
    background-color: #900;
    color: white;
    width: 80%;
    text-align: center;
}


div.flashnotice {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    margin:  5px auto 10px auto;
    padding: 5px;
    background-color: #090;
    color: white;
    width: 80%;
     text-align: center;
}
div.aboveCols div.launchAnnouncements {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    margin:  5px auto 10px auto;
    padding: 5px;
    background-color: #ccc;
    color: white;
    width: 80%;
     text-align: center;
}
div.aboveCols div.launchAnnouncements a {
	color: white;
}
div.smallDetails {
    font-size: 80%;
    font-style:italic;
    padding: 1px;
    margin: 1px;
}
div.answer {
    margin: 1px 20px;
}

/** list event **/
div.listEvent p.cal {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/images/cal2.png) no-repeat scroll 0 0;
    color:#FFFFFF;
    line-height:3.5em;
    margin-bottom:-0.5em;
    margin-top: 0em;
	margin-left: 0em;
	margin-right: 0em;
    cursor: pointer; 
}
div.listEvent div.cal a {
    text-decoration: none;
}
div.listEvent div.cal {
    float: left;
    text-align:center;
    padding: 2px;
    width: 64px;
}
div.listEvent p.cal strong {
   color:#FFFFFF;
    display:block;
    line-height:1.4em;
}
div.listEvent p.attending {
    font-size:0.7em;
    position:relative;
    top:-4px;
}
div.listEvent  h3 a {
    color:#333333;
    font-weight:bold;
    text-decoration:none;
}
div.listEvent ul.moreOptions {
    font-size: 80%;
}
div.listEvent ul.moreOptions li {
    display: inline;
    list-style-type: none;
    margin: 2px 10px 2px 10px;
}
/** list group **/
div.listGroup div.calImg {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/images/group-background.png) no-repeat scroll 0 0;
    color:#FFFFFF;
    margin-bottom:-0.5em;
    margin-top: 0em;
    cursor: pointer;
    height: 64px;
    
}
div.listGroup div.calImg a  {
    display: block;
    padding-top: 40px; /** this is a hack cos i can't make padding-top work **/
}
div.listGroup div.cal a {
    text-decoration: none;
}
div.listGroup div.cal {
    float: left;
    text-align:center;
    padding: 2px;
    width: 64px;
}
div.listGroup p.followers {
    font-size:0.7em;
    position:relative;
    top:-4px;
}
div.listGroup  h3 a {
    color:#333333;
    font-weight:bold;
    text-decoration:none;
}

/** tab bar **/
ul.tabbar {
	border-bottom: 2px solid #C3D53A;
}

ul.tabbar li {
   display:inline;
   margin:0px; 
   margin-right:0.7em; 
   margin-left:0.2em; 
   font-size:0.8em;
   background-color: #DFE79D;
   border-top: 1px solid #C3D53A;
   border-left: 1px solid #C3D53A;
   border-right: 1px solid #C3D53A;
   margin: 2px;
	padding: 2px 4px 0;
	-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}

ul.tabbar li a {
	font-weight: bold;
	text-transform:uppercase;
	color: #8B8B8B;
	text-align: center;
	text-decoration: none;
}	

ul.tabbar li.activeli {
   color: black;
   border-top: 4px solid #C3D53A;
   border-left: 4px solid #C3D53A;
   border-right: 4px solid #C3D53A;
}


/** forms **/
form div.field {
    padding-bottom: 10px;
}
form div.field textarea {
    width: 100%;
    height: 120px;
}
div.formError {
	color: red;
	display: inline;
}
label {
	display: inline;
}
div.fieldWithErrors {
	display: inline;
	color: red;
}
form div.label span.required {
    font-size: 60%;
    color: red;
    vertical-align: top;
    margin-left: 10px;
}
form div.label span.optional {
    font-size: 60%;
    color: green;
    vertical-align: top;
    margin-left: 10px;
}


/** avatars **/
div.userAvatarLinkWithName {
    float: left;
    padding: 2px;
    font-size: 80%;
}
div.userAvatarLinkWithName a img {
    text-decoration:none;
}

/** new event wizard & others **/
table.alert_box {
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
        background: #e2e2e2;
        margin:  5px auto 10px auto;
				width: 80%;
}
table.alert_box td.headline {
    text-align: center;
    padding: 0px 40px;
}
table.alert_box td.details {
    padding: 6px;
}


/** admin **/
table.adminDataView th {
    text-align: right;
}

/** log in **/
div.loginForFeatures {
   	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
        border: 2px solid #C3D53A;
        margin:  5px auto 10px auto;
        padding: 35px 10px 10px 20px;
        background:transparent url(/images/join-us-header.png) no-repeat top left;
}
div.loginForFeaturesInSideBar {
   	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
        border: 2px solid #7FCDE0;
        margin:  5px auto 10px auto;
        padding: 35px 10px 10px 20px;
        background:transparent url(/images/join-us-header.png) no-repeat top left;
}

/*** tags ***/
div.tagContainer span.tag {
    display: inline;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 1px solid #7FCDE0;
    margin:  2px;
    padding: 5px 5px 5px 15px;
    background-image: url('/images/tag-background.png');
    background-repeat: no-repeat;
    background-position: center left;
    white-space:nowrap;
    line-height:200%
}
div.tagContainer {
    padding: 10px;
    white-space:normal;
}



div.float-right-info {
    float: right;
    width: 170px;
    padding: 10px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #DFE79D;
    text-align: center;

}

div.searchoptions {
    	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
        border: 2px solid #C3D53A;
        margin:  5px auto 10px auto;
        padding: 10px;

}
div.searchoptions div.submit {
    text-align: right;
}


div.groupedContentOnPage {
   	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
        border: 2px solid #C3D53A;
        margin:  5px auto 10px auto;
        padding: 10px;
}
div.groupedContentInSideBar {
   	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
        border: 2px solid #7FCDE0;
        margin:  5px auto 10px auto;
        padding: 10px;
}


/** Set my location **/
div#SetMyLocation {
	width: 400px;
	border: 5px solid black;
	position: absolute;
	top: 70px;
	left:45%;
	background: white;
	padding: 5px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;

}
div#SetMyLocation div#LocationFromComputerInstructions {
	padding:20px;
	text-align: center;
}
div#SetMyLocation div#SetMyLocationMap {
	width:100%;
	height: 300px;
}
div#SetMyLocation div#LocationFromComputer {
	 padding:10px;
}
div#SetMyLocation div.buttons {
    text-align: right;
}
div#SetMyLocation div.buttons input.goButton {
    font-size: 150%;
}
div#SetMyLocation form#SearchByAddress {
	margin:5px;
}
div#SetMyLocation form#SearchByAddress select#SearchSelectCountry {
	width: 100%;
}


/** used on ical import **/
table.gridOfData {
	border: 1px solid #ccc;
	margin: 10px;
}
table.gridOfData td {
	border: 1px solid #ccc;
	margin: 0px;
	padding: 2px;
}
table.gridOfData th {
	background: #ccc;
	color: black;
	margin: 0px;
	padding: 2px;
}


div#contentWrapper {
    background-color: white;
}
div#contentWrapper  div.leftCol {
    float: left;
    width: 620px;
    padding: 5px;
    background-color: white;
}
div#contentWrapper div.rightCol {
    float: right;
    width: 300px;
    padding: 5px;
    background-color: #fff;
}
div#contentWrapper div.rightCol div.group {
	border: #9a2b7d 3px solid;
	margin: 5px;
	padding: 5px;
	-moz-border-radius: 2px; /* FF1+ */
	-webkit-border-radius: 2px; /* Saf3+, Chrome */
	border-radius: 2px; /* Opera 10.5, IE 9 */
}
div#contentWrapper div.rightCol div.button {
	border: #9a2b7d 3px solid;
	background-color: #9a2b7d;
	color: white;

	font-size: 200%;
	text-align: center;
	margin: 5px;
	padding: 5px;
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
	border-radius: 5px; /* Opera 10.5, IE 9 */
}
div#contentWrapper div.rightCol div.button a {
	color: white;
	text-decoration: none;	
}
/** this is used on flocks by map **/
div#PopUpInfo {
	width: 600px;
	border: 5px solid black;
	position: absolute;
	top: 170px;
	left:30%;
	background: white;
	padding: 5px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}
div#PopUpInfo div.close {
	text-align: right;
}
div#PopUpInfoContentLink {
	text-align: center;
}

/** Submenus that appear on the right sometime ... **/
div#contentWrapper div.rightCol div.submenu {
	border: #9a2b7d 3px solid;
	margin: 5px;
	padding: 5px;
	-moz-border-radius: 2px; /* FF1+ */
	-webkit-border-radius: 2px; /* Saf3+, Chrome */
	border-radius: 2px; /* Opera 10.5, IE 9 */
}
div#contentWrapper div.rightCol div.submenu ul li {
	background: url("/images/bullet.gif") no-repeat scroll 0 5px transparent;
	padding: 2px 2px 2px 20px;

}
div#contentWrapper div.rightCol div.submenu ul li a {
	text-decoration: none;
}