/*Gimp Colors
    green:115,70,0
    red:360,70,-10
*/
/*
    Blue : #00acee - Brightness : 30 - Contrast : 30
*/

/* --------------- standard color code ------------------

    Blue:   #00acee
    green:  #66CC33
    grey:   #b7b7b7
    dark header bar: #2e2e33
    dark background: #3d3d3d
    section fieldset color: #222222 #181818 #444444 #181818;
    table background: #333
    container border color: 
        white backgound: #cdcdcd, black backgound: #3d3d3d

*/
 




body{background-image:url("images/bg.png");font-family:Arial;font-size:12px;}
h3{color:#00acee;font-size:18px;}
h5{color:#00acee;font-size:15px;}
.icon{vertical-align:-6px;}
a{color:#00acee !important;text-decoration:none;}
a:hover{text-decoration:underline;}
.clearbox{clear:both}
.linkColor{color: #00ACEE !important;}

.closeConv    
{
    float: right;
    margin-bottom: 10px;
    color: black;
    font-weight: bold;
    /*left: 14px;*/
    cursor: pointer;
    padding-right: 10px;
    padding-top: 2px;
    border: solid 1px black;
    padding-left: 5px;
    position: absolute;
    right: 0;
    z-index: 10;
}

.spanCaption 
{
    color:#333;
}

.textBackgroundGrey, #txtFrequency, #txtEndCount, #dtpUntilDateCalender
{
    border: 1px solid #cdcdcd;
    background-color:#eee;
    color: #333;
}



.ui-tabs-anchor{color:#e1e1e1 !important;}           /* --- added by david for fix setting tab color issue */


.assignHistorycontainer {
position: relative; 
border: 1px solid #3d3d3d;
padding: 5px;
height: auto;
min-height: 80px;
-moz-border-radius: 5px 5px;
border-radius: 5px 5px;
margin-bottom: 15px;
}
/*---------------------------------------------------------*/
.text_blue_00acee_20_bold{color:#00acee;font-size:20px;font-weight:bold;}
.text_blue_00acee_15_bold{color:#00acee !important;font-size:15px;font-weight:bold;}
.text_blue_00acee_12_bold{color:#00acee;font-size:12px;font-weight:bold;}
.text_blue_00acee_12{color:#00acee;font-size:12px;}

.text_green_00acee_20_bold{color:#66CC33;font-size:20px;font-weight:bold;}
.text_green_00acee_15_bold{color:#66CC33 !important;font-size:15px;font-weight:bold;}
.text_green_00acee_12_bold{color:#66CC33;font-size:12px;font-weight:bold;}

.text_Red_00acee_15_bold{color: #E01B1B !important;font-size:15px;font-weight:bold;}

.text_grey_b7b7b7{color:#b7b7b7;}
.text_grey_b7b7b7_bold{color:#b7b7b7;font-weight:bold;}
.text_grey_b7b7b7_12_bold{color:#b7b7b7;font-weight:bold;font-size:12px;}
.text_grey_b7b7b7_14_bold{color:#b7b7b7;font-weight:bold;font-size:14px;}
.text_grey_b7b7b7_16_bold{color:#b7b7b7;font-weight:bold;font-size:16px;}
.text_grey_b7b7b7_20_bold{color:#b7b7b7;font-weight:bold;font-size:20px;}
.text_grey_b7b7b7_12_Normal{color:#b7b7b7 !important;font-size:12px }

/* --------- dark grey --------------*/
.text_grey_4d4d4d_bold{color:#9f9f9f  !important;font-weight:bold  !important;} /*9f9f9f*/
.text_grey_3b3b3b_12{color:#3b3b3b;font-size:12px;}
.text_grey_3b3b3b_12_bold{color:#3b3b3b;font-weight:bold;font-size:12px;}
.text_grey_3b3b3b_14_bold{color:#3b3b3b;font-weight:bold;font-size:14px;}
.text_grey_3b3b3b_16_bold{color:#3b3b3b;font-weight:bold;font-size:16px;}
.text_grey_3b3b3b_20_bold{color:#3b3b3b;font-weight:bold;font-size:20px;}


/*---------------- dropdown big -------------------------*/
.dropdownlist {width:200px;text-align:left;}
.dropdownlist .header {height:18px;padding:4px;padding-top:10px;padding-left:12px; border:1px solid #00acee;cursor:pointer;position:relative;-moz-border-radius: 5px 5px;border-radius: 5px 5px;color:#333}
.dropdownlist .dropPicture {position:absolute;right:4px;top:5px;}
.dropdownlist .list {border-left:1px solid #00acee;border-right:1px solid #00acee;border-bottom:1px solid #00acee;border-top:1px solid #00acee;width:198px; padding-bottom:3px;background-color:#FFFFFF;z-index:1;overflow-x: hidden; overflow-y: auto;max-height: 350px; color:#333}
.dropdownlist .item {height:18px;padding:4px;padding-top:10px;padding-left:32px;position:relative}
.dropdownlist .item:hover{background-color:#00acee;color:#fff;cursor:pointer;}
.dropdownlist .item img {border:0 !important}
.dropdownlist .itemImage0 {position:absolute;left:4px;top:4px;width:24px;height:24px;}
.dropdownlist .itemImage1{position:absolute;left:18px;top:18px;width:12px;height:12px;}

/*---------------- dropdown small -------------------------*/
.dropdownlist_small {width:150px;text-align:left;}
.dropdownlist_small .header {height:18px;padding:4px;padding-left:32px; border:1px solid #00acee;cursor:pointer;position:relative;-moz-border-radius: 5px 5px;border-radius: 5px 5px;color:#333}
.dropdownlist_small .dropPicture {position:absolute;right:4px;top:0px;}
.dropdownlist_small .list {border-left:1px solid #00acee;border-right:1px solid #00acee;border-bottom:1px solid #00acee;border-top:1px solid #00acee;width:200px; padding-bottom:3px;background-color:#FFFFFF;z-index:1;overflow-x: hidden; overflow-y: auto;max-height: 300px;color:#333}
.dropdownlist_small .item {height:18px;padding:4px;padding-top:10px;padding-left:32px;position:relative}
.dropdownlist_small .item:hover{background-color:#00acee;color:#fff;cursor:pointer;}
.dropdownlist_small .item img {border:0 !important}
.dropdownlist_small .itemImage0 {position:absolute;left:4px;top:0px;width:24px;height:24px;}
.dropdownlist_small .itemImage1{position:absolute;left:18px;top:18px;width:12px;height:12px;}

/*---------------- dropdown small socialAccount-------------------------*/
.dropdownlist_small_account {width:180px;text-align:left;}
.dropdownlist_small_account .header {height:18px;padding:4px;padding-left:32px; border:1px solid #00acee;cursor:pointer;position:relative;-moz-border-radius: 5px 5px;border-radius: 5px 5px;color:#333}
.dropdownlist_small_account .dropPicture {position:absolute;right:4px;top:0px;}

/*.dropdownlist_small_account .list {border-left:1px solid #00acee;border-right:1px solid #00acee;border-bottom:1px solid #00acee;width:250px; padding-bottom:3px;background-color:#3d3d3d;z-index:1;overflow-x: hidden; overflow-y: auto;max-height: 300px}*/
.dropdownlist_small_account .list {border-left:1px solid #00acee;border-right:1px solid #00acee;border-bottom:1px solid #00acee;border-top:1px solid #00acee;width:250px;padding-bottom:3px;background-color:#FFFFFF;z-index:1;overflow-x: hidden; overflow-y: auto;max-height: 300px;color:#333}
.dropdownlist_small_account .item {height:18px;padding:4px;padding-top:10px;padding-left:32px;position:relative}
.dropdownlist_small_account .item:hover{background-color:#00acee;color:#fff;cursor:pointer;}
.dropdownlist_small_account .item img {border:0 !important}
.dropdownlist_small_account .itemImage0 {position:absolute;left:4px;top:1px;width:18px;height:18px;}
.dropdownlist_small_account .itemImage1{position:absolute;left:14px;top:12px;width:9px;height:9px;}

/*----------------- dropdown engagement ----------------------------*/
.dropdownlist_engagement {width:215px;text-align:left;background-color:#ffffff;}
.dropdownlist_engagement .header {height:18px;padding:4px;padding-top:10px;padding-left:32px; border:1px solid #00acee;cursor:pointer;position:relative;-moz-border-radius: 5px 5px;border-radius: 5px 5px;color:#333}
.dropdownlist_engagement .dropPicture {position:absolute;right:4px;top:5px;}
.dropdownlist_engagement .list {border-left:1px solid #00acee;border-right:1px solid #00acee;border-bottom:1px solid #00acee;border-top:1px solid #00acee;width:213px; padding-bottom:3px;background-color:#FFFFFF;z-index:1;overflow-x: hidden; overflow-y: auto;max-height: 350px; color:#333}
.dropdownlist_engagement .item {height:18px;padding:4px;padding-top:10px;padding-left:32px;position:relative}
.dropdownlist_engagement .item:hover{background-color:#00acee;color:#fff;cursor:pointer;}
.dropdownlist_engagement .item img {border:0 !important}
.dropdownlist_engagement .itemImage0 {position:absolute;left:4px;top:4px;width:24px;height:24px;}
.dropdownlist_engagement .itemImage1{position:absolute;left:18px;top:18px;width:12px;height:12px;}

/* ------------- By david -----------------*/
.dropdownlistSmall {position: absolute; background-color:#333 !important;border: 1px solid #444;-webkit-border-radius: 3px 3px !important;-moz-border-radius: 3px 3px;border-radius: 3px 3px;}
.smallbox {min-width:100px;min-height:26px;float:left;border: 1px solid #444;-webkit-border-radius: 5px !important;-moz-border-radius: 5px 5px;border-radius: 5px 5px;right: 2px;bottom: 2px;cursor: pointer;}
.smallbox .dropPicture {position: absolute;right: 3px;top: 2px;}
/* ------------- end of By david -----------------*/

.selectbutton {}
.selectbutton .item {position:relative;width:120px;text-align:center; background-image :url("images/black-gradient-34.png");background-repeat:repeat-x;color:#fff;padding:4px;padding-top:10px;height:20px;border-left:1px solid #3d3d3d;cursor:pointer;}
.selectbutton .item:hover {background-image:url("images/blue-gradient-34.png");}
.selectbutton .selected {background-image:url("images/blue-gradient-34.png");}
.selectbutton .itemImage {padding-left:24px;}
.selectbutton .itemImage img {border:0 !important}
.selectbutton .itemImage0 {position:absolute;width:24px;height:24px;left:4px;top:4px;border:1px solid #fff; -moz-border-radius: 2px 2px;border-radius: 2px 2px;}
.selectbutton .itemImage1{position:absolute;left:18px;top:18px;width:12px;height:12px;}
.selectbutton .first {-moz-border-radius-topleft: 5px 5px;-moz-border-radius-bottomleft: 5px 5px;border-top-left-radius: 5px 5px;border-bottom-left-radius: 5px 5px;border-left:0;}
.selectbutton .last {-moz-border-radius-topright: 5px 5px;-moz-border-radius-bottomright: 5px 5px;border-top-right-radius: 5px 5px;border-bottom-right-radius: 5px 5px;}
/*------------------- container ----------------------------*/
.container_fff
{position:relative;min-width:100px;background-color:#fff !important;border:1px solid #cdcdcd;padding:5px;height: auto;min-height:140px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;}

.container_3d3d3d
{position:relative;min-width:100px;background:#3d3d3d;border:1px solid #8b8b8b;padding:5px;height: auto;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;}

.container786_140_mb15_noborder
{position:relative;width:786px;background-color:#fff;padding:5px;height: auto;min-height:140px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;}

.container800_140_mb15_noborder
{position:relative;width:790px;background-color:#fff;padding:5px;height: auto;min-height:140px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;}
.container630_140_mb15
{position:relative;width:620px;background-color:#fff;border:1px solid #cdcdcd;padding:5px;height: auto;min-height:140px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;}
.container800_140_mb15
{position:relative;width:790px;background-color:#fff;border:1px solid #cdcdcd;padding:5px;height: auto;min-height:140px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;}
.container800_50_mb10
{position:relative;width:790px;background-color:#fff;border:1px solid #cdcdcd;padding:5px;height: auto;min-height:50px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:10px;}
.container800_80_mb15
{position:relative;width:790px;background-color:#fff;border:1px solid #cdcdcd;padding:5px;height: auto;min-height:80px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;}
.container800_80_mb15_3d3d3d
{position:relative;width:790px;background-color:#3d3d3d;border:1px solid #8b8b8b;padding:5px;height: auto;min-height:80px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;}
.container630_80_mb15
{position:relative;width:620px;background-color:#fff;border:1px solid #cdcdcd;padding:5px;height: auto;min-height:80px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;}
.container630_80_mb15_3d3d3d
{position:relative;width:620px;background:#3d3d3d;border:1px solid #8b8b8b;padding:5px;height: auto;min-height:80px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;}

 /*----- use a different header name to prevent conflict with dropdown box header --*/
.container_250_fff_2   
{position:relative;width:250px;background-color:#fff;border:1px solid #cdcdcd;padding:5px;height: auto;min-height:140px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;}
 /*----- ------------------------------------------------------------------- --*/
 
.container_250_fff_2    
{position:relative;width:250px;background-color:#fff;border:1px solid #cdcdcd;padding:5px;height: auto;min-height:140px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;}
.container_250_3d3d3d
{position:relative;width:250px;background:#3d3d3d;border:1px solid #8b8b8b;padding:5px;height: auto;min-height:140px;overflow:hidden; -moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;}
.container350_140_mb15
{position:relative;width:350px;background-color:#fff;border:1px solid #cdcdcd;padding:5px;height: auto;min-height:140px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;}
.container350_140max_mb15
{position:relative;width:350px;background-color:#fff;border:1px solid #cdcdcd;padding:5px;height: auto;min-height:140px;overflow:hidden; -moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;}
.container350_140max_mb15_3d3d3d
{position:relative;width:350px;background:#3d3d3d;border:1px solid #8b8b8b;padding:5px;height: auto;min-height:140px;overflow:hidden; -moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;}
.container_one_row_3d3d3d
{position:relative;min-width:100px;background:#3d3d3d;border:1px solid #8b8b8b;padding:5px;height: auto;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;}


/*------------------- float container ----------------------------*/
.container_float_fff
{margin:0px;float:left;color:#000;background:#fff;border:1px solid #cdcdcd;height: auto;min-height:180px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;padding:5px}

.container_float_3d3d3d
{margin:0px;float:left;color:#fff;background:#3d3d3d;border:1px solid #8b8b8b;height: auto;min-height:180px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;padding:5px}

.container_float_250_fff
{width:250px;margin-left:10px;float:left;color:#000;background:#fff;border:1px solid #cdcdcd;height: auto;min-height:80px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;padding:5px}
.container_float_250_3d3d3d
{width:250px;margin-left:10px;float:left;color:#fff;background:#3d3d3d;border:1px solid #8b8b8b;height: auto;min-height:80px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;padding:5px}

.container_float_350_fff
{width:350px;margin-left:10px;float:left;color:#000;background:#fff;border:1px solid #cdcdcd;height: auto;min-height:80px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;padding:5px;color:#333}
.container_float_350_3d3d3d
{width:350px;margin-left:10px;float:left;color:#fff;background:#3d3d3d;border:1px solid #8b8b8b;height: auto;min-height:80px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;padding:5px}
.container_float_630_fff
{width:620px;margin:0px;float:left;color:#000;background:#fff;border:1px solid #cdcdcd;height: auto;min-height:180px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;padding:5px}
.container_float_630_3d3d3d
{width:620px;margin:0px;float:left;color:#fff;background:#3d3d3d;border:1px solid #8b8b8b;height: auto;min-height:180px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;padding:5px}

.container_float_786_fff
{width:786px;margin:0px;float:left;color:#000;background:#fff;border:1px solid #cdcdcd;height: auto;min-height:180px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;padding:5px}

.container_float_786_3d3d3d
{width:786px;margin:0px;float:left;color:#fff;background:#3d3d3d;border:1px solid #8b8b8b;height: auto;min-height:180px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;padding:5px}


.container_float_830_fff
{width:820px;margin:0px;float:left;color:#000;background:#fff;border:1px solid #cdcdcd;height: auto;min-height:180px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;padding:5px}

.container_float_850_3d3d3d
{width:850px;margin:0px;float:left;color:#fff;background:#3d3d3d;border:1px solid #8b8b8b;height: auto;min-height:180px;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:15px;padding:5px}

/*-------------- header for container-----------------------------*/
.container_float_250_fff .header, .container_float_250_3d3d3d .header
{position:relative;padding-top:6px;
     -moz-border-radius-topleft: 5px 5px;-moz-border-radius-topright: 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;
     height:22px;padding-left:5px;background-image :url("images/black-gradient-28.png");background-repeat:repeat-x;color:#fff;}

 /*----- use a different header name to prevent conflict with dropdown box header --*/
.container_250_fff_2 .header_2
{position:relative;padding-top:6px;
    -moz-border-radius-topleft: 5px 5px;-moz-border-radius-topright: 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;
    height:22px;padding-left:5px;background-image :url("images/black-gradient-28.png");background-repeat:repeat-x;color:#fff;}


.container_250_fff .header, .container_250_3d3d3d .header
{position:relative;padding-top:6px;
    -moz-border-radius-topleft: 5px 5px;-moz-border-radius-topright: 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;
    height:22px;padding-left:5px;background-image :url("images/black-gradient-28.png");background-repeat:repeat-x;color:#fff;}

.container_float_350_fff .header, .container_float_350_3d3d3d .header
{position:relative;padding-top:6px;
 -moz-border-radius-topleft: 5px 5px;-moz-border-radius-topright: 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;
 height:22px;padding-left:5px;background-image :url("images/black-gradient-28.png");background-repeat:repeat-x;color:#fff;}


.container350_140max_mb15 .header, .container350_140max_mb15_3d3d3d .header
{position:relative;padding-top:6px;
 -moz-border-radius-topleft: 5px 5px;-moz-border-radius-topright: 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;
 height:22px;padding-left:5px;background-image :url("images/black-gradient-28.png");background-repeat:repeat-x;color:#fff;}

.container_350_fff .header, .container_350_3d3d3d .header
{position:relative;padding-top:6px;
 -moz-border-radius-topleft: 5px 5px;-moz-border-radius-topright: 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;
 height:22px;padding-left:5px;background-image :url("images/black-gradient-28.png");background-repeat:repeat-x;color:#fff;}

.container_float_630_fff .header, .container_float_630_3d3d3d .header
{position:relative;padding-top:6px;
 -moz-border-radius-topleft: 5px 5px;-moz-border-radius-topright: 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;
 height:22px;padding-left:5px;background-image :url("images/black-gradient-28.png");background-repeat:repeat-x;color:#fff;}

.container_float_786_fff .header, .container_float_786_3d3d3d .header, .container786_140_mb15_noborder .header
{position:relative;padding-top:6px;
 -moz-border-radius-topleft: 5px 5px;-moz-border-radius-topright: 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;
 height:22px;padding-left:5px;background-image :url("images/black-gradient-28.png");background-repeat:repeat-x;color:#fff;}


.container_float_830_fff .header, .container_float_850_3d3d3d .header, .container_float_fff .header, .container_float_3d3d3d .header
{position:relative;padding-top:6px;
 -moz-border-radius-topleft: 5px 5px;-moz-border-radius-topright: 5px 5px;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;
 height:22px;padding-left:5px;background-image :url("images/black-gradient-28.png");background-repeat:repeat-x;color:#fff;}
 
 .container_float_fff .header .headerIcon
 {float:right; margin-right:10px;margin-top:-4px}
 


/*---------------------------------------------------------*/


/* ----------------- fieldsetSection ------------------------------*/

.fieldsetSection_650_2c2c2c {
    border-top-color: #2e2e33;
    border-bottom-color: #2e2e33;
    background: #2c2c2c;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2c2c', endColorstr='#202020');
    /* background: -webkit-gradient(linear, left top, left bottom, from(#2c2c2c), to(#202020));
    background: -moz-linear-gradient(top, #2c2c2c, #202020);
    background: -o-linear-gradient(top, #2c2c2c, #202020);*/
    
    -moz-border-radius: 5px 5px;-webkit-border-radius: 5px 5px;border-radius: 5px 5px;
    
    width: 650;
    border-top: 1px solid;
    border-bottom: 1px solid;
    float: left;
    padding: 0;
    margin: 0;
}

.fieldsetSection_750_2c2c2c {
    border-top-color: #2e2e33;
    border-bottom-color: #2e2e33;
    background: #2c2c2c;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2c2c', endColorstr='#202020');
    
    /* background: -webkit-gradient(linear, left top, left bottom, from(#2c2c2c), to(#202020));
    background: -moz-linear-gradient(top, #2c2c2c, #202020);
    background: -o-linear-gradient(top, #2c2c2c, #202020);*/

    -moz-border-radius: 5px 5px;-webkit-border-radius: 5px 5px;border-radius: 5px 5px;

    width: 750;
    border-top: 1px solid;
    border-bottom: 1px solid;
    float: left;
    padding: 10px;
    margin: 0;
}



/* ------------------------------------------------------------------*/
.userPicture { width: 40px;}
.user .picture, .stream .userPicture{max-width:75px;float:left;margin-right:5px;vertical-align:top;border:1px solid #d0d0d0;-moz-border-radius: 5px 5px;border-radius: 5px 5px;}
.user .pictureMiddle{margin-right:5px;vertical-align:middle;border:1px solid #d0d0d0;-moz-border-radius: 5px 5px;border-radius: 5px 5px;width:50px;height:50px;}
.user .description, .stream .description{float:right;width:700px;}
.user .description520, .stream .description520{float:right;width:520px;}
/*45px  = 385 chars 12px Arial*/
.user .text, .stream .text{min-height:45px;overflow:hidden;color:#000}
.user .text a, .stream .text a{color:#00ACEE}
.user .actions,.stream .actions,.report .item .actions{position:absolute;border:1px solid #d0d0d0;-moz-border-radius: 5px 5px;border-radius: 5px 5px;right:5px;bottom:5px;cursor:pointer;}
.user .actions50middle{position:absolute;border:1px solid #d0d0d0;-moz-border-radius: 5px 5px;border-radius: 5px 5px;right:5px;bottom:15px;cursor:pointer;}

/*---------------------------------------------------------*/
.stream .description290{float:right;width:290px;}
.stream .socialPicture{position:absolute;width:16px;height:16px;left:39px;top:39px;}
.stream .picture{float:left;max-height:120px;max-width:120px;margin-right:5px;vertical-align:top;border:1px solid #d0d0d0;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:10px;}
.stream .picture50,.engagement .item .userPicture{float:left;max-height:50px;margin-right:5px;vertical-align:top;border:1px solid #d0d0d0;-moz-border-radius: 5px 5px;border-radius: 5px 5px;margin-bottom:10px;}
/*on 800px container - 120px  = 2 lines title + 450 chars 12px Arial*/
/*on 350px container - 120px = 2 lines title + 350 chars 12px Arial */
.stream .details {min-height:120px;overflow:hidden;margin-bottom:15px;}

/*---------------------------------------------------------*/
.engagement{float:left;width: 315px;border-right:1px solid #3d3d3d;border-top:1px solid #3d3d3d;border-bottom:1px solid #3d3d3d;background-color:#fff;}
.engagementfirst{border-left:1px solid #3d3d3d;}
.engagement .header{position:relative;height:28px;padding-left:5px;background-image :url("images/black-gradient-28.png");background-repeat:repeat-x;color:#fff;}
.engagement .header .actions{position:absolute;border:1px solid #d0d0d0;-moz-border-radius: 5px 5px;border-radius: 5px 5px;right:2px;bottom:2px;cursor:pointer;}
.engagement .items{overflow:hidden;}
.engagement .item{position:relative;padding:5px;border-bottom:1px solid #3d3d3d}
.engagement .item .actions{position:absolute;border:1px solid #d0d0d0;-moz-border-radius: 5px 5px;border-radius: 5px 5px;right:2px;bottom:2px;cursor:pointer;}
.engagement .description {float:right;width:240px;}
.engagement .text{height:40px;overflow:hidden;margin-bottom:15px;}
/*---------------------------------------------------------*/
.scrollbar .content {}
.scrollbar .background {background-color:#e1e1e1}
.scrollbar .scroll {background-color:#a1a1a1;cursor:pointer;}
/*---------------------------------------------------------*/
.report .item{position:relative;padding:5px;margin-right:5px;border-bottom:1px solid #d0d0d0}
.report .item .userPicture{width:52px;height:52px;float:left;margin-right:5px;vertical-align:top;border:1px solid #d0d0d0;-moz-border-radius: 5px 5px;border-radius: 5px 5px;}
.report .item .socialPicture{position:absolute;width:16px;height:16px;left:41px;top:41px;}
.report .item .userPicture32{width:32px;height:32px;/*float:left;margin-right:5px;*/vertical-align:top;border:1px solid #d0d0d0;-moz-border-radius: 5px 5px;border-radius: 5px 5px;}
.report .item .socialPictureGroup{position:relative;width:16px;height:16px;left:-17px;top:20px;}
.report .last{border-bottom:0;}
.report .item .text{min-height:40px;margin-bottom:15px;color:#000}
.report .item .text a{color:#00ACEE}
.report .item .text .picture{width:110px}
/*---------------------------------------------------------*/
.report .measure{position:absolute;bottom:5px;right:5px}

/*---------------------------------------------------------*/
.publish .item{position:relative;padding:5px;margin-right:5px;border-bottom:1px solid #d0d0d0}
.publish .item .userPicture{width:52px;height:52px;float:left;margin-right:5px;vertical-align:top;border:1px solid #d0d0d0;-moz-border-radius: 5px 5px;border-radius: 5px 5px;}
.publish .item .socialPicture{position:absolute;width:16px;height:16px;left:58px;top:66px;}
.publish .item .userPicture32{width:32px;height:32px;/*float:left;margin-right:5px;*/vertical-align:top;border:1px solid #d0d0d0;-moz-border-radius: 5px 5px;border-radius: 5px 5px;}
.publish .item .socialPictureGroup{position:relative;width:16px;height:16px;left:-17px;top:20px;}
.publish .last{border-bottom:0;}
.publish .item .text{min-height:40px;margin-bottom:15px;color:#000;width:700px}
.publish .item .text a{color:#00ACEE}
.publish .item .text .picture{width:110px}
.publish .item .actions{position:absolute;border:1px solid #d0d0d0;-moz-border-radius: 5px 5px;border-radius: 5px 5px;right:5px;top:5px;cursor:pointer;}

        
/* ------------------ buffer button ----------------*/
.buffer-signin {
position: absolute;
bottom: 0;
height: 40px;
overflow: hidden;
background-color: #4C9E46;
margin: 0;
}

.buffer-signin, .signin-button {
position: relative;
display: inline-block;
text-align: left;
margin: 0 0 8px;
font-size: 14px;
font-weight: normal;
color: #fff !important;
width: 220px;
line-height: 40px;
border: 0 !important;
padding: 0 !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.expanded .signin-button.buffer, .signin-button.buffer:hover {
background: #51AA4B;
}
.signin-button.buffer {
background: #4C9E46;
margin: 0;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.signin-button.buffer_blue {
background: #00acee;
margin: 0;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.buffer-signin:hover, .signin-button:hover {
color: #fff;
}
a:hover {
color: #bbb;
}

/*  ----------- david added following for dropdown list in black theme -------------*/

div.selector select {
    margin-top: 10px;
    margin-left: 5px;
}

div.selector span {
    color: #ccc !important;

}

#content 
{
    background-color: #E3E3E3;
    background-image: url(images/bg-grey.png);
}

/* ------------ for manage/campaign table header -----------*/
table.GridStyleBottomLine td 
{
    
    color:#333;
}

table.GridStyleBottomLine th 
{
    color:#fff;
    background-color: #555 !important;
    background-image: none;
}

#ctl00_ctl00_body_pagebody_gridTrackingCampaign tr
{
    height:40px;
}

.widget > div 
{
  background-image:none !important;   
}
/* -----------------------------*/

#gridChannels tr
{
    border-top: 1px solid #b7b7b7;
    height:42px;
}

#gridChannels td, #tbScheduleSettings td, #tdSchedulePeriod td
{
   color: #333;
}

#dtpFromDateCalender_CalendarExtender_daysTableHeaderRow
{
    background-image:none !important;
    background-color:#C3C3C3;
}



.editform_tr 
{
    height:50px; 
   
}

#flsetAddKeyWord td 
{
    padding-top:10px;
    padding-bottom:10px;
}

/*-----------Bubble Graph----------------*/

.container600_Bubble {
position: relative;
width: 620px;
background-color: #fff;
/*border-top: 1px solid #cdcdcd;*/
/*padding: 5px*/
height: auto;
min-height: 80px;
-moz-border-radius: 5px 5px;
/*border-radius: 5px 5px;*/
margin-bottom: 15px;
}

.container_PopUpReport {
position: relative;
/*width: 600px;*/
background-color: #fff;
/*border-top: 1px solid #cdcdcd;*/
/*padding: 5px*/
height: auto;
min-height: 80px;
-moz-border-radius: 5px 5px;
/*border-radius: 5px 5px;*/
border-bottom: solid 1px lightgray;
}
/*-------------------------------------*/
.arrow_box {
	position: relative;
	background: #ffffff;
	border: 0px solid #fff;
    width:0px;
    margin-left:150px
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}
.arrow_box:before {
	border-color: rgba(204, 202, 202, 0);
	border-top-color: #cccaca;
	border-width: 22px;
	left: 0;
	margin-left: -22px;
}
/*-----------------------------*/

.bubbleActionItem {
display:inline;background-color: whitesmoke;
color: green;
cursor: pointer;

}

.bubbleActionText {
font-size: 15px;
font-weight: bold;
color: black;
}

.SummaryHeaderTableDashboard {
    background-color: #fff !important;
    
    
}

.SummaryHeaderTableDashboard td {
position: relative;
text-align: center !important;
border: 0px !important;

vertical-align: top !important;
width: 12%;
border-left: 1px solid #cccccc !important;
border-right: 1px solid #cccccc !important;
border-bottom: 1px solid #cccccc !important;
}

/**/
.ui-button .ui-icon.icBubbleIcon {
    background-image: url(../../css/images/icons/light/record.png);
width: 18px;
background-repeat: no-repeat;
background-position: center;
height: 16px;
}

.ui-button .ui-icon.icAreaIcon {
    background-image: url(../../css/images/icons/light/graph.png);
 width: 18px;
background-repeat: no-repeat;
background-position: center;
height: 16px;
}

.ui-button .ui-icon.icPieIcon {
    background-image: url(../../css/images/icons/light/chart_8.png);
 width: 18px;
background-repeat: no-repeat;
background-position: center;
height: 16px;
}

.ui-button .ui-icon.icTableIcon {
    background-image: url(../../css/images/icons/light/grid.png);
width: 18px;
background-repeat: no-repeat;
background-position: center;
height: 16px;
}

/*/// <reference path="../css/images/icons/light/google_maps.png" />*/

.ui-button .ui-icon.icMapIcon {
    background-image: url(../../css/images/icons/light/google_maps.png);
width: 18px;
background-repeat: no-repeat;
background-position: center;
height: 16px;
}

.ui-button .ui-icon.icEngageUsersIcon {
    background-image: url(../../css/images/icons/light/users.png); 
width: 18px;
background-repeat: no-repeat;
background-position: center;
height: 16px;
}
/*
.divGraphOPT  .ui-buttonset .ui-button {
margin-left: 0 !important;
margin-right: -8px !important;

}


 .divGraphOPT  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #666 !important;
font-weight: bold !important;
color: #eee !important;


}
*/

.divGraphOPT {
float: right;
/*margin-bottom: 10px;*/
} 

.TableChartHeader {
font-size: 12px;
/*font-weight: bold;*/
    font-family: Arial;
color: black;
background-color: lightgray;
}


.TableChartHeader .google-visualization-table-sortind {
 
color: black !important;
 
}



.TableChartEvenRows {
font-size: 14px;
font-weight: bold;
color: #333;
    text-align: center;
}

.TableChartOddRows {
font-size: 14px;
font-weight: bold;
color: #333;
    text-align: center;
}

.TableChartOddRows  td {
 
    text-align: center !important;
}

.TableChartEvenRows  td {
 
    text-align: center !important;
}




.container_EngageUsers {
position: relative;
/*width: 600px;*/
/*background-color: #fff;*/
/*border-top: 1px solid #cdcdcd;*/
/*padding: 5px*/
height: auto;
min-height: 110px;
-moz-border-radius: 5px 5px;
/*border-radius: 5px 5px;*/
/*margin-bottom: 15px;*/
/*border-bottom: solid 1px lightgray;*/
}



 .stream .description433 {
width: 433px;
display: table-cell;
padding-left: 10px;
}

.reportTwetMentionLargeNumbers {
display: table-cell;
border-left:solid  3px #ff0000; 
font-size: 67px;
min-height: 55px;
}

.reportPostDetailsNumbers {
display: table-cell;
 
font-size: 30px;
min-height: 55px;
}

.arrow_box_PopUp {
position: relative;
width: 0px;
    z-index: 500;
/*margin-left: 486px !important;*/
/*margin-bottom: 9px !important;*/
}
.arrow_box_PopUp:after, .arrow_box_PopUp:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_PopUp:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color:  #d6e9f8;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}
.arrow_box_PopUp:before {
	border-color: rgba(204, 202, 202, 0);
	/*border-top-color: #cccaca;*/
	border-width: 22px;
	left: 0;
	border-top-color: #cccaca;
	margin-left: -20px;
}


.divReportPopUpTitle
{
    font-weight: bold !important;
    color: black !important;
    text-shadow: none !important;
    height: 28px;
    padding-left: 5px;
  /*  background-image: url("images/black-gradient-28.png");
    background-repeat: repeat-x;*/
 
    font-size: larger !important;
    height: 30px !important;
    position: relative !important;
    background-color: white;
}


.smallReportContainer {
    background-color:#fff;
     -moz-border-radius: 5px 5px;
    border-radius: 5px 5px;
    height: 700px;
    width: 800px;
    
}

.container_float_800_fff
{
    width:800px;
 margin:0px;
 float:left;
 color:#000;
 background:#fff;
 border:1px solid #cdcdcd;
 height: auto;
/* min-height:180px;*/
 -moz-border-radius: 5px 5px;
 border-radius: 5px 5px;
 /*margin-bottom:15px;*/
    padding: 5px;
 margin-bottom: 15px;
 }
 
 .container_float_800_Transparent
{
    width:800px;
 margin:0px;
 float:left;
 color:#000;
 background:transparent;
 border:1px solid #cdcdcd;
 height: auto;
/* min-height:180px;*/
 -moz-border-radius: 5px 5px;
 border-radius: 5px 5px;
 /*margin-bottom:15px;*/
    padding: 5px;
 margin-bottom: 15px;
 }
  .headercontainer_float_800_fff  
{
   /* position:relative;*/
 padding-top:6px;
     width:795px;
 -moz-border-radius-topleft: 5px 5px;
 -moz-border-radius-topright: 5px 5px;
 border-top-left-radius: 5px 5px;
 border-top-right-radius: 5px 5px;
 height:22px;
  padding-left:5px; 
 background-image :url("images/black-gradient-28.png");
 background-repeat:repeat-x;
 color:#fff;
 }
 
 
 .EngageTableChartEvenRows {
/*font-size: 14px;*/
/*font-weight: bold;*/
color: #333;
 
}

.EngageTableChartOddRows {
/*font-size: 14px;*/
/*font-weight: bold;*/
color: #333;
 
}

.EngageTableChartEvenRows  td {
 
    text-align: center !important;
    font-family: Arial;
    font-size: 12px;
}

.EngageTableChartOddRows  td {
 
    text-align: center !important;
    font-family: Arial;
    font-size: 12px;
}
.Datelabel{
    margin-left: 5px;
    color: #3d3d3d;
}

 .tableQuickStatsInsight td 
 {
     border: none !important;
border-bottom: 1px dotted #cccccc !important;
text-align: left;
}

.tableQuickStatsInsight {
    
    
    
}


.QuickStatsInsightValue {
display: inline-block;
/*width: 60px;*/
color: #00a3d3;
font-size: 18px !important;
}


.QuickStatsInsightLabel {
display: inline-block;
margin-left: 5px;
width: 90px;
}
/*-----------------------------*/


.Followbutton {
   padding:5px 5px 5px 30px !important;
    background:url("../../images/add_icon.png") no-repeat 5px center;
    background-size:20px 20px;
}

.UnFollowbutton {
   padding:5px 5px 5px 30px !important;
    background:url("images/unfollow.png") no-repeat 0px center;
background-size: 32px 32px;
}