﻿div#yuntaaaMyProfileContainer
{
    min-height: 936px;
    height: auto !important;
}
div#yuProfBox1
{
    width: 96%;
    margin: 0em auto;
    position: relative;
    z-index: 1;
}
/*********Top Box user details etc.....*********************/
div#yuProfLEdge
{
    background: url(../images/themes/img_Box1-leftedge1.gif) repeat-y left top;
    padding-left: 16px;
    clear: both;
    overflow: hidden;
}
div#yuProfmidMEdge
{
    width: 99%;
    height: auto;
    background: #D2D2D2 url(../images/themes/img_Box1-mid1.gif) no-repeat center top;
    overflow: hidden;
    padding-top: 0em;
    padding-right: 2em;
    padding-bottom: 0em;
    padding-left: 2em;
}
.UserDetailsBox
{
    float: left;
    font-family: "Verdana" , Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    text-align: left;
    padding-top: 2em;
    width: 25%;
}
.UserPhotoHolder
{
    float: left;
    width: 74px;
    height: 72px;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
}
.UserDetails
{
    float: left;
    margin-left: 0.60em;
    font-size: 9pt;
    width: auto;
}
.UserDetailsBtn
{
    float: left;
    clear: both;
    margin-top: 0.35em;
    min-width: 120px !important;
    width: 100%;
}
.MyProBtn
{
    cursor: pointer;
    background: transparent;
    border: none 0px transparent;
    color: #666;
    height: 22px;
    font-size: 9pt;
}
.MyProBtn:hover
{
    color: #333;
}
/*******Edited by Eddie 2007-08-04 *********************/

.UserDetailsBoxMid
{
    float: left;
    width: 44%;
    padding-top: 4.50em;
    text-align: left;
}
.UserDetailsBoxMidTxt
{
    padding-right: 5px;
}
.UserDetailsBox2
{    
    float: right;
    font-family: "Verdana" , Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
    font-size: 9pt;
    color: #000;
    text-align: right;
    padding: 1.80em 0em 0em 1em;
    line-height: 1.80em; 
    width: auto;
}
/*********Styles for the buttons on top right*********/

.addFriend
{
    background: url(../images/themes/icon_AddBuddy.gif) no-repeat right top;
    padding: 0em 2.35em 0.35em 0em;
    font-weight: bold;
    text-decoration: underline;
}
.sendFriend
{
    background: url(../images/themes/icon_SendPage.gif) no-repeat right 4px;
    padding: 0em 2.35em 0em 0em;
}
.addComments
{
    background: url(../images/themes/icon_AddComments.gif) no-repeat right 4px;
    padding: 0em 2.35em 0.35em 0em;
}
.myYuntaa
{
    background: url("../images/themes/icon_MyYuntaa.gif") no-repeat scroll right top transparent;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 3.2em 0.35em 0;
}
/***********************************************/
.UserDetailsBox2NotSignIn
{
    background: #CCC url(../images/themes/userChoicesaddCmmt.gif) no-repeat right 65px;
    float: right;
    font-family: "Verdana" , Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
    font-size: 9pt;
    color: #000;
    text-align: right;
    padding: 1.80em 3.50em 0em 1em;
    line-height: 1.80em;
    border-bottom: 1px #FFF solid;
    border-left: 1px #FFF solid;
    border-right: 1px #FFF solid;
    width: 250px;
}
.rateDetails
{
    float: left;
    clear: both;
    margin-top: 0.60em;
    text-align: left;
}
.MoreDetailsBox
{
    clear: both;
    padding-top: 1.60em;
}
.UserDetailsBox3
{
    float: left;
    background: #CCC url(../images/themes/yuntaaProBgGray.gif) no-repeat right top;
    border: 1px #FFF solid;
    width: 63%;
    text-align: left;
    padding: 1em 0em 1em 1.50em;
    margin-right: 0.50em;
    filter: alpha(opacity=75);
    -moz-opacity: 0.80;
    color: #333;
    min-height: 350px;
    height: 350px;
    height: auto !important;
}
.MyBuddiesBox
{
    float: right;
    background: #CCC url(../images/themes/yuntaaProBgGray.gif) no-repeat right top;
    border: 1px #FFF solid;
    width: 30%;
    padding: 1em 0em 1em 1.50em;
    text-align: left;
    min-height: 350px;
}
.MyBuddiesPhotoBoxContainer
{
    float: left;
    clear: both;
    color: #333;
    font-size: 10px;
    font-weight: bold;
}
.MyBuddiesPhotoBoxHolder
{
    float: left;
    margin-top: 1em;
    margin-right: 0.35em;
    text-align: center;
    font-size: 8pt;
}
.MyBuddiesPhotoBox
{
    background: :#EBE8E8;
    border: 1px #AEABAB solid;
    width: 75px;
    height: 75px;
    padding: 2px 2px 2px 2px;
    margin-bottom: 2px;
}
.btnyuProfMore
{
    height: 13px;
    font-size: 7pt;
    color: #000;
    padding-right: 1.80em;
    line-height: 1.10em;
    float: left;
    margin-top: 0.50em;
    clear: both;
    width: 300px;
    text-align: left;
}
.btnyuProfMore img
{
    border-style: none;
    margin-bottom: -0.25em;
}
.btnyuProfMore a
{
    color: #000;
}
.btnyuProfMore a:hover
{
    color: #666;
    text-decoration: underline;
}
/**************************************/

.UserDetailsBox2 a
{
    color: #000;
    font-size: 8pt;
    text-decoration: underline;
    font-weight: bold;
}
.UserDetailsBox2 a:hover
{
    color: #666;
    text-decoration: underline;
}
div#yuProfREdge
{
    background: #D2D2D2 url(../images/themes/img_Box1-rightedge1.gif) repeat-y right top;
    padding-right: 42px;
    overflow: hidden;
}
div#yuProfBotLEdge
{
    background: url(../images/themes/img_Box1bot-leftedge.gif) repeat-y;
    padding-left: 14px;
    height: 18px;
    clear: both; 
}
div#yuProfBotMid
{
    width: auto;
    background: url(../images/themes/img_Box1bot-mid.gif) repeat-x top left;
    height: 18px;
    clear: both;
    text-align: center;
    overflow-x: auto; 
}
.yuProfImgHolder img
{
    border-style: none;
}
.yuProfImgHolder
{    
    width: 100%;
    margin: 0em auto;
    padding-top: 0.20em;
}
.imgBoxMax
{
    background: url(../images/themes/btn_MyProgray_maximize.gif) no-repeat top left;
    width: 23px;
    height: 16px;
    margin: 0em auto;
}
.imgBoxMin
{
    width: 111px;
    margin: 0em auto;
}
.imgBoxMax a
{
    color: #FFF;
    text-align: center;
    font-size: 8.50pt;
}
.imgBoxMax a:hover
{
    color: #CCC;
}
div#yuProfBotREdge
{
    background: url(../images/themes/img_Box1bot-rightedge.gif) repeat-y right top;
    padding-right: 14px;
    height: 18px;
    clear: both; 
}
/**************************************/

div#yuProfBox2
{
    width: 96%;
    margin: 0em auto;
    position: relative;
    z-index: 1;
    top: 0px;
}
/******************************* Menu Box user details etc.....*********************/
div#yuMenuBox
{
    width: 100%;
    height: 85px;
    margin: 0em auto;
    padding-top: 0.50em;
    clear: both;
    text-align: center;
    cursor: move; 
}
.yuMenuBox
{
    width: 100%;
    margin: 0em auto;
    padding-top: 0.50em;
    clear: both;
    text-align: center;
}
.yuMenuBoxLEdge
{
    background: url(../images/themes/img_MenuBoxBlack-leftedge.png) repeat-y;
    width: 7px;
    float: left; 
    clear: both;
    height: 85px;
    overflow: hidden; 
}
div#yuMenuBoxLEdge
{
    background: url(../images/themes/img_MenuBoxBlack-leftedge.png) repeat-y;
    width: 7px;
    float: left; 
    clear: both;
    height: 85px;
    overflow: hidden; 
}
div#yuMenuBoxMEdge
{
    width: 98%;
    background: url(../images/themes/img_MenuBoxBlack-mid.gif) repeat-x;
    float: left;
    height: 85px;
    margin: 0em auto; 
    display: inline-block;
}
div#yuMenuBoxREdge
{
    background: url(../images/themes/img_MenuBoxBlack-rightedge.png) repeat-y right top;
    width: 12px;
    float: left; 
    height: 85px;
    overflow: hidden; 
}
div#yuMenuBoxREdge img
{
    border-style: none;
    margin-top: 2.50em;
}

.flashMenu
{
    float: left;
    margin-left: 3em;
    margin-top: -0.05em;
    z-index: 10;
}
.saveBtnBox
{
    float: right;
    margin-right: 0.65em;
    margin-top: 3.20em;
}
.yuSaveBtnLt
{
    background: url(../images/themes/btn_themesve_left.gif) repeat-y;
    padding-left: 2px;
    clear: both;
    height: 21px;
    overflow: hidden;
}
.spacer
{
    width: 5px;
}
.yuSaveBtnMid
{
    cursor: pointer;
    line-height: 2em;
    padding-left: 4px;
    padding-right: 4px;
    font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    font-weight: 800;
    color: #333;
    font-size: 8pt;
    width: auto;
    background: url(../images/themes/btn_themesve_mid.gif) repeat-x;
    height: 21px;
    margin: 0em auto;
    display: inline-block;
}
.yuSaveBtnMid:hover
{
    color: #666;
}
.yuSaveBtnRt
{
    background: url(../images/themes/btn_themesve_right.gif) repeat-y right top;
    padding-right: 2px;
    height: 21px;
    overflow: hidden;
}
/*****************************************************************************/

/******************************* Widgets Box user details etc.....*********************/
div#yuWdgtsVidClose
{
    float: right;
    margin-right: 1em;
}
div#yuWdgtsVidClose a
{
    color: #CCC;
}
div#yuWdgtsVidClose a:hover
{
    color: #FFF;
    text-decoration: underline;
}
div#yuWdgtsBox
{
    width: auto;
    margin: 0em auto;
    padding-top: 0.50em;
    clear: both;
}
.yuWdgtsBoxHolder
{
    float: left;
    width: 33%;
    margin-left: 0.20em;
}
.yuWdgtsBoxHolder2
{
    float: left;
    width: 32.60%;
    margin-left: 0.50em;
}
.yuWdgtsTopLEdge
{
    background: url(../images/themes/img_wdgts-lefttopedge.gif) repeat-y;
    padding-left: 14px;
    height: 29px;
    clear: both;
    overflow: hidden; 
}
.yuWdgtsTopMid
{
    background: url(../images/themes/img_wdgts-midtopedge.gif) repeat-x;
    height: 29px;
    clear: both;
    text-align: center;
    overflow: hidden; 
    width: auto;
}
.yuWdgtsTopMidBox
{
    width: 100%;
    display: inline-block;
}
.yuWdgtsTopMidBox2
{
    width: 102%;
    display: inline-block;
}
.yuWdgtsVideoHdr
{    
    font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    color: #666;
    padding-left: 0.40em;
    line-height: 1em;
    float: left;
    text-align: left;
    margin-top: 0.35em;
    height: 16px;
}
.yuWdgtsPhotoHdr
{
    font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    color: #666;
    padding-left: 0.40em;
    line-height: 1em;
    float: left;
    text-align: left;
    margin-top: 0.25em;
    height: 18px;
}
.yuWdgtsAudioHdr
{   
    font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    color: #666;
    padding-left: 0.40em;
    line-height: 1em;
    float: left;
    text-align: left;
    margin-top: 0.35em;
    height: 16px;
}
.yuWdgtsCloseBtn
{
    float: right;
    padding-top: 0.40em;
}
.yuWdgtsCloseBtn a
{
    font-size: 10pt;
    font-weight: bold;
    color: #000;
}
.yuWdgtsCloseBtn a:hover
{
    color: #666;
    text-decoration: underline;
}
.yuWdgtsTopREdge
{
    background: url(../images/themes/img_wdgts-righttopedge.gif) repeat-y right top;
    padding-right: 14px;
    height: 29px;
    clear: both;
    overflow: hidden; 
}
.yuWdgtsMidLEdge
{
    background: url(../images/themes/img_wdgts-leftmidedge.gif) repeat-y;
    padding-left: 11px;
    clear: both;
    overflow: hidden; 
}
.yuWdgtsMidMid
{
    background: #E4E4E4;
    clear: both;
    text-align: center;
    overflow: hidden; 
    width: auto;
    padding: 4px 2px 4px 2px;
    display: inline-block;
    font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    color: #000;
}
.yuWdgtsNoBrdrStyle
{
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    width: auto;
    background: #FFF;
    height: 25px;
    overflow: visible;
    z-index: 10;
    text-align: center;
}
.yuWdgtsEmpBrdrStyle
{
    border-top: none 0px transparent;
    text-align: left;
    left: 0px;
    width: auto;
    background: #transparent;
    height: 25px;
    overflow: visible;
    z-index: 10;
    text-align: center;
}
.yuWdgtsBrdrStyle
{
    border: solid 1px #CCC;
    width: auto;
    background: #FFF;
    height: 24px;
    overflow: visible;
    z-index: 10;
    text-align: center;
}
.yuWdgtsTableSpc
{
    width: 3px;
}
.yuWdgtsBtnStyle
{
    border: none 0px Transparent;
    width: auto;
    background: #FFF;
    height: 25px; 
    cursor: pointer;
    font-family: "Verdana" , Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #333;
    text-align: center;
    overflow: visible;
    z-index: 10;
}
.yuWdgtsBtnBrdrStyle
{
    border: solid 1px #CCC;
    width: auto;
    background: #FFF;
    height: 23px; 
    cursor: pointer;
    font-family: "Verdana" , Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #333;
    text-align: center;
    overflow: visible;
    z-index: 1;
    margin-bottom: 0.05em;
    margin-left: 0.25em;
    margin-right: 0.25em;
    padding-left: 0.25em;
    padding-right: 0.25em;
}
.yuWdgtsBtnStyle:hover
{
    color: #666;
}
.yuWdgtsDetailBoxTop
{
    background: url(../images/themes/img_wdgts-topbordr.gif) repeat-x top left;
    width: auto; 
    overflow: hidden;
    height: 24px;
}
.yuWdgtsDetailBox
{
    border-bottom: solid 1px #CCC;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    width: 100%;
    background: #FFF; 
    padding-bottom: 8px;
    overflow: hidden;
}
.yuWdgtsPgDtls
{
    margin: 0em auto;
    text-align: center;
    padding-top: 0.40em;
}
.yuWdgtsPgDtls a
{
    color: #000;
    font-size: 8pt;
}
.yuWdgtsPgDtls a:hover
{
    color: #666;
    text-decoration: underline;
}
.yuWdgtsDetailHolder
{
    float: left;
    width: 100%;
}
.yuWdgtsImg
{
    float: left;
    padding-top: 0.60em;
    padding-left: 0.60em;
}
.yuWdgtsImg img
{
    border-style: none;
}
.yuWdgtsImgDtls
{
    float: left;
    margin-left: 0.55em;
    font-family: "Verdana" , Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #333;
    text-align: left;
    padding-top: 0.30em; 
}
.yuWdgtsMidREdge
{
    background: #E4E4E4 url(../images/themes/img_wdgts-rightmidedge.gif) repeat-y right top;
    padding-right: 11px;
    clear: both;
    overflow: hidden;
}
.yuWdgtsBotLEdge
{
    background: url(../images/themes/img_wdgts-leftbotedge.gif) repeat-y;
    padding-left: 11px;
    height: 16px;
    clear: both;
    overflow: hidden; 
}
.yuWdgtsBotMid
{
    background: url(../images/themes/img_wdgts-rmidbotedge.gif) repeat-x;
    clear: both;
    text-align: center;
    height: 16px;
    overflow: hidden; /*filter: alpha(opacity=95);     -moz-opacity: 0.95;*/
    width: auto;
}
.yuWdgtsBotMid img
{
    border-style: none;
}
.yuWdgtMidImg
{
    float: left;
    width: 65%;
    text-align: right;
}
.yuWdgtRgtImg
{
    float: right;
}
.yuWdgtRgtImg img
{
    margin-top: -0.20em;
}
.yuWdgtsBotREdge
{
    background: url(../images/themes/img_wdgts-rightbotedge.gif) repeat-y right top;
    padding-right: 1px;
    height: 16px;
    clear: both;
    overflow: hidden; /*filter: alpha(opacity=95);     -moz-opacity: 0.95;*/
}
/*****************************************************************************/

/******************************* Cooments Box user details etc.....*********************/

div#yuCmmtsBox
{
    width: auto;
    margin: 0em auto;
    padding-top: 0.50em;
    clear: both;
}
.yuCmmtsBoxHolder
{
    width: 100%;
}
.yuCmmtsBoxHdr
{
    font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    color: #666;
    padding-left: 0.50em;
    line-height: 1em;
    float: left;
    text-align: left;
    margin-top: 0.35em;
}
.yuCmmtsTxtBox
{
    float: left;
    margin-top: 1em;
    margin-left: 1.10em;
    text-align: left;
    width: 70%;
}
.yuNameTitle
{
    float: right;
}
.UserDetailsBoxMidTxtThms
{
    color: #333333;
    font-family: "Verdana" , Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
    font-size: 8pt;
}
.UserDetailsBoxMidTxtThms:hover
{
    color: #333333;
    font-family: "Verdana" , Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
    font-size: 8pt;
}
.txtUserName
{
    color: #333333;
    font-family: "Verdana" , Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
    font-size: 10pt;
}
.txtComment
{
    color: #333333;
    font-family: "Verdana" , Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
    font-size: 10pt;
    word-wrap: break-word;
}
.lblCaption
{
    color: #333333;
    font-family: "Verdana" , Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
    font-size: 10pt;
}
/*****************************************************************************/


.linkTextTheams
{
    color: #000000;
    font-family: "Verdana" , Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
}
.linkTextTheams2
{
    color: #000000;
    font-family: "Verdana" , Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
}

