/* general */

body{
	background-color : #DFE2E8;
	font : 8pt Verdana, Arial, Helvetica, sans-serif; 
	color : #000000;
	text-align : center;
	margin:0; padding:0;
}
div{
	padding:0;
	margin:0;
}

a{
	color: #000000;
}
a:hover{
	color: #6888CA;
	text-decoration: none;
}

.footer{
	background-color: #6888CA;
	font : 8pt Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	padding:10px;
	text-align:center;
}
.footer a{
	color: #FFFFFF;
}
.footer a:hover{
	color: #FFFFFF;
	text-decoration:none;
}
.body{
	font : 8pt Verdana, Arial, Helvetica, sans-serif; 
	color : #000000;
	text-align:left;
}
.handler{
	width:782px;	
	margin:0 auto;
	padding:0;	
}
.page{
	background-color: #FFFFFF;
	text-align:left;
	float:left;	
	width:782px;
	border-right: 1px solid #C4C7CC;
	border-left: 1px solid #C4C7CC;
	
}
.top{
	border-top: 8px solid #6888CA;
	height: 95px;	
	background-color:#FFFFFF;
}
.logo{
	float: left;
	padding: 15px;
	vertical-align: top;
}
.topmenu{
	text-align:right;
	padding:5px;
}

ul.list-blue-menu{
	list-style-type: none;
	list-style-position: outside;
 	font : 8pt Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	margin:0;
	padding:0;
}
li.list-blue-menu-item{
	padding-left:15px;
	background: url('bullet.gif') 5px no-repeat ;
	color: #000000;
}
li.list-blue-menu-item a{
	color: #000000;
}
li.list-blue-menu-item a:hover{
	color: #6888CA;
}

ul.list-orange-menu{
	list-style-type: none;
	list-style-position: outside;
 	font : 8pt Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	margin:0;
	padding:0;
}
li.list-orange-menu-item{
	padding-left:15px;
	background: url('bullet.gif') 5px no-repeat ;
	color: #000000;
}
li.list-orange-menu-item a{
	color: #000000;
}
li.list-orange-menu-item a:hover{
	color: #A8824F;
}

ul.sidemenu{
	list-style-type: none;
	list-style-position: outside;
	border-top:1px solid #CCCCCC; 	
 	font : 8pt Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	margin:0;
	padding:0;
}
ul.sidemenu a{
	color: #666666;
	text-decoration: none;
}
ul.sidemenu a:hover{
	color: #999999;
}
li.sidemenu-1{
	border: 1px solid #CCCCCC;
	border-top: none;	
	padding:5px;
	padding-left:25px;
	background: url('bullet.gif') 10px no-repeat ;
	background-color: #E5E5E5;
}
li.sidemenu-2{
	border: 1px solid #CCCCCC;
	border-top: none;	
	padding:5px;
	padding-left:25px;
	background: url('bullet.gif') 10px no-repeat ;
	background-color: #F2F2F2;
}

.menubar{
	background-color: #68ABCA;
	padding:5px;
	border-top:1px solid #558CA6;
	border-bottom:1px solid #558CA6;
	text-align:center;
}
.submenu{
	background-color: #F2F2F2;
	border-bottom: 1px solid #CCCCCC;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}
.submenu a{
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding:3px;
	text-decoration:none;
	color: #999999;
}
.submenu a:hover{
	background-color: #F2F2F2;
	color: #000000;
}
#error{
	background-color: #F9F8BA;
	border-bottom:1px dashed #BAA13D;
	padding:8px;
	text-align:center;
}
.columnWide{
	float:left;
	width:555px;	
}
.columnSmall{
	float:left;
	width:210px;
}

.padded{
	padding:5px;
}

.dividerV{
	float:left;
	width:5px;
}
.dividerH{
	float:none;
	height:5px;
}

.dotted{
	height:2px;
	border-top: 1px dotted #999999;
}

.dotted-bottom{
	padding:3px;
	border-bottom: 1px dotted #999999;
}

.pages{
	text-align:center;
}

.centered{
	text-align:center;
}
.bold{
	font-weight:bold;
}

/* text styles */
.topmenu a{
	color: #4F6BA3;
	text-decoration:none;
}
.topmenu a:hover{
	text-decoration:underline;
}

.menubar a{
	color: #FFFFFF;
	text-decoration:none;
}
.menubar a:hover{
	color: #345666;
}

.menubarON{
	display:inline;
	color: #345666;
	font-weight: bold;
}

.blue{
	color: #68ABCA;
	font-weight:bold;
	font-size:8pt;
}
h1{
	font-family: "Trebuchet MS","Lucida Grande"; 
	font-weight:bold;
	font-size:12pt;
	padding:0px;
	margin:0;
}

.error{
	color:#FF0000;
	font-weight:bolder;
}

..highlight{

}

/* blocks */
.brown-header{
	background-color: #F9F1E1;
	border: 1px solid #D3BE96;
	font-family: "Trebuchet MS","Lucida Grande"; 
	font-size: 10pt;
	font-weight:bold;
	padding:3px;
	padding-left: 10px;
	text-align:left;
	color: #99896D;
}
.brown-body{
	padding:5px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #D3BE96;
	border-right: 1px solid #D3BE96;
	border-left: 1px solid #D3BE96;
}

.green-header{
	background-color: #E6F9E1;
	border: 1px solid #96D396;
	font-family: "Trebuchet MS","Lucida Grande"; 
	font-size: 10pt;
	font-weight:bold;
	padding:3px;
	padding-left: 10px;
	text-align:left;
	color: #5D995D;
}
.green-body{
	padding:5px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #96D396;
	border-right: 1px solid #96D396;
	border-left: 1px solid #96D396;
}

.blue-header{
	background-color: #E1E9FA;
	border: 1px solid #96ABD4;
	font-family: "Trebuchet MS","Lucida Grande"; 
	font-size: 10pt;
	font-weight:bold;
	padding:3px;
	padding-left: 10px;
	text-align:left;
	color: #6D7B99;
}
.blue-body{
	padding:5px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #96ABD4;
	border-right: 1px solid #96ABD4;
	border-left: 1px solid #96ABD4;
}

.orange-header{
	background-color: #FAEFE1;
	border: 1px solid #D4BA96;
	font-family: "Trebuchet MS","Lucida Grande"; 
	font-size: 10pt;
	font-weight:bold;
	padding:3px;
	padding-left: 10px;
	text-align:left;
	color: #99876D;
}
.orange-body{
	padding:5px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #D4BA96;
	border-right: 1px solid #D4BA96;
	border-left: 1px solid #D4BA96;
}

.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;
}

.tip{
	border: 1px dashed #D38828;
	padding:5px;
	color: #666666;
}
.tip-body{
	
}

.cardlabel{
	float:left;
	width:80px;
	color: #666666;
}
.cardbody{
	
}

.card-headline{
	border:1px dashed #689BCA;
	background-color: #F5FAFF;
	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:2px solid #689BCA;
	border-bottom:1px solid #689BCA;
}
.card-online{
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #FF9000;
	font-size:7pt;
	padding:2px;
	margin:2px;
	height:10px;
	line-height:10px;
	cursor:default;
	font-weight:bold;
}
.card-featured{
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #C96767;
	font-size:7pt;
	padding:2px;
	margin:2px;
	height:10px;
	line-height:10px;
	cursor:default;
	font-weight:bold;
}
.card-new{
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #24A72D;
	font-size:7pt;
	padding:2px;
	margin:2px;
	height:10px;
	line-height:10px;
	cursor:default;
	font-weight:bold;
}
.card-updated{
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #3588AE;
	font-size:7pt;
	padding:2px;
	margin:2px;
	height:10px;
	line-height:10px;
	cursor:default;
	font-weight:bold;
}

.card-member-top,.card-member-top a{
	background-color: #D6E4F0;
	padding:3px;
	text-align:left;
	border-bottom: 1px solid #FFFFFF;
	color: #32608A;
	text-decoration:none;
}
.card-member-top a:hover{
	color: #689BCA;
}
.card-member-body{
	background-color: #EBF3FA;
	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{
	background-color: #D6E4F0;
	padding:3px;
	text-align:center;
	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;
}


.card-blog{
	border-top:2px solid #67C968;
	border-bottom:1px solid #67C968;
}

.card-blog-top,.card-blog-top a{
	background-color: #D5F0D6;
	padding:3px;
	text-align:left;
	border-bottom: 1px solid #FFFFFF;
	color: #328A33;
	text-decoration:none;
}
.card-blog-top a:hover{
	color: #67C968;
}
.card-blog-body{
	background-color: #EBFAEB;
	padding:5px;
	text-align:left;
}
.card-blog-header,.card-blog-header a{
	font-family: "Trebuchet MS","Lucida Grande"; 
	font-size: 12pt;
	font-weight:bold;
	color: #4FA851;
	text-decoration:none;
}
.card-blog-header a:hover{
	color: #67C968;
}
.card-blog-options,.card-blog-options a{
	background-color: #D5F0D6;
	padding:3px;
	text-align:center;
	border-top: 1px solid #FFFFFF;
	color: #328A33;
	text-decoration:none;
	font-size:7pt;
}
.card-blog-options a:hover{
	color: #67C968;
}
ul.card-blog-list{
	padding:0;
	margin:0;
	white-space:nowrap;
	list-style-type:none;
	list-style-position: outside;
}
li.card-blog-item{
	display:inline;
	background: url('arrow.gif') 5px no-repeat ;
	padding-left:10px;
}



.member{
	width: 80px;
	height: 121px;
}
.member-online-photo{
	background-color: #F2DEC7;
	border: 1px solid #998C7D;
	padding: 8px;
}
.member-online-name{
	background-color: #E5D2BC;
	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: #807569;
}
.member-online-name a:hover{
	text-decoration: none;
}
.member-online-indicator{
	border: 1px solid #998C7D;
	font: 7pt Arial, sans-serif;
	color: #FFFFFF;
	background-color: #BFAF9D;
}
.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{
	background-color: #E5E5E5;
	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;
	color: #808080;
}
.member-offline-name a:hover{
	text-decoration: none;
}
.member-offline-indicator{
	border: 1px solid #999999;
	font: 7pt Arial, sans-serif;
	color: #FFFFFF;
	background-color: #BFBFBF;
}
.member-offline-indicator a{
	font: 7pt Arial, sans-serif;
	color: #FFFFFF;
} 

.ecard{

}
.ecard-thumbnail{
	background-color: #F2F2F2;
	border: 1px dashed #999999;
	padding: 15px;
}
.ecard-name{
	background-color: #E5E5E5;
	border-left: 1px dashed #999999;
	border-right: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	padding:15px;
}

.photo{
	width:80px;
	height:118px;
}
.photo_edit{
	width:80px;
	height:132px;
}
.photo_big{
	width:344px;
}

.photo-photo{
	background-color: #F2F2F2;
	border: 1px solid #999999;
	padding: 8px;
}
.photo-caption{
	background-color: #E5E5E5;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 2px;
	height:42px;
}
.photo-text{
	background-color: #E5E5E5;
	font: 7pt Tahoma, sans-serif;
	color: #808080;
}
.photo-text a{
	background-color: #E5E5E5;
	font: 7pt Tahoma, sans-serif;
	color: #808080;
}
.photo-text-big{
	font: 8pt Tahoma, sans-serif;
	color: #808080;
} 

.news{
	border:1px solid #CCCCCC;
}
.news-title{
	background-color: #F2F2F2;	
	border-right:1px solid #CCCCCC;
	float:left;
	padding:3px;
	width:80%;
}
.news-date{
	background-color: #E5E5E5;
	border-left:1px solid #CCCCCC;
	padding:3px;
	text-align:right;
}
.news-body{
	background-color: #FFFFFF;
	border-top:1px solid #CCCCCC;
	padding:5px;
}

/* forms */
.form{
	text-align:center;
	margin:0;
	padding:0;
	width:530px;
}
.formlabel{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	float:left;
	text-align:right;
	width:40%;
	margin: 0 0 5px 0;
	padding:6px 0px 0 0;
	display:block;
	clear:both;
}
.formelement{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #4E8199;
	float:left;
	margin:3px;
	text-align:left;
}
.formbutton{
	padding-top:10px;
	text-align:center;
	display:block;
	clear:both;
}
.formset{	
	margin-bottom:2px;
}
.textfield{
	background-color: #FFFFFF;
	border:1px solid #999999;
	padding:3px;
	color: #666666;
	font : 8pt Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
}
.dropdown{
	background-color: #FFFFFF;
	border:1px solid #999999;
	color: #666666;
	font : 8pt Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
}
.textarea{
	background-color: #FFFFFF;
	border:1px solid #999999;
	padding:3px;
	color: #666666;
	font : 8pt Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
}
.button{
	background-color: #F2F2F2;
	border:1px solid #999999;
	padding:3px;
	color: #666666;
	font : 8pt Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
}

/* lists */
.list-blue{
	font : 8pt Verdana, Arial, Helvetica, sans-serif; 
	color : #000000;
	border-top:2px solid #689BCA;
}
.list-blue a{
	color: #000000;
}
.list-blue a:hover{
	color: #507EA9;
}
.list-blue-header{	
	background-color: #D6E4F0;
	padding:3px;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	height:20px;
}
.list-blue-item{	
	text-align:left;
	background-color: #EBF3FA;
	padding:3px;
}
.list-blue-item-1{	
	text-align:left;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color: #EBF3FA;
	padding:3px;
	height:20px;
}
.list-blue-item-2{
	text-align:left;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color: #F7FBFF;
	padding:3px;
	height:20px;
}
.list-blue-title,.list-blue-title a{
	font-family: "Trebuchet MS","Lucida Grande"; 
	font-size: 12pt;
	font-weight:bold;
	color: #507EA9;
	text-decoration:none;
	padding-right:5px;
}
.list-blue-category{
	padding:3px;
}
.list-blue-category a{
	color: #507EA9;	
}
.list-blue-category a:hover{
	color: #000000;
}
.list-blue-subcategory{	
	padding:3px;
	padding-left:20px;
}
.list-blue-subcategory a{
	color: #507EA9;
	text-decoration:none;
}
.list-blue-subcategory a:hover{
	color: #000000;
}

.list-orange{
	font : 8pt Verdana, Arial, Helvetica, sans-serif; 
	color : #000000;
	border-top:2px solid #C99F67;
}
.list-orange a{
	color: #000000;
}
.list-orange a:hover{
	color: #A8824F;
}
.list-orange-header{	
	background-color: #F0E4D5;
	padding:3px;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	height:20px;
}
.list-orange-item{	
	text-align:left;	
	background-color: #FAF3EB;
	padding:3px;
}
.list-orange-item-1{	
	text-align:left;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color: #FAF3EB;
	padding:3px;
	height:20px;
}
.list-orange-item-2{
	text-align:left;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color: #FFFCF7;
	padding:3px;
	height:20px;
}
.list-orange-title,.list-orange-title a{
	font-family: "Trebuchet MS","Lucida Grande"; 
	font-size: 12pt;
	font-weight:bold;
	color: #A8824F;
	text-decoration:none;
	padding-right:5px;
}

/* rating */
.rating{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25pt;
	color: #000000;
	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{
	background-color: #F2F2F2;
	border:1px solid #CCCCCC;
	padding:5px;
}
.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;
	background-color: #FFFFFF;
	padding:5px;
}

/* calendar */
.calendar-button{
	font-family : Tahome, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #FFFFFF;
	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;
	color: #808080;
}
.calendar-week{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color: #1F5EAC;
}
.calendar-day{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color: #000000;
	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;
}
/* im */
.im{
	border:1px solid #999999;
}
.im-header{
	font-size:7pt;
	color: #666666;
	background-color: #F2F2F2;
	border-bottom: 1px solid #999999;
	padding:3px;
}
.im-body{
	background-color: #FFFFFF;
	text-align:center;
}

/* banners */
.banner-header{
	border-bottom: 1px solid #CCCCCC;
	padding:5px;
	text-align:center;
}
.banner-footer{
	border-top: 1px solid #CCCCCC;
	padding:5px;
	text-align:center;
}
.banner-side{
	padding:5px;
	text-align:center;
}

/* notification */
.noti{
	border:1px solid #6888CA;
	background-color: #FFFFFF;
	color: #666666;
}
.noti-header{
	background-color: #6888CA;
	padding:3px;
	color: #FFFFFF;
	font : 8pt Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
}
.noti-header a{
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
}
.noti-body{
	font : 8pt Verdana, Arial, Helvetica, sans-serif; 
	color: #666666;
}
.noti-body a{
	color: #666666;
}
.noti-body a:hover{
	text-decoration:none;
}

/* color selector */
.color-color{
	margin:1px;
	width:9px;
	height:9px;
	float:left;
	cursor:pointer;
	border:1px solid #000000;
}
