/*                  Reseting styles
----------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body { line-height: 1.4; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/*               Default Styles
------------------------------------------------*/
html {
	overflow-y: scroll;
}
body { 
	background-color: #fff;
	background-image:url(http://www2.brightvillage.net/themes/brightv1/images/bg.png);
	background-repeat:repeat-x;
	color: #666; 
	font-size: 75%;
	font-family: 'Trebuchet MS','Lucida Grande',Arial,sans-serif;
}

/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #156705; margin: 0 0 10px;}
h3,h4,h5,h6 { font-size: 1em; }
h1 { font-size: 1.8em; line-height: 1; }
h2 { font-size: 1.2em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Links */
a:focus, 
a:hover     { text-decoration: underline; }
a           { text-decoration: none; color: #2582A4; outline-width: 0; }
a:hover.img { text-decoration: none; }
/* text */
p {
	margin-bottom: 10px;
}
/* Form fields */
label { }
input.text, input.title,
textarea, select {
  margin:0;
  border:1px solid #bbb;
  color: #555;
}
input, select, textarea {
  padding: 1px;
  font-family: Helvetica, sans-serif;
  font-size: 1em;
}
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #999;
}
textarea { width: 300px;}

embed, object {
    display: block;
}
/* Global Classes */
.float-left, .floatleft    { float:left; }
.float-right, .floatright   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.text-small  { font-size: 0.8em; }
.text-normal { font-size: 1em; }
.text-large  { font-size: 1.2em; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.hide          { display:none; visibility: hidden; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.orange { color: #F58221; }
.blue   { color: #2582A4; }
.green  { color: #018522; }
.grey   { color: #ccc !important; }

.width20{ width:20%; }
.width25{ width:25%; }
.width30{ width:30%; }
.width35{ width:35%; }
.width45{ width:45%; }
.width50{ width:50%; }
.width55{ width:55%; }
.width60{ width:60%; }
.width65{ width:65%; }
.width70{ width:70%; }
.width75{ width:75%; }
.width100{ width:100%; }

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, 
div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px; 
}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 30px; }
.span-2  { width: 70px; }
.span-3  { width: 110px; }
.span-4  { width: 150px; }
.span-5  { width: 190px; }
.span-6  { width: 230px; }
.span-7  { width: 270px; }
.span-8  { width: 310px; }
.span-9  { width: 350px; }
.span-10 { width: 390px; }
.span-11 { width: 430px; }
.span-12 { width: 470px; }
.span-13 { width: 510px; }
.span-14 { width: 550px; }
.span-15 { width: 590px; }
.span-16 { width: 630px; }
.span-17 { width: 670px; }
.span-18 { width: 710px; }
.span-19 { width: 750px; }
.span-20 { width: 790px; }
.span-21 { width: 830px; }
.span-22 { width: 870px; }
.span-23 { width: 910px; }
.span-24, div.span-24 { width: 950px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1  { padding-right: 40px; }  
.append-2  { padding-right: 80px; } 
.append-3  { padding-right: 120px; } 
.append-4  { padding-right: 160px; } 
.append-5  { padding-right: 200px; } 
.append-6  { padding-right: 240px; } 
.append-7  { padding-right: 280px; } 
.append-8  { padding-right: 320px; } 
.append-9  { padding-right: 360px; } 
.append-10 { padding-right: 400px; } 
.append-11 { padding-right: 440px; } 
.append-12 { padding-right: 480px; } 
.append-13 { padding-right: 520px; } 
.append-14 { padding-right: 560px; } 
.append-15 { padding-right: 600px; } 
.append-16 { padding-right: 640px; } 
.append-17 { padding-right: 680px; } 
.append-18 { padding-right: 720px; } 
.append-19 { padding-right: 760px; } 
.append-20 { padding-right: 800px; } 
.append-21 { padding-right: 840px; } 
.append-22 { padding-right: 880px; } 
.append-23 { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 40px; }  
.prepend-2  { padding-left: 80px; } 
.prepend-3  { padding-left: 120px; } 
.prepend-4  { padding-left: 160px; } 
.prepend-5  { padding-left: 200px; } 
.prepend-6  { padding-left: 240px; } 
.prepend-7  { padding-left: 280px; } 
.prepend-8  { padding-left: 320px; } 
.prepend-9  { padding-left: 360px; } 
.prepend-10 { padding-left: 400px; } 
.prepend-11 { padding-left: 440px; } 
.prepend-12 { padding-left: 480px; } 
.prepend-13 { padding-left: 520px; } 
.prepend-14 { padding-left: 560px; } 
.prepend-15 { padding-left: 600px; } 
.prepend-16 { padding-left: 640px; } 
.prepend-17 { padding-left: 680px; } 
.prepend-18 { padding-left: 720px; } 
.prepend-19 { padding-left: 760px; } 
.prepend-20 { padding-left: 800px; } 
.prepend-21 { padding-left: 840px; } 
.prepend-22 { padding-left: 880px; } 
.prepend-23 { padding-left: 920px; }

/* Buttons */
a.button, input.button {
	padding: 0px 1px;
	background-color:#ffd950;
	background-repeat:repeat-x;
	background-image:url(http://www2.brightvillage.net/themes/brightv1/images/bg_input_yellow.png);
	border: 1px #FFAC23 solid;
	color:#333;
	text-align: center;
	cursor: pointer;
}
a:hover.button, :hover.inputsubmit, :hover.toolbutton {
	color:#666;
} 
:active.button {
	background-color:#ffd950;
	background-image:none;
}

.font-normal {
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
}

/*                   Layout
----------------------------------------------*/
body {
	padding: 10px 0;
}
/* top bar */
#topbar         { height: 55px; padding: 0px;	margin: 0; position: relative;}
#topbar .block  { height: 40px; margin: 0; padding: 0; position: absolute; bottom: 0px;}

#topbar-left    { width: 10px; left: 0; }
#topbar-right   { width: 10px; right: 0px; }
#topbar-wrapper { left: 10px; bottom: 0px; width: 870px;  }

#topbar #logo   { margin-top: -15px; width: 190px; height: 55px; }
#topbar #logo a { display: block;width: 190px; height: 55px; }

#logo h2, div#logo h3 {
	display:none;
	visibility:hidden;
}

/* Top Menu */
#menu-wrap {
	float: left;
	height:35px;
	width: auto;
	position: absolute;
	left: 190px; 
}
#menu-wrap li {
	float: left;
	display: inline;
	width: auto;
}
#menu-profile-edit a {
	padding: 0 5px 0 0;
}

#sitemenu {
	float: left;
	padding:10px 0;
}
#sitemenu ul {
	margin-left: 5px;
}
#sitemenu li {
        margin-right: 0.5em;
}
#sitemenu span {
	padding: 0;
}
#sitemenu .has-children ul {
	padding: 5px 0 5px;
	width: 120px;
}

.menu-wide-click ul {
	display:block;
	float: left;
}
.menu-wide-click li.parent {
	display:block;
	float: right;
	width:70px;
	height:17px;
	padding-left:5px;
}
.menu-wide-click li ul {
	display:none;
}
.menu-wide-click span {
	display:inline;
	padding:4px 15px 0px 20px;
}

#topbar .js-hide a, 
#topbar .js-hide a:visited, 
#topbar .js-hide a:link {
	display: block;
	width: 110px;
	padding: 3px 5px 3px;
}
#topbar .js-hide li {
	display: block;
	width: 100%;
	height: 21px;
}
#topbar .menu-toggle {
	padding-right: 5px;
	width: 10px;
	height:10px;
}

#top-menu {
	float: right;
	width: auto;
	height: 15px;
	padding:11px 0;
}

/* shortinfo */
.shortinfo {
	margin-bottom: 10px;
}
.column {
	float: left;
}
.avatar {
	display: inline;
	margin: 10px;
	width: 60px;
} 
/* content */
#container {
	width: 890px;
	padding: 0;
	min-height: 400px;
	margin: 0 auto; 
}
#content {
	width: 868px;
	padding: 10px;
}
#content .nosidebar {
	display: inline;
	margin: 0px 0 40px 180px;
}
.page-default #content-body{
	width: auto;
	margin: 0;
}
#content-body {
	float: left;
	width: 468px;
	margin: 0px 10px 40px 10px;
	padding: 0 0 10px;
}
#content-body.one-sidebar {
    width: 658px;
}
#content-body.nosidebar #content-title h1 {
	margin:0 -10px 10px;
	padding:5px 0;
}
#content-title { display: block; margin-bottom: 10px; width: 100%; }
#content-title h1{
	margin:0;
}

.body {
	float: left;
}

#sidebar-default {
	float: left;
	width: 190px;
	margin: 0;
}
#sidebar-default .block {
	display:block;
	float: left;
	width:170px;
	margin-bottom: 10px;
	padding: 9px;
}
.friend {
	margin-bottom: 5px;
}
.friend-avatar {
	display: block;
	float: left;
	width: 40px;
	margin: 0;
}
.friend-details {
	display: block;
	float: left;
	width: 120px;
	padding-top: 10px;
}
.sideblock-title {
	margin: -10px -10px 0;
	padding: 2px 5px;
}
.sideblock-content {
	padding: 10px 0 0;
}

.set a {
	font-size: 1.2em;
	font-weight: bold;
}
#set-new {
	font-size: 1em;
}

.block ul {
	list-style-type: none;
}
#sidebar-defautl #side-profile {
	padding-top: 10px;
}
#sidebar-default #side-profile {
	padding: 0 9px 10px;
}
#side-profile img {
	padding: 5px;
	margin-bottom: 10px;
}
#side-profile p { margin-bottom: 5px; }

#side-profile .country img, 
#side-profile .hometown img { margin: 0; padding: 0; }
/* Frontpage */
#frontpage-logo     { width:310px; height:80px; margin: 10px 0; float: left; }
#front-description  { width:220px; height:30px; float:right; margin: 10px 0 0; }
#front-description p{ width:220px; }

a.frontpage-icon        { display:block; height:110px; }

#sign_up             { width:220px; height:30px; margin: 10px 0 0; float:right }
#sign_up a, 
#sign_up a:link, 
#sign_up a :visited{
	display:block;
	float:right;
	width:135px;
	height:25px;
}

#login-form-front {
	float: left;
	width: 266px;
	margin: 10px 0 0 20px;
	padding: 20px 0 20px 10px;
	background-color: #eee;
	border: 1px solid #aaa;
}

#login-form,
#description { float: left; width: 200px; padding: 10px; }


/* tabs */
.tabber {}
.tabberlive .tabbertabhide {
	display: none;
}
ul.tabbernav {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
ul.tabbernav li a {
	padding: 2px 0.5em;
	margin-right: 3px;
}

ul.tabbernav li {
	display: inline;
	margin: 0 2px 0 0;
}

.tabberlive .tabbertab {
	padding: 10px 9px 0;
	float:left;
	width:446px;
}

/* Global Classes */
.block { float: left; margin: 0; padding: 0; }
.block-main  { float: left; width: 890px; margin: 0; padding: 0; }
.page-row    { display:block; float: left; width: 100%; margin-bottom:10px; }
.content-row { display: block; float: left; width: 460px; padding: 0 10px; }

div.table { padding:20px 20px; }
div.row   { float:left; margin-bottom:5px;}
div.cell  { float:left; }

.clearfix:after, #container:after, .form-row:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #container, .form-row {display: inline-block;}
* html .clearfix, .form-row,
* html #container {height: 1%;}
.clearfix, #container, .form-row {display: block;}

.clear { clear:both; }

/* forms */
.form-row { margin-bottom: 10px; }

.form-row label,
.form-row input.text,
.form-row select,
.form-row textarea {
    margin: 0;
    padding: 2px;
    font-size: 1.2em;
}
.form-row input,
.form-row select,
.form-row textarea {
        font-family: Helvetica, sans-serif;
}
.form-row .button {
        font-size: 1.2em;
        padding: 1px 2px;
}
form.normal .form-row label,
form.normal .form-row input,
form.normal .form-row select,
form.normal .form-row textarea {
    margin: 0;
    padding: 1px;
    font-size: 1em;
}




/*                   Style
----------------------------------------------*/
#topbar {
	color: #fff;
	font-family: Verdana,Arial,san-serif;
}
#topbar-wrapper,
#topbar-left,
#topbar-right {
	background: transparent url(http://www2.brightvillage.net/themes/brightv1/images/bg_topbar.png) repeat-x;
}
#topbar-left    { background-position: top left; }
#topbar-right   { background-position: top right; }
#topbar-wrapper { background-position: bottom left; }

#topbar #logo   { background: transparent url(http://www2.brightvillage.net/themes/brightv1/images/logo.png) no-repeat; }

#topbar a       { color: #fff; }
#topbar a:hover { color: #FFAC23; text-decoration: none; }

#content { background: #fff; border: 1px #ccc solid; }

#sitemenu .has-children ul {
	background-color: #fff;
	border: 1px #018522 solid;
}
.menu-wide-click a, 
.menu-wide-click a:link, 
.menu-wide-click a:visited {
	font-weight: bold;
	font-size: 14px;
}
.menu-wide-click .menu-toggle {
	background-image: url("http://www2.brightvillage.net/themes/brightv1/images/menu-toggle.gif");
	background-repeat: no-repeat;
	background-position: 3px 3px;
	border-right: 1px #fff solid;
}
#menu-communities .menu-toggle {
	border-right: 0px #fff solid;
}
#menu-profile-edit a {
	color: #c3e5cb;
	font-weight: normal;
	border-right: 1px #fff solid;
}
#menu-profile-edit span {
	border-right: 1px #fff solid;
}

#side-profile img {
	background: #fff;
}
#topbar .js-hide a, 
#topbar .js-hide a:visited, 
#topbar .js-hide a:link {
	color: #018522;
	font-weight: normal;
	font-size: 12px;
}
#topbar .js-hide a:hover {
	background-color: #40A559;
	color: #fff;
}

#sidebar-default .block {
	background: #f8f8f8;
	border: 1px #ddd solid;
} 
.sideblock-title {
	background: #C8E4B1 url(http://www2.brightvillage.net/themes/brightv1/images/bg_blocktitle.png) repeat-x;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
}
#side-profile p.name a {
	color: #E87E10;
	font-weight: bold;
}
/* Frontpage */
div#frontpage-logo {
	background-image:url(http://www2.brightvillage.net/themes/brightv1/images/frontpage_header130208.png);
	text-indent:-9999px;
}
div#front-description {
	background-image:url(http://www2.brightvillage.net/themes/brightv1/images/frontpage_header130208.png);
	background-position: -325px 0px;
}
div#front-description p{
	font-size:1.4em;
	text-align:justify;
	font-weight:bold;
	color:#F58221;
	text-indent:-9999px;
}
#sign_up { text-align:right; }
#sign-up-description {
	background-image:url(http://www2.brightvillage.net/themes/brightv1/images/frontpage_header130208.png);
	background-position: -375px -70px;
	text-align: left;
	text-indent:-9999px;
	font-size:1.2em;
	font-weight:bold;
}
#sign_up a, 
#sign_up a:link, 
#sign_up a :visited{
	color:#333;
	text-indent:-9999px;
	font-size:1em;
	font-weight:bold;
	line-height:1.8em;
	text-align:center;
	background-image:url(http://www2.brightvillage.net/themes/brightv1/images/frontpage_header130208.png);
	background-position: -420px -40px;
}
#sign_up a:focus, #sign_up a:active {
	border:0px #fff solid;
	outline-style: none;
}
#sign_up a:hover {
	background-position: -420px -72px;
}

.frontpage-cell-text h3 { font-size:1.5em; }

.frontpage-icon {
	background-image: url("http://www2.brightvillage.net/themes/brightv1/images/frontpage_icons.png");
	background-repeat: no-repeat;
}
#connect_icon {
	background-position: 0px 0px;
}
#communicate_icon {
	background-position: 0px -240px;
}
#collaborate_icon {
	background-position: 0px -120px;
}
#inspire_icon {
	background-position: 0px -360px;
}

/* Login Form frontpage */
#login-form-wrapper .corner {
	background-image: url(http://www2.brightvillage.net/themes/brightv1/images/bg_corner_login.png);
}
#login-form-wrapper .corner-right {
	background-position: top right;
}
#login-form-wrapper .login-form {
	background-color: #F58221;
	text-align: center;
}
#login-form-wrapper label {
	font-weight: bold;
	color: #fff;
}
#login-form {
	background-color: #eee;
}
#login-form .form-row {
	margin-bottom: 5px;
}

.login-openid {
    padding-left: 20px !important;
    background: transparent url(http://www2.brightvillage.net/media/images/openid/login-bg.gif) no-repeat center left;
}

.login-yahoo {
    padding-left: 20px;
    background: transparent url(http://www2.brightvillage.net/media/images/yfavicon.gif) no-repeat center left;
}

/* Content */
#container { background-color: transparent; }
.page-cell {
	background-color:#f8f8f8;
}
.nosidebar h1 { text-align: center; }
.nosidebar #content-title h1 {
	background-color: #E87E10;
	color: #fff;
}
#content-title h1{
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1em;
	color: #E87E10;
}

/* Tabs */
ul.tabbernav {
	border-bottom: 5px solid #C8E4B1;
	font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li         { list-style: none; }
ul.tabbernav li a       { background-color: #eee; color: #888; text-decoration: none; line-height: 18px; }
ul.tabbernav li a:hover { background: #C8E4B1; color: #018522; text-decoration: none; }

ul.tabbernav li.tabberactive a {
	background: #C8E4B1;
	color: #018522;
	text-decoration: none;
}

ul.tabbernav li.tabberactive a:hover {
	background: #C8E4B1;
	color: #018522;
	text-decoration: none;
}
.tabberlive .tabbertab {
	background-color: #f8f8f8;
	border: 2px solid #C8E4B1;
	border-top: 0;
}
/* shortinfo */
.shortinfo {
	background-color: #f8f8f8;
}
.shortinfo ul {
	list-style: none;
}

/***************************
        Shouts
 **************************/
.shouts-form { margin-bottom: 10px; }
#form-filter { margin-bottom: 10px; }

.video-object object,
.image-object img    { 
	border: 6px #fff solid; margin-bottom: 10px; 
}
.mp3-wrapper         { width: 350px; margin: 0 auto; }

.shouts-details {
	margin-bottom: 10px; 
	padding: 0 10px 0 5px;
	background-color: #f8f8f8;
	border: 1px #ddd solid;
	height:100%;
	overflow: hidden;
}

.shouts-content          { float: left; margin-bottom: 10px;}
.shouts-details .icon    { margin: 5px 10px 10px 0; }
.shouts-details .details { padding: 0; width: 400px; }

.shouts-details .lastreply { width: 380px; float: right; margin-bottom: 5px; }
.shouts-details .lastreply { font-size: 0.8em; text-align: right; }
.form-quickreply { padding-top: 10px; }
.shouts-details blockquote {
    width: 300px;
    padding: 15px 15px;
	font-size: 1.2em;
	font-weight: bold;
    overflow: hidden;
	background-color: #fff;
	background-image: url(http://www2.brightvillage.net/themes/brightv1/images/quotes_left.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
.shouts-details blockquote .inner-blockquote {
	background-image: url(http://www2.brightvillage.net/themes/brightv1/images/quotes_right.gif);
	padding-right: 30px;
	background-position: bottom right;
	background-repeat: no-repeat;
    margin-left: 30px;
    display: block;
}

.shouts-details .info {
	float: right; 
	font-size: 0.9em; 
	text-align: right;
	padding: 2px 5px;
	margin: 0 0 10px;
	background-color: #ddd; 
}

.shouts-details .info p {
	margin: 0;
}
.event dl {
	float:left;
	padding: 10px;
	margin: 0 0 10px;
	background-color: #fff;
}
.event dt {
	float:left;
	font-weight: bold;
	width: 70px;
	margin-right: 10px;
	text-align: right;
}
.event dd {
	float:left;
	width: 260px;
}


.shouts-details .actions,
.shout-full .info {
	display: block;
	width: 451px;
	float: left;
	padding: 3px 10px;
	margin: 0 -10px 0 -5px;
	background: #ddd;
	font-size: 0.9em;
	text-align: right;
}
.quickreply {
	float: left;
	width: 460px;
}
.shouts-details .content p {
   padding: 0; 
   margin-bottom: 10px;
}

.details-full .content p,
.details-medium .content p {
    font-size: 1.2em;
}
.shouts-replies     { margin: 0 20px 10px; float: none; }
.shouts-reply .icon { float: left; }
.details-reply      { margin-left: 36px; }
.details-reply .by  { font-size: 0.9em; padding: 2px 5px; margin: 0 0 5px; background: #edf1f5; }

.shouts-replies .form-reply {
    margin: 0px;
}

.shouts-replies .form-reply textarea {
    width: 80%;
    display:block;
}

.shouts-replies .reply-submit {
    padding: 5px 0;
}

.shouts-list .short .icon {
    float: left;
    width: 36px;
    padding: 0;
}

.shouts-list .details-short {
    width: 480px;
    margin: 0;
}

.shouts-list .details-short .content {
    margin: 0;
}

.details-short .content p {
    display: inline;
}
.shouts-message textarea {
	width: 305px;
}
/* Cleaned */
.shouts-details .icon {
	float:left;
	width: 65px;
}
.shouts-details .details {
	width: 360px;
	float: left;
	margin-left: 0 10px;
}
.shout-full .details-full {
	padding: 10px 0 0; 
}
.shouts-details .by {
	padding: 2px 5px 0px;
	background: #edf1f5;
}
.shouts-replies .content {
	padding: 5px 0;
	border: 1px #fff solid;
}

#shouts-tab-message,
#shouts-tab-link,
#shouts-tab-file,
#shouts-tab-event {
    background-position: 2px center;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-right: 0;
}

#shouts-tab-message {
    background-image: url(http://www2.brightvillage.net/media/images/icons/note.png);
}
#shouts-tab-link {
    background-image: url(http://www2.brightvillage.net/media/images/icons/link.png);
}
#shouts-tab-file {
    background-image: url(http://www2.brightvillage.net/media/images/icons/image.png);
}
#shouts-tab-event {
    background-image: url(http://www2.brightvillage.net/media/images/icons/date.png);
}

.link {
overflow: hidden;
}

/***************************
        Sets
 **************************/
.sets-block {
	float:left;
	width:50%;
}
#setform fieldset {
	padding: 3px 0 15px 0;	
}
#setform fieldset legend {
	font-weight: bold;
}
#setform fieldset input, #setform fieldset select {
	width: 90%;
}
.set-box {
	border: 1px solid #CCCCCC;
	padding: 3px 10px;
	margin: 2px 15px;	
}
.set-box a {
	display: inline;
}
.set-box a.set-modify {
	float:left;
}
.set-box a.set-delete {
	float: right;	
}

/***************************
        Register
 **************************/
#register-holder fieldset {
	padding-bottom: 10px;
}
#register-holder fieldset legend {
	font-size: 1.0em;
	font-weight: bold;
	padding: 5px 0px 12px 0px;
}

/***************************
        Browse
 **************************/
h2.title {
	margin: 9px 0px 1px 0px;
}

/***************************
        Dashboard
 **************************/

.dashboard-shouts, 
.dashboard-shouts-friends {
	overflow: hidden;
}

.shouts-form .form-toggle a {
color: #555;
text-decoration: none;
}
.shouts-form .form-toggle a:hover {
text-decoration: none;
}
/*                                      Systems messages styles
-----------------------------------------------------------------------------------------------*/
#system-messages {
	background:#F7DAD8;
	color:#888;
	padding: 10px;
    margin: 0 auto 10px;
}
#system-messages p{
	padding-bottom: 2px;
    font-size: 1.2em;
}

div.rating-stars {display: inline}
/* jQuery.Rating */
div.rating{cursor:pointer;margin:2em;clear:both;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.cancel,div.star{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.cancel,div.cancel a{background:url('http://www2.brightvillage.net/media/images/rating/delete.gif') no-repeat 0 -16px}
div.star,div.star a{background:url('http://www2.brightvillage.net/media/images/rating/star.gif') no-repeat 0 0px}
div.cancel a,div.star a{display:block;width:16px;height:100%;background-position:0 0px;border:1 solid #FF0000}
div.star_on a{background-position:0 -16px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -32px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */