/* CSS Document */

.actionPanelTD
{
	border-left:1px solid #c8c8c8;
}

.actionPanel, .actionPanelWide
{
	margin:20px 50px 0px 20px;
}

.actionPanel .actionItem-container, .actionPanelWide .actionItem-container
{
	box-shadow:0px 0px 7px -1px #000;
	border-radius:3px;
	transition:all .2s;
	width:52px;
}

.actionPanel .actionItem-container:hover, .actionPanelWide .actionItem-container:hover
{
	box-shadow:0px 0px 7px -1px #3A7DF7;
}

.actionPanel .actionItem-container:hover .actionItem, .actionPanelWide .actionItem-container:hover .actionItem
{
	background-color: #55A9FF;
	box-shadow: inset 0px 0px 40px 0px #13427F;
	margin-bottom:32px;
}

.actionPanel .actionItem, .actionPanelWide .actionItem
{
	margin-bottom: 12px;
	background-color: #447CB6;
	border-radius: 3px;
	box-shadow: inset 0px 0px 40px 0px #14345E;
	transition:all .2s;
	position:relative;
	width:52px;
}

/* disabled version */

.actionPanel .actionItem-container-disabled, .actionPanelWide .actionItem-container-disabled
{
	box-shadow:0px 0px 7px -1px #000;
	border-radius:3px;
	transition:all .2s;
	width:52px;
}

.actionPanel .actionItem-container-disabled:hover .actionItem, .actionPanelWide .actionItem-container-disabled:hover .actionItem
{
	box-shadow: inset 0px 0px 40px 0px #13427F;
	margin-bottom:32px;
	cursor:not-allowed;
}

/* show the tips on hover */
.actionPanel .actionItem:hover .actionItem-label-container, .actionPanelWide .actionItem:hover .actionItem-label-container
{
	display:block;
}

.actionPanel .actionItem .actionItem-label-container, .actionPanelWide .actionItem .actionItem-label-container
{
	display:none;
	position: absolute;
	width: auto;
	right: 24px; /*60px;*/
	background-color: #000;
	padding: 6px;
	white-space: nowrap;
	border-radius: 5px;
	box-shadow: 0px 0px 7px -2px #000;
	top: 46px; /*11px;*/
	color:#888;
}

.actionPanel .actionItem .actionItem-label-container a, .actionPanelWide .actionItem .actionItem-label-container a
{
	color:#fff;
	padding:5px 6px;
}
.actionPanel .actionItem .actionItem-label-container a:hover, .actionPanelWide .actionItem .actionItem-label-container a:hover
{
	text-decoration:none;
}

.actionPanel h5 , .actionPanelWide h5, .actionPanelInBody h5
{
	text-transform:uppercase;
	margin-bottom:10px;
}

.actionPanel ul, .actionPanelWide ul
{
	padding-left:28px;
}

.actionPanel li, .actionPanelWide li
{
	margin-bottom:4px;
}

.actionPanel .actionPanelContainer, .actionPanelWide .actionPanelContainer
{
	
}

.actionPanel .bottom, .actionPanelWide .bottom
{
	
}

.actionPanel img.topWide {
	display:none;	
}

.actionPanelWide img.topNormal {
	display:none;	
}

.actionPanel .actionItem img.actionItem-icon-hasOverlay, .actionPanelWide .actionItem img.actionItem-icon-hasOverlay
{
	position:absolute;
}
.actionPanel .actionItem .actionItem-icon-container, .actionPanelWide .actionItem .actionItem-icon-container
{
	padding:10px;
}

.actionPanel .actionItem img.actionItem-icon, .actionPanelWide .actionItem img.actionItem-icon
{
	position:relative; 
	vertical-align:middle; 
}

.actionPanelInBody h5 
{
	text-transform:uppercase;
	margin-bottom:10px;
}

/* get rid of the images */

.actionPanel .topNormal, .actionPanelWide .topWide, .actionPanel .topWide, .actionPanelWide .topWide
{
	display:none;	
}

#frmGracePeriod
{
	width:170px;
}