/**
* @version $Id: mypms.css 268 2006-08-11 11:49:19Z danial $
* Clexus Private Messaging Component
* @package ClexusPM
* @Copyright (C) 2003 - 2006 Danial Taherzadeh All rights reserved
* @license Released as a commercial component
* @link http://www.clexus.com
**/

div.auto_complete
    {
    position: absolute;
    width: 250px;
    background-color: white;
    border: 1px solid #888;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    }

ul.contacts
    {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: #ffffff;
    border: 1px solid red;
    }

ul.contacts li.selected
    {
    list-style-type:  none;
    background-color: #ffb;
    }

li.contact
    {
    list-style-type: none;
    display: block;
    margin:  0;
    padding: 2px;
    height:  32px;
    }

li.contact-hn
    {
    list-style-type: none;
    display: block;
    margin:  0;
    padding: 2px;
    }

li.contact div.image
    {
    list-style-type: none;
    float: left;
    width: 32px;
    margin-right: 8px;
    }

li.contact div.name
    {
    list-style-type: none;
    font-weight: bold;
    font-size:   12px;
    line-height: 1.2em;
    }

li.contact div.email
    {
    font-size: 10px;
    color: #888;
    }

#clexus-name
    {
    font-weight: bold;
    font-size: 12px;
    }

#clexus-email
    {
    font-size: 12px;
    color: #888;
    }

.hlight
    {
    BACKGROUND-COLOR: #F7ECDF
    }

.dlight
    {
    BACKGROUND-COLOR: #FBFBFB;
    }

.error
    {
    BACKGROUND-COLOR: #F0F0F0;
    FONT-COLOR: #FF8000;
    font-weight: bold;
    border-left: 10px solid #FFA74F;
    }

.greyb
    {
    BACKGROUND-COLOR: #f4f4f4;
    }

.greytext
    {
    color:     #9a9a9a;
    font-size: 9px;
    }

.quotaerror
    {
    background-color: #ffdfdf;
    font-color: #ff8000;
    font-weight: bold;
    border:     1px solid #ff8080;
    margin-top: 2px;
    margin-bottom: 2px;
    }

.footerbox
    {
    border: 1px solid #e4e4e4;
    }

.userlistdivs
    {
    background: #F4F4F4;
    padding: inherit;
    margin:  auto;
    list-style-type: none;
    }

div#userselectpanel div.container_userlist div#userlist_selected { }

#userselectpanel container_userlist karbaredaryafti { }
.statusContainer
    {
    border-top: 1px solid #CCCCCC;
    border-left: 5px solid #ff0000;
    border-right: 5px solid #ff0000;
    border-bottom: 1px solid #CCCCCC;
    background-color: #eeeeee;
    margin: 10px;
    background-image: url(../images/warning_img.gif);
    background-repeat: no-repeat;
    background-position: left;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #990000;
    font-weight: bold;
    height: 30px;
    padding-top: 15px;
    }

span.statusMsg
    {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    }

.previewContainer
    {
    border:           1px solid #ccc;
    background-color: #fff;
    display:          block;
    margin:           4px 1px 4px 1px;
    padding:          5px;
    /*   border:1px solid #c0c0c0;*/
    }

span.previewMsg
    {
    font-family: Tahoma;
    font-size: 11px;
    padding:   2px;
    }

#userinfopane
    {
    font-family:         Tahoma;
    vertical-alignement: top;
    background-color:    #FAFAFA;
    font-size:           11px;
    font-weight:         bold;
    margin:              2px 6px;
    text-align:          left;
    vertical-align:      top;
    width:               150px;
    }

#searchresults
    {
    height: auto;
    }

div#clexus-ext-user-int
    {
    margin:     0 10%;
    background: #D4DDFF;
    cursor:     hand;
    }

div.clexus-title
    {
    font-family:         Tahoma;
    vertical-alignement: top;
    font-size:           11px;
    font-weight:         normal;
    }

/* - new inbox-- */
.clexusconttable
    {
    width:         100%;
    border-bottom: 0px solid #ccc;
    }

.clexussearchbar
    {
    background-color: #6F6F6F;
    background-image: url(../images/top_grey_bg.jpg);
    background-repeat: repeat-x;
    }

.clexusinputbox
    {
    color:   #ffffff;
    padding: 2px;
    background-color: #6F6F6F;
    border:  0px solid #ccc;
    background-image: url(../images/top_grey_bg.jpg);
    background-repeat: repeat-x;
    }

.clexusbutton
    {
    color:        #333;
    padding-left: 20px;
    font-size:    10px;
    border:       0px;
    background-image: url(../images/deleted.gif);
    background-repeat: no-repeat;
    }


.mypms_clexusdropdown
    {
    font-size: 10px;
    color: #666;
    float: right;
    margin-right: 3px;
    border: 1px #ccc solid;
    background-color: #eee;
    }

.clexusnav
    {
    background-color: #6F6F6F;
    background-image: url(../images/top_grey_bg.jpg);
    background-repeat: repeat-x;
    }

a.clexusnavitem, a.clexusnavitem:link, a.clexusnavitem:visited
    {
    display: block;
    height: 30px;
    padding: 0 10px 0 10px;
    background: #6F6F6F;
    border-right: 1px solid #6F6F6F;
    text-align: center;
    text-decoration: none;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 25px;
    overflow: hidden;
    float: left;
    background-image: url(../images/top_grey_bg.jpg);
    background-repeat: repeat-x;
    font-weight: normal;
    }

a.clexusnavitem:hover
    {
    color:      #fff;
    background: #F05417;
    background-image: url(../images/top_red_bg.jpg);
    background-repeat: repeat-x;
    font-weight: normal;
    }

a.clexusnavitem:active
    {
    font-weight: normal;
    }

#clexusactivemenu
    {
    color:      #fff;
    background: #F05417;
    background-image: url(../images/top_red_bg.jpg);
    background-repeat: repeat-x;
    }

.clexusbottom
    {
    background-color: #F4F4F4;
    text-align: center;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    }

.clexusmain
    {
    width:       100%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    }
.clexusmainhint
    {
    width:       100%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #EEEEEE;

    }

.clexusmaintop
    {
    background-color: #E0DFE3;
    background-image: url(../images/subject_grey_bg.jpg);
    background-repeat: repeat-x;
    }

.clexusmainbottom
    {
    background-color: #E0DFE3;

    background-image: url(../images/subject_grey_bg.jpg);
    background-repeat: repeat-x;
    }

.clexusbox1title
    {
    border-bottom: 1px solid #E0DFE4;
    border-right: 1px solid #E0DFE4;
    padding-left: 5px;
    padding-right: 5px;
    }

.clexusbox2title
    {
    border-bottom: 1px solid #E0DFE4;
    border-left: 1px solid #FDFDFD;
    border-right: 1px solid #E0DFE4;
    padding-left: 2px;
    padding-right: 5px;
    }

.clexusbox3title, .clexusbox4title, .clexusbox5title
    {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 10px;

    border-bottom: 1px solid #E0DFE4;
    border-left: 1px solid #FDFDFD;
    border-right: 1px solid #E0DFE4;
    }

.clexusboxaction
    {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 10px;
    border-bottom: 1px solid #E0DFE4;
    border-left: 1px solid #FDFDFD;
    border-right: 1px solid #E0DFE4;
    text-align: center;
    }

.clexusboxcancel
    {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 10px;
    text-align: center;
    border-bottom: 1px solid #E0DFE4;
    }

.clexusbox6title
    {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 10px;
    padding-left: 2px;
    border-bottom: 1px solid #E0DFE4;
    border-left: 1px solid #FDFDFD;
    width: 20px;
    }

.clexusbox1,  .clexusbox3,  .clexusbox3_off, .clexusbox4
    {
    border-bottom: 1px solid #EAE9E1;
    padding-left: 5px;
    }

.clexusbox2
    {
    border-bottom: 1px solid #EAE9E1;
    }

.clexusbox5
    {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding-left: 5px;
    border-bottom: 1px solid #EAE9E1;
    }

.clexusbox6
    {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #F3F3F3;
    border-bottom: 1px solid #EAE9E1;
    width: 20px;
    }

.flagmsg
    {
    cursor: hand;
    }

.clexusmsgbox1
    {
    background-color: #fff;
    border-bottom: 1px solid #EAE9E1;
    }

.clexusmsgbox2
    {
    background-color: #fff;
    border-bottom: 1px solid #EAE9E1;
    }

.clexushighlight
    {
    background-color: #FFFCE6
    }

.clexusnormal
    {
    background-color: #fff
    }

a.clexusfrom, a.clexusfrom:link, a.clexusfrom:visited
    {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;

    text-decoration: none;
    }

a.clexusfrom:hover
    {
    color:       #ff0000;
    font-weight: normal;
    }

a.clexussubject, a.clexussubject:link, a.clexussubject:visited
    {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    padding-left: 5px;
    }

a.clexussubject_off, a.clexussubject_off:link, a.clexussubject_off:visited
    {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    padding-left: 5px;
    }

a.clexussubject:hover
    {
    color:       #ff0000;
    font-weight: normal;
    }

.clexusbottominfo
    {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding-left: 5px;
    text-decoration: none;
    }

a.clexusbottomtrash, a.clexusbottomtrash:link, a.clexusbottomtrash:visited
    {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;

    text-decoration: none;
    }

a.clexusbottomtrash:hover
    {
    color: #ff0000;
    }

.clexusdropdown
    {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;

    text-decoration: none;
    }

.clexusmainbottomdropdown
    {
    padding-right: 5px;
    }

.clexusdd
    {
    font-weight: normal;
    }


.mypmsbuttonstable
    {
    width: 100%;
    }

.mypmsbuttons
    {
    border-bottom: 1px solid #BBBBBB;
    height: 20px;
    background-image: url(../images/mypms_b_menu_bg.jpg);
    background-repeat: repeat-x;
    }

a.mypms-nav, a.mypms-nav:link, a.mypms-nav:visited
    {
    display: block;
    height: 20px;
    padding: 2px 5px 0 5px;
    background: #ccc;
    text-decoration: none;
    color: #333333;
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    border-right-color: #D2D2D2;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: #D2D2D2;
    border-left-style: solid;
    border-left-width: 1px;
    text-align: center;
    line-height: 20px;
    overflow: hidden;
    float: left;

    font-weight: normal;
    }

a.mypms-nav:hover
    {
    color:            #990000;
    background-image: url(../images/mypms_b_menu_bg_hover.jpg);
    background-repeat: repeat-x;
    border-right-color: #999999;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: #999999;
    border-left-style: solid;
    border-left-width: 1px;
    text-decoration:  none;
    font-weight:      normal;
    }

a.mypms-nav:active
    {
    font-weight: normal;
    }

a.mypms-nav2, a.mypms-nav2:link, a.mypms-nav2:visited
    {
    display: block;
    height: 20px;
    padding: 2px 5px 0 5px;
    background: #ccc;
    text-decoration: none;
    color: #333333;
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-right-color: #D2D2D2;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: #D2D2D2;
    border-left-style: solid;
    border-left-width: 1px;
    text-align: center;
    line-height: 20px;
    float: right;

    font-weight: bold;
    }

a.mypms-nav2:hover
    {
    color:            #990000;
    background-image: url(../images/mypms_b_menu_bg_hover.jpg);
    background-repeat: repeat-x;
    border-right-color: #999999;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: #999999;
    border-left-style: solid;
    border-left-width: 1px;
    text-decoration:  none;
    font-weight:      bold;
    }

a.mypms-nav2:active
    {
    font-weight: normal;
    }

.mypms_smiley_button
    {
    color: #454545;
    font-weight: normal;
    background: #fff url(../images/tool_bg.gif) left bottom repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #adadad;
    border-right: 1px solid #adadad;

    -moz-outline-style: none;

    padding: 0px 0px 0px 0px;
    vertical-align: bottom;
    font-size: 10px;
    }

a.mypms_adv, a.mypms_adv:link, a.mypms_adv:visited
    {
    text-decoration: underline;
    color: #666;
    font-size: 10px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    }

a.mypms_adv:hover
    {
    color: #000;
    }

.mypms_inputbox
    {
    width:  65%;
    border: 1px solid #ccc;
    }

.mypms_checkbox
    {

    vertical-align: middle;
    }

.mypms_textarea
    {
    width:  65%;
    border: 1px solid #ccc;
    overflow: auto;
    }

blockquote#mypms
    {
    background: #fff url(../images/quote_bg.gif) top left no-repeat;
    color: #8C8C8C;
    font-family: Georgia, Serif !important;
    font-size: 1.1em;
    font-variant: small-caps;
    margin: 0;
    padding: 20px 20px 0 45px;
    }

blockquote#mypms p
    {
    background: url(../images/quote_close.gif) bottom right no-repeat;
    padding: 0 20px 20px 0;
    }

.mypms_nm_title
    {
    background-color: #eee;
    padding-left: 5px;
    }

.mypms_button
    {
    color: #454545;
    font-weight: normal;
    background: #fff url(../images/tool_bg.gif) left bottom repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #adadad;
    border-right: 1px solid #adadad;

    -moz-outline-style: none;

    padding: 0px 5px 0px 5px;
    vertical-align: bottom;
    font-size: 12px;
    }
.mypms_red_button
    {
    color: #454545;
    font-weight: bold;
    background: #fff url(../images/tool_red_bg.gif) left bottom repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #adadad;
    border-right: 1px solid #adadad;

    -moz-outline-style: none;

    padding: 0px 5px 0px 5px;
    vertical-align: bottom;
    font-size: 12px;
    }

.quickreplyheader
    {
    background-color: #E0DFE3;
    background-image: url(../images/subject_grey_bg.jpg);
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 2px;
    font-size: 11px;
    height: 20px;
    text-align: center;
    font-weight: bold;
    cursor: hand;
    }

.clexusmypmsread
    {
    background-color: #E0DFE3;
    background-image: url(../images/subject_grey_bg.jpg);
    background-repeat: repeat-x;
    height:           20px;
    }

.clexusmypmsnm
    {
    background-color: #E0DFE3;
    background-image: url(../images/subject_grey_bg.jpg);
    background-repeat: repeat-x;
    height:           20px;
    }

.clexusmypmshint
    {
    background-color: #E0DFE3;
    background-image: url(../images/subject_grey_bg.jpg);
    background-repeat: repeat-x;
    height:           20px;
    padding-left:     10px;
    padding-top:      3px;
    }

.mypms_qr_ta
    {
    background-color: #FFF;
    background-image: url(../images/n_bg_post.gif);
    background-repeat: repeat-x;
    border:           #ccc solid 1px;
    }

.mypms_linkbutton, a.mypms_linkbutton:link, a.mypms_linkbutton:visited
    {
    color: #454545;
    font-weight: normal;
    background: #fff url(../images/tool_bg.gif) left bottom repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #adadad;
    border-right: 1px solid #adadad;

    -moz-outline-style: none;

    padding: 0px 5px 0px 5px;
    vertical-align: bottom;
    font-size: 10px;
    }

a.mypms_linkbutton:hover
    {
    color:       #FF0000;
    font-weight: normal;
    }

.mypms_v_table td
    {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #eee;
    line-height: 20px;
    padding-left: 5px;
    }

a.mypms_pro_v_sm:link, a.mypms_pro_v_sm:visited
    {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666;
    }

a.mypms_pro_v_sm:hover
    {
    color: #000;
    }

a.mypms_pro_v_ws:link, a.mypms_pro_v_ws:visited
    {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666;
    }

a.mypms_pro_v_ws:hover
    {
    color: #000;
    }

#mypms_topmessage
    {
    opacity: 0.85;
    }

#mypms_topmessage div
    {
    width:  400px;
    margin: 0px auto;
    height: 24px;
    min-height: 24px;
    padding: 8px 10px 8px 46px;
    }

#mypms_topmessage div.notice
    {
    background:       url(../images/displays/info.png) 6px 3px no-repeat;
    background-color: #F7FDCB;
    border:           1px solid #C2D071;
    }

#mypms_topmessage div.error, #mypms_topmypms_topmessage div.warning
    {
    background:       url(../images/displays/warning.png) 6px 3px no-repeat;
    background-color: #EF9398;
    border:           1px solid #DC5757;
    }

#mypms_topmessage div.confirmation
    {
    background:       url(../images/displays/confirm.png) 6px 3px no-repeat;
    background-color: #A6EF7B;
    border:           1px solid #76C83F;
    }

#mypms_topmessage div.loading
    {
    background:       url(../images/displays/loading.gif) 6px 3px no-repeat;
    background-color: #EBEBEB;
    border:           1px solid #CCCCCC;
    }

/*
* contact lists
*/

.favox
    {
    height:  20px;
    padding: 0px 4px 0px 4px;
    vertical-align: middle;
    border-bottom: 1px solid #999999;
    color:   #333333;
    background-color: #E0E0E0;
    background-image: url(../images/listheader_aqua.gif);
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    }

table.clexus-contacts-table tbody tr td
    {
    height:  16px;
    padding: 2px 4px 2px 4px;
    font-size: 11px;
    white-space: nowrap;
    border-bottom: 1px solid #EBEBEB;
    overflow: hidden;
    text-align: left;
    }

.mypms_smalltext
    {
    font-size:   11px;
    white-space: nowrap;
    color:       #777777;
    }

table.clexus-contacts-table tr
    {
    background-color: #FFFFFF;
    }

table.clexus-contacts-table tr td.clexus-contacts-name, table.clexus-contacts-table tbody tr td { }

table.clexus-contacts-table tr td.clexus-contacts-action
    {
    text-align: center;
    }

table.clexus-contacts-table tr.selected td
    {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #EBEBEB;
    }

#contactLists
    {
    width:  70%;
    border: 1px solid #999999;
    background-color: #F9F9F9;
    overflow: auto;
    }

#contactLists_module
    {
    width:            99%;
    background-color: #F9F9F9;
    overflow:         auto;
    }

#clexus-contacts-table
    {
    width:        99%;
    table-layout: fixed;
    }

/*
* New message alert
*/
#clexus-alertbox
    {
    width:  300px;
    border: 1px solid black;
    }

#clexus-window-content
    {
    background-color: #FFFFFF;
    height: 100%;
    }

#clexus-window-maintable
    {
    background-color: #FFFFFF;
    }


#contactManagerTR {
    height: 18px;
}


#contactManagerTD {
background-color:#eee; color:#666;
width: 100%;
padding-left:5px;
}
#contactManagerTDTitle {
background-color:#eee;
padding-left:5px;
font-weight:bold;
}

/*
* End of new message alert
*/

/*
* < Validation
*/
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	    width:  65%;
    border: 1px solid #ccc;
/*border: 1px solid #00A8E6;*/
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}
/*
*  Validation >
*/

/*
* Danial Style for tooltip
*/
.netflix {
	position: absolute;
	margin-top: -160px;
	margin-left: 40px;

	background-color: transparent;
	width: 236px;
	height: 227px;
	background-image: url(../images/tooltip/bubble.png);
	background-repeat: no-repeat;
	border: none;
padding-left:35px;

}

.netflix h1 {
	margin-top: 10px;
	background-color: transparent;
font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#fff; text-decoration:none;
}
.netflix h1 a:link, .netflix h1 a:visited {
font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#fff; text-decoration:none;
}
.netflix h1 a:hover{
color:#000;
}
.netflix p {
	font-size: 10px;
	width: 230px;
}

.netflix .close {
	display: none;
}

.cxprofile_image_popup {
margin-left:120px;
margin-top:7px;
background:#fff;
border: 1px solid #ccc;
position:absolute;
}

/*
* end tooltip
*/