﻿html, body, form, #wrapper
{
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 11px;
	height: 100%;
	margin: 0;
	padding: 0;
}

.ICNhoverPointer:hover
{
	cursor:pointer;
}

.ICNhoverArrow:hover
{
	cursor:default;
}

.ICNhidden
{
	display:none;
}

.ICNInvisible
{
	visibility:hidden;
}

.ICNDisabledLink
{
	color:#7F7F7F;
}

#wrapper
{
	background: #eeeeee;
	margin-left: 0;
	text-align: left;
	width: 998px;
}
.pagemaster
{
	width: 100%;
	background-color: #fefefe;
}
.skinmaster
{
	background-color: #eeeeee;
	border-right: #8f9092 1px solid;
	border-top: #8f9092 1px solid;
	border-left: #8f9092 1px solid;
	border-bottom: #8f9092 1px solid;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
}
.skinheader
{
}
.skingradient
{
	height: 30px;
}
.controlpanel
{
	width: 100%;
	background-color: #fefefe;
}
.toppane
{
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane
{
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane
{
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane
{
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane
{
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}


/* Control Panel */
div.pnav
{
	float: right;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
}

div.pnav div
{
	margin: 0;
	padding: 0;
	float: right;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
}

div.pnav table td
{
	height: 28px;
	white-space: nowrap;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
}

div.pnav td a:active, div.pnav td a:link, div.pnav td a:visited, div.pnav td a:hover
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	white-space: nowrap;
	display: block;
	background: url(  'images/imgHdrMainNavBg.gif' ) repeat-x bottom left;
	border-right: 1px solid #ccc;
	text-decoration: none;
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
}

div.pnav td.fc a:active, div.pnav td.fc a:link, div.pnav td.fc a:visited
{
	background: url(  'images/imgHdrMainNavLft2.gif' ) no-repeat bottom left;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
}

div.pnav td.lc a:active, div.pnav td.lc a:link, div.pnav td.lc a:visited
{
	background: url(  'images/imgHdrMainNavRgt2.gif' ) no-repeat bottom right;
	border-style: none;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
}

div.pnav td a:hover, div.pnav td.lc a:hover
{
	text-decoration: underline;
}

/* End Control Panel */

/* Current Date */
.SkinObject
{
	font-weight: bold;
	font-size: 11px;
	color: #003366;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}
/* End Current Date */

/* General User */
.SubHead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

.Head
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #333333;
}

.Normal, .NormalDisabled
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000;
}

.NormalBlue
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: Blue;
}

.NormalDisabled
{
	color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

/* text style used for error messages */
.NormalRed
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}

.NormalTextBox
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: Black;
}

.CommandButton
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}


/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
/* End */

/* Footer Div */
div.fnav
{
	padding: 0;
	border-top: #c6ccce 1px solid;
	font-weight: bold;
	font-size: 11px;
	background: url(images/fade_blue.gif) #fff repeat-x 10% top;
	margin: 0px;
	width: 996px;
	border-bottom: #c6ccce 1px solid;
	list-style-type: none;
	bottom: 0px;
	float: left;
	left: 0;
	clear: both;
}

div.fnav div
{
	margin: 0;
	padding: 0;
	height: 10%;
}

div.fnav table td
{
	height: 90%;
	white-space: nowrap;
}

div.fnav td a:active, div.fnav td a:link, div.fnav td a:visited, div.fnav td a:hover
{
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 11px;
	white-space: nowrap;
	display: block;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
}

div.fnav td.fc a:active, div.fnav td.fc a:link, div.fnav td.fc a:visited
{
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
}

div.fnav td.lc a:active, div.fnav td.lc a:link, div.fnav td.lc a:visited
{
	border-style: none;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

div.fnav td a:hover, div.fnav td.lc a:hover
{
	text-decoration: underline;
}
/* End Fnav */

/* Menu Navigation */
#nav
{
	padding-right: 0px;
	border-top: #c6ccce 1px solid;
	padding-left: 0px;
	font-weight: bold;
	font-size: 120%;
	background: url(images/fade_blue.gif) #fff repeat-x 50% top;
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 0px;
	border-bottom: #c6ccce 1px solid;
	list-style-type: none;
}
#nav_no_subnav
{
	padding-right: 0px;
	border-top: #c6ccce 1px solid;
	padding-left: 0px;
	font-weight: bold;
	font-size: 120%;
	background: url(images/fade_blue.gif) #fff repeat-x 50% top;
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 0px;
	border-bottom: #c6ccce 5px solid;
	list-style-type: none;
}
#nav LI
{
	padding-right: 0px;
	padding-left: 0px;
	background: url(images/separators_blue.gif) no-repeat right top;
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
}
#nav_no_subnav LI
{
	padding-right: 0px;
	padding-left: 0px;
	background: url(images/separators_blue.gif) no-repeat right top;
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
}
#nav A
{
	padding-right: 8px;
	padding-left: 8px;
	float: left;
	padding-bottom: 4px;
	padding-top: 4px;
	border-bottom: medium none;
	text-decoration: none;
}

A:visited
{
	color: Blue;
}
A:link
{
	color: Blue;
}
A:hover
{
	color: Orange;
}

#nav A:visited
{
	color: Blue;
}

#nav A:link
{
	color: Blue;
}

#nav_no_subnav A
{
	padding-right: 8px;
	padding-left: 8px;
	float: left;
	padding-bottom: 4px;
	padding-top: 4px;
	border-bottom: medium none;
	text-decoration: none;
}
#nav A:hover
{
	background: url(images/separators_blue.gif) #f0f3f4 no-repeat right top;
	color: orange;
}
#nav_no_subnav A:hover
{
	background: url(images/separators_blue.gif) #f0f3f4 no-repeat right top;
	color: Orange;
}
#nav A.active
{
	font-weight: bold;
	background: url(images/separators_blue.gif) #f0f3f4 no-repeat right top;
	color: Orange;
	border-bottom: #f0f3f4 1px solid;
}
#nav_no_subnav A.active
{
	font-weight: bold;
	background: url(images/separators_blue.gif) #f0f3f4 no-repeat right top;
	color: Orange;
	border-bottom: #f0f3f4 1px solid;
}
LI#t-home A
{
	margin-left: 0px;
}
UL.subnav
{
	padding-right: 0px;
	padding-left: 0px;
	background: #f0f3f4;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
UL.subnav LI
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0.3em;
	list-style-type: none;
}
UL.subnav LI.active
{
	font-weight: bold;
}

#subnavcontainer
{
	padding-left: 5px;
	background: #f0f3f4;
	border-bottom: #c6ccce 5px solid;
	float: left;
	width: 100%;
}
#subnavcontainer P
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin: 0px;
	color: #014f9f;
	line-height: 2em;
	padding-top: 0px;
	width: 100%;
}
#subnavcontainer A.current
{
	font-weight: bold;
	font-size: 12px;
	color: Blue;
	text-decoration: none;
}
#subnavcontainer A:visited
{
	color: Blue;
}
/* End Menu Navigation */

/* Fieldset Container */
H3
{
	font-size: 1.1em;
}

FIELDSET
{
	border-right: #c6ccce 1px solid;
	padding-right: 11px;
	border-top: #c6ccce 1px solid;
	padding-left: 11px;
	margin-bottom: 20px;
	padding-bottom: 11px;
	border-left: #c6ccce 1px solid;
	padding-top: 11px;
	border-bottom: #c6ccce 1px solid;
	width: 500px;
}
FIELDSET.no_borders
{
	border-right: medium none;
	padding-right: 0px;
	border-top: medium none;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: medium none;
	padding-top: 0px;
	border-bottom: medium none;
}
FIELDSET.final
{
	border-right: #c6ccce 5px solid;
	border-top: #c6ccce 5px solid;
	border-left: #c6ccce 5px solid;
	border-bottom: #c6ccce 5px solid;
}
FIELDSET P
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 11px;
	padding-bottom: 0px;
	margin: 0px 0px 5px;
	padding-top: 0px;
}
FIELDSET.final P
{
	color: #000;
}
FIELDSET LEGEND
{
	border-right: #c6ccce 1px solid;
	padding-right: 5px;
	border-top: #c6ccce 1px solid;
	padding-left: 5px;
	font-weight: bold;
	font-size: 11px;
	background: #f7f9f9;
	margin-bottom: 0px;
	padding-bottom: 2px;
	border-left: #c6ccce 1px solid;
	padding-top: 2px;
	border-bottom: #c6ccce 1px solid;
	color: #044897;
}
FIELDSET LEGEND SPAN
{
	font-weight: normal;
	font-size: 11px;
	color: #666;
}
FIELDSET P
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 11px;
	padding-bottom: 0px;
	margin: 0px 0px 10px;
	line-height: 15px;
	padding-top: 0px;
}
FIELDSET TABLE
{
	border: none;
	position: relative;
}
FIELDSET INPUT
{
	font-family: Tahoma;
	font-size: 11px;
}
FIELDSET INPUT.big
{
	font-weight: bold;
	font-size: 16px;
}
FIELDSET SMALL
{
	font-size: 11px;
	line-height: 13px;
}
FIELDSET HR
{
	margin: 20px 0px;
}
FIELDSET H3
{
	font-size: 11px;
	margin-bottom: 1px;
}
FIELDSET TABLE TD.field_label
{
	padding-right: 4px;
	font-weight: bold;
	font-size: 11px;
	vertical-align: top;
	white-space: nowrap;
	text-align: right;
}
FIELDSET TABLE TD.align_right
{
	text-align: right;
}
FIELDSET TABLE TD
{
	font-size: 11px;
	line-height: 1.6em;
	text-align: left;
}
/* End Fieldset Container */


/* Panel Container */

.panelH
{
	border: 0px;
	font-weight: bold;
	color: #000;
	font-size: 14px;
	font-family: Tahoma;
	background-image: url(images/GrayGradientBar.jpg);
	height: 20px;
	width: 60%;
	vertical-align: middle;
}
.panelC
{
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	border-collapse: collapse;
	padding: 0 5 0 5;
	background-color: white;
	height: 95%;
	width: 60%;
	text-align: left;
}

/* End Panel Container */

/* Collapsible Panel */

.collapTitle
{
	cursor: hand;
	color: black;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana;
	background-color: Transparent;
	text-decoration: none;
	height: 25px;
}

.collapPanel
{
	background-color: White;
	min-height: 100%;
	height: auto;
	display: block;
}
/* End Collapsible panel */

/* Ajax Modal Popup */

.PanelContainer
{
	text-align: left;
}

.modalProgressGreyBackground
{
	background: #CCCCCC;
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}

.modalPopup
{
	text-align: center;
	padding-top: 30px;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Tahoma, Sans-Serif;
	border-style: solid;
	border-width: 1px;
	background-color: White;
	width: 400px;
	height: 70px;
}

.callPopup
{
	text-align: center;
	padding-top: 30px;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Tahoma, Sans-Serif;
	border-style: solid;
	border-width: 1px;
	background-color: White;
	width: 200px;
	height: 60px;
}

/* End AJAX ModalPopup */

/* Container Master */
.containermaster
{
	height: 100%;
	background-color: #eeeeee;
	border-right: #8f9092 1px solid;
	border-top: #8f9092 1px solid;
	border-left: #8f9092 1px solid;
	border-bottom: #8f9092 1px solid;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
}
/* End Container */

.tdcontainer
{
	background-color: Transparent;
	border-top: #8f9092 1px solid;
	border-bottom: #8f9092 1px solid;
	border-right: #8f9092 1px solid;
	border-left: #8f9092 1px solid;
}

.PagingTable
{
	height: 33px;
	border: 1px;
	border-color: Black;
}

table.ScriptSegment
{
	width: 100%;
	border-top: 1px solid #e5eff8;
	border-right: 1px solid #e5eff8;
	margin: 1em auto;
	border-collapse: collapse;
	font-size: 9px;
}

table.ScriptSegment td
{
	color: #678197;
	border-bottom: 1px solid #e5eff8;
	border-left: 1px solid #e5eff8;
	padding: .3em 1em;
	text-align: left;
	height: 21px;
}

table.ScriptSegment tr.odd td
{
	background: #f7fbff;
}

.closeIcon
{
	background-position: right top;
	background-image: url( 'images/close_icon.gif' );
	background-repeat: no-repeat;
	position: absolute;
	cursor: pointer;
	width: 19px;
	top: 1px;
	height: 19px;
	right: 1px;
}

/* YesNo Upload Popup */
.UploadPopupBackground
{
	background-color: #000;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.UploadErrorPopup img
{
	border: solid 5px #fff;
}

.UploadErrorPopup-text
{
	display: block;
	color: #000;
	background-color: #fff;
	text-align: center;
	border: solid 2px #000;
	padding: 10px;
}
.UploadErrorPopup-text input
{
	width: 75px;
}

.feedback
{
	color: #00cc00;
	font-weight: 700;
}
/* End */

/* text style used for help text rendered by modules */
.Help
{
	border-right: black 1px solid;
	padding-right: 2px;
	border-top: black 1px solid;
	padding-left: 2px;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 2px;
	border-left: black 1px solid;
	color: black;
	padding-top: 2px;
	border-bottom: black 1px solid;
	font-family: Tahoma, Arial, Helvetica;
	background-color: #ffff99;
}

/* text style used for help text rendered by modules */
.Help
{
	border-right: black 1px solid;
	padding-right: 2px;
	border-top: black 1px solid;
	padding-left: 2px;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 2px;
	border-left: black 1px solid;
	color: black;
	padding-top: 2px;
	border-bottom: black 1px solid;
	font-family: Tahoma, Arial, Helvetica;
	background-color: #ffff99;
}

/*Calendar Control CSS*/
.ICNCalendar .ajax__calendar_container
{
	border: 1px solid #646464;
	background-color: lemonchiffon;
	color: Red;
}

.ICNCalendar .ajax__calendar_other .ajax__calendar_day, .ICNCalendar .ajax__calendar_other .ajax__calendar_year
{
	color: Black;
}

.ICNCalendar .ajax__calendar_hover .ajax__day, .ICNCalendar .ajax__calendar_hover .ajax__month, .ICNCalendar .ajax__calendar_hover .ajax__year
{
	color: Black;
}

.ICNCalendar .ajax__calendar_active .ajax__day, .ICNCalendar .ajax__calendar_active .ajax__month, .ICNCalendar .ajax__calendar_active .ajax__year
{
	color: Black;
	font-weight: bold;
}


/*Help File CSS*/

/* Header 1 - Main header */
tr.header1
{
	background-color: orange;
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;
}

tr.header1 a
{
	color: #ffffff;
	text-decoration: none;
}
tr.header1 a:hover
{
	color: #eeffee;
	text-decoration: underline;
}

td.header1
{
	background-color: orange;
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;
}

.header1Title
{
	/*background: url('bg_header5.png');*/
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;
	background-color: orange;
}


/* most tables are class 'content' */
.content
{
	border: solid 1px gray;
	padding: 0px;
	background-color: #ffffff;
	margin: 10px;
	color: #000000;
}

.post
{
	background-color: #F5F5F2;
}


table.content td
{
	padding: 5px;
	font-weight: 700;
}

/* links inside content table*/
.content a
{
	color: orange;
	text-decoration: underline;
}
.content a:hover
{
	color: blue;
	text-decoration: none;
}


/* Image Links */
a.imagelink
{
	font-weight: bold;
	color: #000000;
}
a:hover.imagelink
{
	text-decoration: none; /*background-color: #D0D0D0;*/
}

.textstyleunderline
{
	text-decoration: underline;
}
.textstylenormal
{
	font-weight: normal;
}
/**/

/* Error Container*/
.ICN_error_container2
{
	margin-top:10px;
	margin-bottom:10px;
}

.ICN_error_message
{
	padding-left:25px;
}

.ICN_error_text
{
	 color:#FF0000; 
	 font-weight:bold; 
	 padding-top:5px;
	 padding-bottom:10px; 
}

.ICN_error_text_options
{
	list-style-type:disc;
	padding-left:40px;
	line-height:15px;
}

.ICN_error_details_container
{
	margin-top:20px;
	display:none;
	background: #eeeeee;
	width:90%;
}

.ICN_error_details
{
	white-space:pre;
	padding: 5px 5px 5px 5px;
	border:solid 1px #000000;
	background-color:White;
}

.ICN_ControlButton
{
	padding:15px;
}
/**/

/** Button Style **/
.buttonStyle {
	display: inline-block;
	margin: 0;
	padding: 0;
	font: bold 13px "Helvetica Neue", Helvetica, Arial, clean, sans-serif !important;
	text-decoration: none !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.20);
	background: none;
	border: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	
	/* Fix extra width padding in IE */
	_width: 0;
	overflow: visible;
}

.buttonStyle span {
	display: block;						/* Prevents :active from working in IE--oh well! */
	height: 24px;
	padding-right: 12px;
	background-repeat: no-repeat;
	background-position: right top;
}

.buttonStyle span span {
	padding-right: 0;
	padding-left: 12px;
	line-height: 24px;
	background-position: left top;
}

.buttonStyle span span span {
	padding-left: 21px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
	/* IE6 still requires a PNG transparency fix */ 
	/* _background-image: none;		Or just hide icons from the undeserving IE6 */
	/* _padding-left: 0;					Or just hide icons from the undeserving IE6 */
}

.buttonStyle span span span.after {
	padding-left: 0px;
	padding-right: 21px;
	background-position: right center;
	/* IE6 still requires a PNG transparency fix */ 
	/* _padding-right: 0;					Or just hide icons from the undeserving IE6 */
}

.buttonStyle[disabled],
.buttonStyle[disabled]:hover,
.buttonStyle[disabled]:focus,
.buttonStyle[disabled]:active,
.buttonStyle.disabled,
.buttonStyle.disabled:hover,
.buttonStyle.disabled:focus,
.buttonStyle.disabled:active {
	color: #333 !important;
	cursor: inherit;
	text-shadow: none; 
	opacity: 0.33;
}

.buttonStyle:hover span,
.buttonStyle:focus span {
	background-position: 100% -24px;
}

.buttonStyle:hover span span,
.buttonStyle:focus span span {
	background-position: 0% -24px;
}

.buttonStyle:active span {
	background-position: 100% -48px;
}

.buttonStyle:active span span {
	background-position: 0% -48px;
}

.buttonStyle[disabled] span,
.buttonStyle.disabled span {
	background-position: 100% -72px;
}

.buttonStyle[disabled] span span,
.buttonStyle.disabled span span {
	background-position: 0% -72px;
}

.buttonStyle:hover span span span,
.buttonStyle:focus span span span,
.buttonStyle:active span span span,
.buttonStyle[disabled] span span span,
.buttonStyle.disabled span span span {
	background-position: left center;
}

.buttonStyle:hover span span span.after,
.buttonStyle:focus span span span.after,
.buttonStyle:active span span span.after,
.buttonStyle[disabled] span span span.after,
.buttonStyle.disabled span span span.after {
	background-position: right center;
}

.buttonStyle img {
	margin-right: 5px;
	vertical-align: text-top;
	/* IE6 Hack */
	_margin-top: 4px;
	_vertical-align: text-bottom;
	/* IE6 still requires a PNG transparency fix */ 
	/* _display: none;		Or just hide icons from the undeserving IE6 */
}

.buttonStyle img.after {
	margin-right: 0;
	margin-left: 5px;
	/* IE6 still requires a PNG transparency fix */ 
	/* _margin-left: 0;		Or just hide icons from the undeserving IE6 */
}

.buttonStyle.medium	{ font-size: 15px !important; }
.buttonStyle.large	{ font-size: 18px !important; }




/* Silver Button Skin (the default skin) */

.buttonStyle,
.buttonStyle.silver {
	color: #666 !important;
}
	
.buttonStyle:hover,
.buttonStyle:focus,
.buttonStyle.silver:hover,
.buttonStyle.silver:focus {
	color: #333 !important;
}
	
.buttonStyle span,
.buttonStyle.silver span {
	background-image: url(images/skins/silver/button_right.gif);
}

.buttonStyle span span,
.buttonStyle.silver span span {
	background-image: url(images/skins/silver/button_left.gif);
}

/* Orange Button Skin */

.buttonStyle.orange,
.buttonStyle.orange:hover,
.buttonStyle.orange:focus {
	color: white !important;
}
	
.buttonStyle.orange[disabled],
.buttonStyle.orange[disabled]:hover,
.buttonStyle.orange[disabled]:active,
.buttonStyle.orange[disabled]:focus,
.buttonStyle.orange.disabled,
.buttonStyle.orange.disabled:hover,
.buttonStyle.orange.disabled:active,
.buttonStyle.orange.disabled:focus {
	color: #333 !important;
}
	
.buttonStyle.orange span {
	background-image: url(images/skins/orange/button_right.gif);
}

.buttonStyle.orange span span {
	background-image: url(images/skins/orange/button_left.gif);
}

/* Yellow Button Skin */

.buttonStyle.yellow,
.buttonStyle.yellow:hover,
.buttonStyle.yellow:focus {
	color: #994800 !important;
}
	
.buttonStyle.yellow span {
	background-image: url(images/skins/yellow/button_right.gif);
}

.buttonStyle.yellow span span {
	background-image: url(images/skins/yellow/button_left.gif);
}


/* 
 * Simple Skin Buttons
 */

.buttonStyle.simple { 
	position: relative; 
	padding: 5px 10px 5px;
	font: inherit;
	font-size: 13px !important;
	font-style: normal !important; 
	font-weight: bold !important; 
	color: #fff !important;
	line-height: 1; 
	background-image: url(images/skins/simple/awesome-overlay-sprite.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	
	/* Special effects */
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25); 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	
	/* IE only stuff */
	border-bottom: 1px solid transparent\9;
	_background-image: none;
	
	/* Cross browser inline block hack - http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*display: inline !important;
	position: relative;
	
	/* Force hasLayout in IE */
	zoom: 1;
	
	/* Disable text selection (Firefox only)*/
	-moz-user-select: none;
}

.buttonStyle.simple::selection {
	background: transparent;
}

.buttonStyle.simple:hover,
.buttonStyle.simple:focus {
	background-position: 0 -50px; 
	color: #fff !important;
}

.buttonStyle.simple:active { 
	background-position: 0 -100px; 
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7); 
	/* Unfortunately, Safari doesn't support inset yet */
	-webkit-box-shadow: none;
	
	/* IE only stuff */
	border-bottom: 0\9;
	border-top: 1px solid #666\9;
}

.buttonStyle.simple[disabled], 
.buttonStyle.simple.disabled { 
	background-position: 0 -150px; 
	color: #333 !important;
	text-shadow: none; 
}

.buttonStyle.simple[disabled]:hover,
.buttonStyle.simple[disabled]:focus,
.buttonStyle.simple[disabled]:active,
.buttonStyle.simple.disabled:hover,
.buttonStyle.simple.disabled:focus,
.buttonStyle.simple.disabled:active {
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
} 

.buttonStyle.simple span {
	height: auto;
	padding-left: 24px;
	padding-right: 0;
	background-position: left center;
	background-repeat: no-repeat;
	/* IE6 still requires a PNG transparency fix */ 
	/* _padding-left: 0;		Or just hide icons from the undeserving IE6 */
}

.buttonStyle.simple span.after {
	padding-left: 0;
	padding-right: 24px;
	background-position: right center;
	/* IE6 still requires a PNG transparency fix */ 
	/* _padding-right: 0;		Or just hide icons from the undeserving IE6 */
}

/* Simple button colors */
.buttonStyle.simple					{ background-color: #333; }		/* Default */
.buttonStyle.simple.black		{ background-color: #333; }
.buttonStyle.simple.red		{ background-color: #a90118; }
.buttonStyle.simple.orange	{ background-color: #ff8a00; }
.buttonStyle.simple.yellow	{ background-color: #ffb515; }
.buttonStyle.simple.green		{ background-color: #59a901; }
.buttonStyle.simple.blue		{ background-color: #015ea9; }
.buttonStyle.simple.teal		{ background-color: #2daebf; }
.buttonStyle.simple.magenta	{ background-color: #a9014b; }
.buttonStyle.simple.purple	{ background-color: #9d01a9; }

/* Simple button sizes */
.buttonStyle.simple.small          { padding: 4px 7px 5px; font-size: 10px !important; }
.buttonStyle.simple.small:active   { padding: 5px 7px 4px; }
.buttonStyle.simple                    { /* default */ }
.buttonStyle.simple:active             { padding: 6px 10px 4px; }
.buttonStyle.simple.medium         { /* default */ }
.buttonStyle.simple.medium:active  { padding: 6px 10px 4px; }
.buttonStyle.simple.large          { padding: 8px 14px 8px; font-size: 14px !important; }
.buttonStyle.simple.large:active   { padding: 9px 14px 7px; }
.buttonStyle.simple.xl             { padding: 8px 14px 8px; font-size: 16px !important; }
.buttonStyle.simple.xl:active      { padding: 9px 14px 7px; }
.buttonStyle.simple.xxl            { padding: 8px 14px 8px; font-size: 20px !important; }
.buttonStyle.simple.xxl:active     { padding: 9px 14px 7px; }
.buttonStyle.simple.xxxl           { padding: 8px 14px 8px; font-size: 26px !important; }
.buttonStyle.simple.xxxl:active    { padding: 9px 14px 7px; }

.buttonStyle.simple.small[disabled]:active,
.buttonStyle.simple.small.disabled:active   	{ padding: 4px 7px 5px; }
.buttonStyle.simple[disabled]:active,
.buttonStyle.simple.disabled:active 	            { padding: 5px 10px 5px; }
.buttonStyle.simple.medium[disabled]:active,
.buttonStyle.simple.medium.disabled:active 		{ padding: 6px 10px 4px; }
.buttonStyle.simple.large[disabled]:active,
.buttonStyle.simple.large.disabled:active   	{ padding: 8px 14px 8px; }
.buttonStyle.simple.xl[disabled]:active,
.buttonStyle.simple.xl.disabled:active	      { padding: 8px 14px 8px; }
.buttonStyle.simple.xxl[disabled]:active,
.buttonStyle.simple.xxl.disabled:active 		   { padding: 8px 14px 8px; }
.buttonStyle.simple.xxxl[disabled]:active,
.buttonStyle.simple.xxxl.disabled:active    	{ padding: 8px 14px 8px; }



.buttonStyle span.ok			{ background-image: url(images/buttonIcons/tick.png) !important; }
.buttonStyle span.cancel		{ background-image: url(images/buttonIcons/cross.png) !important; }
.buttonStyle span.add			{ background-image: url(images/buttonIcons/add.png) !important; }
.buttonStyle span.delete		{ background-image: url(images/buttonIcons/delete.png) !important; }
.buttonStyle span.download		{ background-image: url(images/buttonIcons/arrow_down.png) !important; }
.buttonStyle span.download2		{ background-image: url(images/buttonIcons/package_down.png) !important; }
.buttonStyle span.upload		{ background-image: url(images/buttonIcons/arrow_up.png) !important; }
.buttonStyle span.search		{ background-image: url(images/buttonIcons/magnifier.png) !important; }
.buttonStyle span.save			{ background-image: url(images/buttonIcons/disk.png) !important; }
.buttonStyle span.email			{ background-image: url(images/buttonIcons/email.png) !important; }
.buttonStyle span.print			{ background-image: url(images/buttonIcons/printer.png) !important; }
.buttonStyle span.help			{ background-image: url(images/buttonIcons/help.png) !important; }
.buttonStyle span.home			{ background-image: url(images/buttonIcons/house.png) !important; }
.buttonStyle span.info			{ background-image: url(images/buttonIcons/information.png) !important; }
.buttonStyle span.cut			{ background-image: url(images/buttonIcons/cut.png) !important; }
.buttonStyle span.copy			{ background-image: url(images/buttonIcons/page_white_copy.png) !important; }
.buttonStyle span.paste			{ background-image: url(images/buttonIcons/paste_plain.png) !important; }
.buttonStyle span.erase			{ background-image: url(images/buttonIcons/erase.png) !important; }
.buttonStyle span.undo			{ background-image: url(images/buttonIcons/arrow_undo.png) !important; }
.buttonStyle span.redo			{ background-image: url(images/buttonIcons/arrow_redo.png) !important; }
.buttonStyle span.edit			{ background-image: url(images/buttonIcons/pencil.png) !important; }
.buttonStyle span.calendar		{ background-image: url(images/buttonIcons/date.png) !important; }
.buttonStyle span.user			{ background-image: url(images/buttonIcons/user.png) !important; }
.buttonStyle span.settings		{ background-image: url(images/buttonIcons/cog.png) !important; }
.buttonStyle span.telephone		{ background-image: url(images/buttonIcons/telephone.png) !important; }

/*****************/
/*** Groups **/

table.ICNGroupWindow
{
	border: solid 1px #ccc;
    border-collapse:collapse;
    background-color:#FFFFFF;
    color:#523b10;
    vertical-align:top;
}
 
 table.ICNGroupWindow .groupHeading
 {
  font-weight:bold;
  font-style :italic;
  text-align:left;
 }

 table.ICNGroupWindow div.groupDiv
 {
 	padding-top:3px;
 }

 
 table.ICNGroupWindow img
 {
 	width:16px;
 	height:16px;
 }
 
 table.ICNGroupWindow img.serverImg:hover
 {
 	 width:20px;
 	 height:20px;
 	 padding: 0px 0px 0px 0px;
 	 cursor:pointer;
 }

 table.ICNGroupWindow .header
 {
	background-color:whitesmoke;
	color:#523b10;
	text-align:left;
	font-weight:bold;
	padding: 4px 2px 4px 4px; 
	border-bottom:solid 1px #ccc;
 }
 
 table.ICNGroupWindow td
 {
 	border-width:0px;
 	padding: 0px;
 	white-space:nowrap;
 	vertical-align:middle;
 }
 
 table.ICNGroupWindow .lastCell
 {
 	padding-bottom:5px;
 }
 
 table.ICNGroupWindow .firstCell
 {
 	padding-top:5px;
 }
 
.ICNgroupWindowBodyInternal
{
	border-bottom:1px solid #FFFFFF;
	height:100px;
	overflow-x:hidden;
	overflow-y:auto;
	text-align:left;
	margin: 0px 2px 0px 2px;
}

.ICNgroupChooserBodyInternal
{
	width:250px;
}

/***************************/

/*** Modal Message *****/
.ICNModalMessage
{
	position:absolute;
	top:5px;
	left:5px;
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	border-collapse: collapse;
	padding: 0 5 0 5;
	background-color: white;
	text-align: left;
}

.ICNModalMessage .header
{
	border: 0px;
	font-weight: bold;
	color: #000;
	font-size: 14px;
	font-family: Tahoma;
	background-image: url(images/GrayGradientBar.jpg);
	height: 20px;
	width: 60%;
	vertical-align: middle;
}

.ICNmodalBackground
{
	background-color:#7F7F7F;
	z-index:30000;
	opacity:0.50;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
/***********************/

/*************** GridView Style ***********************/
/* table style */
table.gridstyle
{
	font-family:Tahoma, Arial, helvetica, Sans-Serif;
	font-size:11px;
	width:100%;
}

/* common cell styles*/
.gridstyle th, .gridstyle td
{
	cursor:default;
	height:20px;
}

/* header cell style */
.gridstyle th
{
	border-right-style:solid;
	border-right-width:1px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	font-weight:bold;
	text-align:center;
}

/* cell styles*/
.gridstyle td
{
	color:#000;
	padding: 2px 8px;
	border-right-style:solid;
	border-right-width:1px;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

table.gridstyle a 
{
	color:#000;
	text-decoration:none;
}
table.gridstyle a:hover
{
	text-decoration:underline;
}


tr.gridstyle_header
{
	font-family:Tahoma, Sans-Serif;
	border: solid 1px #7aa5d6;
}

/* header cell style */
tr.gridstyle_header
{
	background:#e5ecf9;
}

.gridstyle_header th
{
	color:#3366cc;
	border-right-color:#7aa5d6;
	border-bottom-color:#7aa5d6;
}


/** item **/
tr.gridstyle_item
{
	color:#000;
	background-color:#fff;
}
.gridstyle_item td
{
	border-bottom-color:#e5ecf9;
	border-right-color:#e5ecf9;
}

tr.gridstyle_alternateItem
{
	color:#000;
	background-color:whitesmoke;
}
.gridstyle_alternateItem td
{
	border-bottom-color:#e5ecf9;
	border-right-color:#e5ecf9;
}

/* pager row*/
tr.gridstyle_pager 
{
	width:100%;
}
.gridstyle_pager td
{
	background-image: url('images/bg.gif'); 
	background-repeat: repeat-x; 
	height: 25px; 
	padding: 0px; 
	font-size: 11px; 
}


/* mouseover row style */
tr.gridstyle_item:hover
{
	background-color:#e5ecf9;
}

tr.gridstyle_alternateItem:hover
{
	background-color:#e5ecf9;
}
/******************************************************/



