/*  CSS STYLES FOR interChange Portal */
/*  Note: These styles are additions or overrides */
/*        from ICSkin1/skin.css	*/

/* This prevent Link appearing on ColumnHeader text */
.iC_DataPanel .iC_ColumnHeader A,
.iC_DataPanel .iC_ColumnHeader A:link,
.iC_DataPanel .iC_ColumnHeader A:hover,
.iC_DataPanel .iC_ColumnHeader A:visited,
.iC_DataPanel .iC_ColumnHeader A:active
{
	cursor: default;
	text-decoration: none;
	color: black;
}

/* Logoff Message Styles */
.logoffMessage1
{
    font-size: 15pt;
   	font-style: italic;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    color: Navy;
}
.logoffMessage2
{
    font-size: 13pt;
   	font-style: italic;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    color: Navy;
}    

/* Styles for Provider Directory Search */
.iC_MapCustomButton 
{ 
	border: none;
	cursor: pointer;
	width: 100%;
	font-size: 100%;
	color: green;
	font-style: normal;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	text-decoration: underline;
}

.iC_MapCustomButton_Default 
{ 
}
      
.iC_MapCustomButton_Disabled
{ 
}

/* Classes for the QuickLinks Control */
.QuickLinks_title
{
	color: #003399;
	font-family: Verdana;
	font-size: x-small;
	font-weight: bold;
	text-align: left;
	width: auto;
}

.QuickLinks_title_left
{
	text-align: left;
	padding-left: 10px;
}

.QuickLinks_title_right
{
	text-align: right;
	padding-right: 10px;
}

.QuickLinks_ul
{
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: disc;
}

.QuickLinks_li
{
	padding-bottom: 2px;
	margin: 0px 0px 0px -20px;
}

.QuickLinks_tl
{
	background-image: url(box_tl.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: auto;
}

.QuickLinks_t
{
	background-image: url(box_t.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	width: auto;
}

.QuickLinks_tr
{
	background-image: url(box_tr.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding: 10px;
}

.QuickLinks_bl
{
	background-image: url(box_bl.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	width: auto;
}

.QuickLinks_b
{
	background-image: url(box_b.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
	width: auto;
}

.QuickLinks_br
{
	background-image: url(box_br.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

.QuickLinks_l
{
	background-image: url(box_l.gif);
	background-repeat: repeat-y;
	background-position: 0 100%;
}

.QuickLinks_r
{
	background-image: url(box_r.gif);
	background-repeat: repeat-y;
	background-position: 100% 0;
}

.QuickLinks_clear
{
	font-size: 1px;
	height: 1px;
}

.QuickLinks_borderless_container
{
	font-family: Verdana;
	font-size: x-small;
}

.QuickLinks_borderless_title
{
	color: #003399;
	font-family: Verdana;
	font-size: x-small;
	text-align: left;
	width: auto;
}

.QuickLinks_borderless_title_left
{
	text-align: left;
	padding-left: 10px;
}

.QuickLinks_borderless_title_right
{
	text-align: right;
	padding-right: 10px;
}

.QuickLinks_borderless_ul
{
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: disc;
}

.QuickLinks_borderless_li
{
	padding-bottom: 2px;
	margin: 0px 0px 0px -20px;
}

.QuickLinks_borderless_font
{
	font-size:x-small;
}

.QuickLinks_borderless_list_ul
{
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: circle;
}

/* Classes for the Trading Partner Profile Wizard */
ul.no_indent 
{
	font-size: x-small;
}


.tpp_header
{
	font-size: 70%;
	padding-left: 0px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: black;
}

.tpp_label
{
	font-size: 70%;
	padding-left: 0px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: black;
}
 
.tpp_check
{
	font-size: 70%;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: black;
}

.tpp_label_shaded
{
	font-size: 70%;
	padding-left: 0px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: black;
}

.tpp_check_shaded
{
	font-size: 70%;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: black;
}

/* The wait spinner - create a div and give it an id of waitSpinner */
#waitSpinner {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	border: 8px solid #f3f3f3;
	border-top: 8px solid #3498db;
	border-radius: 50%;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}