﻿#fileinfoDv {
  bottom: 10px;
  left: 10px;
  top: auto;
}
        .dlc
        {
            border-bottom: 1px solid #c3c3c3;
            margin-bottom: 3px;
            padding: 5px;
            width: 190px;
        }

/*--------------------------------------------------*/

        .supTable
        {
            text-align: left;
            font-size: 11px;
        }
        .supTable tbody tr:nth-child(even)
        {
            background-color: #f9f9f9;
        }
        .supTable td
        {
            border-bottom: 1px solid #d3d3d3;
            padding: 5px;
        }
        .supTable a
        {
            color: black !important;
        }
.page
{
    margin-bottom: 50px;
}
.tblHistory
{
    border: 1px solid #c0c0c0;
}
.tblHistory tr
{
    text-align: center;
    height: 40px;
}
.tblHistory td
{
    border-top: 1px solid #d3d3d3;
}
.dvdetailssup
{
    bottom: 0px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    background-color: Black;
    color: White;
    padding: 7px;
    filter: alpha(opacity=80);
    opacity: 0.80;
}
.chkSupport
{
    vertical-align: sub;
}
.btndown
{
    bottom: 10px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 80px;
}
.tblHistory th
{
    background-color: Gray;
    color: #fcfcfc;
}
.tblHistory tbody tr:nth-child(even)
{
    background-color: #f9f9f9;
}
.button6
{
    background-color: #366183 !important;
    border: 1px solid #1C3D57 !important;    
    -moz-border-radius: 3px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 3px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 3px /*{cornerRadiusShadow}*/;
    border-radius: 3px /*{cornerRadiusShadow}*/;
    color: #FFFFFF !important;
    font-size: 15px;
    padding: 3px;
    cursor: pointer !important;
    font-weight: normal !important;
    text-align: center;
}
.button6:hover
{
    background-color: #20435E !important;
}

.button7
{
    background-color: #FF6600 !important;
    border: 1px solid #D23902 !important;
    color: #FFFFFF !important;
    font-size: 15px;
    padding: 3px;
    cursor: pointer !important;
    font-weight: normal !important;
    text-align: center;
    -moz-border-radius: 3px !important /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 3px !important /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 3px !important /*{cornerRadiusShadow}*/;
    border-radius: 3px !important /*{cornerRadiusShadow}*/;
}
.button7:hover
{
    background-color: #f25903 !important;
}
.button8
{
    background-color: #7BC361 !important;
    border: 1px solid #4a9230 !important;
    color: #FFFFFF !important;
    font-size: 15px;
    padding: 3px;
    cursor: pointer !important;
    font-weight: normal !important;
    text-align: center;
    -moz-border-radius: 3px !important /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 3px !important /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 3px !important /*{cornerRadiusShadow}*/;
    border-radius: 3px !important /*{cornerRadiusShadow}*/;
}
.button8:hover
{
    background-color: #59a13f !important;
}
.progressbar
{
    display: none; 
    background: url('/Images/dloading.gif') no-repeat scroll 50% 50% white;
    height: 100%; 
    left: 0px; 
    top: 0px; 
    position: absolute; 
    width: 100%; 
    z-index: 7;
    filter: alpha(opacity=85); 
    opacity: 0.85;
}

.itemprogressbar
{
    background: url("/Images/dloading.gif") no-repeat scroll 50% 50% #FFFFFF;
    bottom: 0;
    left: 0;
    opacity: 0.85;
    filter: alpha(opacity=85); 
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
    border: 1px solid #C0C0C0;
}
.SPost
{
    width: 740px;
}
.userPI
{
    background-color: White; 
    border: 1px solid #D1D1D1; 
    width: 50px; 
    height: 50px;
    overflow: hidden;
}
.userPI img
{
    width: 50px; 
}
.userIC
{
    background-color: White; 
    border: 1px solid #D1D1D1; 
    width: 32px; 
    height: 32px;
    overflow: hidden;
}
.hdMenu
{
    margin-right: 10px;
    color: #A0A0A0 !important;
    font-family: arial !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: none  !important;
    cursor: pointer;
}
.fhwoborder
{    
    -moz-border-radius: 0px !important /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 0px !important /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 0px !important /*{cornerRadiusShadow}*/;
    border-radius: 0px !important /*{cornerRadiusShadow}*/;
    border-top: 1px solid #d2d2d2 !important;
}

.fhwoborderTop
{    
    background-color: #FFFFFF; 
    margin: 0;
    -moz-border-radius: 4px 4px 0px 0px !important /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 4px 4px 0px 0px !important /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 4px 4px 0px 0px !important /*{cornerRadiusShadow}*/;
    border-radius: 4px 4px 0px 0px !important /*{cornerRadiusShadow}*/;
    border-top: 0px solid #d2d2d2 !important;
}

.dvJoin
{
    background: transparent url("../Images/buttons/join.png") no-repeat;
    background-position: 0 0;
    height: 60px;
    margin: 10px auto;
    overflow: hidden;
    width: 154px;
    cursor: pointer;
}
.dvJoin:hover
{
    background-position: 0 -60px;
}
        
.dvJoinSmall
{
  background: url("../Images/buttons/join-small.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 26px;
    margin: 10px auto;
    overflow: hidden;
    width: 54px;
}
.dvJoinSmall:hover
{
    background-position: 0 -26px;
}
        
.dvSignIn
{
    background: transparent url("../Images/buttons/SignInSmall.png") no-repeat;
    background-position: 0 0;
    height: 29px;
    overflow: hidden;
    width: 57px;
    cursor: pointer;
    margin: 10px auto;
}
.dvSignIn:hover
{
    background-position: 0 -29px;
}
        
.dispLiked
{
    display: none;
    position: absolute;
    float: left;
    height: auto;
    border: 1px solid rgb(226, 223, 223);
    background-color: #313131;
    color: white;
    padding: 5px;
    z-index: 100000042;
    width: 87px;
}
.dispLiked ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    max-height: 376px;
}
.dispLiked ul li
{
    float: left;
    clear: both;
}
.dispLiked ul li:hover
{
    background-color: Black;
}
        
.commentDisplayLiked
{
    margin-left: 95px;
}
.lnkTB
{
    width: 545px;
    font-weight: normal !important;
    color: #666666 !important;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px !important;
    padding: 5px;
    margin: 0px;
    border: 0px solid #E2DFDF !important;
}
.statusTxt
{
    border: 0 solid #F5F5F5;
    height: 15px; 
    overflow: hidden;
    padding: 4px; 
    resize: none;
    font-size: 11px;
    font-family: tahoma,verdana,arial,sans-serif;
    width: 98%;
}
.dbslnk
{
   border: 1px solid #EFEFEF; 
   padding: 3px; 
   background-color: #f9f9f9;
}
.dbslnk:hover
{
   border: 1px solid #e6e6e6;    
    -webkit-box-shadow: 0 0px 2px 0px #E6E6E6; 
    box-shadow: 0 0px 2px 0px #E6E6E6;
}
.dbslnkImg
{
  max-height: 113px; 
  width: 113px; 
}
.dbslnkImg img
{
  width: 113px;     
}
.dbslnkTitle
{
    width: 100%; 
    color: #484848; 
    font-size: 12px; 
    font-weight: bold;
    overflow: hidden;
    max-height: 34px;
    line-height: 15px;
}
.dbslnkDesc
{
    width: 100%; 
    color: #484848;
    overflow: hidden;
    max-height: 60px;
    line-height: 15px;
}
/*Show On bottom*/
.calloutToolTip
{
    display: none;
    position: absolute;    
    padding: 5px;
    background-color: #5a5a5a;   
    z-index: 1000;
    color: #f9f9f9;
    margin-left: -6px;
    margin-top: 4px;
    font-size: 11px;
}
.calloutToolTip ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    cursor: default;
}
.calloutToolTip ul li
{
    background-color: transparent !important;
    cursor: default;
}
.calloutToolTip ul li:hover
{
    background-color: transparent !important;
    cursor: default;
}
.calloutToolTip .notchToolTip
{
    position: absolute;
    top: -4px;
    left: 4px;
    margin: 0;
    border-top: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #5a5a5a;
    padding: 0;
    width: 0;
    height: 0; /* ie6 height fix */
    font-size: 0;
    line-height: 0; /* ie6 transparent fix */
    _border-right-color: #5a5a5a;
    _border-left-color: #5a5a5a;
    _filter: chroma(color=#5a5a5a);
}
.border-calloutToolTip
{
    border: 1px solid #e3e3e3;
}
.border-calloutToolTip .border-notchToolTip
{
    border-bottom-color: #e3e3e3;
    top: -5px;
}


.ncd .nsep
{
    border-top: 1px solid #EEEEEE;    
    margin: 0px auto;
    width: 100%;
}
.nsep
{
    border-top: 1px solid #EEEEEE;
    margin: 2px auto;
    width: 75%;
}
.nur
{
    background-color: #FAFAFA;
}
.noti
{
    height: 46px;
    padding: 5px;
}
.ncd .noti
{
    height: 31px;
    padding: 7px 10px;
    position: relative;
}
.nt, .nc
{
    color: Gray;
    font-family: Arial;
    padding: 0 0 3px;
    width: 275px;
}
.nd
{
    color: Gray;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 9px;            
    text-align: right;
    width: 100px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.tofw
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}
.cnl
{
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0; 
    -moz-border-radius: 4px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 4px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 4px /*{cornerRadiusShadow}*/;
    border-radius: 4px /*{cornerRadiusShadow}*/;
    margin-bottom: 10px;
    padding: 3px;
    text-align: left;
}

.ratings_tscores
{
    float: left;
    height: 14px;
    padding: 2px;
    font-size: 13px;
    margin-top: -3px;
    width: 25px;
}
.ratings_scores
{
    float: left;
    height: 14px;
    text-align: right;
    margin-top: -3px;
    padding: 2px;
    font-size: 13px;
    width: 15px;
}
.ratings_tscores
{
    float: left;
    height: 14px;
    padding: 2px;
    font-size: 13px;
    margin-top: -3px;
    width: 25px;
}
.ratings_scores
{
    float: left;
    height: 14px;
    text-align: right;
    margin-top: -3px;
    padding: 2px;
    font-size: 13px;
    width: 15px;
}
.ratings_stars
{
    background: url("../Images/star_empty.png") no-repeat scroll 0 0 / 16px auto transparent;
    float: left;
    height: 14px;
    padding: 2px;
    width: 16px;
}
.ratings_vote
{
    background: url('../Images/star_full.png') no-repeat scroll 0 0 / 16px auto transparent;
}
.ratings_over
{
    cursor: pointer;
    background: url('../Images/star_highlight.png') no-repeat scroll 0 0 / 16px auto transparent;
}
.total_votes
{
    background: #eaeaea;
    top: 58px;
    left: 0;
    padding: 5px;
    position: absolute;
}
.movie_choice
{
    font: 10px verdana, sans-serif;
    margin: 0 auto 40px auto;
    width: 180px;
}
.lpi
{
    background-color: #FCFCFC;
    -moz-border-radius: 2px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 2px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 2px /*{cornerRadiusShadow}*/;
    border-radius: 2px /*{cornerRadiusShadow}*/;
    width: 40px;
    height: 40px;
    border: 1px solid #CCCCCC;
    position: relative;
}
.lpi img
{
    width: 40px;
    height: 40px;
}
.msgList2
{
    background-color: transparent;
    cursor: pointer;
    padding: 2px 0;
    color: #707070 !important;
}
.msgList
{
    background-color: transparent;
    cursor: pointer;
    padding: 2px 0;
    color: #707070 !important;
}
.msgList:hover
{
    background-color: #484848;
    color: #f3f3f3 !important;
}
.imsgList
{
}
.imsgList:hover
{
    background-color: #484848;
}

.msgListT
{
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    height: 26px;    
    padding: 2px 10px;
    position: absolute;
    top: 6px;
    cursor: pointer;
}
.msgListF
{
    left: 10px;
}
.msgListO
{
    left: 80px;
}

.msgListS
{
    background-color: white;
    border-color: #D3D3D3 #D3D3D3 white;
}
.msgListNS
{
}
.msgListNS:hover
{
    background-color: white;
    border-color: #D3D3D3 #D3D3D3 white;
}

.uim
{
    background-color: #FCFCFC;
    -moz-border-radius: 2px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 2px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 2px /*{cornerRadiusShadow}*/;
    border-radius: 2px /*{cornerRadiusShadow}*/;
    width: 70px;
    height: 70px;
    border: 1px solid #CCCCCC;
    position: relative;
}
.uim img
{
    width: 70px;
    height: 70px;
}
.uimmlp
{
    background-color: #eeeeee;
}
.umlptop 
{
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85px;
    color: #707070 !important;
    text-align: center;
}

.apcmlp {
    width: 85px;
    height: 80px;   
    overflow:hidden;
    background-color: White;
    border: 1px solid #E0E0E0;
    cursor: pointer;
}
.hiddendiv
{
    display: none;
    min-height: 15px;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    padding: 5px;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
}
.txtstuff
{
    resize: none; /* remove this if you want the user to be able to resize it in modern browsers */
    overflow: hidden;
}
        
/* the styles for 'commmon' are applied to both the textarea and the hidden clone */
/* these must be the same for both */
.common
{
    min-height: 15px;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    overflow: hidden;
}
        
.lbr
{
    line-height: 3px;
}
.OuterBox
{
    position: relative;
    -moz-border-radius: 8px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 8px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 8px /*{cornerRadiusShadow}*/;
    border-radius: 8px /*{cornerRadiusShadow}*/;
    border: 10px solid #313131;
    padding: 5px;
}
.pgnd
{
    border: 0;
    border-bottom: 1px solid #222222;
    border-top: 1px solid #555555;
    color: #A0A0A0;
    padding: 3px;
    cursor: pointer;
}
.pgnd2
{
    border: 0;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #555555;
    width: 121px;
}
.pgnd2 a
{
    text-decoration: none !important;
}
.pgnd2 a:hover
{
    text-decoration: none !important;
}
.pgnd:hover
{
    text-decoration: none !important;
    color: #c3c3c3;
    background-color: #484848 !important;
}
.pgnd img
{
    width: 16px;
    vertical-align: bottom;
}
.lftpnlProf
{  
    background: url("../Images/sideleft.png") no-repeat scroll 0 0 transparent;
    bottom: 20px;
    height: 223px;
    left: -24px;
    position: absolute;
    width: 33px;
    z-index: 100;
}
.rpprof
{
    position: absolute;
    z-index: 1;
    right: 10px; 
    bottom: 10px;
}
.uprof
{        
    -moz-border-radius: 0 3px 3px 0 !important /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 0 3px 3px 0 !important /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 0 3px 3px 0 !important /*{cornerRadiusShadow}*/;
    border-radius: 0 3px 3px 0 !important /*{cornerRadiusShadow}*/;   
    width: 182px; 
    background-color: #363636 !important;
    border: 5px solid #017D9A;
    margin-left: 32px !important;
    margin-top: 22px !important;
    padding: 4px;
    z-index: 2 !important;
}
.uprof .pgnd2
{
    width: 141px !important;
}
.vapld
{
    background-color: #ffffff;
    border: 4px solid #858585;
    -moz-border-radius: 4px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 4px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 4px /*{cornerRadiusShadow}*/;
    border-radius: 4px /*{cornerRadiusShadow}*/;
    
    font-size: 12px;
    position: fixed;
    bottom: 0;
    left: 0px;
    right: 0;
    top: 0;
    margin: auto;
    width: 700px;
    height: 500px;
    z-index: 100004 !important;
    display: none;
    overflow: hidden;
}
.vaflp
{
    background-color: #ffffff;
    border: 4px solid #858585;
    -moz-border-radius: 4px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 4px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 4px /*{cornerRadiusShadow}*/;
    border-radius: 4px /*{cornerRadiusShadow}*/;
    
    font-size: 12px;
    position: fixed;
    bottom: 0;
    left: 0px;
    right: 0;
    top: 0;
    margin: auto;
    width: 700px;
    height: 500px;
    z-index: 100004 !important;
    display: none;
    overflow: hidden;
}
.fncd
{
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    max-width: 85px; 
    color: #0B8FAC; 
    font-weight: bold;
}
.cmtxtbx1
{
    border: 1px solid #E3E3E3;
    overflow: hidden;
    margin-top: 3px;
    position: relative;
}
.dbcimgDiv
{
    border: 1px solid #E3E3E3;
    border-top: 0px;
    padding: 10px;
}
.dbcimg
{
    border: 1px solid #E3E3E3;
    padding: 2px;
    background-color: White;
    cursor : pointer;
}
.dbcimgDel
{
    height: 15px;
    width: 15px;
    float: right;
    cursor : pointer;
}
.cmtxtbx
{
    border: 0;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px !important;
    height: 15px;
    overflow: hidden;
    padding: 4px;
    resize: none;
    width: 95%;
}
.cmtxtbxImg
{
    position: absolute; 
    width: 20px; 
    top: 4px; 
    right: 4px;
    cursor: pointer;
}
.cmcs {
  background-color: #FBFBFB;
  border-bottom: 1px solid #FFFFFF;
  padding: 5px;
  position: relative;
}
.cmntDiv3
{
    display: none;
}
.cmdtcs
{
    font-size: 11px;
    line-height: 1.28;
    padding-left: 5px;
    width: 680px;
    word-break: keep-all;
    word-wrap: break-word;
}
.cmdtcs .cimg
{   
    margin: 20px 20px 10px;
    border: 1px solid #E3E3E3;
    padding: 2px;
    background-color: White;
    cursor: pointer;
}
.tsdb
{
    text-align: center;
    padding: 3px 0px;
    width: 85px;
    cursor: pointer;
    color: #707070;
    text-decoration: none !important;
}
.tsdb:hover
{
    color: #666666;
    border-bottom: 1px solid #707070;
}

.txtnotch
{
    left: 23px;
}
.phnotch
{
    left: 87px;
}
.lnknotch
{
    left: 155px;
}
.Videonotch
{
    left: 222px;
}
/*Show On top*/
.statusCallout
{
    margin-bottom: 8px;
    position: relative;            
    min-height: 30px;    
    background-color: #ffffff;
}
.statusCallout .notchStatus
{
    position: absolute;
    bottom: -9px !important;
    margin: 0;
    border-top: 11px solid #ffffff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 0;
    padding: 0;
    width: 0;
    height: 0; /* ie6 height fix */
    font-size: 0;
    line-height: 0; /* ie6 transparent fix */
    _border-right-color: #ffffff;
    _border-left-color: #ffffff;
    _filter: chroma(color=#ffffff);
}
.border-statusCallout
{
    border: 1px solid #e3e3e3;
}
.border-statusCallout .border-notchStatus
{
    border-top-color: #e3e3e3;
    bottom: -11px !important;
}


/*notch for liked div*/
.like-notch {
    border-top: 10px solid #000;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 0;
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}

.like-callout {
    position: relative;
    margin: 18px 0;
    padding: 18px 20px;
    background-color: #eef4f9;
    /* easy rounded corners for modern browsers */
    -moz-border-radius: 6px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 6px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 6px /*{cornerRadiusShadow}*/;
    border-radius: 6px /*{cornerRadiusShadow}*/;
}
.like-callout .like-notch {
    position: absolute;
    top: -10px;
    left: 20px;
    margin: 0;
    border-top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #eef4f9;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}

.border-calloutlike { border: 1px solid #c5d9e8; padding: 17px 19px; }
.border-calloutlike .border-notchlike { border-bottom-color: #c5d9e8; top: -11px; }

.captioncss
{
    font-size: 13px;
    padding: 5px 5px 0px 0px; 
    width: 735px;
    word-break: keep-all;
    word-wrap: break-word;
}
.Post 
{
  background-color: #FFFFFF;
  padding: 15px;
  border-bottom: 1px solid #f3f3f3;
}
.FriendsstatusDiv {    
    padding: 0px; 
    margin: 5px 0px;
}
.Friendinner 
{
    z-index: 614;
    height: 17px;
    position: relative;
    font-weight: bold; 
    border: 0px; 
    font-size: 13px;
    background-color: #F5F5F5;
    border: 0px solid #d3d3d3 !important;
    border-bottom: 1px solid #d3d3d3 !important;
    
    padding: 10px 15px;
}
.statusDiv2 {
    border-bottom: 1px solid #E2DFDF;
    padding: 10px 10px 5px;
    background-color: #F5F5F5;
}
.statusDiv {
   border: 1px solid #E2DFDF;
    -moz-border-radius: 4px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 4px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 4px /*{cornerRadiusShadow}*/;
    border-radius: 4px /*{cornerRadiusShadow}*/;
    background-color: #F5F5F5;
    font-size: 16px;
    margin: 5px 0;
    padding: 10px !important;
    position: relative;
}
.chatFixedBottom {
    position: fixed; 
    right: 20px; 
    bottom: 0px; 
    z-index: 100001; 
    background-color:#ffffff;
}
.chatFixedBottom #divFriendsList 
{    
    background-color: transparent !important;
    border-bottom: 0px solid;
}

.chatFixedBottom .outerFriendsList {
  border: none;
}
.friendList .outerList {
  border: none;
}
.chatFixedBottom #headerFriendsList {
    background-color: #0B8FAC !important; 
    height:17px;
    padding:5px;
}
.friendList {
  background-color: #ffffff;
  border: 1px solid #E3E3E3;
  padding-bottom: 2px;
  width: 205px;
}
.fixedFriendList #headerFriendsList {
  background-color: #0B8FAC;
  color: White;
  font-size: 13px;
  height: 30px;
  padding: 11px 0 0 8px;
  border-bottom: 1px solid #30819E;
  border-left: 1px solid #707070;
}

.chatFixedBottom #SearchFl {
    margin-top: -2px;
    margin-left: 8px;
}

.fixedFriendList .outerFriendsList {
  border-bottom: 1px solid #555555;
  
}
.fixedFriendList .outerF {
  border-left: 1px solid #DEDEDE;
  height:97%;
  background-color: white;
}

.hiddenFriendList {
  background-color: #FCFCFC;
  width: 205px;
}
.fixed
{
    padding-right: 205px !important;
}
.fixedSharedPhoto
{
    width: 75% !important;
}
.fixedMain
{
    width: 97% !important;
    padding: 10px !important;
}
.fixedFriendList
{
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100002;
    border: none;
}
.absoluteFriendList
{
    position: absolute;
    right: 0;
    top: 39px;
}
.absoluteBirthDayList {
    position: absolute;
    right: 15px;
    top: 0;
}
.seachResultStyle
{
    cursor: pointer;
    color: #333333 !important;
    text-decoration: none !important;
}
.seachResultStyle:hover
{
    text-decoration: none !important;
}
.seachResultStyle table:hover
{
    background-color: #e3e3e3 !important;
}
#dsrmas
{
    background-color: #FFFFFF;
    border: 1px solid #2B2B2B;
    display: none;
    float: right;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    line-height: 20px;
    margin-right: 9px;
    margin-top: -1px;
    overflow: auto !important;
    position: relative;
    text-align: left;
    width: 194px !important;
    z-index: 10000;
}
.dsrinner
{
    background-color: #484848;
    color: #f5f5f5;
    font-weight: bold;
    padding: 0 4px;
}
.notchProfile
{
    border-bottom: 11px solid #f9f9f9 !important;
    _border-right-color: #f9f9f9 !important;
    _border-left-color: #f9f9f9 !important;
    _filter: chroma(color=#f9f9f9) !important;
}
._css3m
{
    display: none;
}
.timelineLoggedOutSignUp
{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
    filter: alpha(opacity=85);
    opacity: 0.85;
    background-color: White;
    border: 1px solid black;
    height: 65px;
    min-width: 244px;
    padding: 10px;
    float: right;
    position: relative;
    width: 259px;
    z-index: 2;
}
.timelineLoggedOutSignUp a
{
    padding: 2px 10px;
    cursor: pointer;
    font-weight: bold;
    color: White;
}
.li_nc
{
    background-color: #D3D3D3;
}
.li_hc
{
    background-color: #D3D3D3;
}
h1
{
    padding: 0px;
    margin: 0px;
}
a:hover
{
    text-decoration: underline !important;
}
.StoreLogo
{
    background-color: white;
    border: 1px solid #E2DFDF;
    -moz-border-radius: 3px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 3px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 3px /*{cornerRadiusShadow}*/;
    border-radius: 3px /*{cornerRadiusShadow}*/;
    padding: 2px;
    width: 90px;
    height: 44px;
    position: absolute;
    margin-top: -19px;
}
.completionListCSS
{
    z-index: 1000;
    width: 329px;
}
.inlineDiv
{
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}
.BirthdayNotificationCss
{
    cursor: pointer;
    width: 100%;
}
.BirthdayCss
{
    background-color: White;
    z-index: 1000;
    -webkit-box-shadow: 0 1px 2px 1px #aaaaaa; 
    box-shadow: 0 1px 2px 1px #aaaaaa;
}
.BirthdayCss .BirthdaynotchS
{
    border-color: transparent #ffffff transparent transparent ;
    border-style: solid;
    border-width: 7px 8px 7px 0;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0; /* ie6 height fix */
    font-size: 0;
    line-height: 0; /* ie6 transparent fix */
    left: -7px;
    top: 8px;
}
.Birthday-calloutB
{
    border: 1px solid #D0D0D0;
}
.Birthday-calloutB .Birthday-notchS
{
    border-color: transparent #d3d3d3 transparent transparent;
    left: -8px;
}


.BirthdayNotificationCss:hover
{        
}

.PrivacyDiv
{
    border: 1px solid transparent;
    cursor: pointer;
    height: 12px;
    margin: 2px;
    padding: 6px;
    position: absolute;
}
.PrivacyDiv:hover
{
    border: 1px solid #b5b5b5;
    background-color: #d1d1d1;
}

.PrivacyDivhover
{
    border: 1px solid #b5b5b5;
    background-color: #d1d1d1;
}

.PostPrivacyDiv
{
    border: 1px solid transparent;
    cursor: pointer;
    height: 12px;
    margin: 2px;
    padding: 3px;
    position: absolute;
}
.PostPrivacyDiv:hover
{
    border: 1px solid #b5b5b5;
    background-color: #d1d1d1;
}

.PostPrivacyDivhover
{
    border: 1px solid #b5b5b5;
    background-color: #d1d1d1;
}
.PostPrivacyList 
{
  background-color: #d1d1d1;
  border: 1px solid #b5b5b5;
  cursor: default;
  margin: 21px 2px 2px;
  position: absolute;
  width: 78px;
  display: none;
  z-index: 1000;
}
.PostPrivacyList ul
{
    padding: 0;
    margin: 0;
}
.PostPrivacyList li
{
    list-style: none;
    height: 25px;
    cursor: pointer;
}
.PostPrivacyList li:hover
{
    background-color:#838383;
    color: White;
}
.PrivacyList
{
    border: 1px solid #b5b5b5;
    position: absolute;
    margin-top: 27px;
    left: 2px;
    width: 78px;
    z-index: 1000;
    background-color: #d1d1d1;
    display: none;
    cursor: default;
}
.PrivacyList ul
{
    padding: 0;
    margin: 0;
}

.PrivacyList li
{
    list-style: none;
    height: 25px;
    cursor: pointer;
}

.PrivacyList li:hover
{
    background-color:#838383;
    color: White;
}

.emoticonClass
{
    cursor: pointer;
    padding: 5px;
    height: 20px;
    
    width: 20px;
}

.CategorySelection
{
    text-align: center;
    float: left;
    
    padding: 3px 17px;
    margin-right: 3px;
    cursor: pointer;
    background-color: #838383;
    color: White;
    text-decoration: none !important;
}
.CategorySelection:hover
{
    background-color: #939393;
}
.SugestionItemStyle
{
    cursor: pointer;
    text-align: center;
    position: relative;
    height: 120px;
    width: 84px;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    margin: 0 auto;
    z-index: 10;
}
.divFriendsAll .button
{
    padding: 1px 4px 1px 1px !important;
    cursor: pointer;
    display: inline-table;
    margin-top: 10px;
    margin-right: 4px;
}
.divFriendsAll
{
    width: 215px;
    height: 87px;
    margin: 14px 0;
}
.divFriendsAll img
{
    border: none;
}
.divFriendAddress
{
    color: Gray;
    overflow: hidden;
    width: 125px;
    height: 32px;
    
}
.tblFriendsAll
{
    height: 52px;
    margin: 0px auto;
    
    border: 1px solid #e8e8e8;
}
.FriendsName
{
    max-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 125px;
}
.FriendsName a
{
    font-weight: bold;
    color: #000 !important;
}
*:focus
{
    outline: none;
}
.friendsList
{
    width: 100%;
    color: #333333;
}
.friendsList tr
{
    background-color: transparent;
    cursor: pointer;
}
.friendsList tr:hover
{
    background-color: #484848;
    color: #f3f3f3 !important;
}
.friendsList tr:hover a
{
    color: #f3f3f3 !important;
    text-decoration: none !important;
}
.friendsList tr a
{
    color: #707070 !important;
    text-decoration: none !important;
}
.friendsList tr a:hover
{
    color: #f3f3f3 !important;
    text-decoration: none !important;
}
.Packages
{
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
  
    -moz-border-radius: 6px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 6px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 6px /*{cornerRadiusShadow}*/;
    border-radius: 6px /*{cornerRadiusShadow}*/;
    
    padding: 3px;
    background-color: #FDFFFF;
    height: 235px;
    width: 145px;
    -webkit-box-shadow: 0px 1px 3px #e3e3e3;
    box-shadow: 0px 1px 3px #e3e3e3;
    border: 1px solid #D3D3D3;
    float: left;
    margin-top: 10px;
    margin-right: 35px;
    position: relative;
}
.Packages p
{
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    -webkit-box-shadow: 0px 1px 3px #e3e3e3;
    box-shadow: 0px 1px 3px #e3e3e3;
}
.PackageButton
{
    border: 1px solid #D3D3D3;
    margin-top: 20px;
    margin-left: -8px;
    width: 159px;
    padding: 10px 0;
    color: White;
    font-size: 30px;
    text-align: center;
}
.PackageButton span
{
    font-size: 12px;
    font-weight: bold;
}
.PackageSDetails
{
    color: #484848;
    font-size: 13px;
    padding: 8px;
    text-align: center;
}
.PackageDetails
{
    padding: 5px;
    text-align: center;
    width: 70px;
    margin: 0 auto;
    color: White;
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;
}
.PackageDetailsDiv
{
    display: none;
    padding: 0 20px;
    border: none;
    color: Black;
    text-align: center;
    font-size: 13px;
    margin-top: 20px;
}
.PackageDetailsDiv table td
{
    border-bottom: 1px solid #d3d3d3;
}
._4rh
{
    margin: 150px auto;
    text-align: center;
    color: #CCCCCC;
    font-size: 16px;
}
._4rh2
{
    margin: 150px auto;
    width: 500px;
    color: #555555;
    font-size: 16px;
}
.txtMessage
{
    border: 1px solid #E3E3E3;
    padding: 4px;
    height: 35px !important;
    width: 651px;
    wrap: true;
    overflow-y: auto;
    resize: none;
    font-size: 11px;
    font-family: tahoma,verdana,arial,sans-serif;
}
.NewMsg
{
    background-color: #f3f3f3;
}
.OldMsg
{
    background-color: transparent;
}
.mousescroll
{
    overflow: hidden;
}
.mousescroll:hover
{
    overflow-y: auto;
}
.Panel2
{
    width: 349px !important;
    min-height: 50px !important;
}
p
{
    margin: 0px;
}
.UserNameLeftCSS
{
    margin-left: 6px;
    font-size: 12px !important;
    font-weight: bold;
    color: #484848 !important;
    float: left;
}
.UserNameRightCSS
{
    margin-right: 6px;
    font-size: 12px !important;
    font-weight: bold;
    color: #484848 !important;
    float: right;
}
.CounterCSS
{
    font-size: 9px;
    width: 21px;
    color: Red !important;
}
.DateCSS
{
    word-wrap: normal;
    word-break: normal;
    width: 99px;
    font-size: 10px;
    color: #484848 !important;
}
.UserImageCSS > img
{
    width: 40px;
}
.NameCSS
{
    font-size: 11px;
    font-weight: bold;
    overflow: hidden;
    width: 470px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.MessageMainDivCSS
{
    width: 572px;
    
    -moz-border-radius: 4px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 4px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 4px /*{cornerRadiusShadow}*/;
    border-radius: 4px /*{cornerRadiusShadow}*/;
    
    box-shadow: 3px 3px 3px -2px #E3E3E3;
    -webkit-box-shadow: 3px 3px 3px -2px #E3E3E3;
    position: relative;
}

.MessageMainDivCSS .notchR
{
    border-color: transparent #F7FFD4 transparent transparent;
    border-style: solid solid solid none;
    border-width: 4px 4px 4px 0;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0; /* ie6 height fix */
    font-size: 0;
    line-height: 0; /* ie6 transparent fix */
    left: -4px;
    top: 6px;
}

.MessageMainDivCSS .notchS
{
    border-color: transparent transparent transparent #E9F5FF;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0; /* ie6 height fix */
    font-size: 0;
    line-height: 0; /* ie6 transparent fix */
    right: -4px;
    top: 6px;
}
.message-calloutB
{
    border: 1px solid #E2DFDF;
}
.message-calloutB .message-notchR
{
    border-color: transparent #E2DFDF transparent transparent;
    left: -5px;
}
.message-calloutB .message-notchS
{
    border-color: transparent transparent transparent #E2DFDF;
    right: -5px;
}

.ReciverMessage
{
    margin-left: 60px;
    background-color: #F7FFD4;
}
.SenderMessage
{
    margin-right: 60px;
    background-color: #E9F5FF;
}
.dtdmc
{
    color: #999999;
    width: 65px;
    vertical-align: bottom;
    text-align: right;
}
.mdds {
  border-bottom: 1px solid #F3F3F3;
  border-top: 1px solid #F3F3F3;
  font-weight: bold;
  margin: 5px auto;
  padding: 5px;
  width: 300px;
  text-align: center;
}
.MessageDivCSS
{    
    position: relative;
    color: #606060;
}
.NameMessageCSS
{
    overflow: hidden;
    width: 470px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.NameMessageCSS span
{
    color: #0B8FAC !important;
    font-weight: bold;
}
.NameMessageCSS p
{
    overflow: hidden;
    width: 470px;
    margin-top: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.UserImageCSS
{
    width: 40px;
    height: 40px;
    border: 1px solid #ececec;
    background-color: #fcfcfc;
    text-align: center;
}
.UserImageLeftCSS
{
    width: 50px;
    height: 50px;
    border: 1px solid #D1D1D1;
    background-color: #fcfcfc;
    text-align: center;
    float: left;
}
.UserImageRightCSS
{
    width: 50px;
    height: 50px;
    border: 1px solid #D1D1D1;
    background-color: #fcfcfc;
    text-align: center;
    float: right;
}
.MessagesList
{
    cursor: pointer !important;
    width: 250px;
}

.MessagesList:hover
{
    background-color: #FbFbFb;
}
.borderShadowBoxHeader
{
    -webkit-box-shadow: 0 -2px 5px 1px #E3E3E3;
    box-shadow: 0 -2px 5px 1px #E3E3E3;
}
.borderShadowBox
{
    -webkit-box-shadow: 0 1px 5px 1px #E3E3E3;
    box-shadow: 0 1px 5px 1px #E3E3E3;
}
.borderShadow2
{
    -webkit-box-shadow: 0 0px 5px 1px #E3E3E3;
    box-shadow: 0 0px 5px 1px #E3E3E3;
}
.borderShadow
{
    -webkit-box-shadow: 0 6px 5px 1px #E3E3E3;
    box-shadow: 0 6px 5px 1px #E3E3E3;
}
.borderShadow a:link, a:visited
{
    color: Black;
}

.borderShadow a:hover
{
    color: Black;
    text-decoration: none;
}

.borderShadow a:active
{
    color: Black;
}
/*Show On bottom*/
.calloutEmoticonsDown
{
    display: none;
    position: absolute;
    
    -moz-border-radius: 6px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 6px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 6px /*{cornerRadiusShadow}*/;
    border-radius: 6px /*{cornerRadiusShadow}*/;
    padding: 3px;
    background-color: #fefefe;
    height: 298px;
    width: 230px;
    -webkit-box-shadow: 1px 1px 3px #e3e3e3;
    box-shadow: 1px 1px 3px #e3e3e3;
    z-index: 10000;
}
.calloutEmoticonsDown img
{
    padding: 3px;
    background-color: transparent;
}
.calloutEmoticonsDown img:hover
{
    background-color: #e3e3e3;
   
    -moz-border-radius: 3px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 3px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 3px /*{cornerRadiusShadow}*/;
    border-radius: 3px /*{cornerRadiusShadow}*/;
}
.calloutEmoticonsDown .notchEmoticonsDown
{
    position: absolute;
    top: -8px;
    right: 7px;
    margin: 0;
    border-top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid #FEFEFE;
    padding: 0;
    width: 0;
    height: 0; /* ie6 height fix */
    font-size: 0;
    line-height: 0; /* ie6 transparent fix */
    _border-right-color: #FEFEFE;
    _border-left-color: #FEFEFE;
    _filter: chroma(color=#FEFEFE);
}
.border-calloutEmoticonsDown
{
    border: 1px solid #e3e3e3;
}
.border-calloutEmoticonsDown .border-notchEmoticonsDown
{
    border-bottom-color: #e3e3e3;
    top: -9px;
}
/*Show On top*/
.calloutEmoticons
{
    display: none;
    position: absolute;
    
    -moz-border-radius: 6px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 6px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 6px /*{cornerRadiusShadow}*/;
    border-radius: 6px /*{cornerRadiusShadow}*/;
    padding: 3px;
    background-color: #fefefe;
    height: 298px;
    width: 230px;
    -webkit-box-shadow: 1px 1px 3px #e3e3e3;
    box-shadow: 1px 1px 3px #e3e3e3;
    z-index: 10000;
}
.calloutEmoticons img
{
    padding: 3px;
    background-color: transparent;
}
.calloutEmoticons img:hover
{
    background-color: #e3e3e3;
    
    -moz-border-radius: 3px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 3px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 3px /*{cornerRadiusShadow}*/;
    border-radius: 3px /*{cornerRadiusShadow}*/;
}
.calloutEmoticons .notchEmoticons
{
    position: absolute;
    bottom: -10px !important;
    right: 48px;
    margin: 0;
    border-top: 10px solid #fcfcfc;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 0;
    padding: 0;
    width: 0;
    height: 0; /* ie6 height fix */
    font-size: 0;
    line-height: 0; /* ie6 transparent fix */
    _border-right-color: #fcfcfc;
    _border-left-color: #fcfcfc;
    _filter: chroma(color=#fcfcfc);
}
.border-calloutEmoticons
{
    border: 1px solid #e3e3e3;
}
.border-calloutEmoticons .border-notchEmoticons
{
    border-top-color: #e3e3e3;
    bottom: -11px !important;
}

.ajax__tab_tab
{
    color: black !important;
}
/* Rating */
.ratingStar
{
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}
.filledRatingStar
{
    background-image: url(../Images/FilledStar.png);
}
.emptyRatingStar
{
    background-image: url(../Images/EmptyStar.png);
}
.savedRatingStar
{
    background-image: url(../Images/SavedStar.png);
}
.dpImageUser
{
    
    padding: 1px;
    width: 200px;
    height: 333px;
}
.RBL label
{
    display: block;
    height: 15px;
}

.RBL td
{
    text-align: center;
    width: 32px;
}
.StoreLogoImage
{
    background-color: white;
    border: 1px solid #E2DFDF;
    -moz-border-radius: 3px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 3px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 3px /*{cornerRadiusShadow}*/;
    border-radius: 3px /*{cornerRadiusShadow}*/;
    height: 63px;
    padding: 2px;
    top: 5px;
    width: 130px;
}
.scroll-pane
{
    overflow: hidden;
    width: 430px;
}
.scroll-content
{
    white-space: nowrap;
    float: left;
    list-style-type: none;
    margin: 0 0 5px;
}
.scroll-content td
{
    display: inline;
    margin-right: -2px;
    position: relative;
}
.scroll-bar-wrap
{
    clear: left;
    padding: 0 4px 0 2px;
    background: none !important;
    background-color: #FAFAFA !important;
    
    -moz-border-radius: 10px  !important/*{cornerRadiusShadow}*/;
    -khtml-border-radius: 10px  !important/*{cornerRadiusShadow}*/;
    -webkit-border-radius: 10px  !important/*{cornerRadiusShadow}*/;
    border-radius: 10px  !important/*{cornerRadiusShadow}*/;
    
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.scroll-bar-wrap .ui-slider
{
    background: none !important;
    border: 0 !important;
    height: 16px !important;
    margin: 0 auto !important;
}
.scroll-bar-wrap .ui-handle-helper-parent
{
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.scroll-bar-wrap .ui-slider-handle
{
    position: absolute !important;
    top: 1px !important;
    height: 12px !important;
    z-index: 2 !important;
    
    -moz-border-radius: 8px !important /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 8px !important/*{cornerRadiusShadow}*/;
    -webkit-border-radius: 8px !important/*{cornerRadiusShadow}*/;
    border-radius: 8px !important /*{cornerRadiusShadow}*/;
    
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.ui-state-default
{
    background: #E2DFDF !important;
    cursor: pointer !important;
}
.ui-state-hover, .ui-state-focus
{
    background: #E2DFDF !important;
    border: 0px;
}
.scroll-bar-wrap .ui-slider-handle .ui-icon
{
    margin: -8px auto 0 !important;
    position: relative !important;
    top: 50% !important;
    background: url("../Images/Themes/ui-icons_cccccc_256x240.png") 0 -224px no-repeat !important;
    height: 11px !important;
    width: 11px !important;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
.scroll-content img
{
    border: 1px solid #fff;
    height: 100px;
    cursor: pointer;
}
.callout
{
    position: absolute;
    background-color: #fff; /* easy rounded corners for modern browsers */
   
    -moz-border-radius: 6px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 6px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 6px /*{cornerRadiusShadow}*/;
    border-radius: 6px /*{cornerRadiusShadow}*/;
}
.callout .notch
{
    position: absolute;
    top: -6px;
    right: 57px;
    margin: 0;
    border-top: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fcfcfc;
    padding: 0;
    width: 0;
    height: 0; /* ie6 height fix */
    font-size: 0;
    line-height: 0; /* ie6 transparent fix */
    _border-right-color: #fcfcfc;
    _border-left-color: #fcfcfc;
    _filter: chroma(color=#fcfcfc);
}
.border-callout
{
    border: 1px solid #e3e3e3;
}
.border-callout .border-notch
{
    border-bottom-color: #e3e3e3;
    top: -7px;
}

.callout2
{
    width: 100%;
    margin-top: 6px;
    position: relative;
    background-color: #ffffff; /* easy rounded corners for modern browsers */
    -webkit-box-shadow: 0 1px 3px 1px #E3E3E3;
    box-shadow: 0 1px 3px 1px #E3E3E3;
}
.callout2 a:link, a:visited
{
    color: Black;
}

.callout2 a:hover
{
    color: Black;
    text-decoration: none;
}

.callout2 a:active
{
    color: Black;
}
.callout2 .notch2
{
    position: absolute;
    top: -11px;
    right: 57px;
    margin: 0;
    border-top: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 11px solid #ffffff;
    _border-right-color: #ffffff;
    _border-left-color: #ffffff;
    _filter: chroma(color=#ffffff);
    padding: 0;
    width: 0;
    height: 0; /* ie6 height fix */
    font-size: 0;
    line-height: 0; /* ie6 transparent fix */
}
.border2-callout2
{
    border: 1px solid #E2DFDF;
}
.border2-callout2 .border2-notch2
{
    border-bottom-color: #E2DFDF;
    top: -12px;
}
.arrow_box
{
    position: relative;
    background-color: #ffffff;
    border: 1px solid #d3d3d3;
}
.arrow_box:after, .arrow_box:before
{
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after
{
    border-color: rgba(243, 243, 243, 0);
    border-right-color: #ffffff;
    border-width: 4px;
    top: 50%;
    margin-top: -5px;
}
.arrow_box:before
{
    border-color: rgba(211, 211, 211, 0);
    border-right-color: #d3d3d3;
    border-width: 6px;
    margin-top: -7px;
    top: 50%;
}
.SuggestionTabStyle
{
    padding-top: 5px !important;
}
.SuggestionTabStyle .ajax__tab_header
{
    margin-bottom: -1px;
    display: block;
}
.SuggestionTabStyle .ajax__tab_header .ajax__tab_outer
{
    color: #222;
    padding-left: 10px;
    height: 24px;
    margin-right: 3px;
    border: 1px solid #d7d7d7;
}
.SuggestionTabStyle .ajax__tab_header .ajax__tab_inner
{
    padding: 3px 10px 2px 0px;
}
.SuggestionTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background: none repeat scroll 0 0 #f3f3f3 !important;
    background-color: #f3f3f3;
}
.SuggestionTabStyle .ajax__tab_hover .ajax__tab_inner
{
    color: #fff;
}
.SuggestionTabStyle .ajax__tab_active .ajax__tab_outer
{
    border-bottom-color: #ffffff;
}
.SuggestionTabStyle .ajax__tab_active .ajax__tab_inner
{
    color: #000;
    border-color: #333;
}
.SuggestionTabStyle .ajax__tab_body
{
    font-family: tahoma,helvetica;
    font-size: 11px;
    background-color: #fff;
    border: 0px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
}
#shirt_container_Store
{
    height: auto !important;
}
.MyTabStyle .ajax__tab_header
{
    margin-bottom: -1px;
    display: block;
}
.MyTabStyle .ajax__tab_header .ajax__tab_outer
{
    color: #222;
    padding-left: 10px;
    height: 24px;
    margin-right: 3px;
    border: 1px solid #d7d7d7;
}
.MyTabStyle .ajax__tab_header .ajax__tab_inner
{
    padding: 3px 10px 2px 0px;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background: none repeat scroll 0 0 #f3f3f3 !important;
    background-color: #f3f3f3;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_inner
{
    color: #fff;
}
.MyTabStyle .ajax__tab_active .ajax__tab_outer
{
    border-bottom-color: #fbfbfb;
    background-color: #fbfbfb;
}
.MyTabStyle .ajax__tab_active .ajax__tab_inner
{
    color: #000;
    border-color: #333;
}
.MyTabStyle .ajax__tab_body
{
    font-family: tahoma,helvetica;
    font-size: 11px;
    background-color: #fbfbfb;
    border: 1px solid #d7d7d7;
    cursor: default;
}
.inoutbutton
{
    background-color: #F3F3F3;
    border-color: #D3D3D3;
    cursor: pointer;
    top: 38px;
    right: 5px;
    position: relative;
    text-align: center;
    z-index: 10;
    padding: 5px !important;
}
.topInImage
{
    z-index: 0 !important;
}
.topInBottomImage
{
    z-index: 3 !important;
}
.topInBottomBG
{
    z-index: 2 !important;
}
.deletePost
{
    background-color: #FCFCFC;
    border: 1px solid #F3F3F3;
    font-size: 11px;
    cursor: pointer;
}
.deletePost:hover
{
    background-color: #F5F5F5;
    border: 1px solid #F3F3F3;
    font-size: 11px;
}

.separator
{
    background-color: #575757;
    width: 1px;
    height: 20px;
}
input[type="radio"]
{
    cursor: pointer;
}
.ItemCloset
{
    background: none repeat scroll 0 0 honeydew;
    background-color: honeydew;
    border: 1px solid #F3F3F3;
    display: none;
    height: 15px;
    padding: 5px;
    position: absolute;
    right: 16px;
    text-align: center;
    top: 39px;
    z-index: 33;
    font-weight: normal;
    font-size: 11px;
    font-family: tahoma,verdana,arial,sans-serif;
}
.ItemTryRoom
{
    background: none repeat scroll 0 0 honeydew;
    background-color: honeydew;
    border: 1px solid #F3F3F3;
    display: none;
    float: right;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    height: 15px;
    margin-top: 3px;
    padding: 5px;
    text-align: center;
    width: 165px;
    z-index: 33;
}
.AutoExtender
{
    color: #333333;
    line-height: 25px;
    background-color: White;
    text-align: left;
    margin-left: -2px;
    margin-top: 1px;
    font-size: 12px;
    width: 512px !important;
    border: solid 1px rgb(204, 204, 204);
    -webkit-box-shadow: 2px 2px 2px #E2DFDF;
    box-shadow: 2px 2px 2px #E2DFDF;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.AutoExtenderList
{
    border-bottom: solid 1px #E2DFDF;
    background-color: White;
    cursor: pointer;
    color: #333333;
    text-align: left;
    padding-left: 10px;
    -webkit-box-shadow: 2px 2px 2px #E2DFDF;
    box-shadow: 2px 2px 2px #E2DFDF;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.AutoExtenderHighlight
{
    background: url(../Images/bg_search.gif) repeat-x scroll 0 100% transparent;
    cursor: pointer;
    color: #333333;
    text-align: left;
    padding-left: 10px;
    -webkit-box-shadow: 2px 2px 2px #E2DFDF;
    box-shadow: 2px 2px 2px #E2DFDF;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.AutoExtenderMini
{
    color: #333333;
    line-height: 25px;
    background-color: White;
    text-align: left;
    margin-top: 0px;
    margin-left: -2px;
    font-size: 11px;
    width: 148px !important;
    border: solid 1px rgb(204, 204, 204);
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    -webkit-box-shadow: 2px 2px 2px #E2DFDF;
    box-shadow: 2px 2px 2px #E2DFDF;
}

.AutoExtenderListMini
{
    border-bottom: solid 1px #E2DFDF;
    background-color: White;
    cursor: pointer;
    color: #333333;
    text-align: left;
    padding-left: 10px;
    -webkit-box-shadow: 2px 2px 2px #E2DFDF;
    box-shadow: 2px 2px 2px #E2DFDF;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.AutoExtenderHighlightMini
{
    background: url(../Images/bg_search.gif) repeat-x scroll 0 100% transparent;
    cursor: pointer;
    color: #333333;
    text-align: left;
    padding-left: 10px;
    -webkit-box-shadow: 2px 2px 2px #E2DFDF;
    box-shadow: 2px 2px 2px #E2DFDF;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
}
.LooksCounter
{
    left: 5px;
    position: absolute;
    bottom: 0px;
    width: 75px;
    z-index: 13;
    text-align: left;
}
.AddClosetTryRoomMenuShowHideDiv
{
    display: none;
    left: 3px;
    position: absolute;
    bottom: 0px;
    width: 114px;
    z-index: 13;
    border: 1px solid #E8E8E8;
    text-align: left;
    background-color: #fcfcfc;
}
.AddClosetTryRoomMenu
{
    cursor: pointer;
    margin: 0px !important;
    padding: 2px;
}
.AddClosetTryRoomMenu:hover
{
    background-color: #e3e3e3;
}
.DlooksCss
{
    border: 1px solid #CCCCCC;
    padding: 0px 3px 1px;
    background-color: #f3f3f3;
    cursor: pointer;
}
.DlooksCss:hover
{
    background-color: #e3e3e3;
}
.removeClothes
{
    position: absolute;
    text-align: right;
    width: 210px;
    z-index: 3;
}
.portletSite
{
    width: 308px;
    margin-left: 2px;
    margin-top: -1px;
}
.portletSite-header
{
    background-color: #E2DFDF;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}
.portletSite-content
{
    padding: 0px;
}
.portletSite-content a:link
{
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
}
#profile table
{
    background: url("../Images/logochange_bg.png") no-repeat scroll left 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    color: #333333;
    cursor: pointer;
    display: block;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 0;
    position: absolute;
    z-index: 10000;
    width: 93px;
}
.ImagePop
{
    height: auto !important;
    width: auto !important;
}

._css3m
{
    display: none;
}
li
{
}
li:hover
{
    background-color: #F7F7F7;
}
spanFont
{
    font-weight: bold;
}
.Edit
{
    float: right;
    font-weight: normal;
    color: #484848;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 12px;
}
.Edit:hover
{
    text-decoration: underline;
    cursor: pointer;
}
active
{
    background-color: #F7F7F7;
}
#shadowPic
{
    display: none;
    position: fixed;
    z-index: 100010;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000000;
    filter: alpha(opacity=65);
    opacity: 0.65;
}
.imglst {
  bottom: 0;
  color: #FFFFFF;
  left: 0;
  max-height: 185px;
  min-height: 130px;
  overflow: auto;
  position: absolute;
  width: 100%;
  z-index: 100012;
    background-color: #090909; 
}
.imglstH {
    color: #FFFFFF;
    height: 30px;
    background-color: #484848;    
}
.opaqueLayer
{
    display: none;
    position: fixed;
    z-index: 100003;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000000;
    filter: alpha(opacity=30);
    opacity: 0.30;
}
.float-wrap .child
{
    display: none;
    visibility: hidden;
}
.BlindDivAS
{
    display: none;
    z-index: 1001;
    background-color: #F2F2F2;
    border: 1px solid #3E3E3E;
    cursor: default;
    height: 110px;
    position: absolute;
    margin-left: -6px;
    padding: 0;
    width: 638px;
}
.DoneEditDiv
{
    cursor: pointer;
    float: right;
    padding-left: 7px;
    border: 1px solid #E9E9E9;
    background-color: #660000;
    color: White;
    margin-right: 12px;
}
.InnerDivAS
{
    padding-top: 30px;
}
.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.ContainerPopup
{
    height: auto;
    width: auto;
    background-color: transparent;
    margin: 0px auto;
    border: solid 5px blue;
}
.BodyPopup
{
    height: auto;
    width: auto;
    min-height: 210px;
    min-width: 170px;
    padding: 20px 15px 20px 20px;
    margin: 0px auto;
    margin-bottom: auto !important;
    background-color: White;
}
.fancybox-custom .fancybox-skin
{
    box-shadow: 0 0 50px #222;
}
.BlindDivAS
{
    margin: 0;
    width: 498px;
}
/* DEFAULTS
----------------------------------------------------------*/
.WindowsStyle .ajax__combobox_inputcontainer
{
    top: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}
.WindowsStyle .ajax__combobox_textboxcontainer
{
    top: 0px !important;
    border: 1px solid #E2DFDF !important;
}
.WindowsStyle .ajax__combobox_textboxcontainer input
{
    top: 0px !important;
    padding: 5px !important;
    margin: 0px !important;
    font-family: tahoma, verdana, arial, "sans-serif !important";
    font-size: 11px !important;
    width: 209px !important;
    height: 16px !important;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
}
.WindowsStyle .ajax__combobox_buttoncontainer
{
    top: 0px !important;
    border: 1px solid #E2DFDF !important;
    padding: 0px !important;
    margin: 0px !important;
    height: 27px !important;
    background-color: ButtonFace;
}
.WindowsStyle .ajax__combobox_buttoncontainer button
{
    border: none !important;
    width: 20px !important;
    height: 27px !important;
    z-index: 9999 !important;
}
.WindowsStyle .ajax__combobox_itemlist
{
    border: 1px solid #E2DFDF !important;
}
.WindowsStyle .ajax__combobox_itemlist li
{
    white-space: nowrap;
    border: none;
    font-weight: normal;
}
/*-----------------------------------------------------------------------*/
img
{
    border-width: 0px;
    border: none;
}
.footerSite
{
    margin: 0 auto;
    width: 1000px;
    padding: 0px;
    border: 1px solid #D7D7D7;
}
.invalid
{
    background-color: #FFEBE8 !important;
}
.validator
{
    display: none;
}
.contentAccordion
{
    height: 375px !important;
}
.headerAccordion
{
    background-color: #f3f3f3;
    padding: 5px;
    border-top: 1px solid #CCCCCC;
    cursor: pointer;
    font-size: 12px;
}
.PanelSelected
{
    word-wrap: normal;
    word-break: keep-all;
    background-color: #f6f6f6 !important;
    border-bottom: 1px solid #fafafa !important;
    padding: 5px 5px 5px 20px !important;
    width: auto !important;
}

.Panel
{
    word-wrap: normal;
    word-break: keep-all; /*background-color: #E7E7E7 !important;     border-bottom: 1px solid #fafafa !important;*/
    padding: 3px 0 3px 5px !important;
    cursor: pointer !important;
}

.PanelChild
{
    border-bottom: 1px solid #FFFFFF !important;
    padding: 5px 5px 5px 35px !important;
    width: auto !important;
}
.ChildHeaderAccordion
{
    background-color: #E7E7E7 !important;
    border-bottom: 1px solid #FFFFFF !important;
    border-top: 1px solid #CCCCCC !important;
    cursor: pointer !important;
    padding: 5px 5px 5px 20px !important;
}
.ChildAcc
{
    width: auto !important;
}
.main-top-header
{
    font-family: arial;
    font-size: 13px; /*background-color: #D7d7d7;*/
    border-bottom: 1px solid #F3F3F3;
    border-top: 1px solid #F3F3F3;
    height: 15px;
    padding: 5px;
}
.commentHeader
{
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    margin: 0;
    padding: 9px 0 7px;
    color: #333333;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    white-space: nowrap;
}
.storeSearchCss
{
    background: url("../Images/storesmenu.png") no-repeat;
}
.overlay
{
    position: fixed;
    z-index: 98;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #FFFFFF;
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.overlayContent
{
    z-index: 999999 !important;
    margin: 250px auto;
    width: 43px;
    height: 16px;
}
.WatermarkClass
{
    text-align: left;
}
.txtNumbers
{
    text-align: right;
}
.TextBoxes
{
    width: 200px;
    font-weight: normal !important;
    color: #333333 !important;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px !important;
    padding: 5px;
    margin: 0px;
    border: 1px solid #E2DFDF !important;
}
.TextBoxes:focus
{
    -webkit-box-shadow: 2px 2px 2px #E2DFDF;
    box-shadow: 2px 2px 2px #E2DFDF;
}
/*Buttons CSS*/
.button4
{
    border: 1px solid #cccccc !important;
    cursor: pointer !important;
    padding: 4px !important;
    background: #0B8FAC; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CBDDA', endColorstr='#0B8FAC'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#4CBDDA), to(#0B8FAC)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #4CBDDA,  #0B8FAC); /* for firefox 3.6+ */
    font-weight: normal !important;
    color: #f9f9f9 !important;
}
.button4:hover
{
    color: Black !important;
    background: #C3c3c3; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAF8F8', endColorstr='#C3c3c3'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FAF8F8), to(#C3c3c3)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FAF8F8,  #C3c3c3); /* for firefox 3.6+ */
}
/*Buttons CSS*/
.button
{
    border: 1px solid #cccccc !important;
    cursor: pointer !important;
    padding: 4px !important;
    background: #DBD9DA; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAF8F8', endColorstr='#DBD9DA'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FAF8F8), to(#DBD9DA)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FAF8F8,  #DBD9DA); /* for firefox 3.6+ */
    font-weight: normal !important;
    color: Black !important;
}
.button:hover
{
    color: Black !important;
    background: #C3c3c3; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAF8F8', endColorstr='#C3c3c3'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FAF8F8), to(#C3c3c3)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #FAF8F8,  #C3c3c3); /* for firefox 3.6+ */
}
/*Buttons CSS when button is selected*/
.button2
{
    background-color: #838383 !important;
    border: 1px solid gray !important;
    cursor: pointer !important;
    padding: 4px !important;
    height: 30px;
    color: White;
}
.button2:hover
{
    background-color: #c3c3c3 !important;
    border: 1px solid gray !important;
    color: Black;
}
.button3
{
    background-color: #838383 !important;
    border: 1px solid gray !important;
    cursor: pointer !important;
    color: White;
    font-size: 13px;
}
.button3:hover
{
    border: 1px solid black !important;
}
/*------------------------------------------*/
.dropdown
{
    border: 1px solid #E2DFDF;
    padding: 5px;
    width: 70px;
}
.dropdownStoreSignUp
{
    width: 236px;
}
.dropdownBD
{
    width: 66px;
}
.register
{
    color: White;
    padding: 5px 5px;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 20px;
    text-align: left;
}
.DOB
{
    display: inline-block;
    position: relative;
    width: auto;
}
.mainBody
{
    margin: 15px auto;
    width: 640px;
    border: 1px solid #CCCCCC;
}
.titleOuter
{
    margin-left: 20px;
    margin-right: 20px;
    border-bottom: 1px solid #CCCCCC;
}
.titleLogin
{
    line-height: 0;
    padding-top: 15px;
    vertical-align: bottom;
    font-family: verdana, Arial, Sans-Serif;
}
.errorMessage
{
    color: Black;
    background-color: #FF9;
    border: 1px solid #F00;
    font-size: 13px;
    font-family: "lucida grande" , tahoma, tahoma, verdana, arial, sans-serif;
    padding-left: 10px;
}
.errorMessage2
{
    color: Black;
    background-color: #FFFFD4;
    border: 1px solid #CCCCCC;
    font-size: 13px;
    font-family: "lucida grande" , tahoma, tahoma, verdana, arial, sans-serif;
    padding-left: 10px;
}
.loginform1
{
    clear: both;
    margin: auto;
    padding: 15px 0;
    text-align: left;
    width: 380px;
}
body
{
    color: #333333;
    background-color: #F9F9F9;
    font-size: 11px;
    font-family: tahoma,verdana,arial,sans-serif;
    margin: 0px;
    padding: 0px;
    cursor: default;
}

a:link, a:visited
{
    color: #fff;
    text-decoration: none;
}

a:hover
{
    color: #fff;
    text-decoration: none;
}

a:active
{
    color: #fff;
}

p
{
    margin: 5px;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: Black;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 1;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-width: 1000px;
    color: #333333;
}

.header2
{
    border-bottom: 5px ridge white;
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    background: -moz-linear-gradient(center top , #9999CC 0pt, #6666CC 100%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#9999CC), to(#6666CC));
    background: -o-linear-gradient(#9999CC, #6666CC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9999CC', endColorstr='#6666CC');
}
.header
{
    
    width: 100%;
    color: White;
    margin: 0 auto;
    background-color: #363636;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.mainheader
{
    background-color: #363636;
    border-bottom: 2px solid #555555;
    color: White;
    margin: 0 auto;
    position: relative;
    z-index: 1000;
}
.mainheader h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    margin: 0 auto ;
    min-height: 540px !important;
    background-color: White;
    border: none !important;
    min-width: 1000px !important;
    padding: 5px;
}
.main a:link, a:visited
{
    color: Black;
}

.main a:hover
{
    color: Black;
    text-decoration: none;
}

.main a:active
{
    color: Black;
}
.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    background: url("../Images/footer.png") repeat-x;
    height: 120px;
    background-color: transparent;
    min-width: 960px;
    width: 100%;
    z-index: 1;
}

.copyright
{
    float: left;
    padding-left: 10px;
}
.footer_links
{
    float: right;
    padding-right: 15px;
    padding-top: 6px;
    font-size: 10px;
}

/* TAB MENU   background-color:#3a4f63;
----------------------------------------------------------*/

div.hideSkiplink
{
    background: -moz-linear-gradient(center top , #9999CC 0pt, #6666CC 100%) repeat scroll 0 0 transparent;
    width: 100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    border: 1px solid #CCCCCC;
}

fieldset p
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline
{
    display: inline;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 0 4px;
}

input.textEntry
{
    width: 320px;
    border: 1px solid #E2DFDF;
}

input.passwordEntry
{
    width: 320px;
    border: 1px solid #E2DFDF;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    padding-left: 15px;
    margin-top: -5px;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.divReg
{
    border: 1px outset Gray;
    padding: 2px;
    margin: 2px;
    width: 98%;
    display: block;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    color: #000000;
    vertical-align: top;
    overflow: auto;
    float: left;
    position: inherit;
}

.divLogin
{
}
.rFloat
{
    padding: 25px;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
}

.DashboardTD
{
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    padding: 5px 0px 0px 5px;
    vertical-align: top;
}
.DashboardTD ul
{
    list-style-type: square;
    margin: 0;
    padding-left: 12px;
    line-height: 16px;
}
.DashboardTotalCount
{
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 10px;
    padding: 4px 10px 0px 0px;
    float: right;
}

/*----------------------------------------------------------
Styles for User Dashboard 
----------------------------------------------------------*/

.portlet
{
    width: 264px;
}
.portlet-header
{
    margin: -1px 3px 0;
    padding: 5px;
}
.portlet-header a:link
{
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
}
.portlet-header .ui-icon
{
    float: right;
}
.portlet-content
{
    padding: 0px;
    margin: -2px 0px 0px 0px;
}
.portlet-content a:link
{
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
}
.ui-sortable-placeholder
{
    border: 1px dotted black;
    visibility: visible !important;
    height: 50px !important;
}
.ui-sortable-placeholder *
{
    visibility: hidden;
}

