/** ** Stylesheet for grouped collection elements, like grids, menus, toolbars and tabs ** **/

/**** Menu related styles ****/
.menu, 
.menuitem, .menuitemhover, .menuitemselected, .menuitemdisabled,
.menuitemimage, .menuitemimagehover, .menuitemimageselected, .menuitemimagedisabled, 
.menuitemtext, .menuitemtexthover, .menuitemtextselected, .menuitemtextdisabled,
.menuitemtexth5, .menuitemtexthoverh5, .menuitemtextselectedh5, .menuitemtextdisabledh5
{
	cursor:default;
	text-align:left;
	border-collapse:collapse;
}
.menu { border: solid 1px #818E91; }
.menutr, 
.menuitemtext, .menuitemtexthover, .menuitemtextselected, .menuitemtextdisabled,
.menuitemtexth5, .menuitemtextdisabledh5, .menuitemtexthoverh5, .menuitemtextselectedh5
{
	height: 20px;	
	line-height: 20px;	
}
.menuitemtext, .menuitemtexthover, .menuitemtextselected, .menuitemtextdisabled
{
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;
	font-size: 0.88em;
}
.menuitemtexth5, .menuitemtextdisabledh5, .menuitemtexthoverh5, .menuitemtextselectedh5
{
	min-width: 110px;	
	max-width: 250px;
	width: 110px;
}
.menuitemtexth5, .menuitemtextdisabledh5
{
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;
	font-size: 0.88em;
}
.menuitemtexthoverh5, .menuitemtextselectedh5
{
	font-family: SourceSansPro-Semibold, Arial, Helvetica, Sans-Serif;
	font-size: 0.88em;
}
.menu 
{
	background-color: transparent; 
	padding: 0px;	
	max-width: 250px;
}
.menuitem
{
	border: none;
	background-color: #F1F2F6;	
}
.menuspacer 
{
	background-color: #F1F2F6;
	color:#F1F2F6;
	border:none;
	height: 1px; 
	width: 5%; 
}
.menuitemhover
{
	color: menutext;
	background-color: #FCEFC3;
	border: solid 1px highlight;
}
.menuitemdisabled
{
	color: graytext;
	border: solid 1px transparent;
}
.menuitemselected
{
	color: graytext;
	border: solid 1px transparent;
}
.menuitemimage
{	
	border: none;
	padding:4px 4px 4px 4px;	
	background-color: #C3D7D8;	
	/*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColor=3154116607, EndColor=1442840575);*/
}
.menuitemtext, .menuitemtexth5
{
	color: #396376;
	border:none;
	padding:2px 25px 2px 15px;			
}
.menuitemimagehover
{	
	background-color: #18ACCB;
	border: none;
	padding: 4px 4px 4px 4px;	
}
.menuitemtexthover, .menuitemtexthoverh5
{	
	background-color: #FF7F00;	
	color: #FFFFFF;
	border:none;
	padding:2px 25px 2px 15px;
}
.menuitemimagedisabled
{
	color: graytext;	
	border: none;
	padding:3px 3px 3px 3px;	
	background-color: activecaption;	
}
.menuitemtextdisabled, .menuitemtextdisabledh5
{
	color: #818E91;
	border: none;	
	padding:2px 25px 2px 15px;	
}
.menuitemimageselected
{	
	background-color: #FFFFFF;
	border: none;	
	padding: 4px 4px 4px 4px;	
}
.menuitemtextselected, .menuitemtextselectedh5
{
	background-color: #18ACCB;
	color: #FFFFFF;
	border:none;
	padding:2px 25px 2px 15px;	
}
.menuitemimageseparator
{
	border: none;
	padding:0px 0px 0px 0px;
	cursor:default;
	background-color: activecaption;	
}
.menuitemtextseparator
{
	border:none;	
	padding:0px 0px 0px 10px;
	cursor:default;
}
.menuitembarseparator
{
	height: 1px;	
	border-top: solid 1px #818E91;		
	padding:2px 0px 2px 0px;
	cursor:default;
	width:90%;
}
/**** end of menu related styles ****/

/*** Folder area related styles ***/
.folderareaheading
{
	font-family: SourceSansPro-Bold, Arial, Helvetica, Sans-Serif;
	font-size: 0.88em;
	color: highlight;
	padding-left: 2px;
	vertical-align: middle;
}
.folderareacontents
{
	background-color:#FFFFFF;
	overflow:hidden;
	table-layout:fixed;
}
/*** End of Folder area styles ***/

/*** Export area related styles ***/
.export-retrieve-password {
	font-size: 0.75em;
	text-align: right;
}
/*** End of Export area related styles ***/

/*** grid styles ***/

div#searchListHeadingContainer
{
	width:100%;
	height:35px;
	background-color: #F1F2F6;
	border-bottom: solid 1px #A9A9A9;
	vertical-align: middle;
}

div#searchListHeadingDescription
{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	float:left;
	width:49%;
}

div#searchListHeadingSortDescription
{
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	float:right;
	text-align:right;
	cursor:pointer;
}


.gridtopbottomspacer, .gridtopbottomspacer-highlight
{
	height:3px;
}

.gridrow, .gridrowselected
{
	border-bottom: solid 1px #C3D7D8;	
	table-layout: fixed;
	text-align: left;

}
.gridrowselected { background-color: #18A2CB; }

.gridtext, .gridtext-highlight, .gridtextplain,
.gridtextexplain, .gridtextexplain-highlight,
.gridflowtext, .gridflowtext-highlight
{
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;
	padding:0px 2px 0px 2px;
}

.gridtextgray, .gridtextgray-highlight
{
	padding:2px 2px 0px 2px;
}

.gridtext { font-size: 0.80em; } 
.gridtextplain 
{
	font-size: 0.92em; 
	line-height:28px;
}
.gridhead 
{
	border-top: solid 1px #627276; 
	border-bottom: solid 1px #627276; 
	table-layout: fixed;
}
.gridfoot
{
	border-top: solid 1px #627276; 
	border-bottom: solid 1px #627276; 	
	border-collapse: collapse;
	table-layout: fixed;
	height: 20px;
	width: 100%;			
}
.gridheading, .gridheadinggrey, .gridheadinglargetext
{
	font-family: SourceSansPro-Bold, Arial, Helvetica, Sans-Serif;	
	color: #627276;
	height: 20px;
	line-height: 20px;
	padding-left: 2px 0px 0px 2px;
	vertical-align: middle;	
	white-space: nowrap;
	text-align: left;
	text-indent: 6px;
	text-transform: uppercase;
	overflow: hidden;	
	-moz-user-select: none;
}
.gridheadinglargetext { background-color: #F1F2F6; }
.gridheading, .gridheadinggrey 
{ 	
	font-size: 0.75em;
	border-bottom: solid 1px #C3D7D8;	
	border-right: solid 1px #C3D7D8;
	border-left: solid 1px #C3D7D8;
}
.gridheading { background-color: #FFFFFF; }
.gridheadinggrey { background-color: #F1F2F6; }
th.adgridheading 
{
	font-family: SourceSansPro-Bold, Arial, Helvetica, Sans-Serif;	
	font-size: 0.82em;
	background-color: #EDF9FD;
	border-bottom: solid 1px #C3D7D8;	
	border-right: solid 1px #C3D7D8;
	border-left: solid 1px #C3D7D8;
	color: #627276;
	height: 22px;
	line-height: 22px;
	padding: 2px 0px 0px 2px;
	vertical-align: middle;	
	white-space: nowrap;
	text-align: left;
	text-indent: 6px;
	text-transform: uppercase;
	overflow: hidden;	
	-moz-user-select: none;	
}
.adgridtext td,
.adgridtextselected td
{
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;	
	font-size: 0.82em !important;
	border-bottom: solid 1px #C3D7D8 !important;	
	border-right: solid 1px #C3D7D8 !important;
	border-left: solid 1px #C3D7D8 !important;
	height: 20px;
	line-height: 20px;
	padding: 2px 10px 2px 2px;
	vertical-align: middle;	
	white-space: nowrap;
	text-align: left;
	text-indent: 6px;
	text-transform:none;
	overflow: hidden;	
	-moz-user-select: none;	
}
.adgridtext td 
{
	color: #0C4058; 
	background-color: #FFFFFF; 
}
.adgridtextselected td 
{
	color: #FFFFFF; 
	background-color: #18ACCB; 
}
.gridheadinglargetext { font-size: 0.91em; }
.gridheadingimg { height:14px }
.gridheadingsizedimg { text-indent: 3px; }
.gridfooter
{
	border-top: solid 1px #627276; 
	border-bottom: solid 1px #627276; 
	background-color: #FFFFFF;
	height: 20px;
	line-height: 20px;    
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
	-moz-user-select: none;
}
.gridpagingbuttons, 
.gridpagingbuttonslarger,
.gridpaginglabel,
.gridpagingdropdown
{
	font-family: SourceSansPro-Bold, Arial, Helvetica, Sans-Serif;		
	text-decoration: none;
	text-transform: uppercase;
	color: #627276;
}
.gridpagingbuttons 
{
	font-size: 0.78em; 
	vertical-align: middle;
	width: 16px;
	height: 16px;
}
.gridpagingbuttonslarger { font-size: 0.81em; }
.gridpaginglabel,
.gridpagingdropdown
{
	font-size: 0.78em;
	white-space: nowrap;
	vertical-align: middle;
}
.gridpagingdropdown { height: 100%; }
.gridfooterspacer { width: 19px;  }

.gridtext, .gridtext-highlight, .gridtextplain,
.gridtextgray, .gridtextgray-highlight,
.gridtextexplain, .gridtextexplain-highlight
{	
	text-align: left;
	text-indent: 6px;	
	overflow: hidden;
	cursor: default; 
	white-space: nowrap;
	word-break: break-all;
	text-overflow: ellipsis; /* css3 style */
	-moz-user-select: none;
}

.gridtext, .gridtext-highlight, 
.gridtextgray, .gridtextgray-highlight,
.gridtextexplain, .gridtextexplain-highlight
{ vertical-align: top; }
.gridtext, 
.gridtextgray, 
.gridtextexplain
{	
	/*background-color: #EDF9FD;*/
	color: #627276;
}
.gridtextplain 
{
	background-color: #FFFFFF;
	color: #627276;
	vertical-align: middle;
}
.gridtext-highlight,
.gridtextgray-highlight,
.gridtextexplain-highlight,
.gridtopbottomspacer-highlight
{	
	background-color: #18A2CB;
	color: #FFFFFF;
}
.gridtextgray, .gridtextgray-highlight
{
	font-family: SourceSansPro-Semibold, Arial, Helvetica, Sans-Serif;
	font-size: 0.92em;	
}
.gridtext { color: #396376; font-size: 0.75em; } 
.gridtext-highlight { color: #FFFFFF; font-size: 0.75em; }
.gridtextgray { color: #396376;	}
.gridtextgray-highlight { color: #FFFFFF; }
.gridtextexplain, .gridtextexplain-highlight { font-size: 0.70em; }
.gridtextexplain div { width:100%; }
.gridtextexplain-highlight div { width:100%; }
.gridtext i, .gridtextgray i, .gridtext-highlight i,
.gridtextexplain div i, .gridtextexplain div u
{
	background-color: #FFCCFF;
	color: #627276;
	font-style: normal;
	text-decoration:none;
}

.gridtextgray-highlight i,
.gridtextexplain-highlight div i,
.gridtextgray-highlight u,
.gridtextexplain-highlight div u
{
	font-style:normal;
	text-decoration:underline;
}

.searchword-highlight { background-color: #FFCCFF; }
.gridicon, .gridicon-highlight
{	
	padding: 3px 0px 0px 10px;			
	vertical-align: top;
	text-align: center;
	cursor: default;
	-moz-user-select: none;
}
.gridicon { /*background-color: #EDF9FD;*/ }
.gridicon-highlight { background-color: #18A2CB; }
.gridtextimg { background-color: Transparent; }

.gridflowtext, .gridflowtext-highlight
{
	font-size: 0.75em;
	padding-left: 2px;
	vertical-align: top;
	cursor: default;
	color: #0C4058;
	-moz-user-select: none;
}
.gridflowtext { background-color: window; }
.gridflowtext-highlight { background-color: highlight; }
.gridspacer { color: #C3D7D8; padding-right: 1px; }
.gridspacer-highlight { color: #F1F2F6; padding-right: 1px; }
.nogriddata 
{
	padding-top: 10px;
	height: 35px !important;
	overflow: hidden;
}
th.groupstatgridheading,
.simplegridheading
{
	font-family: SourceSansPro-Semibold, Arial, Helvetica, Sans-Serif;
	font-size: 0.88em;
	height: 34px;
	line-height: 34px;
	text-transform: uppercase;
	background-color: #F1F2F6;
	color: #000000;	
	white-space: nowrap;
	text-align: left;
	text-indent: 10px;
	vertical-align: middle;	
	position: relative;
	overflow: hidden;	
	-moz-user-select: none;
	border-bottom: solid 1px #C3D7D8;	
	border-right: solid 1px #C3D7D8;
	border-left: solid 1px #C3D7D8;
}

.simplegridtext, .simplegridtext-highlight
{	
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;
	font-size: 0.88em;
	height: 34px;
	line-height: 34px;
	text-align: left;
	text-indent: 10px;	
	text-transform: uppercase;
	vertical-align: middle;
	overflow: hidden;
	cursor: default; 
	white-space: nowrap;		
	text-overflow: ellipsis; /* css3 style */
	-moz-user-select: none;
}
.simplegridtext
{
	background-color: #FFFFFF;
	color: #0C4058;
}
.simplegridtext img { height: 16px; }
.simplegridtext-highlight
{	
	background-color: #18A2CB; 
	color: #FFFFFF;
}

/* Ultra Web Grid Styles */
.uwgridcontainer
{
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	width:100%;
	height: 100%;
}
.uwgridcontainer-withfooter
{
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	width:100%;
	height: 97%;
}
.uwgridtext
{
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;
	border-bottom: solid 1px #C3D7D8;
	border-right: solid 1px #C3D7D8;
	border-left: solid 1px #C3D7D8;
	height: 34px;
	line-height: 34px;
	text-align: left;
	text-indent: 10px;
	text-transform: uppercase;
	font-size: 0.75em;
	display: block;
	vertical-align: middle;
	white-space: nowrap;	
	text-overflow: ellipis;	
	-moz-user-select: none;
	color: #0C4058;

}
.uwgridtext img
{
	height: 32px; 
	position: relative;
	top: 0px;
	left: 6px;
	vertical-align: middle;
}
.uwgridrowhover { background-color: #EDF9FD; }
.uwgridrowdefault
{
	background-color: #FFFFFF; 
	color: #0C4058; 
}
.uwgridrowselected 
{ 
	background-color: #18A2CB; 
	color: #FFFFFF;
}
th.uwgridheading
{
	font-family: SourceSansPro-Semibold, Arial, Helvetica, Sans-Serif;
	font-size: 0.88em;
	height: 34px;
	line-height: 34px;
	text-transform: uppercase;
	border-top: solid 1px #C3D7D8;		
	border-bottom: solid 1px #C3D7D8;	
	border-right: solid 1px #C3D7D8;
	border-left: solid 1px #C3D7D8;
	white-space: nowrap;
	text-align: left;
	text-indent: 10px;
	text-transform: uppercase;
	overflow: hidden;		
	position: relative;
	vertical-align: middle;
	background-color: #F1F2F6;
	-moz-user-select: none;
	color: #000000;
}
th.uwgridheading img 
{ 
	height: 12px; 
	float: right;
	position: absolute;
	margin-left: 2px;
	top: 11px;	
}
.uwgridframe
{
	width: 100%;
	text-overflow: ellipsis;
	margin-right: 5px; 
}
.uwgridframe table
{
	border-collapse: separate;
	width: 100% !important;
}
/*** end of grid styles ***/

/** Tab specific styles **/
/* top of the page tab strip styles */
.toptabcontainer, .preftoptabcontainer, .toptabarea { background-color: #F1F2F6; }
.dialogtabarea { background-color: #FFFFFF; }
.toptabcontentarea { border: solid 5px #FFFFFF !important; }
.preftoptabcontainer
{
	height: 418px;
	width: 100%;
}
.toptab, 
.toptabhover, 
.dialogtoptab,
.toptabselected,
.dialogtoptabhover
{
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;
	font-size: 0.82em;
	color: #000000;
	background-color: #FFFFFF;
}
.toptab, .toptabhover, .toptabselected { background-color: #FFFFFF; }
.dialogtoptab, .dialogtoptabhover { background-color: #F1F2F6; }
.toptabcriteriaarea 
{	
	background-color: #FFFFFF;
	border: solid 1px #C3D7D8; 
}	
.toptab, .dialogtoptab { padding: 5px 10px 3px 10px; }
.toptabhover, .toptabselected, .dialogtoptabhover 
{
	padding: 3px 10px 3px 10px;		
	border-bottom: none 0px #818E91;
}
.toptabhover, .dialogtoptabhover { border-top: solid 3px #18A2CB; }
.toptabselected { border-top: solid 3px #0C4058; }
.toplabelwrap, .toplabel
{	
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	color: #000000;
	text-decoration: none;
	cursor:default;
	vertical-align: top;
	white-space: normal;
}
.toplabel
{			
	overflow:hidden;
	/* text-overflow: ellipsis; /* CSS3 only style, won't work properly in IE browsers, even 10 */	
}
.toplabelwrap
{			
	text-align: left;
	/* word-wrap: break-word; /* CSS3 only style */
}
.toptabseparator
{
	border:solid 1px #818E91;	
}
/* bottom of the page tab strips */
.bottomTabStrip
{
	width: 100%; 
	height: 44px;
	background-color: #F1F2F6;	
	text-align:left;
}
.bottomTabStripArea { text-align: left; }
.bottomTabStripDefault,
.bottomTabStripItemSelected
{
	text-align: center;
	line-height: 1.9em;	
	height: 1.9em;		
	min-width: 4.0em;	
	background-color: #FFFFFF;	
	border-right: solid 1px #818E91; 	
	border-bottom: solid 1px #818E91;
}
.bottomTabStripDefault { border-top: solid 1px #818E91; }
.bottomTabStripItemSelected { border-top: solid 1px #FFFFFF; }
.bottomTabSpacerHead { width: 8px; border-top: solid 1px #818E91; border-right: solid 1px #818E91; }
.bottomTabSpacerEnd { width: 100%; border-top: solid 1px #818E91; }

a.bottomTabStripItem, 
a.bottomTabStripSelected
{
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;
	font-size: 0.80em;	
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	line-height: 1.9em;	
	height: 100%;		
	min-width: 4.0em;
}
a.bottomTabStripItem, 
a.bottomTabStripItem:link,
a.bottomTabStripItem:visited,
a.bottomTabStripItem:active,
a.bottomTabStripItem:hover,
a.bottomTabStripSelected,
a.bottomTabStripSelected:link,
a.bottomTabStripSelected:visited,
a.bottomTabStripSelected:active,
a.bottomTabStripSelected:hover
{
	display: block;
	text-decoration: none;
	cursor: default;	
	white-space: nowrap;
	color: #0C4058;
	padding: 0 1.0em 0 1.0em;
	/* text-overflow:ellipsis; - css3 style */	
}
a.bottomTabStripItem { border-bottom: solid 3px #FFFFFF; }
a.bottomTabStripItem:hover { border-bottom: solid 3px #18A2CB; }
a.bottomTabStripSelected { border-bottom: solid 3px #0C4058; }
/** end of tab specific styles **/

/* Toolbar styles */
.toolbarbutton, .toolbarbuttonhover,
.toolbarbuttonselected, .toolbarbuttondisabled,
.toolbarimage, .toolbarimagehover, .toolbarlabel,
.toolbarimageselected, .toolbarimagedisabled
{
	font-family: SourceSansPro-Semibold, Arial, Helvetica, Sans-Serif;
	font-size: 0.75em;
	vertical-align: middle;
	white-space:nowrap;
	-moz-box-sizing: border-box;
}
.toolbarcontainer
{	
	height: 28px;
	width: 100%;
	min-width: 800px;
	background-color: #0C4058;
	display: block;
	text-align: right;
	overflow:hidden;	
}
.toolbartitle
{
	font-family: SourceSansPro-Semibold, Arial, Helvetica, Sans-Serif;
	font-size: 0.88em;
	position: absolute;
	left: 15px;
	height: 28px;
	line-height: 28px;
	width: 250px;
	min-width: 200px;
	background-color: #0C4058;
	color: #FFFFFF;
	display: block;
	text-align: left;
	text-transform: uppercase;
	z-index: 1100;
}

.toolbar-previewer
{	
	width: 100%;
	background-color: #0C4058;
    color: white;
}

.toolbar-previewer a
{	
    color: white;
}

.toolbar
{	
	position: absolute;
	width: 100%;
	right: 6px;	
	top: 0;	
	background-color: #0C4058;
	display: block;
}
.toolbar table
{
	height: 100%;
}
.toolbarbutton,
.toolbarbuttonhover,
.toolbarbuttonselected,
.toolbarbuttondisabled,
.toolbarlabel
{
	text-decoration: underline;
	text-transform: uppercase;
	white-space: nowrap;     
	border: none;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	display: block;
	min-width: 28px;
	padding: 0px 5px 0px 5px; 
	cursor: pointer;
	text-align: center;
	overflow: visible;
	-moz-box-sizing: border-box;
	word-break: keep-all;
}
.toolbarbutton, .toolbarlabel { color: #FFFFFF; }
.toolbarbuttonhover { color: #C3D7D8; }
.toolbarbuttonselected { color: #18ACCB; }
.toolbarbuttondisabled
{
	color: #AAAAAA;
	cursor: not-allowed;
	text-decoration: none;	
	/*filter:alpha(opacity=70);*/
}

.toolbarimage,
.toolbarimagehover,
.toolbarimageselected,
.toolbarimagedisabled
{
	text-align: center;
	border: none;	
	width: 30px;
	min-width: 28px;
	cursor: pointer;
	padding: 0px 3px 0px 3px !important; 
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-khtml-opacity: 1.0;
	height: 100%;
}

.toolbarimage img,
.toolbarimagehover img,
.toolbarimageselected img,
.toolbarimagedisabled img
{
	vertical-align: middle;
}
.toolbarimage { color: #FFFFFF; }
.toolbarimagehover { color: #18A2CB; }
.toolbarimageselected { color: #C3D7D8; }
.toolbarspacer { width: 10px; }
.toolbarimitate 
{
	background-color: #0C4058;
	display: block;
	height: 28px;
	width: 20%;
}
.toolbarseparator
{
	text-align: center;
	line-height: 28px;
	width: 3px;
	vertical-align: top;
	color: #FFFFFF;
	background-color: #0C4058;	
}

.toolbarlabel
{
    cursor: default;
    text-decoration: none;
}
/* end of Toolbar styles */

/* start of image strip styles */
.adminStrips
{
	width: 100%;
	height: 70%;
	min-height: 580px;
	text-align: center;
	position: absolute;
	top: 0px;	
	padding: 24px 0px 0px 0px;
	/* left: 24px; - for when not EmulateIE7 */	
	overflow-y: auto;
	overflow-x: hidden;
}
.imagestripcontainer
{
	clear: both;
	display: block;
	background-color: #FFFFFF;
	border: solid 2px #F1F2F6;	
	width: 95%;
	height: 127px;	
	margin-top: 8px;		
	-moz-box-shadow: 0px 2px 2px rgba(153,153,153,0.50);
	-webkit-box-shadow: 0px 2px 2px rgba(153,153,153,0.50);
	box-shadow: 0px 2px 2px rgba(153,153,153,0.50);	
	/* drop shadow effect filter for IE */
	-ms-filter: filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color=#999999, Positive='true');
	filter: filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color=#999999, Positive='true');
}
.imagestripheader
{
	font-family: SourceSansPro-Bold, Arial, Helvetica, Sans-Serif;
	font-size: 0.78em;
	display: block;	
	background-color: #F1F2F6;
	color: #627276;
	height: 32px;
	line-height: 32px;
	text-align: left;
	text-indent: 12px;	
}
.imagestrip 
{ 
	display: block;
	text-align: left;	
	padding: 0px 5px 0px 5px;
	height: 95px;
	overflow: hidden;
	vertical-align: middle;
}

.stripitemcontainer
{	
	display: inline-block;
	float: left;
	height:	86px;
	width: 86px;
	margin: 4px 8px 0px 8px;		
	vertical-align: top;	
}
.stripitemdefault,
.stripitemdisabled,
.stripitemselected,
.stripitemcontainer a:hover
{
	display: block;
	text-align: center;	
	text-decoration: none;
	width: 100%;
	height: 100%;	
	padding: 0px 2px 0px 2px;
	/* rounded corners for all non-IE browsers */
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 8px; /* larger value due to IE differences */
}
.stripitemdefault { background-color: #FFFFFF; color: #999999; }
.stripitemdisabled { background-color: #FFFFFF; color: #818E91; }
.stripitemselected { background-color: #18ACCB; color: #FFFFFF; }
.stripitemcontainer a:hover { background-color: #FF7F00; color: #FFFFFF; }
.stripitemimg 
{ 
	position: relative;
	top: 4px;
	/*height: 68px; */
	display: block;	
}
.stripitemtxt 
{
	position: relative;
	top: 10px;
	font-family: SourceSansPro-Bold, Arial, Helvetica, Sans-Serif;
	font-size: 0.75em;		
	white-space: normal;
	word-break: keep-all;	
}

/* end of image strip styles */

/* start of editor related styles */
.riskeditorheading, .riskeditorheading_readonly
{
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;
	font-size: 1.0em;		
	border-bottom: solid 1px #C3D7D8;
	vertical-align: middle;
	color: #396376;	
}
.risknone,   .risknone_disabled,
.risklow,    .risklow_disabled,
.riskmedium, .riskmedium_disabled,
.riskhigh,   .riskhigh_disabled,
.risksevere, .risksevere_disabled
{
	font-family: SourceSansPro-Semibold, Arial, Helvetica, Sans-Serif;
	font-size: 0.90em;		
	vertical-align:middle;
	color: #627276;
}
.risknone, .risklow, .riskmedium, .riskhigh, .risksevere,
.risknone_disabled, .risklow_disabled, .riskmedium_disabled, 
.riskhigh_disabled, .risksevere_disabled
{
	text-align:left;
	vertical-align:middle;
	height:31px;	
	padding-left:60px;
	background-repeat:no-repeat;
	background-position:left center;
}
.riskeditorheading, .riskeditorheading_readonly
{ 
	text-align:center; 	
	width:90%;
	background-color: #F1F2F6;
}
.riskeditor, .riskeditor_readonly
{
	border: solid 1px #C3D7D8;
	background-color: #FFFFFF;
	margin: 10px 0px 0px 0px;	
	height:100%;
}
.risknone { background-image:url("../../images/btn-risk-green.gif"); }
.risknone_disabled { background-image:url("../../images/btn-risk-green_disabled.gif"); }
.risklow { background-image:url("../../images/btn-risk-blue.gif"); }
.risklow_disabled { background-image:url("../../images/btn-risk-blue_disabled.gif"); }
.riskmedium { background-image:url("../../images/btn-risk-yellow.gif"); }
.riskmedium_disabled { background-image:url("../../images/btn-risk-yellow_disabled.gif"); }
.riskhigh {	background-image:url("../../images/btn-risk-orange.gif"); }
.riskhigh_disabled { background-image:url("../../images/btn-risk-orange_disabled.gif"); }
.risksevere { background-image:url("../../images/btn-risk-red.gif"); }
.risksevere_disabled { background-image:url("../../images/btn-risk-red_disabled.gif"); }
/* end of editor styles */

/* Social Messages - START */
.previewemailaddress-hover { color:#18ACCB; }
.treenode, 
.treenodehover, 
.treenodeselected
{
	font-family: SourceSansPro-Regular, Arial, Helvetica, Sans-Serif;
	font-size: 0.80em;
	padding:2px 3px 2px 1px;	
}
.treenode { color: #396376; }
.treenodehover
{	
	color: highlight;
	text-decoration:underline;	
}
/* Social Messages - END*/

/* RAW TABLES - Styling for raw tables (not UW or any other type of control)*/
.tableframing
{
	position: relative;
	width:100%;
	height: 100%;
}

.tableframing th
{
	height: 30px;
	vertical-align: middle;
	font-size: 1.3em;
}

.tableframing td
{
	height: 30px;
	vertical-align: middle;
}

table.previewer {
    margin-top: 20px; 
    margin-left: 10px;
}
/* RAW TABLES - END */

/**** End of Stylesheet ****/