.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment.*/

/* http://www.w3.org/TR/REC-CSS2/box.html */


/* ------------------------ */
/* Main Layout */ 
/* ------------------------ */
body                        {min-width:640px}
#header,#menu,#content,
#sub-section,#footer,
#admin-content              {overflow:hidden;display:block}
/* safari and opera need this */
#header,#footer             {width:100%}
#menu,#content,#sub-section,
#admin-content              {float:left}
#menu                       {width:19%;margin-right:10px; background-color:#E0DBFF;}
#content                    {width:79%}
#admin-content              {width:100%; margin-right:5px}
/*#sub-section                {width:19.9%} /* to make <100% */
#footer                     {clear:both}

/*#admin-content                    {min-height:500px;}*/
/*#admin-content                    {height: expression(500+'px');}*/

/* ------------------------ */
/* HTML Defaults */ 
/* ------------------------ */ 
html                        {height: 100%; }
body                        {height: 100%; }
body                        {margin:1em 1em 1em 1em; padding:0; font:11px verdana, sans-serif} 
h1                          {margin:0; padding:0; font:11px verdana, sans-serif;} 
h2                          {margin:0; padding:0; margin-bottom:1em; font:0.9em/1.2em arial, sans-serif; font-weight:bold; }
h3                          {margin:0; padding:0; font:0.9em/1.2em arial, sans-serif; font-style:italic} 
h4                          {margin:0; padding:0; font:0.9em/1.2em arial, sans-serif; font-weight:bold; color:red;} 
form                        {margin:0; padding:0} 
img                         {margin:0; padding:0; border:0} 
fieldset                    {margin:10px 0;}
legend                      {} 

/* ------------------------ */
/* Form */ 
/* ------------------------ */
input, 
textarea,                       
select                      {font:11px verdana, sans-serif;margin:0; padding:0; border:1px solid #a0a0a0; background:url(../../app_style/images/site/inputBackground.gif) repeat-x;}
input                       {margin-right:2px;} 

/* philip */
.sidenavbackground          {background:url(../../app_style/images/site/tableFadeBackground.gif) top left repeat-x;}


/* ------------------------ */
/* Label & Form Field */ 
/* ------------------------ */
div.row                     {padding: 5px; margin-bottom:5px; clear:both;}
div.row span.label          {float:left;width:20%;text-align:right;}
div.row span.formField      {float:right;width:75%;text-align:left;}
.message                    {color:red;font-weight:bold;}

.adminSearchDiv             {clear:both;padding:2px;text-align:right; vertical-align:middle; background: #E0DBFF;border-bottom:solid 1px #000000;}
.searchDiv                  {clear:both;padding:2px;text-align:right; vertical-align:middle;background: #E0DBFF;border-bottom:solid 1px #000000;}
.messageDiv                 {clear:both;text-align:center; vertical-align:middle;}

/* ------------------------ */
/* Miscellaneous */ 
/* ------------------------ */
/*.noBorder               {border:0; background:none} */
/*.warningLabel           {color:red; float:left; margin-right:1em; background-color:#fff; padding:2px 0 2px 2px;} */
.requiredAsterisk           {color:red;padding-left:10px;} 
.validationSummary          {color:red;  border: solid 1px red; margin-bottom:10px;margin-top:10px;} 

.headerLogo                 {float:left;}
 #bannerAdverts             {margin-top:1em}
 .footerText                {font:0.8em/0.9em arial, sans-serif;font-weight:bold; margin-top:5px;margin-bottom:5px;padding:3px;border-top:solid 1px #776655;}
 
 .contentInner              {margin:10px 0}
 .adminFieldset             {border: 1px solid #776655;}
 .siteFieldset              {border: 0px solid #776655;}
 .adminLegend               {color: #333333;background: #F3F2EC;border: 1px solid #776655;padding: 2px 6px;}
 .siteLegend                {border: 0px solid #776655;padding: 2px 6px;}

/* ------------------------ */
/* table */ 
/* ------------------------ */
.styledTable table, .styledTable tr, 
.styledTable th, .styledTable td     {border-collapse:collapse;} 
.styledTable table                   {background:url(../../app_style/images/site/tableFadeBackground.gif) top left repeat-x;} 
.styledTable th                      {border-left:0px solid #776655;border-right:0px solid #776655; padding-bottom:0.3em; padding-left:1em; padding-right:1em}
.styledTable td                      {padding:0.3em; border:0px solid #776655;} 
.styledTable th.first                {background:url(../../app_style/Images/site/tableFadeTL.gif) top left no-repeat} 
.styledTable th.last                 {background:url(../../app_style/Images/site/tableFadeTR.gif) top right no-repeat; border-right:0} 
.styledTable td a img                {padding:0 10px;} 

/* ------------------------ */
/* Rounded corner boxes */ 
/* ------------------------ */
.productItem1Column         {margin:0;padding:2px 2px;}
/*.productItem1Column         {width:expression(document.body.clientWidth > 1024 ? "1024px": "auto" );}/* for IE */
.productItem2ColumnsLeft    {float:left;width:49.3%;padding:2px}
.productItem2ColumnsRight   {float:right;width:49.2%;padding:2px}
.productItem3ColumnsLeft    {float:left;width:32%;padding:2px}
.productItem3ColumnsMiddle  {float:left;width:32%;padding:2px}        
.productItem3ColumnsRight   {float:left;width:32%;padding:2px}   

.roundBoxBottom             {background:url(../../app_style/Images/site/roundBoxDot.gif) bottom left repeat-x; height:1%} 
.roundBoxLeft               {background:url(../../app_style/Images/site/roundBoxDot.gif) top left repeat-y;} 
.roundBoxTop                {background:url(../../app_style/Images/site/roundBoxDot.gif) top left repeat-x;} 
.roundBoxRight              {background:url(../../app_style/Images/site/roundBoxDot.gif) top right repeat-y;} 
.roundBoxBR                 {background:url(../../app_style/Images/site/roundBoxBR.gif) bottom right no-repeat; position:relative}
.roundBoxBL                 {background:url(../../app_style/Images/site/roundBoxBL.gif) bottom left no-repeat; position:relative}
.roundBoxTL                 {background:url(../../app_style/Images/site/roundBoxTL.gif) top left no-repeat; position:relative}
.roundBoxTR                 {background:url(../../app_style/Images/site/roundBoxTR.gif) top right no-repeat; position:relative; height:1%; padding:1em}

.roundBoxBottom a              {color: #776655;text-decoration:none;}
.roundBoxBottom a:visited      {color: #776655;text-decoration:none;}
.roundBoxBottom a:active       {color: #776655;text-decoration:none;}
.roundBoxBottom a:hover        {color: #FF0000;font-weight:bold;text-decoration:none;}
.roundBoxBottom a:link         {color: #776655;text-decoration:none;}

/* ------------------------ */
/* TreeView */
/* ------------------------ */
.AspNet-TreeView ul         {margin:0; padding:0; list-style:none} 
.AspNet-TreeView ul li
{
    white-space: nowrap;/*stops word wrap*/
    padding: 3px 0 2px 0; 
    font-size: small;
    font-family: arial, sans-serif;
}

.AspNet-TreeView-Hide       {display:none;}
.AspNet-TreeView-Show       {}
.AspNet-TreeView ul ul      {margin: 2px 0 2px 10px;}

.AspNet-TreeView ul li img
{
    border: none;
    vertical-align: middle;
    margin: 0 2px 0 0;
}
.AspNet-TreeView li a  {text-decoration: none;}

.AspNet-TreeView li.AspNet-TreeView-Root    {}
.AspNet-TreeView li.AspNet-TreeView-Parent  {}
.AspNet-TreeView li.AspNet-TreeView-Leaf    {margin-left: 5px;}

/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
.AspNet-TreeView .AspNet-TreeView-ClickableNonlink  {cursor: pointer;}

/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
.AspNet-TreeView .AspNet-TreeView-Collapse          
{
    background: url(../../app_style/images/site/collapse.gif) 0 0 no-repeat;
    width: 15px;
    margin-right: 5px;
    float:left;
    cursor: pointer;
    font-family: Courier; 
    font-size: large;
    line-height: 15px;
}

/* Consider changing the cursor value (below) to something like */
/*     cursor: n-resize;                                        */
.AspNet-TreeView .AspNet-TreeView-Expand
{
    background:  url(../../app_style/images/site/expand.gif) 0 0 no-repeat;
    width: 15px;
    margin-right: 5px;
    float:left;
    cursor: pointer;
    font-family: Courier;
    font-size: large;
    line-height: 15px;
}

.AspNet-TreeView a          {color: #000000;}
.AspNet-TreeView a:visited  {color: #000000;}
.AspNet-TreeView a:active   {color: #000000;}
.AspNet-TreeView a:hover    {color: #FF0000;}
.AspNet-TreeView a:link     {color: #000000;}

.AspNet-TreeView .AspNet-TreeView-Selected a
{
    font-weight: bold !important;
    color: #8A2BE2 !important;
}
.AspNet-TreeView .AspNet-TreeView-Selected ul a
{
    font-weight: normal !important;
    color: #00008B !important;
}


/* ------------------------ */
/* Tabs */ 
/* ------------------------ */
#tabs 
{
  float:left;
  width:100%;
  background: url("../../app_style/Images/site/tabBackground.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#tabs ul 
{
  margin:0;
  padding:10px 10px 0;
  list-style:none;
}
#tabs li 
{
  float:left;
  background:url("../../app_style/Images/site/tabLeftOff.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
}
#tabs a 
{
  display:block;
  background:url("../../app_style/Images/site/tabRightOff.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#000000;
}
#tabs a:hover 
{
  color:#FF0000;
}
#tabs .selectedTab 
{
  background-image:url("../../app_style/Images/site/tabLeftOn.gif");
}
#tabs .selectedTab a 
{
  background-image:url("../../app_style/Images/site/tabRightOn.gif");
  color:#333333;
  padding-bottom:5px;
}
#tabs a:first-letter { text-decoration: underline;content: " [" attr(accesskey) "] ";}