﻿.toolbox ul
{
	padding: 0;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

.toolbox li
{
	list-style-type: none;
	background-color: Transparent;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
	padding: 5px 0px 0px 0px;
	margin-top: 0px !important;
	text-decoration: none;
	background: transparent;
	color: White;
	text-decoration: none;
}

.toolbox li:hover,
.toolbox li.tooltip_visible
{
	list-style-type: none;
	background-color: Transparent;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
	padding: 5px 0px 0px 0px;
	margin-top: 0px;
	text-decoration: none;
	color: Red;
	text-decoration: none;
}

.toolbox li.hasaccess, .toolbox li.hasaccess:hover,
.toolbox li.hasaccess a, .toolbox li.hasaccess:hover a
{
	cursor: pointer;
}

.toolbox li.noaccess, .toolbox li.noaccess:hover,
.toolbox li.noaccess a, .toolbox li.noaccess:hover a
{
	cursor: default;
}

.toolbox li .signin
{
	cursor: pointer;
}

.toolbox li .toolbox_item_title
{
	color: Black;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9px;
	text-transform: uppercase;
}

.toolbox li:hover .toolbox_item_title
.toolbox li.tooltip_visible .toolbox_item_title
{
	color: Red;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9px;
	text-transform: uppercase;
}

.toolbox ul li a
{
	text-decoration: none;
	color: White;
}

.toolbox ul li:hover a,
.toolbox ul li.tooltip_visible a
{
	text-decoration: none;
	color: #9A8953;
}

.toolbox_item_title
{
	padding: 0px 25px 0px 10px;
}

.toolbox_item_icon span
{
	width: 32px;
	height: 32px;
	margin: 1px 1px 1px 1px;
	position: relative;
	z-index: 3;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
}

.toolbox_item
{
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}

/* tooltip styling */
.tooltip
{
	display: none;
	width: 305px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	line-height: 110%;
	font-family: Calibri;
	cursor: default;
	z-index: 2000;
	cursor: default;
}

.tooltip .header
{
	width: 283px;
	height: 85px;
	background: url('images/tools-flyout-top-283.png');
}

.tooltip .header .headerimage
{
	width: 123px;
	height: 50px;
	padding: 25px 40px 10px 20px;
	float: left;
}

.tooltip .header .headerimage img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-right: auto;
}

.tooltip .header .headertext
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	padding: 10px 15px 20px 0px;
	float: right;
}

.tooltip .header .headertext table
{
	width: 75px;
	height: 50px;
	margin: 0px 10px 5px 0px;
}

.tooltip .header .headertext td
{
	text-align: right;
	vertical-align: bottom;
}

.tooltip .header .headertext a
{
	text-decoration: none;
}

.tooltip .header .headertext a:link
{
	cursor: pointer;
}

.tooltip .content
{
	width: 248px;
	padding: 0px 15px 0px 20px;
	color: #EAEAEA;
	background: url('images/tools-flyout-mid-283.png') repeat-y;
}

.tooltip .content h1
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 20px;
	font-weight: bold; /*text-transform:uppercase;*/
}

.tooltip .content h2
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}


.tooltip .content .contenthead
{
	padding: 4px 0px 4px 0px;
	line-height: 1.0;
	font-family: Arial,Helvetica,sans-serif;
	border-top: solid 1px #0085FF;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

.tooltip .content .contentbody
{
	width: 238px;
	padding: 5px 5px 5px 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	overflow-y: auto;
}

.tooltip .content .contentfoot
{
	padding: 2px 10px 2px 10px;
	line-height: 1.0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	text-align: right;
	text-transform: lowercase;
}

.tooltip .content .contentfoot a:link
{
	cursor: pointer;
}

.tooltip .footer
{
	width: 283px;
	height: 30px;
	background: url('images/tools-flyout-base-283.png') repeat-y;
}

/* themes */

/* blue start */
.toolbox li.blue .toolbox_item_title,
.tooltip.blue .content,
.tooltip.blue .content h2,
.tooltip.blue .header .headertext,
.tooltip.blue .header .headertext a,
.tooltip.blue .content .contentbody
{
	color: #EAEAEA;
}

.toolbox li.blue:hover .toolbox_item_title,
.toolbox li.blue.tooltip_visible .toolbox_item_title,
.tooltip.blue .content h1, .tooltip.blue .content .contenthead,
.tooltip.blue .content .contentfoot, .tooltip.blue .content .contentfoot a,
.tooltip.blue .content .contentbody a:link,
.tooltip.blue .content .contentbody .coloredtext
{
	color: #0085FF;
}

.tooltip.blue .content .contenthead
{
	border-top: solid 1px #0085FF;
	background: #0F1925 repeat-y;
}

.tooltip.blue .content .contentfoot
{
	background-color: #0F1925;
}
/* blue end */

/* red start */
.toolbox li.red .toolbox_item_title,
.tooltip.red .content,
.tooltip.red .content h2,
.tooltip.red .header .headertext,
.tooltip.red .header .headertext a,
.tooltip.red .content .contentbody
{
	color: #EAEAEA;
}

.toolbox li.red:hover .toolbox_item_title,
.toolbox li.red.tooltip_visible .toolbox_item_title,
.tooltip.red .content h1,
.tooltip.red .content .contenthead,
.tooltip.red .content .contentfoot,
.tooltip.red .content .contentfoot a,
.tooltip.red .content .contentbody a:link,
.tooltip.red .content .contentbody .coloredtext
{
	color: #FF3333;
}

.tooltip.red .content .contenthead
{
	border-top: solid 1px #FF3333;
	background: #2B0808 repeat-y;
}

.tooltip.red .content .contentfoot
{
	background-color: #2B0808;
}
/* red end */

/* orange start */
.toolbox li.orange .toolbox_item_title,
.tooltip.orange .content,
.tooltip.orange .content h2,
.tooltip.orange .header .headertext,
.tooltip.orange .header .headertext a,
.tooltip.orange .content .contentbody
{
	color: #EAEAEA;
}

.toolbox li.orange:hover .toolbox_item_title,
.toolbox li.orange.tooltip_visible .toolbox_item_title,
.tooltip.orange .content h1,
.tooltip.orange .content .contenthead,
.tooltip.orange .content .contentfoot,
.tooltip.orange .content .contentfoot a,
.tooltip.orange .content .contentbody a:link,
.tooltip.orange .content .contentbody .coloredtext
{
	color: #E88F23;
}

.tooltip.orange .content .contenthead
{
	border-top: solid 1px #E88F23;
	background: #2C1D08 repeat-y;
}

.tooltip.orange .content .contentfoot
{
	background-color: #2C1D08;
}
/* orange end */

/* yellow start */
.toolbox li.yellow .toolbox_item_title, .tooltip.yellow .content, .tooltip.yellow .content h2, .tooltip.yellow .header .headertext, .tooltip.yellow .header .headertext a, .tooltip.yellow .content .contentbody
{
	color: #EAEAEA;
}

.toolbox li.yellow:hover .toolbox_item_title,
.toolbox li.yellow.tooltip_visible .toolbox_item_title,
.tooltip.yellow .content h1,
.tooltip.yellow .content .contenthead,
.tooltip.yellow .content .contentfoot,
.tooltip.yellow .content .contentfoot a,
.tooltip.yellow .content .contentbody a:link,
.tooltip.yellow .content .contentbody .coloredtext
{
	color: #E3CC33;
}

.tooltip.yellow .content .contenthead
{
	border-top: solid 1px #E3CC33;
	background: #2E290A repeat-y;
}

.tooltip.yellow .content .contentfoot
{
	background-color: #2E290A;
}
/* yellow end */

/* green start */
.toolbox li.green .toolbox_item_title,
.tooltip.green .content,
.tooltip.green .content h2,
.tooltip.green .header .headertext,
.tooltip.green .header .headertext a,
.tooltip.green .content .contentbody
{
	color: #EAEAEA;
}

.toolbox li.green:hover .toolbox_item_title,
.toolbox li.green.tooltip_visible .toolbox_item_title,
.tooltip.green .content h1,
.tooltip.green .content .contenthead,
.tooltip.green .content .contentfoot,
.tooltip.green .content .contentfoot a,
.tooltip.green .content .contentbody a:link,
.tooltip.green .content .contentbody .coloredtext
{
	color: #49B74C;
}

.tooltip.green .content .contenthead
{
	border-top: solid 1px #49B74C;
	background: #11210F repeat-y;
}

.tooltip.green .content .contentfoot
{
	background-color: #11210F;
}
/* green end */

/* magenta start */
.toolbox li.magenta .toolbox_item_title, .tooltip.magenta .content, .tooltip.magenta .content h2, .tooltip.magenta .header .headertext, .tooltip.magenta .header .headertext a, .tooltip.magenta .content .contentbody
{
	color: #EAEAEA;
}

.toolbox li.magenta:hover .toolbox_item_title,
.toolbox li.magenta.tooltip_visible .toolbox_item_title,
.tooltip.magenta .content h1,
.tooltip.magenta .content .contenthead,
.tooltip.magenta .content .contentfoot,
.tooltip.magenta .content .contentfoot a,
.tooltip.magenta .content .contentbody a:link,
.tooltip.magenta .content .contentbody .coloredtext
{
	color: #D339AB;
}

.tooltip.magenta .content .contenthead
{
	border-top: solid 1px #D339AB;
	background: #260E1C repeat-y;
}

.tooltip.magenta .content .contentfoot
{
	background-color: #260E1C;
}
/* magenta end */



