/* defaults=1 */
html, body {margin: 0;padding: 0;line-height: 1.0;}
h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0;padding: 0;}
ul,ol {list-style: none;}
label {cursor: pointer;cursor: hand;}
dd, blockquote {margin-left: 1em;}
fieldset {border: solid 0 transparent;}
input, screen, textarea {font-size: 100%;}
img {border: 0;}
#min-width {position:relative; height:1px; text-align: center; padding: 50px 0 30px 0; width: expression((document.body.clientWidth<=940)?'940px':'auto'); voice-family: "\"}\""; voice-family: inherit; width: auto;}
html>body #min-width {min-width:940px; height:auto;}
#width{width: 800px;text-align: left;margin: 0 auto;}
/* ta-da! */
body{font-family: Tahoma, sans-serif; font-size: .7em; background:#FFFFFF url('../img/body-bg.png') repeat-x 0pt 0pt; color: #7F7F7F;}
.hid {display:none;visibility:hidden;}
.box {position:relative; border:1px solid #AE6161; height:1px;}
.tl-b, .tr-b, .bl-b, .br-b {position:relative; background-repeat:no-repeat}
.popup-b{background:#000000 url(../img/rg-hdr-bg.gif) repeat-x scroll left top;}
.tl-b {background-image:url(../images/tl-b.gif); background-position:0 0; top:-1px; left:-1px}
.tr-b {background-image:url(../images/tr-b.gif); background-position:100% 0; right:-2px}
.bl-b {background-image:url(../images/bl-b.gif); background-position:0 100%; bottom:-2px !important; bottom /**/:-2px; left:-2px}
.br-b {background-image:url(../images/br-b.gif); background-position:100% 100%; width:auto !important; width /**/:100%; padding:5px 10px 7px 10px; right:-2px; bottom:0 !important; bottom /**/:0; height:1px}
html>body .tr-b {bottom:0 !important}
html>body .bl-b {bottom:-2px !important}
html>body .br-b, html>body .box {height:auto}
#nav h1 a{float:left; overflow: hidden; display:block;}
#nav ul{float: right; padding: 11px 32px 0 0;}
#nav li{float: left; padding-left: 16px; padding-top: 0px; display: block; background: url(../images/nav-b.gif) no-repeat 0 0;}
li.first{background: none !important;}
#nav li a{margin-right: 10px;text-indent: -999em; overflow: hidden; display: block;background-position: 0 0; background-repeat: no-repeat;}
#n-tour a{background: url(../images/nav-1.gif); width: 51px; height: 11px;}
#n-stories a{background: url(../images/nav-2.gif); width: 87px; height: 11px;}
#n-info a{background: url(../images/nav-3.gif); width: 52px; height: 11px;}
#n-partner a{background: url(../images/nav-4.gif); width: 270px; height: 13px;}
.box-m {position:relative; border: 0px solid #F7941C; height:1px;}
.tl-m, .tr-m, .bl-m, .br-m {position:relative; background-repeat:no-repeat}
.tl-m2 {background-image:url(../images/tl-m.gif); background-position:0 0; top:-3px; left:-3px}
.tr-m2 {background-image:url(../images/tr-m.gif); background-position:100% 0; right:-6px}
.bl-m2 {background-image:url(../images/bl-m.gif); background-position:0 100%; bottom:-6px !important; bottom /**/:-6px; left:-6px}
.br-m2 {background-image:url(../images/br-m.gif); background-position:100% 100%; width:auto !important; width /**/:100%; right:-6px; bottom:0 !important; bottom /**/:0; height:1px}
html>body .tr-m {bottom:0 !important}
html>body .bl-m {bottom:0px !important}
html>body .br-m, html>body .box-m {height:auto}
img.png{behavior: url("./_server/design/pngbehavior.htc");}
#sp-1{left: -3px;top: -3px;position: relative;background: url(../images/bg-sp-0-b.jpg) no-repeat top left;}
#sp-2{background: url(../images/sp-1.gif) no-repeat top left;height: 357px;}
html>body #sp-2{height: auto;min-height: 357px;}
#sp-3{position: absolute;left: 235px;top:92px;width: 198px;height: 88px;z-index: 99;}
#sp-4{position: absolute;bottom: 0;_margin-bottom: -1px;left: 142px;}
#sp-5{position: absolute;bottom: 0;_margin-bottom: -1px;}
#cont{padding: 30px 60px 0 390px;text-align: right;}
h2 span{display:none;}
#t-join{background: url(../images/t-join.gif) no-repeat 100% 0;height: 18px;margin-bottom: 15px;}
#cont label{margin-right: 3px;}
#username, #create-password, #re-password, #email, #re-email
{width: 165px;}
#iam, #from{width: 165px;}
#btn-join{margin: 10px 0;}
span.note{color: #6F0000;}
/* clear */
#nav:after,
div.br-b:after
{content: "."; height: 0; clear: both; visibility: hidden;}
#nav, div.br-b{display: inline-block;}
#nav, div.br-b{display: block;}
/*
* Primary Color
*/
.pri_little_bold {font-size: 8pt; font-family: Arial; color: #CA0000; font-weight: bold;}
.pri_little_bold:hover {font-size: 8pt; font-family: Arial; color: #B40101; font-weight: bold;}
/* class of small link text used mostly in right-hand navigation (e.g., edit, delete, etc.), and some informational sub-links (e.g., what's this?, more info, etc.) */
.pri_little {font-size: 8pt; font-family: Arial; color: #CA0000; font-weight: normal;}
.pri_little:hover {font-size: 8pt; font-family: Arial; color: #B40101; font-weight: normal;}
/* class for two links on full profile page -- "add to favorites" and "see more photos" */
.pri_tiny {font-size: 7.5pt; font-family: Arial; color: #CA0000; font-weight: normal;}
.pri_tiny:hover {font-size: 7.5pt; font-family: Arial; color: #B40101; font-weight: normal;}
/* general link class -- most links that are "normal" (i.e., not navigation or otherwise specific) will be this class; please note: this class is also used in some places that are NOT links -- just text */
.pri_text_bold {font-size: 9pt; font-family: Arial; color: #CA0000; font-weight: bold; text-transform: none;}
.pri_text_bold:hover {font-size: 9pt; font-family: Arial; color: #B40101; font-weight: bold;}
/* primarily used for member's name on full profile page and on member's home under my profile */
.pri_big {font-size: 11pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #CA0000; font-weight: bold;}
/* used for headings on full profile page (about member_name, essay title, about member_name's partner, etc.) and as member's name link text (link to full profile) in search results */
.pri_med_bold {font-size: 10pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #CA0000; font-weight: bold;}
.pri_med_bold:hover {font-size: 10pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #B40101; font-weight: bold;}
/*
* Secondary Color
*/
/* only used for links in messages inbox -- for messages that are checked */
.sec_little_bold {font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #4C6E89; font-weight: bold;}
.sec_little_bold:hover {font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #31516A; font-weight: bold;}
/* primarily used for "support" and "logout" links at top of every page (next to "welcome membername"); also, on messages inbox page, used for links in right-hand navigation under "message folders" */
.sec_little {font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #4C6E89; font-weight: normal;}
.sec_little:hover {font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #31516A; font-weight: normal;}
/* a heading class -- used for "Required Criteria" in Advanced Search and for "Dating Advice", "Entertainment", and "Weekly Poll" under "This Week in Date Info" on Members Home */
.sec_big {font-size: 12pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #758FA6; font-weight: bold;}
/* one of the largest heading classes -- used on Registration Step 3 ("People with headings get noticed!") and Profile-specific upgrade page ("Could MemberName be the one?") */
.sec_huge {font-size: 13.5pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #758FA6; font-weight: bold;}
/* on Advanced Search page, sub-headings and input definitions (Age Range, Height Range, Member Status, etc.) NOTE: Not a link on Advanced Search */
/* on Members Home page, control links under My Profile (e.g., Add/Edit Photos, Hide Profile, etc.) */
.sec_text {font-size: 9pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #2B5475;}
.sec_text_bold {font-size: 9pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #CA0000; font-weight: bold;}
.sec_text_bold:hover {font-size: 9pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #204360; font-weight: bold;}
/* a medium sized heading, used throughout the site */
.sec_med_bold {font-size: 11pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #758FA6; font-weight: bold;}
/* Used on the ContactUs page as a secondary header. E.g. "Send Photos to:" and "Send check or money orders to:" */
.sec_med_bold_2 {font-size: 11pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #2B5475; font-weight: bold;}
/*
* Tertiary Color
*/
.ter_big {font-size: 12pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #8F0100; font-weight: bold;}
.ter_huge {font-size: 13.5pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #8F0100; font-weight: bold;}
.ter_med_bold {font-size: 11pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #8F0100; font-weight: bold;}
.ter_text_bold {font-size: 9pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #8F0100; font-weight: bold;}
.ter_tiny_2 {font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #2F4174; font-weight: normal; text-decoration: none; }
.ter_tiny {font-size: 7.5pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #2F4174; font-weight: normal; text-decoration: none; }
a.ter_tiny {font-size: 7.5pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #2F4174; font-weight: normal; text-decoration: underline; }
a.ter_tiny:hover {text-decoration: none;}
a.ter_tiny_udrline {font-size: 7pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #47677f; font-weight: normal; text-decoration: underline; }
/*
* Error Color
*/
.err_text_bold {font-size: 9pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #CA0000; font-weight: bold;}
.err_med {font-size: 10pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #AC0000; }
/*
* Misc Fonts
*/
/* E.g. "You've already taken the first steps ... Redeem your OnlineDatingKit" */
.misc_med {font-size: 10pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #000000;}
.misc_huge {font-size: 13pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: black;}
/* E.g. "If you're serious about finding the one... redem free trial offer..*/
.misc_text {font-size: 9pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #666666;}
/* Used when your CC transaction fails on the page where you enter your CC information */
.misc_text_2 {font-size: 9pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #494A4A;}
.misc_text_2 a {text-decoration: none; color: #3C496E;}
/* Used at the top of the page indicating which steps he/she has completed when a user is first joining. (Found on ShowJoinPage2, ShowJoinPage3, ShowJoinPage4) */
.regtop {font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #FFFFFF; font-weight: normal;}
.highlight {font-size: 10pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #000000; font-weight: bold; Text-Decoration: none; }
.misc_tiny_2 {font-size: 8pt;}
/* Used for sidebar content */
.side_content_bold {font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; font-weight: bold; color: #545454; }
/*******************************************
* BACKGROUNDS
*******************************************/
.imagecontainer {
clear:left;
float:left;
}
.imagecontainer_secret {
clear:left;
float:left;
border: 1px solid red;
}
/* creates a background for areas where there are lists and a distinction is necessary between lines -- used in message inbox and on upgrade pages where there are pay scales */
.list_new {background-color: #E4E1DA; border-bottom: solid 1px #FFFFFF; height: 23px; font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #787676; font-weight: normal;}
.list_new a {background-color: #E4E1DA; height: 23px; font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #CA0000; font-weight: bold;}
.list_new a:hover {font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #B40101; font-weight: bold; text-decoration: underline;}
/* creates a background for areas where there are lists and a distinction is necessary between lines -- used in message inbox */
.list_select {background-color: #DAE0E1; border-bottom: solid 1px #FFFFFF; height: 23px; font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #787676; font-weight: normal;}
.list_select a {background-color: #DAE0E1; height: 23px; font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #4C6E89; font-weight: bold;}
.list_select a:hover {font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #31516A; font-weight: bold; text-decoration: underline;}
/* creates a background for areas where there are lists and a distinction is necessary between lines -- used in advanced search, message inbox, who's online list, and on upgrade pages where there are pay scales */
.list_view1 {background-color: #F8F8F7; border-bottom: solid 1px #FFFFFF; height: 23px; font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #787676; font-weight: normal;}
.list_view1 a {background-color: #F8F8F7; height: 23px; font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #CA0000; font-weight: bold;}
.list_view1 a {font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #B40101; font-weight: bold; text-decoration: underline;}
/* creates a background for areas where there are lists and a distinction is necessary between lines -- used in advanced search, message inbox, who's online list, and on upgrade pages where there are pay scales */
.list_view2 {background-color: #EFEFEE; border-bottom: solid 1px #FFFFFF; height: 23px; font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #787676; font-weight: normal;}
.list_view2 a {background-color: #EFEFEE; height: 23px; font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #CA0000; font-weight: bold;}
.list_view2 a:hover {font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #B40101; font-weight: bold; text-decoration: underline;}
/* creates a background for areas where there are lists and a distinction is necessary between lines -- used in advanced search and on upgrade pages where there are pay scales -- alternates between lighter and darger colours*/
.list_view1_alt {background-color: #F6F7F9; border-bottom: solid 1px #FFFFFF; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; font-size: 9pt; color: #787676;}
.list_view2_alt {background-color: #EEF2F5; border-bottom: solid 1px #FFFFFF; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; font-size: 9pt; color: #787676;}
/*******************************************
* BUTTONS
*******************************************/
.button_text {font-size: 7pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.button_1, .button_2 {
background-color:#FFFFFF;
background-image:url(../img/btn_band1d.gif);
border:1px solid #117D8B;
color:#117D8B;
padding:2px 12px;
text-decoration:none;
}
.button_1:hover, .button_2:hover {
background-color:#E6F3F5;
background-image:url(../img/btn_band2d.gif);
border:1px solid #117D8B;
color:#117D8B;
text-decoration:none;
}
textarea{
background-color:#FFFFFF;
border:1px solid #117D8B;
color: black;
padding:2px 12px;
text-decoration:none;
}
select{
background-color:#FFFFFF;
border:1px solid #117D8B;
color: black;
text-decoration:none;
margin-top:2px;
}
input[type='radio'],input.radio,input[type='text'],input.text, input[checkbox], input.checkbox, input.password{
background-color:#FFFFFF;
border:1px solid #117D8B;
color: black;
text-decoration:none;
margin-top:2px;
}
input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]
{
background-color: #dcdcdc;
border: #117D8B 1px solid;
color: #000000;
cursor: default;
}
.list_button {background: url('../img/infobutyellow2_s.jpg'); font-size: 7pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; font-weight: bold; text-decoration: none; border: solid 1px #C4C9D3;}
.list_button_dark {background-color: #C4C9D3;}
.list_button_darker {background-color: #C4C9D3;}
.list_botton_light {background-color: #C4C9D3;}
.list_button_text {font-size: 7pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #000000; font-weight: bold; text-decoration: none;}
.list_button_text_inactive {font-size: 7pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #EEEEEE; font-weight: bold; text-decoration: none;}
.im_nav {font-size: 7.5pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #ffffff; font-weight: normal; background-color: #9DABB8;}
a.im_nav {font-size: 7.5pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #ffffff; font-weight: normal; background-color: #9DABB8; text-decoration: none;}
a.im_nav:hover {font-size: 7.5pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #ffffff; font-weight: normal; background-color: #9DABB8; text-decoration: underline;}
/*******************************************
* TITLES
*******************************************/
.title_line {background-color: #C4C9D3;}
.title_link {font-size: 7pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.title_link_on {font-size: 7pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.title_off {border-right: solid 1px #C4C9D3;}
.title_on {font-size: 7pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #8F0100; font-weight: bold; background:url('../img/orange_bkgrnd.gif'); border-right: solid 1px #C4C9D3;}
.title_text {
color:#000000;
font-family:"Trebuchet MS",Verdana,Arial,"SF Sans Serif",sans-serif;
font-size:7pt;
font-weight:bold;
}
.title_bgrnd {
background:transparent url('../img/infobutyellow2_s.jpg') repeat scroll 0% 50%;
border-color:#C4C9D3 rgb(196, 201, 211) -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px medium;
padding:4px 4px 4px 8px;
}
.title_bgrnd_red {background: url('../img/infobutred_s.gif'); border: solid 1px #F48C8C; border-bottom: none; padding: 4px; padding-left: 8px;}
.title_text_reg {font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #FFFFFF; font-weight: normal;}
/*******************************************
* NAVIGATIONS
*******************************************/
.nav {font-size: 7pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #FFFFFF; font-weight: bold; background-color: #3C9BCB; background-image:url(../img/button-fon.gif); height: 23px; border: solid 1px #C4C9D3; border-right: solid 1px #C4C9D3;}
.nav_title {border: 0;border-bottom: none; background:url('../img/infobutyellow2_s.jpg'); height: auto;}
.nav_button {font-size: 7pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #FFFFFF; font-weight: bold; text-decoration: none; }
.nav_selected {font-size: 7pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #FFFFFF; font-weight: bold; background-color: #FF6812; background-image:url(../img/button-fon-act.gif); height: 23px; border: solid 1px #C4C9D3;}
.nav_upgrade {font-size: 7pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #FFFFFF; font-weight: bold; background-color: #D10000; height: 23px; border: solid 1px #D10000;}
/*******************************************
* BACKGROUNDS AND BORDERS
*******************************************/
.banner_bgrnd {background-color: #F4F6F9; border: solid 1px #C4C9D3; padding-top: 7px; padding-bottom: 7px; width: 757px; }
.body_logout {background-color: #F4F6F9; border: solid 1px #C4C9D3; border-top: solid 1px #F4F6F9; width: 625px; padding-top: 8px; position: relative; }
.completion_bar {background-color: #FFFFFF; border: solid 1px #7F7F7F; padding: 1px; width: 130px; }
.content_bgrnd {background-color: #FFFFFF; border: solid 1px #BBE0FF; border-right: solid 1px #BBE0FF; border-bottom: solid 1px #BBE0FF; }
.content_bgrnd_red {background-color: #FFFFFF; border: solid 1px #F48C8C; border-right: solid 1px #F48C8C; border-bottom: solid 1px #D94646; }
.content_bgrnd_2 {background-color: #FBFBFB; border: solid 1px #FDFAD0; }
.content_bgrnd_3 {background-color: #FFFFFF; border: solid 1px #E4E5E7; padding: 7px; text-align: left; color: #2B5475;}
.content_bgrnd_3_off {background-color: #F6F7F9; border: none; padding: 7px; text-align: left;}
.credit_bgrnd {background-color: #F5F7F9; border: solid 1px #E3E5E6; }
.img_lrg_border {border: solid 1px #4B6E8A;}
.img_med_border {background-color: #D0DAE3; border: 0; width: 126px; height: 140px; text-align: center;}
.img_sml_border {background-color: #D0DAE3; border: solid 1px #4B6E8A; width: 90px; height: 100px; text-align: center;}
.keyline {background-color: #E5E5E5;}
.main_bgrnd_padding { min-height:970px;height:100%;overflow:hidden; background-color: #FBFBFB; border: solid 1px #C4C9D3; border-top: none; padding-bottom: 8px; padding-top: 8px; padding-right: 8px; padding-left: 2px; width: 100%; float:left;}
.searchprof_bgrnd {background-color: #F6F7F9; border: solid 1px #CCCCCC; border-bottom: none; padding-top: 8px; padding-bottom: 8px; width: 527px; }
.sec_bgrnd {background-color: #86A2B8;}
.ter_bgrnd {background-color: #8f0100;}
.main_bgrnd {background-color: #F4F6F9; border: solid 1px #C4C9D3; }
.flat_border {border: solid 1px #7D97B0; margin-left: 4px; padding-left: 4px; }
.folderbullet {background-image: url(../images/bullet_body.gif);}
.fullprof_bot_border {border-left: solid 1px #D9D9D9; border-right: solid 1px #D9D9D9; width: 536px; padding-top: 22px; padding-bottom: 12px; }
.fullprof_top_border {border-top: solid 1px #D9D9D9; border-right: solid 1px #D9D9D9; width: 408px; padding-left: 16px; padding-bottom: 16px; }
/*******************************************
* REPORTING STYLES
*******************************************/
.reportHeader2 {background-color: #FFFFFF; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; font-size: 9pt; color: #787676; font-weight: bold;}
.reportSummaryRow {background-color: #CECECE; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; font-size: 9pt; color: #787676; font-weight: bold;}
/*******************************************
* LAYOUT TAGS
*******************************************/
.content {padding-bottom: 8px;}
.contentpad {padding: 8px;}
.absolute {position: absolute;}
.titleid {position: relative; left: 21px;}
.fullprof {width: 100%;}
.profcontent {padding-left: 26px;padding-left: 28px;text-align: left; padding-bottom: 8px;}
.advsearch {width: 660px; text-align: left;}
.searchbut {width: 527px; text-align: left;}
.view_link {font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #666666; font-weight: normal; text-decoration: underline;}
.view_link:hover {font-size: 8pt; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; color: #666666; font-weight: normal; text-decoration: none;}
.photo_content {border: solid 1px #E4E5E7; border-top: none; background-color: #F6F7F9; padding-top: 15px; padding-bottom: 15px;}
.narrow_search {border: solid 1px #E4E5E7; background-color: #F6F7F9; padding: 15px;}
/* SITE TOUR */
.sitetourlogo {background-color: #86A2B8}
.sitetourhead{font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif;, sans-serif; font-size: 14px; color: #ffffff;}
.sitetourmain{border: solid 1px #E3E2DE; width: 770px;}
td.sitetournav{border-right: solid 1px #e3e2de;}
.sitetournav div a{font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif;, sans-serif; color: #B3B3B3; font-size: 12px; line-height: 2; padding-left: 7px; text-decoration: none;}
.sitetournav div a.selectedST{font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif;, sans-serif; color: #990000; font-size: 12px; line-height: 2; text-decoration: none;}
.sitetournav div a:hover{font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif;, sans-serif; color: #B3B3B3; font-size: 12px; line-height: 2; padding-left: 7px; text-decoration: underline;}
.sitetournav div a.selectedST:hover{font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif;, sans-serif; color: #990000; font-size: 12px; line-height: 2; text-decoration: underline;}
.sitetourcontent{font-weight: normal; padding-left: 30px;}
.sitetourcontent ul{padding: 0px; padding-left: 18px; padding-bottom: 10px; margin: 0px;}
.sitetourcontent li{padding: 0px; margin: 0px;}
div#messagecenter {padding-top: 5px; padding-bottom: 5px;}
div#gutter {position: absolute; width: 8px; top: 0px; left: 573px;}
div#sidebar {position: absolute; width: 159px; top: 0; left: 581px;}
div#sidebar_left {float:left; width: 159px; margin-right: 2px;}
.content_middle {float:left; width: 630px; margin-left: 4px;}
div#content_middle {float:left; width: 630px; margin-left: 4px;}
.content_right {float:left; width: 785px; margin-left: 4px;}
div#content_right {float:left; width: 785px; margin-left: 4px;}
div#sidebar_right {float:left; width: 159px; margin-left: 2px;}
.content_left {float:left; width: 679px; margin-left: 4px;}
div#content_left {float:left; width: 679px; margin-left: 4px;}
div#sidebar_right {float:left; width: 159px; margin-left: 2px;}
.blog_header h3 {font-size:0.85em; background-color:#999; width:300px; clear:both; font-weight:bold; text-transform: uppercase; color:#fff;}
a {color: #494a4a; text-decoration: underline;}
a:hover {text-decoration: none;}
#loginform {color:#ffffff; float:right; width:450px; padding-top:10px;}
#loginform a {color:#336699;}
div.personal-st{width: 735px; height: 22px; overflow: hidden; background: #ffffff; margin-bottom: 15px; border-right:2px solid #b7b7b7; border-bottom:2px solid #b7b7b7;}
div.personal-st ul{padding: 4px 0 0 17px;}
div.personal-st ul li{ float: left; display: inline; margin-right: 16px; font-weight: bold; color: #7f7f7f;}
div.personal-st a{color: #ca0000;}
.thumbnail{
overflow:hidden;
//background:url(../images/videopage.jpg);
background:#d2da9c; border:1px solid black;
width:122px; height:135px; float:left;
margin-left:20px; padding-top:10px; padding-bottom:10px; margin-bottom:20px;
color:#ffffff;
}
.thumbnail a {color:#ca0000; font-weight:bold;}
.video_cont{width:450px; margin-top:15px; float:left; margin-bottom:30px;}
.button {background:#8f0100; color:#ffffff; border: 1px solid #8f0100; font-weight:bold;}
td.blue{background-color: #FBFBFB;}
td.violet{background-color: #3C9BCB; color:#ffffff; height:30px; font-weight:bold; text-align:center;}
td.grey{background-color: #FBFBFB;}
img.violet{border:1px solid #8f0100;}
#rate_this img {behavior: url('./_server/design/pngbehavior.htc'); width:29px; height:29px;}
#player_brd{
background:#FBFBFB;
width:525px;
height: 480px;
}
#video_details dt { float:left; font-weight:bold; font-size:10px;}
#video_details dl {font-size:10px;}
#video_details a { color:#ca0000; font-size:10px;}
#user_details h4{ font-size:14px; margin:0 10 0 10; padding-bottom:10px;}
#user_details dt { float:left; font-weight:bold; }
#user_details a{ color:#ca0000; font-size:10px;}
#user_details dl{ font-size:10px;}
#video_links_img a {font-size:11px;}
.yellow {color:#f7941c; font-size:14px; font-weight:bold; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif;}
.red {color:red; font-size:14px; font-weight:bold; font-family: "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif;}
.brd{border:1px solid red;}
* html .fmembers .fmembers-bg, * html .fmembers dd, * html .fsearch-bg, * html .fsearch .btn{behavior: url("./_server/design/iepngfix.htc");}
.fmembers{font: 9px/13px Tahoma, Verdana, sans-serif; color: #FFF; z-index: 101; position: absolute;}
.fmembers .fmembers-bg{background: url(../images/fmembers-bg.png); width: 297px; height: 185px; position: absolute; top: 0; left: 0;}
.fmembers ul.people{top: 23px; left: 10px; position: absolute; z-index: 102; width: 297px;}
.fmembers ul.people li{float: left; display: block; margin-left:1px;}
html>body .fmembers ul.people li{float: left; display: block; margin-left:0px;}
.fmembers dl{width: 64px; height: 72px; margin: 0 1px 4px 0 !important; margin /**/: 0 5px 4px 0;}
html>body .fmembers dl{margin: 0 5px 4px 0 !important;}
.fmembers dt img{border: 1px solid #FFF0A5; display: block; width: 63px; height: 70px;}
.fmembers dd{background: url(../images/inf-bg.png); padding: 0 2px; overflow: hidden; height: 13px; margin: -14px 1px 0;}
html>body .fmembers dd{position: relative;}
.fsearch{position: absolute; z-index: 102; font-family: Tahoma, Verdana, sans-serif;}
.fsearch-bg{position: absolute; top: 0; left: 0; width: 300px; height: 75px; background: url(../images/search-bg.png);}
.fsearch form{position: absolute; top: 23px; left: 10px; width: 300px; font-weight: bold; color: #700000; font-size: 11px; line-height: 15px;}
.fsearch .btn{position: absolute; top: 0px; right: 27px; width: 61px; height: 37px; background: url(../images/btn-go2.png); border: none; cursor: pointer; cursor: hand;}
/*.body_text { FONT-SIZE: 9pt;}
.body_tiny { FONT-SIZE: 8.5pt;}
.body_little { FONT-SIZE: 8pt }
*/
.body_text { font: 9pt "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif;}
.body_tiny { font: 8.5pt "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif;}
.body_little { font: 8pt "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif; }
/** {margin: 0; padding: 0;}*/
h1, h2, h3, h4, h5, h6, pre, code, input,select, textarea {font: 90% "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif;}
ul, ol {list-style: none;}
input.button {cursor: pointer; cursor: hand;}
img, fieldset {border: none;}
table {border-collapse: collapse; border: none;}
body {
background: #FFF url("../img/body-bg.png") repeat-x 0 0;
color: #4F4F4F;
font: 9pt "Trebuchet MS", Verdana, Arial, "SF Sans Serif", sans-serif;
}
.c {
width: 978px;
margin: 0 auto;
background:transparent url('../img/spl-bg.jpg') no-repeat scroll 0%;
}
.c_offline {
width: 978px;
margin: 0 auto;
background:transparent url('../img/spl-bg-offline.jpg') repeat scroll 0%;
}
#header{
height: 84px;
background:transparent url('../img/header-bg.jpg') no-repeat scroll 50% 0;
}
#header_offline {
height: 84px;
background:transparent url('../img/header-bg-offline.jpg') no-repeat scroll 50% 0;
}
#header h1 {
float: left;
padding: 15px 0 0 15px;
}
#login {
float: right;
padding: 28px 0 0 50px;
}
#login form * {vertical-align: middle;}
#login form a {color: #040608;}
#login form td, #login form th {
padding: 0 5px 2px 0;
color: #040608;
text-align: left;
font-weight: normal;
font-size: 10px;
}
#login form th {
color: #868D90;
}
#login form input {
width: 110px;
font-family: Tahoma, Verdana, sans-serif;
color: #000;
font-size: 11px;
}
#remember, #login form input.button {
width: auto !important;
height: auto !important;
border: none !important;
padding: 0 !important;
color: #FFF !important;
background: none !important;
}
#login form input.button {
width: 51px !important;
height: 19px !important;
}
#spl, #spl div {
height:158px;
}
#spl {
text-align:right;
}
#menu {
width: 300px;
height: 33px;
background: #E1E0D2 url("../img/menu-bg.png") repeat-x 0 0;
border-bottom: 1px solid #E7E7DF;
margin-top: 1px;
}
#menu ul li {
float: left;
display: inline;
padding: 0 19px 0 39px;
background: url("../img/bullet-menu.gif") no-repeat 0 0;
line-height: 33px;
font-weight: bold;
}
#menu ul li a {
text-decoration: none;
color: #404040;
}
#menu ul li.l {width: 2px !important; padding: 0 !important;}
#content {
margin: 25px auto;
overflow: hidden;
zoom: 1;
background: url("../img/content-bg.gif") repeat-y 394px 0;
}
#content h2 {margin-bottom: 15px;}
#content_index {
margin: 25px auto;
overflow: hidden;
zoom: 1;
background: url("../img/content-bg.gif") repeat-y 394px 0;
width: 1000px;
}
#content_index h2 {margin-bottom: 15px;}
#join {
float: left;
margin-left: 40px;
width: 393px;
display: inline;
}
#join form {
padding-right: 81px;
}
#join table {width: 100%;}
#join td, #join th {
text-align: left;
padding-bottom: 5px;
//padding-bottom: 3px;
font-weight: normal;
}
#join input, #join select {
width: 100%;
font-size: 12px;
color: #585858;
position: relative;
border: 1px solid #C4CDCB;
padding: 2px 0;
font-family: Tahoma, Verdana, sans-serif;
}
#join .nb input, #join .nb select {
width: auto;
}
#join input.button {
width: auto;
border: none;
font-size: 11px !important;
margin: 5px 0 0;
}
#join a {color: #4F4F4F;}
#join .nbc td {
font-size: 10px;
}
#join .nbc input {
width: auto;
border: none;
}
#join .np {
font-size: 10px;
padding-bottom: 0;
}
#join .np a {color: #4F4F4F;}
#join .np input {
width: auto;
border: none;
}
#features {
float: left;
width: 175px;
}
#features ul li {
padding: 6px 0 6px 25px;
}
#f1 {background: url("../img/f1.gif") no-repeat 0 50%;}
#f2 {background: url("../img/f2.gif") no-repeat 0 50%;}
#f3 {background: url("../img/f3.gif") no-repeat 0 50%;}
#f4 {background: url("../img/f4.gif") no-repeat 0 50%;}
#f5 {background: url("../img/f5.gif") no-repeat 0 50%;}
#f6 {background: url("../img/f6.gif") no-repeat 0 50%;}
#f7 {background: url("../img/f7.gif") no-repeat 0 50%;}
#f8 {background: url("../img/f8.gif") no-repeat 0 50%;}
#f9 {background: url("../img/f9.gif") no-repeat 0 50%;}
#members {
float: left;
width: 336px;
position: relative;
margin-left: 50px;
}
#members ul li {
float: left;
display: inline;
padding: 0 15px 23px 0;
}
#members ul li a img, #members ul li a i {
display: block;
}
#members ul a {color: #EE1023;}
#members ul li span {font-weight: bold;}
#members i {
padding: 4px;
border: 1px solid #C4CDCB;
position: relative;
margin: 0 0 6px -5px;
zoom: 1;
_width: 64px;
_cursor: pointer;
}
#footer {
background: #FBFBFB url("../img/footer-bg.gif") repeat-x 0 0;
border-top: 1px solid #CACACA;
}
#footer div {
padding: 12px 0 25px;
//overflow: hidden;
zoom: 1;
}
#footer img {
float: right;
margin-top: 10px;
}
#footer p {
padding-left: 21px;
color: #979797;
margin-bottom: 7px;
}
#footer p a {color: #4F8FC7;}
#main_index {zoom: 1; overflow: hidden;}
#main_over_OLD {
width:760px;
margin: 0 auto;
}
#main_over {
width:960px;
margin: 0 auto;
}
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}.qmmc {position:relative;width:100%;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc ul {left:-10000px;position:absolute;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li{position:relative;}.qmmc ul {z-index:10;}.qmmc ul ul {z-index:20;}.qmmc ul ul ul {z-index:30;}.qmmc ul ul ul ul {z-index:40;}.qmmc ul ul ul ul ul {z-index:50;}li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}
/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/
/* QuickMenu 0 */
.qmparent {
background:transparent url(../img/bullet-menu.gif) no-repeat scroll 0pt 50%;
padding:0pt 19px 0pt 35px !important;
color:#513666;
font-family:Arial;
font-size:11px;
font-weight:bold;
text-decoration:none;
line-height:33px;
margin-top:1px;
}
/*"""""""" (MAIN) Container""""""""*/
#qm0
{
background:#E1E0D2 url(../img/menu-bg.png) repeat-x scroll 0pt;
border-bottom:1px solid #E7E7DF;
height:33px;
width:960px;
margin-top:1px;
}
#qmback
{
background:#E1E0D2 url(../img/menu-bg.png) repeat-x scroll 0pt;
border-bottom:1px solid #E7E7DF;
height:33px;
margin-top:1px;
}
/*"""""""" (MAIN) Items""""""""*/
.qchild
{
margin:0px 10px 0px 0px;
color:#513666;
font-family:Arial;
font-size:11px;
text-decoration:none;
border-bottom:1px solid #E7E7DF;
margin-top:1px;
text-align:left;
}
/*"""""""" (MAIN) Hover State""""""""*/
.qchild.hover
{
background-color:#FBFBFB;
}
/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul
{
padding:5px;
margin:-1px 0px 0px 0px;
background-color:#FBFBFB;
border-width:1px;
border-style:solid;
border-color:#A6A6A6;
}
/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a
{
padding:2px 40px 2px 5px;
margin:0px;
background-color:transparent;
background-image:none;
border-width:0px;
border-style:none;
border-color:#513666;
}
/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover, #qm0 ul a:hover
{
background-image:none;
text-decoration:underline;
}
/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
background-image:none;
}
/*"""""""" Box Animation Styles""""""""*/
#qm0 .qmbox
{
border-width:1px;
border-style:solid;
border-color:#999999;
}
.windw_table .body_tr .cent_td .title {
font-family:Tahoma;
font-size:30px;
font-weight:bold;
text-transform:uppercase;
color:#C3502A;
}
.windw_table .body_tr .cent_td .text{
font-family:Tahoma;
font-size:12px;
color:#A2340F;
}
.windw_table .body_tr .cent_td .text a{
font-weight:bold;
color:#A2340F;
}
.windw_table .body_tr .cent_td .reject_btn a, .windw_table .body_tr .cent_td .playn_btn a{
font-family:Tahoma;
font-size:13px;
font-weight:bold;
color:#E9C72B;
text-decoration:none;
}
/**{margin:0px; padding:0px;}*/
img{
margin:0px;
padding:0px;
border:none;
}
/*body{
background:#999999;
}*/
.windw_table{
position:absolute;
z-index:2;
top:40%;
left:40%;
}
.windw_table .top_td{
height:25px;
}
.windw_table .top_td table{
width:100%;
}
.windw_table td{
vertical-align:top;
}
.windw_table .top_td table .left{
height:25px;
width:23px;
background:url(./images/wndwcorner_tl.png) no-repeat;
}
.windw_table .top_td table .cent{
height:25px;
background:url(./images/wndwborder_top.png) repeat-x;
}
.windw_table .top_td table .right{
height:25px;
width:29px;
background:url(./images/wndwcorner_tr.png) no-repeat;
}
.windw_table .body_tr{
}
.windw_table .body_tr .left_td{
width:17px;
background:url(./images/wndwborder_left.png) repeat-y;
}
.windw_table .body_tr .cent_td{
height:175px;
background:url(./images/window_bg.png) top repeat-x;
}
.windw_table .body_tr .cent_td .title{
height:49px;
background:url(./images/windtitle_bg.gif) bottom repeat-x;
}
.windw_table .body_tr .cent_td .title span{
float:left;
padding:15px 5px 0px 5px;
line-height: 24px;
}
.windw_table .body_tr .cent_td .title img{
float:left;
}
.windw_table .body_tr .cent_td .text{
width:240px;
padding:20px 30px 25px 30px;
}
.windw_table .body_tr .cent_td .reject_btn{
height:34px;
width:121px;
clear:left;
float:left;
padding:0px 0px 0px 24px;
}
.windw_table .body_tr .cent_td .reject_btn a{
height:27px;
display:block;
float:left;
background:url(./images/rejectbtn_bg.png) repeat-x;
padding:7px 21px 0px 5px;
}
.windw_table .body_tr .cent_td .reject_btn .s_left{
height:34px;
width:36px;
display:block;
float:left;
background:url(./images/rejectbtn_left.png) no-repeat;
}
.windw_table .body_tr .cent_td .reject_btn .s_right{
height:34px;
width:10px;
display:block;
float:left;
background:url(./images/rejectbtn_right.png) no-repeat;
}
.windw_table .body_tr .cent_td .playn_btn{
height:34px;
width:120px;
float:left;
}
.windw_table .body_tr .cent_td .playn_btn a{
height:27px;
display:block;
float:left;
background:url(./images/playbtn_bg.png) repeat-x;
padding:7px 10px 0px 5px;
}
.windw_table .body_tr .cent_td .playn_btn .s_left{
height:34px;
width:31px;
display:block;
float:left;
background:url(./images/playbtn_left.png) no-repeat;
}
.windw_table .body_tr .cent_td .playn_btn .s_right{
height:34px;
width:10px;
display:block;
float:left;
background:url(./images/playbtn_right.png) no-repeat;
}
.windw_table .body_tr .right_td{
width:23px;
background:url(./images/wndwborder_right.png) repeat-y;
}
.windw_table .bttm_td{
height:31px;
}
.windw_table .bttm_td table{
width:100%;
}
.windw_table .bttm_td .left{
height:31px;
width:30px;
background:url(./images/wndwcorner_bl.png) no-repeat;
}
.windw_table .bttm_td .cent{
height:31px;
background:url(./images/wndwborder_bttm.png) repeat-x;
}
.windw_table .bttm_td .right{
height:31px;
width:29px;
background:url(./images/wndwcorner_br.png) no-repeat;
}
/**{margin: 0; padding: 0;}*/
img{border: none;}
table.video-chat{width: 351px; position: absolute; font: 12px/16px Tahoma, Verdana, sans-serif; table-layout: fixed; border-collapse: collapse;}
table.video-chat .tt{background: url(/_server/video/img/video-chat-tt.png); width: 351px; height: 32px;}
* html table.video-chat .tt{background: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_server/video/img/video-chat-tt.png', sizingMethod='crop');}
table.video-chat .bb{background: url(/_server/video/img/video-chat-bb.png); width: 351px; height: 32px;}
* html table.video-chat .bb{background: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_server/video/img/video-chat-bb.png', sizingMethod='crop');}
table.video-chat .ml{width: 17px; background: url(/_server/video/img/video-chat-ml.png) repeat-y 0 0;}
* html table.video-chat .ml{background: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_server/video/img/video-chat-ml.png', sizingMethod='scale');}
table.video-chat .mr{width: 23px; background: url(/_server/video/img/video-chat-mr.png) repeat-y 0 0;}
* html table.video-chat .mr{background: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_server/video/img/video-chat-mr.png', sizingMethod='scale');}
table.video-chat .m{width: 311px; height: 166px; vertical-align: top; background: url(/_server/video/img/video-chat-m.jpg) no-repeat 0 100%;}
table.video-chat h2{font-size: 30px; color: #C3502A; text-transform: uppercase; line-height: 42px; text-align: right; background: url(/_server/video/img/video-chat-title-bg.gif) repeat-x 0 100%; height: 42px; padding-right: 5px; position: relative;}
table.video-chat h2 img{position: absolute; top: -6px; left: 11px;}
table.video-chat table{font-size: 100%; width: 100%;}
table.video-chat table td{height: 85px; vertical-align: middle !important; padding: 0 10px 0 115px; color: #A2340F; background: url(./img/video-chat-camera.png) no-repeat 9px 50%;}
table.video-chat a{color: #A2340F;}
table.video-chat .buttons{text-align: center;}
/**{margin: 0; padding: 0;}*/
img{border: none;}
div.audio-chat{width: 351px; height: 230px; overflow: hidden; position: absolute; font: 12px/16px Tahoma, Verdana, sans-serif;}
div.audio-chat .bg{background: url(/_server/audiochat/img/audio-chat-bg.png); width: 351px; height: 230px; overflow: hidden;}
* html div.audio-chat .bg{background: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_server/audiochat/img/audio-chat-bg.png', sizingMethod='crop');}
div.audio-chat h2{font-size: 30px; color: #C3502A; text-transform: uppercase; line-height: 42px; text-align: right; background: url(/_server/audiochat/img/audio-chat-title-bg.gif); height: 42px; padding-right: 5px;}
div.audio-chat h2 img{position: absolute; top: -6px; left: 11px;}
div.audio-chat .in{position: relative; margin: -198px 23px 0 17px;}
div.audio-chat table{font-size: 100%; width: 100%; height: 89px;}
div.audio-chat td{height: 89px; vertical-align: middle !important; padding: 0 10px 0 115px; color: #A2340F; background: url(/_server/audiochat/img/1.gif) no-repeat 9px 50%;}
div.audio-chat a{color: #A2340F;}
div.audio-chat .buttons{text-align: center;}
/**{margin: 0; padding: 0;}*/
table{border-collapse: collapse; border: none;}
table td{font-size: 12px;}
* html td.sh-r, * html td.sh-l, * html td.sh-t, * html td.sh-b, * html .cname{behavior: url("_server/design/iepngfix.htc");}
table.chat{position: absolute; height: 422px; font: 12px/14px Tahoma, Verdana, sans-serif;}
.chat td.sh-r{width: 17px; height: 390px;
background: url(./images/sh-r.png);
}
.chat td.sh-l{width: 12px;
background: url(./images/sh-l.png);
}
.chat td.sh-t{height: 10px; width: 373px;
background: url(./images/sh-t.png);
}
.chat td.sh-b{height: 22px;
background: url(./images/sh-b.png);
}
.chat td.chatcont{width: 345px; background: url(./images/cont-bg.jpg); vertical-align: top;}
table.chathead{width: 100%;}
.chattitle{padding-left: 8px; width: 100%; cursor: move; height: 45px;}
.chaticons ul{width: 36px; height: 38px; background: url(./images/icon_close.gif);}
/*.chaticons ul{width: 72px; height: 38px; background: url(./images/icons.gif);}*/
.chaticons ul li{width: 30px; height: 30px; float: left; display: block; margin: 3px 2px 0; cursor: pointer; cursor: hand;}
table.chatmain{width: 100%;}
.chatmain td{vertical-align: top;}
.chatmain .chatbody{margin: 9px 8px;height:250px; overflow: auto; border: 1px solid #23647A;}
.chatbody .cumsg{padding: 1px 5px; color: black; text-align: left;}
.chatbody .odd{color: #B40101; text-align: left;}
.cumsg .cunick{font-weight: bold;}
form.cinput{margin: 10px 0 0 0px; position: relative;}
.cinput input{background: #D3EAEE url(./images/cinput-bg.jpg) repeat-x 0 0; width: 212px; border: 1px solid #23647A; border-bottom: 7px solid #18798D; height: 19px !important; height /**/: 27px; color: #195A70;}
.cinput .csubmit{position: absolute; width: 95px; height: 66px; background: url(./images/btn-send.gif); cursor: pointer; cursor: hand; right: -107px; top: -30px}
td.chatside{width: 100%;}
.cname{width: 92px; height: 73px; margin-left: 18px; text-align: center; position: relative; z-index: 6;
background: url(./images/bubble.png);
}
.cname h3{line-height: 50px; font-size: 17px; color: #2E6F85;}
.cphoto{margin: -21px 0 0 7px; background: url(./images/photo-frame.gif) no-repeat; width: 106px; height: 116px; position: relative; z-index: 5;}
* html .cphoto{margin-left: 7px !important; margin-left /**/: 9px;}
.cphoto img{position: relative; top: 7px; left: 7px;}
.cdesc{margin: 0 10px 0 15px; list-style: none; font-size: 9px !important; line-height: 12px; color: #FFF !important;}
.cdesc li{padding: 1px 4px; display: block; text-align: left;}
.cdesc li.odd{background: #8AA5AF; border-right: 2px solid #6398AA; text-align: left;}
.cdesc span{font-weight: bold;}
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li{
display: inline;
margin: 0;
}
.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(/_themes/main/prieteni/img/shade.gif) top left repeat-x;
}
.shadetabs li a:visited{
color: #2d2b2b;
}
.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}
.shadetabs li.selected{
position: relative;
top: 1px;
}
.shadetabs li.selected a{ /*selected main tab style */
background-image: url(/_themes/main/prieteni/img/shadeactive.gif);
border-bottom-color: white;
}
.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}
.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 290px;
margin-bottom: 1em;
padding: 2px;
}
.tabcontent{
display:none;
}
@media print {
.tabcontent {
display:block!important;
}
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=65);
-moz-opacity: 0.65;
opacity: 0.65;
}
* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title{
background-color:#e8e8e8;
height:27px;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
padding:15px;
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}
#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}
#tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #111;
background-color: #FFFFFF;
padding: 5px;
opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip.pretty {
font-family: Arial;
border: none;
width: 210px;
padding:20px;
height: 135px;
opacity: 0.8;
background: url('shadow.png');
}
#tooltip.pretty h3 {
margin-bottom: 0.75em;
font-size: 12pt;
width: 220px;
text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }
#tooltip.fancy {
background: url('shadow2.png');
padding-top: 5em;
height: 100px;
}
.spacer { clear: both; }
#info_tip{
position: fixed;
z-index: 2;
bottom: 0;
right: 0;
width: 20em;
margin: 1em;
padding: 7px 5px 7px 10px;
font: 12px/1.2em "Lucida Console", "Courier New", monospace;
text-align: left;
color: #111;
background-color: #FFFFB4;
border: 1px solid #111;
}