/* 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:10px auto 0 auto; width:975px; background-color:#fff;}
#header {position:relative; float:left; width:100%; height:104px; z-index:110; margin-bottom: 0px; }
#header #logo {position:relative;float:left;}
#header #topmenu {position:relative; float:right; margin-top: 12px; margin-right:0px}
#header #topmenu li {position: relative; float:left; background:#e5e5e7; width:144px; margin:0 0 0 5px; padding:4px 8px;}
#header #topmenu li#catlist, #header #topmenu li#catlist:hover {background:#e5e5e7 url(images/bg_arrow_down_smallgray.gif) no-repeat 140px 7px;}
#header #topmenu li a {color:#808080; font-size:12px; line-height:16px; display:block;}
#header #topmenu li ul {display:none; position: relative; float:left; background:#e5e5e7; width:144px; margin:0 0 0 0px; padding:10px 0 10px 0;}
#header #topmenu li ul li {position: relative; float:left; border-bottom:1px solid #99999b; width:142px; margin:0 0 0 0px; padding:2px 0px;}
#header #topmenu li:hover, #header #topmenu li.selected {background:#666;}
#header #topmenu li:hover ul {display:block;}
#header #topmenu li:hover a, #header #topmenu li.selected a {color:#fff;}
#header #topmenu li#catlist:hover a {color:#808080;}
#header #topmenu li#catlist ul li:hover {background:#666;}
#header #topmenu li#catlist ul li:hover a, #header #topmenu li#catlist ul li.selected a {color:#fff;}
.headertitle {position:relative; float:left; margin:32px 0 0 0; clear:left; color:#666; font-size:14px;}
.areadescription {position:absolute; left:165px; top:0px; font-size:10px; height:110px; display:none; background:#e5e5e7; padding:10px; width:295px; border:1px solid #808080 }
.subtitle {color:#666; font-size:13px; font-weight: normal; margin: -1px 0 0 0; padding: 0;}
/* 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; padding:0 0 7px 0}
#videooptions p {position:relative; width:100%; float:left; font-size:11px; line-height:14px; 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;}
#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:5px 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}
/* 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:17px; 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_new {position:relative; border-bottom:1px solid #ddd; margin:0 0 10px 0; padding:0 0 10px 0;font-size: 11px }
.top_video {position:relative; border-bottom:1px solid #ddd; margin:0 0 10px 0; padding:0 0 10px 0;font-size: 11px }
.top_video_nobottom {position:absolute; 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; top:132px; 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;
}
#comments {position:relative; width:500px; padding:10px;}
#comments hr {border:0px none; background:white; height:1px; border-bottom:1px solid #ccc; overflow:hiddend; margin:10px 0;}
#comments table {margin:10px 0; width:100%; font-size:12px;}
#comments td {vertical-align:top;}
#comments textarea {width:95%; height:50px;}
#comments .uname {color:#666; font-size:11px;}
#comments .comment {color:#333; font-size:12px;}
#comments .submit_button {color:#333; font-size:11px; margin:5px 0;}
#footer .noborder {border:0px none}
.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}
.navbar_l { position: relative; float:left; color: #eaeaec; width:140px; height: 15px; padding:4px 8px; font-weight: normal; font-size:12px; text-align:left; background:#e5e5e7 url(images/bg_arrow_list.png) no-repeat 140px 7px; }
.navbar_l a { position: relative; float:left; color: #000000; width:148px; height: 15px; padding:4px 8px; font-weight: normal; font-size:12px; text-align:left; }
.navbar_l:hover { background-color: #666; color: #fff; }
.navbar_l a:hover { background-color: #666; color: #fff !important; }
.navbar_r1 { position: relative; cursor: pointer; float:right; width:140px; height: 15px; padding:4px 8px; margin: 0 0px 5px 0; font-weight: normal; font-size:12px; color:#808080; text-align:left; background:#e5e5e7 url(images/bg_arrow_list.png) no-repeat 140px 7px; }
.navbar_r2 { position: relative; cursor: pointer; color: #fff; float:right; width:140px; height: 15px; padding:4px 8px; margin: 0 0px 5px 0; font-weight: normal; font-size:12px; text-align:left; background:#afafb1 url(images/bg_arrow_list.png) no-repeat 140px 7px; }
.navbar_r2 a { position: relative; cursor: pointer; color: #fff; float:right; width:140px; height: 15px; margin: 0 0px 5px 0; font-weight: normal; font-size:12px; text-align:left; background:#afafb1 url(images/bg_arrow_list.png) no-repeat 140px 7px; }
.tabs{position: relative; padding:0; }
.ff2 .tabs{padding:3px 0 0px 0}
.tabs.top{background:#f7f7f7}
.tabs .left_tabs{padding-left:0px; float:left; margin-bottom:-20px}
.tabs .right_tabs{position: absolute; top:0px; right:0; padding:0px; width: 160px; float:right; margin-bottom:-105px !important; }
.tabs .right_tabs .buttons { margin: 0px; }
.tabs .right_tabs li { margin: 0 0 3px 0;}
.tabs .back_links{padding-right:0px;float:right;}
.toggle_tabs{text-align:center; }
.toggle_tabs_right ul { width: 156px; }
.ff2 .toggle_tabs{margin-bottom:0}
/*.toggle_tabs li{display:inline;padding:2px 0 3px;background:#f1f1f1 top left repeat-x}*/
.toggle_tabs li{ position:relative; width: 153px; height: 25px; margin-right: 10px; display:block; float:left; padding:0px 0 0 0px;}
.ie6 .toggle_tabs li,
.ie7 .toggle_tabs li{background-position:left 3px}
.toggle_tabs li a{color:#807F84; font-weight:normal;padding:2px 0 1px 0;display:block; float:left; font-size:12px; line-height:12px;}
.toggle_tabs li a small{font-size:11px;font-weight:normal}
.toggle_tabs li a:focus{outline:0;}
.toggle_tabs li.first a{}
.toggle_tabs li.last a.selected{}
.toggle_tabs li.first a.selected{}
.toggle_tabs li.first.last a.selected{}
.toggle_tabs li a.selected:hover{text-decoration:none; }
.toggle_tabs li a.disabled{color:#999;cursor:default}
.toggle_tabs li a.disabled:hover{text-decoration:none}
.toggle_tabs .hidden{display:none}
.VideoFunctions {margin:6px 0 7px 7px; width:125px; float:right}
.VideoFunctions a {font-size:12px; padding-bottom:5px;}
.thumbnailconainer {background:url(images/bg_videotumbs.gif) no-repeat left top; width:636px; height:85px; overflow:hidden;}
.morevideos {float:right; cursor:pointer}
.commentbox {max-height:100px; width:360px; overflow:auto; position:relative; float:left; clear:left; margin:10px 0 0 0px; padding:0px; }
.singlecomment {border-bottom:2px solid #fff; font-size:11px; padding:0px 10px 3px 10px; margin:0px; background:#eceff5;}
.singlecomment .uname {font-weight:bold; color:#3e4a86;}
.comments_icon {position:relative; float:left; width:14px; height:13px; background:url(images/icon_comments.jpg) no-repeat left top;}
/* ------ Redizajn - main/homebox ------ */
.holder { position: relative; float: left; width: 810px; }
.top { position: relative; float: left; width: 810px; height: 195px; margin-top: 15px; border-bottom: 1px dashed #e6e6e8; background-color: #fff; }
.bottom { position: relative; float: left; width: 810px; font-size: 12px; border-bottom: 1px solid #DDDDDD; }
.more { position: relative; float: left; width: 810px; }
.video_main { position: relative; float: left; width: 320px; height: 180px; margin-top: 0px; background: url(video_big1.jpg); }
.info { position: relative; float: left; width: 150px; margin-top: 0px; margin-left: 10px; font-size: 12px; display:inline; }
.info_head, .info_head a { font-weight: bold; color: #807F84; }
.info_other { color: #807F84; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.info_other a { color: #807F84; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.info_other a:hover { text-decoration: underline; }
.buttons_main { position: absolute; clear: both; bottom:-125px; left:0; width: 150px; height:89px; }
.buttons { position: relative; cursor: pointer; float:left; width:144px; height: 16px; line-height: 16px; padding:4px 8px; margin: 0 0px 5px 0; font-size:12px; color:#808080; text-align:left; background:#e5e5e7 url(images/bg_arrow_list.png) no-repeat 140px 7px; }
.buttons a { text-decoration: none; font-size: 12px; color:#807F84; display:block; width:100%; height:100%; }
.buttons:hover, li.selected .buttons { background-color:#666; color:#ffffff; }
.buttons:hover a, li.selected .buttons a { color:#ffffff; }
li.selected { background: #666; color:#ffffff;}
.left_tabs li.selected { background: none;}
li.selected a { color:#ffffff;}
.button_submit {width:160px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#808080; text-align:left; padding:5px 15px 5px 5px; margin:4px 0; background:url(images/bg_arrow_list.png) no-repeat 142px 9px; border:0px none; cursor:pointer;}
.bg_home_search {background-color:#e6e6e8 !important}
a.button_submit {width:140px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#808080; line-height:18px; text-align:left; padding:3px 15px 3px 5px; margin:4px 0; background:url(images/bg_arrow_list.png) no-repeat 142px 9px; border:0px none; cursor:pointer;}
.bg_home {background-color:#ffffff !important}
.text_comments { position: relative; float: left; width: 330px; }
.text_comment_holder { position: relative; float: left; width: 315px; margin-top: 15px; background: #fff; }
.comment { position: relative; padding-top: 5px; padding-bottom: 5px; float: left; width: 310px; margin-bottom: 6px; background-color: #eef3f9; }
.comment_style { color: #87888c; padding-left: 5px; padding-right: 5px; overflow: hidden; }
.comment_style_nocomment { color: #87888c; height: 30px; padding-left: 5px; padding-right: 5px; }
.comment_style_homebox { color: #87888c; padding-left: 5px; padding-right: 5px; height: 17px; overflow: hidden;}
.user_info { color: #87888c; padding-left: 5px; }
.more_text { position: relative; float: left; margin-left: 0px; margin-bottom: 10px; margin-top: 15px; cursor: pointer; color: #807F84; }
.hidden_text { position: relative; float: left; width: 320px; }
.video_comments { position: relative; float: left; overflow: hidden; width: 330px;}
.video_clip_holder { position: relative; overflow: hidden; float: left; width: 100px; margin: 15px 10px 0 0; }
.video_clip { position: relative; float: left; width: 100px; height: 57px; background: url(images/video_small.jpg); overflow:hidden; }
.video_clip_username { position: relative; float: left; width: 100px; margin-bottom: 20px; }
.more_video { position: relative; float: left; margin-bottom: 10px; margin-top: 25px; cursor: pointer; color: #807F84; }
.hidden_videos { display: none; position: relative; float: left; width: 330px; }
.left_tabs { width: 805px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; height: 20px; padding: 10px 0 13px; }
.title_cont { clera:both; width: 805px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; height: 20px; padding: 10px 0 13px; }
.title_cont2 { clera:both; width: 805px; border-top: 1px solid #DDDDDD; height: 10px; padding: 5px 0 0px; }
.input_style { border-style:none; border-width:0 medium; }
input.text {background:#dedede; color:#808080; border:0px none; border-left:#e6e6e6; margin:4px 0; border-right:#e6e6e6; margin:4px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}
input.text {width:284px; padding:4px 8px;}
/* ------ Redizajn - vlog/blog ------ */
.vlog_holder { position: relative; float: left; width: 800px; }
.vlog_top { position: relative; float: left; width: 810px; margin-top: 15px; border-bottom: 1px dashed #e6e6e8; }
.vlog_middle { position: relative; float: left; width: 800px; height: 48px; }
.vlog_bottom { position: relative; float: left; width: 660px; min-height:250px;}
.vlog_bottom_border { position: relative; float: left; width: 640px; margin-top: 10px;}
.vlog_bottom_border_l { position: relative; float: left; width: 310px; height: 15px; font-size: 12px; margin-top: 8px; border-top: 1px dashed #e6e6e8; }
.vlog_bottom_border_r { position: relative; float: left; width: 320px; height: 15px; font-size: 12px; margin-top: 8px; margin-left:10px; border-top: 1px dashed #e6e6e8; }
.nav_border { border-top: 1px solid #dddddd; margin-top: -1px; margin-bottom: 7px; }
.vlog_video_main { position: relative; float: left; width: 640px; height: 360px; margin-top: 15px; margin-bottom: 10px; background-color:#000; }
.vlog_video_main_image { position: relative; float: left; width: 640px; height: 360px; margin-top: 15px; margin-bottom: 10px; }
.vlog_info { position: relative; float: left; width: 160px; margin-top: 15px; margin-left: 10px; font-size: 12px; z-index:1; overflow: hidden; }
.vlog_share_holder { position: relative; margin-top: 15px; }
.vlog_share a { text-decoration: none; color:#333; }
.vlog_buttons_main { position: relative; float: left; width: 150px; height:89px; margin-top: 35px; }
.vlog_buttons_holder { width: 150px; width: 640px; height:26px; margin-top: 15px; }
.vlog_video_comments { float: left; width: 145px; height: 23px; cursor: pointer; line-height: 23px; padding-left: 5px; margin-left: 170px; font-size: 12px; background: #e6e6e8 url(images/bg_arrow_list.png) no-repeat 135px 7px; }
.vlog_video_comments a { text-decoration: none; color:#333; display:block; width:100%; height:100%; }
.vlog_hidden_video_div { float: right; width: 320px; height: 322px; margin-top: 0px; display: none; background-color: #e6e6e8; }
.vlog_text_comments { float: left; width: 145px; height: 23px; cursor: pointer; line-height: 23px; padding-left: 5px; font-size: 12px; background: #e6e6e8 url(images/bg_arrow_list.png) no-repeat 135px 7px; }
.vlog_hidden_text_div { float: left; width: 310px; height: 322px; display: none; background-color: #e6e6e8; }
.vlog_border1 { float: left; width: 310px; border-top: 1px dashed #e6e6e8; }
.vlog_border2 { float: left; width: 320px; margin-left: 10px; border-top: 1px dashed #e6e6e8; }
.video_comments_container { position: relative; float: left; overflow: hidden; width: 330px; margin-left: 5px;}
.vlog_blog_thumb { padding: 5px 10px 15px 10px; font-size: 24px; overflow: hidden; color: #838288; width: 300px; height: 160px; background-image: url(images/bg_blog_small.gif) }
.vlog_blog { position: relative; float: left; width: 620px; margin-top: 15px; height: auto !important; min-height:340px; height:340px; margin-bottom: 10px; padding-bottom: 15px; padding-right: 20px; background: url(images/bg_blog_big.gif) repeat-y; padding: 10px 10px 10px 10px; }
.blog_main_text { font-size: 14px; }
/* ------ Redizajn - upload/login ------ */
.upload_desc { width: 640px; padding: 5px 0; border-bottom: 1px dashed #e6e6e8; overflow:hidden; }
.upload_vlog_form { position: absolute; display: none; top: 112px; left: -165px; width: 325px; height: 265px; color: #FFFFFF; background: #afafb1; z-index:6000;}
.upload_blog_form { position: absolute; display: none; top: 137px; left: -165px; width: 325px; height: 180px; color: #FFFFFF; background: #afafb1; z-index:6000;}
.upload_vlog_form_video { position: absolute; display: none; color: #333333; width: 320px; margin: -9px 0 0 320px; height: 265px; background: #e6e6e8; z-index:6000;}
.upload_vlog_form_text { position: absolute; display: none; color: #333333; margin-top: -9px; width: 310px; height: 200px; background: #e6e6e8; z-index:6000;}
.upload_vlog_form_video_login { position: absolute; display: none; color: #333333; top: 112px; left: 0px; width: 127px; height: 65px; font-size:12px; color: #fff; padding: 8px 25px 8px 8px; background: #afafb1; z-index:3;}
.upload_vlog_form_text_login { position: absolute; display: none; color: #333333; top: 137px; left: 0px; width: 127px; height: 65px; font-size:12px; color: #fff; padding: 8px 25px 8px 8px; background: #afafb1; z-index:2;}
.upload_vlog_form_text_hidden { position: absolute; display: none; color: #333333; margin-top: -9px; width: 277px; height: 179px; background: #e6e6e8; font-size:12px; z-index:5; padding: 12px 25px 8px 8px; }
.upload_vlog_form_video_hidden { position: absolute; display: none; color: #333333; left: 320px; margin-top: -9px; width: 277px; height: 179px; background: #e6e6e8; font-size:12px; z-index:5; padding: 12px 25px 8px 8px; }
#hidden_image0, #hidden_image1, #hidden_image2 { position: absolute; top:0px; left:0px; width: 325px; }
#hidden_image0, #hidden_image1, #hidden_image2 { position: absolute; top:0px; left:0px; width: 325px; }
#hidden_cancel0, #hidden_cancel1, #hidden_cancel2 { position: absolute; top:235px; left:10px; display:none; }
#hidden_text_upload0, #hidden_text_upload1, #hidden_text_upload2 { position: absolute; top:10px; color: #fff; left:10px; display:none; font-size:12px; }
/* login box */
#loginbox {width:137px; overflow:hidden; color:white; font-size:11px; margin:10px 0 0 10px; padding:5px 0 0 0; border-top:1px solid #b6b6b8; clear:both}
#loginbox #i_cont_login {border:1px solid #929395; padding:4px 4px 4px 4px; width:127px; color:#99999b; }
#loginbox #i_cont_pass {padding:6px 5px 5px 5px; border:0px none; width:101px;background:url(images/bg_pass.gif) no-repeat left top; color:#99999b; margin-top:4px;}
#loginbox #i_cont_go {margin-top:4px; outline:none !important}
.regtable td {vertical-align:top; line-height:25px; font-size:1.1em;}
.regtable a { font-size:12px; }
/* loading mask */
#waitingmask {position:fixed; width:100%; height:100%; left:0px; top:0px; background:white; z-index:5000}
.popupContent {display:none; position:fixed; left:35%; top:250px; padding:10px; width:400px; min-height:120px; background:#afafb1; border:10px solid white; z-index:9999;}
.popupContent {color:#fff;}
.popupContent .popupButtons {position:absolute; left:0px; bottom:8px; padding:0 10px}
.popupContent2 {position:relative; margin:100px 200px; padding:10px; width:400px; min-height:120px; background:#afafb1; font-size:13px; color: #fff; border:10px solid white; }
input, textarea { border: 0px none; }
.red {color:red}
.gray_light {color:#333}
.gray {color:#666}
.white {color:#fff}
.black {color:#000}
.brickred {color:#cc3333}
.bg_white {background-color: #fff !important;}
.fl {float:left !important; display:inline;}
.fr {float:right !important; display:inline;}
.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;}
.clear { clear: both; height: 1px; overflow: hidden; margin-bottom: -1px;}
.friends_container { position:relative; float: left; color: #fff; overflow: hidden; background-color: #555555; }
.friends_nofriends { position:relative; float: left; font-size: 12px; width: 137px; height: 30px; color: white; margin-left: 23px }
.friends_container_hr0 { clear: both; position: absolute; width: 140px; left: 7px; top:25px; }
.friends_closing_div { position:relative; float: left; width: 160px; height: 40px; }
.friends_avatar_name { position:relative; float: left; width:50px; height:71px; }
.friends_avatar { position:relative; float: left; width:39px; height:48px; }
.friends_name, .friends_name a { position:relative; float: left; width:45px; font-size: 11px; overflow: hidden; text-decoration: none; color: #ffffff; }
.friends_row_container { position:relative; float: left; margin: 0 0 0 8px; width:150px; height:71px; }
.friends_container_more { top:0px; left:0px; width: 480px; height: 305px; color: #fff; background-color: #444444; -moz-opacity:0.8; filter: alpha(opacity=80); opacity: 0.8; }
.friends_container_more_top_left { position: relative; float: left; padding: 5px; padding-left: 15px; font-size:13px; }
.friends_container_more_top_right { position: relative; float: right; padding: 5px; padding-right: 15px; }
.friends_name_all, .friends_name_all a { position:relative; margin-left:2px; margin-top:-7px; float: left; width:65px; font-size: 11px; text-decoration: none; color: #ffffff; }
.friends_container_hr1 { clear: both; width: 450px; margin-left: 15px; }
.friends_container_hr2 { clear: both; width: 436px; margin: 55px 0 0 15px;; }
.friends_container_more_box_holder { position: relative; float: left; width: 470px; height: 50px; margin-top:10px; margin-left: 15px;}
.friends_container_more_box { position: relative; float: left; width: 108px; height: 53px; margin: -5px 2px -5px 0px; }
.friends_box_avatar { position: relative; float: left; width: 38px; height: 50px; }
.friends_box_name { position: relative; float: left; width: 63px; height:42px; margin-left: 5px; font-size: 11px; color: #ffffff; overflow:hidden; }
.friends_prev_next { position: relative; margin-top: 5px; }
#friends_scroll_container { width: 160px; padding: 0px 0px 10px 0px; }
#friends_holder_scroll { width: 155px; height: 283px; overflow: auto; }
/* custom scroll
--------------------------------------------------------------*/
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #555;}
.jScrollPaneDrag { position: absolute; background: #fff; cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden;}
.archivePgContainer1 {text-align: left; margin: -8px 0 -15px 0; padding: 0;}
.archivePgContainer1 a { padding: 0 1px 0 1px; font-size: 12px; color: #7e8186; font-family: Arial, Helvetica, sans-serif;}
.archivePgContainer2 {text-align: left; margin: 0; padding: 0;}
.archivePgContainer2 a { padding: 0 1px 0 1px; font-size: 12px; color: #7e8186; font-family: Arial, Helvetica, sans-serif;}