/*Messages & News Styles*/
.portlet .news-article   { margin-bottom: 20px; }
.portlet .news-article a { font-size: 10px; }
.portlet .news-more      { float: right; font-size: 11px; margin-top: -8px; }
.news-postdate           { color: #aaa; font-size: 11px; margin-top: 3px; font-family: Tahoma, Arial; }
#popup .news-header      { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
#popup .news-content     { margin-bottom: 10px; }
#popup .news-article-list .news-article { padding: 15px 0; border-bottom: 1px solid #ccc; }
a.newmessage { 
    background: url("../images/rt/btn-newmessage.png") no-repeat;
    cursor: pointer;
    display: block;
    height: 27px;
    margin-top: 35px;
    width: 123px; 
}

/*Widget Selector*/
.portlet a.widget-option { display: block; width: 100%; border-bottom: 1px solid #CCCCCC; padding: 8px 0; width: 100%; }
.portlet a.widget-option:first-of-type { margin-top: -8px; }
.portlet a.widget-option:hover { background: url('../images/rt/btn-add.png') no-repeat; background-position: right center; }

/*KnowledgeBase Styles*/
.kb-portlet-content li      { list-style-type: none; }

/*Ticket Styles*/
.ticket-grid            { border-spacing: 0; }
.ticket-grid td         { font-size: 12px; }
.ticket-grid tr th      { text-align:left; padding-left:10px; padding-right:10px; }
.ticket-grid th.title   { text-align: left; font-weight: bold; font-size: 11px; color: #fff; padding: 5px; height: 25px; }
.ticket-grid th.spacer  { }
/*.ticket-grid tr         { border-bottom: #ebebeb solid 1px; }*/

.ticket-grid td.days-open           { width: 45px; font-weight: bold; }
.ticket-grid td.days-in-shop        { width: 70px; }
.ticket-grid td.equipment-details   { font-weight: bold; }
/*.ticket-grid span.customer          { font-size: 12px; }*/

.ticket-grid .ticket-high th.title       { background: #d53f40; }
.ticket-grid .ticket-high th.spacer      { background: #fef5f6; }
.ticket-grid .ticket-high td.days-open   { color: #d53f40; }
.ticket-grid .ticket-medium th.title     { background: #e8b30f; }
.ticket-grid .ticket-medium th.spacer    { background: #fefbf4; }
.ticket-grid .ticket-medium td.days-open { color: #e8b30f; }
.ticket-grid .ticket-low th.title        { background: #3b86c4; }
.ticket-grid .ticket-low th.spacer       { background: #f5f9fc; }
.ticket-grid .ticket-low td.days-open    { color: #3b86c4; }


/* Config Styles*/
.portlet-config h4 {
    font-size: 16px;
}

.config-ticket-low {background-color: rgb(240, 240, 9); border-top-right-radius: 3px 3px; border-bottom-right-radius: 3px 3px;
             -moz-border-top-right-radius: 3px 3px; -moz-border-bottom-right-radius: 3px 3px;
             border: 1px solid #8c8c8c;border-left: none; color: black}
.config-ticket-medium {background-color: #F6A51C ;border: 1px solid #8c8c8c; border-left: none; border-right: none; color: white}
.config-ticket-high {background-color: #ff0000; border-top-left-radius: 3px 3px; border-bottom-left-radius: 3px 3px;
              -moz-border-top-left-radius: 3px 3px; -moz-border-bottom-left-radius: 3px 3px;
              border: 1px solid #8c8c8c;border-right: none;}

.assignment-me {background-color: #B8CAFF; border-top-left-radius: 3px 3px; border-bottom-left-radius: 3px 3px;
                -moz-border-top-left-radius: 3px 3px; -moz-border-bottom-left-radius: 3px 3px;
                border: 1px solid #8c8c8c;border-right: none;}
.assignment-others {background-color: #9BB4FF; border: 1px solid #8c8c8c; border-left: none; border-right: none;}
.assignment-unassigned {background-color: #7E9FFF; border-top-right-radius: 3px 3px; border-bottom-right-radius: 3px 3px;
                        -moz-border-top-right-radius: 3px 3px; -moz-border-bottom-right-radius: 3px 3px;
                        border: 1px solid #8c8c8c;border-left: none;}
                        
.ui-multiselect-checkboxes label:hover,.ui-multiselect-checkboxes input:hover+label {
     
    background-color: #0084c7;
    border-bottom-color: #004c72;
    color: #fff !important;
    text-decoration: none;
    text-shadow: rgba(0, 0, 0, .5) 0 1px 0;   
}

ui-multiselect-checkboxes label
{
    color: #3b86c4; font-weight:bold;
}

#usergroupVal {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
  background: -moz-linear-gradient(top, #fff, #f5f5f5);
  background: -o-linear-gradient(top, #fff, #f5f5f5);
  background-color: #f5f5f5;
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  width:100% !important;
}

#ULusergroup {
    background-color: #fff;
    border-bottom: solid 1px #bbb;
}

#ULusergroup li label
{
    border-bottom: solid 1px #bbb;
    color: #3b86c4; font-weight:bold;
}

.equipmentHeader {
    margin-bottom: 0px;
    margin-right: 5px;
    border: solid 1px #ccc;
    /*border-bottom: none;*/
}

.equipmentHeader span {
    margin-right: 5px;
}

.equipmentDisplay {
    border: solid 1px #ccc;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    height: auto !important;
    margin-right: 5px;
     
}

.equipmentDisplayTable {
    width: 100%
}

.equipmentDisplayTable tr td, .equipmentDisplayTable tr th {
    width: 25%;
    padding: 3px 7px;
}

.eqStatusGreen, .eqStatusGreenFloat {
    font-weight: bold;
    background-color: #66FF66;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.eqStatusYellow, .eqStatusYellowFloat {
    font-weight: bold;
    background-color: #FFFF66;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.eqStatusRed {
    font-weight: bold;
    background-color: #CC3333;  
    color:#fff; 
    border-radius: 5px;
    -moz-border-radius: 5px;
}

#accordionEquipment, #accordionContacts {
    max-height: 550px;
    overflow: auto;
    margin-bottom: 10px;
}

.clear-search {
    cursor: pointer;
}

.contact-table {
    width: 100%;
    border: none;
}

.customerDisplay 
{
    border: solid 1px #ccc;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    height: auto !important;
    margin-right: 5px;
    padding: .5em .5em !important;
}

#orgs, #locs, #models, #group {
    background-color: white;
    font-family: inherit;
    border: 1px solid #cccccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 0 0 12px 0;
    padding: 6px;
    height: 32px;
    width: 100%;
    -webkit-transition: all 0.15s linear;
    box-sizing: border-box;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

#customer, #status, #location, #usergroup, #user, #impersonationCustomer, #impersonationUserGroup {
    font-family: inherit;
    border: 1px solid #cccccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    margin: 0 0 12px 0;
    padding: 6px;
    height: 32px;
    float:left;
    -webkit-transition: all 0.15s linear;
    box-sizing: border-box;
    background: url(../themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png) ;
    background-position: 50%;
    background-color: #e6e6e3;
    background-repeat: repeat-x;
}

.ticket-portlet #customer,
.ticket-portlet #status,
.ticket-portlet #location, 
.ticket-portlet #usergroup,
.ticket-portlet #user  {
    width: 237px;
}


#impersonationUserGroup,
#divImpersonationUser input,
#impersonationCustomer {
    width: 150px;
}

.showAllBtn {
    background: url(../images/rt/btn-expand-32.png);    
    cursor: pointer;
    width: 37px;
    height: 32px;
    background-repeat: none;
    float:left;
}

 .ddl-impersonate {
     width: 200px;
 }
 
 .usergrouphidden, .userhidden {
     display: none;
 }
 
 .contact-count {
     width:50px !important;
     text-align: right !important;
 }
 
 .tt-widget-chk {
     margin-right: 7px;
 }
 
 .ticket-high .ui-icon-plus, .ticket-medium .ui-icon-plus, .ticket-low .ui-icon-plus 
 {
     height: 16px;
     width:16px;
     background-image: url('../themes/base/images/ui-icons_888888_256x240.png');
     background-position: 238px 114px;
     margin-top: 5px;
     cursor: pointer;
     opacity:0.8;
     filter:alpha(opacity=80); 
 }
 
 .ticket-high .ui-icon-minus, .ticket-medium .ui-icon-minus, .ticket-low .ui-icon-minus 
 {
     height: 16px;
     width:16px;
     background-image: url('../themes/base/images/ui-icons_888888_256x240.png');
     background-position: 205px 114px;
     margin-top: 5px;
     cursor: pointer;
     opacity:0.8;
     filter:alpha(opacity=80); 
 }

 /*Equipment Styles*/
 a.newequipment {
    background: url("../images/rt/btn-newequipment.png") no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 27px;
    width: 134px;
    margin-top: -3px;
    margin-right: 20px;
 }

 /*Ticket Styles*/
 a.newticket {
    background: url("../images/rt/btn-generaltickett.png") no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 27px;
    width: 134px;
    margin-top: -3px;
    margin-right: 20px;
 }

 #contactSelect .ui-autocomplete {
     width: 400px !important;
 }

 /*User Group Styles*/
 a.newusergroup {
    background: url("../images/rt/btn-newusergroup.png") no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 27px;
    width: 134px;
    margin-top: -3px;
    margin-right: 20px;
 }
 
 /* Admin/Scientist View */
 .linkTicket, .linkEquipment {
     color: #000
 }
.divTicket {
    width: 616px;
    clear: both;
    height: 46px; 
    margin-bottom: 3px
}
.divTicketID {
    width: 52px; 
    height: 23px; 
    color: #fff; 
    margin: 0 0 0 -4px; 
    position: relative;
    top: 5px;
    left: 10px;
}
.divTicketDaysOpen {
    width: 26px; 
    height: 23px; 
    color: #fff; 
    margin: 0 0 0 5px; 
    float:left; 
    font-size: 1.1em;
    font-weight: bold
}
.divTicketDaysInShop {
    width: 26px; 
    height: 23px;
    color: #fff; 
    margin: 0 5px 0 0; 
    text-align: right;
    float: right;
}
.divTicketActivityStatus {
    display: block;
    width: inherit;
    height: 19px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-left: 5px;
    margin: 4px 0 0 0;
}

.divTicketLastActivityDate {
    display: block;
    width: inherit;
    height: 23px;
    padding-left: 5px;
}

.divTicketLastActivityDateMoreThan7 {
    display: block;
    width: 77px;
    height: 18px;
    padding-left: 5px;
    background-color: #EE1F23;
    color: #fff;
    font-weight: bold;
}

.divTicketEquipmentImg {
    padding-left: 4px;
    float: left;
    width: 44px;
    ;
    display: block;
    margin: 0 0 0 6px;
}

.imgEquipmentIcon {
    width: 35px;
    height: 35px;
    margin: 5px 0 0 0;
}

.divTicketModelSerial {
    height: 23px;
    width: 466px;
    display: block;
}

.divTicketModel {
    float: left;
    padding-left: 5px;
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin: 4px 0 0 0;
}

.divTicketSerial {
    float: left;
    padding-left: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #3F87C4;
    display: block;
    margin: 4px 0 0 0;
}

.divTicketEquipmentLocationAndUser {
    height: 23px;
    width: 466px;
    display: block;
}

.divTicketEquipmentLocation {
    font-size: 13px;
    padding-left: 5px;
    width: 219px;
    float: left;
    display: block;
}

.divTicketAssignedToUser {
    font-size: 13px;
    display: block;
}





/* new rules */

.divTicket {
    width: 616px;
    clear: both;
    height: 46px;
    margin-bottom: 3px;
}

.divTicket .region-a,
.divTicket .region-b,
.divTicket .region-c {
    float: left;
    height: 46px;
    display: block;
}

.divTicket .region-d {
    float: right;
    height: 36px;
    display: block;
}

.divTicket .region-a {border-radius: 5px 0px 0px 5px;}
.divTicket .region-c {border-radius: 0px 5px 5px 0px;}
.divTicket .region-d {border-radius: 5px 0px 0px 5px;}


/* user can NOT edit */

.divTicket .region-a{ background-color: #B3B3B3 }
.divTicket .region-b{ background-color: #E9EAE9 }
.divTicket .region-c{ background-color: #F9FAFA }
.divTicket .region-d{ background-color: #B3B3B3 }

.divTicket.High .region-a{ background-color: #EE1F23 }
.divTicket.High .region-b{ background-color: #F8AFB1 }
.divTicket.High .region-c{ background-color: #FCE5E6 }
.divTicket.High .region-d{ background-color: #EE1F23 }

.divTicket.Medium .region-a{ background-color: #F6A51C }
.divTicket.Medium .region-b{ background-color: #FBE3B0 }
.divTicket.Medium .region-c{ background-color: #FDF8E8 }
.divTicket.Medium .region-d{ background-color: #F6A51C }

.divTicket.Low .region-a{ background-color: #E7E515 }
.divTicket.Low .region-b{ background-color: #F5F5B4 }
.divTicket.Low .region-c{ background-color: #FCFCE8 }
.divTicket.Low .region-d{ background-color: #E7E515 }

.divTicket.cannotEdit .region-a {width: 70px}
.divTicket.cannotEdit .region-b {width: 194px; padding : 0 0 0 1px;}
.divTicket.cannotEdit .region-c {width: 341px; padding: 0 0 0 3px;}
.divTicket.cannotEdit .region-d {width: 70px}

.divTicket.canEdit .region-a {width: 70px}
.divTicket.canEdit .region-b {width: 160px}
.divTicket.canEdit .region-c {width: 375px}
.divTicket.canEdit .region-d {width: 70px}



/* rules end */


/* Customer View */
.linkTicketUser, .linkEquipmentUser {
    color: #000;
}

.divTicketUser {
    width: 583px;
    clear: both;
    height: 46px;
    margin-bottom: 2px;
    margin-left: 13px;
}

.divTicketIDUser {
    width: 52px;
    height: 23px;
    color: #fff;
    margin: 0 auto;
}

.divTicketDaysOpenUser {
    width: 26px;
    height: 23px;
    color: #fff;
    margin: 0 0 0 8px;
    text-align: center;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
}

.divTicketDaysInShopUser {
    width: 26px;
    height: 23px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    float: left;
}

.divTicketActivityStatusUser {
    display: block;
    width: 155px;
    height: 23px;
    font-weight: bold;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    float: left;
    padding-left: 4px;
    padding-top: 4px;
}

.divTicketLastActivityDateUser {
    display: block;
    width: 116px;
    height: 23px;
    float: left;
    padding-left: 4px;
}

.divTicketLastActivityDateMoreThan7User {
    display: block;
    width: 77px;
    height: 18px;
    padding-left: 5px;
    background-color: #EE1F23;
    color: #fff;
    font-weight: bold;
}

.divTicketEquipmentImgUser {
    padding-left: 4px;
    float: left;
    width: 44px;
    ;
    display: block;
}

.imgEquipmentIconUser {
    width: 44px;
    height: 44px;
}

.divTicketModelSerialUser {
    height: 23px;
    width: 466px;
    display: block;
}

.divTicketModelUser {
    float: left;
    padding-left: 5px;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    padding-top: 4px;
    height: 23px;
}

.divTicketSerialUser {
    float: left;
    padding-left: 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: #3F87C4;
    display: block;
    padding-top: 4px;
    height: 23px;
}

.divTicketEquipmentLocationAndUserUser {
    height: 23px;
    width: 466px;
    display: block;
    padding-left: 50px;
}

.divTicketEquipmentLocationUser {
    font-size: .9em;
    padding-left: 5px;
    width: 220px;
    float: left;
    display: block;
}

.divTicketAssignedToUserUser {
    font-size: .9em;
    display: block;
}

.divTicketLeftUser {
    width: 52px;
    float: left;
    background-color: #B3B3B3;
    height: 46px;
    border-radius: 5px 0px 0px 5px;
}

.divTicketCenterUser {
    width: 116px;
    float: left;
    background-color: #E9EAE9;
    height: 46px;
    display: block;
}

.divTicketRightUser {
    width: 410px;
    float: left;
    background-color: #F9FAFA;
    height: 46px;
    border-radius: 0px 5px 5px 0px;
    display: block;
}


/* image status */

.imgstatus-0,
.imgstatus-1,
.imgstatus-2,
.imgstatus-3,
.imgstatus-4,
.imgstatus-5,
.imgstatus-6,
.imgstatus-7,
.imgstatus-8,
.imgstatus-9,
.imgstatus-10 {
    background: url("../images/rt/pies.png") no-repeat;
    width: 31px;
    height: 31px;
    display: inline-block;
    margin-top: 8px;
    overflow: hidden;
    float: left;
}

.imgstatus-0{ background-position: -609px 0 }
.imgstatus-1{ background-position: -33px 0 }
.imgstatus-2{ background-position: -64px 0 }
.imgstatus-3{ background-position: -97px 0;}
.imgstatus-4{ background-position: -128px 0;}
.imgstatus-5{ background-position: -160px 0;}
.imgstatus-6{ background-position: -192px 0;}
.imgstatus-7{ background-position: -224px 0;}
.imgstatus-8{ background-position: -257px 0;}
.imgstatus-9{ background-position: -289px 0;}
.imgstatus-10 { background-position: 0px 0;}

.spanActivityAndDateOfLastActivity { width: 155px; display: block; float: left; height: 45px; }


/* jqplot styles */
.equipment-jqplot .jqplot-table-legend {
    font-weight: bold;
}

.equipment-jqplot .jqplot-series-1,
.equipment-jqplot .jqplot-series-0 {
    font-size: 12px;
}

.equipment-jqplot .jqplot-series-1,
.equipment-jqplot .jqplot-series-2{
    color: black;
    font-size: 12px;
}


.troubleTickets-jqplot .jqplot-table-legend {
    font-weight: bold;
}

.troubleTickets-jqplot .jqplot-series-3,
.troubleTickets-jqplot .jqplot-series-1,
.troubleTickets-jqplot .jqplot-series-0 {
    color: white;
    font-size: 12px;
}

.troubleTickets-jqplot .jqplot-series-2{
    color: black;
    font-size: 12px;
}

.jqplot-point-label {
    font-family: arial;
}

/* Equipment Widget Styles*/
.ticket-grid2 .type-label{
    font-weight: bold;
    line-height: 20px;
}

.ticket-grid2 .equipment_serial {
    color: #2ba6cb;
}

.ticket-grid2 a {
    color: black;
}
    
.ticket-grid2 .icon-external-link{
    color: rgb(156, 153, 153);
}

.ticket-grid2 .icon-signin {
    float: right;
    margin-right: 6px;
}

.config-select input {
    position: relative;
    top: 2px;
}

.config-select-single {
    width: 136px;
    float: left;
    margin-left: 24px;
}

.config-select-single label {
    display: inline;
}

.available-options .config-select,
.status-options .config-select,
.egtypes-options .config-select {
    background-color: #9BB4FF;
    border-top: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
    border-bottom: 1px solid #8c8c8c;
    color: white;
    padding: 0;
    width: 105px;
    float: left !important;
    font-size: 10px;
    position: relative;
    left: 15px;
}

.available-options .config-select:last-of-type,
.status-options .config-select:last-of-type,
.egtypes-options .config-select:last-of-type {
    background-color: #B8CAFF;
    border-top-right-radius: 3px 3px;
    border-bottom-right-radius: 3px 3px;
    -moz-border-top-right-radius: 3px 3px;
    -moz-border-bottom-right-radius: 3px 3px;
    color: black
}

.available-options .config-select:first-of-type,
.status-options .config-select:first-of-type,
.egtypes-options .config-select:first-of-type {
    background-color: #7E9FFF; 
     -moz-border-top-left-radius: 3px 3px;
    -moz-border-bottom-left-radius: 3px 3px;
    border-top-left-radius: 3px 3px;
    border-bottom-left-radius: 3px 3px;
    border-left: 1px solid #8c8c8c;
}


.ticket-red {
    background-color: #ff0000 !important;
    color: white !important;
}

.ticket-yellow {
    background-color : rgb(240, 240, 9) !important;
    color: black !important;
}

.ticket-green {
    background-color: #3cb300 !important; 
    color: white !important;
}

.ticket-grid2 .ticket-item {
    height: 45px;
    overflow: hidden;
}



.ticket-grid2 .ticket-item b {
    font-size: 15px;
    font-family: 'Arial Bold', Gadget, sans-serif;
}

.ticket-item .region-a {
    background-color: #f7f7f7;
}

.ticket-item .region-b {
    background-color: #e8e8e8;
}

.ticket-item .region-c {
    background-color: #b3b3b3;
    color: white;
}

.ticket-item .region-d {
    background-color: #f7f7f7;
}

.ticket-item .region-c .large-number {
    font-size: 20px
}

.ticket-grid2 .rounded-edges {
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    overflow: hidden;
    margin-bottom: 3px; 
}

.ticket-item .region-a,
.ticket-item .region-b,
.ticket-item .region-c {
    cursor: pointer;
    height: 46px;
    line-height: 20px;
    padding-top: 3px;
}

.ticket-item .region-d {
    cursor: pointer;
    height: 36px;
    line-height: 15px;
    padding-top: 3px;
}

.ticket-item .region-b .row,
.ticket-item .region-c .row {
    padding-left: 10px;
}

.ticket-item .region-a img {
    width: 35px;
    height: 35px;
    float: left;
}

.ticket-item .region-d img {
    width: 25px;
    height: 25px;
    float: left;
}

.ticket-item .region-a .section-1 {
    width: 290px;
    padding: 0 0 0 30px;
    float: left;
}

.ticket-item .region-d .section-1 {
    width: 250px;
    padding: 0 0 0 30px;
    float: left;
}

.ticket-item .image img {
    margin-top: 2px;
}

.divTicket .icon-cloud,
.ticket-grid2 .icon-cloud {
    color: #9C9999;
}

#bookmark-grid {
    max-width: 578px;
    margin: 0 auto 0 auto;
    list-style: none;
}

#bookmark-grid .bookmark-item {
    background-color: #F7F7F7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
    margin: 0 auto 5px auto;
    height: 46px;
    padding: 5px 0 5px 0;
    max-width: 577px;
}
#bookmark-grid .bookmark-item div{
    line-height: 22px;
}

#bookmark-grid .bookmark-item.selected {
    position: relative;
    z-index: 2;
    background-color: #D3D3D3;
    -moz-box-shadow: 0px 0px 10px #363636;
    -webkit-box-shadow: 0px 0px 10px #363636;
    box-shadow: 0px 0px 10px #363636;
}
#bookmark-grid .item-content {
    position: relative;
    bottom: 3px;
    padding: 10px;
    background: #F7F7F7;
    margin: 0 auto 0 auto;
    width: 560px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    overflow: hidden;
    display: none;
    border-bottom: 1px solid #8B8B8B;
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
}

#bookmark-grid .bookmark-item .title,
#bookmark-grid .bookmark-item .type {
    font-family: 'Arial Bold', Gadget, sans-serif;
    color: #3B86C4;
    width: 330px;
}

#bookmark-grid .bookmark-item .type {
    line-height: inherit;
    position: relative;
    bottom: 3px;
    right: 6px;
}

#bookmark-grid .bookmark-item .controls {
    text-align: right;
    width: 180px;
    padding-left: 0;
}

.bookmark-item.Download .title.eight{
    width: 61.66667%;
}

.bookmark-item.Download .controls.one{
    width: 27% !important ; 
}


#bookmark-grid .bookmark-item .image,
#bookmark-grid .bookmark-item .title,
#bookmark-grid .bookmark-item .controls {
    display: inline-block;
    vertical-align: middle;
}

#bookmark-grid .selected .icon-double-angle-up,
#bookmark-grid .selected .icon-remove,
#bookmark-grid .selected .icon-reorder {
    color: #747474;
}

#bookmark-grid .icon-double-angle-up,
#bookmark-grid .icon-double-angle-down,
#bookmark-grid .icon-remove,
#bookmark-grid .icon-reorder {
    color: #C4C4C4;
}

#bookmark-grid .icon-remove {
    font-size: 22px;
    padding: 0 0 0 4px;
    position: relative;
    bottom: 1px;
    cursor: pointer;
}

#bookmark-grid .icon-double-angle-up,
#bookmark-grid .icon-double-angle-down {
    font-size: 23px;
    position: relative;
    top: 1px;
    font-weight: bold;
    cursor: pointer;
}

#bookmark-grid .icon-reorder {
    font-size: 19px;
    position: relative;
    bottom: 1px;
    padding: 0 0 0 4px;
    cursor: move;
}

#bookmark-grid .bookmark-item .image img {
    height: 30px;
    position: relative;
    top: 3px;
}
#bookmark-grid .bookmark-item .image {
    width: 40px;
    margin-left: 8px;
}

.config-loading {
     background: #fff url('../images/rt/loading.gif') no-repeat; 
     background-position: center; 
}

.portlet-config .showAllResults {
    margin-right: 7px;
    cursor: pointer;
    color: #8A8A8A;
}
.portlet-config .showAllResults:hover {
    color: black;
    float: left;
}


/* Default Dashboard Portlet */

.DefaultDashboardConfigView > .save {
    margin-bottom: 14px;
    margin-top: 3px;
}

.portlet .DefaultDashboardConfigView a.widget-option.create-new {
    border-top: 1px solid #CCC;
    margin-top: 9px;
}

.portlet .DefaultDashboardConfigView  a.widget-option.view-all:hover {
    background: url('../images/rt/wrench-icon.png') no-repeat;
    background-position: right center;
}