/*
* html only for IE
*/
body
{
margin:15px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3F3F3F;
/* background-color:#005ca1;*/
background-color:#0071bc;
background-image:url(../images/bg.png);
margin-bottom:20px;
}
form
{
margin:0px;
padding:0px;
border:0px solid red;
}
a img
{
border:none;
}
img
{
margin:0px;
padding:0px;
}
.clear_both
{
position:relative;
clear:both;
height:1px;
margin:0px;
padding:0px;
font-size:1px;
border:0px solid red;
}
div#main
{
position:relative;
/* background-color:#EEEEEE;*/
width:783px;
margin:0px auto;
background: #fff;
border: 5px solid #00458e;
/*border: 5px solid #005ca1;*/
clear: both;
/* margin: 15px 5%;*/
padding: .5em 1em;
/*background-image:url(../../../bodyframe.gif);*/
}
div#dolphin_big
{
position:absolute;
z-index:10;
top:5px;
left:20px;
/*height:160px;*/
}
/* [ Begin ] Head Styles */
div#head
{
position:relative;
height:23px;
line-height:23px;
vertical-align:middle;
margin:0px;
padding:0px;
background-image:url(../images/head_bg.gif);
background-repeat:repeat-x;
}
div#head div
{
position:relative;
float:left;
margin:0px;
padding:0px;
height:23px;
overflow:hidden;
}
div#head div span
{
margin:0px 2px;
}
/* [ End ] Head Styles */
/*##############################################################*/
/* [ Begin ] logo and top menu area */
div#logo_topmenu
{
position:relative;
height:107px;
}
div#logo
{
position:absolute;
top:32px;
left:218px;
}
div#top_menu
{
position:absolute;
top:35px;
right:13px;
background-color:#ffffff;
}
div#top_menu ul
{
margin:0px;
padding:0px;
}
div#top_menu ul li
{
float:left;
list-style:none;
}
div#top_menu ul li div.top_menu_item
{
margin:0px 0px 5px 0px;
height:15px;
line-height:15px;
text-align:center;
vertical-align:middle;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
}
div#top_menu ul li div.top_menu_underline
{
height:3px;
font-size:3px;
background-color:#DEDEDE;
}
/* [ End ] logo and top menu area */
/*##############################################################*/
/* Login Section Start */
div#login_section
{
position:relative;
height:42px;
margin:0px 0px 15px 0px;
background-image:url(../images/fondo_login.gif);
}
div.login_section_block
{
position:absolute;
width:480px;
height:35px;
top:0px;
right:0px;
border-bottom:2px solid #E1E1E1;
}
div.login_section_block div
{
position:relative;
float:left;
height:20px;
line-height:20px;
vertical-align:middle;
border:0px solid red;
margin-top:9px;
margin-right:4px;
}
div.login_section_block div.login_title
{
color:#DD6600;
font-weight:bold;
margin-left:15px;
vertical-align:middle;
background-color:#FFFFFF;
}
div.login_section_block div.input
{
border:0px solid red;
padding:2px 0px;
}
div.login_section_block div.input input.login_form_input
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px;
padding:0px;
border:1px solid silver;
background-color:#FFFFFF;
}
div#login_section div.logged_section_block
{
position:absolute;
width:160px;
height:35px;
top:0px;
right:0px;
border-bottom:2px solid #E1E1E1;
padding-left:20px;
}
div#login_section div.logged_section_block div
{
border:1px solid red;
position:relative;
float:left;
height:20px;
line-height:20px;
vertical-align:middle;
border:0px solid red;
margin-top:9px;
margin-right:5px;
}
/* Login Section End */
/*##############################################################*/
/* Main Content Start */
div#content
{
position:relative;
display:block;
}
/*##############################################################*/
div#left_column_menu
{
position:relative;
width:207px;
float:left;
overflow:hidden;
}
div#left_column_content
{
position:relative;
width:207px;
float:right;
overflow:hidden;
}
div#quick_search
{
position:relative;
display:block;
}
/*##############################################################*/
div#right_column_menu
{
position:relative;
width:563px;
float:right;
left:-15px;
overflow:hidden;
}
div#right_column_content
{
position:relative;
width:563px;
float:left;
left:15px;
overflow:hidden;
}
/* Main Content End */
/* Styles for Design Boxes Start */
div.db_1_block
{
position:relative;
display:block;
}
div.db_1_block div.head
{
position:relative;
height:30px;
overflow:hidden;
background-image:url(../images/design_box_1_head_bg.gif);
}
div.db_1_block div.head div.title
{
position:absolute;
top:8px;
left:10px;
border:0px solid red;
text-transform:uppercase;
color: #FFFFFF;
font-weight: bold;
}
div.head img.left
{
position:absolute;
top:0px;
left:0px;
}
div.head img.right
{
position:absolute;
top:0px;
right:0px;
}
* html div.head img.right
{
right: -1px;
}
div.db_1_block div.content
{
background-color:#FFFFFF;
padding:10px;
}
div.db_2_block
{
position:relative;
display:block;
background-color:#FFFFFF;
}
div.db_2_block div.head
{
position:relative;
height:30px;
overflow:hidden;
background-image:url(../images/design_box_2_head_bg.gif);
}
div.db_2_block div.head div.title
{
position:absolute;
top:8px;
left:10px;
border:0px solid red;
text-transform:uppercase;
color:#FFFFFF;
font-weight: bold;
}
div.db_2_block div.content
{
position:relative;
padding:10px;
overflow:hidden;
background-color:#FFFFFF;
}
/* Styles for Design Boxes End */
div.rate_block /* ### in design.inc.php function DesignProgress() ### */
{
position:relative;
margin-left:auto;
margin-right:auto;
margin-bottom:2px;
}
div.rate_text /* ### in design.inc.php function DesignProgress() ### */
{
position:relative;
text-align:left;
}
div.rate_scale /* ### in design.inc.php function DesignProgress() ### */
{
position:relative;
text-align:left;
height:10px;
font-size:1px;
line-height:10px;
border:1px solid #9DA0A1;
background-image:url(../images/icons/scale_bg.gif);
margin:0px;
padding:0px;
}
div.thumbnail_block
{
position:relative;
float:left;
border:1px solid #9B9A9A;
text-align:center;
overflow:hidden;
padding:0px;
background-color:#EDECEC;
background-position:center;
background-repeat:no-repeat;
}
div#bottom_menu_block
{
position:relative;
height:26px;
line-height:26px;
vertical-align:middle;
margin:10px 0px;
padding:0px;
background-image:url(../images/bottom_menu_block_bg.gif);
background-repeat:repeat-x;
text-align:center;
}
div#bottom_menu_block div span
{
margin:0px 2px;
border:0px solid red;
}
div#bottom_menu_block img
{
position:absolute;
}
div#bottom_menu_block img.right
{
right:0px;
}
* html div#bottom_menu_block img.right
{
right:-1px;
}
/*##############################################################*/
div#bottom_logo_block
{
position:relative;
border:0px solid red;
height:80px;
margin-bottom:20px;
background-color:#ffffff;
}
div.bottomlogo
{
position:absolute;
width:78px;
height:77px;
top:1px;
left:20px;
border:0px solid red;
}
div.bottom_logo
{
position:absolute;
top:6px;
left:32px;
}
div.bottom_text
{
position:absolute;
border:0px solid red;
top:35px;
right:115px;
}
/*##############################################################*/
div.menu_item_block
{
position:relative;
display:block;
}
div.menu_item_line
{
position:relative;
border:0px solid red;
margin:2px 0px;
overflow:hidden;
height:24px;
line-height:24px;
vertical-align:middle;
text-transform:capitalize;
}
div.menu_item_line .icon
{
position:relative;
border:0px solid green;
float:left;
width:24px;
height:24px;
}
div.menu_item_line .link
{
position:relative;
width:156px;
float:left;
font-weight:bold;
left:5px;
height:23px;
line-height:23px;
vertical-align:inherit;
background-image:url(../images/icons/dots.gif);
background-repeat:repeat-x;
background-position:bottom;
}
/*##############################################################*/
div#promo_block
{
position:relative;
overflow:hidden;
/* background-color:#A0C238;*/
background-image:url(../images/promo_bg.gif);
background-position:top;
background-repeat:repeat-x;
border-bottom:0px solid red;
height:225px;
}
div#promo_block img.promo_top_right
{
position:absolute;
top:0px;
right:0px;
margin:0px;
padding:0px;
}
* html div#promo_block img.promo_top_right
{
right:-1px;
}
div#promo_block img.promo_top_left
{
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:0px;
}
div#promo_block img.promo_bottom_right
{
position:absolute;
bottom:-1px;
right:0px;
margin:0px;
padding:0px;
}
* html div#promo_block img.promo_bottom_right
{
right: -1px;
}
div#promo_block img.promo_bottom_left
{
position:absolute;
bottom:0px;
left:0px;
margin:0px;
padding:0px;
}
div#promo_text_block
{
position:relative;
top:30px;
width:440px;
left:35px;
border:0px solid red;
}
div#promo_text_block ul
{
border:0px solid red;
margin:0px;
padding:0px;
font-size: 12px;
}
div#promo_text_block ul li
{
list-style:none;
color:#ffffff;
margin:5px 0px;
}
div#join_now
{
position:absolute;
top:12px;
right:180px;
}
div.promo_member_thumb
{
position:absolute;
top:70px;
right:630px;
border:0px solid red;
}
div.promo_member_info
{
position:absolute;
top:120px;
right:140px;
width:600px;
height:100px;
border:0px solid red;
}
div.promo_member_info_line
{
position:relative;
border:0px solid red;
overflow:hidden;
height:16px;
}
div.promo_member_info_line div
{
position:relative;
float:left;
color:#FFFFFF;
}
div.promo_member_info_line div.text
{
border:0px solid green;
width:100px;
font-weight:bold;
top:150px;
margin:15px;
}
div.promo_member_info_line div.value
{
border:0px solid blue;
width:auto;
}
div.promo_member_info_line div.value a:link, div.promo_member_info_line div.value a:visited
{
color:#FFFFFF;
font-weight:bold;
}
/*##############################################################*/
/*##############################################################*/
/*##############################################################*/
input, textarea, select
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#3F3F3F;
vertical-align:middle;
}
input.no, textarea.no, select.no
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#3F3F3F;
vertical-align:middle;
}
select.select_years
{
}
input.input_years_readonly
{
}
select.select_num
{
}
input.select_input_num_readonly
{
}
input.input_text_edit
{
}
input.input_textarea_counter
{
text-align:center;
}
textarea.textarea_edit
{
}
input.input_type_password
{
}
select.select_prof
{
width:200px;
}
input.input_select_prof_readonly
{
}
select.select_set_membership
{
white-space:nowrap
}
select.select_multiple
{
}
/*##############################################################*/
div.not_available
{
position:relative;
height:50px;
text-align:center;
}
/*##############################################################*/
div.design_box_border
{
position:relative;
border:1px solid #9B9A9A;
margin-bottom:10px;
padding:2px;
}
div.design_box_border div.header
{
position:relative;
border:1px solid #9B9A9A;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 7px;
background-image:url(../images/box_border_header_bg.gif);
background-repeat:repeat-x;
background-color:#E4E4E4;
height:25px;
line-height:25px;
vertical-align:middle;
font-weight:bold;
text-transform:uppercase;
}
div.design_box_border div.keeper
{
position:relative;
padding:5px;
border:0px solid red;
text-align:center;
margin:2px;
}
/*##############################################################*/
div.no_result, div.action
{
position:relative;
border:1px solid #A0C238;
padding:1px;
margin:10px 0px;
width:80%;
margin-left:auto;
margin-right:auto;
}
div.no_result div, div.action div
{
position:relative;
background-color:#709812;
vertical-align:middle;
font-weight:bold;
color:#fff;
text-align:center;
margin:0px;
padding:0px;
line-height:20px;
}
div.err
{
position:relative;
border:1px solid #FF412D;
padding:1px;
margin:10px 0px;
width:80%;
margin-left:auto;
margin-right:auto;
}
div.err div
{
position:relative;
background-color:#FF412D;
vertical-align:middle;
font-weight:bold;
color:#fff;
text-align:center;
line-height:20px;
}
/* Do not delete
div.action
{
position:relative;
border:1px solid #A0C238;
padding:1px;
margin:10px 0px;
width:80%;
margin-left:auto;
margin-right:auto;
}
div.action div
{
position:relative;
background-color:#709812;
vertical-align:middle;
font-weight:bold;
color:#fff;
text-align:center;
}
*/
* html div.no_result div, * html div.action div, * html div.err div
{
line-height:normal;
padding:3px 0px;
}
/*##############################################################*/
div.im_invite_container
{
position: absolute;
z-index: 90;
width: 288px;
height: 188px;
border: 6px solid silver;
background-color: #FFFFFF;
}
div.im_invite_image
{
position: absolute;
width: 110px;
height: 110px;
border: 1px solid black;
left: 10px;
top: 10px;
text-align: center;
}
div.im_invite_image img
{
margin-top: auto;
margin-bottom: auto;
}
div.im_invite_caption
{
position: absolute;
left: 134px;
top: 16px;
width: 140px;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
}
div.im_invite_nickname
{
position: absolute;
left: 134px;
top: 40px;
width: 140px;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
}
div.im_invite_message
{
position: absolute;
left: 134px;
top: 64px;
width: 140px;
height: 80px;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
font-style: italic;
}
div.im_invite_accept_button
{
position: absolute;
left: 186px;
top: 156px;
width: 86px;
}
div.im_invite_decline_button
{
position: absolute;
left: 80px;
top: 156px;
width: 86px;
}
input.im_invite_button
{
background-color: #7EAAD7;
color: #FFFFFF;
font-size: 12px;
font-family: Arial;
border: 1px solid silver;
height: 22px;
}
/*##############################################################*/
div.switch_lang_block
{
position:absolute;
bottom:5px;
/*top:5px;*/
right:5px;
}
div.left_banner
{
position:absolute;
top:0px;
left:0px;
border:0px solid red;
}
div.right_banner
{
position:absolute;
top:0px;
right:0px;
border:0px solid red;
}
/*##############################################################*/
.shoutbg1
{
height:15px;
line-height:15px;
vertical-align:middle;
}
.shoutbg2
{
height:15px;
line-height:15px;
vertical-align:middle;
background-color:#dedede;
}
/*##############################################################*/
div#boonex_banners
{
position:relative;
border:0px solid red;
height:77px;
width:783px;
margin-left:auto;
margin-right:auto;
}
/*
div#boonex_text_link
{
position:absolute;
top:0px;
border:1px solid #999999;
height:77px;
background-color:#FFFFFF;
left:0px;
width:270px;
}
div#boonex_text_link div#img
{
position:absolute;
top:5px;
left:3px;
}
div#boonex_text_link div
{
position:absolute;
top:30px;
left:70px;
text-align:left;
}
*/
div#boonex_image_link
{
position:absolute;
top:0px;
right:0px;
height:77px;
width:488px;
background-color:#FFFFFF;
border:1px solid #999999;
background-image:url(../images/boonex_ad_bg.gif);
background-repeat:no-repeat;
background-position:center;
}
div#boonex_image_link table td
{
width:488px;
height:77px;
}
/*##############################################################*/
div.err ul
{
text-align:left;
margin:0px;
}
/*##############################################################*/
div.pollBlock
{
position:relative;
overflow:hidden;
height:154px;
width:260px;
border:1px solid #979797;
text-align:left;
margin-left:auto;
margin-right:auto;
}
div.pollCaption
{
position:relative;
margin:2px;
padding:0px 5px;
overflow:hidden;
height:20px;
line-height:20px;
vertical-align:middle;
font-weight:bold;
border:solid 0px #00cc00;
background-image:url(../images/box_border_header_bg.gif);
background-repeat:repeat-x;
background-position:center;
}
div.pollAnswerBlock
{
position:relative;
margin:2px;
overflow:hidden;
height:100px;
border:0px solid red;
text-align:left;
}
div.pollUp
{
position:absolute;
right:5px;
top:5px;
}
div.pollDown
{
position:absolute;
right:5px;
bottom:5px;
}
div.pollQuestionBlock
{
position:absolute;
width:230px;
padding:2px;
overflow:hidden;
border:0px solid red;
}
div.pollSubmitBlock
{
position:relative;
margin:2px;
overflow:hidden;
height:20px;
border:0px solid red;
text-align:center;
}
.menu-bottom-html {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #606466;
font-weight: bold;
}
/*##############################################################*/