@import url('/css/common.css');

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
body
{	
	padding: 0;            
    margin: 0;        
	font-family: arial, helvetica, sans-serif;   
	font-size: 12px;
}
a
{
    color: #006699; 
    cursor: pointer;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
}
a:visited
{
    font-size: 12px;
    color: #006699;
    cursor: pointer;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
}
a:active
{
    font-size: 12px;
    color: #006699;
    cursor: pointer;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
}
a:link
{
    font-size: 12px;
    color: #006699;
    cursor: pointer;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
    cursor: pointer;
}
a.textSmLink:hover
{
    FONT-SIZE: 10px;
    COLOR: #cc0000;
    CURSOR: pointer;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
form
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
}
H2
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    MARGIN-TOP: 12px;
    MARGIN-BOTTOM: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    PADDING-BOTTOM: 5px;
    COLOR: #333333;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    border-bottom: solid #cccccc 1px;
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #333333;
    PADDING-TOP: 2px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
hr
{
    color: #d5d5d5;
}
img 
{ 
	border: 0px;
}
P
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

SELECT
{
    padding-right: 1px;
    margin-top: 0px;
    padding-left: 1px;
    font-size: 11px; 
    font-family: arial, helvetica, sans-serif;
}

select.noListItems
{
    width: 250px;
}

select.withListItems
{
    width: 250px;
    width: auto;
}
body.controlPanel
{
    margin: 0px;
}
body.controlPanelPopup
{
    margin: 3px;
    background-color: #eeeeee;
}
body.content
{
	margin: 0px;
}
div.content
{
	margin: 3px;	
}
div.sectionHeaderTable
{
	border-right: #cccccc 1px solid;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    margin:0px;  
    border-left: #cccccc 1px solid;
    padding-top: 3px;
    border-bottom: #cccccc 1px solid;
    background-color: #ffffff;
}
TABLE.sectionedTable
{
    border-right: #cccccc 1px solid;
    padding-right: 3px;
    padding-left: 3px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-left: #cccccc 1px solid;
    width: 100%;
    padding-top: 3px;
    border-bottom: #cccccc 1px solid;
    background-color: #ffffff;
}
TABLE.sectionedTableFilters
{
    border-right: #cccccc 1px solid;
    padding-right: 3px;
    padding-left: 3px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-left: #cccccc 1px solid;
    width: 100%;
    padding-top: 3px;
    border-bottom: #cccccc 1px solid;
}
TABLE.sectionedTable .indent
{
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    background-color: #ffffff;
}
.sectionedTable.rightBias TD {
    text-align:right;
}
.sectionedTable TD.c {
    text-align:center;
}
.sectionedTable TD.l {
    text-align:left;
}
.sectionedTable TD.r {
    text-align:right;
}
TD
{
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
}
TD.actions
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}
TD.actionEdit
{
    background-position: center 50%;
    background-image: url(/controlpanel/images/actions/actionedit.gif);
    width: 16px;
    cursor: pointer;
    background-repeat: no-repeat;
    height: 16px;
	vertical-align:middle;
}
TD.actionDelete
{
    background-position: center 80%;
    background-image: url(/controlpanel/images/actions/actiondelete.png);
    width: 18px;
    cursor: pointer;
    background-repeat: no-repeat;
    height: 18px;
	vertical-align:middle;
}
TD.actionRemove
{
    background-position: center 50%;
    background-image: url(/controlpanel/images/actions/actionremove.gif);
    width: 16px;
    cursor: pointer;
    background-repeat: no-repeat;
    height: 16px;
	vertical-align:middle;
}
TD.counterCell
{
}
TEXTAREA
{
    padding-right: 1px;
    margin-top: 0px;
    padding-left: 1px;
    font-size: 11px;
    margin-bottom: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    font-family: arial, helvetica, sans-serif;
    overflow:auto;
}
TH
{
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 3px;
    padding-top: 3px;
    font-family: arial, helvetica, sans-serif;
    background-color: #eeeeee;
}

UL
{
    margin-top: 2px;
    margin-bottom: 2px;
}

.alertLayer
{
    LEFT: 25%;
    WIDTH: 50%;
    POSITION: absolute;
    TOP: 15%;
}
.alertLayer INPUT
{
    padding-right: 15px;
    padding-left: 15px;
    font-size: 11px;
    background: #eeeeee;
    margin: 0px;
    color: #333333;
    font-family: arial, helvetica, sans-serif;
}
.alertLayer TABLE
{
    border-right: #cccccc 3px solid;
    padding-right: 10px;
    border-top: #cccccc 3px solid;
    padding-left: 10px;
    font-size: 12px;
    background: #eeeeee;
    padding-bottom: 10px;
    margin: 20px;
    border-left: #cccccc 3px solid;
    color: #333333;
    padding-top: 10px;
    border-bottom: #cccccc 3px solid;
    font-family: arial, helvetica, sans-serif;
}
.alertLayer TH
{
    background: #d5d5d5;
}
.searchButton 
{
	/*width:115px;*/
}
.inactiveButton 
{
	display: inline-block;
	outline: none;
	cursor: pointer;
	padding-bottom:5px;
	font-size: 13px; 
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color:#999999;
	height:24px;
	width:100px;
	-webkit-border-radius: 5px;
	border: solid 1px #CCCCCC;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DCDCDC));
	background: -moz-linear-gradient(top,  #F5F5F5,  #DCDCDC);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#DCDCDC');
}
.buttonGray
{
    border-right: #999999 1px solid;
    padding-right: 1px;
    border-top: #ffffff 1px solid;
    padding-left: 1px;
    font-size: 12px;
    background: #eeeeee;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #ffffff 1px solid;
    color: #666666;
    cursor: pointer;
    padding-top: 0px;
    border-bottom: #999999 1px solid;
    font-family: arial, helvetica, sans-serif;
    height: 18px;
}
.clearDisplay
{
    border-right: #cccccc 1px solid;
    padding-right: 5px;
    border-top: #cccccc 1px solid;
    padding-left: 5px;
    font-size: 12px;
    padding-bottom: 5px;
    border-left: #cccccc 1px solid;
    color: #333333;
    padding-top: 5px;
    border-bottom: #cccccc 1px solid;
    background-color: #ffffff;
}
.emboss
{
    border-right: #b3bccd 1px solid;
    border-top: #efefef 1px solid;
    font-size: 12px;
    background: #d7d7d7;
    border-left: #efefef 1px solid;
    color: #333333;
    border-bottom: #b3bccd 1px solid;
    font-family: arial, helvetica, sans-serif;
}
.errorEmboss
{
    border-right: #cccccc 1px solid;
    padding-right: 6px;
    border-top: #cccccc 1px solid;
    padding-left: 6px;
    padding-bottom: 6px;
    border-left: #cccccc 1px solid;
    width: 95%;
    padding-top: 6px;
    border-bottom: #cccccc 1px solid;
    background-color: #eeeeee;
}
.errorLayer
{
    left: 10%;
    width: 75%;
    position: absolute;
    top: 25%;
}
.errorLayer INPUT
{
    font-family: arial, helvetica, sans-serif;
	font-size:11px;
}
.errorLayer TABLE
{
    border-right: #cccccc 1px solid;
    padding-right: 10px;
    border-top: #cccccc 1px solid;
    padding-left: 10px;
    font-size: 12px;
    background: #eeeeee;
    padding-bottom: 10px;
    margin: 20px;
    border-left: #cccccc 1px solid;
    color: #cc0000;
    padding-top: 10px;
    border-bottom: #cccccc 1px solid;
    font-family: arial, helvetica, sans-serif;
}
.errorSectionDisplay
{
    border-right: #cccccc 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 12px;
    padding-bottom: 5px;
    border-left: #cccccc 1px solid;
    color: #cc0000;
    padding-top: 5px;
    background-color: #eeeeee;
}
.formIndent
{
    border-right: #cccccc 1px solid;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
    border-left: #cccccc 1px solid;
    padding-top: 12px;
    border-bottom: #cccccc 1px solid;
    background-color: #eeeeee;
}
.formIndent TABLE
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    padding-left: 4px;
    font-size: 12px;
    background: #eeeeee;
    margin: 9px;
    border-left: #cccccc 1px solid;
    color: #333333;
    padding-top: 4px;
    border-bottom: #cccccc 1px solid;
    font-family: arial, helvetica, sans-serif;
}
.formLabelBright
{
    padding-right: 2px;
    font-weight: bold;
    font-size: 12px;
    color: #999999;
    text-align: right;
}
.gridViewHeader
{
    color: #333333; 
	background-color:transparent;
	border-style:none;
	font-size: 12px;
	height: 1px;
	border:0px;
}
.gridViewHeader a:hover
{
    color:#006699; 
	background-color:transparent;
	border-style:none;
	font-size: 12px;
	height: 1px;
	border:0px;
}
.gridViewHeader a:link
{
    color:#006699; 
	background-color:transparent;
	border-style:none;
	font-size: 12px;
	height: 1px;
	border:0px;
}
.gridViewHeader a:visited
{
    color:#006699; 
	background-color:Transparent;
	border-style:none;
	font-size: 12px;
	height: 1px;
	border:0px;
}
.gridViewHeader a:active
{
    color:#323f6d; 
	background-color:Transparent;
	border-style:none;
	font-size: 12px;
	height: 1px;
	border:0px;
}
tr.select 
{
    COLOR: #333333;
    BACKGROUND-COLOR: #E3F1D9;
}
.highlight1
{
    color: #333333;
    background-color:blue;
}
.imageLink
{
    cursor: pointer;
    border: none;
}
.indent
{
    border-right: #cccccc 1px solid;
    padding-right: 1px;
    border-top: #cccccc 1px solid;
    font-size: 12px;
    background: #eeeeee;
    padding-bottom: 1px;
    margin-bottom:9px;
    margin-right:9px;
    margin-top:9px;
    border-left: #cccccc 1px solid;
    color: #333333;
    padding-top: 1px;
    border-bottom: #cccccc 1px solid;
    font-family: arial, helvetica, sans-serif;
}
.hint, 
.hint-dsbld 
{
    padding-right: 1px;
    font-size: 10px;
    padding-bottom: 1px;
    margin-bottom:9px;
    margin-right:9px;
    margin-top:9px;
    color: #666666;
    padding-top: 1px;
    font-family: arial, helvetica, sans-serif;
}
.hint-noMargin {
    float: right !important; 
    margin:0 !important; 
    padding: 0 !important;
}

.hint-dsbld
{
    color: #cccccc !important;
}
.inputError
{
    padding-right: 1px;
    margin-top: 0px;
    padding-left: 1px;
    font-size: 11px;
    margin-bottom: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    font-family: arial, helvetica, sans-serif;
    background-color: #eeeeee;
}

a.loadMoreLink
{
    font-size: 14px;
    font-weight: bold;
    color: #006699;
    text-decoration:none;
    text-align: center;
    vertical-align:text-top;
    font-family: arial, helvetica, sans-serif;
    width: 150px;
    cursor: pointer;
    padding-top: 15px;
}

a.loadMoreLinkDisable
{
    font-size: 14px;
    font-weight: bold;
    color: #ccc;
    text-decoration:none;
    text-align: center;
    vertical-align:text-top;
    font-family: arial, helvetica, sans-serif;
    width: 150px;
    padding-bottom:15px;
    padding-top: 15px;
}

.lov
{
	border: solid #cccccc 2px;
	background-color: #eeeeee;	
}
.outline
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
.staticInput
{
    padding-right: 1px;
    margin-top: 0px;
    padding-left: 1px;
    font-size: 11px;
    margin-bottom: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    font-family: arial, helvetica, sans-serif;
    background-color: #ffffff;
}
.subdued
{
    color: #999999;
    background-color: #eeeeee;
}
.textHigh
{
    color: #006699;
}
.textSm
{
    font-size: 10px;
    font-family: arial, helvetica, sans-serif;
    text-decoration:none;
}
.textSmHigh
{
    font-size: 10px;
    color: #666666;
}
.textSmInfo
{
    font-size: 10px;
    color: #666666;
}
.textSmWarning
{
    font-size: 10px;
    color: #cc0000;
}
.textWarning
{
    COLOR: #CC0000;
}
.tzLink 
{ 
	color:#006699; 
	text-decoration:none; 
	border-bottom:1px dotted; 
	font-size:10px; 
	cursor:help;
}
.hide-element 
{
   display:none;		
   position:absolute;
   width:170px;
   background-color: #eeeeee;
   border: #cccccc outset 1px;
}
.show-element 
{
  display:block;		
   position:absolute;
   min-width: 170px;
   background-color: #eeeeee;
   border: #cccccc outset 1px;
}   

.title
{
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
    padding-bottom: 5px;
    color: #333333;
    padding-top: 5px;
    font-family: verdana,arial, verdana, helvetica;
    text-decoration: none;  
}   
.crumb
{
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 10px;
    padding-bottom: 5px;
    color: #0068ad;
    padding-top: 5px;
    font-family: verdana,arial, verdana, helvetica;
    text-decoration: underline;  
    cursor:pointer;    
} 
.crumbdisabled
{
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 10px;
    margin-bottom: 11px;
    font-weight: bold;
    font-size: 11px;
    padding-bottom: 5px;
    color: #464646;
    padding-top: 5px;
    font-family: verdana,arial, verdana, helvetica;
    text-decoration: none;  
}
td.header
{
	border-bottom: solid #cccccc 1px;
	padding-right: 5px;
	white-space: nowrap;
}
.ldcCPHeaderExit
{
	font-weight: bold;
	color: #0068AD;
}
.ldcUsernameLink
{
	color: #0000FF;
}

#mask {background-color: #BBBBBB;}

#cpHeader
{
	color: #666666;
	font-family: Helvetica;
	font-weight:normal;
	font-size: 20px
}
.sectionHeaderCollapsed
{
}
.bottomSpacing
{
    padding-bottom:12px;
}
.visibility
{   
}
.overflow
{   
}
.gridViewHeaderRowLong
{
    font-size:14px!important;
    font-weight:bold;
    text-align:left;
    Font-family: Helvetica, Arial, Sans-serif;
    Color: #333333;
    Vertical-align:middle;
    
    padding-bottom:0px!important;
    padding-top:0px!important;
    height:30px;
    background:#EBF6FD;
} 
.gridViewHeaderRowLong:hover
{
   background:#b0dcf9;	
   background: -webkit-gradient(linear, left top, left bottom, from(#b0dcf9), to(#ebf6fd));
   background: -moz-linear-gradient(top,  #b0dcf9, #ebf6fd);
   filter:  progid:dximagetransform.microsoft.gradient(startcolorstr='#b0dcf9', endcolorstr='#ebf6fd');
}
.ldcControlPanelInnerDivHeader
{
    border-right: gray 1px solid;
    padding-right: 5px;
    border-top: gray 1px solid;
    padding-left: 5px;
    font-weight: bolder;
    font-size: 12px;
    padding-bottom: 4px;
    border-left: gray 1px solid;
    width: 100%;
    color: black;
    padding-top: 4px;
    border-bottom: gray 1px solid;
    font-family: arial, helvetica, sans-serif;
    background-color: #f0f0f0;
    text-align: left
}
.ControlStyleClass
{
	border-left:solid 1px #FFFFFF;
}
.classSetColumn
{
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	color:#000000;
	text-decoration:none;
	vertical-align:middle;
}
.mandatoryField
{
	color: Red;
}
.displayOn
{
    display: block;
    position:absolute;
}
.displayOff		
{
    display:none;
}
input[type="radio"]
{
	/*vertical-align:middle; */
	padding:0px;
	margin-right:2px;
	margin-left:2px;
}
input[type="checkbox"], .selection input[type="checkbox"]
{
	/*vertical-align:middle; */
	padding:0px;
	margin:0px 2px 0px 2px;
}                                 
input[type="textarea"]
{
    overflow:auto;
}  
.ldcBreadCrumb
{	
	margin:0px;
    padding-right: 15px;
    padding-left: 15px; 
	padding-bottom: 10px;    
    border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
    background-color: #ffffff;		
    color: #333333;
	cursor: pointer;
}
.ldcBreadCrumb a
{ 
	display:inline-block;
	padding:4px;
	text-decoration: none; 
	cursor: pointer;
}
.ldcBreadCrumb span
{
	display:inline-block;
	padding:6px;
	text-decoration: none; 
    color: #000;
	cursor: pointer;
}
.ldcBreadCrumb span:hover,
.ldcBreadCrumb a:hover
{
	background-color:#F7F7F7;
	border-radius: 3px;
}
.detailsTable td
{
    padding-right: 15px;
}
input[type=text]
{
    font-size: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif; 
}

.filterRightSpacing
{
    padding-right:10px;
}

.filterPerforatedLine
{
    border-bottom: #ccc 1px dashed ;
    height: 1px;
}

.noWrap
{
    white-space: nowrap;
}

.disabledText {
    color: #999999;
}

.manageCategoriesHeaderAction {
    display: inline-block; 
    vertical-align: top;
}


.manageCategoriesDefaultImageSection {
    display: inline-block; 
    float: right;
}

.manageCategoriesDefaultImageSection > div {
    display: inline-block; 
    vertical-align: middle;
    margin: 20px;
}


/* -----------------------------------*/
/* >>> Task Manager Specific <<<------*/
/* -----------------------------------*/
.taskDetails {
    margin: 10px;
}
.taskDetails fieldset {
    margin: 15px 0;
    padding: 5px;
}
.taskDetails fieldset legend {
    font-weight: bold;
}
.taskDetails fieldset span {
    width:55%;
}
.taskDetails fieldset span.formLabel {
    width: 40%;
    margin-right:15px;
}
.taskDetailsHeader {
    font-size: 15px;
    font-weight: bold;
    color: #666;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    clear: both;
}
.taskDetailsHeaderTitle {
    float: left; 
}
.taskDetailsHeaderStatus {
    float: right;
}
.infoSet > span > select {
    margin-top: 1px;
} 

/* ---------------------------------------- */
/* >>>> Add/Insert User specific <<<< -------*/
/* ---------------------------------------- */

.userAddMessageLeftColumn {
    float: left;
    width: 100%;
    display: block;
    vertical-align: middle;
    z-index: 1;
}

.userAddMessageRightColumn {
    display: inline-block;
    float: right;
    text-align: right;
    z-index: 2;
}

.padding5 {
    padding: 5px;
    display: block;
}

.insertionMessageDiv {
    display: inline-block;
    width: 100%;
}

.insertionMessageDiv:hover {
    background-color: rgb(255, 255, 206);
}

.userMarginLeftRight {
    margin-left: 5px;
    margin-right: 5px;
}

#InsertUserSuccessSectionDiv .border-gray{
    
}

/* ---------------------------------------- */
/* >>>> BI Reporting specific <<<< --------*/
/* ---------------------------------------- */
   div.mvcMenu {
        border: 1px solid #c7dcee;
        padding: 10px 10px;
        background: #fff;
        width: auto;
        border-radius: 10px;
        box-shadow: 4px 4px 5px #888888;
        display:none;
        white-space:nowrap;
    }
    ul.mvcActionMenu
    {
        list-style: none; 
        margin: 0px;  
        padding-left: 0; 
        z-index:20000; 
    }
    ul.mvcActionMenu img {
        margin-right:10px;
        vertical-align:middle;
    }
    
    ul.mvcActionMenu li {
        background:#fff;
        font-size: 14px;
        font-weight: bold;
        color: #666;
        cursor:pointer;
        vertical-align:top;
        
    }
    ul.mvcActionMenu li.topPad {
        margin-top:10px;
    }
    ul.mvcActionMenu a
    {
        font-size: 14px;
        font-weight: bold;
        color: #666;
        cursor:pointer;
        text-decoration:none;
    }
    ul.mvcActionMenu a:hover 
    {
        font-size: 14px;
        font-weight: bold;
        color: #006699;
        cursor:pointer;
        text-decoration:none;

    }
    .gridLine
    {
        width:100%
    }
    .gridLine tr.gridheader
    {
        height: 38px;
    }

    .gridLine th
    {
        color: #666;
        font-size: 12px;
        font-weight: bold;
        font-family:arial, helvetica, sans-serif;
        text-align:left;
        border-top: 1px solid #ccc;
        border-bottom:1px solid #ccc;
        background-color:#fff;
    }
    .gridLine tr.gridRow
    {
        height: 38px;
    }
    .gridLine td
    {
        font-family:arial, helvetica, sans-serif;
        border-bottom:1px solid #ccc;
        background-color:#fff;
    }
    .gridLine td.firstCol
    {
        width:310px;
        padding-right:15px;
    }
    .gridLine td.timeCol
    {
        font-size: 12px;
        color:#006699;
    }
    .gridLine td.column
    {
       text-align:left;
        font-size: 12px;
        color: #333333;
    }
    .gridLink
    {
        font-size: 13px;
        font-weight: bold;
        color: #006699;
        text-decoration:none;
        font-family: arial, helvetica, sans-serif;
        cursor: pointer;
    }



/* --------------------------------------------------*/
/* ---------->>> NOT USED - DEPRECATED <<<-----------*/
/* --------------------------------------------------*/

a.textSmLink
{
    font-size: 10px;
    color: #333333;
    cursor: pointer;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
}
div.bottom
{
	text-align:right;
	width:100%;
	padding-right:20px;	
}
.instanceCustomizationFileLabel
{
    width:311px;
}

.topMarginMinusFour
{
    margin-top:-4px;
}

#WidgetsPanel td.colName {
    width: 40%;
}
#WidgetsPanel td.colDescription {
    width: 40%;
}
#WidgetsPanel td.colType {
    width: 20%;
}

/* --------------------------------------------------*/
/* ->>> Learning Plan Manage - Reset Renewal Date <<<*/
/* --------------------------------------------------*/

.renewalDateInput {
  display:inline-block;
  padding-bottom: 5px;
}
#resetRenewalForm .btn-toolbar {
  float: right;
}
#resetRenewalForm .resetRenewalNotes {
  margin-top: 35px;
  height: 60px;
}
#resetRenewalForm .renewalDataLabel {
  margin-right: 15px;
}
#resetRenewalForm .renewalDateError {
  padding-bottom: 5px;
  color: red;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.versionArchive {
    background-image: url('/images/LearnCenter/CourseEditor/VersionArchive.gif');
    background-color: transparent;
    width: 107px;
    height: 26px;
    border:none;
    background-repeat:no-repeat;
}