@import url("../reset-fonts-grids.css");
/*@import url("../base.css");*/

/*
=============================================================================
  FONTS:
=============================================================================
  Per Yahoo! recommendations, specify all font sizes in percentages, which
  render more consistently across browsers, and scale properly when users
  resize text.  Use the chart below to determine the correct percentage to
  use, and only use values from the chart if possible.  Do not use
  pixels (px), points (pt), ems (em), or any other unit.  Ems can be used
  for margins and line heights.

  Pixel  =  Percentage
  --------------------
   6px   =  46.2%
   7px   =  53.8%
   8px   =  61.5%
   9px   =  69.2%
  10px   =  77%
  11px   =  85%
  12px   =  93%
  13px   =  100%
  14px   =  108%
  15px   =  116%
  16px   =  123.1%
  17px   =  131%
  18px   =  138.5%
  19px   =  146.5%
  20px   =  153.9%
  21px   =  161.6%
  22px   =  167%
  23px   =  174%
  24px   =  182%
  25px   =  189%
  26px   =  197%
*/

html, body
{
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
}

html
{
	height: 100%;
	overflow-y: scroll;
}

body
{
	height: 100%;
}



/*===========================================================================*\
    _SECTION_GLOBAL_TAGS: Defines global styles after YUI reset applied
\*===========================================================================*/

body{font-family:verdana,arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font-family:arial,helvetica,clean,sans-serif}

h1{font-size:138.5%}
h2{font-size:123.1%}
h3{font-size:108%}
h1,h2,h3,h4,h5,h6{color:#003366;margin:0.75em 0px;font-weight:bold}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}
p{margin-top:0.75em;margin-bottom:0.75em}
p:first-child{margin-top:0}
a{text-decoration:underline}
a:active,a:link,a:visited{color:#592d00}
strong{font-weight:bold}
em{font-style:italic}
ul,ol,dl{margin:0.75em 0 0.75em 3em}
ul:first-child,ol:first-child,dl:first-child{margin-top:0}
ol li,ul li{list-style-position:outside}
ol li{list-style-type:decimal}
ul li{list-style-type:disc}
dl dd{margin-left:1em}
th,caption{text-align:center}
th{font-weight:bold}
caption{margin-bottom:0.5em}
textarea{font:normal 100% verdana}
blockquote{margin:0px 18px;}
/*
*/

input.button{cursor:pointer;}


/*===========================================================================*\
    _SECTION_MASTER_PAGES: Defines classes for Master Pages.
\*===========================================================================*/

form#aspnetForm
{
	height: 100%;
	width: 987px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

table#PageWrapper
{
	min-height: 100%;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	table-layout: fixed;
}

#PageHeader
{
	background-color: #00FFFF;
	background-image: url("images/SantaFeStucco.png");
	color: #ffffff;
	height: 100px;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
}

#PageHeader .UserWelcomeArea
{
	font-size: 80%;
	padding: 2px 5px;
	filter: glow(color=#592D00,strength=4);
	display: inline-block;
}

#PageHeader .UserWelcomeArea a
{
	color: #ffff00;
	font-weight: bold;
}

#PageHeader .SiteTitle
{
	color: #ffff40;
	font-size: 400%;
	font-weight: bold;
	filter: glow(color=#592D00,strength=10);
	display: inline-block;
}

#PageHeader .SiteSubtitle
{
	color: #ffffff;
	font-size: 75%;
	font-weight: normal;
	filter: glow(color=#592D00,strength=4);
	display: inline-block;
}

#PageMenu
{
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	text-align: left;
	background-color: #cccccc;
	background-image: url("images/menu_background.png");
	background-repeat: repeat-x;
	padding: 0 5px;
}

#PageMenu a[href$="_SkipLink"]
{
	display: none;
	visibility: hidden;
}

#PageMenu .StaticMenu
{
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#PageMenu .StaticMenuItem
{
	display: block;
	color: #000000;
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0 10px;
	text-decoration: none;
}

#PageMenu .DynamicMenu
{
	background-color: #cccccc;
}

#PageMenu .DynamicMenuItem
{
	display: block;
	margin: 0;
	padding: 0 10px;
	min-width: 150px;
	color: #000000;
	text-decoration: none;
	font-size: 92%;
	font-weight: bold;
}

#PageMenu .StaticSelected, #PageMenu .DynamicSelected, #PageMenu .SateliteSelected
{
	background-color: #cc6600;
	background-image: url("images/menu_selected.png");
	color: #ffffff;
}

#PageMenu .StaticHover, #PageMenu .DynamicHover, #PageMenu .SateliteItem:hover
{
	background-color: #ffff00;
	background-image: url("images/menu_hover.png");
	color: #CC1400;
}

#PageMenu .StaticSelected.StaticHover, #PageMenu .DynamicSelected.DynamicHover,  #PageMenu .SateliteSelected:hover
{
	/*background-image: url("images/menu_hover_inverted.png");*/
}

#PageMenu .SateliteItem
{
	display: block;
	color: #000000;
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0 10px;
	vertical-align: middle;
	text-decoration: none;
}

#PageBody
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: center;
}

#TopAdBar
{
	background-color: #ffffff;
	height: 100%;
	margin: 0;
	padding: 5px 0;
	vertical-align: top;
	text-align: center;
}

#LeftBar
{
	background-color: #00FF00;
	height: 100%;
	margin: 0;
	padding: 5px 0;
	vertical-align: top;
	text-align: left;
}

#PageContent
{
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

#RightAdBar
{
	background-color: #ffffff;
	height: 100%;
	margin: 0;
	padding: 5px 0;
	vertical-align: top;
	text-align: right;
}

#BottomAdBar
{
	background-color: #ffffff;
	height: 100%;
	margin: 0;
	padding: 5px 0;
	vertical-align: bottom;
	text-align: center;
}

#PageFooter
{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	text-align: center;
}


/*===========================================================================*\
    _SECTION_SPRITES: Defines image information for CSS sprites
\*===========================================================================*/

/*
  NOTE: all images that are NOT css sprites are defined in the .skin file!

  ir (image replace) class: Use this class when you want to replace a tag's
  text with an image.  This should be used for css sprites (see the tabs).

  To use this class:

  1. Create an additional class for the image itself, such as:
       .search-btn { background-image: url(images/buttons/search_button.gif); width: 50px; height: 23px; }
  2. Create a :hover pseudo-class that shifts the background position to the left by <width> pixels:
       .search-btn:hover { background-position: -50px 0; }
  2. Create html tags that reference the ir class and the image-specific class:
       <asp:LinkButton CssClass="ir search-btn" PostBackUrl="~/Default.aspx" runat="server" />
	   <asp:HyperLink CssClass="ir search-btn" NavigateUrl="~/Default.aspx" runat="server" />
 	   <a class="ir search-btn" href="Default.aspx" />

  Source: http://www.evotech.net/blog/2007/09/css-image-replacement-method/
*/
/*
.ir
{
	display: -moz-inline-box;
	display: inline-block;
	background: transparent none 0 0 no-repeat;
	font: 0/0 Arial;
	overflow: hidden;
	color: rgba(255,255,255,0);
	vertical-align: bottom; /\* needed for Firefox 2 *\/
}
*/

/* Tabs (with CSS sprites) */
/*
a.tab1			{ background-image: url("images/tabs/welcome.gif");		width: 68px;	height: 22px; }
a.tab1:hover	{ background-position: -68px 0; }
a.tab2			{ background-image: url("images/tabs/search.gif");		width: 55px;	height: 22px; }
a.tab2:hover	{ background-position: -55px 0; }
*/



/*===========================================================================*\
    _SECTION_LINKS_BUTTONS: Defines classes for displaying links and buttons
\*===========================================================================*/

a.read
{
	color: #777;
}
a.read
{
	color: #777;
}
a.unread
{
	color: #444;
}
/* generic container (i.e. div) for floating buttons */
.btn-row
{
    overflow: hidden;
    width: 100%;
}
a.btn, a.btn:visited
{
	background-color: #d9e8f7;
	border: 1px solid #00396f;
    color: #00396f;
    display: block;
    float: left;
    font: bold 85% arial;
    margin-right: 6px;
	line-height: 14px;
    padding: 2px 9px 2px 9px;
    text-decoration: none;
	cursor: hand;
	cursor: pointer;
	outline: none;
}
a.btn:hover
{
	background-color: #e9f8ff;
	border: 1px solid #b3c4d1;
}
a.btn:active
{
	background-color: #c3d4e1;
	border-top: solid 2px #a9b8c7;
	border-right: solid 1px #b9c8d7;
	border-bottom: solid 1px #b9c8d7;
	border-left: solid 2px #a9b8c7;
	padding-top: 1px;
	padding-right: 8px;
}
/* Firefox only */
a.btn[disabled="disabled"], a.btn[disabled="disabled"]:hover, a.btn[disabled="disabled"]:active
{
	background-color: #eee;
	border: 1px solid #bbb;
	padding: 2px 9px 2px 9px;
	color: #bbb;
	cursor: default;
}

a.button, a.button:link, a.button:visited
{
	display: inline-block;
	text-align: center;
	background-color: #d9e8f7;
    padding: 1px 6px 2px 6px;
	border: 1px solid #00396f;
    color: #00396f;
    font-size: 85%;
    font-weight: bold;
    text-decoration: none;
	cursor: pointer;
}
a.button:hover
{
	background-color: #e9f8ff;
	border: 1px solid #b3c4d1;
}
a.button:active
{
	background-color: #c3d4e1;
    padding: 1px 5px 2px 7px;
	border: 1px solid #a9b8c7;
}

td.button, td.button:link, td.button:visited
{
	background-color: #FFFFEA;
	border: 1px solid #884400;
	color: #592D00;
	font-size: 93%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
td.button a
{
	text-decoration: none;
}
td.button:hover
{
	background-color: #ffffa2;
	border: 1px solid #FF9122;
}
td.button:active
{
	background-color: #ffffa2;
	border: 1px solid #a9b8c7;
}

.chk-sm input
{
	width: 14px;
	height: 14px;
}


/*===========================================================================*\
    _SECTION_CONTAINERS: Styles for Credco.eCredco.WebControls.Container controls
\*===========================================================================*/

/* SkinID="TestNotice" */
.osc-cb-SysMsg
{
	width: 100%;
	table-layout: fixed;
}
.osc-cb-SysMsg-hr
{
	background: url("images/gradient_gray.gif") repeat-x;
	height: 21px;
	border: 1px solid #b3c4d1;
}
.osc-cb-SysMsg-hc, .osc-cb-SysMsg-ic
{
	padding: 0;
	color: #ff0000;
	font-weight: bold;
	font-size: 131%;
	vertical-align: middle;
	text-align: center;
}
.osc-cb-SysMsg-hc a
{
	color: #ff0000;
}
.osc-cb-SysMsg-cr
{
	background-color: #fffff6;
	border: 1px solid #b3c4d1;
}
.osc-cb-SysMsg-cc
{
	text-align: center;
	padding: 4px;
}

/* SkinID="Skin1" */
.osc-cb-ctr1, .osc-cb-ctr1nopadding
{
	width: 100%;
	table-layout: fixed;
}
.osc-cb-ctr1-hr
{
	background: url("images/gradient_blue.png") repeat-x;
	height: 25px;
	border: 1px solid #9fb6ca;
}
.osc-cb-ctr1-hc, .osc-cb-ctr1-ic
{
	padding: 4px;
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
	vertical-align: middle;
}
.osc-cb-ctr1-hc a
{
	color: #ffffff;
}
.osc-cb-ctr1-cr
{
	background-color: #efefef;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	border-left: 1px solid #f4f4f4;
}
.osc-cb-ctr1-cc, osc-cb-ctr1nopadding-cc
{
	text-align: center;
}
.osc-cb-ctr1-cc
{
	padding: 4px;
}
.osc-cb-ctr1nopadding-cc
{
	padding: 0px;
}

/* SkinID="Skin2" */
.osc-cb-ctr2
{
	width: 100%;
	vertical-align: top;
	table-layout: fixed;
}
.osc-cb-ctr2-hr
{
}
.osc-cb-ctr2-hc, .osc-cb-ctr2-ic
{
	padding: 4px;
	color: #303030;
	font-weight: bold;
	font-size: 85%;
}
.osc-cb-ctr2-hc a
{
}
.osc-cb-ctr2-cr
{
	background-color: #feffff;
}
.osc-cb-ctr2-cc
{
	padding: 4px;
	border: 1px solid #909090;
}

/* SkinID="Skin3" */
.osc-cb-ctr3
{
	width: 100%;
	table-layout: fixed;
}
.osc-cb-ctr3-hr
{
	background-color: #9c9c9c;
}
.osc-cb-ctr3-hc, .osc-cb-ctr3-ic
{
	padding: 4px;
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
}
.osc-cb-ctr3-hc a
{
}
.osc-cb-ctr3-cr
{
	background-color: #e9e9e9;
}
.osc-cb-ctr3-cc
{
	padding: 4px;
}

/* SkinID="MultiViewContainer" */
.osc-cb-MultiView
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	table-layout: fixed;
}
.osc-cb-MultiView-hr
{
	height: 21px;
}
.osc-cb-MultiView-hc, .osc-cb-MultiView-ic
{
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}
.osc-cb-MultiView-hc a
{
}
.osc-cb-MultiView-cr
{
	background-color: #ffffff;
}
.osc-cb-MultiView-cc
{
	padding: 0px;
	border-top: solid 1px #feffff;
}

/* SkinID="Stacked" */
.osc-cb-Stacked
{
	width: 100%;
	margin: 10px 0 0 10px;
	table-layout: fixed;
}
.osc-cb-Stacked-hr
{
	background-position: url("images/gradient_blue.png") repeat-x;
	background: url("images/gradient_blue.png") repeat-x;
	height: 25px;
	border: 1px solid #9fb6ca;
}
.osc-cb-Stacked-hc, .osc-cb-Stacked-ic
{
	padding: 4px;
	color: #ffffff;
	font-weight: bold;
	font-size: 100%;
	vertical-align: middle;
}
.osc-cb-Stacked-hc a
{
	color: #ffffff;
}
.osc-cb-Stacked-cr
{
	background-color: #efefef;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	border-left: 1px solid #f4f4f4;
}
.osc-cb-Stacked-cc
{
	padding: 0px;
}



/*===========================================================================*\
    _SECTION_TABS: Defines the structure and appearance multiview & wizard tabs
\*===========================================================================*/

/* Tab Structure */
#mv-tabs
{
	position: relative;
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#mv-tabs li
{
	background: url("images/bg/gradient_gray.gif") repeat-x;
	background-color: yellow;
	border-left: solid 1px #dddddd;
	border-top: solid 1px #dddddd;
	border-right: solid 1px #aaaaaa;
	float: left;
	line-height: 21px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#mv-tabs a
{
	display: block;
	color: #444444;
	text-decoration: none;
	font-weight: bold;
	/*background: #dddddd;*/
	margin: 0px;
	padding: 0px 8px 0px 8px;
	vertical-align: top;
}

#mv-tabs A:hover, #mv-tabs A:active
{
	background: #ddddff;
}

#mv-tabs A.here:link, #mv-tabs A.here:visited
{
	background: #89a3bc;
	color: #ffffff;
	z-index: 102;
}

#mv-tabs ul
{
	position: absolute;
	left: 0;
	top: 1.5em;
	float: left;
	background: #bbbbbb;
	width: 100%;
	padding: 0px;
	margin: 0px;
	list-style:none;
	border-top: solid 1px #ffffff;
}

#mv-tabs ul li
{
	float:left;
	display:block;
	margin-top:1px;
}

#mv-tabs ul a
{
	background:#bbb;
	color:#fff;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

#mv-tabs UL A:hover, #mv-tabs UL A:active, #mv-tabs UL A.here:link, #mv-tabs UL A.here:visited
{
	color:#444;
}



/*===========================================================================*\
    _SECTION_MODAL_POPUP_DIALOGS: Styles for modal popup windows
\*===========================================================================*/

/* SkinID="Dialog1" */
.dialog1
{
	border: 1px solid #b3c4d1;
}
.dialog1-hd
{
	background: url("images/gradient_blue.png") repeat-x;
	padding: 4px;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
}
.dialog1-cnt
{
	background-color: #efefef;
	border-top: solid 1px #feffff;
}
.dialog1-cnt td
{
	padding: 6px;
}
.dialog1-ft
{
	background-color: #efefef;
	text-align: center;
	margin-bottom: 8px;
	padding-bottom: 8px;
}


/*===========================================================================*\
    _SECTION_GRIDS_TABLES: Styles for GridViews and tables
\*===========================================================================*/

/* SkinID="Grid1" */
.grid1
{
	clear: both;
	border: 1px solid #999;
	margin-bottom: 4px;
}
.grid1-hd
{
	background-image: url("images/grid/hdr_blue_gradient.png");
	color: #fff;
	font-weight: bold;
	font-size: 93%;
}
.grid1-hd th
{
	padding: 3px;
	border-color: #fff; /* Overrides default YUI black border */
}
.grid1-hd th a, .grid1-hd th a:link, .grid1-hd th a:visited, .grid1-hd th a:active  
{
	color: #fff; /* Ensure links in column headers (i.e. sorting link) are white */
}
.grid1-row, .grid1-alt-row
{
	color: #444;
	background-color: #fff;
	font-size: 85%;
	font-weight: bold;
	border-bottom-style: dashed;  /* These three properties are required */
	border-bottom-color: #c2ccd5; /* (and must be listed separately) */
	border-bottom-width: 1px;     /* for Firefox */
	border-top-style: dashed;
	border-top-color: #c2ccd5;
	border-top-width: 1px;
	border-left: solid 1px #999;
	/*cursor: hand;
	cursor: pointer;*/
}
.grid1-alt-row
{
	background-image: url("images/grid/alt_row_bg_gradient.jpg");
}
.grid1-row td, .grid1-alt-row td
{
	border-bottom: dashed 1px #c2ccd5; /* This property is required for IE */
	border-left-style: hidden;
	border-left-width: 0px;
	border-right-style: hidden;
	border-right-width: 0px;
	padding: 3px;
	text-align: left;
	vertical-align: middle;
	height: 20px;
}
.grid1 tr.sel /* selected */
{
	background-image: none;
	background-color: #3E6891;
	color: #fff;
}
.grid1 tr.mo /* mouseover */
{
	background-image: none;
	background-color: #6f8eac;
	color: #fff;
	cursor: hand;
	cursor: pointer;
}
.grid1 tr.empty-data td
{
	color: #666;
	padding: 3px;
	font-style: italic;
}

/* SkinID="Grid2" */
.grid2
{
	width: 99%; /* Prevents scrollbars in Firefox */
}
.grid2 tr
{
	width: 100%;
	cursor: hand;
	cursor: pointer;
}
.grid2 tr.sel /* selected */
{
	background-color: #fcf3ca;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	color: #333;
}
.grid2 tr.mo /* mouseover */
{
	background-color: #d9e8f7;
}
.grid2 tr td
{
	padding: 6px;
	color: #666;
}

/* SkinID="Grid3" */
.grid3
{
	width: 100%;
}
.grid3 tr
{
	vertical-align: top;
	font-weight: bold;
	font-size: 77%;
}
.grid3 tr.mo /* mouseover */
{
	background-color: #fff;
	cursor: hand;
	cursor: pointer;
}
.grid3 td
{
	color: #444;
	padding: 3px 0;
}
.grid3 td.dim /* dimmed version (usually a lighter shade of the same color) */
{
	color: #777;
}


/* Table: Full width, no padding */
table.nopad
{
}

tr.nopad
{
	vertical-align: top;
}

tr.nopad.alt-row
{
	background-color: #f2f2f2;
}

th.nopad, th.nopad
{
	color: #444444;
	font-size: 100%;
	font-weight: bold;
	padding: 0;
}

td.nopad, td.nopadb
{
	color: #444444;
	font-size: 100%;
	font-weight: normal;
	padding: 0;
}

th.nopadb, td.nopadb
{
	border: 1px solid #e0e0e0;
}

td.nopad.bold, td.nopadb.bold
{
	font-weight: bold;
}

td.nopad.dim, td.nopadb.dim /* dimmed version (usually a lighter shade of the same color) */
{
	color: #777777;
}


/* Table 1 */
table.tbl1
{
	height: 100%;
	width: 100%;
	line-height: normal;
}

tr.tbl1
{
	vertical-align: top;
}

tr.tbl1.alt-row
{
	background-color: #fff2e6;
}

th.tbl1, th.tbl1b
{
	background-color: #ffffe3;
	color: #444444;
	font-size: 100%;
	font-weight: bold;
	padding: 3px 3px;
}

td.tbl1, td.tbl1b
{
	color: #444444;
	font-size: 100%;
	font-weight: normal;
	padding: 3px 3px;
}

th.tbl1b, td.tbl1b
{
	border: 1px solid #e0e0e0;
}

td.tbl1.bold, td.tbl1b.bold
{
	font-weight: bold;
}

td.tbl1.dim, td.tbl1b.dim /* dimmed version (usually a lighter shade of the same color) */
{
	color: #777777;
}


.Label
{
	font-size: 100%;
}

.SubLabel
{
	font-size: 66%;
	white-space: normal;
}


/* CheckBoxListPanel1 */
.CheckBoxListPanel1
{
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #ffffff;
	border: 1px solid #abadb3;
}


/* CheckBoxList 1 */
.CheckBoxList1
{
	width: 100%;
}

.CheckBoxList1 td
{
	color: #000000;
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 100%;
	font-weight: normal;
	padding: 2px 3px;
	vertical-align: middle;
}

.CheckBoxList1.dim td /* dimmed version (usually a lighter shade of the same color) */
{
	color: #555555;
}

.CheckBoxList1 td input[type="checkbox"]
{
	position: relative;
	*position: inherit;
	top: 2px;
}


/* RadioList 1 */
.RadioList1
{
	width: 100%;
}

.RadioList1 tr
{
	vertical-align: top;
}

.RadioList1 td
{
	color: #000000;
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 100%;
	font-weight: normal;
	padding: 3px 3px;
}

.RadioList1 td.dim /* dimmed version (usually a lighter shade of the same color) */
{
	color: #555555;
}


/* RadioList Horizontal */
.RadioListHorizontal
{
	/*width: 100%;*/
}

.RadioListHorizontal tr
{
	vertical-align: top;
}

.RadioListHorizontal td
{
	color: #000000;
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 100%;
	font-weight: normal;
	padding: 3px 3px 3px 13px;
}

.RadioListHorizontal td:first-child
{
	padding-left: 3px;
}

.RadioListHorizontal td.dim /* dimmed version (usually a lighter shade of the same color) */
{
	color: #555555;
}


/* Default styles for ASP.NET controls */
.CheckBox input[type=checkbox], .CheckBoxList1 input[type=checkbox], .RadioButton input[type=radio], .RadioList1 input[type=radio], .RadioListHorizontal input[type=radio]
{
	margin-right: 5px;
}

.CheckBox input[type="checkbox"]
{
	position: relative;
	top: 2px;
}


/*===========================================================================*\
    _SECTION_FORMS: Styles for table-based forms
\*===========================================================================*/

.Calendar1 .rcMain td.rcOutOfRange span
{
	color: #ff0000;
}



/*===========================================================================*\
    _SECTION_FORMS: Styles for table-based forms
\*===========================================================================*/

/* SkinID="Form1" */
.form1
{
	width: 100%;
}
.form1 td
{
	border: 0;
	padding: 4px 0 4px 4px;
}
.form1 label, .form1 span
{
	font-size: 85%;
	font-weight: bold;
	color: #036;
	float: right;
}
.form1 tr td.separator
{
	background-color: #fff;
	padding: 1px 0 0 0;
}
.form1 select
{
	font-size: 85%;
}
.form1 div
{
	font-size: 85%;
	padding: 0px 0 0 0;
	margin:0 0 0 0;	 
}
/* Alternate form field sizes */
input.sm
{
	height: 1.24em;
	font-size: 85%;
}

/* Alternate form appearances */
input.file
{	
	margin: 0; /* The right border may be cut off because of the IE-specific margin
				  changes in ie.css, so we override those here... */
}
input.upload
{
	width: 50px; /* arbitrary value which appears to fix CRX_00000046 */
}

/* Form validation summary */
.form-vld-sum1
{
	padding: 4px;
	/*border: dashed 2px #f00;
	background-color: #ff0;*/
}
.form-vld-sum1 ul li
{
	list-style-image: url("images/nav/chevron_blue_rt.gif");
}

.form2
{
	width: 100%;
	border: solid 0px #999;
    background-color: #efefef;
}

.form2 td
{
	text-align: center;
	vertical-align: bottom;
	padding: 0px;
}
	
.form2 td div.lbl, .form2 td span.lbl
{
	font: bold 85% Verdana;
	color: #036;
}

.form2 td span.req
{
	padding-right: 4px;
	color: red;
	display: inline;
}

.form2 td input.disabled
{
	background-color: yellow;
}

.form2 td label
{
	display: block;
	font: bold 85% Verdana;
	color: #036;
}

.form2 td label.left
{
	display: inline;
}

.form2 td label.hd
{
	display: block;
	font: bold 90% Verdana;
	color: #fff;
	vertical-align: middle;
}

.form2 select
{
	font-size: 85%;
}

.form2 input
{
	font-size: 100%;
}



/*===========================================================================*\
    _SECTION_LISTS: Styles for HTML lists (<ul> and <ol>)
\*===========================================================================*/

div.val-summary ul
{
	margin: 0.5em 0 0.5em 1.5em;
}
div.val-summary ul li
{
	color: #ff0000;
	font-weight: normal;
	font-size: 93%;
	list-style-position: outside;
	list-style-type: disc;
}

ul.broken-rules
{
	background-color: #ccc;
}
ul.broken-rules li
{
	font-size: 100%;
	color: #f00;
}



a.tablelink, a.tablelink:active, a.tablelink:link, a.tablelink:visited
{
	display: inline-block;
	color: inherit;
	height: 100%;
	width: 100%;
}

a.tablelink:hover
{
	background-color: #FFFFCC;
}


/*===========================================================================*\
    _SECTION_TEXT: Defines classes for displaying various text types
\*===========================================================================*/

.info-text
{
	color: #003366;
	font-weight: bold;
	font-size: 93%;
}

.exception-text
{
	color: #ff0000;
	font-weight: bold;
	font-size: 93%;
}

.warning-text
{
	/*color: #DF7000;
	font-weight: bold;
	font-size: 93%;*/
	color: #ff0000;
	font-weight: normal;
	font-size: 100%;
}

.success-text
{
	color: #009900;
	font-weight: bold;
	font-size: 93%;
}

.help-text
{
	color: #444444;
	font-weight: bold;
	font-size: 85%;
}

.required
{
	color: #222222;
	font-weight: bold;
	font-size: 93%;
}

.jawb-applied
{
	background-color: #F7FFF7;
	color: #00A000;
}


/*===========================================================================*\
    _SECTION_HELPERS: Shortcuts to commonly used styles
\*===========================================================================*/

.full, .fullheight {height:100%;}
.full, .fullwidth {width:100%;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}
.float-left {float:left;}
.float-right {float:right;}
.float-none {float:none;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}
.display-none {display:none;}
.display-block {display:block;}
.display-inline {display:inline;}
.display-inline-block {display:inline-block;}
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.valign-top {vertical-align:top;}
.valign-middle {vertical-align:middle;}
.valign-bottom {vertical-align:bottom;}
.border-none {border: solid 0px #fff;}
.nowrap {white-space:nowrap;}
.ellipsis {overflow:hidden;text-overflow:ellipsis;}

.cursor-pointer{cursor:pointer;}
.cursor-default{cursor:default;}

.text-red {color:#ff0000;}

table.fixed {table-layout:fixed;}

.nomrg {margin:0;}
.nomrgtop {margin-top:0;}
.nomrgbottom {margin-bottom:0;}
.nomrgright {margin-right:0;}
.nomrgleft {margin-left:0;}
.margin-lr-auto {margin-left:auto;margin-right:auto}

.nopad {padding:0;}
.nopadtop {padding-top:0;}
.nopadbottom {padding-bottom:0;}
.nopadright {padding-right:0;}
.nopadleft {padding-left:0;}

.pt5 {padding-top:5px;}
.pb5 {padding-bottom:5px;}
.pr5 {padding-right:5px;}
.pl5 {padding-left:5px;}

.border-test-blue {border: 1px solid blue;}
.border-test-cyan {border: 1px solid cyan;}
.border-test-green {border: 1px solid green;}
.border-test-lime {border: 1px solid lime;}
.border-test-magenta {border: 1px solid magenta;}
.border-test-orange {border: 1px solid orange;}
.border-test-red {border: 1px solid red;}
.border-test-yellow {border: 1px solid yellow;}

/* Rounded Corners */
div.rc {/* Set width inline. */ margin:0;padding:0;}
div.rc div {display:block;overflow:hidden;}
div.rc div.r1 {margin:0 5px;height:1px;}
div.rc div.r2 {margin:0 3px;height:1px;}
div.rc div.r3 {margin:0 2px;height:1px;}
div.rc div.r4 {margin:0 1px;height:2px;}
div.rc div.blocked {margin:0;height:5px;}
div.rc div.content {margin:0;padding:0 5px;}

div.rc.aqua div {background-color:aqua;}
div.rc.blue div {background-color:blue;}
div.rc.green div {background-color:green;}
div.rc.orange div {background-color:orange;}
div.rc.yellow div {background-color:yellow;}

div.rc div.content.white {color:#ffffff;}

/* Rounded Corners - SAMPLE
<a href="#"><div class="rc blue" style="display:inline-block;">
	<div class="top"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
	<div class="content white">Hot<br />
	Topics</div>
	<div class="blocked"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
</div></a><a href="#"><div class="rc green" style="display:inline-block;">
	<div class="top"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
	<div class="content white">Topic<br />
	#2</div>
	<div class="blocked"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
</div></a>
<a href="#"><div class="rc orange" style="display:inline-block;">
	<div class="top"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
	<div class="content">Topic<br />
	#3</div>
	<div class="blocked"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
</div></a>
<a href="#"><div class="rc yellow" style="display:inline-block;">
	<div class="top"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
	<div class="content">Topic<br />
	#4</div>
	<div class="blocked"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
</div></a>
<div class="rc aqua" style="width:400px; margin: 0 auto;">
	<div class="top"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
	<div class="content">This is where the content goes.<br />
	This is some more.</div>
	<div class="bottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
</div>
<br />
<div class="rc orange" style="display:inline-block;">
	<div class="top"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
	<div class="content">This is where the content goes.<br />
	This is some more.</div>
	<div class="bottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
</div><br />
<br />
<div class="rc aqua" style="display:inline-block;">
	<div class="top"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
	<div class="content" style="width: 400px;">This is where the content goes.<br />
	This is some more.</div>
	<div class="bottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
</div>
*/