/* 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.one{

	color: #000000;

}



a.one:hover{

	color: #ff0000;

	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:901px;

	margin:0 auto;

	padding:0;

}

.page{

	background-color: #FFFFFF;

	text-align:left;

	float:left;

/*	width:782px;*/

	width:901px;

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

}





.column50{

	float:left;

	width:250px;

}

.column50right{

	float:right;

	width:250px;

}



.columnMiddle{

	float:left;

	width:610px;

}



.columnMiddle2{

	float:left;

	width:610px;

}



.columnWide{

	float:left;

	width:540px;

}





.columnSuperExtraWide{

	float:left;

	width:740px;

}



.columnTotal{

	float:left;

	width:895px;

}



.columnSmall{

	float:left;

	width:220px;

}



.columnSmall3{

	float:left;

	width:130px;

}



.columnSmallRight{

	float:left;

	width:130px;

}



.columnSmallLeft{

	float:left;

	width:128px;

}



.columnSmallRight2{

	float:left;

	width:90px;

}



.columnSmallRight2{

	float:left;

	width:140px;

}



.padded{

	padding:0px;

}



.padded2{

	padding:0px;

}





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

}



.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: #ff0000;

/*	font-weight: bold;*/

}



.blue{

	color: #68ABCA;

	font-weight:bold;

	font-size:8pt;

}



..highlight{



}



/* blocks */

.redhomepage-header{

	background-color: #cc0000;

	border: 1px solid #D3BE96;

	font-size: 10pt;

	font-weight:bold;

	padding:3px;

	padding-left: 10px;

	text-align:left;

	color: #000000;

	width:600px;

}



.redhomepage-body{

	padding:5px;

	background-color: #FFFFFF;

	border-bottom: 1px solid #D3BE96;

	border-right: 1px solid #D3BE96;

	border-left: 1px solid #D3BE96;

	width:600px;

}

/* blocks */

.brown-header{

	background-color: #2f2f2f;

	border: 1px solid #D3BE96;

	font-size: 10pt;

	font-weight:bold;

	padding:3px;

	padding-left: 10px;

	text-align:left;

	color: #eeeeee;

}

.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: #2f2f2f;

	border: 1px solid #96D396;

	font-size: 10pt;

	font-weight:bold;

	padding:3px;

	padding-left: 10px;

	text-align:left;

	color: #eeeeee;

}

.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: #2f2f2f;

	border: 1px solid #96ABD4;

	font-size: 10pt;

	font-weight:bold;

	padding:5px 0 6px 5px;	

	text-align:left;

	color: #eeeeee;

}



.blue-header{

	background-color: #2f2f2f;

	border: 1px solid #96ABD4;

	font-size: 10pt;

	font-weight:bold;

	padding:5px 0 6px 5px;	

	text-align:left;

	color: #eeeeee;

}



.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: #c90000;

	border: 1px solid #D4BA96;

	font-size: 10pt;

	font-weight:bold;

	padding:3px;

	padding-left: 10px;

	text-align:left;

	color: #eeeeee;

}

.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: #2f2f2f;

	border: 1px dashed #999999;

	font-size: 10pt;

	font-weight:bold;

	padding:3px;

	padding-left: 10px;

	text-align:left;

	color: #eeeeee;

}

.grey-body{

	padding:5px;

	background-color: #FAFAFA;

	border-bottom: 1px dashed #999999;

	border-right: 1px dashed #999999;

	border-left: 1px dashed #999999;

}





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

}







.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 */



/* lists */



.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-size: 12pt;

	font-weight:bold;

	color: #A8824F;

	text-decoration:none;

	padding-right:5px;

}



/* rating */

.rating{

	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-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-size: 8pt;

	background-color: #FFFFFF;

	border:1px solid #999999;

	color: #999999;

	cursor:pointer;

	width:20px;

	text-align:center;

}

.calendar-date{

	font-size: 8pt;

	font-weight:bold;

	text-align:center;

	color: #808080;

}

.calendar-week{

	font-size : 8pt;

	color: #1F5EAC;

}

.calendar-day{

	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;

}



#content2 {

	width:600px;

	margin:0 0 0 0;

	padding:5px;

	background-color:#2f2f2f;

}



#content3 {

	width:600px;

	margin:1px 0px 1px 0px;

	background-color:#2f2f2f;

	height:2px;

}



/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */



/*--------------------------------------------------

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

  --------------------------------------------------*/

.tabberlive .tabbertabhide {

 display:none;

}



/*--------------------------------------------------

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

  --------------------------------------------------*/

.tabber {

}



.tabberlive {

	margin-top:4px;

}



/*--------------------------------------------------

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

  --------------------------------------------------*/

ul.tabbernav {

	margin:0;

	padding:3px 0;

	background:url(images/grey_repeat.gif) bottom repeat-x;

	border-bottom:#999 solid 1px;

	font:bold 12px Arial, Helvetica, sans-serif;

}



ul.tabbernav li {

	list-style:none;

	margin:0;

	display:inline;

}



ul.tabbernav li a {

	padding:5px 42px 5px 8px;

	text-decoration:none;

	font-size:10px;

	font-weight:normal;

	border-right:#FFF solid 1px;

	background:url(images/tab_unselected_grey.gif) right no-repeat;

}



ul.tabbernav li a:link { 

	color:#000; 

}



ul.tabbernav li a:visited { 

	color:#000; 

}



ul.tabbernav li a:hover {

	color:#FFF;

	background:url(images/tab_selected_grey.gif) right no-repeat; 

}



ul.tabbernav li.tabberactive a {

	color:#FFF;

	background:url(images/tab_selected_grey.gif) right no-repeat; 

}



ul.tabbernav li.tabberactive a:hover {

	color:#FFF;

	background:url(images/tab_selected_grey.gif) right no-repeat;

}



/*--------------------------------------------------

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

  --------------------------------------------------*/

.tabberlive .tabbertab {

 padding:11px;

 /*border:1px solid #aaa;*/

 border-top:#eaeaea solid 1px;

 background:#eaeaea;

 

 



 /* If you don't want the tab size changing whenever a tab is changed

    you can set a fixed height */



 /* height:200px; */



 /* If you set a fix height set overflow to auto and you will get a

    scrollbar when necessary */



 /* overflow:auto; */

}



/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {

 display:none;

}

.tabberlive .tabbertab h3 {

 display:none;

}



/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {

}

.tabberlive#tab2 {

}

.tabberlive#tab2 .tabbertab {

 /*height:200px;

 overflow:auto;*/

}