﻿.printIconDown 
{
    padding-left: 15px;
    background-image: url(../Images/arrowDown.gif);
    background-repeat: no-repeat;
    background-position: left;
    cursor: hand;
}

.printIconUp
{
    padding-left: 15px;
    background-image: url(../Images/arrowUp.gif);
    background-repeat: no-repeat;
    background-position: left;
    cursor: hand;
}

.LinkTaskLink{background-image: url(../Images/Link.png);background-repeat: no-repeat;}
.SpannerTaskLink{background-image: url(../Images/Spanner.png);background-repeat: no-repeat;}
.UserAccessReviewTaskLink{background-image: url(../Images/Spanner.png);background-repeat: no-repeat;}
.CreateMonthlyStatusTaskLink{background-image: url(../Images/Spanner.png);background-repeat: no-repeat;}

.LinkCommunicationLink{background-image: url(../Images/Link.png);background-repeat: no-repeat;}
.SpannerCommunicationLink{background-image: url(../Images/Spanner.png);background-repeat: no-repeat;}
.UserAccessReviewCommunicationLink{background-image: url(../Images/Spanner.png);background-repeat: no-repeat;}
.CreateMonthlyStatusCommunicationLink{background-image: url(../Images/Spanner.png);background-repeat: no-repeat;}


 /*** Alert & Task Teaser ***/
.teaser span { display: inline-block;margin-left: 10px;vertical-align: top; }
.teaser span.icon { margin-left: 0;width: 15px; }


.CommunicationStoreHeaderBar {
/*
    cursor: pointer;
    border: 1px solid #b0b0b0;
    background-image: url(../images/collapsible-section-background.png);
    background-repeat: repeat-x;
    border-radius: 3px;
    -moz-border-radius: 3px;
*/
    color: #53542a;
    height: 32px;
    padding-left: 10px;
    margin-top: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
}
.CommunicationStoreHeaderTitle 
{
    font-family:Arial, Tahoma !important;
    font-size: 1.2em ;
    position: relative; 
    color: #595a5c;
    line-height: 32px;
    font-weight: bold; 

}
.CommunicationStoreHeaderFilter {
    float: right;
     margin: 3px;
}

.commRow {
    font-size: 12px;
    height: 25px;
}
.expandedComm
 {
    font-size: 14px;
    border: 0px solid #cccccc;
    margin: 5px 0;
    padding: 10px;
    page-break-inside: avoid;
    max-width: 750px;
}
/* Used to overrite Site.CSS 10 pixel padding on the P tag.... better solution??? */
.commsGrid_P {
    padding-bottom: 0px;
   
}
/* Used to overrite Site.CSS 10 pixel padding on the P tag.... better solution??? */
.commsGrid_P_Centre {
    padding-bottom: 0px;
    horiz-align: center;   
}

/*USed for Alert Grid*/
/*Simple 2 column row styles GRID STYLING BEGIN */
/*********************div grids**********************************/
.accordianTable {
     font-size: 11px; 
}
.accordianTable span { padding-top:4px; }

table {
    max-width: none !important;
}

.row
{
    clear:both;
}


div.grid .row
{
    clear:both;
}

.header div
{
    text-align:center;
}
.header
{
    text-align:center;
}

div.grid .top , td.top
{
    border-top: 1px solid;
}

div.grid .first , td.first
{
    border-left: 1px solid;
}


 div.grid .cell, .grid .align-middle
 {
     height:25px;
 }
 
 div.grid .cell, .cellTransparent
 {
     float:left; 
 }
 
 
 /*  COMMENTED OUT AS THIS IS INTERFERING WITH EARS2 CSS CLASSES
 td.cell
 {
     empty-cells:show
 }

div.grid .cell, td.cell
{
    height:25px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: #DDDDDD;
    background-color: #F7F7F7;
    vertical-align:middle;
    padding:2px;
    line-height:25px;
}
*/

.objectCell
{
    float: left;
    background-color: Transparent;
    vertical-align: middle;
    padding-left: 5px;
}

.grid .borderTop
{
    border-top: solid 1px #cccccc;
}

.grid .for-textbox
{
    width: 200px; 
    text-align:center;
}

.grid .for-label
{
    width: 250px; 
}

.grid .for-boolean
{
    text-align: center;
    width: 50px;
}

.grid .align-middle
{
    vertical-align: middle; display:inline;
}

.grid .w20px
{
    width: 20px; 
}

.grid .w30px
{
    width: 30px; 
}

.grid .w35px
{
    width: 35px;
}
.grid .w40px
{
    width: 40px;
}
.grid .h40w30px
{
    width: 30px;
    height: 40px;   
}

.grid .h40w35px
{
    width: 35px;
    height: 40px;   
}
.grid .w60px
{
    width: 60px;   
}
.grid .h40w60px
{
    height: 40px;   
    width: 60px;   
}
.grid .w75px
{
    width: 75px; 
   
}
.grid .w80px
{
    width: 80px; 
   
}
.grid .w90px
{
    width: 90px; 
   
}
.grid .w100px
{
    width: 100px; 
    
}
.grid .w120px
{
    width: 120px; 
    
}
.grid .h40w75px
{
    height: 40px;
    width: 75px; 
    
}

.grid .w140px
{
    width: 140px; 
}

.grid .w160px
{
    width: 160px; 
}

.grid .w200px
{
    width: 200px !important; 
}
.grid .w230px
{
    width: 230px !important; 
}
.grid .w300px
{
    width: 300px; 
}

.grid .w400px
{
    width: 400px; 
}

.grid .w430px
{
    width: 430px; 
}
.grid .w630px
{
    width: 630px; 
}
.grid .w650px
{
    width: 650px; 
}

.grid .w180px
{
    width: 180px; 
}

.grid .h25w180px
{
    height: 25px;
    width: 180px;    
}

.grid .h15w30px
{
    height: 15px;
    width: 30px;    
}


.grid .h15w20px
{
    height: 15px;
    width: 20px;    
}

.grid .h15w45px
{
    height: 15px;
    width: 45px;    
}
.grid .h15w65px
{
    height: 15px;
    width: 65px;    
}
/*AlertGrid END */
/*** Rel Comms Table ***/
.accordianTable th, .accordianTable td { border: 1px solid #cccccc; margin: 0;  }
.accordianTable td { padding: 2px 5px; }
.accordianTable th label { font-size: 11px; display: inline-block; width: 100%; cursor: pointer; padding: 2px 5px; }
#commsHeader { background-color: #F8F8F8; width: 100%; overflow: hidden; }
.commRow span { width: 15px; cursor: pointer; }
.CommunicationGridItems p { height: 100%; page-break-inside: avoid !important; }
.accordianTable tr, .accordianTable div, .accordianTable fieldset { page-break-inside: auto !important;}
#headerWrap { width: 100%; overflow-x: hidden; }
/*** END Rel Comms Table ***/

/***  Add Comms  ***/
.addComm label { width: 50px; text-align: right; display: inline-block; }
.addComm ul { list-style: none; display: inline-block; padding: 0; vertical-align: top; }
.addComm li { padding: 0; margin: 5px 0; }
.col1 { margin-left: 2px;width: 340px; }
.col2 label { width: 80px; float: left; }
.col2 span { margin-left: 85px; width: 200px; display: block; }
.addresseeList { background-color: white;width:285px;height: 60px; overflow-y: scroll; margin-left: 55px; }
.reminderSection { display: inline-block; }
/*** END Add Comms ***/

 .comm-popup .comm-title { white-space: normal; -moz-word-break: break-all; -o-word-break: break-all; word-break: break-all}
 .comm-popup .comm-details{ white-space: normal; -moz-word-break: break-all; -o-word-break: break-all; word-break: normal}
	.comm-col1 li { list-style: none; min-height: 20px; } 
    .comm-col2 li { list-style: none; min-height: 20px; }
    .comm-col3 li { list-style: none; min-height: 20px; }
	.comm-colHeader { display: inline-block; text-align: center; width: 100%; }
    .comm-popup ul { display: inline-block; padding: 0; margin: 0; vertical-align: top; }
    .comm-popup label { display: inline-block; text-align: right; width: 40px; float: left;  }
    .comm-col1 { width: 270px;}
    .comm-col1 label, .comm-title label { float: left; }
    .comm-col1 span { padding-left: 45px; display: block; }
    .comm-title span { display: block; }
    .comm-col3 { width: 200px; }
    .comm-popup .comm-col3 img { cursor: pointer; vertical-align: middle; }
    .comm-popup fieldset { min-height: 120px; display: block; margin-top: 10px; border: 1px solid silver; }
    .comm-col3 .spacer {float: left; width: 16px; text-align: center;margin-left: 0; }
    .comm-col3 span { display: block;white-space: normal;margin-left: 21px; }
    
    .comm-col2 { width: 260px; }
    .comm-popup .comm-col2 label { width: 95px; }
    .comm-popup .comm-col2-summary label { width: 95px; }
    .comm-col2 span { display: block;white-space: normal; margin-left: 100px; }
    .comm-col2-summary span { display: block;white-space: normal; margin-left: 100px; }

    	

.taskListItem{}
.taskListItemAlt {}

.expandSubTaskIcon 
{
    padding-left: 15px;
    background-image: url(../Images/InBoxPlus.png);
    background-repeat: no-repeat;
    background-position: left;
    cursor: hand;
}

.colapseSubTaskIcon
{
    padding-left: 15px;
    background-image: url(../Images/InBoxMinus.png);
    background-repeat: no-repeat;
    background-position: left;
    cursor: hand;
}
.noSubTaskIcon
{
    padding-left: 9px;
    background-image: url(../Images/transparentPixel.png);
    cursor: default;
    width: 15px;
    height: 15px;
}

.expandedSubTask
{
    display: block;
    visibility: visible;
}


.colapsedSubTask
{
    display: none;
    visibility: hidden;
}


