/* CSS Document */
html, body {height:100%; background:white;margin:0px; padding:0px; }
body {
	behavior: url(csshover2.htc);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#fff;
	color:#808080;
	}

	/* 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:12px; margin:0; padding:0; }
a img,:link img,:visited img { border:none }
/*------------------------------------------------------------*/

h1 {font-size:14px; color:#808080; font-weight:normal; margin:4px 0 15px 0;}
p {line-height:16px;}
a { font-size:12px; text-decoration:none; outline:0px none; color:#808080;font-family:Arial, Helvetica, sans-serif;}
a:hover {text-decoration:none; color:#808080}
table { font-size:1.1em; width:100%; border-collapse:collapse;}

	/* 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:9999;}
#header #logo {position:relative;float:left;}
#header #topmenu {position:relative; float:right; margin:12px 0px 0 0;}
#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;}

.areadescription {position:absolute; left:165px; top:0px; font-size:10px; height:110px; display:none; background:#e5e5e7; padding:10px; width:295px; border:1px solid #808080 }


.headertitle {position:relative; float:left; margin:32px 0 0 175px; clear:left; color:#000; font-size:14px;}


#content {position:relative; float:left; width:100%;}

#left {position:relative; float:left; width:160px; margin:0px;  overflow:hidden; }
#middle {position:relative; float:left; width:627px; margin:0px 0px 0px 13px; overflow:hidden; border-top:1px solid #bfbfbf; min-height:500px;}
#right {position:relative; float:left; width:160px; margin:0px 0 0 13px; overflow:hidden;}


#left ul, #right ul {border-top:1px solid #bfbfbf; padding:7px 0 8px 0;}
#left li a, #right li a {color:#808080; font-size:12px; line-height:16px;}
#left li a:hover, #right li a:hover {text-decoration:underline}


#right .loginwrap li {position: relative; float:left; background:#dfdedf; width:144px; margin:0px 0 3px 0px; padding:4px 8px;}
#right .loginwrap li.arrow {background:#dfdedf url(images/bg_arrow_list.png) no-repeat 142px 8px;}
#right .loginwrap li.selected, #right .loginwrap li:hover {background-color:#666 !important;}
#right .loginwrap li a {color:#808080; font-size:12px; line-height:16px; display:block;}
#right .loginwrap li a:hover {text-decoration:none}
#right .loginwrap li.selected a, #right .loginwrap li:hover a {color:#fff;}

/*	video block	*/
.videoblock  {background:#fff; border-top:1px solid #b7bac1; margin-bottom:15px;}
.videoblocktop {border-top:0px;}
.videoitem {position:relative; float:left; margin:0 13px 13px 0; width:147px;}
.topvideos .videoitem {position:relative; float:left; margin:0 7px 13px 0; width:204px;}
.videoitem p, .videoitem a {color:#807f84; font-size:12px; line-height:16px; padding:7px 10px 1px 0;}
.videoitem .starsrating {background:url(images/bg_stars_light.png) no-repeat left top; height:10px; width:60px; margin:5px 0 10px 0;}
.videoitem .starsrating div {background:url(images/bg_stars_dark.png) no-repeat left top; height:10px;}
.videoitem .videodate {font-size:11px;}
.videoitem .videotitle {font-weight:bold; white-space:nowrap}
.profile_mask_play {position:absolute; left:60px; top:30px;}


/*	pagination	*/
.toppagination {width:100%;}
.toppagination a, .toppagination span {color:#7e8186; line-height:30px; font-size:12px;}
.toppagination .pagination {color:#7e8186; line-height:30px; font-size:12px;}
.videoimage {width:147px; height:83px; overflow:hidden; background:url(images/bg_video_small.gif)}
.videoimage .videoImg {width:147px; height:83px;}
.topvideos .videoimage {width:204px; height:115px; overflow:hidden; background:url(images/bg_video_large.gif)}
.topvideos .videoimage .videoImg  {width:204px; height:115px; }
.pagination {border-top:1px solid #808080}
.pagination .currentPage { font-weight: bold; }


/*	play video	*/
#videooptions {margin:12px 0 0 0;}
#videodetails {width:240px; height:100px; padding:0 20px 0 0;}
#videodetails h2 {font-weight:normal; font-size:12px; }


#ratevideo {width:130px; height:100px; padding:0 0px 0 0; position:relative;}
#videooptions p, #videooptions a { font-size:12px; line-height:16px; text-decoration:none;}
#videooptions a:hover {text-decoration:underline;}
#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;}
#votebox { width:60px; height:12px; position:relative; overflow:hidden; margin:4px 0 0 0;background: url(images/bg_stars_dark.png) 0px 1px repeat-x}
#ratevideo span {float:left; margin:0px; padding:0 5px 0 0; font-size:13px;}
#ratevideo ul {z-index:30; position:relative; width:70px; margin:-1px 0 0 -2px}
#ratevideo ul li { float:left; margin:0px 0 0 0px; padding:0 0 0 0px; width:12px; height:12px; line-height:12px; border:0px solid red;}
#ratevideo ul li a {display:block; width:12px; height:12px; overflow:hidden; outline:none;}
#ratevideo ul li a img {display:none}
#ratevideo ul li a:hover img {display:block}
#sociallinks {width:108px; height:100px; padding:0 0px 0 22px; position:relative;}

#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 0 0 0;}

.sendToFriendFormDiv {border:1px solid red;}
#infoBox {font-size:11px; line-height:16px; display:none;}
.heading {border-bottom:1px solid #808080; padding:10px 0 6px 0; margin:0 0 15px 0;}
.heading a {font-size:12px;}
#commentsDiv {display:none;}

.top_video {border-top:1px solid #808080; padding:10px 0 10px 0}
.top_video .top_video_image {padding-right:10px}

.open {padding:0 20px 0 0; background:url(images/bg_arrow_down.gif) no-repeat 100% 5px}
.close {padding:0 20px 0 0; background:url(images/bg_arrow_up.gif) no-repeat 100% 5px}

.bg_and {background-color:#eff4fa !important;}
.bg_dl {background-color:#edeaf3 !important;}
.bg_e {background-color:#e5ecfc !important;}
.bg_home {background-color:#dedede !important}
.bg_hs {background-color:#}
.bg_ls {background-color:#f7e7f2 !important;}
.bg_mn {background-color:#fbf2eb !important;}
.bg_notb {background-color:#eef5ee !important;}
.bg_sb {background-color:#f9e9e9 !important;}
.bg_sm {background-color:#f0ebe5 !important;}
.bg_tbo {background-color:#fffce9 !important;}
.bg_chat {background-color:#}
.bg_none {background-color: none;}
.bg_white {background-color: #fff !important;}



/*	form elements	*/
input.text, textarea {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;}
textarea {width:450px; height:100px; padding:4px 8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}
input.fileupload {width:284px; padding:4px 8px;background:#dedede; color:#808080; border:0px none;}

.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;}
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;}

.regtable td {vertical-align:top; line-height:25px;}

/*	stylish_select	
.stylish-select ul.newList {left:-9999px;}
ul.newList * {margin:0; padding:0;}
ul.newList a {color: #000; text-decoration:none; display:block;}
ul.newList {margin:0; padding:0; list-style:none; color:#004592; width:297px; background:#fff; position:absolute; border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {width:289px; color:#808080; height:19px; line-height:16px; padding:3px 0 0 10px; margin:3px 0; float:left; background:#dedede url(images/bg_arrow_down.gif) no-repeat 284px 9px}
.newListSelected span {width:265px; display:block;}
ul.newList li {overflow:hidden;}
ul.newList li a {padding:3px 8px; display: block;}
ul.newList li a:focus {-moz-outline-style: none;}
.selectedTxt {width:265px; overflow:hidden; height:16px; padding:0 23px 0 0;}
.hiLite {background:#e0e8f1!important; color:#004592!important;}
.hiLite a {background:#e0e8f1!important; color:#004592!important;}
.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus {cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}
*/


#relocate_sideform ul.newList {width:130px;}
#relocate_sideform .newListSelected {width:130px; color:#fff; background:#a5a98e url(images/bg_arrow_down.gif) no-repeat 124px 9px}
#relocate_sideform .newListSelected span {width:105px;}
#relocate_sideform .selectedTxt {width:105px;}
#relocate_sideform .ui-selectmenu {background:#a5a98e;}




/*	login box	*/
#loginbox {width:137px; overflow:hidden; color:white; font-size:11px; margin:10px 0 0 0; padding:5px 0 0 0; border-top:1px solid #b6b6b8}
#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}

.FBConnectButton_Text {font-size:11px !important; font-weight:normal !important}
.FBConnectButton {width:159px !important;}


/*	relocate box	*/
.relocatebox {background:url(images/bg_relocate1.png) no-repeat left top; }
#relocate_button {color:#fff; display:block; width:161px; height:47px; background:url(images/bg_button_changelocation.gif) no-repeat left top; }
#relocate_sideform {color:#fff; margin:5px 0 0px 8px; width:140px;}
#relocate_sideform input.text {background:#a5a98e;  width:125px; color:white;}
#relocate_sideform p {margin:5px 0 0 0; padding:0px;}
#relocate_sideform a {color:#fff}



/* 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; background:#fff; margin-top:0px; padding:40px 0 40px; cursor:pointer; margin-left:0; margin-right:0; width:22px;}

	/* profile
--------------------------------------------------------------*/
#profile {margin:30px 0 0 0; }
.datarow {width:100%; margin:2px 0;}
.datarow div {float:left;}
.datarow div.keyname {width:160px;}

.friends_container { position:relative; float: left; color: #fff; overflow: hidden; background-color: #555555; }
.friends_nofriends { position:relative; float: left; font-size: 12px; width: 160px; 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; float: left; 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;}


	/* mymessages
--------------------------------------------------------------*/
.im_wrap {margin-top:10px; border-bottom:1px solid #bfbfbf; padding-bottom:10px; position:relative}
.im_wrap .im_tools {float:left; width:465px; text-align:right;margin:0em 0 0 15px;}
.im_tools_bottom {float:right; padding: 15px 0px 0px 0px;}
.im_wrap .avatarImg {width:147px;}
.im_green {margin:0em 0 0 15px; float:left; width:450px;}
.im_gray {margin:0em 0 0 15px; float:left; width:450px;}
.replyForm {display:none; margin:0em 0 0 15px; float:left; width:450px;}
.replyFormBottom {margin:0em 0 0 0px; float:left; width:470px;}

	/* search	
--------------------------------------------------------------*/
#sbfContainer {margin:15px 0 0 0;}
.intsearch {}
.intsearch .avatarImg {width:147px;}
.cse-search-results {min-height:450px;}
.intsearch .profile_video {position:relative}
.intsearch .profile_mask_play {position:absolute; left:90px; top:45px;}
.intsearch div {float:left;}


	/* 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: -20px; left: 0; width: 627px; height: 500px; text-align:center; padding:0; margin:0; border-bottom:1px solid #bfbfbf; 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;}

.postcard_container img {border:1px solid #bfbfbf}

	/* buy credits
--------------------------------------------------------------*/
.small_coin { position: relative; width: 75px; width: 75px; margin-right: 5px; }
.big_coin { position: relative; width: 202px; width: 200px; margin-left: 213px; }
.button_buynow { margin-top: 12px; }
.credits_font { font-size: 14px; }
.myselectbox { width: 140px; background-color: #d3d3b7; }
.change_locfont { padding: 0 0 0 8px; }


	/* misc
--------------------------------------------------------------*/
#profile #avatarImg {width:305px;}

.popupContent {display:none; position:absolute; left:95px; top:10px; 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}


#footer {position:relative; float:left; width:100%; margin:30px 0 0 0;}
#footer ul {margin:0px; text-align:center}
#footer ul li {display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999; padding:0 10px; border-right:1px solid #999}
#footer ul li a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999}

#waitingmask {position:absolute; width:100%; height:100%; left:0px; top:0px; background:white; z-index:9999}
#waitingmask img {position:absolute; left:48%; top:40%;}

.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;}

#footer .noborder {border:0px none}

.bordertop {border-top:1px solid #808080; padding:3px 0 15px 0}
.borderbottom {border-bottom:1px solid #808080; padding:3px 0 15px 0}

.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

.red {color:red}
.gray {color:#333}
.white {color:#fff}

.fl {float:left !important; display:inline;}
.fr {float:right !important; display:inline;}

.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;}