/* 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;*/
	width:947px;
	margin:0 auto;
	padding:0;
}
.page{
	background-color: #FFFFFF;
	text-align:left;
	float:left;
	/*width:782px;*/
	width:947px;
	border-right: 1px solid #C4C7CC;
	border-left: 1px solid #C4C7CC;

}
.top{
	border-top: 8px solid #6888CA;
	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;
}
/* new css by Vikki */
.columnSkyscraper{
	float:left;
	width:160px;
}
.padded{
	padding:5px;
}
.margined{
	margin: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;
}

/* albums */
.photo{
	width:80px;
	height:118px;
}
.photo_edit{
	width:80px;
	height:132px;
}
.photo_main{
	background-color: #FA8072;
	border: 1px solid #999999;
	padding: 8px;
}
.album{
	width:80px;
	height:118px;
}
.album_main{
	background-color: #FFE4E1;
	border: 1px solid Black;
	padding: 8px;
}
.album_big{
	width:344px;
}
.album_edit{
	width:80px;
	height:142px;
}
.album-photo{
	background-color: #DDDDDD;
	border: 1px solid Black;
	padding: 8px;
}
.album-caption{
	background-color: #999999;
	border-left: 1px solid Black;
	border-right: 1px solid Black;
	border-bottom: 1px solid Black;
	padding: 2px;
	height:42px;
}
.album_edit{
	width:80px;
	height:142px;
}
.album-text{
	background-color: #999999;
	font: 7pt Tahoma, sans-serif;
	color: #F9F9F9;
}
.album-text a{
	background-color: ##CCCCCC;
	font: 7pt Tahoma, sans-serif;
	color: #F9F9F9;
}
.album-text-big{
	font: 8pt Tahoma, sans-serif;
	color: #F9F9F9;
}

/* vchat */
#vchat_window{
	position: absolute;
	visibility: hidden;
	width: 370px;
	top: 0;
	left: 0;
	z-index: 1;
}
.vchat_handler{
	border: 4px solid #00209F;
	background-color: #FFFFFF;
	height:100%;
	padding:5px;
}
.vchat_icon{
	margin:auto;
	text-align:center;
	float:left;
}
.vchat_message{
	color: #000;
	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;
}

/* social bookmarking */
#sbdropdown {
border:1px solid #CCC;
background-color: #FFF;
visibility:hidden;
position:absolute;
z-index:100;
left:0px;
top:0px;
padding: 3px;
}
#sbbar {
border:1px solid #CCC;
background-color: #FFF;
padding: 3px;
}
.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;
}

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

/* videos */
.vidSubmenu {
	bakckground-color: #FFF;
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid #CCC;
}
.vidSubmenu a {
	color: #6888CA;
}
.vidSubmenu a:hover {
	text-decoration: none;
}

.column-videosPage-right {
	float: left;
	width: 605px;
}
.column-videosPage-left {
	float: left;
	width: 160px;
}

.column-video-right {
	float: left;
	width: 283px;
}
.column-video-left {
	width: 480px;
	float: left;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

.centerHandler {
	text-align: center;
	overflow: hidden;
}
.centerContent {
	margin-left: auto;
	margin-right: auto;
}

.centerText {
	text-align: center;
}
.rightText {
	text-align: right;
}
.leftText {
	text-align: left;
}

.listClear {
	clear: both;
}

/* video card */
.vCard {
	margin-bottom: 3px;
	padding-bottom: 3px;
}
.vCard .base {
	text-align: center;
	font: 8pt Arial, sans-serif;
	color: #000;
}
.vCard .base_left {
	text-align: left;
	padding: 0 3px 0 3px;
	width: 122px;
	height: 84px;
}
.vCard .highlight a {
	color: #000;
}
.vCard .duration {
	float: left;
	font-weight: bold;
}
.vCard .rating {
	text-align: right;
}
.vCard .title {
	width: 122px;
	height: 34px;
}

.screenshot {
	margin: 2px;
	padding: 1px;
	border: 1px solid #999;
	display: block;
	background-color: white;
}
.screenshot img {
	height: 90px;
	width: 120px;
}
.screenshotSmall {
	margin: 2px;
	padding: 1px;
	border: 1px solid #999;
	background-color: white;
	display: block;
}
.screenshotSmall img{
	height: 70px;
	width: 90px;
}

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

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

.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;
	color: #000;
}
.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;
	color: #000;
}

.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;
	color: #000;
}
.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;
	color: #000;
}
.listItemGroup .listActionsCol {
	width: 110px;
	float: right;
	line-height: 17px;
	font-size: 10pt;
	margin-right: 5px;
	text-align: right;
}
.listItemGroup .listActionsCol a {
	text-decoration: none;
}

.listItemGroupAddVideos {	
	border-bottom: 1px dotted #999;
	width: 100%;
	padding: 10px 0 10px 0;
	overflow: hidden;
}
.listItemGroupAddVideos .listChBoxCol {
	width: 26px;
	text-align: center;
	float: left;
	padding-top: 27px;	
}
.listItemGroupAddVideos .listScrCol {
	width: 98px;
	float: left;
}
.listItemGroupAddVideos .listInfoCol {
	margin-left: 134px;
	zoom: 1;
	color: #000;
}


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

.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 {
	color: #146898;
	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;
}

.vidHeader {
	font: 18px Arial, sans-serif;
	color: #146898;
	padding: 0;
	margin: 5px 0 5px 0;
}
.cell .sbbar {
	border: none;
}
.marginTop5 {
	margin-top: 5px;
}
.vidSecheader {
	font-family: "Trebuchet MS","Lucida Grande";
	font-size: 10pt;
	font-weight:bold;
	text-align:left;
	color: #6D7B99;
}

/* info */
.vinfo {
	font: bold 9pt Arial, sans-serif;
	color: #000;
}
.stats {
	margin: 10px;
}
.stats .vinfo {
	font: 8pt Tahoma, "Trebuchet MS", Arial, sans-serif;
	color: #000;
	line-height: 20px;
}
.vinfo .label {
	color: #666;
	font-weight: normal;
}
.vinfo .description {
	font-weight: normal;
}

.videoOptions, .videoOptions a {
	font: 14px Arial, sans-serif;
	color: #146898;
	text-decoration: none;
	text-align: center;
}

/* 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;
	color: #000;
	border-top: 1px dotted #999;
	overflow: hidden;
}
.comment .description {
	margin-left: 80px;
	zoom: 1;
}
.comment .highlight {
	font-size: 9pt;
	color: #666;
}
.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;
}
.commentRating .plus {
	color: #4DB21B;
}
.commentRating .minus {
	color: #B21B1B;
}
.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 {
	background-color: #FFF;
	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;
}

#videoOptionsHandler {
	margin-top: 10px;
	margin-bottom: 10px;
	display: none;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

/* tipBox */
.tipBox {
	background-color: #FFFFCC;
	border: 1px solid #FFCC33;
	padding: 5px;
}

.video {
	margin: 0 0 5px 0;
}

/* video responses box */
.videoResponses .left {
	float: left;
	width: 34px;
	padding-top: 18px;
}
.videoResponses .centerHandler {
	text-align: center;
}
.videoResponses .center {
	margin-left: auto;
	margin-right: auto;
	width: 392px;
}
.videoResponses .right {
	float: right;
	width: 34px;
	padding-top: 18px;
}
#videoResponsesHandler {
	height: 130px;
}

.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;
}

/* subscription */
.subscription {
	margin-bottom: 3px;
	padding-bottom: 3px;
	text-align: center;
}
.subscription .base {
	text-align: center;
	clear: both;
}

#subscribeHandler {
	margin: 5px;
}

.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;
}