td.hd {
TEXT-DECORATION: none;
TEXT-ALIGN: center;
}
a.hd:link {
COLOR: #000000;
TEXT-DECORATION: none;
}
a.hd:visited {
COLOR: #000000;
TEXT-DECORATION: none;
}
a.hd:hover {
COLOR: #999999;
}
.sinfo img {
margin: 0px 12px 0px 0px
}
html, body {
	height: 100%; margin: 0; padding: 0;
}

body {
	FONT-SIZE: 12px; 
	CURSOR: default; 
	COLOR: #000000; 
	FONT-FAMILY:  Helvetica, arial, sans-serif; 
	margin: 0;
	TEXT-DECORATION: none
}

a {
	color: #555;
}

a:hover {
	text-decoration: none;
	color: #2f8bba;
}

.bold {
	font-weight: bold;
}

.wrapper {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 950px;
	min-height: 100%;
}

.header {
	clear: both;
	overflow: hidden;
	padding-top: 10px;
}

.headerTop{
	border-bottom: 4px solid #dfeef8;
	padding-bottom: 5px;
	overflow: hidden;
	zoom: 1;
}

.menubar ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	background-image: url('mainBarBcg.gif');
	border-bottom: 1px solid #bfbfbf
}
.menubar li {
	display: inline;
	padding: 0;
	margin: 10px;
	line-height: 28px;
}

.topMenu {
	text-align: right;
}

.topMenu ul{
	margin: 0;
	padding: 0;
    list-style-type: none;
    text-align: right;
}
.topMenu li {
	display: inline;
    margin:0;
    padding: 0 0 0 0px;
    margin-left: 3px;
}
.topMenu li img {
	margin-bottom: 1px;
	vertical-align: middle;
}
.topMenu li.left {
	margin-right: 5px;
}
.topMenu li.right {
	margin-left: 8px;
}

.sinfo img {
	margin: 0px 7px 0px 0px
	}

.mainMenu {
	text-align: center;
	border-top: 2px solid #e6e6e6;
	border-bottom: 1px solid #bfbfbf;
	height: 28px;
	line-height: 28px;
	background-image: url('mainBarBcg.gif');
	font-style:normal; font-variant:normal; font-weight:normal; font-size:8pt; font-family:Tahoma, Trebuchet MS, Arial, sans-serif

}

.mainMenu div {
    padding:0 10px 0 10px;
    margin:0;
    background-color: transparent;
    height: 28px;
    float: left;
}
.mainMenu div a {
	font-size: 10pt;
	text-decoration: none;
	color:#000000;

}

.mainMenu div.selected {
	background-color: #eef6fc;	
}
.mainMenu div.selected a {
	color: #000000;
}

.subMenu {
	line-height: 27px;
	font-size: 8pt;
	background: #eef6fc url('buttons/submenu/shadow.gif') repeat-x 0 0;
	
}

.subMenu ul{
	margin: 0;
	padding: 0;
    list-style-type: none;
    text-align: left;
}
.subMenu li {
	display: inline;
    margin:0;
    padding: 0 0 0 10px;
    margin-left: 0px;
}
.subMenu li a {
	color: #36617e;
	text-decoration: none;
}
.subMenu li a:hover {
	color: #2f8bba;
}
.blue-body{
	padding:5px;
	border-bottom: 1px solid #96ABD4;
	border-right: 1px solid #96ABD4;
	border-left: 1px solid #96ABD4;
}
.cardlabel{
	float:left;
	width:80px;
}

.card-headline{
	border:1px dashed #689BCA;
	float:left;
}
.card-headline-body{
	font-family: "Trebuchet MS","Lucida Grande"; 
	font-size: 10pt;
	font-weight:bold;
	float:left;
	margin:5px;
}

.card-member{
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
}
.card-online{
	border:1px solid #CCCCCC;
	font-size:7pt;
	padding:2px;
	margin:2px;
	height:10px;
	line-height:10px;
	cursor:default;
	font-weight:bold;
}
.card-featured{
	border:1px solid #CCCCCC;
	font-size:7pt;
	padding:2px;
	margin:2px;
	height:10px;
	line-height:10px;
	cursor:default;
	font-weight:bold;
}
.card-new{
	border:1px solid #CCCCCC;
	font-size:7pt;
	padding:2px;
	margin:2px;
	height:10px;
	line-height:10px;
	cursor:default;
	font-weight:bold;
}
.card-updated{
	border:1px solid #CCCCCC;
	font-size:7pt;
	padding:2px;
	margin:2px;
	height:10px;
	line-height:10px;
	cursor:default;
	font-weight:bold;
}

.card-member-top,.card-member-top a{
	padding:3px;
	text-align:left;
	border-bottom: 1px solid #FFFFFF;
	color: #000000;
	text-decoration:none;
}
.card-member-top a:hover{
	color: #689BCA;
}
.card-member-body{
	padding:5px;
	text-align:left;
}
.card-member-header,.card-member-header a{
	font-family: "Trebuchet MS","Lucida Grande"; 
	font-size: 12pt;
	font-weight:bold;
	color: #507EA9;
	text-decoration:none;
}
.card-member-header a:hover{
	color: #689BCA;
}
.card-member-options,.card-member-options a{
	padding:3px;
	text-align:left;
	border-top: 1px solid #FFFFFF;
	color: #32608A;
	text-decoration:none;
	font-size:7pt;
}
.card-member-options a:hover{
	color: #689BCA;
}
ul.card-member-list{
	padding:0;
	margin:0;
	white-space:nowrap;
	list-style-type:none;
	list-style-position: outside;
}
li.card-member-item{
	display:inline;
	background: url('arrow.gif') 5px no-repeat ;
	padding-left:10px;
}

.whiteBox {
	margin-top: 10px;
	zoom: 1;
}

.whiteBox .tlh {
	background: url('boxes/white/tl.gif') no-repeat 0 0;
}
.whiteBox .tch {
	background: url('boxes/white/tc.gif') repeat-x 0 0;
}
.whiteBox .trh {
	background: url('boxes/white/tr.gif') no-repeat 100% 0;
}
.whiteBox .tl {
	background: url('boxes/white/tl.gif') no-repeat 0 0;
}
.whiteBox .tr {
	background: url('boxes/white/tr.gif') no-repeat 100% 0;
}
.whiteBox .bl {
	background: url('boxes/white/bl.gif') no-repeat 0 100%;
}
.whiteBox .br {
	background: url('boxes/white/br.gif') no-repeat 100% 100%;
}
.whiteBox .l {
	background: url('boxes/white/dot.gif') repeat-y 0 0;
}
.whiteBox .r {
	background: url('boxes/white/dot.gif') repeat-y 100% 0;
}
.whiteBox .b {
	background: url('boxes/white/dot.gif') repeat-x 0 100%;
}
.whiteBox .t {
	background: url('boxes/white/dot.gif') repeat-x 0 0;
}
.grey-header{
	background-color: #EDEDED;
	border: 1px dashed #999999;
	font-family: "Trebuchet MS","Lucida Grande"; 
	font-size: 10pt;
	font-weight:bold;
	padding:3px;
	padding-left: 10px;
	text-align:left;
	color: #808080;
}
.grey-body{
	padding:5px;
	background-color: #FAFAFA;
	border-bottom: 1px dashed #999999;
	border-right: 1px dashed #999999;
	border-left: 1px dashed #999999;
}
.whiteBox .whiteBoxHeader {
	line-height: 25px;
	font-size: 10pt;
	color: #666;
	padding-left: 10px;
	zoom: 1;

}
.whiteBox .whiteBoxBody {
	padding: 10px;

}


.greyTop {
	margin-top: 10px;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #f2f2f2;
	background-color: #fafafa;
	overflow: hidden;
	zoom: 1;
}
.greyTopHeader {
	font-size: 10pt;
	color: #666;
	padding: 5px 0 5px 5px;
	background-color: #f2f2f2;
}
.greyTopBody {
	padding: 10px;
}

ul.sideMenu {
	list-style-type: none;
	list-style-position: outside;
	margin: 10px 0 0 0;
	padding: 0;
	border-top: 2px dashed;
}
ul.sideMenu li {
	padding: 5px 0 5px 10px;
	margin: 0;
	border-bottom: 1px solid #e6e6e6;
}
ul.sideMenu li a {
	text-decoration: none;
}
ul.sideMenu li a:hover {
	color: #999;
}

.empty {
	height: 70px;
}

.pFooter {
	background-color: #f2f2f2;
	border-top: 1px solid #ccc;
	padding: 10px;
}

.clear {
	clear: both;
}

.floatSet {
	overflow: hidden;
	zoom: 1;
}

.columnWide {
	width: 90%

}
.columnSmall {
	width: 220px;
	float: right;
}

h1{
	font-family: "Trebuchet MS","Lucida Grande";
	font-weight:bold;
	font-size:12pt;
	padding:0px;
	margin:0;
}

h2 {
	font: bold 11pt Arial, sans-serif;
	margin: 10px 0 10px 0;
}

h3 {
	font: bold 10pt Tahoma, "Trebuchet MS", Arial, sans-serif;
	margin: 0 0 10px 0;
}

.tipBox {
	margin-top: 10px;
	background-color: #FFFFCC;
	border-top: 2px solid #FFCC33;
	padding: 10px;
}

/* forms */

.button {
	font: 8pt Arial, Helvetica, sans-serif;
}

.form {
	width: 600px;
	margin: 0 auto 0 auto;
}

.form .field {
	margin-bottom: 10px;
	overflow: hidden;
	zoom: 1;
}


.form label {
	float: left;
	line-height: 20px;
	width: 200px;
	text-align: right;
	margin-right: 5px;
	font-size: 120%;
}

fieldset {
	border: 0;
	padding: 0 ;
	margin: 0;
}

.form fieldset.noLabel {
	margin: 0 0 0 205px;
	padding: 0;
	border: 0;
	width: 200px;
}

.form fieldset label {
	margin: 0 0 0 20px;
	padding: 0;
	text-align: left;
	float: none;
	width: auto;
	display: block;
	cursor: pointer;
}

.form .controls div {
	margin: 0 0 0 205px;
}

.textfield {
	font: 8pt Tahoma, "Trebuchet MS", Arial, sans-serif;
	border: 1px solid #999;
	background-color: #FFF;
	height: 16px;
	padding: 2px 0px 0px 3px;
	width: 150px;
	margin-bottom: 2px;
}

.textarea {
	font: 8pt Tahoma, "Trebuchet MS", Arial, sans-serif;
	border: 1px solid #999;
	background-color: #FFF;
	padding: 2px;
}

.dropdown {
	font: 8pt Tahoma, "Trebuchet MS", Arial, sans-serif;
	border: 1px solid #999;
	background-color: #FFF;
	height: 20px;
}

.multiple .dropdown {
	font: 8pt Tahoma, "Trebuchet MS", Arial, sans-serif;
	border: 1px solid #999;
	background-color: #FFF;
	padding: 3px;
	height: auto;
}

.button {
	font: 8pt Arial, Helvetica, sans-serif;
	margin-right: 5px;
}

.form .checkbox {
	margin-right: 3px;
}

.form .radio {
	margin-right: 3px;
}

.form .public_url label {
	width: auto;
	text-align: left;
	font-size: 8pt;
}
.form .public_url .textfield {
	width: 80px;
}
.form .file .textfield {
	height: auto;
}

.templateSelect img {
	margin-bottom: 5px;
}

.narrowForm .form {
	width: auto;
	margin: 0;
	
}
.narrowForm .form label {
	width: 40%;
}
.narrowForm .form .textfield {
	width: 50%;
}
.narrowForm .form .controls div {
	margin: 0 ;
	text-align: center;
}

.quickSearchForm .form {
	width: auto;
	margin: 0;
}
.quickSearchForm .form .controls div {
	margin: 0 ;
	text-align: center;
}
.quickSearchForm .form .field {
	text-align: center;
}
.quickSearchForm .form label {
	width: 0;
	margin: 0;
}
.quickSearchForm .form .textfield {
	width: 80%;
}

.verticalAlignTop .list td {
	vertical-align: top;
}

.forum .list td {
	vertical-align: top;
}
.calendar .list td {
	vertical-align: top;
}
.polls .list .style1{
	background-color: #fafafa;
}
.polls .list .style2{
	background-color: #f2f2f2;
}
.listItemDiv {
	margin: 0 0 10px 0;
	border: 1px solid #f2f2f2;
}
.members .listItemDiv{
	border: 0;
}
.clubs .listItemDiv {
	border: 0;
}
.events .listItemDiv {
	border: 0;
	margin: 0 0 5px 0;
}

.list .listRowDiv {
	padding: 5px;
	border-bottom: 1px solid #f2f2f2;
	overflow: hidden;
	zoom: 1;
}
.members .list .listRowDiv {
	padding: 0;
}
.clubs .listRowDiv {
	border: 0;
	padding: 0;
	border: 1px solid #e5e5e5;
}
.clubs .featured .listRowDiv {
	border: 1px solid #FFCC33;
}
.events .listRowDiv {
	border-bottom: 1px dotted #999;
}
.events .noBottom .listRowDiv {
	border: 0;
}
.list td {
	padding: 5px;
}
.bulletins .list td {
	vertical-align: top;
}

.listHeader td {
	border-bottom: 1px solid #808080;
	font-weight: bold;
}
.listRow td {
	border-bottom: 1px solid #eeeeee;
}
.list .title {
	font: bold 10pt Tahoma, "Trebuchet MS", Arial, sans-serif;
}
.list .title a {
	text-decoration: none;
	font-size: 11pt;

}

.list .description {
	margin: 5px 0 5px 0;
}

.list .image {
	float: right;
	margin-left: 5px;
}
.list .listItemControls {
	background-color: #fafafa;
	padding: 5px;
	overflow: hidden;
	zoom: 1;
}
.list .listItemControls .actions {
	float: right;
}
.list .listItemControls .info {
	line-height: 20px;
}

.events .list .date {
	font: 9pt Tahoma, "Trebuchet MS", Arial, sans-serif;
	color: #000;
}
.events .list .title a {
	font-weight: bold;
}
.events .image {
	float: left;
	margin: 0 20px 5px 0;
}
.events .list .actions {
	float: right;
}
.events .list .titleLine {
	line-height: 20px;
	font-size: 9pt;
	overflow: hidden;
	zoom: 1;
}
.events .list .description {
	color: #666;
}

.clubs .list .imageAndActions {
	float: left;
	width: 100px;
	text-align: center;
	padding: 5px;
}
.clubs .list .imageAndActions .actions {
	overflow: hidden;
	zoom: 1;
}
.clubs .list .imageAndActions .image {
	float: none;
}
.clubs .list .content {
	margin-left: 100px;
	padding: 5px 5px 5px 0;
}
.clubs .list .title a {
	font-weight: bold;
}

.members .list .image {
	float: left;
	width: 100px;
	text-align: center;
	padding: 10px 0 10px 0;
}
.members .list .content {
	margin-left :100px;
	margin-right: 150px;
	padding: 10px 10px 10px 0;
}
.members .list .connection {
	padding: 5px;
}
.members .list .imageAndContent {
	border-bottom: 2px solid #f2f2f2;
}
.members .list .description {
	color: #000;
	overflow: hidden;
	zoom: 1;
}
.members .list .description label {
	color: #666;
	width: 60px;
	float: left;
}
.members .list .headline {
	height: 18px;
	float: left;
	margin: 10px 0 10px 0;
}
.members .list .headline .left {
	background: url('q_open.gif') no-repeat 0 0;
	height: 18px
}
.members .list .headline .right {
	background: url('q_close.gif') no-repeat 100% 0;
	height: 18px
}
.members .list .headline .quote {
	padding: 0 25px 0 25px;
	height: 18px;
	font: 10pt Tahoma, "Trebuchet MS", Arial, sans-serif;
	color: #666;
}
.members .list .actions {
	float: right;
}
.members .list .actions ul {
	margin: 0 5px 0 0;
	padding: 0;
	list-style-type: none;
}
.members .list .actions li {
	margin: 0;
	padding: 3px;
	width: 120px;
	border-bottom: 1px solid #ccc;
}
.members .list .actions li a {
	text-decoration: none;
	color: #666;
}
.members .list .actions li a:hover {
	text-decoration: none;
	color: #999;
}

.info {
	font: 11pt , sans-serif, Arial, Tahoma, "Trebuchet MS";
	overflow: hidden;
	zoom: 1;
}
.info .row {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 5px;
	padding: 3px;
}
.info .tspRow {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 5px;
	padding: 3px;
}
.info label {
	float: left;
	width: 100px;
}

.categories {
	
}
.categories .category {
	font: bold 9pt Tahoma, "Trebuchet MS", Arial, sans-serif;
	margin: 5px;
}
.categories .category .sub {
	font: 9pt Tahoma, "Trebuchet MS", Arial, sans-serif;
}
.categories .subcategory {
	font: 9pt Tahoma, "Trebuchet MS", Arial, sans-serif;
	margin: 5px 5px 5px 20px;
}

.dotBorderBottom {
	border-bottom: 1px dotted #CCC;
}

.blueTop .dotBorderBottom {
	border-bottom: 1px dotted #508bb3;
}

.padded {
	padding: 5px;
}

.padded10 {
	padding: 10px;
}

.marginBottom10 {
	margin-bottom: 10px;
}

.centerText {
	text-align: center;
}

.error {
	margin-top: 10px;
	border-left: 2px solid #b35050;
	background-color: #ffff99;
	padding: 10px;
}

.complete {
	margin-top: 10px;
	border-left: 2px solid #52b350;
	background-color: #ccffcc;
	padding: 10px;
}



/* social bookmarking */
#sbdropdown {
border:1px solid #CCC;
background-color: #FFF;
visibility:hidden;
position:absolute;
z-index:100;
left:0px;
top:0px;
padding: 3px;
width:125px;
}
#sbbar {
border:1px solid #CCC;
background-color: #FFF;
padding: 3px;
overflow: hidden;
zoom: 1;
}
.sbitem{
border:1px solid #FFF;
background-color: #F7F7F7;
color: #666666;
padding: 3px;
cursor: pointer;
text-align:left;
}
.sbitemhighlight{
background-color: #EBF3FA;
border:1px solid #689BCA;
padding: 3px;
cursor: pointer;
text-align:left;
}

/* color selector */
.color-color{
	margin:1px;
	width:7px;
	height:7px;
	float:left;
	cursor:pointer;
	border:1px solid #000000;
}

/* tags */
.tagCloud {
	padding: 3px;
	text-align:center;
}
.tagCloud a{
	color: #4E8199;
	text-decoration:none;
}
.tagCloud a:hover {
	color: #4E8199;
	text-decoration:underline;
}


#basicViewOptions {
	display: inline;
}
#detailedViewOptions {
	display: inline;
}

/* lists */
.listItem {	
	border-bottom: 1px dotted #ccc;
	width: 100%;
	padding: 10px 0 10px 0;
	overflow: hidden;
}
.listItem .listScrCol {
	width: 128px;
	float: left;
}
.listItem .listInfoCol {
	margin-left: 135px;
	zoom: 1;
}

.listItem3Col {	
	border-bottom: 1px dotted #999;
	width: 100%;
	padding: 10px 0 10px 0;
	overflow: hidden;
}
.listItem3Col .listScrCol {
	width: 128px;
	float: left;
}
.listItem3Col .listInfoCol {
	margin-left: 135px;
	margin-right: 50px;
	zoom: 1;
}
.listItem3Col .listPosCol {
	width: 35px;
	float: right;
}


.listItemSmall {
	width: 100%;
	padding: 0 0 3px 0;
	overflow: hidden;
}
.listItemSmall .listScrCol {
	width: 98px;
	float: left;
}
.listItemSmall .listInfoCol {
	margin-left: 105px;
	zoom: 1;
}

.listItemDefault {	
	border-bottom: 1px dotted #999;
	width: 100%;
	padding: 10px 0 10px 0;
	overflow: hidden;
}
.listItemDefault .listScrCol {
	width: 98px;
	float: left;
}
.listItemDefault .listInfoCol {
	margin-left: 108px;
	margin-right: 80px;
	zoom: 1;
}
.listItemDefault .listActionsCol {
	width: 70px;
	float: right;
	line-height: 17px;
	font-size: 10pt;
	margin-right: 5px;
	text-align: right;
}
.listItemDefault .listActionsCol a {
	text-decoration: none;
}
.listItemDefault .listDataCol {
	width: 50px;
	float: right;
}


.listItemGroup {	
	border-bottom: 1px dotted #999;
	width: 100%;
	padding: 10px 0 10px 0;
	overflow: hidden;
}
.listItemGroup .listScrCol {
	width: 98px;
	float: left;
}
.listItemGroup .listInfoCol {
	margin-left: 108px;
	margin-right: 120px;
	zoom: 1;
}
.listItemGroup .listActionsCol {
	width: 110px;
	float: right;
	line-height: 17px;
	font-size: 10pt;
	margin-right: 5px;
	text-align: right;
}
.listItemGroup .listActionsCol a {
	text-decoration: none;
}

.listInfoCol .title {
	font: 14px Tahoma, "Trebuchet MS", Arial, sans-serif;
}
.listInfoCol .title a {
	text-decoration: none;
}
.listInfoCol .description {
	margin: 10px 0 10px 0;
}
.listInfoCol .info {
	font: Arial, sans-serif;
	line-height: 14px;
}


.listClear {
	clear: both;
}
.clearRight {
	clear: right;
}

/* pages */
.pages {
	font: 8pt Tahoma, "Trebuchet MS", Arial, sans-serif;	
	margin: 5px 0 5px 0;
	padding: 5px;
	text-align: center;
}
.pages a {
	margin: 0 4px 0 4px;
}
.pages .p {
	margin: 0 4px 0 4px;
	font-weight: bold;
}

.cell {
	border:1px solid #CCC;
	padding: 5px;
}

.greyCell {
	border:1px solid #CCC;
	padding: 5px;
	background-color: #F7F7F7;
}


.floatLeft{
	float: left;
	margin: 3px;
}
.cell .sbbar {
	border: none;
}
.marginTop5 {
	margin-top: 5px;
}
.stats {
	margin: 10px;
}
.stats .vinfo {
	font: 8pt Tahoma, "Trebuchet MS", Arial, sans-serif;
	line-height: 20px;
}
.vinfo .label {
	font-weight: normal;
}
.vinfo .description {
	font-weight: normal;
}

/* rate scale */
.rate {
	height: 21px;
	display: block;
	line-height: 21px;
}
.rate .label {
	font: 10pt Arial, sans-serif;
	height: 21px;
	width: 35px;
	line-height: 21px;
	display: inline;
}
.rate .stars {
	display: inline;
	cursor: pointer;
}
.rate .stars img {
	vertical-align: top;
}
.votes {
	margin-top: 5px;
	margin-left: 35px;
	width: 110px;
	font: 8pt Arial, sans-serif;
	text-align: center;
}

/* comments */
.comment {
	margin: 5px;
	padding: 5px;
	font: 8pt Tahoma, "Trebuchet MS", Arial, sans-serif;
	border-top: 1px dotted #999;
	overflow: hidden;
}
.comment .description {
	margin-left: 80px;
	zoom: 1;
}
.comment .highlight {
	font-size: 9pt;
}
.comment .text {
	margin-top: 10px;
}
#commentForm {
	display: none;
}
.commentRateWord {
	line-height: 12px;
}
.commentRating {
	width: 15px;
	line-height: 12px;
	text-align: right;
}
.commentRatingImg {
	text-align: right;
	line-height: 12px;
	width: 35px;
}
.commentRatingImg img {
	vertical-align: bottom;
}


.commentOptions {
	line-height: 12px;
	width: 100px;
}

.subcomments {
	margin: 10px 20px 10px 20px;
	border: 3px solid #E5E5E5;
	padding: 3px;
}

.dotBorderTop {
	border-top: 1px dotted #666;
}

/* complete box */
.completeBox {
	border: 1px dashed #5289A8;
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
}

/* error box */
.errorBox {
	background-color: #FFC2C2;
	border: 1px solid #AF2D2D;
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
}
.errorBox a {
	color: #711B1B;
}

.dashBorder {
	border: 1px dashed #CCC;
}

.avatarLarge {
	margin: 2px;
	border: 3px double #999;
	float: left;
	zoom: 1;
}
.avatarLarge .avatar {
	overflow: hidden;
	width: 84px;
	height: 84px;
	background-color: white;
	display: block;
	text-align: center;
}
.avatarLarge .avatar div {
	width: 400px;
	margin-left: -158px;
}
.avatarLarge .avatar img{
	height: 84px;
}

.avatarSmall {
	margin: 2px;
	border: 3px double #999;
	float: left;
	zoom: 1;
}
.avatarSmall .avatar {
	overflow: hidden;
	width: 54px;
	height: 54px;
	background-color: white;
	display: block;
	text-align: center;
}
.avatarSmall .avatar div {
	width: 400px;
	margin-left: -173px;
}
.avatarSmall .avatar img{
	height: 54px;
}

.mailboxList .screenshotSmall {
	border: 1px solid #999;
	background-color: white;
	display: block;
	padding: 0;
	float: left;
	margin: 0px;
	margin-right: 3px;
	zoom: 1;
}
.mailboxList .screenshotSmall img{
	height: 23px;
	width: 30px;
}

/* vchat */
#vchat_window{
	position: absolute;
	visibility: hidden;
	width: 370px;
	top: 0;
	left: 0;
	z-index: 1;
}
.vchat_handler{
	border: 4px solid #00209F;
	height:100%;
	padding:5px;
}
.vchat_icon{
	margin:auto;
	text-align:center;
	float:left;
}
.vchat_message{
	text-align:left;
	font : 8pt Verdana, Arial, Helvetica, sans-serif;
}
.vchat_message_header{
	font-weight:bold;text-align:center
}
.vchat_message_content{
	padding-top:20px;
}
.vchat_buttons{
	text-align:center;
	padding-top:20px;
}


/* notification */
.noti{
	border:1px solid #6888CA;
}
.noti-header{
	padding:3px;
	font : 8pt Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.noti-header a{
	font-weight:normal;
	text-decoration:none;
}
.noti-body{
	font : 8pt Verdana, Arial, Helvetica, sans-serif;
}
.noti-body a{
}
.noti-body a:hover{
	text-decoration:none;
}

/* rating */
.rating{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25pt;
	font-weight: bolder;
	text-align:center;
}

.rating_0{
	color: #8093BA;
}
.rating_1{
	color: #8093BA;
}
.rating_2{
	color: #868FB3;
}
.rating_3{
	color: #8E8BAA;
}
.rating_4{
	color: #9885A0;
}
.rating_5{
	color: #A27F95;
}
.rating_6{
	color: #AD7989;
}
.rating_7{
	color: #B7737E;
}
.rating_8{
	color: #C06D75;
}
.rating_9{
	color: #C7696C;
}
.rating_10{
	color: #CE6565;
}

/* forum */
.forum-totals{
	border:1px solid #e5e5e5;
	padding:5px;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
}
.forum-button{
	border: 1px solid #000000;
	background-color: #FFFFFF;
	color: #666666;
	font-family : Tahome, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding:5px;
	cursor:pointer;
	float:left;
	margin:2px;
}
.forum_quote{
	border:1px dashed #689BCA;
	padding:5px;
}

/* calendar */
.calendar-button{
	font-family : Tahome, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border:1px solid #999999;
	color: #999999;
	cursor:pointer;
	width:20px;
	text-align:center;
}
.calendar-date{
	font-family: "Trebuchet MS","Lucida Grande";
	font-size: 8pt;
	font-weight:bold;
	text-align:center;
}
.calendar-week{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	text-align: center;
}
.calendar-day{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	cursor: pointer;
}
.calendar-extended{
	color: #999999;
}
.calendar-sunday{
	color: #1F5EAC;
}
.calendar-today{
	color: #B33838;
}
.calendar-holiday{
	color: #1F5EAC;
}
.calendar-nof-holiday{
	color: #3F981C;
}
.calendar-events{
	font-weight: bold;
}
.calendar-notes{
	font-style: italic;
}
.calendar-selected{
	border: 1px solid #B33838;
}

/* photos */
.photo{
	width:80px;
	height:118px;
	margin: 3px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
}
.photo_edit{
	width:80px;
	height:132px;
	border: 1px solid #e5e5e5;
	margin: 3px;
}
.photo_big{
	width:344px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
}

.photo-photo{
	padding: 8px;
}
.photo-caption{
	padding: 2px;
	height:42px;
	color: #000000;
}
.photo-text{
	font: 7pt Tahoma, sans-serif;
	text-align: center;
}
.photo-text a{
	font: 7pt Tahoma, sans-serif;
}
.photo-text-big{
	font: 8pt Tahoma, sans-serif;
}

/* albums */
.photo{
	width:80px;
	height:118px;
}
.photo_edit{
	width:80px;
	height:132px;
}
.photo_main{
	padding: 8px;
}
.album{
	width:80px;
	height:118px;
	border: 1px solid #e5e5e5;
	margin: 3px;
}
.album_main{
	padding: 8px;
}
.album_big{
	width:344px;
}
.album_edit{
	width:80px;
	height:142px;
	border: 1px solid #e5e5e5;
	margin: 3px;
}
.album-photo{
	padding: 8px;
}
.album-caption{
	padding: 2px;
	height:42px;
}
.album_edit{
	width:80px;
	height:142px;
}
.album-text{
	font: 7pt Tahoma, sans-serif;
	text-align: center;
}
.album-text a{
	font: 7pt Tahoma, sans-serif;
}
.album-text-big{
	font: 8pt Tahoma, sans-serif;
}

/* member box */

.member-photo{
	margin-bottom: 3px;
	float: center;
	text-align: center;
}
.member-name{
	height:32px;
	text-align: center;
}
.member-name a{
	font: bold 8pt Tahoma, sans-serif;
	text-decoration: none;
	text-align: center;
}

.member{
	width: 80px;
	height: 121px;
}
.member-online-photo{
	background-color: #e4e4e4;
	border: 1px solid #998C7D;
	padding: 8px;
}
.member-online-name{
	border-left: 1px solid #998C7D;
	border-right: 1px solid #998C7D;
	padding: 2px;
	height:32px;
	text-align:center;
}
.member-online-name a{
	font: 8pt Tahoma, sans-serif;
	color: #FFFFFF;

}
.member-online-name a:hover{
	text-decoration: none;
}
.member-online-indicator{
	border: 1px solid #003366;
	font: 7pt Arial, sans-serif;
	color: #FFFFFF;
	background-color: #003366;
}
.member-online-indicator a{	
	font: 7pt Arial, sans-serif;
	color: #FFFFFF;
}

.member-offline-photo{
	background-color: #F2F2F2;
	border: 1px solid #999999;
	padding: 8px;
}
.member-offline-name{
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 2px;
	height:32px;
	text-align:center;
}
.member-offline-name a{
	font: 8pt Tahoma, sans-serif;
}
.member-offline-name a:hover{
	text-decoration: none;
}
.member-offline-indicator{
	border: 1px solid #999999;
	font: 7pt Arial, sans-serif;
	color: #000000;
	background-color: #BFBFBF;
}
.member-offline-indicator a{
	font: 7pt Arial, sans-serif;
	color: #FFFFFF;
} 

.online .member-name a {
	color: #0000FF;
	text-align: center;
}
.offine .member-name a {
	color: #000000;
	text-align: center;
	margin: 3px;
}


/* rating */
.rating{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25pt;
	font-weight: bolder;
	text-align:center;
}


span.fn {
FONT-SIZE: 12px; 
CURSOR: default; 
COLOR: #000000; 
FONT-FAMILY:  Helvetica,arial,sans-serif; 
TEXT-DECORATION: none;
}
span.fn a {
COLOR: #0000FF;
}
span.dt {
FONT-SIZE: 10px; 
CURSOR: default; 
COLOR: #000000; 
FONT-FAMILY:  Helvetica,arial,sans-serif; 
TEXT-DECORATION: none;}
A:link {
FONT-SIZE: 12px; 
COLOR: #0000FF; 
FONT-FAMILY: Helvetica,arial,sans-serif; 
}
A:visited {
FONT-SIZE: 12px; 
COLOR: #0000FF; 
FONT-FAMILY:  Helvetica,arial,sans-serif; 
}
A:active {
FONT-SIZE: 12px; 
COLOR: #666980; 
FONT-FAMILY:  Helvetica,arial,sans-serif; 
}
A:hover {
FONT-SIZE: 12px; 
COLOR: #9699C6; 
FONT-FAMILY:  Helvetica,arial,sans-serif; 
TEXT-DECORATION: solid}
BODY {
FONT-SIZE: 12px; 
CURSOR: default; 
COLOR: #000000; 
BACKGROUND-color: #FFFFFF; 
FONT-FAMILY:  Helvetica,arial,sans-serif; 
margin: 0;
TEXT-DECORATION: none}
TEXTAREA {
color:#666980;
background-color : #E0E0F0;
font:12px Verdana,Arial,Helvetica,sans-serif;
BORDER-TOP: #EFEFFC 2px solid; 
BORDER-BOTTOM: #C9CAD2 1px solid; 
BORDER-LEFT: #EFEFFC 2px solid; 
BORDER-RIGHT: #C9CAD2 1px solid;}
P {
FONT-SIZE: 12px; 
COLOR: #000000; 
LINE-HEIGHT: 1.4; 
FONT-FAMILY:  Helvetica,arial,sans-serif; 
TEXT-DECORATION: none}
TABLE {
FONT-SIZE: 12px; 
COLOR: #000000; 
FONT-FAMILY:  Helvetica,arial,sans-serif; 
TEXT-DECORATION: none}
TD.content {
FONT-SIZE: 12px;
COLOR: #666980;
background:#F2F3FF;
TEXT-DECORATION: none;
FONT-FAMILY:  Helvetica,arial,sans-serif;
BORDER-RIGHT: #C9CAD2 1px solid; 
BORDER-TOP: #EFEFFC 1px solid; 
BORDER-BOTTOM: #C9CAD2 1px solid;
BORDER-LEFT: #EFEFFC 1px solid;}
TD.center{
text-align: center;
}
TD.extra {
FONT-SIZE: 12px;
COLOR: #F2F3FF; 
TEXT-DECORATION: none;
FONT-FAMILY:  Helvetica,arial,sans-serif;
BORDER-RIGHT: #C9CAD3 1px solid; 
BORDER-TOP: #EFEFFC 2px solid; 
BORDER-BOTTOM: #C9CAD3 1px solid;
BORDER-LEFT: #EFEFFC 2px solid;}
TD.story1 {
BORDER-RIGHT: #C9CAD2 1px solid; 
BORDER-TOP: #EFEFFC 1px solid; 
BORDER-BOTTOM: #C9CAD2 1px solid;
BORDER-LEFT: #EFEFFC 1px solid;
BACKGROUND: #F2F3FF;}
TD.story2 {
BORDER-RIGHT: #C9CAD2 1px solid; 
BORDER-TOP: #EFEFFC 1px solid; 
BORDER-BOTTOM: #C9CAD2 1px solid;
BORDER-LEFT: #EFEFFC 1px solid;
BACKGROUND: #F2F3FF;}
hr {
border-top: 1px solid #DAD9DF;
border-bottom: 1px solid #FFFFFF;
height: 2px;
width: 100%;}
UL {LIST-STYLE-TYPE: square}
UL {
	list-style-position: inside;
	margin-left: 0px;
	padding: 0;
 	line-height: 150%;
}

li {
	margin: 0 0 0 5px ;
}
.center {TEXT-ALIGN: center}
.justify {TEXT-ALIGN: justify}
.right {TEXT-ALIGN: right}
.heading {
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
COLOR: #666980; 
FONT-FAMILY: Helvetica,Verdana; 
LETTER-SPACING: 0px; 
TEXT-DECORATION: none}
SELECT {
color:#666980;
background-color : #F2F3FF;
font:11px Verdana,Arial,Helvetica,sans-serif;
BORDER-TOP: #EFEFFC 1px solid; 
BORDER-BOTTOM: #C9CAD2 1px solid; 
BORDER-LEFT: #1C1E2C 1px solid; 
BORDER-RIGHT: #C9CAD2 1px solid;}
h1 {
FONT-SIZE: 18px;
}
/* This controls global text in the html <pre> tags */
pre {  font-family: arial, helvetica, serif;
           font-size:12px;
          color:#000000;}

/* General global font settings used in several templates */



/* Color Font and Link settings for the Lt. Blue Headers */

	.headerTD {padding: 5px;background: #eeeeee;}
	.headerText {  font-size: 13px; font-weight: bold; color: #000000;}
	.headerDate {   color:#808080;  font-size: 11px; font-weight: normal;}
                a.zoneDay { font-size: 11px; font-weight: bold; color: #808080; text-decoration:none; font-style: italic;}
	.basicHeaderText{ padding-left: 5px;font-size: 16px; font-weight: bold; }
.fcExpire {font-size: 11px; color: #FF0000;  font-weight:bold;}

/* Advisory Title name in zonesection, warnings and special templates  */

		 .warnTitle {color: #FF0000; font-weight: bold; font-size: 14px; }
                               a.warnTitle:link {text-decoration:none; color: #FF0000; font-weight: bold; font-size: 14px; }
                              a.warnTitle:hover {text-decoration:underline; color: #FF0000; font-weight: bold; font-size: 14px; }


	.afd { padding-left: 5px;}

/* font settings for local_header.html and radar_header.html template */

	#localHeader { }
	#localHeader .Place { color:#000000; padding-left: 5px; font-size: 16px;  font-weight: bold; }
	#localHeader .Wxn {  padding-left: 5px; font-weight: bold; }
	#localHeader .Label {color:#000000; font-size: 10px;  font-weight: bold; }
	#localHeader .Value { color:#000000; font-size: 10px;}
                #localHeader a.Icao  {font-size: 10px; color: #FF0000; text-decoration:none; }
               #localHeader a.Icao:hover  {font-size: 10px; color: #FF0000; text-decoration:underline; }
               #localHeader a.Icao:visited  {font-size: 10px; color: #FF0000; text-decoration:none; }

/* Font settings for zonesection  */
	#forecastDetail {margin-left: 5px;}
	#forecastDetail .dayTitle { color:#000000; font-weight: bold; font-size: 13px;}
	#forecastDetail .wx {color: #000000; font-size: 12px;}
	#forecastDetail .include {color: #0000FF; font-size: 12px; font-weight:bold;}
               #forecastDetail .cities {color: #000000; font-size: 11px;}

/* Font settings for zone_rows  */
	#forecastRow {}
	#forecastRow .Title { font-size: 12px;  font-weight: bold; }
	#forecastRow .wx { font-size: 12px;  font-weight: normal;}
	#forecastRow .high {font-size: 12px; color: #FF0000; }
	#forecastRow .low {font-size: 12px; color: #0000FF; }
	#forecastRow .pop {font-size: 12px; color: #238E23; }

/* font settings for current template */
	#currents {}
	#currents .Wx { font-size: 14px; color:#000000;  font-weight: bold; }
	#currents .Temp { font-size: 16px; color:#000000;  font-weight: bold;}
	#currents .Label {font-weight: bold; font-size:12px; color:#000000; }
	#currents .Value {font-weight: normal; font-size:12px; color:#000000;}

/* font settings in astro template */
	#astro {}
	#astro .Label {font-weight: bold; font-size:12px; color:#000000; text-decoration:none; }
               #astro a.Label:link {font-weight: bold; font-size:12px; color:#000000; text-decoration:none;}
                 #astro a.Label:hover {font-weight: bold; font-size:12px; color:#000000; text-decoration:underline;}
	#astro .Value {font-weight: normal; font-size:12px; color:#000000;}
                #astro .Moonname {font-weight: normal; font-size:11px; color:#000000;}

/* row background colors for mos and your weather settings */

.rowColor1 { background: #FFCC00;}
.rowColor2 { background: #C0C0C0;}


.image2 {
    position : left;
    left : 0;
    top : 0;
}
.image3 {
    position : left;
    left : 0;
    top : 0;
}
.image4 {
    position : left;
    left : 0;
    top : 0;
}
.image5 {
    position : left;
    left : 0;
    top : 0;
}
.image6 {
    position : left;
    left : 0;
    top : 0;
}
.image7 {
    position : left;
    left : 0;
    top : 0;
}
.image8 {
    position : left;
    left : 0;
    top : 0;
}
.image9 {
    position : left;
    left : 0;
    top : 0;
}
.image10 {
    position : left;
    left : 0;
    top : 0;
}


#caradarTable{

 height:480px;
   width:580px;


}
.caradarmap {
    position : relative;
    left : 0;
    top : 0;
    height : 480px;
    width : 580px;
}