@import url('/css/controls/layout.css');
@import url('/css/controls/tabs.css');
@import url('/css/controls/sectionheader.css');

a 
{
    color: #006699;
    cursor: pointer;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
    cursor: pointer;
}
a img 
{
    border: none; 
}
.button
{
	font-size: 13px; 
	font-weight: bold;
	text-align:center;
	text-decoration: none;
	color:#333333;
	height:24px;
}
.button:disabled {
    color: #999;
}
.button.clusterMember 
{
    margin-right:12px;
}
.errorDisplay
{
    border-right: #cccccc 1px solid;  
    border-top: #cccccc 1px solid;
    padding-left: 5px;
    font-size: 12px;
    padding-bottom: 5px;
    border-left: #cccccc 1px solid;
    color: #cc0000;
    padding-top: 5px;
    border-bottom: #cccccc 1px solid;
    background-color: #eeeeee;
	margin-bottom: 2px;
}
.formLabel, 
.formLabel-dsbld
{
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    text-align: left;
    white-space:nowrap;
}
.formLabel-dsbld {
    color: #cccccc;
}

.formLabel.shy
{
    padding-left:10px;
}
.formLabel.needMySpace {
    padding-right:10px;
}
.formLabel-spacer {
    padding: 2px;
}
.formLabel.fixed {
    display: -moz-inline-stack;
    display: inline-block;
    width: 200px;
    height: 25px;
    line-height: 25px;
}
.formLabel.fixed.big {
    width: 300px;
}
.formLabelFilter
{
    padding-right: 2px;
    font-weight: bold;
    font-size: 12px;
    color: #666666;
    text-align: right;
    font-family: arial, helvetica, sans-serif;
    width: 100px;
}
.formLabelNew
{
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #cccccc;
    text-align: left;
    white-space:nowrap;
    padding-left:40px;
}
.spanText
{
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    text-align: left;
    white-space:nowrap;
}

.spanText a:hover
{
    text-decoration: none;
}
table tr.highlight
{
    color: #333333;
    background-color: #FFFFCE;
}
.horizontalRowPadding
{
	border-top:#cccccc 1px solid;
	height:5px !important;
	line-height:1px;
	font-size:0px;
	padding-bottom: 0 !important;
}
.horizontalRowPaddingShort
{
    border-top:#cccccc 1px solid;
	height:3px !important;
	line-height:1px;
	font-size:0px;
	padding-bottom: 0 !important;
}
.infoDisplay
{
    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: #666666;
    padding-top: 5px;
    border-bottom: #cccccc 1px solid;
    background-color: #eeeeee;
	margin-bottom: 2px;
}
.ldcActionHoverDiv
{
    vertical-align:middle;
    position:absolute;
    display:none;
	z-index:5;
}
.ldcBaseballCard
{
	color: #006699;
	cursor: pointer;
}
.ldcRoundButtonLeft
{
	background-image: url('/controlPanel/images/left_rnd_button.gif');
	background-repeat: no-repeat;
	width: 6px;
	height: 23px;
}
.ldcRoundButtonRight
{
	background-image: url('/controlPanel/images/right_rnd_button.gif');
	background-repeat: no-repeat;
	width: 6px;
	height: 23px;
}
.ldcRoundButton
{
	font-family: Verdana, Arial;
	font-weight: bold;
	font-family: 6pt;
	background-image: url('/controlPanel/images/fill_rnd_button.gif');
	background-repeat: repeat-x;
	height: 23px;
	text-align: center;
}
.messageDisplay
{
    FONT-SIZE: 13px;
}
.pagingDisplayText
{
    font-size:12px;
    color:#333333;
    vertical-align:middle
}
.rowPadding
{
	height:3px !important;
	line-height:1px;
	font-size:0px;
	padding-bottom: 0 !important;
}
.securityDisplay
{
    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: #cc0000;
    padding-top: 5px;
    border-bottom: #cccccc 1px solid;
    background-color: #ffffff;
}
table.filterTable
{
	margin:0px;
	padding:0px;
}
table.filterTable td
{ 
	vertical-align:middle;
    text-align:left;
}
table.filterTable td.topAlign
{
    vertical-align:top;
}
table.filterTable td.labelIndent
{
    padding-left:40px;
}
table.filterTable td.label
{
    width:250px;   
    padding-left:40px;
    padding-right:15px;
	height:30px;
}
table.filterTable td.labelLargeIndent
{
    width:225px;   
    padding-left:65px;
    padding-right:15px;
	height:30px;
}
table.filterTable td.filterLabel
{    
    padding-left:40px;
    padding-right:15px;
	height:30px;
}
table.filterTable td.labelNew
{
    width:15px;   
    padding-left:15px;
    padding-right:15px;
	height:30px;
}
.addExternalTraining table.filterTable td.label, table.filterTable.fluidLabel td.label
{
    width:1px;   
}
table.filterTable td.label.compact
{
    width: 180px;
}
table.filterTable td.label div.fix
{
    width: 250px;
}
table td.label
{        
    padding-left:40px;
    padding-right:15px;
}
table.esignPropertyTable 
{
    width: 100%;
}
table.esignPropertyTable td.applicationAreaLabel
{
	width: 100px;
	text-align: left;
}
table.gridBorder
{
    border:#cccccc 1px solid;
    background-color: #FFFFFF;
}
table.gridBorder th
{
    font-size:14px!important;
    font-weight:bold;
    text-align:left;
    Font-family: Helvetica, Arial, Sans-serif;
    Color: #333333;
    Vertical-align:middle;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:0px!important;
    padding-top:0px!important;
    height:30px;
    background:#EBF6FD;
}
table.gridBorder th.centerAlign
{
    text-align:center;
    white-space:nowrap;
}
table.gridBorder th.rightAlign
{
    text-align:right;
}
table.gridBorder th.sortable: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');
}
table.gridBorder th.sortable td
{
    font-weight:bold;
}
table.gridBorder th.sortable a
{
    font-weight:bold;
    color: #333333;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size:14px;
}
table.gridBorder td
{
    font-weight:normal;
    font-size:13px;
    padding-bottom:0px;
    padding-top:0px;
    padding-left:15px;
    padding-right:15px;
    Font-family: Helvetica, Arial, Sans-serif;
    Color: #333333;
    text-align: left;
    Vertical-align:middle;
    height:35px;
}
table.gridBorder td.centerAlign
{
    text-align: center;
}
table.gridBorder td.rightAlign
{
    text-align: right;
}
table.gridBorder .empty td
{
    text-align: center;
}
table.gridBorder th.counter
{
    width:10px;
    text-align:center;
}
table.gridBorder th.status
{
    min-width:20px;
    text-align:center;
    white-space: nowrap;
}
table.gridBorder th.selection
{
    min-width:10px;
    text-align:center;
    white-space: nowrap;
}
table.gridBorder th.actions
{
    min-width:10px;
    text-align:right;
    white-space: nowrap;
}
table.gridBorder td.counter
{
    width:10px;
    text-align:center;
}
table.gridBorder td.status
{
    width:20px;
    text-align:center;
}
table.gridBorder td.selection
{
    width:10px;
    text-align:center;
}
table.ldcActionHoverTable td
{
    padding: 0px !important;
    height:20px;
}
table.pagingTable
{
    width:100%;
    height:30px;
    margin-bottom:3px;
}
table.pagingTableBottom
{
    margin-top:3px;
    margin-bottom:0px;
}
table.pagingTable tr
{
    BACKGROUND-COLOR: #DFDFDF;
}
table.pagingTable td
{   
    padding-left:15px;
    padding-right:15px;
    text-align:left;
    vertical-align:middle;
}
tr.tablerow1, tr.even
{
    background-color: #ffffff;
}
tr.tablerow2, tr.odd
{
    background-color: #eeeeee;
}
tr.expandRow1
{
    background-color: #ffffff;
}
tr.expandRow2
{
    background-color: #eeeeee;
}
.warningDisplay
{
    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: #eeeeee;
}
.pbFilterTbl
{ 
	margin-bottom:15px !important;
}

.pbFilterLabel
{ 
    width:100% !important;
}

a.navigateImg:link
{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration:none;
    text-align: right;
    vertical-align:text-top;
    font-family: arial, helvetica, sans-serif;
    width: 100px;
}
a.navigateImg:visited
{
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    vertical-align:text-top;
    font-family: arial, helvetica, sans-serif;
    width: 100px;
    color: #000000;
}
a.navigateImg:hover:active 
{
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    vertical-align:text-top;
    font-family: arial, helvetica, sans-serif;
    width: 100px;
    color: #000000;
}
a.navigateImg img
{
    text-decoration: none;
    text-align: right;
    vertical-align:text-top;    
}
.clrButton
{
	text-decoration: none;
    padding-right: 3px;
    padding-left: 3px;
    font-size: 12px;
    padding-bottom: 3px;
    cursor: pointer;
    padding-top: 3px!important;
    font-family: arial, helvetica, sans-serif;
    color: #333333;
    white-space:nowrap;
    vertical-align:middle;
}
.clrButtonAction
{
	text-decoration: none;
    padding-right: 3px;
    padding-left: 3px;
    font-size: 14px!important;
    padding-bottom: 3px;
    cursor: pointer;
    padding-top: 3px!important;
    font-family: arial, helvetica, sans-serif;
    color: #666666;
    white-space:nowrap;
    vertical-align:middle;
    font-weight:bold;
}
.clrButtonHeader
{
	text-decoration: none;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    padding-top: 3px!important;
    font-family: arial, helvetica, sans-serif;
    white-space:nowrap;
    color:#666666;
    font-size: 14px;
    white-space:nowrap;
    vertical-align:middle;
    font-weight:bold;
    box-sizing: content-box;
}
.clrButtonSmall
{
	text-decoration: none;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    padding-top: 3px!important;
    font-family: arial, helvetica, sans-serif;
    white-space:nowrap;
    color:#000;
    white-space:nowrap;
    vertical-align:middle;
    box-sizing: content-box;
}
.clrButtonDown
{
	text-decoration: none;
    border-right: #cccccc 1px solid;
    padding-right: 2px;
    border-top: #cccccc 1px solid;
    padding-left: 2px;
    font-size: 12px;
    background: #eeeeee;
    padding-bottom: 2px;
    border-left: #cccccc 1px solid;
    cursor: pointer;
    color: #333333;
    padding-top: 2px;
    border-bottom: #cccccc 1px solid;
    font-family: arial, helvetica, sans-serif;
    white-space:nowrap;
    vertical-align:middle;
}
.clrButtonHighlight
{
    border-right: #999999 1px solid;
    padding-right: 2px;
    border-top: #ffffff 1px solid;
    padding-left: 2px;
    font-size: 12px;
    padding-bottom: 2px;
    behavior: url("/controlpanel/includes/controlpanel.htc");
    border-left: #ffffff 1px solid;
    cursor: pointer;
    padding-top: 2px;
    border-bottom: #999999 1px solid;
    font-family: arial, helvetica, sans-serif;
    background-color: #eeeeee;
}
.clrButtonHighlightDown
{
    border-right: #ffffff 1px solid;
    padding-right: 2px;
    border-top: #999999 1px solid;
    padding-left: 2px;
    font-size: 12px;
    background: #d0d0d0;
    padding-bottom: 2px;
    behavior: url("/controlpanel/includes/controlpanel.htc");
    border-left: #999999 1px solid;
    cursor: pointer;
    color: #333333;
    padding-top: 2px;
    border-bottom: #ffffff 1px solid;
    font-family: arial, helvetica, sans-serif;
}
.clrButtonHighlightOver
{
    border-right: #999999 1px solid;
    padding-right: 2px;
    border-top: #ffffff 1px solid;
    padding-left: 2px;
    font-size: 12px;
    padding-bottom: 2px;
    behavior: url("/controlpanel/includes/controlpanel.htc");
    border-left: #ffffff 1px solid;
    cursor: pointer;
    padding-top: 2px;
    border-bottom: #999999 1px solid;
    font-family: arial, helvetica, sans-serif;
    background-color: #f6f6c0;
}
.clrButtonOver
{
	text-decoration: none;
    border-right: #999999 1px solid;
    padding-right: 2px;
    border-top: #ffffff 1px solid;
    padding-left: 2px;
    font-size: 12px;
    padding-bottom: 2px;
    border-left: #ffffff 1px solid;
    cursor: pointer;
    padding-top: 2px!important;
    border-bottom: #999999 1px solid;
    font-family: arial, helvetica, sans-serif;
    background-color: #eeeeee;
    white-space:nowrap;
    vertical-align:middle;
}
.clrButtonOverAction
{
    font-size: 14px!important;
    font-weight:bold;
    font-family: arial, helvetica, sans-serif;
    cursor: pointer;
    color: #666666;
	text-decoration: none;
    border-right: #999999 1px solid;
    border-top: #ffffff 1px solid;
    border-left: #ffffff 1px solid;
    border-bottom: #999999 1px solid;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px!important;
    background-color: #eeeeee;
    white-space:nowrap;
    vertical-align:middle;
}
.clrButtonOverHeader
{
    text-decoration: none;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    padding-top: 3px!important;
    font-family: arial, helvetica, sans-serif;
    white-space:nowrap;
    color:#006699;
    font-size: 14px;
    white-space:nowrap;
    vertical-align:middle;
    font-weight:bold;
    box-sizing: content-box;
}
.clrButtonOverSmall
{
    text-decoration: none;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    cursor: pointer;
    padding-top: 3px!important;
    font-family: arial, helvetica, sans-serif;
    white-space:nowrap;
    color:#006699;
    white-space:nowrap;
    vertical-align:middle;
    box-sizing: content-box;
}
.clrButton, .clrButtonDown, .clrButtonHighlight, .clrButtonHighlightDown, .clrButtonHighlightOver, .clrButtonOver, .clrButtonSmall {
    box-sizing: content-box;
}
.imageButtonTable
{
	border-collapse:collapse;
	border-spacing: 0px;
    border: none;    
    vertical-align:middle;
}
.imageButtonTable td
{
    border: none;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
	padding:0px;
}
.clrButtonLink
{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
    font-weight:bold;
	text-decoration: none;
    color: #333333;
    cursor: pointer;
    border: none;
}
.clrButtonLink:hover
{
    text-decoration: none;
    color: #333333;
}
.clrButtonLink img
{
    border: none;
    vertical-align:middle;
}
/*
Style for custom tooltip
*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #cccccc;
	background-color: #EEEEEE;
	padding: 3px;
}
#tooltip.shadow {
    border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background:url('/images/shadow.png');
}

table.actionsTable
{
    padding:0px;   
}
table.actionsTable td
{
    padding-left:10px;
    padding-right:0px;
    text-align:right;
}
.noBorder
{
    border:none;
}
.moreLink
{
    text-decoration:underline;
    cursor:pointer;
}
.pagingButtonLink
{
    cursor: pointer;
    border: none;
    text-decoration:none;
}

/***************************************************************************************************/
/********************* Data Entry <ol> or <ul> Layout Styles ***********************************************/
/***************************************************************************************************/
.List
{
	margin: 0;
	padding: 0;
}
li.ListRow 
{
	list-style: none;
	padding: 5px;
	margin: 0;	
	white-space: nowrap;
}
li.UserListRow {
    display: inline-block;
    width: 100%;
    zoom: 1;
    *display: inline;
}
li.ListRow .ListLabel, li.ListRow .ListLabelWrap
{
	width: 120px;
	display: inline-block;
	line-height: 1.4;
	vertical-align: top;
	font-weight: bold;
	font-size: 12px;
	color: #333;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	margin-right: 6px;
	margin-left: 20px;  
	float: left; 
}
li.ListRow .ListLabelWrap
{ 
	width: 180px;
    white-space: normal;
}

li.ListRow .ListField 
{
	display: inline-block;
	width: 75%;
	white-space: normal;
	vertical-align: top;
}

li.ListRow .form-indent 
{
    margin-left: 20px;
}

.InputMultiLineDiv
{
    display:inline-block;
}

.breakWord
{
    display: block;
    position: absolute;
    float: left;
    word-wrap: break-word;
    white-space: normal;
}

.breakWordIe8
{
    white-space: normal;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break:normal;
    word-break: normal;
    float: left;
    margin-bottom: -30px;
}

.displayTableCell{
    display: table-cell;
}

.form-checkbox
{
	float:left;
}

.EmbeddedListRow 
{
	list-style: none;
	padding-left: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0;
}
.List
{
    margin:0px;
    padding:0px;
}
.TextEditWidth  
{
    min-width: 400px;
    font-size: 12px !important;
}
.ListEditWidth  
{
    min-width: 405px;
    overflow:visible;
    font-size: 12px !important;
}
.TextAreaWidth  
{
	min-width: 400px;
	font-size: 12px !important;
	height:60px;
}    
.TextEditWidthNoFont  
{
	min-width: 400px;
}
.ListEditWidthNoFont  
{
    min-width: 405px;
    overflow:visible;
}
.TextAreaWidthNoFont  
{
    min-width: 400px;
    height:60px;
}     
.PasswordWidth { width: 200px;}
label.disabled { color: #aaa; }


/***************************************************************************************************/
/************************* MVC Components styles ***************************************************/
/***************************************************************************************************/
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

table.mvcGridBorder
{
    border:#cccccc 1px solid;
    background-color: #FFFFFF;
    border-spacing: 2px;
    border-collapse: separate;
    width:100%;
}
table.mvcGridBorder th
{
    font-size:14px!important;
    font-weight:bold;
    text-align:left;
    Font-family: Helvetica, Arial, Sans-serif;
    Color: #333333;
    Vertical-align:middle;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:0px!important;
    padding-top:0px!important;
    height:30px;
    background:#EBF6FD;
}


table.mvcGridBorder th.centerAlign
{
    text-align:center;
}

table.mvcGridBorder th.rightAlign
{
    text-align:right;
    white-space:nowrap;
}

table.mvcGridBorder th.sortable: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');
}

table.mvcGridBorder th.sortable td
{
    font-weight:bold;
}

table.mvcGridBorder th.sortable a
{
    font-weight:bold;
    color: #333333;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size:14px;
}

table.mvcGridBorder td {
    font-weight: normal;
    font-size: 12px;    
    padding: 0px 10px 0px 10px;
    Font-family: Helvetica, Arial, Sans-serif;
    Color: #333333;
    text-align: left;
    Vertical-align: middle;
    height: 35px;    
    max-width: 250px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

table.mvcGridBorder td.centerAlign
{
    text-align: center;
}

table.mvcGridBorder td.rightAlign
{
    text-align: right;
}

table.mvcGridBorder .empty td
{
    text-align: center;
}

table.mvcGridBorder th.counter
{
    width:10px;
    text-align:center;
}

table.mvcGridBorder th.selection
{
    width:10px;
    text-align:center;
}

table.mvcGridBorder td.counter
{
    width:10px;
    text-align:center;
}

table.mvcGridBorder td.selection
{
    width:10px;
    text-align:center;
}

table.mvcGridBorder td.status
{
    width:10px;
    text-align:center;
}

table.mvcGridBorder th.status
{
    width:10px;
    text-align:center;
}

table.mvcGridBorder td.usermanagement
{
    min-width:150px;
    text-align:center;
}

table.mvcGridBorder th.usermanagement
{
    min-width:150px;
    text-align:center;
}

table.mvcGridBorder select.dropDown
{
    width:100%;
} 

table.mvcGridBorder input.textboxcolumn
{
    width:100%;
} 

table.mvcGridBorder td.actionColumn
{
    width:10px;
} 

table.mvcGridBorder td.actionColumn td
{
    border: none;
}

tr.mvcGridRow1
{
    background-color: #ffffff;
}    
    
tr.mvcGridRow1:hover
{
    color: #333333;
    background-color: #FFFFCE;
}
        
tr.mvcGridRow2
{
    background-color: #eeeeee;
}
    
tr.mvcGridRow2:hover
{
    color: #333333;
    background-color: #FFFFCE;
}

tr.mvcGridRowSelect 
{
    color: #333333;
    background-color: #E3F1D9;
}
    
td.mvcActionCell
{
    padding-left:10px;
    padding-right:0px;
    text-align: right;
}

table.mvcGridBorder td .hoverHacker {
    float: left;
    width: 0px;
}

.mvcLdcActionHoverDiv
{
    position: absolute;
    display:none;
    margin-top: -7px;
}

tr.mvcGridRow1 .mvcLdcActionHoverDiv
{
    display:none;
}
    
tr.mvcGridRow2 .mvcLdcActionHoverDiv
{
    display:none;
}
    
tr.mvcGridRow1:hover .mvcLdcActionHoverDiv
{
    display:block;
}
    
tr.mvcGridRow2:hover .mvcLdcActionHoverDiv
{
    display:block;
}
  
table.mvcLdcActionHoverTable td
{
    padding: 0px;
    height:20px;
}
    
table.mvcLdcActionHoverTable img
{
    padding: 0px 5px 0px 5px;
}
    
table.mvcLdcActionHoverTable a
{
    text-decoration: none;
}

/*For the new grid used in BI Reporting*/

table.mvcGridBorderWhite
{
    border:none;
    background-color: #FFFFFF;
    width:100%;
    border-spacing: 0;
    border-collapse: collapse;
}
table.mvcGridBorderWhite th
{
    font-size:12px!important;
    font-weight:bold;
    text-align:left;
    Font-family: Helvetica, Arial, Sans-serif;
    Color: #cccccc;
    Vertical-align:middle;
    padding-left:0px!important;
    padding-right:10px;
    padding-bottom:0px!important;
    padding-top:0px!important;
    height:30px;
    background:#fff;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc
}

tr.mvcGridRowWhite
{
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    height:38px;
}  

tr.mvcGridRowWhite td
{
    border-bottom: 1px solid #cccccc;   
}

table.mvcGridBorderWhite th.selection
{
    width:40px;
    text-align:center;
    padding-left:7px!important;
}

table.mvcGridBorderWhite td.selection
{
    width:40px;
    text-align:center;
    margin-left: auto;
    margin-right: auto;

}

table.mvcGridBorderWhite .empty td
{
    padding-top:15px;
    text-align: center;
}

/*End new grid used in BI Reporting*/

img.checkbox:hover
{
    cursor: pointer;
}    

th.mvcGridSortable
{
}

th.mvcGridSortable:hover
{
    cursor: pointer;
    text-decoration: underline;
    
    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');
}

tr.hierarchicalTd td {
    border-top: solid 2px #eeeeee; 
}

.hierarchicalContainer table {
    margin: 0px;
    padding: 0px;
}

.hierarchicalContainer td {
    margin: 0px;
    padding: 0px;
}

.mvcGridRow1 .hierarchicalContainer td {
    border: none;
}

.mvcGridRow1 .mvcLdcActionHoverTable td {
    border: none;
}

.buttonReset
{
    border: none;    
} 

.columnCenter
{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    width: 100%;
    text-align:center;
}

.columnCenterNo100Width
{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    
    text-align:center;
}

.columnContainer
{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
}
.columnMainContainer
{
    padding-left: 0px;
    padding-right: 15px;
    padding-top: 15px;
}
.columnMainNoPadding
{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 15px;
}   
.columnLeft-wrap
{
    float: left;
}

.columnLeftRow
{
    margin-right: 15px;
    padding-bottom:10px;
}

.columnLeftCategoryRow
{
    margin-right: 15px;
    height:100px;
    vertical-align:top;
}

.columnLeftTextAreaRow
{
    margin-right: 15px;
    height:70px;
    vertical-align:top;
}

.columnLeftTextBreadCrumb {
    margin-top:5px; 
    float:left; 
    text-align:left
}


.columnRight
{
    overflow: hidden;  
}

.columnRightNoResize
{
    overflow: hidden;
}
            
.columnRightRow
{
    padding-bottom:10px;
}

.columnRightCategoryRow
{
    height:100px;
}

.columnRightImage
{
    float:right;
    margin-right: 45px;
    visibility:hidden;
}


.columnRightTextAreaRow
{
    height:70px;
}
            
.columnClear
{
    clear: both;
}  

.tdLeft {
    white-space: nowrap; 
    vertical-align: top; 
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 9px;
}

.tdRight {
     vertical-align: top;
     padding-top: 3px;
     padding-bottom: 9px;
}

UL.learnTopMenu
{
    display:inline-block;
    padding: 4px 8px 4px 8px;
    color: #000;
    cursor: pointer;
    font-family:arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #ffffff;
    white-space: nowrap;
    text-align: left;
}

UL.learnTopMenu,  UL.learnSubMenu
{
    list-style: none; 
    margin-left: 0px;  
    padding-left: 0; 
    z-index:20000; 
}
    
UL.learnTopMenu LI, UL.learnSubMenu LI
{
    height: 17px;
    line-height: 17px; 
    padding:3px;
    width: 100%;
}
    
UL.learnSubMenu
{
    display:none;
    position:absolute;
    right:23px;
    *right:18px;
}
    
UL.learnTopMenu:hover UL.learnSubMenu
{
    display:block;
    background-color: #f1f1f1;
}

UL.learnTopMenu:hover LI
{
    background-color: #f1f1f1;
}
    
UL.learnSubMenu LI:hover
{
    background-color: #B0DCF9;
    /*color: #fff;*/
}
    
UL.learnSubMenu img
{
    vertical-align: middle;   
    margin-right: 5px;
}

.leaf
{
    background-color: #ffffff;
    height: 35px;
    padding-left:5px;
    padding-right:5px;
}
    
.leafSelected 
{
    background-color: #E3F1D9;
    height: 35px;
    padding-left:5px;
    padding-right:5px;
}

.leafText {
      white-space: nowrap;
      overflow:hidden;
      text-overflow: ellipsis;
}

.leafBlock {
    border: solid 1px #ffffff;  
}

.leafSelected .leafBlock
{
    border: solid 1px #E3F1D9;
}

.leaf:hover .leafBlock
{
    border: solid 1px #ffffce;
}

.leafPart
{
    display:inline;
    font-size:13px;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: normal;
    padding-top: 11px; 
    line-height: 35px;
}
    
.leafPart A
{
    text-decoration: none;
    color: #333333;   
}
    
.leafPart A:hover
{
    text-decoration: underline;  
}
    
.leaf:hover
{
    background-color: #ffffce;
    color: #333333;
}
    
.leafHoverDiv
{
    display:none;  
    z-index:10000; 
    margin-top: -36px;
}

/* NOTE: this is implementation specific
            create your own overload: #your_id_here .leafHoverDiv
            set the value to match the width offset of your container
*/
#viewHierarchyDialog .leafHoverDiv {
    margin-left: 205px;
}

.ui-dialog #viewHierarchyDialog + .ui-dialog-buttonpane button {
    margin-left: 50%;
    margin-right: 50%;
}

.leaf:hover .leafHoverDiv
{
    display:block;
}
    
.leafSelected:hover .leafHoverDiv
{
    display:block;
}
      
.setColumnsContainer {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
}
        
.setColumnsContainer div {
    margin-bottom: 8px;
}

.setColumnsContainer input[type=checkbox] {
    margin-right: 5px;
}

.filterCriteriaContainerLast select, .filterCriteriaContainer select 
{
    min-width: 200px;
}

.filterCriteriaContainerLast input[type=text], .filterCriteriaContainer input[type=text] {
    width: 195px;
}
    
.filterCriteriaContainer td, .filterCriteriaContainerLast td {
    min-width: 75px;
    padding-left: 10px;
    white-space: nowrap;
}
    
.filterCriteriaContainer td:first-child, .filterCriteriaContainerLast td:first-child {
    min-width: 75px;
    padding-left: 0px;
}

.filterCriteriaContainer {
    border-bottom: silver 1px dashed; 
    margin-top: 10px; 
    padding-bottom: 10px;
}
    
.filterCriteriaContainerLast {
    border-bottom: none;
    margin-top: 10px; 
    padding-bottom: 10px;
}


/* MVC Buttons */

.imageButton-mvc {
    width:0pt; 
    white-space:nowrap; 
    cursor: pointer; 
    text-decoration:none; 
    border:none;
}

a.imageButton-mvc {
    color: #000;
    text-decoration:none; 
}

.imageButton-mvc img {
    vertical-align: middle;
    vertical-align: middle;
    border: none;
}

.imageButton-mvc .clrButton img, 
.imageButton-mvc .clrButtonOver img, 
.imageButton-mvc .clrButtonDown img,
.imageButton-mvc .clrButtonNew img, 
.imageButton-mvc .clrButtonOverNew img {
    vertical-align: middle;
}

.imageButton-mvc .clrButton, 
.imageButton-mvc .clrButtonOver, 
.imageButton-mvc .clrButtonDown,
.imageButton-mvc .clrButtonNew img, 
.imageButton-mvc .clrButtonOverNew img {
    display:inline-block; 
    height: 17px; 
    line-height: 17px; 
}

.imageButton-mvc .clrButton span,
.imageButton-mvc .clrButtonOver span,
.imageButton-mvc .clrButtonDown span {
    font-size:12px;
    font-weight: bold;
}


.imageButton-mvc.disabled, .imageButton-mvc.disabled div {
    /* The extra selector on div to override cursor since it has bound events. */
    color: #ccc;
    cursor: default;
}

.imageButton-mvc.disabled img {
    opacity: 0.4;
    filter: alpha(opacity=60);
}

/***************************************************************************************************/

.notificationWindow {
    display: none;
    position: absolute !important;
    border: solid 1px silver;
    min-width: 300px;
    max-width: 375px;
    /*min-height: "60px",*/
    background-color: rgb(255, 255, 255);
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    top: -125px;
}

.notificationTitlebar {
    background-image: url(/controlPanel/images/titleBar/green_titleFill.png);
    padding: 3px;
    font-weight: bold;
    cursor: move;
}

.notificationCloseButton {
    background-image: url(/includes/styles/smoothness/images/ui-icons_222222_256x240.png);
    background-position-x: -96px;
    background-position-y: -128px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: right;
}

.notificationContent {
    background-color: rgb(255, 255, 255);
    padding:5px;
    vertical-align:middle;
}

.notificationContentImage {
    display:inline-block;
    padding-left:5px;
    vertical-align:top;
}

.notificationContentMessage {
    display:inline-block;
    padding-left:5px;
    vertical-align:top;
}

/***************************************************************************************************/
/***************************************************************************************************/
.smallInfo
{
    font-size:10px;
    color:#666666;
}
.disabled
{
    color:#999999;
}
.requiredFieldText
{
    font-size:10px;
    color:#666666;
}
.required 
{
	color:#cc0000;	
}
.requiredText 
{
	color:#676767;
	font-size: 10px;
}
.workWeekOption
{
    padding-right:10px;
}

/*
Form fields
*/
input.inlineEdit { margin-left:10px; }
input.compactEdit, textarea.compactEdit { width:310px; }

.textbox-dsbld-style {	
	border:1px solid #cccccc;
	padding:2px;
	color:#eeeeee;	
}

/* Calendar DO*/

td.calheadDO
{
    height:15px;
    text-align:center;
    font-size:9px; 
    font-family:arial;
}

td.caldayDO
{
    height:15px;
    text-align:center;
    font-size:11px;
    font-family: arial, helvetica, sans-serif !important;
}

td.caldayDO a.callink {
    width:100%;
    width:100%
}

td.caldayDO a:link
{
    font-size: 11px;
    cursor: pointer;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
}
   
td.caldayDO a:hover
{
    cursor: pointer;
    text-decoration: none ;
}

.calendarDOHeaderFill
{
    background-image:url('/images/calendar/mini-cal-task-box-top-mid.jpg');
    background-repeat:repeat-x;
    color: #FFFFFF;
    font-family: arial, helvetica, sans-serif; 
    font-size: 11px;
    /*font-weight: normal; */
    font-weight:bolder;
    text-align: center;
    width: 90px;
    white-space:nowrap;
}        
.calendarDOHeaderLeft 
{
    background-image:url('/images/calendar/mini-cal-task-box-top-left.png');
    background-repeat: no-repeat;
    height: 30px;
    text-align: center;
    width: 26px;
}
.calendarDOHeaderRight 
{
    background-image:url('/images/calendar/mini-cal-task-box-top-right.png');
    background-repeat: no-repeat;
    text-align: center;
    width: 26px;
}
.calendarDOFooterLeft 
{
    background-image:url('/images/calendar/mini-cal-task-box-btm-left.png');
    background-repeat: no-repeat;
    background-position:center right;
    background-color:transparent;  
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;      
    height: 8px;
    width: 18px;
}
.calendarDOFooterRight 
{
    background-image:url('/images/calendar/mini-cal-task-box-btm-right.png');
    background-repeat: no-repeat;
    background-position:center left;    
    height: 8px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    background-color:transparent;
    width: 18px; 
}

#calendarDOFooter td.footerFill
{
    border-bottom: solid #CCCCCC 1px;
    width: 139px;
    background-color: #FFFFFF;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif
}

/* Calendar */
#calendarFooter td.footerFill
{
    border-bottom: solid #CCCCCC 1px;
}

.footerLeft 
{
    background-image:url('/images/calendar/mini-cal-task-box-btm-left.png');
    background-repeat: no-repeat;
    height: 8px;
    width: 16px;
}
.footerRight 
{
    background-image:url('/images/calendar/mini-cal-task-box-btm-right.png');
    background-repeat: no-repeat;
    width: 16px;
}
.headerFill 
{
    background-image:url('/images/calendar/mini-cal-task-box-top-mid.jpg');
    background-repeat:repeat-x;
    color: #FFFFFF;
    font-family: Arial;
    font-size: small;
    font-weight: bolder;
    text-align: center;
    width: 200px;
    white-space:nowrap;
}        
.headerLeft 
{
    background-image:url('/images/calendar/mini-cal-task-box-top-left.png');
    background-repeat: no-repeat;
    height: 30px;
    text-align: center;
    width: 26px;
}
.headerRight 
{
    background-image:url('/images/calendar/mini-cal-task-box-top-right.png');
    background-repeat: no-repeat;
    text-align: center;
    width: 26px;
}
.leftBorder
{ 
    border-left:#cccccc 1px solid
}
table.leftRightBorder
{
    border-right:#cccccc 1px solid;
    border-left:#cccccc 1px solid
}
.padLeft10
{
    padding-left: 10px;
}
.rightBorder
{ 
    border-right:#cccccc 1px solid;
}        
.divActionCal
{
    position:absolute;
    top:5px;
    right:10px;
    z-index:10;
    width:auto !important;
}
td.legendPadding 
{
    padding-left: 2px !important;
}        
td.legendRightPadding
{
    padding-right: 10px !important;
}
.ldcSmallDisplay
{
    background-color: #FFFFFF;
    border-bottom: solid #777777 2px;
    border-top: solid #EEEEEE 2px;
    border-left: solid #EEEEEE 2px;
    border-right: solid #777777 2px;
    display: none;
    height: auto;
    overflow: auto;
    padding: 10px;
    position: absolute;
    text-align: justify;
    width: 200px;
    z-index: 999;
}
.ldcPageHeader 
{
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
    padding-bottom: 5px;
    color: #999999;
    padding-top: 5px;   
    text-decoration: none;
    border-bottom: solid #999999 1px;
}
body.coursePlayerCreditsDialog
{
    padding: 3px;
}

.sandwichBread {
    margin: 15px 0;
}

.sandwichBread.englishStyleToast {
    margin-top: 0px;
}

/***************************************************************************************************/
    /* Reusable Styles */
/***************************************************************************************************/

.floatLeft 
{
    float: left;
}
.floatRight 
{
    float: right;
}
.clearFix 
{
    clear: both;
}
.nowrap
{
	white-space:nowrap;	
}
.wrap
{
	white-space:wrap;	
}
.wrapped 
{
	 word-break:break-all; 
	 overflow:hidden; 
	 text-overflow: ellipsis;
}
.error, 
.errorMessage 
{
    color: #ff0000;
}
.hidden 
{  
  display: none;  
  opacity: 0;  
}  
.noVisible {
  overflow: hidden;
	position: absolute;
    margin: 0;
    padding: 0;
    z-index: 0;
    visibility: hidden;
}
.border-gray 
{
   	border:#cccccc 1px solid;
}
.underline
{
	text-decoration:underline;
}
.nopadding
{
	padding: 0;
}
.pd2
{
    padding: 2px; 
}
/* This should be pdl3  left*/
.pd3
{
    padding-left: 3px; 
}
.pd4
{
    padding: 4px;   
}
.cursorPointer
{
    cursor: pointer;   
}
.backgroundShadow
{
    background-color:#eee;           
}
.italic
{
	font-style: italic;
}
.bold
{
	font-weight: bold;
}
.rightAlign
{
	text-align:right;
}
.topAlign
{
	vertical-align:top;
}
.middleAlign
{
	vertical-align:middle;
}
.noborder
{	
	border: 0;	
}
table.collapse
{
	border-collapse:collapse;		
	border-spacing: 0px;	
}
table.collapse td
{	
	padding:0;
}
.t-pd5
{
    padding-top: 5px;   
    text-align:left;
}
ul.collapse
{
	margin: 0;
	padding: 0;	
	white-space: nowrap;
}
ul.collapse li
{
	list-style-type: none;
	display: inline-block;	
}
.scrollx
{
	overflow-x:auto;
	overflow-y:hidden;
}
.lightHorizanotalBar
{
	border-bottom: 1px solid #ccc;
}
.darkHorizanotalBar
{
	border-bottom: 1px solid #000;
}
.largerText
{
	font-size: 1.2em;
}
.inline-block
{
    display:inline-block;
}
/***************************************************************************************************/
    /* Misc Layout */
/***************************************************************************************************/

.infoSet 
{
    margin: 10px 0 10px 15px;   
    display: block;
    overflow: hidden;
}
.infoLabel
{
    min-width:200px;
    display: inline-block;
    vertical-align:top;
    *display: inline;
    *zoom: 1;
}
.infoLabel.tight 
{
    min-width:160px;
}
.infoValue, .infoEntry
 {
    display: inline-block;
    vertical-align:top;
    *display: inline;
    *zoom: 1;   
}

.infoValueRed
 {
    display: inline-block;
    vertical-align:top;
    color: Red;
    *display: inline;
    *zoom: 1;   
}

.leftMargin0 {
    margin-left: 0;
}

.rightMargin10 {
    margin-right: 10px;
}

.width150 {
    width:150px;
    display: inline-block;
}

.height50 {
    height: 50px;
}

/***************************************************************************************************/
    /* Loading Indicators styles */
/***************************************************************************************************/

div.loader ul li
{
	list-style:none;
	display:inline-block;
}
div.loader
{
	height: 18px;
	vertical-align: top; 
	font-weight: normal; 
	font-size:12px;
	color: Black
}
#ajaxWaitPanel
{
    position: absolute; 
    left: 0px; 
    top: 150px; 
    width: 100%; 
    z-index: 300; 
    display: none; 
    overflow: hidden; 
    text-align: center;
}
.loadingSmall 
{
    background-image: url('/images/indicator.gif');
    background-repeat:no-repeat;
    background-position:left;
    padding-left: 25px;
}
th.sharedWorkflow, th.sharedCertificate
{
    width: 1% !important; 
    white-space: nowrap;
}

/***************************************************************************************************/
/* Message Display for ASP.NET MVC */
/***************************************************************************************************/
ol.mvc-error-display, ol.mvc-info-display, ol.mvc-warning-display, ol.mvc-security-display {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    padding: 5px 5px 5px 5px;
    margin: 0 0 2px 0;
}

ol.mvc-error-display li, ol.mvc-info-display li, ol.mvc-warning-display li, ol.mvc-security-display li {
    list-style: none;
    background-repeat:no-repeat;
    background-image: none;
    background-position: left center;
    padding: 0px;
    line-height: 26px;
}

ol.mvc-error-display {
    color: #cc0000;
}

ol.mvc-info-display {
    color: #666666;
}

ol.mvc-warning-display {
    color: #333333;
}

ol.mvc-security-display {
    color: #cc0000;
}

ol.mvc-error-display li img, ol.mvc-info-display li img, ol.mvc-warning-display li img, ol.mvc-security-display li img {
    margin-right: 10px;
    vertical-align:middle;
}

.checkbox-autoposting-center-aligned {
    text-align: center !important;
}

.checkbox-autoposting-left-aligned {
    text-align: left !important;
}

.checkbox-autoposting-right-aligned {
    text-align: right !important;
}

th.checkbox-autoposting-center-aligned,
th.checkbox-autoposting-left-aligned,
th.checkbox-autoposting-right-aligned {
    white-space: nowrap;
    width: 10px;
}

select.fixed-width-small {
    width: 200px;
}