/* CSS Document */
html, body {height:100%; background:white;margin:0px; padding:0px; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size:62.5%;
background-color:#fff;
color:#333;
}
/* clear default styles and browser fixes
--------------------------------------------------------------*/
*.* {margin:0px; padding:0px;}
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { font-size:1.1em; margin:0; padding:0;font-family: Arial, Helvetica, sans-serif; }
a img,:link img,:visited img { border:none; color:#666; }
p {margin:0 0 5px 0}
/*------------------------------------------------------------*/
a { font-size:1.1em; text-decoration:none; color:#000000;font-family: Arial, Helvetica, sans-serif;}
a:hover {text-decoration:none;}
table { font-size:1.1em; width:100%; border-collapse:collapse;}
a:focus{outline:none;}
/* begin custom style
--------------------------------------------------------------*/
#main {position:relative; margin:0px auto; padding-bottom:20px; width:980px; background-color:#fff;}
#header {position:relative; width:100%; height:105px; padding-top:5px; z-index:100;}
#header #logo {position:relative;float:right;}
#header #mainmenu li {position:relative; float:left; -moz-opacity:0.3; filter: alpha(opacity=30); opacity: 0.30; }
#header #mainmenu li:hover{ -moz-opacity:1.0; filter: alpha(opacity=100); opacity: 1.0; }
#header #mainmenu li.active { -moz-opacity:1.0; filter: alpha(opacity=100); opacity: 1.0;}
#subheader {position:relative; float:left; width:100%; height:80px;z-index:1100; overflow:visible;}
#subheader h1 {font-size:33px; line-height:38px; width:490px; float:left; font-weight:normal; margin:3px 0 0 0; padding:0 0 0 255px;}
#subheader h2 {font-size:14px; line-height:16px; width:490px; float:left; font-weight:normal; margin:13px 0 0 0; padding:0 0 0 255px;}
#subheader #searchbox {position:relative;float:right; margin-top:-20px;}
#content {position:relative; float:left; width:100%; margin:0; padding:0; overflow:hidden;}
#left {position:relative; float:left; width:230px; padding:0px; margin:0px; z-index:50; overflow:visible;}
#middle {position:relative; float:left; display:inline; width:480px; margin:0px 0px 0px 20px; overflow:hidden; min-height:200px; z-index:10; /* _margin:0px 0px 0px 10px !important; fixes IE6 dropout */}
#right {position:relative; float:right; width:230px; margin:0px; z-index:60;}
#top_flash_banner {position:relative; float:left; display:inline; width:230px; height:337px; background:#ffffff; padding-bottom:12px;}
/* components
--------------------------------------------------------------*/
#searchbox #sbfContainer {position:relative; width:161px; height:20px; background:url(images/bg_searchBox.gif) no-repeat; border:1px solid white;}
#searchbox #sbfContainer input#searchBoxField, #searchbox #sbfContainer input#intSearchBoxField {position:relative;float:left;margin:2px 0 0 18px;padding:0px; width:115px; height:12px; background:#ebebeb; border:1px solid #ebebeb; color:#808080; font:10px Arial, serif; display:inline;}
#searchbox #sbfContainer input#searchBoxButton, #searchbox #sbfContainer input#intSearchBoxButton {outline:none; width:19px; height:20px; float:left; margin-left:4px;}
#searchbox a#langSelect {outline:none;margin-top:5px;display:block; }
#popuplangSelectBox {position:absolute; width:170px; top:45px; right:40px; background:url(images/bg_langBox.png) no-repeat; z-index:1220;}
#langSelectBoxInner {position:relative;margin: 36px 0 0px 0; padding:0px 0px 15px 0px; background:url(images/bg_langBoxInner.png) no-repeat bottom left;}
#langSelectBoxFlags {position:relative; margin:0px 10px 10px 10px;}
#langSelectBoxFlags ul li {position:relative; float:left; margin:0px 10px 8px 10px; line-height:11px;}
#langSelectBoxFlags ul li a {color:#727272; font-size:10px;}
#popupseeBlocksMobile {position:absolute; width:170px; top:345px; right:240px; background:url(images/bg_langBox.png) no-repeat; z-index:1220;}
#popupseeBlocksMobileInner {position:relative;margin: 36px 0 0px 0; padding:0px 0px 15px 0px; background:url(images/bg_langBoxInner.png) no-repeat bottom left;}
#popupseeBlocksMobileFlags {position:relative; margin:0px 10px 10px 10px;}
#popupseeBlocksMobileFlags ul li {position:relative; float:left; margin:0px 10px 8px 10px; line-height:11px;}
#popupseeBlocksMobileFlags ul li a {color:#727272; font-size:10px;}
.videobox_flash {z-index:10;}
#videooptions { margin:6px 0 7px 7px; font-family:Arial, sans-serif; border-bottom:1px solid #999; padding:0 0 18px 0; }
#videooptions h2 {position:relative; width:250px; float:left; font-size:15px; font-weight:bold;}
#videooptions p {position:relative; width:100%; float:left; font-size:12px;font-family:Arial, sans-serif;}
#ratevideo {width:195px; position:relative; float:right;}
#votebox {float:right; width:90px; height:17px; position:relative}
#videobox_flash_main p {color: #333;}
#videobox .uplimg_mask_left {position:absolute; top:0px; left:0px; width:10px; height:360px;}
#videobox .uplimg_mask_right {position:absolute; top:0px; left:470px; width:10px; height:360px;}
#videooptions2 {position:relative !important; clear:both; margin:6px 0 7px 0px; font-family:Arial, sans-serif; padding:24px 13px 28px 13px; background:url(images/bg_top_videooptions.gif) no-repeat top left; }
#videooptions_bottom {position:absolute; bottom:0px; left:0px; width:480px; height:15px; background:url(images/bg_bottom_videooptions.gif) no-repeat top left; }
#videorating {position:absolute; z-index:20; height:17px; top:0px; right:0px; background:white; -moz-opacity:0.5; filter: alpha(opacity=50); opacity: 0.50;}
#ratevideo span {float:left; margin:0px; padding:0 5px 0 0; font-size:13px;}
#ratevideo ul {z-index:30; position:absolute; width:90px; top:0px; right:0px;}
#ratevideo ul li { float:left; margin:0; padding:0 0 0 0px; width:18px; height:17px; line-height:17px;}
#ratevideo ul li a {display:block; width:18px; height:17px; overflow:hidden; outline:none;}
#ratevideo ul li a img {display:none}
#ratevideo ul li a:hover img {display:block}
#videovote {position:relative; float:left; display:inline; width:470px; height:35px; margin: 0px; padding:0px 0; border:1px solid #bd0000; background:#fab4b4; overflow:hidden;}
#videovote a.vote {float:right; display:inline; height:20px; width:65px; margin:7px; background:url(images/button_vote_pinkbg.gif) top left no-repeat; cursor:pointer; overflow:hidden;}
#videovote a.revoke {float:right; display:inline; height:20px; width:65px; margin:7px; background:url(images/button_revoke_pinkbg.gif) top left no-repeat; cursor:pointer; overflow:hidden;}
#videovote div.vote_message {postition:relative; float:left; display:inline; width:auto; font-size:12px; margin: 10px;}
#videoactions {position:relative; float:left; margin:5px 0 0 0; clear:both; width:100%}
#videoactions ul li { float:left; margin:0 15px 0 0;}
#videoactions ul li a {font-size:13px;}
#commentVideoFormDiv,#sendToFriend {margin:5px 0px; padding: 5px 0 0 0; border-bottom:1px solid #e0e0e0;}
.video_comments {border-bottom:1px solid #e0e0e0; font-family:Verdana, Arial, sans-serif; line-height:15px; padding:4px 0px;}
#sendToFriend, #reportDiv, #infoBox {border-bottom:1px solid #e0e0e0; margin:0px 0px 5px 0; font-size:11px;}
#a_introvid {display:block; float:left; width:122px; height:28px; background:url(images/button_introvid-1.gif) top left no-repeat; margin-bottom:15px;}
#a_searchmap {display:none; width:110px; height:20px; background:url(images/button_search_map.gif) top left no-repeat;}
#a_latestregusers {display:block; float:right; width:180px; height:28px; background:url(images/button_lru.gif) top left no-repeat; margin-bottom:15px;}
/* forms and form elements
--------------------------------------------------------------*/
.regtable { font-size:11px;font-family: Arial, Helvetica, sans-serif;}
.regtable td {vertical-align:top; height:24px;}
.regtable a{font-size:11px;font-family: Arial, Helvetica, sans-serif;text-decoration:underline}
.regtable a:hover{text-decoration:none}
.i_cont1, .i_cont2, .i_cont3, .i_cont2p, .i_cont2t, .i_cont3t, .i_cont2tb,.i_cont_fu {position:relative; float:left; padding:2px 10px; z-index:15; height:20px;}
.i_cont2p {height:19px;}
.i_cont2t {height:75px;}
.i_cont3t {height:75px;}
.i_cont1 input, .i_cont2 input, .i_cont3 input, .i_cont2p input, .i_cont2t textarea, .i_cont3t textarea, .i_cont2tb textarea, .i_cont_fu input {background:#ebebeb; border:1px solid #ebebeb; font-size:11px; color:#646464; display:inline;}
.i_cont1 {background:url(images/bb_bg_input1.gif) no-repeat; width:88px}
.i_cont2 {background:url(images/bb_bg_input2.gif) no-repeat; width:197px;}
.i_cont2p {background:url(images/bb_bg_input2p.gif) no-repeat; width:197px}
.i_cont2t {background:url(images/bb_bg_input2t.gif) no-repeat; width:197px}
.i_cont2tb {background:url(images/bg_video_comments.png) no-repeat; height:55px; margin-top:5px;}
.i_cont_fu {background:url(images/bb_bg_input1.gif) no-repeat;}
.i_cont3 {background:url(images/bb_bg_input3.gif) no-repeat; width:297px;}
.i_cont3t {background:url(images/bb_bg_input3t.gif) no-repeat; width:297px}
.i_cont2tb.fixorz {background:url(images/bg_video_comments.gif) no-repeat !important; height:55px; margin-top:5px; padding:2px 10px 2px 10px !important;} /* overrides unpgfix bug in IE6 */
.i_cont2tb.fixorz textarea {height:45px; overflow:auto; width:460px; margin:0px !important; padding:0px !important;}
/*
#messageFormDiv {display:block; position:relative; margin:0px !important; padding:0px !important;}
#messageFormID {display:block; position:relative; margin:0px !important; padding:0px !important;}
#messageFormID .i_cont2tb.fixorz {background:url(images/bg_video_comments.gif) no-repeat !important; height:55px; margin-top:5px; padding:2px 10px 2px 10px !important;}
#messageFormID .i_cont2tb.fixorz textarea {height:45px; overflow:auto; width:460px; margin:0px !important; padding:0px !important;}
*/
#messageFormDiv .title {margin:0px !important; padding:0px !important; position:relative; clear:left; font-size:10px;}
#messageFormDiv .sendHolder {text-align:right; _height:90px; width:478px; display:block; position:relative;}
.i_cont2 input {width:197px}
.i_cont3 input {width:272px}
.i_cont2p input {width:167px;}
.i_cont1 input {width:88px;}
.i_cont2t textarea {height:67px; overflow:auto;width:197px}
.i_cont3t textarea {height:67px; overflow:auto;width:272px}
.i_cont2tb textarea {height:45px; overflow:auto;width:460px}
.i_cont_fu input {margin-right:15px; width:163px;}
.i_cont2t.urcomments {background:url(images/bb_bg_input2t_339x145.gif) no-repeat; width:339px; height: 145px;}
.i_cont2t.urcomments textarea {height:135px; overflow:auto;width:318px;}
.separator { border-bottom:1px solid #999; height:1px; overflow:hidden; margin:15px 0px 5px 0px;}
.fakeSelect {border:1px solid #cbcbcb; border-top:none; width:190px; background:#fafafa; position:absolute; top:20px; left:10px; z-index:600;}
.fakeSelect span {cursor:pointer; display:block; padding:2px 5px;}
.fakeSelect span:hover {background:#ddd ;}
.countrylist {height:130px; overflow-y:scroll}
.fileupload {width:273px; margin-right:10px;}
.fileupload_wide {width:273px; margin-top:-1px;}
.fu_profile {width:85px !important; margin-right:10px;}
/*
#avatarFormDiv {position:absolute; top:10px; left:5px; width:285px; padding:10px; border:1px solid #ccc; background:#fff}
*/
.toggle_div {cursor:pointer; font-size:11px;}
/* selectbox styles
--------------------------------------------------------------*/
#myselectbox_container {width:200px;}
div.selectbox-wrapper {
position:absolute;
width:180px;
background-color:white;
border:1px solid #ccc;
margin:0px;
margin-top:-2px;
padding:0px;
text-align:left;
max-height:200px;
overflow:auto;
z-index:220;
top:22px;
left:8px;
}
div.selectbox-wrapper ul {list-style-type:none; margin:0px; padding:0px;}
div.selectbox-wrapper ul li.selected, div.selectbox-wrapper ul li:hover { background-color: #ddd;}
div.selectbox-wrapper ul li {list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; font-size:11px;}
label {display: block;}
.selectbox { margin: 0px 5px 0px 0px; padding:3px 5px 0px 10px; font-size:11px; font-family:Arial, Helvetica, sans-serif; width : 202px; display : block; text-align:left; background: url(images/bb_bg_input2p.gif) top right no-repeat; cursor: pointer; border:1px solid white; color:#333; height:18px; overflow:hidden;}
.selectbox2 { margin: 0px 4px 0px 0px; padding:3px 4px 0px 10px; font-size:11px; font-family:Arial, Helvetica, sans-serif; width : 55px; display : block; text-align:left; background: url(images/bb_bg_input0.gif) top right no-repeat; cursor: pointer; border:1px solid white; color:#333; height:18px; overflow:hidden;}
.selectbox3 { margin: 0px 5px 0px 0px; padding:3px 5px 0px 10px; font-size:11px; font-family:Arial, Helvetica, sans-serif; width : 202px; display : block; text-align:left; background: url(images/bb_bg_input2p.gif) top right no-repeat; cursor: pointer; border:1px solid white; color:#333; height:18px; overflow:hidden;}
/* content types styles
--------------------------------------------------------------*/
.article h3 {font-size:15px; margin:0 0 10px 0;}
.article h4 {font-size:13px; font-weight:normal; color:#4e4e4e; margin:0 0 5px 0;}
.article, .dfile, .article li, .article a {font-size:13px; font-weight:normal; color:#4e4e4e; margin:0 0 15px 0;}
.article a {color:#4e4e4e !important; text-decoration:underline}
.article ul, .article ol, .article li {margin:0px 0px; padding:0px 0px;}
.article ul {list-style-type:disc;}
.article ol {list-style-type:decimal;}
.article li {margin:3px 0 3px 20px;}
.article ol li {margin:3px 0 3px 25px;}
.article .picLongDescLeftContainer {float:left; margin:0 8px 0 0;}
.article .picLeftContainer {float:left; margin:5px 8px 0 0;}
#contentHtmlArea {padding:5px}
#contentHtmlArea h3 {font-size:15px; margin:0 0 10px 0;}
#contentHtmlArea h4 {font-size:13px; font-weight:normal; color:#4e4e4e; margin:0 0 5px 0;}
#contentHtmlArea ,#contentHtmlArea .dfile, #contentHtmlArea li, #contentHtmlArea a {font-size:13px; font-weight:normal; color:#4e4e4e; margin:0 0 15px 0;}
#contentHtmlArea a {color:#4e4e4e !important; text-decoration:underline}
#contentHtmlArea ul, #contentHtmlArea ol, #contentHtmlArea li {margin:0px 0px; padding:0px 0px;}
#contentHtmlArea ul {list-style-type:disc;}
#contentHtmlArea ol {list-style-type:decimal;}
#contentHtmlArea li {margin:3px 0 3px 20px;}
#contentHtmlArea ol li {margin:3px 0 3px 25px;}
#footer {position:relative; float:left; width:100%; margin:30px 0 0 0; padding:0;}
#footer ul {margin:0px; text-align:center}
#footer ul li {display:inline; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999; padding:0 15px; border-right:1px solid #999}
#footer ul li a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999}
/* left and right column definitions
--------------------------------------------------------------*/
.sidebox_outer {position:relative; width:230px; margin:0px; padding:0px;}
.sidebox_top_corner, .sidebox_bottom_corner {clear:both; height:12px; overflow:hidden; font-size:1px; line-height:1px; width:230px; background: url(images/roundedcorners.png) no-repeat;margin-bottom:0px; z-index:11;}
.sidebox_bottom_corner {margin-bottom:0px; margin-top:0px; background: url(images/roundedcorners2.png) no-repeat;}
.sidebox_inner img {margin:0px; padding:0px; width:230px;}
.sidebox_outer ul {width:230px; z-index:12; margin:0 0 -3px 0; padding:0;}
.sidebox_outer ul li {width:205x; padding:4px 0px 4px 0px; margin:0; height:auto;}
.sidebox_outer ul li:hover, .sidebox_outer ul li.active {background:url(images/bullet_black.png) no-repeat 8px 4px;}
.sidebox_outer ul li.nolist:hover {background:none;}
.sidebox_outer ul li.nolist {padding-left:25px; text-align:left; color:#111;}
.sidebox_outer ul li.nohoover:hover {background:none;}
.sidebox_outer ul li a, .sidebox_outer ul li p {display:block; padding-left:25px; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; outline:none;}
.sidebox_outer ul li.picture, .sidebox_outer ul li.picture:hover {background:none; height:auto; padding:0; margin:-12px 0 -12px 0; border:0px solid red; overflow:hidden;}
.sidebox_outer ul li.picture a {display:block; padding:0;}
.sidebox_outer ul li.picture img {display:block; float:right;}
.sidebox_outer ul li.picture a img {position:relative; float:right;}
.popupInfoboxLEFT {position:absolute; top:-5px; left:200px; width:190px; z-index:100;}
.popupInfoboxInnerLEFT {position:relative; background:url(images/popBgLeft.png) no-repeat; width:145px; padding:12px 20px 0px 35px; margin:0 0 0px 0; min-height:40px; }
.popup_toolsLEFT {position:relative; display:block; height:12px; padding:12px 0px 27px 35px; background:url(images/popBgInnerLeft.png) top left no-repeat;}
.popupInfoboxLEFT .popup_toolsLEFT a, .popupInfoboxLEFT .popup_toolsLEFT div a {display:block; float:left; line-height:14px; background:url(images/radio_bg.gif) no-repeat; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px 10px 0 15px; color:#666666;}
.popupInfoboxLEFT .popup_toolsLEFT a:hover, .popupInfoboxLEFT .popup_toolsLEFT div a:hover {background:url(images/radio_bg.gif) no-repeat 0px -15px;}
.popupInfoboxRIGHT {position:absolute; top:-5px; left:-178px; width:190px; z-index:100; overflow:hidden;}
.popupInfoboxInnerRIGHT {background:url(images/popBgRight.png) no-repeat; width:145px; padding:12px 35px 5px 20px; margin:0 0 0px 0; min-height:40px; }
.popup_toolsRIGHT {position:relative; display:block; height:12px;padding:12px 0px 15px 20px; text-align:left; background:url(images/popBgInnerRight.png) no-repeat;}
.popupInfoboxRIGHT .popup_toolsRIGHT a {display:block; float:left;line-height:14px; background:url(images/radio_bg.gif) no-repeat; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px 10px 0 15px; color:#666666; }
.popupInfoboxRIGHT .popup_toolsRIGHT a:hover {background:url(images/radio_bg.gif) no-repeat 0px -15px;}
.teaser {
width:230px;
padding:15px 0;
margin:0 0 -13px -25px;
background-repeat:no-repeat;
background-position:30px 0px;
background-color:#ffffff;
text-align:center;}
.teaserInfo {
width:210px;
margin:3px 0 0 0;
padding:0;
text-align:center;
overflow:hidden;}
.teaser .inner {
position:relative;
height:auto;
width:150px;
margin:3px auto;
padding:0;}
.teaser img.video {
width:150px;}
.teaser .teaser_mask_top {position:absolute; top:0px; left:0px;}
.teaser .teaser_mask_bottom {position:absolute; bottom:0px; left:0px;}
/* funny face
--------------------------------------------------------------*/
.iconHolder {width:90px; height:90px;}
.iconHolder div {width:90px; height:90px;}
.draggableImage { -moz-opacity:0.5; filter: alpha(opacity=50); opacity: 0.5;}
#eImage {position:relative;margin:2px auto; }
#iconToolsContainer {width:100%;height:192px;position:relative;float:left;margin:5px 0px 15px 0px;border-top:1px solid #999;border-bottom:1px solid #aaa;}
#iconToolsContainer div.scroll_left,
#iconToolsContainer div.scroll_right {border:none; margin-top:40px; cursor:pointer; margin-left:0; margin-right:0; width:11px;}
/* street market
--------------------------------------------------------------*/
.streetmarketcats a, .streetmarketcats li, .regtable p a { font-size:11px;font-family: Arial, Helvetica, sans-serif;}
.streetmarketcats li a, .streetmarketcats li {line-height:22px;}
.streetmarketcats li img {display:block; float:left; margin:2px 7px 0px 0}
/* login and logout
--------------------------------------------------------------*/
#loginbox {position:absolute; top:0px; left:-170px; padding:130px 15px 7px 15px; width:160px; height:116px; z-index:500;}
.loginExp {background:url(images/popup_login2.png) top left no-repeat;}
#popuploginboxInner {position:absolute; top:0px; left:-170px; padding:17px 15px 7px 15px; width:160px; height:136px; z-index:505; }
#loginbox_videochat {position:absolute; top:50px; left:210px; padding:130px 15px 7px 15px; width:160px; height:116px; z-index:500; background:url(images/popup_login_left.png) no-repeat;}
#loginboxInner_videochat {position:absolute; top:50px; left:230px; padding:17px 15px 7px 15px; width:160px; height:116px; z-index:505; }
/*#loginbox {position:absolute; top:0px; left:-170px; padding:17px 15px 7px 15px; width:160px; height:116px; background:url(images/popup_login.png) no-repeat; line-height:11px;}*/
#popuploginboxInner table td {margin:0px; padding:0px; height:20px;}
#popuploginboxInner table a { font-size:11px; color:#646464;}
#popuploginboxInner #i_cont_login {width:121px; height:20px; background:url(images/bg_login.gif) no-repeat; padding:2px 10px; z-index:15;}
#popuploginboxInner #i_cont_login input, #popuploginboxInner #i_cont_pass input {background:#ebebeb; border:1px solid #ebebeb; font-size:11px; color:#646464;}
#popuploginboxInner #i_cont_login input {width:104px;}
#popuploginboxInner #i_cont_pass {width:80px; height:20px; background:url(images/bg_pass.gif) no-repeat; padding:2px 10px; z-index:15;float:left;}
#popuploginboxInner #i_cont_pass input {width:77px;}
.button_login {float:left;}
.login_error {margin:-10px 0 3px 0;}
.posTop {position:absolute; top:15px;}
/* mycredits
--------------------------------------------------------------*/
#mycredits span {font-size:18px; font-weight:bold;}
#mycredits .big_coin {display:block; margin:0px auto;}
#mycredits .small_coin { margin:0;}
#mycredits a {font-weight:bold; color:#8c8c8c;}
#mycredits h2 {color:#8c8c8c;}
#mycredits #step_1 {font-size:18px; font-weight:bold; margin-left:20px;}
#mycredits #step_1 input {font-size:10px; font-weight:notmal; color:#000000;}
#mycredits #step_1 a {font-size:18px; font-weight:bold; color:#000000;}
#mycredits #step_1 span {font-size:10px; font-weight:bold; color:#000000;}
#mycredits .payment_card {margin:0 0 20px 20px;}
.mycredits_formerror {float:left; margin:5px 0 0 4px; font-size:8px; color:#f00; font-family: Arial, Helvetica, sans-serif; text-transform:lowercase; clear:both;}
/* send postcard
--------------------------------------------------------------*/
#sendpostcard .postcard_container {position:relative; float:left; display:inline; margin:5px; margin-bottom: 20px;}
#sendpostcard .postcard_container img {float: left; width: 480px; height: 360px;}
#sendpostcard .postcard_container img.frames_category {float:left; width:480px; height:auto; margin:5px 0 0px -5px;}
#sendpostcard .postcard_container img.pic_a_frame {float:left; width:480px; height:auto; margin:5px 0 10px -5px;}
#sendpostcard .postcard_container .postcard_mask_left {position:absolute; top:0px; left:0px;}
#sendpostcard .postcard_container .postcard_mask_right {position:absolute; top:0px; right:0px;}
#postcardContainerPreviewDiv {
position: absolute;
opacity: 0.0;
-moz-opacity: 0.0;
top: 10%;
left: 10%;
width: 80%;
height:272px;
text-align:center;
padding:0 0 15px 0;
border:1px solid #ddd;
z-index: 100; display: none;
background:#fff;
}
#postcardContainerPreview {border:10px solid #fff; height:253px;}
/* send gift
--------------------------------------------------------------*/
#sendgift
{
display:block;
position:relative;
height: auto !important;
min-height:480px;
height:480px;
margin:0px;
padding:0px;
}
#sendgift .gift_container {position:relative; float:left; display:inline; margin:5px;}
#sendgift .gift_container img {height:70px;}
#sendgift .medical_container {height:550px !important;}
#sendgift .diplomas_container{height:320px !important;}
#sendgift .awards_container {height:320px !important;}
#sendgift .gift_container .gift_mask_left {position:absolute; top:0px; left:0px;}
#sendgift .gift_container .gift_mask_right {position:absolute; top:0px; right:0px;}
/* send gift category
--------------------------------------------------------------*/
#sendgift .gift_category_container {position:relative; float:left; margin:5px;}
#sendgift .gift_category_container img {height:200px;}
#sendgift .gift_category_container .gift_mask_left {position:absolute; top:0px; left:0px;}
#sendgift .gift_category_container .gift_mask_right {position:absolute; top:0px; right:0px;}
#sendgift .medical_cont {position:relative; width:480px; height:auto; float:left; margin:0 0 20px 0; display:inline; overflow:hidden;}
#sendgift .medical_cont img.medical_bg {position:relative; float:left; display:block;}
#sendgift .medical_cont h3 {font-size: 20px; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bold; letter-spacing: -.05em; margin: 0; padding: 0; line-height: 1em; width:100%;}
#sendgift .form_send_holder {position:relative; float:left;}
#giftContainerPreviewDiv
{
position: absolute;
opacity: 0.0; -moz-opacity: 0.0;
top: 10%;
left: 10%;
width: 385px;
height: 385px;
text-align:center;
padding:0;
margin:0;
border:1px solid #dddddd;
z-index: 100;
display: none;
background:#fff;
overflow:hidden;
}
#giftContainerPreview {height:385px; position:relative;}
#sendgift #left_image_holder, #sendgift #right_image_holder {position:relative; float:left; width:50%; margin:0 0 30px 0; padding:0;}
#sendgift #left_image_holder .pagination, #sendgift #right_image_holder .pagination {position:relative; float:left; width:170px; text-align:center; background:url(images/bg_pagination_small.gif) no-repeat; height:25px; color:#666666; font-size:10px; padding:6px 10px 0 0px; margin:5px 0 0 36px; font-family:Verdana, Arial, serif;}
#sendgift #left_image_holder .pagination a, #sendgift #right_image_holder .pagination a {color:#666666; font-size:10px; font-family:Verdana, Arial, serif}
#sendgift #left_image_holder .pagination .inactive , #sendgift #right_image_holder .pagination .inactive {color:#aaa; font-size:10px; font-family:Verdana, Arial, serif}
#sendgift #left_image_holder .pagination .curent_page , #sendgift #right_image_holder .pagination .curent_page {background:#fff; border:1px solid #d9d9d9; color:#000; padding:1px 3px 2px 3px;}
/* pagination
--------------------------------------------------------------*/
#pagination {position:relative; float:left; width:100%; text-align:center; background:url(images/bg_pagination.gif) no-repeat; height:25px; color:#666666; font-size:10px; padding:6px 10px 0 10px; margin:5px 0 0 0; font-family:Verdana, Arial, serif;}
#pagination a {color:#666666; font-size:10px; font-family:Verdana, Arial, serif}
#pagination .inactive {color:#aaa; font-size:10px; font-family:Verdana, Arial, serif}
#pagination .curent_page {background:#fff; border:1px solid #d9d9d9; color:#000; padding:1px 3px 2px 3px;}
/* profile
--------------------------------------------------------------*/
#profile {}
#profile td {vertical-align:top; line-height:16px;font-size:11px; padding:0 0 10px 0;}
#profile h2 { padding:0 0 10px 5px;color: #333;font-family: Arial;font-style: normal;font-variant: normal;font-weight: bold;font-size: 17px;line-height: 1.2;font-size-adjust: none;font-stretch: normal;}
#profile .datarow {clear:both; height:auto; padding:1px}
#profile .active {border-bottom:1px solid #dedede; border-top:1px solid #dedede; background:#fbfbfb;}
#profile .keyname {position:relative; float:left;width:130px; font-weight:bold; margin:1px 3px;}
#profile .keyvalue {position:relative; float:left; width:330px; margin:1px 3px 0 3px; }
#profile .i_cont2, #profile .i_cont2t, #profile .i_cont2p {position:relative; float:left; width:300px; margin:0 0 3px 140px; clear:both;}
#profile #maplocation .i_cont2, #profile #maplocation .i_cont2t, #profile #maplocation .i_cont2p {position:relative; float:left; width:300px; margin:0 0 0px 0px;}
#profile .keynamestatus {position:relativa; float:left; font-weight:bold; margin:1px 3px; color:#666}
#profile .keyvaluestatus {position:relativa; float:left; margin:1px 3px 0 3px; color:#666}
#profile .keyvaluestatus a {color:#666}
#profile .title {font-weight:bold;color:#666; font-size:12px}
#profile span {font-weight:600;color:#888;}
#profile span.profile_value {font-weight:600; color:#333}
#profile span.profile_value2 {color:#444}
#avatarDiv {position:relative;width:219px}
#avatarImg {width:219px;}
#avatarImgTop {position:absolute; top:0px; left:0px;}
#avatarImgBottom {position:absolute; bottom:0px; left:0px;}
#profile h3 {font-size:13px; margin:0 0 4px 0; color:#666}
.profile_video {position:relative; float:left; display:inline; margin:0 5px 0 0px; width:92px;}
.profile_video .inner {position:relative; height:69px; width:92px;}
.profile_video img {width:92px;}
.profile_video .inner a img.video {float:left; position:relative; height:68px; }
.profile_video .inner .profile_mask_top {position:absolute; top:0px; left:0px;}
.profile_video .inner .profile_mask_bottom {position:absolute; bottom:0px; left:0px;}
.profile_video .inner .profile_mask_play {position:absolute; top:25px; left:33px; width:24px; height:23px;}
.profile_video .inner .profile_mask_playPhoto {position:absolute; top:25px; left:33px; width:27px; height:23px;}
.profile_video .inner .profile_mask_play img {width:24px; height:23px;}
.profile_video .inner .profile_mask_playPhoto img {width:27px; height:23px;}
.profile_video .profile_video_title {font-size:10px; margin:3px 0 10px 0; display:block; line-height:10px;}
/* top videos
--------------------------------------------------------------*/
.top_video {position:relative; border-bottom:1px solid #ddd; margin:0 0 10px 0; padding:0 0 10px 0;font-size: 11px }
.top_video a {font-size: 11px }
.top_video_image {position:relative;width:190px; float:left;}
.videoImg {width:190px;}
.top_video_image .videoImgTop {position:absolute; top:0px; left:0px;}
.top_video_image .videoImgBottom {position:absolute; bottom:0px; left:0px;}
.top_video_image .videoPlay {position:absolute; top:20%; left:20%;}
.top_video_data {position:relative; float:left; margin:0 0 0 15px; width:270px}
.top_video h2 {font-size:15px; font-weight:bold;}
.top_video_rating {position:relative; float:left; width:90px; height:17px; display:inline; margin-top:5px;}
.top_video_rating .inner {-moz-opacity:0.5; filter: alpha(opacity=50); opacity: 0.50; background:white; height:17px; float:right}
/* top users
--------------------------------------------------------------*/
.top_user_data {position:relative; float:left; margin:0 0 0 15px; width:270px}
/* vlog
--------------------------------------------------------------*/
.blog_image {margin-right:15px;}
.blog_meta {clear:both; padding-top:15px; width:100%;}
.vlog h2 { margin-bottom:15px;}
/* news
--------------------------------------------------------------*/
#newsfeed, #newsfeed_first, #newsfeed_first a strong,#newsfeed_3col, #newsfeed_3col a strong {font-size:10px; font-family:Verdana, Arial, serif; }
.news_big_image {position:relative;width:190px;}
.news_big_image .newsImg {width:190px;}
.news_big_image .videoImgTop {position:absolute; top:0px; left:0px;}
.news_big_image .videoImgBottom {position:absolute; bottom:0px; left:0px;}
.news_title_bg {background:#efefef url(images/bg_news_top.gif) no-repeat; padding:8px 10px 0px 10px; vertical-align:bottom}
.news_text_bg {background:#efefef url(images/bg_news_bottom.gif) no-repeat bottom left; padding:0px 10px 8px 10px; vertical-align:bottom}
#newsfeed_3col td {padding:10px;}
.news_3col {position:relative;height:90px; float:left; margin:0 0 8px 0}
.news_3col .newsImg {height:90px;}
.news_3col .videoImgTop {position:absolute; top:0px; left:0px;}
.news_3col .videoImgBottom {position:absolute; top:0px; right:0px;}
/* videochat
--------------------------------------------------------------*/
.videochat_list {position:relative; height:125px; overflow:hidden; margin:5px 0 10px 0}
.videochat_list .inner {position:absolute; top:0px; left:15px; height:125px; z-index:13; }
.videochat_list .scroll_left {position:absolute; top:0px; left:0px; height:125px; width:10px; z-index:15; background:white; cursor:pointer;}
.videochat_list .scroll_right {position:absolute; top:0px; right:0px; height:125px; width:10px; z-index:14; background:white; text-align:right; cursor:pointer;}
.videochat {float:left;}
.videochat_avatar {position:relative;height:90px; float:left; margin:0 5px 0px 0; clear:both;}
.videochat_avatar .avatarImg {height:90px; display:block}
.videochat_avatar .videochat_left {position:absolute; top:0px; left:0px;}
.videochat_avatar .videochat_right {position:absolute; top:0px; right:0px;}
.videochat_avatar .videochat_mask {position:absolute; top:0px; left:0px; cursor:pointer;}
.videochat_avatarIM {float:left; width:93px; overflow:hidden; margin-top:13px; margin-bottom:3px;}
.videochat_avatarIM2 {float:left; width:93px; overflow:hidden; margin-top:-7px; margin-bottom:3px;}
h1.videochat_title {margin-top:13px;}
.intsearch {margin:0px 0 12px 0px; width:100%;}
#listleft {margin:10px 0 0 8px; padding:0px;}
#listleft .videochat_avatar {position:relative; float:left; width:94px; height:114px; overflow:hidden; clear:none; margin:0 4px 4px 0;}
#listleft .videochat_avatar a { width:94px; height:94px; margin:0px; padding:0px; display:block; clear:both}
#listleft .videochat_avatar a img { height:94px; margin:0 auto;}
#listleft .videochat_avatar .videochat_mask {position:absolute; top:0px; left:0px;}
#listleft .videochat_avatar .videochat_name {display:block !important; width:94px; height:20px; position:absolute; top:94px; left:0px; text-align:center !important; font-size:9px !important; padding:0px; margin:0px;}
#listleft #navigation {position:relative; float:left; width:100%; text-align:center; padding:0 0 0 5px}
#listleft #navigation div {float:left; display:block; height:18px; overflow:hidden; padding:0px; width:45%; text-align:center; clear:none}
#listleft #navigation a {float:left; display:block; height:18px; overflow:hidden; padding:0px; width:45%; text-align:center; clear:none}
#listleft #navigation a img {margin:0px; padding:0px;}
#listleft #navigation a:hover img {margin-top:-18px; padding:0px;}
/* map borders
--------------------------------------------------------------*/
.map_mask_left {position:absolute; top:0px; left:0px; width:10px; height:280px;}
.map_mask_right {position:absolute; top:0px; left:470px; width:10px; height:280px;}
#locationForm, #locationDetails {position:relative}
#locationForm #map_canvas {}
#locationForm .map_mask_left {position:absolute; top:0px; left:0px;}
#locationForm .map_mask_right {position:absolute; top:0px; right:0px;}
#locationDetails {position:relative;}
#locationDetails .map_mask_left {position:absolute; top:0px; left:0px; width:10px; height:280px;}
#locationDetails .map_mask_right {position:absolute; top:0px; left:470px; width:10px; height:280px;}
.mapInfoTitle {width:150px;}
.mapInfoVideo {width: 210px; text-align:center; height: 100px; overflow:hidden; margin-top:3px;}
.mapInfoVideo .inner {width:120px; height: 90px; margin:3px auto; position:relative;}
.mapInfoVideo img.video {width:120px; height: 90px;}
.mapInfoVideo .map_mask_left {position:absolute; top:0px; left:0px;}
.mapInfoVideo .map_mask_right {position:absolute; top:0px; right:0px;}
.mapInfoVideo .play_mask {position:absolute; top:0px; right:0px;}
/* messages
--------------------------------------------------------------*/
#im_tools {position:relative; height:20px; margin-left:-5px; float:left; width:377px; color:#6b6a6a; text-align:right; z-index:10;}
#im_tools a {color:#3d76b9; font-size:10px; line-height:20px;}
#im_green {position:relative; margin-left:-5px; float:left; width:387px; background:#e0eca2 url(images/bg_im_green_top.gif) no-repeat;}
#im_green_inner {position:relative; padding:9px 15px 9px 20px; float:left; width:352px; background: url(images/bg_im_green_bottom.gif) no-repeat left bottom; font-size:11px;}
#im_green_inner a.open {position:relative; float:right; color:#b2b2b2; font-size:11px;}
#im_gray {position:relative; margin-left:-5px; float:left; width:387px; background:#e0eca2 url(images/bg_im_gray_top.gif) no-repeat;}
#im_gray_inner {position:relative; padding:9px 15px 9px 20px; float:left; width:352px; background: url(images/bg_im_gray_bottom.gif) no-repeat left bottom; font-size:11px;}
#im_gray_inner a b, #im_green_inner a b {font-size:11px;}
#im_tools a.close {position:absolute; color:#b2b2b2; font-size:11px; top:25px; right:5px;}
/* area colors and backgrounds
--------------------------------------------------------------*/
.bg_and {background: url(images/sidebox/bg_side_and.gif) repeat-y;}
.bg_dl {background: url(images/sidebox/bg_side_dl.gif) repeat-y;}
.bg_e {background: url(images/sidebox/bg_side_e.gif) repeat-y;}
.bg_home {background: url(images/sidebox/bg_side_home.gif) repeat-y;}
.bg_hs {background: url(images/sidebox/bg_side_hs.gif) repeat-y;}
.bg_ls {background: url(images/sidebox/bg_side_ls.gif) repeat-y;}
.bg_mn {background: url(images/sidebox/bg_side_mn.gif) repeat-y;}
.bg_notb {background: url(images/sidebox/bg_side_notb.gif) repeat-y;}
.bg_sb {background: url(images/sidebox/bg_side_sb.gif) repeat-y;}
.bg_sm {background: url(images/sidebox/bg_side_sm.gif) repeat-y;}
.bg_tbo {background: url(images/sidebox/bg_side_tbo.gif) repeat-y;}
.bg_chat {background: url(images/sidebox/bg_s_side_chat.gif) repeat-y;}
.bg_none {background: none;}
.bg_s_and {background: url(images/sidebox/bg_s_side_and.gif) repeat-y;}
.bg_s_dl {background: url(images/sidebox/bg_s_side_dl.gif) repeat-y;}
.bg_s_e {background: url(images/sidebox/bg_s_side_e.gif) repeat-y;}
.bg_s_home {background: url(images/sidebox/bg_s_side_home.gif) repeat-y;}
.bg_s_hs {background: url(images/sidebox/bg_s_side_hs.gif) repeat-y;}
.bg_s_ls {background: url(images/sidebox/bg_s_side_ls.gif) repeat-y;}
.bg_s_mn {background: url(images/sidebox/bg_s_side_mn.gif) repeat-y;}
.bg_s_notb {background: url(images/sidebox/bg_s_side_notb.gif) repeat-y;}
.bg_s_sb {background: url(images/sidebox/bg_s_side_sb.gif) repeat-y;}
.bg_s_sm {background: url(images/sidebox/bg_s_side_sm.gif) repeat-y;}
.bg_s_tbo {background: url(images/sidebox/bg_s_side_tbo.gif) repeat-y;}
.bg_sl_and {background: url(images/sidebox/bg_sl_side_and.gif);}
.bg_sl_dl {background: url(images/sidebox/bg_sl_side_dl.gif);}
.bg_sl_e {background: url(images/sidebox/bg_sl_side_emo.gif);}
.bg_sl_home {background: url(images/sidebox/bg_sl_side_home.gif);}
.bg_sl_hs {background: url(images/sidebox/bg_sl_side_hs.gif);}
.bg_sl_ls {background: url(images/sidebox/bg_sl_side_ls.gif);}
.bg_sl_mn {background: url(images/sidebox/bg_sl_side_mn.gif);}
.bg_sl_notb {background: url(images/sidebox/bg_sl_side_notb.gif);}
.bg_sl_sb {background: url(images/sidebox/bg_sl_side_sb.gif);}
.bg_sl_sm {background: url(images/sidebox/bg_sl_side_sm.gif);}
.bg_sl_tbo {background: url(images/sidebox/bg_sl_side_tbo.gif);}
.teaser_and {background-image: url(images/sidebox/bg_teaser_and.gif);}
.teaser_dl {background-image: url(images/sidebox/bg_teaser_dl.gif);}
.teaser_e {background-image: url(images/sidebox/bg_teaser_e.gif);}
.teaser_home {background-image: url(images/sidebox/bg_teaser_home.gif);}
.teaser_hs {background-image: url(images/sidebox/bg_teaser_hs.gif);}
.teaser_ls {background-image: url(images/sidebox/bg_teaser_ls.gif);}
.teaser_mn {background-image: url(images/sidebox/bg_teaser_mn.gif);}
.teaser_notb {background-image: url(images/sidebox/bg_teaser_notb.gif);}
.teaser_sb {background-image: url(images/sidebox/bg_teaser_sb.gif);}
.teaser_sm {background-image: url(images/sidebox/bg_teaser_sm.gif);}
.teaser_tbo {background-image: url(images/sidebox/bg_teaser_tbo.gif);}
.color_and {color:#53c6c3;}
.color_dl {color:#ad38a3}
.color_e {color:#736fb9}
.color_home {color:#313131}
.color_hs {color:#5ab21e}
.color_ls {color:#ebaab0}
.color_mn {color:#ffa228}
.color_notb {color:#54c98b}
.color_sb {color:#cd3331}
.color_sm {color:#c1a39a}
.color_tbo {color:#cb942d}
/* single classes, leave on bottom and do not remove
--------------------------------------------------------------*/
.formerror {float:left; margin:5px 0 0 4px; font-size:9px; color:#f00; font-family: Arial, Helvetica, sans-serif; text-transform:lowercase}
.error {float:left; margin:0px 0 10px 4px;font-size:9px; clear: both; color:#f00; font-family: Arial, Helvetica, sans-serif; text-transform:lowercase}
.mandSymbol {width:7px !important; overflow-x: hidden; margin:0px; padding:0px; float:left;}
.perox { margin:0px 0 6px 7px; font-family:Arial, sans-serif; border-bottom:1px solid #999; padding:0px;}
html .fb_share_link
{
padding:2px 10px 0 20px;
height:16px;
background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left;
float:right;
}
html .my_share_link
{
padding:2px 10px 0 18px;
height:16px;
background:url(images/share_myspace.png) no-repeat top left;
float:right;
}
html .tw_share_link
{
padding:2px 0 0 18px;
height:16px;
background:url(images/share_twitter.png) no-repeat top left;
float:right;
}
/* overlay for popup content */
html { height: 100%; }
body {width: 100%; height: 100%;} /*
#overlay {position: absolute; z-index:15000; display:none; top: 0px; left: 0px; background: #cbcbcb; width: 100%; height: 5000px; opacity: .80; filter: alpha(opacity=80); -moz-opacity: .80}
#content_overlay {display:none; width: 630px; height: 180px; position: fixed; top:50%; left: 50%; margin-top:-90px; margin-left:-315px; z-index: 1000000000;}
#popup_content {position:relative; text-align: left; background:url(images/bg_popup_content.png) no-repeat top left; border:none; display: block; padding:0; margin: 0px auto; width:630px; height:180px;}
#popup_content .grey_box {margin:0px;}
.popup_close {position:absolute; top:-18px; right:-18px; cursor:pointer; z-index:16000; display:none}
#content_overlay li {position:relative; float:left; -moz-opacity:1.0; filter: alpha(opacity=100); opacity: 1.0; }
*/
/* popup za IE6 */
#overlay {position: absolute; z-index:15000; display:none; top: 0px; left: 0px; background: #cbcbcb; width: 100%; height: 5000px; opacity: .80; filter: alpha(opacity=80); -moz-opacity: .80}
#content_overlay {display:none; width: 630px; height: 180px !important; position: absolute; top:50%; left: 50%; margin-top:-90px; margin-left:-315px; z-index: 16000;}
#popup_content {position:relative; text-align: left; background:url(images/bg_popup_content.gif) no-repeat top left; border:none; display: block; padding:0; margin: 0px auto; width:630px; height:180px;}
#popup_content .grey_box {margin:0px;}
.popup_close {position:absolute; top:-18px; right:-18px; height:36px !important; width:36px !important; cursor:pointer; z-index:17000; display:none;}
#content_overlay #content_inner {height:180px; width:630px;}
#content_overlay #content_inner ul {width:560px; height:86px;}
#content_overlay #content_inner ul li {position:relative; float:left;}
.leftoff { position:absolute; left:-10000px; height:0px; width:0px; margin:0px; padding:0px;}
.transparent50 { -moz-opacity:0.5; filter: alpha(opacity=50); opacity: 0.50;}
.big {font-size:1.4em}
.small {font-size:10px; font-family:Tahoma, Arial, Helvetica, sans-serif;}
.bold {font-weight:bold}
.info_message {font-size:12px;}
.messageSpacer {display:block; clear:left; height:5px; position:relative; font-size:1px;}
.msgBubble {
display:block;
width:23px;
height:24px;
font-family:Arial, sans-serif;
font-size: 10px !important;
color:#fff !important;
text-decoration:none !important;
position:absolute;
right:14px;
top:13px;
background: url(images/msgNew.png) 0 0 no-repeat;
margin:0px !important;
padding:0px !important;
text-align: center;
line-height: 24px !important;
}
/* FaceBook widget */
#widget {
width: 230px;
//height: 275px;
margin:-12px 0 0px 0;
}
.widget-bg {
background-image:url(images/send-a-gift.gif);
height: 13px;
}
#widget-center{
background-color: #e6e6e6;
}
#widget-footer {
background-position:left -62px;
}
#footer .noborder {border:0px none}
.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}
.red {color:red}
.gray_light {color:#333}
.gray {color:#666}
.white {color:#fff}
.black {color:#000}
.brickred {color:#cc3333}
.fl_left {float:left}
.fl_right {float:right}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height:1%;}
.clearfix {display: block;}