body
{
    font-size: 11px;
    font-family:"lucida grande", tahoma, verdana, arial, sans-serif;

}

div.TopMenu
{
    margin: 0px;
    padding: 0px;
    background-repeat: repeat;
    background-image: url('../../top/background.gif');
    background-color: #3f6aa5;
}

div.TopDivider
{
    margin-bottom: 10px; padding: 0px;
    background-repeat: repeat;
    background-image: url('../../top/divider.png');
}
/**************************************************/
/* GLOBAL                               
input[type="checkbox"] { margin: 0px 3px 4px 3px; }
/**************************************************/

th, td { text-align: left; }
input, select, textarea { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; }
input[type="checkbox"] { margin: 0px 1px 0px 1px;  }
textarea { display: block; line-height: 120%; font-size: 12px; font-family: arial; border: solid 1px; }	  
table, tr, td { padding: 0px; margin: 0px; }
A { text-decoration: none; }  
A:hover { text-decoration: underline; }

/**************************************************/
/* H1 - PAGE TITLE
   H2 - RESERVED 
   H3 - SUB-PAGE TITLE
   H4 - RESERVED
   H5 - SMALL HEADER
/**************************************************/

H1 {  font-family: Verdana; font-weight: bold;  font-size: 13px; }
H3 { border-top: solid 1px; padding: 10px 0px 2px 8px; font-family: Verdana; font-weight: bold;  font-size: 12px;
  }
  
H3 span.SubText {
 margin-left: 10px; font-weight: normal;  font-size: 11px;
}

H5 
{
	padding: 0px 0px 2px 0px;
    margin: 0px;
	border-bottom: solid 1px;
	font: 11px Arial;
	font-weight: bold;
	clear: both;
}



td.h2 { padding: 10px 20px 2px 8px; }
td.h2_Line { }
div.h2 { width: 100%; clear: both;  font-family: Verdana; font-weight: bold;  font-size: 12px; }
div.h2 div.Left { float: left;  }
div.h2 div.Right { float: right; font-size: 11px; font-family: Arial; font-weight: normal; }


div.h3 { font: 11px Arial; font-weight: bold; width: 100%; clear: both; }
div.h3 div.Left { float: left;  }
div.h3 div.Right { float: right; font-size: 11px; font-weight: normal; }

div.h4 {  width: 100%; clear: both; }
div.h4 div.Left { float: left;  }
div.h4 div.Right { float: right; font-size: 11px; font-weight: normal; }

div.SmallTitles div.Left { float: left; font-size: 11px;  }
div.SmallTitles div.Right { float: right; font-size: 11px; font-weight: normal; }




/**************************************************/
/* MISC
/**************************************************/

table.table0 { border: 0px; }
div.Component { clear: both; display: block; margin-bottom: 5px; position: relative; }
div.Indent { padding: 0px 5px 0px 15px; }
div.Explination { font-size: 12px; font-family: Arial; line-height: 18px; padding: 0px 5px 0px 15px; }

HR.Subtle { height: 1px; border: none; margin: 2px 0 2px 0;  }
HR.Subtle2 { height: 1px; border: none; margin: 2px 0 2px 0;  }
HR.DarkLine { height: 1px; border: none; margin: 2px 0 2px 0;  }

div.Dotted_Line { margin: 5px 0px 5px 0px; width: 100%; height: 1px; background-image: url(../dotted_line.gif); background-repeat: repeat-x;  }
div.Top_Line { margin: 0px 0px 5px 0px; width: 100%; height: 1px;  }
div.Subtle {  height: 1px; border: none; width: 100px; }

img.NoBorder { border: none; }
img.PaddedBorder { border: solid 1px; padding: 4px; }
img.Border { border: solid 1px; }
img.Male { border: solid 1px; }
img.Female { border: solid 1px; }
img.Couple { border: solid 1px; }
img.Bookmark { border: none; margin-left: 6px; background-image: url('../icons/check.gif'); width: 12px; height: 12px; vertical-align: bottom; background-position: center;  background-repeat: no-repeat; }
img.Email { border: none; margin-left: 1px; background-image: url('../icons/email.gif'); width: 22px; height: 12px; vertical-align: bottom; background-position: center;  background-repeat: no-repeat;   }

img.Delete { border: none; background-image: url('../icons/delete.gif'); width: 7px; height: 8px; background-position: center;  background-repeat: no-repeat; }
img.Hide { border: none; background-image: url('../icons/hide.gif'); width: 7px; height: 8px; background-position: center;  background-repeat: no-repeat; }

img.Edit { border: none; margin-left: 6px; background-image: url('../icons/edit.gif'); width: 13px; height: 13px; background-position: center;  background-repeat: no-repeat;   }
img.Chat { border: none; margin-left: 1px; background-image: url('../icons/chat.gif'); vertical-align: middle; width: 16px; height: 16px; background-position: center;  background-repeat: no-repeat;   }
img.Included_File { border: none; background-image: url('../icons/included_file.gif'); vertical-align: middle; width: 16px; height: 16px; background-position: center;  background-repeat: no-repeat;   }

img.Magnify { float: right; border: none 0px; width: 20px; height: 20px; padding-top: 5px; background-image: url('../icons/magnify.gif');  background-position: center;  background-repeat: no-repeat; }
img.Magnify_Small { border: none 0px; width: 15px; height: 15px; background-image: url('../icons/Magnify_Small.gif');  background-position: center;  background-repeat: no-repeat; }

img.Arrow_Right { background-image: url('../icons/arrow_right.gif'); border: none 0px; width: 9px; height: 9px; background-position: center;  background-repeat: no-repeat; }
img.Arrow_Right_Light { background-image: url('../icons/arrow_right_light.gif'); border: none 0px; width: 9px; height: 9px; background-position: center;  background-repeat: no-repeat; }
img.Arrow_Down { background-image: url('../icons/arrow_down.gif'); border: none 0px; width: 9px; height: 9px; background-position: center;  background-repeat: no-repeat; }
img.Arrow_Down_Light { background-image: url('../icons/arrow_down_light.gif'); border: none 0px; width: 9px; height: 9px; background-position: center;  background-repeat: no-repeat; }
img.Folder_Open { background-image: url('../icons/folder_open.gif'); border: none 0px; width: 15px; height: 11px; background-position: center;  background-repeat: no-repeat; }
img.Folder_Closed { background-image: url('../icons/folder_closed.gif'); border: none 0px; width: 15px; height: 11px; background-position: center;  background-repeat: no-repeat; }
img.Calendar { background-image: url('../icons/Calendar.gif'); border: none 0px; width: 16px; height: 14px; background-position: center;  background-repeat: no-repeat; }
.ThumbsUp { background-image: url('../icons/thumbs_up.gif'); vertical-align: middle; border: none 0px; width: 17px; height: 19px; background-position: center;  background-repeat: no-repeat; }
.ThumbsDown { background-image: url('../icons/thumbs_down.gif');  vertical-align: middle; border: none 0px; width: 17px; height: 19px; background-position: center;  background-repeat: no-repeat; }
img.Icon_Male { border: none; margin: 0 2px 0 2px; background-image: url('../Icon_Male.gif'); width: 5px; height: 12px; vertical-align: bottom; background-position: center;  background-repeat: no-repeat; } 
img.Icon_Female { border: none; margin: 0 3px 0 3px; background-image: url('../Icon_Female.gif'); width: 7px; height: 14px; vertical-align: bottom; background-position: center;  background-repeat: no-repeat; } 
img.Icon_Couple { border: none; margin: 0 3px 0 3px; background-image: url('../Icon_Couple.gif'); width: 7px; height: 14px; vertical-align: bottom; background-position: center;  background-repeat: no-repeat; } 
img.Radio_Button { width: 13px; height: 13px; background-image: url('../icons/rbl_unchecked.gif'); border: none 0px; background-position: center;  background-repeat: no-repeat; }
img.Radio_Button_Checked { width: 13px; height: 13px; background-image: url('../icons/rbl_checked.gif'); border: none 0px;  background-position: center;  background-repeat: no-repeat; }

div.quote { padding: 8px; border: 1px solid;  }
.TextList { font-size: 11px; line-height: 16px; }
.SpacedContent { line-height: 150%; }

table.DateHeader { font-size: 10px; font-weight: bold; font-family: Arial; }
table.LineHeader { font-size: 11px; font-weight: bold; font-family: Arial; }


/**************************************************/
/* BUTTONS                               
/**************************************************/


input.ButtonLight, input.ButtonDark
{
  padding: 4px 20px 4px 20px; 
   border-width: 1px; border-style: solid;
   font: normal 11px Verdana;
 }

input.ButtonSmallDark, input.ButtonSmallLight   
{
 padding: 2px 12px 2px 12px;
  border-width: 1px; border-style: solid;
  font: normal 9px Verdana;
}


a.btnDark, a.btnLight {
  float: left; margin: 2px 5px 2px 5px; padding: 4px 35px 6px 35px;
  border-width: 1px; border-style: solid;
  text-align: center; text-decoration: none; font: normal 11px Verdana;
}

a.btnSmallDark, a.btnSmallLight {
  float: left; margin: 2px 5px 2px 5px; padding: 2px 20px 4px 20px;
  border-width: 1px; border-style: solid;
  text-align: center; text-decoration: none; font: normal 10px Verdana;
}



a.btnDark:active, a.btnSmallDark:active { border-width: 1px; border-style: solid; }
a.btnLight:active, a.btnSmallLight:active { border-width: 1px; border-style: solid; }




/**************************************************/
/* ROUND CORNERS */
/**************************************************/
TD.RC_M_TopLeft { background: url(../RoundBox/Medium_Top_Left.gif) top left no-repeat; width: 4px; height: 4px; }
TD.RC_M_TopRight { background: url(../RoundBox/Medium_Top_Right.gif) top right no-repeat; width: 4px; height: 4px; }
TD.RC_M_BottomLeft { background: url(../RoundBox/Medium_Bottom_Left.gif) bottom left no-repeat; width: 4px; height: 4px; }
TD.RC_M_BottomRight { background: url(../RoundBox/Medium_Bottom_Right.gif) bottom right no-repeat; width: 4px; height: 4px; }	
TD.RC_M_Top { background: url(../RoundBox/Medium_Top.gif) top; }
TD.RC_M_Bottom { background: url(../RoundBox/Medium_Bottom.gif) bottom; }
TD.RC_M_Left { background: url(../RoundBox/Medium_Left.gif) left; }
TD.RC_M_Right { background: url(../RoundBox/Medium_Right.gif) right;  }
TR.RC_M_Back { background: url(../RoundBox/Medium_Background.gif); }  
		
TD.RC_L_TopLeft { background: url(../RoundBox/Light_Top_Left.gif) top left no-repeat; width: 4px; height: 4px; }
TD.RC_L_TopRight { background: url(../RoundBox/Light_Top_Right.gif) top right no-repeat; width: 4px; height: 4px; }
TD.RC_L_BottomLeft { background: url(../RoundBox/Light_Bottom_Left.gif) bottom left no-repeat; width: 4px; height: 4px; }
TD.RC_L_BottomRight { background: url(../RoundBox/Light_Bottom_Right.gif) bottom right no-repeat; width: 4px; height: 4px; }	
TD.RC_L_Top { background: url(../RoundBox/Light_Top.gif) top; }
TD.RC_L_Bottom { background: url(../RoundBox/Light_Bottom.gif) bottom; }
TD.RC_L_Left { background: url(../RoundBox/Light_Left.gif) left; }
TD.RC_L_Right { background: url(../RoundBox/Light_Right.gif) right;  }
TR.RC_L_Back { background: url(../RoundBox/Light_Background.gif); }  

/* SMOOTH */
TD.SC_L_TopLeft { background: url(../SmoothBox/Light_Top_Left.gif) top left no-repeat; width: 9px; height: 9px; }
TD.SC_L_TopRight { background: url(../SmoothBox/Light_Top_Right.gif) top right no-repeat; width: 9px; height: 9px; }
TD.SC_L_BottomLeft { background: url(../SmoothBox/Light_Bottom_Left.gif) bottom left no-repeat; width: 9px; height: 9px; }
TD.SC_L_BottomRight { background: url(../SmoothBox/Light_Bottom_Right.gif) bottom right no-repeat; width: 9px; height: 9px; }	
TD.SC_L_Top { background: url(../SmoothBox/Light_Top.gif) top; }
TD.SC_L_Bottom { background: url(../SmoothBox/Light_Bottom.gif) bottom; }
TD.SC_L_Left { background: url(../SmoothBox/Light_Left.gif) left; }
TD.SC_L_Right { background: url(../SmoothBox/Light_Right.gif) right;  }
TR.SC_L_Back { background: url(../SmoothBox/Light_Background.gif); }  
		


/**************************************************/
/* MESHBOX */
/**************************************************/
TR.BM_L, TD.BM_L { background: url(../MeshBox/Light.gif); }		
TR.BM_M, TD.BM_M { background: url(../MeshBox/Medium.gif); }
TR.BM_D, TD.BM_D { background: url(../MeshBox/Dark.gif); }
TR.BM_B, TD.BM_B { background: url(../MeshBox/Button.gif); }
TR.BM_BB, TD.BM_BB { background: url(../MeshBox/Success.gif); }
TR.BM_BVB, TD.BM_BVB { background: url(../MeshBox/Error.gif); }
TR.BM_S, TD.BM_S { background: url(../MeshBox/Success.gif); }
TR.BM_E, TD.BM_E { background: url(../MeshBox/Error.gif); }


/**************************************************/
/* TEXT
/**************************************************/

.LightText {  }
.MediumText { }
.DarkText {  }
.HighLiteText {  }

.SmallLightText { font: 11px Arial;  }
.SmallMediumText  { font: 11px Arial;  }
.SmallText { font: 11px Arial;  }
.LargeText { font-family:"lucida grande", tahoma, verdana, arial, sans-serif; line-height: 16px; font-size: 12px;  }



.TopAreaText {  }
a.TopAreaText { text-decoration: underline; }

.SmallerLightText { font: 10px Arial;  }
.SmallerMediumText  { font: 10px Arial;  }
.SmallerText { font: 10px Arial;  }

.MemberLink { font-size: 12px;  }
.Bold { font-weight: bold; }
.StandardLink {   } 
.Online { font-weight: bolder; }
.MinorTitle { padding-bottom: 5px; font-weight: bold; }
.PopText { font-weight: normal; font: 11px Arial;  }


/**************************************************/
/* FORMS                               
/**************************************************/


div.Field, div.FieldCustom, div.FieldLarge, div.FieldCheckBox, div.FieldHTMLEditor
{

font-size: 11px;
}

div.Field, div.FieldCustom, div.FieldLarge
{
 clear:both; margin:0; padding: 7px 4px; 

}

div.FieldCheckBox
{
 clear:both; margin:0; padding: 2px 4px 2px 4px; 
}

div.FieldLarge {
    padding: 11px 4px 2px 70px; 
}

div.FieldHTMLEditor { clear:both; margin:0; padding: 7px 4px 2px 10px; } 

div.Field input  {   float:left; width: 305px; }
div.Field select      { float:left; width: 310px; }
div.Field textarea    { float:left; width: 310px; }

div.FieldLarge input { float: none; clear:both; width: 305px; }
div.FieldLarge select { float: none; clear:both; width: 305px; }
div.FieldLarge textarea { float: none; clear:both; width: 305px; }


div.Field label, div.FieldCustom label, div.FieldCheckBox label.Left { 

    float: left;  margin-right: 10px; width: 110px; 

     text-align:right; 
    padding-top: 2px;

}



div.FieldNoWidth label {
    width: auto;

}
div.FieldHTMLEditor label, div.FieldLarge label
{  float: none; clear: both; display: block; margin-bottom: 5px; 
 }


div.Field em, div.FieldCustom em, div.FieldCheckBox em, div.FieldHTMLEditor em { 
    float: left; margin-left: 10px; font-style:normal; font-weight:bold; 
     
}

div.Field div.Note, div.FieldCustom div.Note, div.FieldCheckBox div.Note
{ 
    clear:both;
    width: 400px; 
 
 
    left: 50px; 
    margin: 10px 0px 0px 120px; padding: 0; 
    
} 

div.FieldCheckBox div.Note
{ 
    left: 0px; 
    margin: 10px 0px 0px 30px; 
} 


 
div.FieldButtonLarge
{
    clear:both; margin-left: 10px;
    border-top: 1px solid;
    padding-top: 10px;
}
div.FieldButtonLarge input { margin-left: 40px; }


/**************************************************/
/* RadioMenu
/**************************************************/

ul.RadioMenu { margin: 0px;  list-style-type: none; padding: 0px; }
ul.RadioMenu li { font-weight: bold; vertical-align: middle; clear: both; padding: 3px 0px 3px 0px;  }
ul.RadioMenu li img { vertical-align: middle; border: none 0px; padding-right: 14px; width: 13px; height: 13px;   background-image: url('../icons/rbl_unchecked.gif');  background-position: center;  background-repeat: no-repeat; }
ul.RadioMenu li.Checked img { background-image: url('../icons/rbl_checked.gif'); }
ul.RadioMenu li.Explination { font-weight:normal; color: #666666; padding-left: 28px; }

ul.RadioMenu li.Indent { margin-left: 20px; }
ul.RadioMenu li.DoubleIndent { margin-left: 40px; }
ul.RadioMenu li hr { margin-top: -4px; margin-bottom: 0px; }


/**************************************************/
/* DISPLAY TABLE                               
/**************************************************/

div.InfoTable {  clear: both; text-align:left; width: 100%; font-size: 11px; border-bottom: solid 1px; }
div.InfoTable div.Title { float:left; width: 100px; padding: 3px 10px 3px 5px; vertical-align: top; }
div.InfoTable div.Content { float:left; line-height: 15px; padding: 3px 0px 3px 0px; vertical-align: top;  }
div.ShortTable div.InfoTable div.Title { width: 60px; } 
div.NoWidth div.InfoTable div.Title { width: auto; } 
div.NoBorder div.InfoTable { border-bottom: none 0px; }

div.InfoTableVertical { clear: both; text-align:left; width: 100%; font-size: 11px; padding: 5px 0 10px 0; border-bottom: solid 1px; }
div.InfoTableVertical div.Title { padding: 2px;   }
div.InfoTableVertical div.Content { padding: 2px;  }


/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 16px;
    height: 15px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar { background-image: url(../icons/star_filled.gif); }
.emptyRatingStar { background-image: url(../icons/star_empty.gif); }
.savedRatingStar { background-image: url(../icons/star_saved.gif); }