﻿
/***********************************************************************************************/
/* Styles for custom controls																   */
/***********************************************************************************************/

/***********************************************************************************************/
/* Riskdisk pink buttons																	   */
/***********************************************************************************************/
a.TinyPinkButton
{
	font-family: Tahoma;
	color: White;
	font-weight: bold;
	padding: 2px 0px 0px 8px;
	display: inline-block;
	width: 60px;
	height: 16px;
	font-size: 11px;
	text-align: left;
	
	background: url(images/buttons/tiny_pink_button.gif) no-repeat left center;
}

a.TinyPinkButton:hover
{
	font-family: Tahoma;
	color: White;
	font-weight: bold;
	padding: 2px 0px 0px 8px;
	display: inline-block;
	width: 60px;
	height: 16px;
	font-size: 11px;
	text-align: left;
	
	background: url(images/buttons/tiny_pink_button_hover.gif) no-repeat left center;
}

a.SmallPinkButton
{
	font-family: Tahoma;
	color: White;
	font-weight: bold;
	padding: 4px 0px 0px 8px;
	display: inline-block;
	width: 102px;
	height: 18px;
	font-size: 11px;
	text-align: left;
	
	background: url(images/buttons/small_pink_button.gif) no-repeat left center;
}

a.SmallPinkButton:hover
{
	font-family: Tahoma;
	color: White;
	font-weight: bold;
	padding: 4px 0px 0px 8px;
	display: inline-block;
	width: 102px;
	height: 18px;
	font-size: 11px;
	text-align: left;
	
	background: url(images/buttons/small_pink_button_hover.gif) no-repeat left center;
}

a.NormalPinkButton
{
	font-family: Tahoma;
	color: White;
	font-weight: bold;
	padding: 4px 0px 0px 8px;
	display: inline-block;
	width: 142px;
	height: 18px;
	font-size: 11px;
	text-align: left;
	
	background: url(images/buttons/normal_pink_button.gif) no-repeat left center;
}

a.NormalPinkButton:hover
{
	font-family: Tahoma;
	color: White;
	font-weight: bold;
	padding: 4px 0px 0px 8px;
	display: inline-block;
	width: 142px;
	height: 18px;
	font-size: 11px;
	text-align: left;
	
	background: url(images/buttons/normal_pink_button_hover.gif) no-repeat left center;
}

a.LargePinkButton
{
	font-family: Tahoma;
	color: White;
	font-weight: bold;
	padding: 4px 0px 0px 8px;
	display: inline-block;
	width: 192px;
	height: 18px;
	font-size: 11px;
	text-align: left;
	
	background: url(images/buttons/large_pink_button.gif) no-repeat left center;
}

a.LargePinkButton:hover
{
	font-family: Tahoma;
	color: White;
	font-weight: bold;
	padding: 4px 0px 0px 8px;
	display: inline-block;
	width: 192px;
	height: 18px;
	font-size: 11px;
	text-align: left;
	
	background: url(images/buttons/large_pink_button_hover.gif) no-repeat left center;
}


/***********************************************************************************************/
/* Riskdisk pink links																		   */
/***********************************************************************************************/
a.PinkLink,
a.PinkLink:hover
{
	color: #EC008C;
	text-decoration: underline;
	padding: 0px 0px 0px 8px;
	
	background: url(images/icons/pink_link_arrow.gif) no-repeat left center;
}

a.PrintLink,
a.PrintLink:hover
{
	color: #EC008C;
	text-decoration: underline;
	padding: 0px 0px 0px 20px;
	
	background: url(images/icons/printer.gif) no-repeat left center;
}

a.ShareLink,
a.ShareLink:hover
{
	color: #EC008C;
	text-decoration: underline;
	padding: 0px 0px 0px 14px;
	
	background: url(images/icons/share.gif) no-repeat left center;
}

/***********************************************************************************************/
/* Riskdisk gray shiny panel																   */
/***********************************************************************************************/
div.GrayShinyPanel
{
	width: 220px;
	height: 250px;
	
	background: url(images/panels/gray_shiny_panel.png) no-repeat left top;
}

div.GrayShinyPanel div.top
{
	cursor: default;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	padding: 2px 15px 0px 15px;
	overflow: hidden;
}

div.GrayShinyPanel div.bot
{
	color: #333333;
	font-size: 14px;
	padding: 4px 15px 0px 15px;
	height: 220px;
	overflow: hidden;
}

/***********************************************************************************************/
/* Riskdisk decision panels																   */
/***********************************************************************************************/
div.DecisionPanel-Try
{
	width: 210px;
	height: 238px;
	
	background: url(images/panels/decision_panel_try.png) no-repeat left top;
}

div.DecisionPanel-Try div.content
{
	padding: 80px 16px 10px 16px;
	height: 150px;
	overflow: hidden;
	text-align: center;
}

div.DecisionPanel-See
{
	width: 210px;
	height: 238px;
	
	background: url(images/panels/decision_panel_see.png) no-repeat left top;
}

div.DecisionPanel-See div.content
{
	padding: 80px 16px 10px 16px;
	height: 150px;
	overflow: hidden;
	text-align: center;
}

div.DecisionPanel-Decide
{
	width: 210px;
	height: 238px;
	
	background: url(images/panels/decision_panel_decide.png) no-repeat left top;
}

div.DecisionPanel-Decide div.content
{
	padding: 80px 16px 10px 16px;
	height: 150px;
	overflow: hidden;
	text-align: center;
}


/***********************************************************************************************/
/* Riskdisk gray flat panel																	   */
/***********************************************************************************************/
div.GrayFlatPanel div.top
{
	width: 540px;
	height: 5px;
	overflow: hidden;
	background: url(images/panels/gray_flat_panel_top.png) no-repeat left top;
}

div.GrayFlatPanel div.mid
{
	width: 540px;
	background: url(images/panels/gray_flat_panel_mid.png) repeat-y left top;
}

div.GrayFlatPanel div.mid-outer
{
	width: 540px;
	min-height: 168px;
	_height: 168px;
	background: url(images/panels/gray_flat_panel_mid_content.png) no-repeat left top;
}

div.GrayFlatPanel div.mid-top
{
	cursor: default;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	padding: 10px 15px 0px 15px;
	overflow: hidden;
}

div.GrayFlatPanel div.mid-inner
{
	color: #666666;
	padding: 0px 15px 5px 15px;
}

div.GrayFlatPanel div.bot
{
	width: 540px;
	height: 5px;
	overflow: hidden;
	background: url(images/panels/gray_flat_panel_bot.png) no-repeat left top;
}


/***********************************************************************************************/
/* Riskdisk gray flat panel	large															   */
/***********************************************************************************************/
div.GrayFlatPanelLarge div.top
{
	width: 700px;
	height: 5px;
	overflow: hidden;
	background: url(images/panels/gray_flat_panel_large_top.png) no-repeat left top;
}

div.GrayFlatPanelLarge div.mid
{
	width: 700px;
	background: url(images/panels/gray_flat_panel_large_mid.png) repeat-y left top;
}

div.GrayFlatPanelLarge div.mid-outer
{
	width: 700px;
	min-height: 168px;
	_height: 168px;
	background: url(images/panels/gray_flat_panel_large_mid_content.png) no-repeat left top;
}

div.GrayFlatPanelLarge div.mid-top
{
	cursor: default;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	padding: 10px 15px 0px 15px;
	overflow: hidden;
}

div.GrayFlatPanelLarge div.mid-inner
{
	color: #666666;
	padding: 0px 15px 5px 15px;
}

div.GrayFlatPanelLarge div.bot
{
	width: 700px;
	height: 5px;
	overflow: hidden;
	background: url(images/panels/gray_flat_panel_large_bot.png) no-repeat left top;
}