﻿/***********************************************/
/* Global CSS for Revision V.1.0.0             */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height		: 1.166;
	padding			: 0px;
	margin          : 0px;
	background-color: #f7f7f3;
}

html,body {
	height			: 100%;
}
/* bizarrely IE6 seems to want to shift to the right by 3px
Could hack to shift everything else back but it looks ok */
div {
	margin			: 0px;
	padding			: 0px;
}
/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	margin			: 0px;
	padding			: 0px;
	list-style-type	: none;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size		: 11px;
    font-weight		: normal;
    color			: #999999;
    text-align		: right;
	text-decoration	: none;
}

a:hover{
	text-decoration	: underline;
}

/************** header tag styles **************/
h1{
	font			: bold 75% Trebuchet MS, Arial, Helvetica;
	color			: #334d55;
	margin			: 0px;
	padding			: 0px;
}

h2{
	font			: bold 114% Trebuchet MS, Arial, Helvetica;
	color			: #006699;
	margin			: 0px;
	padding			: 0px;
}

h3{
	 font			: bold 100% Trebuchet MS, Arial, Helvetica;
	 color			: #334d55;
	 margin			: 0px;
	 padding		: 0px;
}

h4{
	font			: 90% Trebuchet MS, Arial, Helvetica;
	color			: #333333;
	margin			: 0px;
	padding			: 0px;
}

h5{
	font			: 100% Trebuchet MS, Arial, Helvetica;
	color			: #334d55;
	margin			: 0px;
	padding			: 0px;
}
/*************** list tag styles ***************/
ul{	
	list-style-type	: square;
}

ul ul{ 
	list-style-type	: disc;
}

ul ul ul{
	list-style-type	: none;
}
/********* form and related tag styles *********/
form {
	margin			: 0px;
	padding			: 0px;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/*======================*/
/* FOOTER SETTINGS      */
/*======================*/

/* safari and opera need this */
#footer {
	width			: 100%;
	clear			: both;
}
#footer{
	margin			: 0px;
	margin-bottom	: 10px;
	margin-top		:-5px;
	padding			: 0px;
	font-family		: "Trebuchet MS", Arial, sans-serif;
	font-size		: 10px;
	font-weight		: normal;
	color			: #999999;
}
#footer ul{
	margin			: 0px; 
	margin-left		: 160px;
	padding			: 0px; 
	list-style-type	: none;
}
#footer li{
	display			: inline; 
	margin-right	: 15px;
	padding			: 0px;
	float           : left;
}
#footer a{
	color			: #999999;
	font-weight		: normal;
	text-decoration	: none;
}
#footer .page{
	color			: #999999;
	font-weight		: normal;
	text-decoration	: none;
	float:right;
}
#footer .page_on{
	color			: #000;
	font-weight		: normal;
	text-decoration	: none;
}
#footer a:hover{
	color			: #000;
	font-weight		: normal;
	text-decoration	: none;
}
/*======================*/
/* LEFT MENU            */
/*======================*/
#menu {
	padding			: 0px;
	float			: left;
	width			: 134px;
	height			: 352px;
}
#menu ul{
	list-style-type	: none;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size		: 11px;
    font-weight		: normal;
    color			: #817F84;
 	line-height		: 19px;
	margin-top		: 0px;
	margin-bottom	: 0px;
	margin-left		: -10px;
	margin-right 	: 17px;
}
#menu LI{
   text-align		: right;
   font-size		: 10px;
   font-weight		: normal;
   line-height		: 19px;

}
#menu a.onact{
   text-align		: right;
   font-size		: 11px;
   font-weight		: normal;
   line-height		: 19px;
   color			: #000000;
}
#menu a{
	margin			: 0px;
	padding			: 0px;
	list-style-type	: none;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size		:  11px;
    color			: #817F84;
   	text-decoration	: none;
}
#menu a:hover{
	margin			: 0px;
	padding			: 0px;
	list-style-type	: none;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size		: 11px;
    color			: #1B1C20;
  	text-decoration	: none;
}
/*======================*/
/* DIV TO KEEP IT ALL   */
/*======================*/
#bodycontainer{
	position		: absolute;
	top				: 217px;
	left			: 19px;
	right			: 19px;
	width			: 96%;
}
/*======================*/
/* HEADER SETTINGS      */
/*======================*/
#header {
	position		: absolute;
	top				: 36px;
	left			: 162px;
	right			: 19px;
	height			: 88px;
}
#topright {
	position		: absolute;
	top				: 5px;
	left			: 162px;
	right			: 19px;
	height			: 13px;
	font-size		: 11px;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#topright p{
	margin-top		: 0px;
	margin-right	: 18px;
	float			: right;
}
#topright strong{
	margin-right	: 16px;
}
#topright label{
	margin-right	: 7px;
	color 			: #999999;
}
#topright a{
	margin			: 0px;
	padding			: 0px;
}
#header img{
	float			: left;
}
#header .logo{
	margin-left		: -3px;
}
/******* User Right Box Info styles ******/
.hmsg 
{
	float			: right;
	width			: 250px; /*JPC FIX for MOZILLA */
}
.hmsg  p{
	text-align		: left;
	margin-top		: 0px;
	margin-bottom	: 0px;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size		: 12px;
	text-align		: left;
	line-height		: 14px;
}
.line {
	height			: 70px;
	width			: 17px;
	float			: left;
}
#header strong{
	color			: #E61860;
	font-weight		: bold;
	line-height		: 18px;
}
/*======================*/
/* MIDDLE CONTENT       */
/*======================*/
#content {
	padding			: 0px 0px 0px 0px;
	margin			: 0px 0px 0px 141px;
	height			: 100%;
	color			: #000000;
}

/***********************************************/
/* form elements  all screens                  */
/***********************************************/
#content form{
	padding-top		: 0px;
	padding-left	: 0px;
}
#content hr{
	width			: 100%;
}
#content p{
	font-size		: 11px;
}
/*****create swarm form elements*****/
#swarm_settings{
	padding-right	:7px;
}
#swarm_settings .x009{
	padding-left:7px;
}
	
/*****************************/
#profile_info strong, #profile_info p{
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 11px;
	margin-bottom	: 5px;
	margin-right	: 30px;
	color			: #454247;
}
#profile_info strong,#profile_info p, #profile_info label{
	margin-left		: 7px;
}
#profile_info strong{
	color:#8f8e93;
}

#profile_info label.p004{
	color:#a1a1a3;
	font-weight:normal;
}
#profile_info p.p005{
	margin-top:14px;
	margin-left:0px;
}
#profile_info p{
	margin-bottom:-10px;
	padding-bottom:0px;
	margin-top:0px;
	padding-top:0px;
}
#profile_info p.p002{
	margin-bottom:-10px;
	padding-bottom:0px;
	margin-left:27px;
}
#profile_info p.p003{
	margin-bottom:-15px;
	padding-bottom:0px;
	margin-left:7px;
}
#profile_info input.p001{
	position		: relative;
	top				: -3px;
}
#profile_info input#send_m_email, input#send_m_skype ,input#send_m_mobile ,input#password, input#new_password, input#retype_password{
	margin			: 0px;
	margin-bottom	: 5px;
	padding			: 0px;
	font-weight		: normal; 
	font-size		: 10px;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width			: 254px; 
	height			: 14px;
	border			: #73848C 1px solid; 
	background-color: #FFFFFF;
	width			: 169px;
}
#profile_info A.send_info{

	font-size		: 11px;
	text-decoration	: underline;
	color			: #666666;
	margin-left:165px;
}
#profile_info A.send_info:hover{
	color			: #000000;
	font-size		: 11px;
	text-decoration	:none;
}
/*******sendmessage elements*****/
#sendmessage {
	
}
#sendmessage ul{
	font-size:11px;
	float:left;
	line-height:20px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	margin-left:15px;
	margin-bottom:0px;
	margin-top:0px;
}
#sendmessage li{
	list-style-type: none;
}
#sendmessage span{
	position:relative;
	margin-left:5px;
	top:-2px;
}
#sendmessage li.i_s007{
	list-style-type: none;
	list-style-image: url(../images/i_013.gif);
}
#sendmessage li.i_s008{
	list-style-type: none;
	list-style-image: url(../images/i_014.gif);
}
#sendmessage li.i_s009{
	list-style-type: none;
	list-style-image: url(../images/i_015.gif);
}
#sendmessage textarea#subject, textarea#s_body , input#s_comment{
	margin			: 0px;
	margin-bottom	: 5px;
	padding			: 0px;
	font-weight		: normal; 
	font-size		: 10px;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width			: 254px; 
	height			: 14px;
	border			: #73848C 1px solid; 
	background-color: #FFFFFF;
}
#sendmessage textarea#subject, textarea#s_body {
	width:254px;
	height:30px;
}
#sendmessage  input#s_comment{
	width:254px;
}
#sendmessage textarea#s_body {
	width:254px;
	height:74px;
}
#sendmessage label {
	margin-left:7px;
}
#sendmessage A.s_sendm{
	margin-left		: 222px;
	font-size		: 11px;
	text-decoration	: underline;
	color			: #666666;
}
#sendmessage .sent_opt1{
	margin-left:25px;
}
#sendmessage A.s_sendm:hover{
	color			: #000000;
	font-size		: 11px;
	text-decoration	: none;
}
/*****view message elements*****/
#view_message textarea#insert_new_reply{
	width:254px;
	height:30px;
	margin-bottom:4px;
}
#view_message A.insert{
	margin-left		: 215px;
	font-size		: 11px;
	text-decoration	: underline;
	color			: #666666;
}
#view_message A.insert:hover{
	color			: #000000;
	font-size		: 11px;
	text-decoration	: none;
}
#view_message strong{
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 11px;
	margin-bottom	: 5px;
	margin-right	: 30px;
	color			: #454247;
}
#view_message strong, #view_message p, #view_message label{
	margin-left		: 7px;
}
.v_message {
	position		: relative;
	top				: 4px;
}
input#name,  input#desc{ 
	margin			: 0px;
	margin-bottom	: 5px;
	padding			: 0px;
	font-weight		: normal; 
	font-size		: 10px;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width			: 254px; 
	height			: 14px;
	border			: #73848C 1px solid; 
	background-color: #FFFFFF;
}
#content INPUT#accept{
	background-color: #FFFFFF;
	margin-left		: 0px;
	float 			: left;
	margin-top		: 0px;
}

#content label{
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size		: 11px;
	margin-bottom	: 5px;
	margin-right	: 30px;
	color			: #454247;
}
#content .disclaimer{
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size		: 52%;
    font-weight		: normal;
    color			: #666666;
    text-align		: left;
	margin-bottom	: 0px;
	margin-top		: 0px;
}
/*****access files form elements*****/
input#access_file { 
	margin			: 0px;
	margin-bottom	: 0px;
	padding			: 0px;
	font-weight		: normal; 
	font-size		: 10px;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height			: 14px;
	border			: #73848C 1px solid; 
	background-color: #FFFFFF;
}
input#access_file { 
	width			: 254px; 	
}
input#select_file, input#upload_file  { 
	margin			: 0px;
	margin-bottom	: 0px;
	padding			: 0px;
	font-weight		: normal; 
	font-size		: 11px;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height			: 20px;
	border			: #73848C 1px solid;
	background-color:#F5F5F5;
	
}

 input.button{ 
	margin			: 0px;
	margin-bottom	: 0px;
	padding			: 0px;
	font-weight		: normal; 
	font-size		: 11px;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height			: 20px;
	border			: #73848C 1px solid;
	background-color:#F5F5F5;
	
}

/*****swarm setting form elements*****/
.textInputs
{
	margin			: 0px;
	margin-bottom	: 0px;
	padding			: 0px;
	font-weight		: normal; 
	font-size		: 10px;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height			: 14px;
	border			: #73848C 1px solid; 
	background-color: #FFFFFF;
}

input#name_s, input#desc_s  { 
	margin			: 0px;
	margin-bottom	: 0px;
	padding			: 0px;
	font-weight		: normal; 
	font-size		: 10px;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height			: 14px;
	border			: #73848C 1px solid; 
	background-color: #FFFFFF;
}
input#name_s { 
	width			: 124px; 	
}
input#desc_s { 
	width			: 184px; 	
}
/*****invite members setting form elements*****/
input#email, input#mobile, input#username{ 
	margin			: 0px;
	margin-left		: 4px;
	margin-bottom	: 0px;
	padding			: 0px;
	font-weight		: normal; 
	font-size		: 10px;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height			: 14px;
	border			: #73848C 1px solid; 
	background-color: #FFFFFF;
}
input#email, input#mobile, input#username{
	width			: 164px; 	
}
.m001{
	margin-left:10px;
}
.m002{
	margin-left:148px;
}
.m003{
	margin-left:108px;
}
/********end***********/
input#upload { 
	margin-top:4px;
	padding:0px; 	
}
.splb {
	position:relative;
	bottom:4px;
	margin-right:23px;
	
}
/***section divs*****/
.section{
	margin-top:2px;
	font-size:11px;
}
.section span{
	position:relative;
	top:-2px;
}
.section .set_ring{
	margin-left:5px;
	margin-right:5px;
}
.section #set_by_u{
	padding-left:154px;
	margin-right:5px;
}
.section #set_by_user{
	position:relative;
	top:3px;
}
.t00x{
	padding-left:72px;
}
html>body #set_by_user{
	margin-top:-3px; /*Opera need it*/
}
html>body #set_by_u{
	padding-left:12px; /*Opera need it*/
}

.section ul{
	font-size:11px;
	float:left;
	line-height:20px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
}
.section li{
	list-style-type: none;
}
.section li.i_im{
	list-style-type: none;
	list-style-image: url(../images/i_im.gif);
}
.section li.i_sms{
	list-style-type: none;
	list-style-image: url(../images/i_sms.gif);
}
.section li.i_email{
	list-style-type: none;
	list-style-image: url(../images/i_email.gif);
}
.section input{
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
}
.x001{
	font-weight		: normal; 
	font-size		: 10px;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left		: 24px;
	margin-right	: 40px;
	padding-bottom: 0px;
	width:200px;
}

/**********personal profile**************/
#personal_profile{
	padding-left:7px;
	color:#a1a1a3;
}
#personal_profile ul{
	font-size:10px;
	line-height:20px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	margin-left:20px;
	margin-bottom:0px;
	margin-top:0px;
}
#personal_profile li{
	list-style-type: none;
	line-height:26px;
}
#personal_profile span{
	position:relative;
	margin-left:15px;
	top:-4px;
}
#personal_profile li.i_p001{
	list-style-type: none;
	list-style-image: url(../images/i_p001.gif);
}
#personal_profile li.i_p002{
	list-style-type: none;
	list-style-image: url(../images/i_p002.gif);
}
#personal_profile li.i_p003{
	list-style-type: none;
	list-style-image: url(../images/i_p003.gif);
}
#personal_profile li.i_p004{
	list-style-type: none;
	list-style-image: url(../images/i_p004.gif);
}
#personal_profile A.p_send{
	margin-left		: 10px;
	font-size		: 11px;
	text-decoration	: underline;
	color			: #666666;
}
#personal_profile A.p_send:hover{
	color			: #000000;
	font-size		: 11px;
	text-decoration	:none;
}
/**********content form tables***********/
#content table{
border:0px;
padding:0px;
margin:0px;
font-size:11px;

}
#content .x002{
	 font-size		: 62%;
	 padding-left   : 4px;
}
#content .x003{
	 padding-left   : 4px;
	 padding-right  : 13px;
}
#content .x005{
	 margin-top   	: 15px;
}
/**********message board***********/
#messageboard {
	width			: 100%;
}

#messageboard td{
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #FFFFFF;	
}

#messageboard .x006{
	color:#b7b7b9;
	background-color:#f7f7f7;
}
#messageboard .x007{
	color:#929294;
	background-color:#fbfcf7;
}
#messageboard .x008{
	background-color:#fff;
}
#messageboard .x011{
position:relative;
	top: 5px;
}
#messageboard input.r001{
	position:relative;

	left:3px;
}
#messageboard .x009{
	padding-left:7px;
}

#messageboard .x010{
	text-align:center;
}
#swarm_members .x014{
	text-align:center;
	background-color:#fff;
}

/* Grid Styles*/

.Grid 
{ 
	border: solid 5px #ffffff; 
	width:100%;
}

.Grid td
{
	border:solid 5px #FFFFFF;
	vertical-align:middle;
}
.Grid th
{
	border: solid 1px #ffffff; 
}

.GridItem
{
	color:#504F4F;
	background-color:#f7f7f7;
	background-color:#EDEDED;
}

/* old grey was 929294 */
.AlternatingGridItem
{
	color:#504F4F;
	background-color:#fbfcf7;
}
.GridAltItem
{
	color:#504F4F;
	background-color:#fbfcf7;
}

.Grid a
{
 color			: #504F4F;   
}

.Grid a:hover
{
 color			: #000000;   
}

.Grid a:visited
{
 color			: #504F4F;   
}

.Grid a:visited:hover
{
 color			: #000000;   
}


/* End Grid Styles*/

#messageboard img{
	padding:0px;
	margin-left:2px;
}
#messageboard a.reply{
	font-size:90%;
	text-decoration:underline;
}
#messageboard a.reply:hover{
	font-size:80%;
	text-decoration:underline;
}
#messageboard A{
	font-size:100%;
	text-decoration:underline;
}
/**********content links styles***********/
#content A.terms{
    color			: #666666;
	font-size		: 10px;
	text-decoration	: underline;
}
#content A.terms:hover{
    color			: #000000;
	font-size		: 10px;
	text-decoration	:none;
}
#content A.create{
	margin-left		: 215px;
	font-size		: 11px;
	text-decoration	: underline;
	color			: #666666;
}
 #content A.create:hover{
	color			: #000000;
	font-size		: 11px;
	text-decoration	:none;
}
#content A.set_t{
	float			: right;
	font-size		: 11px;
	text-decoration	: underline;
	color			: #666666;
	margin-left		: 15px;
}
#content A.set_t:hover{
	color			: #000000;
	font-size		: 11px;
	text-decoration	:none;
}
#content A.del_i{
	color			: #FF0000;
	font-size		: 10px;
	text-decoration	: none;
}
/***********************************************/
/* Round Tabs Styles                           */
/***********************************************/
#topnav {
	position		: absolute;
	left			: 19px;
	right			: 0px;
	font-size		: 93%;
	line-height		: normal;
	top				: 155px;
	margin-left		: 143px;
	width			: 78%;
}
/**********ul round styles**********/
#topnav ul{
  margin			: 0px;
  margin-left		: 0px;
  margin-top		: 0px;
  padding-top		: 0px;
  padding			: 0px;
  list-style		: none;
}
#topnav li.ltf{
	float:right;
}

#topnav li{
  float				: left;
  margin			: 0;
  padding			: 0 0 0 9px;
}

/****draw left round corner****/
#topnav li.left{
  background		: url("../images/left-tab.gif") no-repeat left top;
  float				: left;
  margin			: 0;
  padding			: 0 0 0 9px;
}

/****draw right round corner****/
#topnav div.right{
  background		: url("../images/right-tab.gif") no-repeat right top;
  float				: left;
  display			: block;
  padding			: 0px 10px 4px 0px;
  text-decoration	: none;
  font-weight		: normal;
  color				: #817F84;
  margin			: 0px;
}
#topnav div.body
{
  float				: left;
  display			: block;
  padding			: 0px 0px 6px 6px;
  text-decoration	: none;
  font-weight		: normal;
  color				: #817F84;
  margin			: 0px;	
  background		: url("../images/tab-bg.gif") repeat-x;
}
#topnav span{
  float				: left;
  display			: block;
  padding			: 0px 10px 4px 0px;
  text-decoration	: none;
  font-weight		: normal;
  color				: #817F84;
  margin			: 0px;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#topnav a{
	float			: none;
}
/* End IE5-Mac hack */
#topnav a:hover{
  color				: #1B1C20;
  }
/* right left and right arrows properties*/
.arrows {
	position		: relative;
	float			: right;
	top				: 155px;
	right			: 30px;
}
/***********************************************/
/* BOX Round Tabs Styles                       */
/***********************************************/
#boxtabs {
	position		: absolute;
	left			: 144px;
	right			: -2px;
	font-size		: 93%;
	line-height		: normal;
	top				: -25px;
	z-index			: 1;
}

html>body #boxtabs{
	left			: 141px !important;/*Mozilla and Opera needs it. By some reason there is 3 px difference between them and IE*/
}
/**********ul round styles**********/
#boxtabs ul {
  margin			: 0px;
  padding-left		: 0px;
  margin-left		: 0px;
  margin-top		: 0px;
  padding-top		: 0px;
  padding			: 0px;
  list-style		: none;
}
/***draw background between LI and SPAN***/
#boxtabs h1.on02{
  background		: url("../images/tab-bg-up.gif");
  float				: left;
  display			: block;
  padding			: 5px 0px 7px!important;
  text-decoration	: none;
  font-weight		: normal;
  color				: #000;
  font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size			: 12px;
}
#boxtabs a{
  float				: left;
  padding			: 5px 5px 6px 6px;
  text-decoration	: none;
  font-weight		: normal;
  color				: #5C5B60;
  margin			: 0px;
  font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size			: 12px;
}
#boxtabs .a001{
  float				: left;
  display			: block;
  padding			: 5px 5px 6px 6px;
  text-decoration	: none;
  font-weight		: normal;
  color				: #5C5B60;
  margin			: 0px;
  font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size			: 12px;
}
/****draw left round corner****/
#boxtabs li.on01{
  background		: url("../images/left-tab-up.gif") no-repeat left top;
  float				: left;
  margin		    : 0px;
  padding			: 0px 0px 0px 15px !important;/**LEFT PADDING SHOULD BE = TO THE WIDTH OF THE CONNER IMAGE**/
}
/****search tab left****/
#boxtabs li.on04{
  background		: url("../images/left-tab-up.gif") no-repeat left top;
  float				: right;
  margin		    : 0px;
  padding			: 0px 2px 0px 15px !important;/**LEFT PADDING SHOULD BE = TO THE WIDTH OF THE CONNER IMAGE**/

}
.messageboardSearch {
	margin			: 0px;
	margin-bottom	: 0px;
	margin-right	: 0px;
	margin-left		: 20px;
	padding			: 0px;
	font-weight		: normal; 
	font-size		: 10px;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height			: 14px;
	border			: #73848C 1px solid; 
	background-color: #FFFFFF;
	width			: 86px;
}
#boxtabs li {
  float				: left;
  margin			: 0px;
  padding			: 0px 0px 0px 15px;
}
/****draw right round corner****/
#boxtabs span.on {
  background		: url("../images/right-tab-up.gif") no-repeat right top;
  float				: left;
  display			: block;
  padding			: 0px 15px 4px 0px !important;/**RIGHT PADDING SHOULD BE= TO THE WIDTH OF RIGHT CONNER IMAGE**/
  text-decoration	: none;
  font-weight		: bold;
  color				: #765;
  margin			: 0px;
}
#boxtabs span {
  float				: left;
  display			: block;
  padding			: 0px 15px 4px 0px;
  text-decoration	: none;
  font-weight		: bold;
  color				: #765;
  margin			: 0;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#boxtabs a {
	float			: none;
}
/* End IE5-Mac hack */
#boxtabs a:hover  {
  color				: #333;
  }
/***********************************************/
/* Round Corners Styles                        */
/***********************************************/
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('../images/corners1280x32.gif'); /* CHANGE: path and name of your image */
	height: 16px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}
.top-rightnone { 
	background-image: url('../images/corners1280x32none.gif'); /* CHANGE: path and name of your image */
	height: 16px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}
.bottom-leftnone, .top-leftnone{ 
	background-image: url('../images/corners1280x32none.gif'); /* CHANGE: path and name of your image */
	height: 16px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}
.top-left, .bottom-left, .bottom-leftnone, .top-leftnone { 
	margin-right: 16px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right, .top-rightnone { 
	margin-left: 16px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -16px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right , .top-rightnone{
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left, .bottom-leftnone { 
	background-position: 0 -16px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -16px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #bebda1; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #bebda1;/* YCC: color & properties of the right-borderline */
	background: #fff;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px; 
	height:100%;
	vertical-align: middle; 
	
}
.inside_left {
	border-left: 1px solid #bebda1; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #bebda1;/* YCC: color & properties of the right-borderline */
	background: #fff;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	height:100%;   
}
.insidect {
	border-left: 1px solid #bebda1; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #bebda1;/* YCC: color & properties of the right-borderline */
	background: #fff;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 9px;             /* YCC: all texts at some distance of the left border */
	padding-right:9px; 
	/*min-height:362px;*/				/* ignored by IE*/
}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

.error
{
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: Red;
}





input.upload { 
	margin			: 0px;
	margin-bottom	: 0px;
	padding			: 0px;
	font-weight		:  normal; 
	font-size		: 11px;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height			: 20px;
	border			: #73848C 1px solid;
	background-color:#F5F5F5;
	
}



/****generic styles for rendered asp server controls****/


textarea {
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: Black;
}

input {
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: Black;
}

span {
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: Black;
}

select {
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: Black;
}


p.header{
	margin-bottom:-10px;
	padding-bottom:0px;
	margin-left:27px;
	font-weight:bold;
}

p.headerclose{
	margin-bottom:-10px;
	padding-bottom:0px;
	margin-left:5px;
	font-weight:bold;
}

A.linkbutton{

	font-size		: 11px;
	text-decoration	: underline;
	color			: #666666;
	margin-left     : 26px;
}
A.linkbutton:hover{
	color			: #000000;
	font-size		: 11px;
	text-decoration	:none;
}

A.linkbutton:visited{

	font-size		: 11px;
	text-decoration	: underline;
	color			: #666666;
	margin-left     : 26px;
}

div.normaltext {
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: Black;
}

.Pink {
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size		: 11px;
	font-weight     : bold;
	color			: #E4176F;
}


.BlueItalic {
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size		: 14px;
	font-weight     : bold;
	color			: #00A6EB;
}


/*================================*/
/* MIDDLE CONTENT LOGGED OUT      */
/*================================*/
#contentLoggedOut {
	padding			: 0px 0px 0px 0px;
	margin			: 0px 0px 0px 0px;
	height			: 100%;
	color			: #000000;
}

#headerLoggedOut {
	position		: absolute;
	top				: 36px;
	left			: 20px;
	right			: 19px;
	height			: 73px;
}	
	
	
/***********************************************/
/* BOX Round Tabs Styles                       */
/***********************************************/
#boxtabsLoggedOut {
	position		: absolute;
	left			: 0px;
	right			: -2px;
	font-size		: 93%;
	line-height		: normal;
	top				: -25px;
	z-index			: 1;
}

html>body #boxtabsLoggedOut{
	left			: 0px !important;/*Mozilla and Opera needs it. By some reason there is 3 px difference between them and IE  (NOTE RM don't seem to need adjustment, made 0 and it aligns correctlty*/
}
/**********ul round styles**********/
#boxtabsLoggedOut ul {
  margin			: 0px;
  padding-left		: 0px;
  margin-left		: 0px;
  margin-top		: 0px;
  padding-top		: 0px;
  padding			: 0px;
  list-style		: none;
}
/***draw background between LI and SPAN***/
#boxtabsLoggedOut h1.on02{
  background		: url("../images/tab-bg-up.gif");
  float				: left;
  display			: block;
  padding			: 5px 0px 7px!important;
  text-decoration	: none;
  font-weight		: normal;
  color				: #000;
  font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size			: 12px;
}
#boxtabsLoggedOut a{
  float				: left;
  padding			: 5px 5px 6px 6px;
  text-decoration	: none;
  font-weight		: normal;
  color				: #5C5B60;
  margin			: 0px;
  font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size			: 12px;
}
#boxtabsLoggedOut .a001{
  float				: left;
  display			: block;
  padding			: 5px 5px 6px 6px;
  text-decoration	: none;
  font-weight		: normal;
  color				: #5C5B60;
  margin			: 0px;
  font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size			: 12px;
}
/****draw left round corner****/
#boxtabsLoggedOut li.on01{
  background		: url("../images/left-tab-up.gif") no-repeat left top;
  float				: left;
  margin		    : 0px;
  padding			: 0px 0px 0px 15px !important;/**LEFT PADDING SHOULD BE = TO THE WIDTH OF THE CONNER IMAGE**/
}
/****search tab left****/
#boxtabsLoggedOut li.on04{
  background		: url("../images/left-tab-up.gif") no-repeat left top;
  float				: right;
  margin		    : 0px;
  padding			: 0px 2px 0px 15px !important;/**LEFT PADDING SHOULD BE = TO THE WIDTH OF THE CONNER IMAGE**/

}
	
	
#boxtabsLoggedOut li {
  float				: left;
  margin			: 0px;
  padding			: 0px 0px 0px 15px;
}
/****draw right round corner****/
#boxtabsLoggedOut span.on {
  background		: url("../images/right-tab-up.gif") no-repeat right top;
  float				: left;
  display			: block;
  padding			: 0px 15px 4px 0px !important;/**RIGHT PADDING SHOULD BE= TO THE WIDTH OF RIGHT CONNER IMAGE**/
  text-decoration	: none;
  font-weight		: bold;
  color				: #765;
  margin			: 0px;
}
	
	
td {
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size		: 11px;
}

/*=================================*/
/* FOOTER LOGGED OUT SETTINGS      */
/*=================================*/

/* safari and opera need this */
#footerLoggedOut {
	width			: 100%;
	clear			: both;
}
#footerLoggedOut{
	margin			: 0px;
	margin-bottom	: 10px;
	margin-top		:-5px;
	padding			: 0px;
	font-family		: "Trebuchet MS", Arial, sans-serif;
	font-size		: 10px;
	font-weight		: normal;
	color			: #999999;
}
#footerLoggedOut ul{
	margin			: 0px; 
	margin-left		: 20px;
	padding			: 0px; 
	list-style-type	: none;
}
#footerLoggedOut li{
	display			: inline; 
	margin-right	: 15px;
	padding			: 0px;
	float           : left;
}
#footerLoggedOut a{
	color			: #999999;
	font-weight		: normal;
	text-decoration	: none;
}
#footerLoggedOut .page{
	color			: #999999;
	font-weight		: normal;
	text-decoration	: none;
	float:right;
}
#footerLoggedOut .page_on{
	color			: #000;
	font-weight		: normal;
	text-decoration	: none;
}
#footerLoggedOut a:hover{
	color			: #000;
	font-weight		: normal;
	text-decoration	: none;
}


p {
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size		: 11px;
}






/****large text for info pages****/

p.Info {
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size		: 15px;
}

ol.Info {
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size		: 15px;
}


A.Info{

	font-size		: 15px;
	text-decoration	: underline;
	color			: #666666;
	margin-left     : 0px;
}
A.Info:hover{
	color			: #000000;
	font-size		: 15px;
	text-decoration	:none;
}

A.Info:visited{

	font-size		: 15px;
	text-decoration	: underline;
	color			: #666666;
	margin-left     : 0px;
}

#boxtabs a.Action{
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size		: 11px;
    font-weight		: normal;
    color			: #999999;
    text-align		: right;
	text-decoration	: none;
}

#boxtabs a.Action:hover{
	text-decoration	: underline;
	color			: #999999;
}

a.ActionButton:visited, a.ActionButton:link
{
	text-decoration	: underline;
	color			: #999999;
}

a.ActionButton:hover
{
	color			: black;
	font-weight		: bold;	 
}

.NormalText {
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size		: 11px;
}	
	
	
/*Swarm Directories*/
	
.dirlabel
{
    display:inline;
    font-weight:bold;
    color: #E71863;
}

.dirHeader
{
	font-weight		: normal; 
	font-size		: 18px;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color			: #E4176F;
	text-align		: right;
	
}

.dirSwarm
{
	font-weight		: normal; 
	font-size		: 18px;
	font-family		: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color			: #5A5A5A;
}


.ExpressComment {
	color			: #E61860;
	font-weight		: bold;
	line-height		: 18px;
}

.ExpressSend {
	font-family		: "Arial Black", Arial, Helvetica, sans-serif;
}

.GroupHeader
{
	color			: black;
	font-weight		: bold;
	font-size	    : 24px;
}


.floatleft 
{
    float:left; 
    padding: 0px, 15px, 0px, 20px;
} 

