/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background: #E3E3E3 url(bg.gif) top center repeat-y;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, text-area, .set-default-font
{
	font-family:arial;
	font-size:0.688em;
	line-height:1.364em;
	
}
	
text-area,
.blue
{   
    color:#c6e2f7;
}
	
.gray
{
    color: #C3C3C3;
}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffffff;}
a:hover{text-decoration:none;}
p {padding-top:14px;}
.p {padding-top:8px;}
.p2 {padding:0 0 16px 0;}

/* ============================= main layout ====================== */

.more {background:url(more1_bg.gif) no-repeat 0 5px; padding-left:14px; color:#ffffff; font-family:tahoma;}
.more2 {background:url(more2_bg.gif) no-repeat 0 5px; padding-left:14px; color:#f7cb1d; font-family:tahoma;}
.prev {background:url(prev_next_bg.gif) no-repeat 0 0; padding-left:12px;}
.next {background:url(prev_next_bg.gif) no-repeat top right; padding-right:12px;}

.navigation { font-size:0.909em; color:#ffffff; padding:13px 0 0 10px;}
.navigation a {color:#fff; text-decoration:none;}
.navigation a:hover {text-decoration:underline;}

h1 {background:url(logo.jpg) top left no-repeat; text-indent:-10000px; height:89px; line-height:1.25em; font-size:0.75em;}
h2 {color:#f2f6f9; font-size:1.74em; font-weight:normal; line-height:1.1em; margin-bottom:15px; font-family:tahoma;padding-left:10px;}
h3 {text-transform:uppercase; color:#f9c71a; font-size:1.64em; font-family:arial;}
h4 {color:#f2f6f9; font-size:1.64em; font-weight:normal; font-family:arial; line-height:1.1em;}
h5 {color:#f2f6f9; font-size:1.25em; font-weight:normal; font-family:tahoma;padding-left:10px;}

.menu {margin:26px 0 0 0;}
.menu li { 
    font-size:1.64em; 
    font-family:arial; 
    background:transparent url(menu_bg.png) no-repeat scroll 0pt; 
    padding:0 22px 0 38px; 
    float:left; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='menu_bg.png', sizingMethod='crop'); 
    /*background:expression("none");*/}
.menu li a { color:#f2f6f9; line-height:1.1em; text-decoration:none; font-weight:bold;}
.menu li a:hover {color:#d2d6d9;}
.menu .first {background:none; padding:0 28px 0 3px; filter:none;}
.menu .last {padding:0 0 0 38px;}

ul {line-height:1.1em;}
li { background:url(list_bg.gif) no-repeat 0 4px; padding:0 0 6px 12px;}
li strong {color:#ffffff; font-family:tahoma;}
li a {color:#f7cb1d; font-size:0.909em;}

.imgindent {margin:0 20px 0 0; float:left;}
.imgindent2 {margin:0 20px 20px 0; float:left;}

.text2 {color:#93c4fa; line-height:1.273em; font-family:tahoma;}
.link {color:#93c4fa; text-transform:uppercase; font-weight:bold; font-family:tahoma;}

.box {background:url(box_tall.gif) bottom repeat-x;}
.box .l {background:url(box_tall.gif) left repeat-y;}
.box .r {background:url(box_tall.gif) right repeat-y;}
.box .t {background:url(box_tallt.gif) top repeat-x;}
.box .bl {background:url(box_bl.gif) bottom left no-repeat;}
.box .br {background:url(box_br.gif) bottom right no-repeat;}
.box .tr {background:url(box_tr.gif) top right no-repeat;}
.box .tl {background:url(box_tl.gif) top left no-repeat; width:100%;}

.box .tr2 {background:url(box_tr2.gif) top right no-repeat;}
.box .tl2 {background:url(box_tl2.gif) top left no-repeat; width:100%;}
.box .t2 {background:url(box_tallt2.gif) top repeat-x;}

.box2 {background:url(box2_tall.jpg) top repeat-x;}
.box2 .tr {background:url(box2_tr.jpg) top right no-repeat;}
.box2 .tl {background:url(box2_tl.jpg) top left no-repeat; width:100%;}

.title1 {background:url(title1_bg.jpg) no-repeat 0 0; padding:2px 0 0 33px; margin:0 0 18px 12px;}
.title2 {background:url(title2_bg.jpg) no-repeat 0 3px; padding-left:40px;}


.strong_line {background:url(strong_line.gif) bottom repeat-x;}
/* ============================= header ====================== */

#header .left {padding:120px 0 0 41px; width:340px;}
#header .right .indent {padding:37px 0 0 0;}
#h_formbg { height:280px; width:330px; background:url(header_form_bg.jpg) top left no-repeat; color:#bbbbbb;}
#h_formbg .col1 {width:80px; padding-top:11px;}
#h_formbg .col1 img {margin-left:22px;}
#h_formbg .col2 {width:250px;}
#h_formbg .col2 .padding {padding:32px 0 0 22px;}
#h_formbg strong {color:#fff;}
.container {width:100%;}
#h_form .row1 {height:27px;}
#h_form .rowi {height:39px;}

.input1 {width:93px; height:19px; padding:0 0 0 5px; font-size:1em; color:#404040;}
.input2 {width:83px; height:19px; padding:0 0 0 5px; font-size:1em; color:#404040;}
.select1 {width:45px;}
.select2 {width:37px;}
.select3 {width:74px;}

/* ============================= middle ====================== */

#main_indent {padding:0 33px 0 32px;}
.white {color:#fff;}
.black {color:#000;}
/* ============================= footer ====================== */

#footer {padding-top: 20px}
#footer .center {
    text-align: center; 
    color:#a8cfec; 
    font-family:tahoma;
    /* border-top: 1px solid #A8CFEC; */
}
#footer span {font-family:arial;}
#footer a {color:#a8cfec;}

/* ============================= index ============================= */

.column1 .indent {padding-right:15px;}
.column1 .box .padding {padding:25px 20px 22px 37px;}

.column1 .box2 {margin:13px 7px 0 7px;}
.column1 .box2 .padding {padding:16px 6px 1px 9px;}
.column1 .col1 {width:202px;}
.column1 .col2 {width:150px;}
.column1 .col1 .text2 {background:url(ver_line.gif) right repeat-y; padding:0 29px 14px 16px; margin-top:19px;}
.column1 .box2 .col2 .padding {padding:0 0 0 9px;}
.column1 .col2 .text2 { padding:0 5px 14px 23px; margin-top:22px;}
.strong_line {margin:4px 6px 0 6px;}

.column2 .box .padding {padding:25px 26px 23px 29px;}
.column2 .col1 {width:135px;}
.column2 .col2 {width:135px;}
.column2 ul {margin:10px 0 0 3px;}

/* ============================= ToS =========================== */

#tos .box .padding, 
#search-results .box .padding
{
    padding:25px 25px 32px 37px;
}

/* custom poo */

#member-table .profile-box {
    padding: 10px 10px 10px 10px;
}

#member-table .odd {
    background-color: #4F88BF;
}

.generic-padding {
    padding: 20px 20px 20px 40px;
}

.pic-padding {
    padding: 20px 0px 20px 20px;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.small-font {
    font-size: small;
}

.convo-names {
    padding: 10px 10px 20px 10px;
    border: ridge 2px #0066CC;
}

.pic-border {
    padding: 3px 3px 3px 3px;
    border: ridge 2px #0066CC;
}

.convo-text {
    font-family: Comic Sans MS, Arial;
    font-size: 1em;
}

.search-box {
  float: right;
  font-size: medium;
}    

.conversation {width: 500px;}
.from-top {background:url(con-from-top.jpg) top left no-repeat;}
.from-fill {background:url(con-from-fill.jpg) left repeat-y;}
.from-bottom {background:url(con-from-bottom.jpg) bottom left no-repeat;}
.from-padding {color: #2B2B2B; padding: 20px 160px 50px 30px;}
.to-top {background:url(con-to-top.jpg) top right no-repeat;}
.to-fill {background:url(con-to-fill.jpg) right repeat-y;}
.to-bottom {background:url(con-to-bottom.jpg) bottom right no-repeat;}
.to-padding {padding: 20px 30px 50px 160px;}