/* InstantASP Ltd, www.instantasp.co.uk */

html, body
{
  margin: 0;
  padding: 0;
  line-height: 18px;
}

form
{
  display: inline;
  margin: 0px;
  padding: 0px;
}

img
{
  border: 0px;
}

hr
{
  border: 0;
  border-top: 1px solid #b3c7e4;
  height: 0;
  background: #b3c7e4;
}

.imgSpacer
{
  display: block;
}

/* line break spacer */

.lb
{
  float: left;
  width: 100%;
  font-family: Verdana, inputbutton ial, Tahoma;
  font-size: 8pt;
  line-height: normal;
}

/* ------------------------------ */
/* Global font family % colors /*
/* ------------------------------ */

.contentWrapper
{
  float: left;
  width: 100%;
  font-family: Verdana, Tahoma, Arial;
  font-size: 8pt;
  color: #1F5080;
}

.contentWrapper a
{
  color: #1F5080;
}

.contentWrapper a:hover
{
  color: #0482FE;
}

/* ------------------------------------------------------------------- */
/* --------------=------ Main Navigation Css ----------=-------------- */
/* ------------------------------------------------------------------- */


/* main nav right */

.mn_r
{
  float: left;
  background: url(../Images/MainNavRight.gif) no-repeat right;
  height: 54px;
  
  min-width: 100px;
  position:relative;
  width:100%;
}

/* main nav left */

.mn_l
{
  float: left;
  background: url(../Images/MainNavLeft.gif) no-repeat;
  height: 54px;
  width: 100%;
}

/* main nav content container */

.mn_cc
{
  margin: 0px 10px 0px 10px;
}

/* main nav container */

.mn_c
{
  float: left;
  background: url(../Images/MainNavBG.gif) repeat-x;
  height: 54px;
  width: 100%;
}


.mn_c h1
{
  float: left;
  width: 100%;
  font-family: Verdana, Tahoma, Arial;
  font-size: 10pt;
  color: #476BA9;
  font-weight: bold;
  margin: 14px 0px 0px 0px;
}


/* header right panel - for "Home", "Search", "Members" etc */

.mn_hrp
{
  float: right;
  text-align: left;
  font-weight: bold;
  margin-top: 4px;
}

.mn_hrp img
{
  float: left;
  margin: 6px 0px;
}

.mn_hrp a
{
  font-size: 8pt;
  border: 1px solid transparent;
  color: #4C72B9;
  display: block;
  float: left;
  heightX: 36px;
  line-heightX: 30px;
  margin: 2px 0px 0px 4px;
  padding: 0 6px 0 6px;
  text-decoration: none;
}

.mn_hrp a:hover
{
  background: #F3F7FD;
  border: 1px solid #C5C5C5;
  line-heightX: 30px;
}

.mn_hrp a.youarehere
{
  background: #FFFFFF;
  border: 1px solid #83AADA;
  color: #fff;
  font-size: 10pt;
  heightX: 36px;
  line-heightX: 30px;
  padding: 0 11px 0 11px;
  margin: 2px 8px 0px 0px;
}


/* main nav footer left panel (Welcome Guest Login | Register) */

.mn_flp
{
  float: left;
  color: #476BB7;
}

.mn_flp
{
  float: left;
  width: 30%;
}

.mn_flp a
{
  text-decoration: none;
}

.mn_userPhoto
{
  float: left;
  background-color: #FFFFFF;
  border: solid 1px #8CABD7;
  margin: -4px 9px 0px 0px;
  height: 27px;
}

.mn_userPhoto img
{
  float: left;
  width: 22px;
  height: 25px;
  display: inline-block;
  margin: 1px;
  border: solid 1px #BEBEBE;
}

/* main nav footer right panel */

.mn_frp
{
  float: right;
  text-align: right;
  width: 60%;
}

.mn_frp a
{
  color: #6C6C8E;
  margin: 0px 8px 0 0;
  padding: 0 0px 0 11px;
  text-decoration: none;
  font-weight: bold;
}

.mn_frp a:hover
{
  color: #0482FE;
}

/* ------------------------------------------------------------------- */
/* --------------=----------- Footer Css -----------=----------------- */
/* ------------------------------------------------------------------- */

.Footer_FooterContainer
{
  float: left;
  width: 100%;
  border: solid 1px #89B1D7;
}

.Footer_FooterPanel
{
  float: left;
  width: 100%;
}

.Footer_LeftFooterPanel
{
  float: left;
  padding: 9px;
}

.Footer_RightFooterPanel
{
  float: right;
  text-align: right;
  padding: 9px;
}

/* ------------------------------------------------------------------- */
/* ------------------------- TabStrip Css ---------------------------- */
/* ------------------------------------------------------------------- */

#TabStrip
{
  float: left;
  width: 100%;
  font-weight: bold;
  line-height: normal;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: solid 1px #89B1D7;
}

#TabStrip li
{
  float: left;
  display: inline;
  border-top: 1px solid #89B1D7;
  white-space: nowrap;
  margin: 0px 0px -1px 0px;
}

#TabStrip div
{
  float: left;
  white-space: nowrap;
}

#TabStrip li#spacer
{
  float: left;
  display: inline;
  border-top: 0px solid #89B1D7;
  border-right: 1px solid #89B1D7;
  margin-left: -15px;
}

#TabStrip li#spacer span
{
  float: left;
  padding: 10px;
}

#TabStrip a#TabSelected
{
  float: left;
  padding: 11px;
  color: #7291AF;
  background: transparent url(../Images/Common/TabStrip/LinkOver.gif) top right no-repeat;
  text-decoration: none;
  vertical-align: middle;
  border-bottom: solid 1px #FFFFFF;
}

#TabStrip a#TabSelected a:hover
{
  color: #0482FE;
}

#TabStrip img
{
  float: left;
  padding-right: 10px;
  margin: -2px;
  vertical-align: middle;
  display: block;
}

#TabStrip li a
{
  float: left;
  padding: 11px;
  color: #7291AF;
  background: transparent url(../Images/Common/TabStrip/Link.gif) top right no-repeat;
  /*background-position: 100% 0;*/
  text-decoration: none;
  display: inline;
  vertical-align: middle;
  border-bottom: solid 1px #89B1D7;
  border-right:  solid 0px #89B1D7;
  
}

#TabStrip li a:hover
{
  float: left;
  color: #0482FE;
  background: transparent url(../Images/Common/TabStrip/LinkOver.gif) top right no-repeat;
}

/* CSS for left most menu item*/
#TabStrip li#iasp_leftmostitem
{
  border-left: 1px solid #89B1D7;
}

/* CSS for right most menu item*/
#TabStrip li#iasp_rightmostitem
{
	border-right: 1px solid #89b1d7;
	
}

/* CSS for a single tab item */
#TabStrip li#onlyitem
{
  border-left: 1px solid #89B1D7;
}

/* ------------------------------------------------------------------- */
/* --------------------- Telerik TabStrip Css ------------------------ */
/* ------------------------------------------------------------------- */

.RadTabStripContainerPanel
{
  float: left;
  width: 100%;
  background-color: #FFFFFF;
}

.RadTabStripPanel
{
  float: left;
  width: 100%;
}

/* ------------------------------------------------------------------- */
/* --------------=---------- PanelBar Css -------------=-------------- */
/* ------------------------------------------------------------------- */

/* main layer all panelbars are wrapped within */

.pb_m
{
  float: left;
  width: 100%;
}

/* -- PanelBar Header -- */

/* eader right */

.pb_hr
{
  float: left;
  background: url(../Images/PanelBarHeaderRight.gif) no-repeat right;
  height: 44px;
  width: 100%;
  min-width: 100px;
}

/* header left */

.pb_hl
{
  float: left;
  background: url(../Images/PanelBarHeaderLeft.gif) no-repeat;
  height: 44px;
  width: 100%;
}

/* header container */

.pb_h
{
  margin: 0px 10px 0px 10px;
}

/* header background */

.pb_hbg
{
  float: left;
  background: url(../Images/PanelBarHeaderBG.gif) repeat-x;
  height: 44px;
  line-height: 38px;
  width: 100%;
}

.pb_hbg h2
{
  float: left;
  font-family: Verdana, Arial, Tahoma;
  font-size: 10pt;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px;
}

.pb_hbg a
{
  float: left;
  font-family: Verdana, Arial, Tahoma;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}

.pb_hbg a:hover
{
  color: #fff;
  text-decoration: underline;
}

/* controls the rss icon within the panelbar */
.pb_RssImg
{
  float: left;
  margin: 5px 4px;
  vertical-align: middle;
}

/* PanelBar Collapse / Expand Image */

.pb_ExpandImg
{
  float: left;
  display: block;
  cursor: pointer;
  padding: 14px 4px;
}

/* PanelBar SimpleMenus & Link Collections */

.pb_LinkPanel
{
  float: left;
  width: 100%;
  white-space: nowrap;
  height: 41px;
  margin: 8px 0px 0px 0px;
}

.pb_LinkPanel a
{
  float: left;
  color: #fff;
  font-size: 8pt;
  height: 28px;
  line-height: 22px;
  padding: 0 11px 0 0px;
  margin: 0px 0px 0px 8px;
}

.pb_LinkPanel a:hover
{
  color: #fff;
  text-decoration: underline;
}

.pb_LinkPanel img
{
  float: left;
}

/* -- PaenlBar Content -- */

/* content container */

.pb_cc
{
  float: left;
  width: 100%;
  background-color: #3170A3;
}

/* content */

.pb_c
{
  background-color: #fff;
  margin: -1px 1px 0px 1px;
  border-top: 0px;
}


/* -- PanelBar Footer -- */

/* footer right */

.pb_fr
{
  float: left;
  background: url(../Images/PanelBarFooterRight.gif) no-repeat right;
  height: 10px;
  width: 100%;
  min-width: 100px;
}

/* footer left */

.pb_fl
{
  float: left;
  background: url(../Images/PanelBarFooterLeft.gif) no-repeat;
  height: 10px;
  width: 100%;
}

/* footer container */

.pb_f
{
  margin: 0px 10px 0px 10px;
}

/* footer background */

.pb_fbg
{
  float: left;
  background: url(../Images/PanelBarFooterBG.gif) repeat-x;
  height: 10px;
  width: 100%;
}


.pb_FooterCollapsed
{
  float: left;
  width: 100%;
  height: 1px;
  border-bottom: solid 1px #000000;
}


/* PanelBar SubHeader */

.PanelBar_SubHeader
{
  font-family: Verdana, Arial, Tahoma;
  font-weight: bold;
  background-color: #CFE1EF;
  background: url(../Images/PanelBar_SubHeaderBG.gif) repear-x top;
  border-bottom: solid 1px #BECDD9;
  line-height: normal;
}

.PanelBar_SubHeader span
{
  color: #758499;
  font-size: 11px;
}

.PanelBar_SubHeader div
{
  color: #758499;
}

.PanelBar_SubHeader a
{
  font-size: 8pt;
  color: #758499;
}

.PanelBar_SubHeader a:hover
{
  color: #0482FE;
}

.PanelBar_SubHeaderArrowDesc
{
  background-image: url(../Images/Misc_SortArrowDesc.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding: 6px;
}

.PanelBar_SubHeaderArrowAsc
{
  background-image: url(../Images/Misc_SortArrowAsc.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding: 6px;
}

/* ------------------------------------------------------------------- */
/* ------------------------ Simple Menu Css -------------------------- */
/* ------------------------------------------------------------------- */

.sm_Container
{
  width: 100%;
  border: solid 1px #aaa;
  background-color: #F6F6F6;
}

.sm_ContainerPadded
{
  width: 100%;
  border: solid 1px #aaa;
  background-color: #F6F6F6;
  padding: 9px 0px 12px 0px;
}

.sm_Menu
{
  float: left;
}

.sm_Menu ul
{
  float: left;
  width: 100%;
  margin: 0px;
  padding: 4px;
}

.sm_Menu li
{
  float: left;
  width: 100%;
  display: inline;
  margin: 0px;
  white-space: nowrap;
  font-family: Arial, Verdana;
}

.sm_Menu li a
{
  float: left;
  width: 100%;
  color: #7B4467;
  font-size: 80%;
  line-height: 34px;
  margin-left: -1px;
  border: solid 1px transparent;
}

.sm_Menu a span
{
  margin-left: 4px;
}

.sm_Menu a:hover
{
  float: left;
  width: 100%;
  border: solid 1px #83AADA;
  background-color: #F3F7FD;
}

/* ------------------------------------------------------------------- */
/* -------------------------- Paging Css ----------------------------- */
/* ------------------------------------------------------------------- */

.PagingControl_TextLeft
{
  float: left;
  font-family: Verdana, Arial, Tahoma;
  font-size: 8pt;
  color: #1F5080;
  margin-right: 2px;
  text-align: center;
  text-decoration: none;
  border: 1px #89B1D7 solid;
  padding: 7px 9px 7px 9px;
  line-height: normal;
}

/* CssClass used to control the paging control */
.PagingControl_Text
{
  float: left;
  font-family: Verdana, Arial, Tahoma;
  font-size: 8pt;
  color: #1F5080;
  margin-left: 4px;
  margin-right: -2px;
  text-align: center;
  text-decoration: none;
  border: 1px #749AC9 solid;
  padding: 7px 9px 7px 9px;
  position:relative;
  
  line-height: normal;
}

.PagingControl_Text:link, .PagingControl_TextLeft:link
{
  color: #1F5080;
}

.PagingControl_Text:hover, .PagingControl_TextLeft:hover
{
}

.PagingControl_TextDisabled
{
  float: left;
  font-family: Verdana, Arial, Tahoma;
  font-size: 8pt;
  font-weight: bold;
  color: #758499;
  margin-left: 4px;
  margin-right: -2px;
  text-align: center;
  background-color: #D1DFF2;
  border: 1px #2477A3 solid;
  padding: 7px 9px 7px 9px;
  display: inline-block;
  line-height: normal;
}

.PagingControl_TextDisabled:link
{
  text-decoration: none;
}

.PagingControl_TextLeftDisabled
{
  float: left;
  font-weight: bold;
  color: #758499;
  margin-right: 2px;
  text-align: center;
  background-color: #D1DFF2;
  border: 1px #2477A3 solid;
  padding: 7px 9px 7px 9px;
  display: inline-block;
  line-height: normal;
}

/* ------------------------------------------------------------------- */
/* ------------------------ Bread Crumb Css --------------------------- */
/* ------------------------------------------------------------------- */

/* breadcrumb right */

.bc_r
{
  float: left;
  background: url(../Images/BreadCrumbRight.gif) no-repeat right;
  height: 44px;
  width: 100%;
  min-width: 100px;
}

/* breadcrumb left */

.bc_l
{
  float: left;
  background: url(../Images/BreadCrumbLeft.gif) no-repeat;
  height: 44px;
  width: 100%;
}

/* breadcrumb content container */

.bc_cc
{
  margin: 0px 10px 0px 10px;
}

/* breadcrumb container */

.bc_c
{
  float: left;
  background: url(../Images/BreadCrumbBG.gif) repeat-x;
  height: 44px;
  width: 100%;
}


.bc_c img
{
  float: left;
  margin: 14px 8px 0px 0px;
}

.bc_links a
{
  float: left;
  font-size: 10px;
  color: #5471A1;
  font-weight: bold;
  text-decoration: none;
  height: 36px;
  line-height: 30px;
  padding: 0 8px 0 0px;
  margin: 3px 0px 0px 0px;
}

.bc_links a:hover
{
  color: #0482FE;
}

.bc_links span
{
  float: left;
  line-height: 30px;
  margin: 3px 8px 0px 0px;
}


/* ------------------------------------------------------------------- */
/* -------------------------- TreeView Css --------------------------- */
/* ------------------------------------------------------------------- */

div.reeviewContainer
{
  float: left;
  width: 100%;
  white-space: nowrap;
}

div.row
{
  font-size: 8pt;
  font-family: Verdana, Tahoma, Arial;
}

div.selrow
{
}

div.row:hover
{
  font-weight: normal;
}

IMG.treeroot
{
  cursor: pointer;
  vertical-align: middle;
  padding-left: 3px;
  padding-right: 2px;
  padding-bottom: 3px;
}

IMG.tree
{
  cursor: pointer;
  display: inline;
  vertical-align: middle;
  padding-left: 3px;
  padding-right: 2px;
}

A.prnnode
{
  cursor: pointer;
  color: #1F5080;
  padding: 2px;
  text-decoration: none;
  border: solid 1px transparent;
  line-height: 18px;
  white-space: nowrap;
}

A.prnnode:hover
{
  text-decoration: underline;
  color: #0482FE;
}

.node
{
  cursor: pointer;
  color: #1F5080;
  padding: 2px;
  text-decoration: none;
  border: solid 1px transparent;
  line-height: 18px;
}

A.node
{
}

A.node:hover
{
  text-decoration: underline;
  color: #0482FE;
}

A.selnode
{
  cursor: pointer;
  color: #0482FE;
  padding: 2px;
  border: solid 1px #85B3FE;
  background-color: #F1F9FF;
  text-decoration: none;
  line-height: 18px;
  white-space: nowrap;
}

A.selprnnode
{
  cursor: pointer;
  color: #0482FE;
  padding: 2px;
  border: solid 1px #85B3FE;
  background-color: #F1F9FF;
  text-decoration: none;
  line-height: 18px;
  white-space: nowrap;
}

INPUT.nodeedit
{
  z-index: 10;
  color: #666666;
  width: 200px;
  border: solid 1px #7F9DB9;
  position: absolute;
  padding: 3px;
  text-decoration: none;
}

.treeviewCheckbox
{
  margin: 0px 6px 0px 6px;
}


.ddGesture
{
  border: #f0f0f0 1px solid;
}

/* ------------------------------------------------------------------- */
/* ------------------- TreeView Context Menu Css --------------------- */
/* ------------------------------------------------------------------- */


.ctxmenu
{
  padding: 1px;
  border: #89B1D7 1px solid;
  z-index: 1;
  position: absolute;
  background-color: #ffffff;
}

.ctxsidebar
{
  width: 27px;
  cursor: pointer;
  background-color: #f0f0f0;
  border-top: solid 1px #f0f0f0;
  border-left: solid 1px #f0f0f0;
  border-bottom: solid 1px #f0f0f0;
}

.ctxtext
{
  cursor: pointer;
  color: #1F5080;
  text-decoration: none;
  margin-left: 5px;
}

.ctxitem
{
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 3px;
  cursor: pointer;
  padding-top: 3px;
  background-color: #ffffff;
  border-top: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
}

.ctxitemover
{
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 3px;
  cursor: pointer;
  padding-top: 3px;
  background-color: #F1F9FF;
  background-image: url(../Images/Common/TreeView/ContextMenuItemBackground.gif);
  background-repeat: repeat-x;
  border-top: solid 1px #85B3FE;
  border-right: solid 1px #85B3FE;
  border-bottom: solid 1px #85B3FE;
}

.ctxsidebarover
{
  width: 25px;
  cursor: pointer;
  background-color: #F6C25D;
  background-image: url(../Images/Common/TreeView/ContextMenuItemBackground.gif);
  background-repeat: repeat-x;
  border-top: solid 1px #85B3FE;
  border-left: solid 1px #85B3FE;
  border-bottom: solid 1px #85B3FE;
}

.ctxtextover
{
  cursor: pointer;
  color: #1F5080;
  text-decoration: none;
  margin-left: 5px;
}

.ctxtextdisable
{
  cursor: pointer;
  color: #999999;
  text-decoration: none;
}

.ctxtextoverdisable
{
  cursor: pointer;
  color: #999999;
  text-decoration: none;
}

.ctxseparator
{
  border-top: solid #9AC6FF 1px;
  font-size: 1px;
  line-height: normal;
}

.ctximage
{
}

/* ------------------------------------------------------------------- */
/* -------------------------- ToolTip Css ---------------------------- */
/* ------------------------------------------------------------------- */

/* CssClass used to control the DHTML ToolTip div-layer */
.ToolTipControl_BackGround
{
  position: absolute;
  z-index: 99999;
  font-family: VerdanmodalContenta, Arial, sans-serif;
  font-size: 8pt;
  color: #1F5080;
  border: solid 1px #8FAEBE;
  background-color: #FFFFD9;
  display: none;
  padding: 10px;
  cursor: help;
}

.ToolTipControl_BackGround a
{
  color: #1F5080;
}

.ToolTipControl_BackGround a:hover
{
  color: #0482FE;
}

/* CssClass used to control the tooltip image */
.ToolTipControl_Image
{
  vertical-align: text-bottom;
  cursor: help;
}

/* ------------------------------------------------------------------- */
/* -------------------------- Summary Css ---------------------------- */
/* ------------------------------------------------------------------- */

/* Css used to control success summary tables */

.SummaryTable_Success_BackGround
{
  display: block;
  padding: 0px 2px 0px 0px; /* accomodate for border */
}

.SummaryTable_Success_Header
{
  float: left;
  width: 100%;
  border: solid 1px #1ADD4C;
  background-color: #F0F7E1;
  color: #516D10;
  background-image: url(../Images/Common/Summary/SuccessHeader.gif);
  line-height: normal;
}

.SummaryTable_Success_Header div
{
  float: left;
  color: #516D10;
  font-weight: bold;
  padding: 9px;
}

.SummaryTable_Success_Header img
{
  float: left;
  vertical-align: bottom;
  padding-right: 5px;
}

.SummaryTable_Success_Footer
{
  float: left;
  width: 100%;
  border-left: solid 1px #1ADD4C;
  border-bottom: solid 1px #1ADD4C;
  border-right: solid 1px #1ADD4C;
  background-color: #FFFFFF;
}

.SummaryTable_Success_Footer div
{
  float: left;
  color: #28523F;
  padding: 9px;
}

.SummaryTable_Success_Footer a
{
  color: #66667D;
}

.SummaryTable_Success_Footer a:hover
{
  color: #66667D;
}

/* Css used to control fail summary panels */

.SummaryTable_BackGround
{
  display: block;
  padding: 0px 2px 0px 0px; /* accomodate for border */
}

.SummaryTable_Header
{
  float: left;
  width: 100%;
  background-color: #FCF1F1;
  border: solid 1px #C77064;
  font-weight: bold;
  background-image: url(../Images/Common/Summary/ErrorHeader.gif);
  line-height: normal;
}

.SummaryTable_Header div
{
  float: left;
  color: #BB0505;
  padding: 9px;
}

.SummaryTable_Header img
{
  float: left;
  vertical-align: bottom;
  padding-right: 5px;
}

.SummaryTable_Footer
{
  float: left;
  width: 100%;
  border-left: solid 1px #D3948F;
  border-bottom: solid 1px #D3948F;
  border-right: solid 1px #D3948F;
  background-color: #FFFFFF;
}

.SummaryTable_Footer div
{
  float: left;
  color: #800505;
  padding: 9px;
}

.SummaryTable_Footer a
{
  color: #800505;
}

.SummaryTable_Footer a:hover
{
  color: #800505;
}

/* ------------------------------------------------------------------- */
/* ---------------------------- Table Css ---------------------------- */
/* ------------------------------------------------------------------- */

.TableCell_Light
{
  font-family: Verdana, Arial, Tahoma;
  font-size: 8pt;
  background-color: #F4F8FB;
  border-bottom: solid 1px #CEDAE3;
  border-right: solid 1px #CEDAE3;
  line-height: 16px;
}

.TableCell_Dark
{
  font-family: Verdana, Arial, Tahoma;
  font-size: 8pt;
  background-color: #ECF2F9;
  border-bottom: solid 1px #BECDD9;
  border-right: solid 1px #BECDD9;
}

.TableCell_DataGridFooter
{
  background-color: #ECF2F9;
  border-left: 1px #FFFFFF solid;
  border-right: 1px #FFFFFF solid;
  border-bottom: 1px #FFFFFF solid;
}

/** CssClass used to indicate special content, such as  required or private data **/
.TableCell_Special
{
  color: #385C96;
  background-color: #F8E2E2;
  border: 1px #C99590 solid;
}

/* ------------------------------------------------------------------- */
/* ------------------------- Rounded Table --------------------------- */
/* ------------------------------------------------------------------- */

.rt_tbl
{
  float: left;
  width: 100%;
}

.rt_Edge
{
  width: 3px;
  height: 3px;
}

.rt_Edge img
{
  display: block;
  width: 3px;
}

.rt_Top
{
  height: 14px;
  background-image: url(../Images/Common/RoundedTable/tbl_top.gif);
  background-repeat: repeat-x;
  text-align: left;
}

.rt_Top .hLight
{
  float: left;
  margin: -4px 0px 0px 5px;
  padding: 0px 6px 0px 6px;
  color: #385C96;
  background-color: #F4F8FB;
}

.rt_Top .hDArk
{
  float: left;
  margin-left: 5px;
  padding: 0px 5px 0px 5px;
  color: #385C96;
  background-color: #ECF2F9;
}

.rt_Bottom
{
  height: 3px;
  background-image: url(../Images/Common/RoundedTable/tbl_bottom.gif);
  background-repeat: repeat-x;
}

.rt_Left
{
  background-image: url(../Images/Common/RoundedTable/tbl_left.gif);
  background-repeat: repeat-y;
  width: 3px;
}

.rt_Right
{
  background-image: url(../Images/Common/RoundedTable/tbl_right.gif);
  background-repeat: repeat-y;
  width: 3px;
}

/* ------------------------------------------------------------------- */
/* ---------------------------- Text Css ----------------------------- */
/* ------------------------------------------------------------------- */

.SmallTxt
{
  font-size: 8pt;
  color: #1F5080;
  font-weight: normal;
}

.SmallTxt a
{
  color: #1F5080;
}

.SmallTxt a:hover
{
  color: #0482FE;
}

.SmallTxtBold
{
  font-weight: bold;
}

.SmallTxtBold a
{
  color: #597590;
}

.SmallTxtBold a:hover
{
  color: #0482FE;
}

.LargeTxt
{
  font-size: 10pt;
  font-weight: normal;
  line-height: 20px;
}

.LargeTxt a
{
  color: #1F5080;
}

.LargeTxt a:hover
{
  color: #0482FE;
}

.LargeTxtBold
{
  font-size: 10pt;
  font-weight: bold;
}

.LargeTxtBold a
{
  color: #3366AA;
}

.LargeTxtBold a:hover
{
  color: #0482FE;
}

.SmallGrayText
{
  color: #7D7D7D;
  font-weight: normal;
}

.SmallGrayText a
{
  color: #7D7D7D;
}

.SmallGrayText a:hover
{
  color: #0482FE;
}

.SmallBoldGrayText
{
  color: #8a8a8a;
  font-weight: bold;
}

.SmallBoldGrayText a
{
  color: #8a8a8a;
}

.SmallBoldGrayText a:hover
{
  color: #0482FE;
}

/* CssClass to control validation text (Required!) */
.ValidationTxt
{
  color: #FF0000;
}

/* CssClass to control keyword highlighting within search results */
.SearchHighlight
{
  background-color: #F6FF00;
  font-weight: bold;
}

/* ------------------------------------------------------------------- */
/* ----------------------------- Form Css ---------------------------- */
/* ------------------------------------------------------------------- */

.input_BG
{
  float: left;
  background: url(../Images/input-bgright.png) no-repeat right;
  height: 51px;
  width: 100%;
  min-width: 100px;
}

.input_BGLeft
{
  float: left;
  background: url(../Images/input-bgleft.png) no-repeat;
  height: 51px;
  width: 100%;
}

.input_BGContainer
{
  margin: 0px 10px 0px 10px;
}

.input_BGContainerBG
{
  float: left;
  background: url(../Images/input-bg.png) repeat-x;
  height: 51px;
  width: 100%;
}

.text-field
{
  float: left;
  width: 80%;
  margin-top: 14px;
  margin-left: 3px;
}

.text-field input
{
  display: block;
  border: none;
  background: transparent;
  width: 100%;
  font-size: 14px;
  margin: 0;
  outline: none;
  border: none;
  color: #476BA9;
}

.button-field
{
  float: right;
  margin-top: 11px;
  margin-right: 3px;
}

.button-field button
{
  float: left;
  text-indent: -5000px;
  margin: 0;
  padding: 0;
  border: none;
  display: block;
  width: 23px;
  height: 23px;
  background: url(../images/search-input-button.png) no-repeat center center;
  cursor: pointer;
}

.button-field input
{
  float: left;
  margin: 0;
  padding: 0;
  border: none;
  display: block;
  width: 23px;
  height: 23px;
  background: url(../images/search-input-button.png) no-repeat center center;
  cursor: pointer;
}

.button-catfield
{
  float: right;
  margin-top: 11px;
  margin-right: 3px;
}

.button-catfield button
{
  float: left;
  text-indent: -5000px;
  margin: 0;
  padding: 0;
  border: none;
  display: block;
  width: 23px;
  height: 23px;
  background: url(../images/cat-input-button.png) no-repeat center center;
  cursor: pointer;
}

.button-catfield a
{
  float: left;
  text-indent: -5000px;
  margin: 0;
  padding: 0;
  border: none;
  display: block;
  width: 23px;
  height: 23px;
  background: url(../images/cat-input-button.png) no-repeat center center;
  cursor: pointer;
}

/* ------------------------------------------------------ */

.FormInputText
{
  font-family: Verdana, Tahoma, Arial;
  font-size: 10pt;
  color: #1F5080;
  background-color: white;
  border: 1px #7F9DB9 solid;
  width: 70%;
  vertical-align: middle;
  padding: 2px 1px 3px;
}

.FormInputUpload
{
  font-family: Verdana, Tahoma, Arial;
  font-size: 10pt;
  color: #1F5080;
  background-color: white;
  border: 1px #7F9DB9 solid;
  width: 70%;
}

/*  CssClass used to control dropdownlist form elements */
.FormInputDropDown
{
  font-family: Verdana, Tahoma, Arial;
  font-size: 10pt;
  color: #1F5080;
  background-color: white;
  border: 1px #7F9DB9 solid;
  vertical-align: middle;
}

/*  CssClass used to control textarea form elements */
.FormInputTextArea
{
  font-family: Verdana, Tahoma, Arial;
  font-size: 10pt;
  color: #1F5080;
  background-color: white;
  border: 1px #7F9DB9 solid;
  width: 70%;
}

/* CssClass used to control the look of invalid validation fields */
.FormInputHighlight
{
  font-family: Verdana, Tahoma, Arial;
  background-color: #FFD9D9;
  border: 1px #AC6A6A dashed;
}

.FormCheckBox
{
  font-size: 8pt;
  color: #1F5080;
  margin: -4px;
}

.FormImageButton
{
  margin: 0;
  padding: 0;
}

.FormRadioButton
{
  line-height: 28px;
  color: #1F5080;
}

/*  CssClass used to control button form elements */
.FormButtonSmall
{
  font-size: 8pt;
  color: #2C4B7E;
  background-color: #FFFFFF;
  padding: 3px;
  border: 1px #7F9DB9 solid;
  vertical-align: middle;
}

.FormButtonBig
{
  font-size: 8pt;
  color: #2C4B7E;
  background-color: #FFFFFF;
  padding: 8px;
  border: 1px #7F9DB9 solid;
}

.FormLinkButton
{
  display: block;
  font-size: 8pt;
  color: #2C4B7E;
  background-color: #FFFFFF;
  border: 1px #7F9DB9 solid;
  text-decoration: none;
  text-align: center;
  line-height: 32px;
}

.FormLinkButton a
{
  float: left;
  padding: 9px;
}

.FormLinkButton:hover
{
  color: #0482FE;
}

/* simple mnu select box css */

.FormSimpleMenuSelect
{
  float: left;
  font-size: 10pt;
  color: #2C4B7E;
  background-color: #fff;
  border: 1px #DBDFE6 solid;
  text-align: center;
  line-height: 26px;
}

.FormSimpleMenuSelect a
{
  float: left;
  padding: 0px 18px 0px 12px;
  text-decoration: none;
}

.FormSimpleMenuSelect:hover
{
  color: #0482FE;
}

.FormSimpleMenuSelect img
{
  background-color: #FFFFFF;
  padding: 4px 6px 8px 0px;
}

.FormButtonMoveUp
{
  font-size: 8pt;
  color: #2C4B7E;
  background-color: #FFFFFF;
  background-image: url(../Images/Admin/Misc_ArrowUp.gif);
  background-repeat: no-repeat;
  background-position: center;
  padding-left: 4px;
  padding-right: 4px;
  height: 28px;
  width: 24px;
  border: 1px #7F9DB9 solid;
}

.FormButtonMoveDown
{
  font-size: 8pt;
  color: #2C4B7E;
  background-color: #FFFFFF;
  background-image: url(../Images/Admin/Misc_ArrowDown.gif);
  background-repeat: no-repeat;
  background-position: center;
  padding-left: 4px;
  padding-right: 4px;
  height: 28px;
  width: 24px;
  border: 1px #7F9DB9 solid;
}

.YesNoButtons
{
  float: left;
  line-height: normal;
}

.YesNoButtons input
{
  float: left;
}

/*  CssClass used to control yes radio button form elements */
.YesRadioButton
{
  float: left;
  padding: 5px;
  margin: 0 8px 0 2px;
  font-weight: normal;
  color: #1F5080;
  background-color: #DAE9BB;
  border: solid 1px #A4BFE5;
  cursor: pointer;
}

/*  CssClass used to control no radio button form elements */
.NoRadioButton
{
  float: left;
  padding: 5px;
  margin: 0 2px 0 2px;
  font-weight: normal;
  color: #1F5080;
  background-color: #EED1D1;
  border: solid 1px #A4BFE5;
  cursor: pointer;
}

.QuickSearch
{
  font-size: 10pt;
  color: #1F5080;
  background-color: white;
  border: 1px #7F9DB9 solid;
  width: 150px;
}

/* ------------------------------------------------------------------- */
/* ---------------------------- Tag Css ------------------------------ */
/* ------------------------------------------------------------------- */

.TagCloud
{
  width: 100%;
  font-weight: normal;
  line-height: 30px;
  font-family: Trebuchet MS, Verdana, Arial, Tahoma;
}

.TagCloud a
{
  margin-right: 5px;
  padding: 0px 2px 0px 2px;
  color: #6B859E;
}

.TagCloud a:hover
{
  color: #FFFFFF;
}

.TagCloud a#tagSelected
{
  background-color: #689BCD;
  color: #ffffff;
  padding: 0px 2px 0px 2px;
}

.TagCloud_Tag1
{
  font-size: 100%;
  font-weight: 100;
  color: #6B859E;
}

.TagCloud_Tag2
{
  font-size: 120%;
  font-weight: 300;
  color: #7291AF;
}

.TagCloud_Tag3
{
  font-size: 140%;
  font-weight: 500;
  color: #7291AF;
}

.TagCloud_Tag4
{
  font-size: 160%;
  font-weight: 600;
  color: #7291AF;
}

.TagCloud_Tag5
{
  font-size: 185%;
  font-weight: 700;
  color: #7291AF;
}

.TagCloud_Tag6
{
  font-size: 210%;
  font-weight: 800;
  color: #7291AF;
}

.TagCloud_Tag7
{
  font-size: 235%;
  font-weight: 900;
  color: #7291AF;
}

.TagCloud_Tag1:hover
{
  background-color: #689BCD;
  color: #ffffff;
}
.TagCloud_Tag2:hover
{
  background-color: #689BCD;
  color: #ffffff;
}
.TagCloud_Tag3:hover
{
  background-color: #689BCD;
  color: #ffffff;
}
.TagCloud_Tag4:hover
{
  background-color: #689BCD;
  color: #ffffff;
}
.TagCloud_Tag5:hover
{
  background-color: #689BCD;
  color: #ffffff;
}
.TagCloud_Tag6:hover
{
  background-color: #689BCD;
  color: #ffffff;
}
.TagCloud_Tag7:hover
{
  background-color: #689BCD;
  color: #ffffff;
}

/* ------------------------------------------------------------------- */
/* ------------------------- Model Popup Css ------------------------- */
/* ------------------------------------------------------------------- */

.modalPopup
{
  height: 100%;
  width: 100%;
  background-color: #C8D9F0;
  border: solid 1px #345487;
  padding: 6px;
  z-index: 10;
  line-height: normal;
  margin: 0px;
}

.modalBody
{
  float: left;
  width: 100%;
  background-color: #FFFFFF;
  border: solid 1px #89B1D7;
  margin-left: -1px;
}

.modalPopupHeader
{
  float: left;
  width: 100%;
  background-color: #ECF2F9;
  border-bottom: solid 1px #89B1D7;
  background-image: url(../Images/Misc_PopUpHeader.gif);
  cursor: move;
}

.modalPopupHeader input /* close image button */
{
  cursor: pointer;
  margin: 0px;
  padding: 14px;
  display: block;
}

.modalPopupHeader span
{
  float: left;
  font-family: Verdana, Arial, Tahoma;
  font-size: 10pt;
  font-weight: normal;
  color: #1F5080;
  font-weight: bold;
  padding: 12px;
}

.modalContent
{
  float: left;
  padding: 9px;
  line-height: 18px;
}

.modalButtons
{
  float: right;
  text-align: right;
  padding: 0px 9px 9px 9px;
}

.modalBackground
{
}

/* ------------------------------------------------------------------- */
/* --------------------------- Rating Css ---------------------------- */
/* ------------------------------------------------------------------- */

.ratingLayer
{
  float: left;
  cursor: pointer;
  padding: 3px;
  height: 20px;
  margin-top: -3px;
  white-space: nowrap;
  margin-left: 10px;
}

.ratingLayer div
{
  display: inline;
}

.ratingLayer input, hidden
{
  margin: 0;
  padding: 0;
  display: none;
}

.ratingStar
{
  font-size: 0pt;
  width: 16px;
  height: 16px;
  display: inline;
  background-repeat: no-repeat;
}

.filledRatingStar
{
  background-image: url(../Images/Common/RatingControl/FilledStar.gif);
}

.emptyRatingStar
{
  background-image: url(../Images/Common/RatingControl/EmptyStar.gif);
}

.savedRatingStar
{
  background-image: url(../Images/Common/RatingControl/SavedStar.gif);
}

/* ------------------------------------------------------------------- */
/* ------------------------ Ajax Loader Css -------------------------- */
/* ------------------------------------------------------------------- */

.AjaxLoader
{
  position: absolute;
  z-index: 99999999;
  width: 100px;
  background-color: #FAFBFD;
  border: 2px #89B1D7 solid;
  padding: 20px;
  text-align: left;
}

.AjaxLoadingText
{
  z-index: 999999;
  background-image: url(../Images/Misc_AjaxLoading.gif);
  background-repeat: no-repeat;
  font-family: Verdana, Tahoma, Arial;
  font-weight: bold;
  padding-left: 23px;
  font-size: 8pt;
  color: #5F779C;
}


.AjaxLoaderLarge
{
  float: left;
  width: 100%;
  height: 80px;
  background-image: url(../Images/Misc_AjaxLoadingLarge.gif);
  background-position: center;
  background-repeat: no-repeat;
}


/* ------------------------------------------------------------------- */
/* ------------------------ AutoComplete Css ------------------------- */
/* ------------------------------------------------------------------- */

.AutoCompleteLayer
{
  font-family: Verdana, Arial, Tahoma;
  font-size: 10pt;
  font-weight: normal;
  color: #1F5080;
  cursor: pointer;
  display: block;
  margin-left: -1px;
}

/* ------------------------------------------------------------------- */
/* --------------------- Percentage Bar Css -------------------------- */
/* ------------------------------------------------------------------- */

.PercentageBar_PlaceHolder
{
  background-color: #FFFFFF;
  border: solid 1px #6599CC;
}

.PercentageBar_Bar
{
  background-color: #C4D8EB;
  border: solid 1px #FFFFFF;
}

/* ------------------------------------------------------------------- */
/* ------------------------- Captcha Css ----------------------------- */
/* ------------------------------------------------------------------- */

.Captcha
{
  float: left;
  border: #7F9DB9 1px solid;
}

.Captcha img
{
  display: block;
}

/* ------------------------------------------------------------------- */
/* -------------------- Available Space Css -------------------------- */
/* ------------------------------------------------------------------- */

.AvailableSpace
{
  margin: 0px;
  padding: 0px;
}

.AvailableSpace img
{
  display: inline;
  border: #7F9DB9 1px solid;
}