/*
Generics, Generics will cover every element of that type unless specifically 
overriden with a more specific Class-Type, or ID-Type combination
*/

BODY
{/*Any changes here are global to the whole site. 
     This will affect everything on the site that is not overridden*/
  margin: 0px;
  margin-top: 0px;
  padding: 0px;
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Font Style*>*/
  /*<*Primary Font Weight*>*/
  /*<*Primary Text Decoration*>*/
  /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  font-family: Tahoma, Arial, Helvetica;
  background-color: #000000; /*<*Outer Background Color*>*/
  border-top:    0px solid #FFFFFF; /*<*Outer Border Top*>*/
  border-right:  0px solid #FFFFFF; /*<*Outer Border Right*>*/
  border-bottom: 0px solid #FFFFFF; /*<*Outer Border Bottom*>*/
  border-left:   0px solid #FFFFFF; /*<*Outer Border Left*>*/
  /*<*Outer Background Image*>*/
  /*<*Outer Background Repeat*>*/
  /*<*Outer Background Position*>*/
}

#Common
{/*This will affect everything inside the body that is not overridden*/
  margin-top: 6px;
  background-color: #000000;
  width: auto;
  margin-left: 35px;
  margin-right: 35px;
}

#CommonHeader
{/*This will affect everything inside the header section
       This is up to the top of the common (less any margin or padding)
       and down to th ebottom of the tab bar (plus any margin or padding)*/
  width: 100%;
  background-image: none; /*<*Common Header Background Image*>*/
  /*<*Common Header Background Repeat*>*/
  /*<*Common Header Background Position*>*/
  background-color: #3399CC; /*<*Common Header Background Color*>*/
  /*<*Common Header Border Top*>*/
  /*<*Common Header Border Right*>*/
  /*<*Common Header Border Bottom*>*/
  /*<*Common Header Border Left*>*/
  /*<*Common Header Height*>*/
  /*<*Common Header Min-Height*>*/
  /*<*Common Header Max-Height*>*/
  /*<*Common Header Width*>*/
  /*<*Common Header Min-Width*>*/
  /*<*Common Header Max-Width*>*/
}

#Header-Top
{
}

#Header-Middle
{
}

#Header-Bottom
{
}

#Header-Padding
{
}

#Header
{
}

#CommonFooter
{/*This is basically the copyright and policy link section*/
  background-color: #FFF; /*<*Footer Background Color*>*/
  padding: 8px;
  text-align:center;
  color: #DDC18A; /*<*Footer Text Color*>*/
  /*<*Footer Font Style*>*/
  /*<*Footer Font Weight*>*/
  /*<*Footer Text Decoration*>*/ 
  /*<*Footer Font Size*>*/
  /*<*Footer Font Variant*>*/
  background-image: url(/Themes/Default/Images/common/footer_bg.jpg); /*<*Footer Background Image*>*/
  /*<*Footer Background Repeat*>*/
  /*<*Footer Background Position*>*/
  border-top: 1px solid #000000; /*<*Footer Border Top*>*/
  border-right:  0px solid #bbbbbb; /*<*Footer Border Right*>*/
  border-bottom: 0px solid #bbbbbb; /*<*Footer Border Bottom*>*/
  border-left:   0px solid #bbbbbb; /*<*Footer Border Left*>*/
  /*<*Footer Height*>*/
  /*<*Footer Min-Height*>*/
  /*<*Footer Max-Height*>*/
  /*<*Footer Width*>*/
  /*<*Footer Min-Width*>*/
  /*<*Footer Max-Width*>*/
}

#CommonFooter A:Link, #CommonFooter A:Visited, #CommonFooter A:Active, #CommonFooter A:Hover
{
  color: #DDC18A; /*<*Footer Text Color*>*/
}
#Footer-Top
{
}

#Footer-Middle
{
}

#Footer-Bottom
{
}

#Footer-Padding
{
}

#Footer
{
}
/*
Copyright, this is the footer section
*/
.Copyright
{
  margin-top: 10px;
  font-family: Tahoma, Arial, Helvetica;
  margin-left: 13px;
  margin-right: 13px;
  font-size: 11px;
  text-align: center;
}
 
.copyright
{
  color: #DDC18A; /*<*Footer Text Color*>*/
  margin-top: 10px;
  font-family: Tahoma, Arial, Helvetica;
  margin-left: 13px;
  margin-right: 13px;
  font-size: 11px;
  text-align: center;
}

.copyright A:Link, .copyright A:Visited, .copyright A:Active, .copyright A:Hover
{
  color: #DDC18A; /*<*Footer Text Color*>*/
  /*<*Footer Text Decoration*>*/ 
  /*<*Footer Font Size*>*/
  /*<*Footer Font Variant*>*/
  font-weight: bold; /*<*Footer Font Weight*>*/
  /*<*Footer Font Style*>*/
}

/*
End Copyright section
*/

#CommonBody
{/*Contains the Common Body Table, and as near as I can tell nothing else*/
}

#CommonBodyTable
{/*This is the section below the common body but inside Common
       It occupies the space up to the bottom of common body 
       and down to the end of common (less any margin or padding)*/

}

#CommonLeftColumn
{/*This is the left section of the CommonBodyTable, 
   I have found nothing here yet*/
  background-color: #eff7e0;
  padding-bottom: 22px;
}

#CommonBodyColumn
{/*This is the center of the Common Body Table*/
  /*<*Content Background Color*>*/
  background-image: url(/Themes/Default/Images/common/body_bg.jpg); /*<*Content Background Image*>*/
  background-repeat: repeat; /*<*Content Background Repeat*>*/
  /*<*Content Background Position*>*/
}

#CommonRightColumn
{/*This is the right column of the Common Body Table */
  background-color: #eff7e0; /*<*Sidebar Background Color*>*/
  background-image: url(/Themes/Default/Images//common/body_bg.jpg); /*<*Sidebar Background Image*>*/
  /*<*Sidebar Background Repeat*>*/
  /*<*Background Position*>*/
  padding-bottom: 22px;
  /*<*Sidebar Border Top*>*/
  /*<*Sidebar Border Right*>*/
  /*<*Sidebar Border Bottom*>*/
  /*<*Sidebar Border Left*>*/
}

A:LINK
{
  color: #667766; /*<*Link Text Color*>*/
  /*<*Link Font Style*>*/
  /*<*Link Font Weight*>*/
  /*<*Link Text Decoration*>*/ 
  /*<*Link Font Size*>*/
  /*<*Link Font Variant*>*/
}

A:ACTIVE
{
  color: #99aa99; /*<*Link Text Color*>*/
  /*<*Link Font Style*>*/
  /*<*Link Font Weight*>*/
  /*<*Link Text Decoration*>*/
  /*<*Link Font Size*>*/
  /*<*Link Font Variant*>*/
}



A:VISITED
{
  color: #99aa99; /*<*Link Text Color*>*/
  /*<*Link Font Style*>*/
  /*<*Link Font Weight*>*/
  /*<*Link Text Decoration*>*/
  /*<*Link Font Size*>*/
  /*<*Link Font Variant*>*/
}

A:HOVER
{
  text-decoration: underline;
  /*<*Hover Text Color*>*/   
  /*<*Hover Font Style*>*/
  /*<*Hover Font Weight*>*/
  /*<*Hover Text Decoration*>*/
  /*<*Hover Font Size*>*/
  /*<*Hover Font Variant*>*/
}

SELECT
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 90%;
}

TEXTAREA
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 90%;
}

INPUT
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 90%;
}

BUTTON
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 90%;
}

/*
End Generics
*/

/* 
Title Bar Styles, this section is for the title bar that is on every page 
It includes the banner, main text for the site, search bar, welcome and
log in section as well as the tab bar.
*/

.CommonTitleBar
{/*This is the area that starts at the top of the Common Header (less margin or padding)
       and ends at the top of the Tab Bar*/
  position: relative;
  background-image: none; /*<*Title Bar Background Image*>*/
  /*<*Title Bar Background Repeat*>*/
  /*<*Title Bar Background Position*>*/
  background-color: transparent; /*<*Title Bar Background Color*>*/
  /*<*Title Bar Border Top*>*/
  /*<*Title Bar Border Right*>*/
  /*<*Title Bar Border Bottom*>*/
  /*<*Title Bar Border Left*>*/
  /*<*Title Bar Height*>*/
  /*<*Title Bar Min-Height*>*/
  /*<*Title Bar Max-Height*>*/
  /*<*Title Bar Width*>*/
  /*<*Title Bar Min-Width*>*/
  /*<*Title Bar Max-Width*>*/
  cursor: pointer;
}

.CommonTitleTable
{/*This table has in it the CommonTitlelBarTitleArea 
       the CommonTitleBarTitle , it ends at the common search bar*/
  background-image: url(/Themes/Default/Images/common/haloBanner2.jpg); /*<*Title Table Background Image*>*/
  background-repeat: no-repeat ; /*<*Title Table Background Repeat*>*/
  background-Position: top center; /*<*Title Table Background Position*>*/
  background-color: #000000; /*<*Title Table Background Color*>*/
  /*<*Title Table Border Top*>*/
  /*<*Title Table Border Right*>*/
  /*<*Title Table Border Bottom*>*/
  /*<*Title Table Border Left*>*/
  height: 300px; /*<*Title Table Height*>*/
  /*<*Title Table Min-Height*>*/
  /*<*Title Table Max-Height*>*/
  /*<*Title Table Width*>*/
  /*<*Title Table Min-Width*>*/
  /*<*Title Table Max-Width*>*/
}

.CommonTitleBarTitleArea
{/*Usually this has nothing in it and exists to allow 
      pushing down of the Common Title Bar Title and
      containing the link back to the community web site*/
  margin: 0px;
  padding: 0px;*/
}

.CommonTitleBarImage
{/*This is not currently in use*/
}

.CommonTitleBarTitle
{/*This is the customisable text at the top of the page*/
  height: 50px;
  padding: 0px 0px 0px 4px;
  font-family: Tahoma, Arial, Helvetica;
  padding-top: 0px;
  font-size: 250%;
  color: #555555;
  margin: 0px;
  margin-bottom: -5px;
  font-weight: bolder;
  visibility: hidden;
}

.CommonTitleBarTitle A:LINK 
{
  color: #333333;
  text-decoration: none;
}

.CommonTitleBarTitle A:VISITED
{
  color: #333333;
  text-decoration: none;
}

.CommonTitleBarTitle A:ACTIVE
{
  color: #333333;
  text-decoration: none;
}

.CommonTitleBarDescription
{/*This is not currently in use*/
  position: relative;
  font-family: Tahoma, Arial, Helvetica;
  top: -4px;
  padding: 0px 0px 0px 6px;
  color: #999999;
  margin: 0px;  
  margin-bottom: -14px;
}

.CommonTitleBarSearchArea
{/*This is the section that has the search text box, search button and log in section*/
  text-align: right;
  font-family: Tahoma, Arial, Helvetica;
  color: #666666; /*<*Search Welcome Text Color*>*/
  /*<*Search Welcome Font Style*>*/
  /*<*Search Welcome Font Weight*>*/
  /*<*Search Welcome Text Decoration*>*/
  /*<*Search Welcome Font Size*>*/
  /*<*Search Welcome Font Variant*>*/  
  background-image: url(/Themes/Default/Images/common/bar_bg.jpg); /*<*Search Welcome Background Image*>*/
  background-repeat: repeat-x; /*<*Search Welcome Background Repeat*>*/
  /*<*Search Welcome Background Position*>*/
  /*<*Search Welcome Background Color*>*/
  border-top: 0px solid #3399CC; /*<*Search Welcome Border Top*>*/
  /*<*Search Welcome Border Right*>*/
  /*<*Search Welcome Border Bottom*>*/
  /*<*Search Welcome Border Left*>*/
  /*<*Search Welcome Height*>*/
  /*<*Search Welcome Min-Height*>*/
  /*<*Search Welcome Max-Height*>*/
  /*<*Search Welcome Width*>*/
  /*<*Search Welcome Min-Width*>*/
  /*<*Search Welcome Max-Width*>*/
  padding: 10px;
  padding-right: 20px;
  margin-top: 5px;
}

.CommonSearch
{/*This is the text box around the search text box and search button*/
  color: #DDC18A; /*<*Search Area Text Color*>*/
  /*<*Search Area Font Style*>*/
  /*<*Search Area Font Weight*>*/
  /*<*Search Area Text Decoration*>*/
  /*<*Search Area Font Size*>*/
  /*<*Search Area Font Variant*>*/  
  /*<*Search Area Background Image*>*/
  /*<*Search Area Background Repeat*>*/
  /*<*Search Area Background Position*>*/
  /*<*Search Area Background Color*>*/
  /*<*Search Area Border Top*>*/
  /*<*Search Area Border Right*>*/
  /*<*Search Area Border Bottom*>*/
  /*<*Search Area Border Left*>*/
  /*<*Search Area Height*>*/
  /*<*Search Area Min-Height*>*/
  /*<*Search Area Max-Height*>*/
  /*<*Search Area Width*>*/
  /*<*Search Area Min-Width*>*/
  /*<*Search Area Max-Width*>*/
}

.commonSearch TD
{
}

.CommonSearch INPUT
{
  padding-left: 3px;
  padding-right: 3px;
  /*<*Input Background Color*>*/
  /*<*Input Background Image*>*/
  /*<*Input Background Repeat*>*/
  /*<*Input Background Position*>*/
  color: #000000; /*<*Input Text Color*>*/
  /*<*Input Font Style*>*/
  /*<*Input Font Weight*>*/
  /*<*Input Text Decoration*>*/
  /*<*Input Font Size*>*/
  /*<*Input Font Variant*>*/
  /*<*Input Border Top*>*/
  /*<*Input Border Right*>*/
  /*<*Input Border Bottom*>*/
  /*<*Input Border Left*>*/
}


.CommonSearch SELECT
{
  /*<*Input Background Color*>*/
  /*<*Input Background Image*>*/
  /*<*Input Background Repeat*>*/
  /*<*Input Background Position*>*/
  /*<*Input Text Color*>*/
  /*<*Input Font Style*>*/
  /*<*Input Font Weight*>*/
  /*<*Input Text Decoration*>*/
  /*<*Input Font Size*>*/
  /*<*Input Font Variant*>*/
  /*<*Input Border Top*>*/
  /*<*Input Border Right*>*/
  /*<*Input Border Bottom*>*/
  /*<*Input Border Left*>*/
}

Input.TitleBarSearchButton
{
  background-color: #874214; /*<*Button Background Color*>*/
  /*<*Button Background Image*>*/
  /*<*Button Background Repeat*>*/
  /*<*Button Background Position*>*/
  color: #DDC18A; /*<*Button Text Color*>*/
  /*<*Button Font Style*>*/
  /*<*Button Font Weight*>*/
  /*<*Button Text Decoration*>*/
  /*<*Button Font Size*>*/
  /*<*Button Font Variant*>*/
  /*<*Button Border Top*>*/
  /*<*Button Border Right*>*/
  /*<*Button Border Bottom*>*/
  /*<*Button Border Left*>*/
}

/*
User Area, This section coevers the user area 
*/

.CommonUserArea
{/*This is the welcom area with the login button and help*/
  color: #DDC18A; /*<*User Area Text Color*>*/
  font-size: 80%; /*<*User Area Font Style*>*/
  font-weight: normal; /*<*User Area Font Weight*>*/
  /*<*User Area Text Decoration*>*/
  /*<*User Area Font Size*>*/
  /*<*User Area Font Variant*>*/  
  /*<*User Area Background Image*>*/
  /*<*User Area Background Repeat*>*/
  /*<*User Area Background Position*>*/
  /*<*User Area Background Color*>*/
  /*<*User Area Border Top*>*/
  /*<*User Area Border Right*>*/
  /*<*User Area Border Bottom*>*/
  /*<*User Area Border Left*>*/
  /*<*User Area Height*>*/
  /*<*User Area Min-Height*>*/
  /*<*User Area Max-Height*>*/
  /*<*User Area Width*>*/
  /*<*User Area Min-Width*>*/
  /*<*User Area Max-Width*>*/
  padding-top: 4px;
  font-family: Tahoma, Arial, Helvetica;
}

.CommonUserArea A:LINK, .CommonUserArea A:VISITED, .CommonUserArea A:ACTIVE, .CommonUserArea A:HOVER
{
  color: #DDC18A; /*<*User Area Text Color*>*/
  /*<*User Area Font Style*>*/
  font-weight: bold; /*<*User Area Font Weight*>*/
  /*<*User Area Text Decoration*>*/
  /*<*User Area Font Size*>*/
  /*<*User Area Font Variant*>*/  
}

#welcome
{/*Welcom section and log in section, takes up all of Common User area*/
  color: #DDC18A; /*<*User Area Text Color*>*/
  /*<*User Area Font Style*>*/
  /*<*User Area Font Weight*>*/
  /*<*User Area Text Decoration*>*/
  font-size: 10px; /*<*User Area Font Size*>*/
  /*<*User Area Font Variant*>*/  
  margin-right: 5px;
  margin-top: -5px;
  padding-bottom: 10px;
}

#welcome A, #welcome A:VISITED, #welcome A:ACTIVE, #welcome A:HOVER
{
  color: #DDC18A; /*<*User Area Text Color*>*/
  /*<*User Area Font Style*>*/
  /*<*User Area Font Weight*>*/
  /*<*User Area Text Decoration*>*/
  font-size: 10px; /*<*User Area Font Size*>*/
  /*<*User Area Font Variant*>*/  
}

/*
End User Area Section
*/

#PassportHeader
{
  background-color: Black;
}

#PassportHeaderTable
{
}

#PassportTitleBarArea
{
  height: 250px;
  background-color: Black;
  background-image: url("/themes/default/images/common/haloBanner2_signin.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
}

#PassportSerachArea
{
  border-top:5px solid #3399cc;
}

/*
End Title Bar Section
*/

/*
Tab Bar section 
*** need to lay this out carfully
*/

/* 
Tab Strip Styles 
*/

.CommonTabBar
{/*This is the Tab bar in the header.  Changing this will affect the look of only that tab bar (mostly the background of it.*/
  padding-left: 0px;
  margin: 0px;
  margin-top: 0px;
  height: 32px;
  overflow: hidden;
  /*Note: The background Image completely covers the background color*/
  background-color:#cccccc;  /*<*Tab Bar Background Color*>*/
  background-image: url(/Themes/Default/Images/common/navbar_bg.jpg); /*<*Tab Bar Background Image*>*/
  background-repeat:repeat-x; /*<*Tab Bar Background Repeat*>*/
  border-top:    0px solid #FFFFFF; /*<*Tab Bar Border Top*>*/
  border-right:  0px solid #FFFFFF; /*<*Tab Bar Border Right*>*/
  border-bottom: 0px solid #FFFFFF; /*<*Tab Bar Border Bottom*>*/
  border-left:   0px solid #FFFFFF; /*<*Tab Bar Border Left*>*/
  /*<*Tab Bar Height*>*/
  /*<*Tab Bar Min-Height*>*/
  /*<*Tab Bar Max-Height*>*/
  /*<*Tab Bar Width*>*/
  /*<*Tab Bar Min-Width*>*/
  /*<*Tab Bar Max-Width*>*/
}


.CommonTabBarInner
{
  display: none;
}

.CommonTopGroup
{/*Inside the CommonTabBar, Table for all Tabs and spacer on left side 
      Use only if you want a different background immage or color on the right side of the tab bar then on the left.
      In this case this element will cover the right side of the tab bar, and Common Tab Bar will be the left.*/
}

.CommonTopLevelTab 
{/*This is the element for the tabs on the main tab bar that are not selected while NOT Hovered over*/
  font-family: Tahoma, Arial, Helvetica; 
  font-size:12px; 
  cursor:pointer;
  padding-left: 16px;
  padding-right: 16px;
  height: 30px;
  background-color:#cccccc;  /*<*Tab Bar Tab Background Color*>*/
  background-image: url(/Themes/Default/Images//common/navbar_bg.jpg); /*<*Tab Bar Tab Background Image*>*/
  /*<*Tab Bar Tab Background Repeat*>*/
  /*<*Tab Bar Tab Background Position*>*/
  border-top:    0px solid #999999; /*<*Tab Bar Tab Border Top*>*/
  border-right: 1px solid #000000; /*<*Tab Bar Tab Border Right*>*/
  border-bottom: 0px solid #999999; /*<*Tab Bar Tab Border Bottom*>*/
  border-left:   0px solid #999999; /*<*Tab Bar Tab Border Left*>*/
}

.CommonTopLevelTab A:LINK, .CommonTopLevelTab A:VISITED, .CommonTopLevelTab A:ACTIVE
{
  color: #994B17; /*<*Tab Bar Tab Text Color*>*/
  /*<*Tab Bar Tab Font Style*>*/
  /*<*Tab Bar Tab Font Weight*>*/
  /*<*Tab Bar Tab Font Size*>*/
  /*<*Tab Bar Tab Font Variant*>*/
  display:block;
  text-decoration: none; /*<*Tab Bar Tab Text Decoration*>*/
}

.CommonTopLevelTabHover 
{/*This is the element for the tabs on the main tab bar that are not selected while Hovered over*/
  font-family: Tahoma, Arial, Helvetica; /*<*Tab Bar Tab Font*>*/
  font-size:12px; 
  cursor:default;
  cursor:pointer;
  padding-left: 16px;
  padding-right: 16px;
  height: 30px;
  background-repeat:repeat-x; /*<*Tab Bar Tab Hover Background Repeat*>*/
  background-color:#cccccc;  /*<*Tab Bar Tab Hover Background Color*>*/
  background-image: url(/Themes/Default/Images//common/navbar_bg.jpg); /*<*Tab Bar Tab Hover Background Image*>*/
  /*<*Tab Bar Tab Hover Background Position*>*/
  border-top: 1px solid #000000; /*<*Tab Bar Tab Hover Border Top*>*/
  border-right: 1px solid #000000; /*<*Tab Bar Tab Hover Border Right*>*/
  border-bottom: 0px solid #000000; /*<*Tab Bar Tab Hover Border Bottom*>*/
  border-left: 0px solid #000000; /*<*Tab Bar Tab Hover Border Left*>*/

}

.CommonTopLevelTabHover A:LINK, .CommonTopLevelTabHover A:VISITED, .CommonTopLevelTabHover A:ACTIVE
{
  color: #3399CC; /*<*Tab Bar Tab Hover Text Color*>*/
  /*<*Tab Bar Tab Hover Font Style*>*/
  /*<*Tab Bar Tab Font Weight*>*/
  /*<*Tab Bar Tab Hover Font Size*>*/
  /*<*Tab Bar Tab Font Variant*>*/
  display:block;
  text-decoration: Underline; /*<*Tab Bar Tab Hover Text Decoration*>*/
}

.CommonTopLevelTabHover A:HOVER
{
  color: #3399CC; /*<*Tab Bar Tab Hover Text Color*>*/
  /*<*Tab Bar Tab Hover Font Style*>*/
  /*<*Tab Bar Tab Font Weight*>*/
  /*<*Tab Bar Tab Hover Font Size*>*/
  /*<*Tab Bar Tab Font Variant*>*/
  display:block;
  text-decoration: Underline; /*<*Tab Bar Tab Hover Text Decoration*>*/
}

.CommonSelectedTopLevelTab
{/*This is the element for the tabs on the main tab bar that are selected*/
  font-family: Tahoma, Arial, Helvetica; 
  font-size:12px; 
  font-weight: bold;
  color: #000000;
  cursor:default;
  cursor:pointer;
  padding-left: 16px;
  padding-right: 16px;
  height: 30px;
  background-repeat:repeat-x; /*<*Tab Bar Tab Selected Background Repeat*>*/
  background-color:#cccccc;  /*<*Tab Bar Tab Selected Background Color*>*/
  background-image: url(/Themes/Default/Images//common/navbar_bg.jpg); /*<*Tab Bar Tab Selected Background Image*>*/
  /*<*Tab Bar Tab Selected Background Position*>*/
  border-top:    0px solid #999999; /*<*Tab Bar Tab Border Top*>*/
  border-right: 1px solid #000000; /*<*Tab Bar Tab Border Right*>*/
  border-bottom: 0px solid #999999; /*<*Tab Bar Tab Border Bottom*>*/
  border-left:   0px solid #999999; /*<*Tab Bar Tab Border Left*>*/
}

.CommonSelectedTopLevelTab A:LINK, .CommonSelectedTopLevelTab A:VISITED, .CommonSelectedTopLevelTab A:ACTIVE, .CommonSelectedTopLevelTab A:HOVER
{
  color: #3399CC; /*<*Tab Bar Tab Selected Text Color*>*/
  /*<*Tab Bar Tab Selected Font Style*>*/
  /*<*Tab Bar Tab Font Weight*>*/
  /*<*Tab Bar Tab Selected Font Size*>*/
  /*<*Tab Bar Tab Font Variant*>*/
  display:block;
  text-decoration: None; /*<*Tab Bar Tab Selected Text Decoration*>*/
}

/*
End Tab Bar Section
*/
/*
Common Content, this section covers The content area just inside the CommonBodyColumn
*/
.CommonContentArea
{/*This section is directly inside the CommonBodyColumn, it is all the content for a page
        Everything that is not header, footer, and shortcuts in the right pane
        This contains the CommonTitle and CommonContent*/
  margin: 4px;
  padding: 0px 10px 10px 10px;
}

/*
Common Bread Crumb Section
(section that tells you the hierarchy of where you are at)
 Example: Community Server >> Sample >> Sample Forum >> Sample Post
*/

.CommonBreadCrumbArea
{
  font-family: Tahoma, Arial, Helvetica; /*<*Bread Crumb Font Family*>*/
  font-weight: bold; /*<*Bread Crumb Font Weight*>*/
  /*<*Bread Crumb Font Style*>*/
  font-size: 80%; /*<*Bread Crumb Font Size*>*/
  /*<*Bread Crumb Font Variant*>*/
  margin: -5px -15px 10px -15px;
  padding: 5px 5px 5px 20px;
  background-color: #f4f4f4; /*<*Bread Crumb Background Color*>*/
  background-image: url(/Themes/Default/Images//common/body_bg.jpg); /*<*Bread Crumb Background Image*>*/
  /*<*Bread Crumb Background Repeat*>*/
  /*<*Bread Crumb Background Position*>*/  
  color: #874214; /*<*Bread Crumb Text Color*>*/
  /*<*Bread Crumb Text Decoration*>*/
  border-top:    0px solid #cccccc; /*<*Bread Crumb Border Top*>*/
  border-right:  1px solid #cccccc; /*<*Bread Crumb Border Right*>*/
  border-bottom: 1px solid #cccccc; /*<*Bread Crumb Border Bottom*>*/
  border-Left:   0px solid #cccccc; /*<*Bread Crumb Border Left*>*/
}

.CommonBreadCrumbArea A:LINK
{
  color: #874214; /*<*Bread Crumb Text Color*>*/
  /*<*Bread Crumb Font Style*>*/
  /*<*Bread Crumb Font Weight*>*/
  /*<*Bread Crumb Text Decoration*>*/
  /*<*Bread Crumb Font Size*>*/
  /*<*Bread Crumb Font Variant*>*/
}

.CommonBreadCrumbArea A:VISITED
{
  color: #874214; /*<*Bread Crumb Text Color*>*/
  /*<*Bread Crumb Font Style*>*/
  /*<*Bread Crumb Font Weight*>*/
  /*<*Bread Crumb Text Decoration*>*/
  /*<*Bread Crumb Font Size*>*/
  /*<*Bread Crumb Font Variant*>*/
}

/*
End Common Bread Crumb Section.
*/

.CommonTitle
{/*This Title of the Content area, such as Discussions, or Gallaries, etc...*/
  color: #994B17; /*<*Section Text Color*>*/
  /*<*Section Font Style*>*/
  /*<*Section Text Decoration*>*/
  /*<*Section Font Size*>*/
  /*<*Section Font Variant*>*/
  font-size: 180%;
  font-family: Tahoma, Arial, Helvetica;  /*<*Section Font Family*>*/
  font-weight: bold; /*<*Section Font Weight*>*/
  padding: 5px 0px 5px 8px;
  margin: 0px;
  /*<*Section Background Color*>*/
  /*<*Section Background Image*>*/
  /*<*Section Background Repeat*>*/
  /*<*Section Background Position*>*/  
  /*<*Section Border Top*>*/
  /*<*Section Border Right*>*/
  /*<*Section Border Bottom*>*/
  /*<*Section Border Left*>*/
}

.CommonTitle A:LINK, .CommonTitle A:ACTIVE, .CommonTitle A:VISITED, .CommonTitle A:HOVER
{
  color: #994B17; /*<*Section Text Color*>*/
}

.CommonContent
{/* Under the title this sectio has the CommonListArea, CommonInlineMessageArea and the table containing the second CommonInlineMessageArea*/
  padding: 10px 8px 8px 8px;
  color: #DDC18A; /*<*Content Text Color*>*/
}

Div.CommonContent Input
{
  color: #DDC18A; /*<*Button Text Color*>*/
  /*<*Button Font Style*>*/
  /*<*Button Font Weight*>*/
  /*<*Button Text Decoration*>*/
  /*<*Button Font Size*>*/
  /*<*Button Font Variant*>*/
  background-color: #874214; /*<*Button Background Color*>*/
  /*<*Button Background Image*>*/
  /*<*Button Background Repeat*>*/
  /*<*Button Background Position*>*/  
  /*<*Button Border Top*>*/
  /*<*Button Border Right*>*/
  /*<*Button Border Bottom*>*/
  /*<*Button Border Left*>*/
}

Div.CommonContent Select
{
  color: #DDC18A; /*<*Button Text Color*>*/
  /*<*Button Font Style*>*/
  /*<*Button Font Weight*>*/
  /*<*Button Text Decoration*>*/
  /*<*Button Font Size*>*/
  /*<*Button Font Variant*>*/
  background-color: #874214; /*<*Button Background Color*>*/
  /*<*Button Background Image*>*/
  /*<*Button Background Repeat*>*/
  /*<*Button Background Position*>*/  
  /*<*Button Border Top*>*/
  /*<*Button Border Right*>*/
  /*<*Button Border Bottom*>*/
  /*<*Button Border Left*>*/
}

Div.CommonContent Input:Hover
{
  /*<*Button Hover Text Color*>*/
  /*<*Button Hover Font Style*>*/
  /*<*Button Hover Font Weight*>*/
  /*<*Button Hover Text Decoration*>*/
  /*<*Button Hover Font Size*>*/
  /*<*Button Hover Font Variant*>*/
  /*<*Button Hover Background Color*>*/
  /*<*Button Hover Background Image*>*/
  /*<*Button Hover Background Position*>*/  
  /*<*Button Hover Border Top*>*/
  /*<*Button Hover Border Right*>*/
  /*<*Button Hover Border Bottom*>*/
  /*<*Button Hover Border Left*>*/
}

.CommonContent A:LINK, .CommonContent A:ACTIVE, .CommonContent A:VISITED, .CommonContent A:HOVER
{/* Under the title this sectio has the CommonListArea, CommonInlineMessageArea and the table containing the second CommonInlineMessageArea*/
  color: #DDC18A; /*<*Content Text Color*>*/
  /*<*Content Font Style*>*/
  /*<*Content Font Weight*>*/
  /*<*Content Text Decoration*>*/
  /*<*Content Font Size*>*/
  /*<*Content Font Variant*>*/
}

.CommonDescription
{/*This is the description right under the CommonTitle
       It is inside the CommonContentSection, FirstThing*/
  font-size: 90%; /*<*Description Font Size*>*/
  padding: 3px 5px 3px 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #DDC18A; /*<*Description Text Color*>*/
  /*<*Description Font Style*>*/
  /*<*Description Font Weight*>*/
  /*<*Description Text Decoration*>*/
  /*<*Description Font Variant*>*/
  background-color: #000000; /*<*Description Background Color*>*/
  /*<*Description Background Image*>*/
  /*<*Description Background Repeat*>*/
  /*<*Description Background Position*>*/  
  font-family: Tahoma, Arial, Helvetica; /*<*Description Font Family*>*/
  border-top:    0px solid #000000; /*<*Description Border Top*>*/
  border-right:  0px solid #000000; /*<*Description Border Right*>*/
  border-bottom: 0px solid #000000; /*<*Description Border Bottom*>*/
  border-left:   0px solid #000000; /*<*Description Border Left*>*/
}

.CommonDescription A:LINK, .CommonDescription A:ACTIVE, .CommonDescription A:VISITED, .CommonDescription A:HOVER
{
  color: #DDC18A; /*<*Description Text Color*>*/
  /*<*Description Font Style*>*/
  /*<*Description Font Weight*>*/
  /*<*Description Text Decoration*>*/
  /*<*Description Font Size*>*/
  /*<*Description Font Variant*>*/
}

.CommonFilterArea
{/*This appears to be a spacer the is between the Common Description and the Common Form Area */
  font-size: 90%;
  padding: 4px;
  margin-left: 3px;
  margin-right: 3px;
  font-weight: bold;
  margin-right: 40px;
}

/*
Form Styles
*/

.CommonFormArea
{/*Area that contains the buttons (like new post)*/
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Font Style*>*/
  /*<*Primary Font Weight*>*/
  /*<*Primary Text Decoration*>*/
  /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  background-color: #000000; /*<*Primary Background Color*>*/
  background-image: url(/Themes/Default/Images//common/body_bg.jpg); /*<*Primary Background Image*>*/
  background-repeat: repeat; /*<*Primary Background Repeat*>*/
  /*<*Primary Background Position*>*/  
  border-top: 1px solid #000000; /*<*Primary Border Top*>*/
  border-right: 0px solid #000000; /*<*Primary Border Right*>*/
  border-bottom: 0px solid #000000; /*<*Primary Border Bottom*>*/
  border-left: 0px solid #000000; /*<*Primary Border Left*>*/
}

.CommonFormTitle
{/*This is a hidden Div used for Forums Options
       When the Forums Options button is clicked it is unhidden.*/
  color: #DDC18A; /*<*Title Text Color*>*/
  /*<*Title Text Decoration*>*/
  font-size: 140%; /*<*Button Font Size*>*/
  /*<*Button Font Variant*>*/
  font-weight: bold; /*<*Button Font Weight*>*/
  /*<*Button Font Style*>*/  
  font-family: Tahoma, Arial, Helvetica; /*<*Title Font Family*>*/
  padding: 4px;
  padding-left: 0px;
  margin: 0px;
  background-color: #000000; /*<*Title Background Color*>*/
  background-image: url(/Themes/Default/Images//common/navbar_bg.jpg); /*<*Title Background Image*>*/
  /*<*Title Background Repeat*>*/
  /*<*Title Background Position*>*/
  border-top: 1px solid #000000; /*<*Title Border Top*>*/
  border-right: 1px solid #000000; /*<*Title Border Right*>*/
  border-bottom: 1px solid #000000; /*<*Title Border Bottom*>*/
  border-left: 1px solid #000000; /*<*Title Border Left*>*/
}

TD.CommonFormField
{/*This is the section directly inside the CommonFormArea, still buttons*/
  padding: 2px;
}

TD.CommonFormField Select
{
  margin-bottom: 2px;
  vertical-align: bottom;
  /*<*Input Text Color*>*/
  /*<*Input Font Style*>*/
  /*<*Input Font Weight*>*/
  /*<*Input Text Decoration*>*/
  /*<*Input Font Size*>*/
  /*<*Input Font Variant*>*/
  /*<*Input Background Color*>*/
  /*<*Input Background Image*>*/
  /*<*Input Background Repeat*>*/  
  /*<*Input Background Position*>*/  
  /*<*Input Border Top*>*/
  /*<*Input Border Right*>*/
  /*<*Input Border Bottom*>*/
  /*<*Input Border Left*>*/
}

TD.CommonFormField Input, TD.CommonFormField Input:Hover
{
  padding: 0px;
  padding-left: 3px;
  padding-right: 3px;
  margin: 0px;
  margin-bottom: 2px;
  vertical-align: bottom;
  /*<*Input Text Color*>*/
  /*<*Input Font Style*>*/
  /*<*Input Font Weight*>*/
  /*<*Input Text Decoration*>*/
  /*<*Input Font Size*>*/
  /*<*Input Font Variant*>*/
  /*<*Input Background Color*>*/
  /*<*Input Background Image*>*/
  /*<*Input Background Repeat*>*/
  /*<*Input Background Position*>*/  
  /*<*Input Border Top*>*/
  /*<*Input Border Right*>*/
  /*<*Input Border Bottom*>*/
  /*<*Input Border Left*>*/
}

TD.CommonFormField Span
{
  vertical-align: bottom;
}

DIV.CommonFormField
{/*This covers Common Form Fields in Div's
       Example: Post Message Free Text Box control is in this
       Note: if you want to change the font color of just the Design
                 and HTML buttons on the post use this field with a NOBR specifier*/
  padding: 2px;
}

DIV.CommonFormField Input, Div.CommonFormField Input:Hover
{
  padding: 0px;
  padding-left: 3px;
  padding-right: 3px;
  margin: 0px;
  margin-bottom: 2px;
  vertical-align: bottom;
  /*<*Input Text Color*>*/
  /*<*Input Font Style*>*/
  /*<*Input Font Weight*>*/
  /*<*Input Text Decoration*>*/
  /*<*Input Font Size*>*/
  /*<*Input Font Variant*>*/
  /*<*Input Background Color*>*/
  /*<*Input Background Image*>*/
  /*<*Input Background Repeat*>*/
  /*<*Input Background Position*>*/  
  /*<*Input Border Top*>*/
  /*<*Input Border Right*>*/
  /*<*Input Border Bottom*>*/
  /*<*Input Border Left*>*/
}

Div.CommonFormField Select
{
}

Div #Buttons Input
{
  color: #DDC18A; /*<*Button Text Color*>*/
  /*<*Button Font Style*>*/
  /*<*Button Font Weight*>*/
  /*<*Button Text Decoration*>*/
  /*<*Button Font Size*>*/
  /*<*Button Font Variant*>*/
  background-color: #874214; /*<*Button Background Color*>*/
  /*<*Button Background Image*>*/
  /*<*Button Background Repeat*>*/
  /*<*Button Background Position*>*/  
  /*<*Button Border Top*>*/
  /*<*Button Border Right*>*/
  /*<*Button Border Bottom*>*/
  /*<*Button Border Left*>*/
}

Div #Buttons Input:Hover
{
  /*<*Button Hover Font Style*>*/
  /*<*Button Hover Font Weight*>*/
  /*<*Button Hover Text Decoration*>*/
  /*<*Button Hover Font Size*>*/
  /*<*Button Hover Font Variant*>*/
  text-decoration: none;
  /*<*Button Hover Text Color*>*/
  /*<*Button Hover Background Color*>*/
  /*<*Button Hover Background Image*>*/
  /*<*Button Background Hover Repeat*>*/
  /*<*Button Hover Background Position*>*/
  /*<*Button Hover Border Top*>*/
  /*<*Button Hover Border Right*>*/
  /*<*Button Hover Border Bottom*>*/
  /*<*Button Hover Border Left*>*/
}

.CommonFormField NOBR
{
  color: #000000;
}

.CommonFormField A:Link, .CommonFormFieldName A:Visited, .CommonFormFieldName A:Active, .CommonFormFieldName:Hover
{
  /*<*Primary Font Family*>*/
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Text Decoration*>*/
  /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  /*<*Primary Font Weight*>*/
  /*<*Primary Font Style*>*/
}

TD.CommonFormFieldName
{/*This is the section that contains the names of Forms 
       Example: 'Search for' and 'Posted by' on the Search Page*/
  font-family: Tahoma, Arial, Helvetica; /*<*Primary Font Family*>*/
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Text Decoration*>*/
  /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  padding: 2px;
  padding-right: 8px;
  font-weight: bold; /*<*Primary Font Style*>*/
  /*<*Primary Font Weight*>*/
}

DIV.CommonFormFieldName
{/*Div version of above, have not found in DOM yet.*/
  padding: 2px;
  padding-right: 8px;
  font-family: Tahoma, Arial, Helvetica; /*<*Primary Font Family*>*/
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Text Decoration*>*/
  /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  font-weight: bold; /*<*Primary Font Weight*>*/
  /*<*Primary Font Style*>*/
}

.CommonFormFieldName A:Link, .CommonFormFieldName A:Visited, .CommonFormFieldName A:Active, .CommonFormFieldName:Hover
{
  font-family: Tahoma, Arial, Helvetica; /*<*Primary Font Family*>*/
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Text Decoration*>*/
  /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  font-weight: bold; /*<*Primary Font Weight*>*/
  /*<*Primary Font Style*>*/
}

.CommonFormDescription
{/*Couldn't find in Dom, exists in View0ThreadSplit.ascx as TD,Skin-UploadAttachment.ascx as td, Password pages as div */
  font-family: Tahoma, Arial, Helvetica; /*<*Primary Font Family*>*/
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Text Decoration*>*/
  /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  /*<*Primary Font Style*>*/
  /*<*Primary Font Weight*>*/
  padding: 2px;
  padding-left: 0px;
  padding-bottom: 8px;
  padding-top: 8px;
}

TD.CommonFormFieldDescription
{/*Used in Create user page, Rate Post, Private Messages*/
  font-family: Tahoma, Arial, Helvetica; /*<*Primary Font Family*>*/
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Text Decoration*>*/
  padding: 2px;
  font-size: 90%; /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  font-weight: normal; /*<*Primary Font Weight*>*/
  /*<*Primary Font Style*>*/
  
}

DIV.CommonFormFieldDescription
{/*Used on the Create User page, Create Edit Entry page, upload attachment page, and user profile page*/
  font-family: Tahoma, Arial, Helvetica; /*<*Primary Font Family*>*/
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Text Decoration*>*/
  padding: 2px;
  font-size: 90%; /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  font-weight: normal; /*<*Primary Font Weight*>*/
  /*<*Primary Font Style*>*/
  
}

.CommonFormActionButtons
{/*Used only in Uploading Attachments and importing OPML (whatever that is)*/
  font-family: Tahoma, Arial, Helvetica; /*<*Button Font Family*>*/
  color: #DDC18A; /*<*Button Text Color*>*/
  /*<*Button Font Style*>*/
  /*<*Button Font Weight*>*/
  /*<*Button Text Decoration*>*/
  /*<*Button Font Size*>*/
  /*<*Button Font Variant*>*/
  padding: 2px;
  text-align: right;
}

/*
End Forms Section
*/

/*
Common Paging Section
*/

.CommonPagingArea
{/*Falls inside the CommonFormArea after the CommonFormField,
      This will contain the paging buttons (previous and next)
*/
  font-family: Tahoma, Arial, Helvetica; /*<*Button Font Family*>*/
  font-size: 90%; /*<*Button Font Size*>*/
  /*<*Button Font Variant*>*/
  padding: 4px;
  margin-left: 3px;
  margin-right: 3px;
  font-weight: bold; /*<*Button Font Weight*>*/
  /*<*Button Font Style*>*/
  /*<*Button Text Decoration*>*/
}

.CommonPagingArea A:LINK
{
  color: #DDC18A; /*<*Button Text Color*>*/
}

.CommonPagingArea A:VISITED
{
  color: #DDC18A; /*<*Button Text Color*>*/
}
/*
End Form Styles
*/

/*
List, this section covers any common Lists on a page, 
on Forums page this will be the Table containing the List of Forums (including the title).
*/

.CommonListArea
{/*The list Area inside CommonContent*/
  padding-bottom: 8px;
  padding-top: 8px;
  margin-right: 1px;
  width: 100%;
  min-width: 600px;
}

.CommonListTitle
{/*This is the title for the list*/
  padding: 6px;
  padding-left: 8px;
  border-top: 1px solid #000000; /*<*Title Border Top*>*/
  border-right: 1px solid #000000; /*<*Title Border Right*>*/
  border-bottom: 1px solid #000000; /*<*Title Border Bottom*>*/
  border-left: 1px solid #000000; /*<*Title Border Left*>*/
  background-color: #000000; /*<*Title Background Color*>*/
  background-image: url(/Themes/Default/Images//common/navbar_bg.jpg); /*<*Title Background Image*>*/
  /*<*Title Background Repeat*>*/
  /*<*Title Background Position*>*/  
  color: #DDC18A; /*<*Title Text Color*>*/
  /*<*Title Text Decoration *>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Title Font Family*>*/
  font-size: 90%; /*<*Title Font Size*>*/
  /*<*Title Font Variant*>*/
  font-weight: bolder; /*<*Title Font Weight*>*/
  /*<*Title Font Style*>*/
  margin: 0px;
}

.CommonListTitle A:LINK, .CommonListTitle A:VISITED, .CommonListTitle A:ACTIVE, .CommonListTitle A:HOVER
{
  color: #DDC18A; /*<*Title Text Color*>*/
}

.CommonListHeaderLeftMost
{/*This is the left column header in a list (Forums in the Forums page)*/
  text-align: center;
  padding: 4px;
  border-top: 0px solid #000000; /*<*Header Border Top*>*/
  border-right: 0px solid #000000; /*<*Header Border Right*>*/
  border-bottom: 0px solid #000000; /*<*Header Border Bottom*>*/
  border-left: 0px solid #000000; /*<*Header Border Left*>*/
  background-color: #000000; /*<*Header Background Color*>*/
  /*<*Header Background Image*>*/
  /*<*Header Background Repeat*>*/
  /*<*Header Background Position*>*/
  color: #DDC18A; /*<*Header Text Color*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Header Font Family*>*/
  font-size: 80%; /*<*Header Font Size*>*/
  /*<*Header Font Variant*>*/
  font-weight: bold; /*<*Header Font Weight*>*/
  /*<*Header Font Style*>*/
  /*<*Header Text Decoration*>*/
}

.CommonListHeader
{/*All the rest of the column headers in a list*/
  text-align: center;
  padding: 4px;
  border-top: 0px solid #000000; /*<*Header Border Top*>*/
  border-right: 0px solid #000000; /*<*Header Border Right*>*/
  border-bottom: 0px solid #000000; /*<*Header Border Bottom*>*/
  border-left:   0px solid #eeeeee;
  background-color: #000000; /*<*Header Background Color*>*/
  /*<*Header Background Image*>*/
  /*<*Header Background Repeat*>*/
  /*<*Header Background Position*>*/  
  color: #DDC18A; /*<*Header Text Color*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Header Font Family*>*/
  font-size: 80%; /*<*Header Font Variant*>*/
  /*<*Header Font Size*>*/  
  font-weight: bold; /*<*Header Font Style*>*/
  /*<*Header Font Weight*>*/
  /*<*Header Text Decoration*>*/
}

.CommonListCellLeftMost
{/*Usually the left most column in a list, but not for forums, this is covered in forums.*/
  padding: 4px;
  font-size: 80%; /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  border-top:    0px solid #eeeeee;
  border-right: 0px solid #000000; /*<*Primary Border Right*>*/
  border-bottom: 0px solid #000000; /*<*Primary Border Bottom*>*/
  border-left: 0px solid #000000; /*<*Primary Border Left*>*/
  background-color: #000000; /*<*Primary Background Color*>*/
  background-image: url(/Themes/Default/Images//common/body_bg.jpg); /*<*Primary Background Image*>*/
  background-repeat: repeat; /*<*Primary Background Repeat*>*/
  /*<*Primary Background Position*>*/  
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Font Style*>*/
  /*<*Primary Font Weight*>*/
  /*<*Primary Text Decoration*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Primary Font Family*>*/
}

.CommonListCellLeftMost A:Link, .CommonListCellLeftMost A:Visited, .CommonListCellLeftMost A:Active, .CommonListCellLeftMost A:Hover
{/*This is all the Cells in a list except the left most cell*/
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Font Style*>*/
  /*<*Primary Font Weight*>*/
  /*<*Primary Text Decoration*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Primary Font Family*>*/
}

.CommonListCell
{/*This is all the Cells in a list except the left most cell*/
  padding: 4px;
  font-size: 80%; /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  text-align: left;
  border-top:    0px solid #FFFFFF;
  border-right: 0px solid #000000; /*<*Primary Border Right*>*/
  border-bottom: 0px solid #000000; /*<*Primary Border Bottom*>*/
  border-left:   0px solid #FFFFFF;
  background-color: #000000; /*<*Primary Background Color*>*/
  background-image: url(/Themes/Default/Images//common/body_bg.jpg); /*<*Primary Background Image*>*/
  /*<*Primarey Backgroud Repeat*>*/
  /*<*Primary Background Position*>*/  
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Font Style*>*/
  /*<*Primary Font Weight*>*/
  /*<*Primary Text Decoration*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Primary Font Family*>*/
}

.CommonListCell A:Link, .CommonListCell A:Visited, .CommonListCell A:Active, .CommonListCell A:Hover
{/*This is all the Cells in a list except the left most cell*/
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Font Style*>*/
  /*<*Primary Font Weight*>*/
  /*<*Primary Text Decoration*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Primary Font Family*>*/
}

/*
End Common List Section
*/

/*
Common Inline Message area, this is the end of the common content, 
For Forums it is the who is online and Forum Statistics section (seperate Divs, but same class).
*/

.CommonInlineMessageArea
{/* this is the "who is online section for forums*/
  margin-top: 4px;
  margin-bottom: 4px;
  background-position: left top;
  background-repeat: repeat-x;
}

.CommonInlineMessageArea A:LINK, .CommonInlineMessageArea A:VISITED, .CommonInlineMessageArea A:ACTIVE, .CommonInlineMessageArea A:HOVER
{/*The text for the title in the CommonInlineMessage*/
  color: #666666;
}

.CommonInlineMessageTitle
{/* The title for the Common Inline Message*/
  text-align: left;
  font-size: 100%; /*<*Title Font Size*>*/
  /*<*Title Font Variant*>*/
  font-weight: bolder; /*<*Title Font Weight*>*/
  /*<*Title Font Style*>*/  
  padding: 6px;
  padding-left: 8px;
  margin: 0px;
  font-family: Tahoma, Arial, Helvetica;  /*<*Title Font Family*>*/
  background-color: #000000; /*<*Title Background Color*>*/
  background-image: url(/Themes/Default/Images//common/navbar_bg.jpg); /*<*Title Background Image*>*/
  /*<*Title Background Repeat*>*/
  /*<*Title Background Position*>*/  
  color: #DDC18A; /*<*Title Text Color*>*/
  /*<*Title Text Decoration*>*/
  border-top: 1px solid #000000; /*<*Title Border Top*>*/
  border-right: 1px solid #000000; /*<*Title Border Right*>*/
  border-bottom: 1px solid #000000; /*<*Title Border Bottom*>*/
  border-left: 1px solid #000000; /*<*Title Border Left*>*/
}

.CommonInlineMessageTitle A:LINK, .CommonInlineMessageTitle A:VISITED, .CommonInlineMessageTitle A:ACTIVE,.CommonInlineMessageTitle A:HOVER
{
  color: #DDC18A; /*<*Title Text Color*>*/
}

.CommonInlineMessageContent
{/*The message section for the CommonInlineMessageContent*/
  font-size: 80%; /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  padding: 8px;
  text-align: left;
  font-family: Tahoma, Arial, Helvetica;  /*<*Header Font Family*>*/
  background-color: #000000; /*<*Primary Background Color*>*/
  background-image: url(/Themes/Default/Images//common/body_bg.jpg); /*<*Primary Background Image*>*/
  background-repeat: repeat; /*<*Primary Background Repeat*>*/
  /*<*Primary Background Position*>*/  
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Font Style*>*/
  /*<*Primary Font Weight*>*/
  /*<*Primary Text Decoration*>*/
  border-top: 1px solid #000000; /*<*Primary Border Top*>*/
  border-right: 0px solid #000000; /*<*Primary Border Right*>*/
  border-bottom: 0px solid #000000; /*<*Primary Border Bottom*>*/
  border-left: 0px solid #000000; /*<*Primary Border Left*>*/
}

.CommonInlineMessageContent A:LINK, .CommonInlineMessageContent A:VISITED, .CommonInlineMessageContent A:ACTIVE,.CommonInlineMessageContent A:HOVER
{
  color: #3399CC; /*<*Primary Text Color*>*/
}

/*
End Common Inline Message section
*/

.CommonFeedArea
{/*Affects all of the following:
*/
  padding: 4px;
  padding-left: 0px;
  padding-right: 0px;
  font-weight: bold;
}

/*
End Common Content Section
*/

/*
Sidebar, this is the right colum on many pages
On Forums it is the Shortcuts, My Posts, Active, etc... section
*/
.CommonSidebar
{/*This is the class of the Div just inside the CommonRightColumn
       It will cover all of the common sidebar and if not overridden will set the 
       style for the whole sidebar (less margin or padding)*/
  padding: 0px;
  margin-left: 18px;
  margin-right: 18px;
}

.CommonSidebarArea
{/*Each section of the sidebar has this class
       For example, the Shortcuts section has this class */
  width: 192px;
  margin: 22px 0px 0px 0px;
  overflow: hidden;
}

.CommonSidebarArea A:LINK, .CommonSidebarArea A:ACTIVE, .CommonSidebarArea A:VISITED, .CommonSidebarArea A:HOVER
{
  color: #698d73; /*<*Sidebar Text Color*>*/
}

.CommonSidebarHeader
{/*This is the Header section of The CommonSideBarArea
       If you want to specify how the text looks  you will need to add the 
       A:Link, A:Active, etc.. of this class as well to override the bases 
        of those types, above.*/
  text-align: left;
  font-family: Tahoma, Arial, Helvetica; /*<*Sidebar Font Family*>*/
  font-size: 100%; /*<*Sidebar Header Font Size*>*/
  /*<*Sidebar Header Font Variant*>*/
  background-color: #000000; /*<*Sidebar Header Background Color*>*/
  color: #DDC18A; /*<*Sidebar Header Text Color*>*/
  /*<*Sidebar Header Font Style*>*/
  /*<*Sidebar Header Font Weight*>*/
  /*<*Sidebar Header Text Decoration*>*/
  padding: 2px;
  padding-left: 8px;
  margin: 0px;
  background-image: url(/Themes/Default/Images//common/body_bg.jpg); /*<*Sidebar Header Background Image*>*/
  background-position: top left; /*<*Sidebar Header Background Position*>*/
  background-repeat: repeat-x; /*<*Sidebar Header Background Repeat*>*/
  border-top: 2px solid #994B17; /*<*Sidebar Header Border Top*>*/
  border-right: 1px solid #994B17; /*<*Sidebar Header Border Right*>*/
  border-bottom: 0px solid #DDC18A; /*<*Sidebar Header Border Bottom*>*/
  border-left: 1px solid #994B17; /*<*Sidebar Header Border Left*>*/
}

.CommonSidebarHeader A:LINK, .CommonSidebarHeader A:ACTIVE, .CommonSidebarHeader A:VISITED, .CommonSidebarHeader A:HOVER
{
  color: #DDC18A; /*<*Sidebar Header Text Color*>*/
  /*<*Sidebar Header Text Decoration*>*/
  /*<*Sidebar Header Font Style*>*/
  /*<*Sidebar Header Font Weight*>*/
}

.CommonSidebarContent
{/*This section is the content of the CommonSidebarArea
       This is where the indavidual links will be. 
        If you want to specify how the text looks  you will need to add the 
       A:Link, A:Active, etc.. of this class as well to override the bases 
        of those types, above.*/
  font-family: Tahoma, Arial, Helvetica;
  font-size: 80%; /*<*Sidebar Content Font Size*>*/
  color: #3399CC; /*<*Sidebar Content Text Color*>*/
  /*<*Sidebar Content Text  Style*>*/
  padding: 8px;
  padding-bottom: 5px;
  border-top: 0px solid #DDC18A; /*<*Sidebar Content Border Top*>*/
  border-right: 1px solid #994B17; /*<*Sidebar Content Border Right*>*/
  border-bottom: 1px solid #000000; /*<*Sidebar Content Border Bottom*>*/
  border-left: 1px solid #994B17; /*<*Sidebar Content Border Left*>*/
  background-color: #ffffff; /*<*Sidebar Content Background Color*>*/
  background-image: url(/Themes/Default/Images//common/body_bg.jpg); /*<*Sidebar Content Background Image*>*/
  /*<*Sidebar Content Background Repeat*>*/
  /*<*Sidebar Content Background Position*>*/
  width: 174px;
  overflow: hidden;
}

.CommonSidebarContentItem
{/*This is the actual items inside the CommonSidebarContent.
       Be careful to note that the links (A) are defined for elements
      above this one then they will override this items style for the links
       If you want to specify how the text looks  you will need to add the 
       A:Link, A:Active, etc.. of this class as well to override the bases 
        of those types, above.*/

  margin-bottom: 5px;
  display: list-item;
  list-style-type: square;  
  margin-left: 16px;
  color: #3399CC; /*<*Sidebar Content Text Color*>*/
}

.CommonSidebarContentItem A:LINK
{
  color: #3399CC; /*<*Sidebar Content Text Color*>*/
}

.CommonSidebarContentItem A:ACTIVE
{
  color: #3399CC; /*<*Sidebar Content Text Color*>*/
}

.CommonSidebarContentItem A:VISITED
{
  color: #3399CC; /*<*Sidebar Content Text Color*>*/
}

.CommonSidebarContentItem A:HOVER
{
  color: #3399CC; /*<*Sidebar Content Text Color*>*/
}

UL.CommonSidebarList
{/*My profile sidebar options*/
  margin: 0px;
  padding: 0px;
}

UL.CommonSidebarList A:LINK
{
  color: #3399CC; /*<*Sidebar Content Text Color*>*/
}

UL.CommonSidebarList A:ACTIVE
{
  color: #3399CC; /*<*Sidebar Content Text Color*>*/
}

UL.CommonSidebarList A:VISITED
{
  color: #3399CC; /*<*Sidebar Content Text Color*>*/
}

UL.CommonSidebarList A:HOVER
{
  color: #3399CC; /*<*Sidebar Content Text Color*>*/
}
UL.CommonSidebarList LI
{
  margin-bottom: 5px;
  list-style-type: square;  
  margin-left: 16px;
  color: #3399CC; /*<*Sidebar Content Text Color*>*/
}

UL.CommonSidebarList LI A:LINK
{
  color: #3399CC; /*<*Sidebar Content Text Color*>*/
}

UL.CommonSidebarList LI A:ACTIVE
{
  color: #3399CC; /*<*Sidebar Content Text Color*>*/
}

UL.CommonSidebarList LI A:VISITED
{
  color: #3399CC; /*<*Sidebar Content Text Color*>*/
}

UL.CommonSidebarList LI A:HOVER
{
  color: #3399CC; /*<*Sidebar Content Text Color*>*/
}
/*
End Common Sidebar Section
*/


/*
Common Buttons, help icons, calandar controls etc...
 they are seperate because they fall in different places in the hierarchy.
Plus, we want them to be last so that any styles you set here override any others.
*/

/*
Text Button, These are all the button styles,
*/

TD.CommonTextButton
{
  background-color: transparent;
  border: 0px solid transparent;
}

.CommonTextButton
{/*Most buttons that don't contain an image with the text
       Locations this style will affect:      
      Search button on Search pages (but not the one in the title bar)*/
  display: inline-table;
  display: -moz-inline-box;
  display: inline-block;
  margin: 1px;
  padding: 4px;
  background-color: #874214; /*<*Button Background Color*>*/
  /*<*Button Background Image*>*/
  /*<*Button Background Repeat*>*/
  /*<*Button Background Position*>*/
  border-top:    1px solid #cccccc; /*<*Button Border Top*>*/
  border-right:  1px solid #999999; /*<*Button Border Right*>*/
  border-bottom: 1px solid #999999; /*<*Button Border Bottom*>*/
  border-left:   1px solid #cccccc; /*<*Button Border Left*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Button Font Family*>*/
  font-size: 80%; /*<*Button Font Size*>*/
  /*<*Button Font Variant*>*/
  font-weight: bold; /*<*Button Font Weight*>*/
  /*<*Button Font Style*>*/  
  /*<*Button Text Decoration*>*/
  white-space: nowrap;
}

.CommonTextButton Input
{/*Most buttons that don't contain an image with the text
       Locations this style will affect:      
      Search button on Search pages (but not the one in the title bar)*/
  display: inline-table;
  display: -moz-inline-box;
  display: inline-block;
  margin: 0px;
  padding: 2px;
  background-color: #874214; /*<*Button Background Color*>*/
  /*<*Button Background Image*>*/
  /*<*Button Background Repeat*>*/
  /*<*Button Background Position*>*/
  border-top:    1px solid #cccccc; /*<*Button Border Top*>*/
  border-right:  1px solid #999999; /*<*Button Border Right*>*/
  border-bottom: 1px solid #999999; /*<*Button Border Bottom*>*/
  border-left:   1px solid #cccccc; /*<*Button Border Left*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Button Font Family*>*/
  font-size: 80%; /*<*Button Font Size*>*/
  /*<*Button Font Variant*>*/
  font-weight: bold; /*<*Button Font Weight*>*/
  /*<*Button Font Style*>*/
  /*<*Button Text Decoration*>*/
  white-space: nowrap;
}
A.CommonTextButton:LINK, A.CommonTextButton:VISITED, A.CommonTextButton:ACTIVE
{
  text-decoration: none;
  color: #DDC18A; /*<*Button Text Color*>*/
  background-color: #874214; /*<*Button Background Color*>*/
  /*<*Button Background Image*>*/
  /*<*Button Background Repeat*>*/
  /*<*Button Background Position*>*/
}

A.CommonTextButton:HOVER
{
  text-decoration: none;
  color: #333333;  /*<*Button Hover Text Color*>*/
  background-color: #dddddd; /*<*Button Hover Background Color*>*/
  /*<*Button Hover Background Image*>*/
  /*<*Button Hover Background Repeat*>*/
  /*<*Button Hover Background Position*>*/
}

.CommonTextButtonHighlight:LINK, .CommonTextButtonHighlight:VISITED, .CommonTextButtonHighlight:ACTIVE
{
  text-decoration: none;
  background-color: #bbbbbb; /*<*Button Hover Background Color*>*/
  /*<*Button Hover Background Image*>*/
  /*<*Button Hover Background Repeat*>*/
  /*<*Button Hover Background Position*>*/
  color: #333333; /*<*Button Hover Text Color*>*/
}

.CommonTextButtonHighlight:HOVER
{
  text-decoration: none;
  background-color: #bbbbbb; /*<*Button Hover Background Color*>*/
  /*<*Button Hover Background Image*>*/
  /*<*Button Hover Background Repeat*>*/
  /*<*Button Hover Background Position*>*/
  color: #333333; /*<*Button Hover Text Color*>*/
}

.CommonImageTextButton
{/*Any buttons or dropdowns that have a picture in them with the text. 
      Which is most buttons. 
      Locations this style will affect:
      New Post button on Forum page
      Forum Options button on Forum page
      Forum Change View Drop Down
     Forum Previous and Next Buttons
     Forum Enable Email Subscription Button
     Forum Reply, Quote, Delete, and Edit, buttons
     Forum Favorites, and Contact dropdowns
*/
  display: inline-table;
  display: -moz-inline-box;
  display: inline-block;
  padding: 4px;
  margin: 1px;
  font-size: 80%; /*<*Button Font Size*>*/
  /*<*Button Font Variant*>*/
  font-weight: bold; /*<*Button Font Weight*>*/
  /*<*Button Font Style*>*/  
  /*<*Button Text Decoration*>*/
  /*<*Button Background Image*>*/
  background-repeat: no-repeat; /*<*Button Background Repeat*>*/
  background-position: 1px 1px; /*<*Button Background Position*>*/
  padding-left: 22px;
  line-height: normal;
  white-space: nowrap;
  background-color: #874214; /*<*Button Background Color*>*/
  border-top:    1px solid #cccccc; /*<*Button Border Top*>*/
  border-right:  1px solid #999999; /*<*Button Border Right*>*/
  border-bottom: 1px solid #999999; /*<*Button Border Bottom*>*/
  border-left:   1px solid #cccccc; /*<*Button Border Left*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Button Font Family*>*/
}

A.CommonImageTextButton:LINK, A.CommonImageTextButton:VISITED, A.CommonImageTextButton:ACTIVE
{
  text-decoration: none;
  color: #DDC18A; /*<*Button Text Color*>*/
  margin: 1px;
}

A.CommonImageTextButton:HOVER
{
  text-decoration: none;
  color: #333333; /*<*Button Hover Text Color*>*/
  background-color: #dddddd; /*<*Button Hover Background Color*>*/
  /*<*Button Hover Background Image*>*/
  /*<*Button Hover Background Repeat*>*/  
  /*<*Button Hover Background Position*>*/  
}

.CommonImageTextButtonHighlight
{/*ANy buttons that can be selected will be this type when selected
      Examples: Contact and Favorites buttons when viewing a post.*/
  display: inline-table;
  display: -moz-inline-box;
  display: inline-block;
  margin: 1px;
  padding: 4px;
  font-size: 80%; /*<*Button Font Size*>*/
  /*<*Button Font Variant*>*/
  font-weight: bold; /*<*Button Font Weight*>*/
  /*<*Button Hover Font Style*>*/  
  /*<*Button Hover Background Decoration*>*/
  background-position: 1px 1px;
  padding-left: 22px;
  line-height: normal;
  white-space: nowrap;
  background-color: #bbbbbb; /*<*Button Hover Background Color*>*/
  /*<*Button Hover Background Image*>*/
  /*<*Button Hover Background Repeat*>*/
  /*<*Button Hover Background Position*>*/
  background-repeat: no-repeat; /*<*Button Hover Background Repeat*>*/
  border-top:    1px solid #cccccc;      /*<*Button Hover Border Top*>*/
  border-right:  1px solid #999999;      /*<*Button Hover Border Right*>*/
  border-bottom: 1px solid #999999;      /*<*Button Hover Border Bottom*>*/
  border-left:   1px solid #cccccc;      /*<*Button Hover Border Left*>*/
  color: #333333;                        /*<*Button Hover Text Color*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Button Hover Font Family*>*/

}

A.CommonImageTextButtonHighlight:LINK, A.CommonImageTextButtonHighlight:VISITED, A.CommonImageTextButtonHighlight:ACTIVE, A.CommonImageTextButtonHighlight:HOVER
{
  text-decoration: none;
  background-color: #bbbbbb; /*<*Button Hover Background Color*>*/
  /*<*Button Hover Background Image*>*/
  /*<*Button Hover Background Repeat*>*/
  /*<*Button Hover Background Position*>*/
  color: #333333; /*<*Button Hover Text Color*>*/
}

.CommonImageTextButtonHighlight:HOVER
{
  text-decoration: none;
  /*<*Button Hover Background Color*>*/
  /*<*Button Hover Background Image*>*/
  /*<*Button Hover Background Repeat*>*/
  /*<*Button Hover Background Position*>*/
  /*<*Button Hover Text Color*>*/
}

.CommonButtonInnerContentDown
{
  background-image: url(../images/common/button-down-arrow.gif);
  padding-right: 9px;
  background-repeat: no-repeat;
  background-position: right center;
}

.CommonButtonInnerContentRight
{
  background-image: url(../images/common/button-right-arrow.gif);
  padding-right: 7px;
  background-repeat: no-repeat;
  background-position: right center;
}

/*
End Button Section
*/

/* 
Tree Form Section, this is any tree representation in a FormArea
Example: Search Locate in Box
*/

.CommonTreeFormArea
{/*This is the entrie tree container*/
  padding: 2px;
  width: 350px;
  height: 175px;
  overflow: auto;
  margin: 4px;
  margin-left: 2px;
  background-color: #000000; /*<*Secondary Background Color*>*/
  /*<*Secondary Background Image*>*/
  /*<*Secondary Background Repeat*>*/
  /*<*Secondary Background Position*>*/
  border-top: 3px solid #000000; /*<*Secondary Border Top*>*/
  border-right: 0px solid #000000; /*<*Secondary Border Right*>*/
  border-bottom: 0px solid #000000; /*<*Secondary Border Bottom*>*/
  border-left: 0px solid #000000; /*<*Secondary Border Left*>*/
}

.CommonTreeFormNode
{/*This is the end node for a tree (leaf)*/
  font-family: Tahoma, Arial, Helvetica;  /*<*Secondary Font Family*>*/
  color: #3399CC; /*<*Secondary Text Color*>*/
  /*<*Secondary Font Style*>*/
  /*<*Secondary Font Weight*>*/
  /*<*Secondary Text Decoration*>*/
  cursor: pointer;
  font-size: 90%; /*<*Secondary Font Size*>*/
  /*<*Secondary Font Variant*>*/
}

.CommonTreeFormNodeSelected
{/*Selected Node, but same as Node, not checked, selected like in thread view for forums
       threaded view.  Forums however does not use this item they use ForumsPostTreeNode[Selected | Hover]
       As near as I can tell this is not used anywhere, as can be seen from the colors I put in here with no affect to the site*/
  font-family: Tahoma, Arial, Helvetica;
  padding: 1px;
  font-weight: bold;
  /*
  background-color: #dddddd;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  */
/*This is here so I can see if this element is actually used, don't remove unless you see this somewhere then notify v-mirein*/
  background-color: #FF0000;
  color: #00FF00;
  Border: 1px solid #0000FF;
/**/ 
  cursor: pointer;
  font-size: 90%;
}

.CommonTreeFormNodeHover
{/*A node that is hovered over has this class (not sure about selected nodes you hover over)
      Forums however does not use this item they use ForumsPostTreeNode[Selected | Hover]
     Search uses this for selecting which forums to search in.*/
  font-family: Tahoma, Arial, Helvetica;  /*<*Secondary Font Family*>*/
  color: #3399CC; /*<*Secondary Text Color*>*/
  /*<*Secondary Font Style*>*/
  /*<*Secondary Font Weight*>*/
  /*<*Secondary Text Decoration*>*/
  cursor: pointer;
  font-size: 90%; /*<*Secondary Font Size*>*/
  /*<*Secondary Font Variant*>*/
}
 /* End Tree Form Section*/

/* BEGIN ComponentArt Date Picker & Popup Calendar */
#StartDateContainer
{
}

#EndDateContainer
{
}

.calendar_button 
{ 
  border:none;
  cursor:pointer; 
}

#Picker Input, #Picker Label
{
  padding-left: 4px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  height: 18x;
  vertical-align: middle;
}

.picker
{/*Date picker control
       Example: Birthday field on About section of My Profile Page*/
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 12px;
  font-weight: bold;
  font-family: Tahoma, Arial, Helvetica;
  padding: 2px;
  cursor: pointer;
}

.calendar td { font-size:11px; }

.title { font-weight:bold; background-color:#D7D7E5; color:#000000;}

.day
{
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
  color: #000000;
}

.dayhover
{
  width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
  color: #000000;
}

.dayheader
{
  width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  color: #000000;
  background-color:#FFFFFF;
}

.othermonthday { color:#999999; }

.outofrangeday { visibility:hidden; }

.selectedday
{
  width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:center;
  background-color:#FFFFFF;
}
/* END ComponentArt Date Picker & Popup Calendar */

/* 
Help Icon, this is the ? icon next to options that causes a popup with a description.
You should not have to do anything with this section unless it looks bad with the backgrounds you chose.
If you really want this to look snazy you should actually match the colors of the help_out... gif files
To look good with your backgrounds.
*/
.helpicon
{
  border-style: none;
  line-height: normal;
}

.helpicon img
{
  height: 16px;
  width: 16px;
  vertical-align: middle;
  min-height: 19px; /*This is for firefox, ignored in IE 6.*/
}

a.helpicon
{
  background-color: #FFFFFF;
  border-style:none;
  height: 16px;
  background-image: url(../images/common/help_out_lt.gif);
  background-position: 1px -1px; /*There is an imposed 2 px header, this is the only way to center this item.*/
  background-repeat: no-repeat;
}
a.helpicon:hover, a.helpicon:active 
{
  background-color: #FFFFFF;
  background-image:url(../images/common/help_hover.gif);
  background-position: 1px -1px;
  background-repeat: no-repeat;
  cursor:help;
}

/*
End Help Icon Section
*/

/*
Tabed view Control Items
Example: Post page, My Profile page
*/

.CATopGroup
{/*User Profile Tabs are in this group*/
  z-index: 99;
  position: relative;
}

.CADefaultTab 
{/*This is the tab of any non selected item*/
  color: #994B17; /*<*Tab Text Color*>*/
  background-color: #000000; /*<*Tab Background Color*>*/
  background-image: url(/Themes/Default/Images//common/navbar_bg.jpg); /*<*Tab Background Image*>*/
  /*<*Tab Background Repeat*>*/
  /*<*Tab Background Position*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Tab Font Family*>*/
  /*<*Tab Font Style*>*/
  /*<*Tab Font Weight*>*/
  /*<*Tab Text Decoration*>*/
  font-size:11px; /*<*Tab Font Size*>*/
  /*<*Tab Font Variant*>*/
  cursor:default;
}

.CADefaultTabHover 
{/*this class will replace .CADefaultTab when you hover over one*/
  color: #DDC18A; /*<*Tab Hover Text Color*>*/
  background-color: #000000; /*<*Tab Hover Background Color*>*/
  background-image: url(/Themes/Default/Images//common/navbar_bg.jpg); /*<*Tab Hover Background Image*>*/
  /*<*Tab Hover Background Repeat*>*/
  /*<*Tab Hover Background Position*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Tab Hover Font Family*>*/
  /*<*Tab Hover Font Style*>*/
  font-weight: normal; /*<*Tab Hover Font Weight*>*/
  text-decoration: Underline; /*<*Tab Hover Text Decoration*>*/
  font-size:11px; /*<*Tab Hover Font Size*>*/
  /*<*Tab Hover Font Variant*>*/
  cursor:default;
}

.CASelectedTab 
{/*The tab of a selected item*/
  color: #DDC18A; /*<*Tab Selected Text Color*>*/
  background-color: #000000; /*<*Tab Selected Background Color*>*/
  background-image: url(/Themes/Default/Images/common/navbar_bg.jpg); /*<*Tab Selected Background Image*>*/
  /*<*Tab Selected Background Repeat*>*/
  /*<*Tab Selected Background Position*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Tab Selected Font Family*>*/
  /*<*Tab Selected Font Style*>*/
  font-weight: bold; /*<*Tab Selected Font Weight*>*/
  text-decoration: None; /*<*Tab Selected Text Decoration*>*/
  font-size:11px; /*<*Tab Selected Font Size*>*/
  /*<*Tab Selected Font Variant*>*/
  cursor:default;
}

.CADisabledTab 
{/*A tab that is disabled, this is not likely to occur, it we disable it we should remove it)
      I have never found this item anywhere, making the colors outrageous until I find it*/
  /*color:#AAAAAA; 
  background-image: url(../../../utility/caimages/tabs/tab_bg.gif);
  font-family: Tahoma, Arial, Helvetica; */
  font-size:px; 
  font-weight: bold;
  cursor:default;
/*This is here so I can see if this element is actually used, don't remove unless you see this somewhere then notify v-mirein*/
  color: #FF0000;
  border: 1px solid #00FF00;
  background-color: #0000FF;
/**/
}

.CAMultiPage
{/*The conteiner for all the pages of a tab*/
  width:100%;
  position:relative;
  padding:10px;
  top:-3px;
  left:1px;
  z-index:98;
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Font Style*>*/
  /*<*Primary Font Weight*>*/
  /*<*Primary Text Decoration*>*/
  /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  background-color: #000000; /*<*Primary Background Color*>*/
  background-image: url(/Themes/Default/Images//common/body_bg.jpg); /*<*Primary Background Image*>*/
  background-repeat: repeat; /*<*Primary Background Repeat*>*/
  /*<*Primary Background Position*>*/
  border-top: 1px solid #000000; /*<*Primary Border Top*>*/
  border-right: 0px solid #000000; /*<*Primary Border Right*>*/
  border-bottom: 0px solid #000000; /*<*Primary Border Bottom*>*/
  border-left: 0px solid #000000; /*<*Primary Border Left*>*/
}

.CAMultiPageModal
{
  height:350px;
  position:relative;
  padding:20px;
  top:-3px;
  left:1px;
  z-index:98;
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Font Style*>*/
  /*<*Primary Font Weight*>*/
  /*<*Primary Text Decoration*>*/
  /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  background-color: #000000; /*<*Primary Background Color*>*/
  background-image: url(/Themes/Default/Images//common/body_bg.jpg); /*<*Primary Background Image*>*/
  background-repeat: repeat; /*<*Primary Background Repeat*>*/
  /*<*Primary Background Position*>*/
  font-family: Tahoma, Arial, Helvetica;  /*<*Primary Font Family*>*/
  border-top: 1px solid #000000; /*<*Primary Border Top*>*/
  border-right: 0px solid #000000; /*<*Primary Border Right*>*/
  border-bottom: 0px solid #000000; /*<*Primary Border Bottom*>*/
  border-left: 0px solid #000000; /*<*Primary Border Left*>*/
}

.PageViewModalPanel
{
  height:290px;
  padding-right:2px;
  overflow-y:scroll;
}

.CAPageContent
{/*Examples of this are the Related page for posting,
      The 'Loading' text is this class. 
      Also all the tabs are this class in user profile*/
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Font Style*>*/
  /*<*Primary Font Weight*>*/
  /*<*Primary Text Decoration*>*/
  /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  font-family: Tahoma, Arial, Helvetica;  /*<*Primary Font Family*>*/
}

.CommonGroupedContentArea
{/*Grouped Content, Example is the Profile Page -> Profile Tab, each section is a GroupedContentArea
       These do occasionally exist outside of tabbed controls exmple:  *** */
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-width: 0px;
  background-color: #000000; /*<*Primary Background Color*>*/
  background-image: url(/Themes/Default/Images//common/body_bg.jpg); /*<*Primary Background Image*>*/
  background-repeat: repeat; /*<*Primary Background Repeat*>*/
   /*<*Primary Background Position*>*/
  border-top: 1px solid #000000; /*<*Primary Border Top*>*/
  border-right: 0px solid #000000; /*<*Primary Border Right*>*/
  border-bottom: 0px solid #000000; /*<*Primary Border Bottom*>*/
  border-left: 0px solid #000000; /*<*Primary Border Left*>*/
  color: #3399CC; /*<*Primary Text Color*>*/
   /*<*Primary Font Style*>*/
   /*<*Primary Font Size*>*/
   /*<*Primary Font Weight*>*/
   /*<*Primary Text Decoration*>*/
   /*<*Primary Font Variant*>*/
   /*<*Primary Font Family*>*/
}

.CommonGroupedContentArea A:Link, .CommonGroupedContentArea A:Active, .CommonGroupedContentArea A:Visited, .CommonGroupedContentArea A:Hover
{/*Grouped Content, Example is the Profile Page -> Profile Tab, each section is a GroupedContentArea
       These do occasionally exist outside of tabbed controls exmple:  *** */

  color: #3399CC; /*<*Primary Text Color*>*/
   /*<*Primary Font Style*>*/
   /*<*Primary Font Size*>*/
   /*<*Primary Font Weight*>*/
   /*<*Primary Text Decoration*>*/
   /*<*Primary Font Variant*>*/
   /*<*Primary Font Family*>*/
}

.CommonValidationWarning
{/*One of the two used*/
  font-family: Tahoma, Arial, Helvetica;  /*<*Error Font Family*>*/
  font-size: 100%;
  color: #ff0000; /*<*Error Text Color*>*/
  font-weight: bold;
  padding: 2px;
}

.validationWarning
{/*This was not inculded in any .css, but many skins use this name instead of the one above
       It is possible it is overriden in inline style elements, but I haven't found any, 
       Most likely it is a typo, or missed when they updated the name.*/
  font-family: Tahoma, Arial, Helvetica; /*<*Error Font Family*>*/
  font-size: 100%;
  color: #ff0000; /*<*Error Text Color*>*/
  font-weight: bold;
  padding: 2px;
}


.CommonSubTitle
{/*Inside Tabs Title, for example The Title of the Bio section (About <user name>), of View Profile Page is this class
       The occassionaly exists outside of a tabbed control, Example:*/
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Text Decoration*>*/
  font-size: 140%; /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  font-weight: bold; /*<*Primary Font Style*>*/
  /*<*Primary Font Weight*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Primary Font Family*>*/
  padding: 4px; 
  padding-left: 0px;
  margin: 0px;
}

/*
End Common Tabbed section
*/

/*
Search Results
*/

.CommonSearchResultArea
{/*An indavidual result for a search (each result inside a CommonSearchResultList*/
/*example: View Profile -> Recent Posts -> List of posts-> each entry in the list*/
  margin: 8px;
  margin-bottom: 8px;
  margin-left: 0px;
  padding-left: 5px;
  background-color: #000000; /*<*Secondary Background Color*>*/
  /*<*Secondary Background Image*>*/
  /*<*Secondary Background Repeat*>*/
  /*<*Secondary Background Position*>*/
  border-top: 3px solid #000000; /*<*Secondary Border Top*>*/
  border-right: 0px solid #000000; /*<*Secondary Border Right*>*/
  border-bottom: 0px solid #000000; /*<*Secondary Border Bottom*>*/
  border-left: 0px solid #000000; /*<*Secondary Border Left*>*/
}

.CommonSearchResultName
{/*example: View Profile -> Recent Posts -> List of posts -> single post -> Post Name (RE: test post)*/
  color: #3399CC; /*<*Secondary Text Color*>*/
  font-size: 150%; /*<*Secondary Font Size*>*/
  /*<*Secondary Font Variant*>*/
  font-weight: normal; /*<*Secondary Font Weight*>*/
  /*<*Secondary Font Style*>*/  
  /*<*Secondary Text Decoration*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Secondary Font Family*>*/
  padding: 4px;
  padding-left: 0px;
  margin: 0px;
}

.CommonSearchResult
{/*example: View Profile -> Recent Posts -> List of posts -> single post -> Post text*/
  color: #3399CC; /*<*Secondary Text Color*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Secondary Font Family*>*/
  font-size: 100%; /*<*Secondary Font Size*>*/
  /*<*Secondary Font Variant*>*/
  /*<*Secondary Font Style*>*/
  /*<*Secondary Font Weight*>*/
  /*<*Secondary Text Decoration*>*/
  line-height: 20px;
}

.CommonSearchResultDetails
{/*example: View Profile -> Recent Posts -> List of posts -> single post -> Post information (which forum, date posted, etc...)*/
  margin-top: 10px;
  margin-bottom: 10px;
  color: #3399CC; /*<*Secondary Text Color*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Secondary Font Family*>*/
  font-size: 80%; /*<*Secondary Font Size*>*/
  /*<*Secondary Font Variant*>*/
  /*<*Secondary Font Style*>*/
  /*<*Secondary Font Weight*>*/
  /*<*Secondary Text Decoration*>*/
}

.CommonSearchStatistics
{/*This is used on the results of a search.  It will say how long the search took.*/
  font-size: 80%;
  margin-top: 8px;
  margin-bottom: 16px;
}

UL.CommonSearchResultList
{/*example: My Profile -> Recent Posts -> List of posts*/
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}


/*
Common Styles
*/

.CommonJumpArea
{/*Affects all of the following:
Post pending moderation
File Galeries
View My Forums
*/
  font-family: Tahoma, Arial, Helvetica; /*<*Primary Font Family*>*/
  font-size: 90%;
  padding: 4px;
  padding-left: 0px;
  padding-right: 0px;
  font-weight: bold;
}

/*
Message Styles
*/

.CommonMessageArea
{/*Used only in 3 places: Login page, Logout page, Message Page*/
  width: 50%;
  margin-top: 64px;
  margin-bottom: 64px;
}

.CommonMessageTitle
{/*Used only in 3 places: Login page, Logout page, Message Page*/
  text-align: left;
  font-size: 140%; /*<*Title Font Size*>*/
  /*<*Title Font Variant*>*/
  font-weight: bolder; /*<*Title Font Weight*>*/
  /*<*Title Font Style*>*/  
  padding: 2px;
  padding-left: 8px;
  margin: 0px;
  color: #DDC18A; /*<*Title Text Color*>*/
  /*<*Title Text Decoration*>*/
  background-color: #000000; /*<*Title Background Color*>*/
  background-image: url(/Themes/Default/Images//common/navbar_bg.jpg); /*<*Title Background Image*>*/
  /*<*Title Background Repeat*>*/
  /*<*Title Background Position*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Title Font Family*>*/
  border-top: 1px solid #000000; /*<*Title Border Top*>*/
  border-right: 1px solid #000000; /*<*Title Border Right*>*/
  border-bottom: 1px solid #000000; /*<*Title Border Bottom*>*/
  border-left: 1px solid #000000; /*<*Title Border Left*>*/
}

.CommonMessageContent
{/*Used only in 3 places: Login page, Logout page, Message Page*/
  font-size: 100%; /*<*Primary Font Size*>*/
  /*<*Primary Font Variant*>*/
  padding: 8px;
  padding-bottom: 16px;
  text-align: left;
  color: #3399CC; /*<*Primary Text Color*>*/
  /*<*Primary Font Style*>*/
  /*<*Primary Font Weight*>*/
  /*<*Primary Text Decoration*>*/
  background-color: #000000; /*<*Primary Background Color*>*/
  background-image: url(/Themes/Default/Images//common/body_bg.jpg); /*<*Primary Background Image*>*/
  background-repeat: repeat; /*<*Primary Background Repeat*>*/
  /*<*Primary Background Position*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Primary Font Family*>*/
  border-top:    0px solid #cccccc;
  border-right: 0px solid #000000; /*<*Primary Border Right*>*/
  border-bottom: 0px solid #000000; /*<*Primary Border Bottom*>*/
  border-left: 0px solid #000000; /*<*Primary Border Left*>*/
}

.CommonMessageError
{/* Used only in Blog posts and File Editor.
        No need to skin this yet*/
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 4px;
  font-family: Tahoma, Arial, Helvetica; /*<*Error Font Family*>*/
  font-size: 100%;
  color: #443333; /*<*Error Text Color*>*/
  font-weight: bold;
  border-top: 1px solid #000000; /*<*Primary Border Top*>*/
  border-right: 0px solid #000000; /*<*Primary Border Right*>*/
  border-bottom: 0px solid #000000; /*<*Primary Border Bottom*>*/
  border-left: 0px solid #000000; /*<*Primary Border Left*>*/
  background-color: #000000; /*<*Primary Background Color*>*/
  background-image: url(/Themes/Default/Images//common/body_bg.jpg); /*<*Primary Background Image*>*/
  background-repeat: repeat; /*<*Primary Background Repeat*>*/
  /*<*Primary Background Position*>*/
}

/*
Content
*/

.CommonHeader
{/*Used only in the FAQ.ascx*/
  color: #666666;
  font-size: 130%;
  font-weight: bold;
  font-family: Tahoma, Arial, Helvetica;
  padding: 0px;
  margin: 0px;
  margin-top: 8px;
}

#CreateUserPage
{/* allows custom configuration of the create new user page*/
  margin-right: 50px;
  margin-left: 50px;
  margin-top: 15px;
  margin-bottom: 5px;
  color: #FFFFFF;
  font-size: 100%;
  font-family: Arial;
  font-weight: bold;
}

#CreateUserContent
{
  background-color: #000000; /*<*Primary Background Color*>*/
  background-image: url(/Themes/Default/Images//common/body_bg.jpg); /*<*Primary Background Image*>*/
  background-repeat: repeat; /*<*Primary Background Repeat*>*/
  /*<*Primary Background Position*>*/
  border-top: 1px solid #000000; /*<*Primary Border Top*>*/
  border-right: 0px solid #000000; /*<*Primary Border Right*>*/
  border-bottom: 0px solid #000000; /*<*Primary Border Bottom*>*/
  border-left: 0px solid #000000; /*<*Primary Border Left*>*/
}

.CommonContentTable
{
/*This is the table for the Create User page*/
  width: 100%;
}

.CommonContentTable SELECT
{
  background-color: #FFFFFF; /*<*Input Background Color*>*/
  /*<*Input Background Image*>*/
  /*<*Input Background Repeat*>*/
  /*<*Input Background Position*>*/
  color: #000000; /*<*Input Text Color*>*/
  /*<*Input Font Style*>*/
  /*<*Primary Font Weight*>*/
  /*<*Input Text Decoration*>*/
  /*<*Input Font Size*>*/
  /*<*Input Font Variant*>*/
  border-top:    1px solid #FFFFFF; /*<*Input Border Top*>*/
  border-right:  1px solid #FFFFFF; /*<*Input Border Right*>*/
  border-bottom: 1px solid #FFFFFF; /*<*Input Border Bottom*>*/
  border-left:   1px solid #FFFFFF; /*<*Input Border Left*>*/
}

UL.CommonFloatList
{/*Used in Edit profile and Jobs Report*/
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

UL.CommonFloatList LI
{
  margin-bottom: 8px;
  clear: both;
}

/*
Popup Area, this is for modal popups.
*/

.CommonPopupArea
{
  padding: 8px;
  background-color: #eeeeee;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
}


/*
ContentParts
*/

.CommonContentPartBorderOff
{
  padding: 1px;
}

.CommonContentPartBorderOn
{
  border-style: dashed;
  border-width: 1px;
  border-color: #999999;
  background-color: #efefef;
}

.CommonInlineEditOn
{
  background-color: #efefef;
}

.CommonInlineEditOff
{
  padding: 0px;
}


/*
Context Menu Styles
*/

.CommonContextMenuGroup
{
  background-color:#ffffff;
  border:solid 1px gray; 
  /*<*Input Background Color*>*/
  /*<*Input Background Image*>*/
  /*<*Input Background Repeat*>*/
  /*<*Input Background Position*>*/
  /*<*Input Border Top*>*/
  /*<*Input Border Right*>*/
  /*<*Input Border Bottom*>*/
  /*<*Input Border Left*>*/
}

.CommonContextMenuItem
{/*Items in select controls such as:
       Change View, contact, favorites, in post viewing
       */
  font-family: Tahoma, Arial, Helvetica; 
  font-size:90%; /*<*Input Font Size*>*/
  /*<*Input Font Variant*>*/
  cursor:pointer;
  margin: 1px;
  color: #000000; /*<*Input Text Color*>*/
  /*<*Input Font Style*>*/
  /*<*Input Font Weight*>*/
  /*<*Input Text Decoration*>*/
  background-color: #FFFFFF; /*<*Input Background Color*>*/
  /*<*Input Background Image*>*/
  /*<*Input Background Repeat*>*/
  /*<*Input Background Position*>*/
}

.CommonContextMenuItemHover
{
  background-color: #e2eecd; /*<*Option Hover Background Color*>*/
  color: black; /*<*Input Text Color*>*/
  font-family: Tahoma, Arial, Helvetica; 
  font-size:90%; /*<*Input Font Size*>*/
  /*<*Input Font Variant*>*/
  /*<*Input Font Style*>*/
  /*<*Input Font Weight*>*/
  /*<*Input Text Decoration*>*/
  margin: 1px;
  cursor:pointer;
}

.CommonContextMenuItemExpanded
{/*Not sure there are any expandible items*/
  background-color:silver; 
  color:black; /*<*Input Text Color*>*/
  font-family: Tahoma, Arial, Helvetica; 
  font-size:90%; /*<*Input Font Size*>*/
  /*<*Input Font Variant*>*/
  /*<*Input Font Style*>*/
  /*<*Input Font Weight*>*/
  /*<*Input Text Decoration*>*/
  border:solid 1px white; 
  cursor:pointer;  
}

.CommonContextMenuSeperatorItem
{
  background-color:#cccccc; /*<*Input Seperator Color*>*/ 
  height: 1px;
  margin: 2px;
}

/* Modal Styles */

#popupMask 
{
  position: absolute;
  z-index: 200;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: .4;
  filter: alpha(opacity=40);
  /* this hack is so it works in IE
   * I find setting the color in the css gives me more flexibility 
   * than the PNG solution.
   */
  background-color:transparent !important;
  background-color: #333333;
  /* this hack is for opera support
   * you can uncomment the background-image if you don't care about opera.
   * this gives you the flexibility to use any bg color that you want, instead of the png
   */
  background-image/**/: url("../images/common/maskBG.png") !important; // For browsers Moz, Opera, etc.
  background-image:none;
  background-repeat: repeat;
  display:none;
}

#popupContainer 
{
  position: absolute;
  z-index: 201;
  top: 0px;
  left: 0px;
  display:none;
  padding: 0px;
}

#popupInner 
{
  border-style: solid;
  border-width: 1px;
  border-color: #888888;
  border-right-width: 3px;
  border-right-color: #888888;
  border-bottom-width: 3px;
  border-bottom-color: #888888;
  background-color: #eeeeee;
}

#popupFrame 
{
  margin: 0px;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 202;
}

#popupTitleBar 
{
  height: 1.3em;
  padding: 5px;
  padding-bottom: 7px;
  border-style: solid;
  border-color: #888888;
  position: relative;
  z-index: 203;
  font-weight: bold;
  margin: 0px;
  background-color: #000000; /*<*Title Background Color*>*/
  background-image: url(/Themes/Default/Images//common/navbar_bg.jpg); /*<*Title Background Image*>*/
  /*<*Title Backgroun Repeat*>*/
  /*<*Title Background Position*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Title Font Family*>*/
  border-top:    0px solid #cccccc;
  border-right:  0px solid #cccccc;
  border-bottom: 1px solid #000000; /*<*Title Border Bottom*>*/
  border-left:   0px solid #cccccc;
}

#popupTitle 
{
  float:left;
  font-size: 1.1em;
  color: #DDC18A; /*<*Title Text Color*>*/
  /*<*Title Font Style*>*/
  font-weight: bolder; /*<*Title Font Weight*>*/
  /*<*Title Text Decoration*>*/
  /*<*Title Font Size*>*/
  /*<*Title Font Variant*>*/
}

#popupControls 
{
  float: right;
  cursor: pointer;
  cursor: pointer;
}

/*
Rating Styles
*/

.CommonRateControlReadOnly
{
  display: inline-table;
  display: -moz-inline-box;
  display: inline-block;
  background-color: #ffffff;
  border-style: solid;
  border-color: #999999;
  border-width: 1px;
  padding: 1px;
  white-space: nowrap;
}

.CommonRateControl
{
  display: inline-table;
  display: -moz-inline-box;
  display: inline-block;
  background-color: #eeeeee;
  border-style: solid;
  border-color: #999999;
  border-width: 1px;
  cursor: pointer;
  padding: 1px;
  white-space: nowrap;
}

.CommonRateControlActive
{
  display: inline-table;
  display: -moz-inline-box;
  display: inline-block;
  background-color: #ffcc66;
  border-style: solid;
  border-width: 1px;
  border-color: #cc9933;
  cursor: pointer;
  padding: 1px;
  white-space: nowrap;
}

/*
Video styles
*/

.CommonVideoArea
{
  width: 350px;
  border-style: solid;
  border-width: 2px;
  border-color: #666666;
  background-color: #000000;
  margin: 16px;
  margin-right: auto;
  margin-left: auto;
}

.CommonVideoContent
{
  padding: 2px;
}

.CommonVideoControlArea
{
  background-color: #999999;
  padding: 2px;
  border-style: solid;
  border-width: 0px;
  border-top-width: 2px;
  border-color: #666666;
  vertical-align: middle;
}

.CommonVideoDuration
{
  display: inline-table;
  display: -moz-inline-box;
  display: inline-block;
  color: #333333;
  font-family: Tahoma, Arial, Helvetica;
  font-size: 80%;
  padding: 2px;
  margin-left: 4px;
}

.CommonVideoPlayButton
{
  display: inline-table;
  display: -moz-inline-box;
  display: inline-block;
  background-image: url(../images/common/play-icon.gif);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  margin-left: 4px;
}

.CommonVideoPlayButton:Link, .CommonVideoPlayButton:Hover, .CommonVideoPlayButton:Visited, .CommonVideoPlayButton:Active
{
  text-decoration: none;
}

.CommonVideoPauseButton
{
  display: inline-table;
  display: -moz-inline-box;
  display: inline-block;
  background-image: url(../images/common/pause-icon.gif);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  margin-left: 4px;
}

.CommonVideoPauseButton:Link, .CommonVideoPauseButton:Hover, .CommonVideoPauseButton:Visited, .CommonVideoPauseButton:Active
{
  text-decoration: none;
}

.CommonVideoStopButton
{
  display: inline-table;
  display: -moz-inline-box;
  display: inline-block;
  background-image: url(../images/common/stop-icon.gif);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  margin-left: 4px;
}

.CommonVideoStopButton:Link, .CommonVideoStopButton:Hover, .CommonVideoStopButton:Visited, .CommonVideoStopButton:Active
{
  text-decoration: none;
}

.CommonVideoFooterArea
{
  background-color: #cccccc;
  border-style: solid;
  border-width: 0px;
  border-top-width: 1px;
  border-color: #666666;
  padding: 2px;
}

.CommonVideoDetails
{
  font-family: Tahoma, Arial, Helvetica;
  font-size: 80%;
  color: #000000;
  padding: 2px;
  text-align: right;
  padding-right: 4px;
}

.CommonVideoDownloadButton
{
/*  display: inline-table;
  display: -moz-inline-box;
  display: inline-block;
  margin: 1px;
  padding: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
  border-top-color: #cccccc;
  border-left-color: #cccccc;
  background-color: #dddddd; */
  color: #333333;
  font-family: Tahoma, Arial, Helvetica;
  font-size: 80%;
/*  font-weight: bold; */
  padding: 2px;
  margin-right: 2px;
}

.CommonVideoDownloadButton:Link, .CommonVideoDownloadButton:Visited, .CommonVideoDownloadButton:Hover, .CommonVideoDownloadButton:Active
{
  color: #333333;
}

/*
Content Selector Styles 
*/

.CommonContentSelectorTreeArea
{
  background-color: #ffffff;
  height: 330px;
  width: 215px;
  margin: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
  overflow: auto;
}

.CommonContentSelectorItemsArea
{
  margin: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
  height: 250px;
  overflow: auto;
  padding: 4px;
}

.CommonContentSelectorOptionsArea
{
  margin: 5px;
  margin-top: 0px;
  margin-left: 0px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
  height: 60px;
  overflow: auto;
  padding: 4px;
}

.CommonContentSelectorTree
{
  padding: 0px;
  height: 330px;
  width: 215px;
  overflow: visible;
}

.CommonContentSelectorTreeNode
{
  font-family: Tahoma, Arial, Helvetica;
  cursor: pointer;
}

.CommonContentSelectorTreeNodeSelected
{
  font-family: Tahoma, Arial, Helvetica;
  font-weight: bold;
  cursor: pointer;
}

.CommonContentSelectorTreeNodeHover
{
  font-family: Tahoma, Arial, Helvetica;
  cursor: pointer;
}

.CommonContentSelectorItem
{
  font-family: Tahoma, Arial, Helvetica;
  font-size: 90%;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  cursor: pointer;
  padding: 3px;
  width: 79px;
  height: 79px;
  overflow: hidden;
  margin: 6px;
  margin-bottom: 0px;
  text-align: center;
  vertical-align: middle;
}

.CommonContentSelectorItemSelected
{
  font-family: Tahoma, Arial, Helvetica;
  font-size: 90%;
  border-style: solid;
  border-width: 3px;
  border-color: #999999;
  cursor: pointer;
  padding: 1px;
  width: 79px;
  height: 79px;
  overflow: hidden;
  margin: 6px;
  margin-bottom: 0px;
  text-align: center;
  vertical-align: middle;
}

.CommonContentSelectorItem img, .CommonContentSelectorItemSelected img
{
  margin-top: auto;
  margin-bottom: auto;
}

.CommonContentSelectorItemName
{
  font-family: Tahoma, Arial, Helvetica;
  font-size: 90%;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  padding: 2px;
  width: 83px;
  height: 12px;
  overflow: hidden;
  margin: 6px;
  margin-top: 1px;
  margin-bottom: 16px;
}

.CommonContentSelectorItemNameSelected
{
  font-family: Tahoma, Arial, Helvetica;
  font-size: 90%;
  font-weight: normal;
  text-align: center;
  background-color: #999999;
  cursor: pointer;
  padding: 2px;
  width: 83px;
  height: 12px;
  overflow: hidden;
  margin: 6px;
  margin-top: 1px;
  margin-bottom: 16px;
}

.CommonContentSelectorButtonArea
{
  margin: 5px;
  margin-top: 0px;
}

/*
ThreePanelResizeableControl Styles
*/

.CommonResizeArea
{
  width: 8px;
  background-color: #7fa2bd /*#eeeeee*/;
  border-style: solid;
  border-width: 0px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-color: #333333;
  position: relative;
  cursor: move;
  cursor: col-resize;
}

.CommonCollapseButton
{
  display: inline-table;
  display: -moz-inline-box;
  display: inline-block;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #cccccc;
  color: #000000;
  
  font-size: 10px;
  font-weight: bold;
  font-family: Tahoma, Arial, Helvetica;
  vertical-align: middle;
  border-style: solid;
  border-width: 1px;
  border-color: #666666;
}

.CommonCollapseButton:LINK, .CommonCollapseButton:VISITED, .CommonCollapseButton:ACTIVE
{
  color: #000000;
  
}

.CommonCollapseButton:HOVER
{
  background-color: #eeeeee;
  color: #000000;
  
}

p.MsoNormal, li.MsoNormal, div.MsoNormal
{
  margin:0in;margin-bottom:.0001pt;
}

/* Comment Form */

#CommonCommentForm, #CommonContactForm {

  padding: 0;

  font-size: 0.95em;}

#CommonCommentForm h2, #CommonContactForm h2
{
  margin-bottom:0;
}

#CommonCommentForm h3, #CommonContactForm h3{  
font-size: 1.3em;
  margin: 0px 10px 0px 0px;
  padding: 10px 0px 5px;
  font-family: Tahoma, Arial, Helvetica;
  font-weight: 600;
  letter-spacing: 0px;}

#CommonCommentForm p, #CommonContactForm p{
  padding: 0em;
  font-size: 0.95em;
}

#CommonCommentForm dl, #CommonContactForm dl {
  margin: 0;
  padding: 0;
}

#CommonCommentForm dt, #CommonContactForm dt {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 0px;
  padding-left: 0px;
  font-size: 1.0em;
  margin: 0px;}
  
#CommonCommentForm dd, #CommonContactForm dd {
  color: #777777;
  margin-left:0;
}

#CommonCommentForm dt em, #CommonContactForm dt em {
  font-size: 0.95em;
}
 
#CommonCommentForm .smallbox, #CommonContactForm .smallbox {
  width: 350px;
  padding: 2px;
  border-top: 1px solid #7F8D3E;
  border-right: 1px solid #E2E3D1;
  border-bottom: 1px solid #E2E3D1;
  border-left: 1px solid #E2E3D1;
}

#CommonCommentForm textarea, #CommonContactForm textarea {
  width: 500px;
  height: 150px;
  padding: 2px;
  border-top: 1px solid #7F8D3E;
  border-right: 1px solid #E2E3D1;
  border-bottom: 1px solid #E2E3D1;
  border-left: 1px solid #E2E3D1;
  font-size: 1em;
  }

/* Comments */

#comments{
  margin: 0px;
  padding: 0;
}

#comments dl
{
    margin:0;
    padding:0;

}
  
#comments h3{  
font-size: 1.3em;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 5px;
  font-family: Tahoma, Arial, Helvetica;
  font-weight: 600;
  letter-spacing: 0px;
}

#comments dt{
  font-size: 1.1em;
  letter-spacing: 0px;
  font-weight: 600;
    margin-left:0;
      padding-left:0;

}
#comments dd{
  padding: 0.5em 1em;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 1em;
  margin-left: 0px;
  padding-left:0;
  font-size: 0.9em;
}

#comments dd span{
  font-weight: 600;
  padding-top: 0.5em;
  font-size: 0.9em;
  color: #777777;
}
.comment h4{
  font-size: 1.1em;
  margin: 0px;
  padding: 0px;
  font-weight: 600;
}




/* Poll Styles */

.CommonPollMoveUpButton
{
  display: inline-table;
  display: -moz-inline-box;
  display: inline-block;
  margin: 1px;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
  border-top-color: #cccccc;
  border-left-color: #cccccc;
  background-color: #eeeeee;
  color: #333333;
  font-family: Tahoma, Arial, Helvetica;
  font-size: 80%;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: left top;
  width: 20px;
  height: 20px;
  line-height: normal;
  background-image: url(../images/common/up.gif);
}

.CommonPollMoveUpButton:LINK, .CommonPollMoveUpButton:VISTED, .CommonPollMoveUpButton:ACTIVE
{
  text-decoration: none;
  color: #333333;
}

.CommonPollMoveUpButton:HOVER
{
  text-decoration: none;
  color: #333333;
  background-color: #dddddd;
}

.CommonPollMoveDownButton
{
  display: inline-table;
  display: -moz-inline-box;
  display: inline-block;
  margin: 1px;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
  border-top-color: #cccccc;
  border-left-color: #cccccc;
  background-color: #eeeeee;
  color: #333333;
  font-family: Tahoma, Arial, Helvetica;
  font-size: 80%;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: left top;
  width: 20px;
  height: 20px;
  line-height: normal;
  background-image: url(../images/common/down.gif);
}

.CommonPollMoveDownButton:LINK, .CommonPollMoveDownButton:VISTED, .CommonPollMoveDownButton:ACTIVE
{
  text-decoration: none;
  color: #333333;
}

.CommonPollMoveDownButton:HOVER
{
  text-decoration: none;
  color: #333333;
  background-color: #dddddd;
}

.CommonPollDeleteButton
{
  display: inline-table;
  display: -moz-inline-box;
  display: inline-block;
  margin: 1px;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
  border-top-color: #cccccc;
  border-left-color: #cccccc;
  background-color: #eeeeee;
  color: #333333;
  font-family: Tahoma, Arial, Helvetica;
  font-size: 80%;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: left top;
  width: 20px;
  height: 20px;
  line-height: normal;
  background-image: url(../images/common/delete.gif);
}

.CommonPollDeleteButton:LINK, .CommonPollDeleteButton:VISTED, .CommonPollDeleteButton:ACTIVE
{
  text-decoration: none;
  color: #333333;
}

.CommonPollDeleteButton:HOVER
{
  text-decoration: none;
  color: #333333;
  background-color: #dddddd;
}

ol.CommonPollAnswerList
{
  margin: 0px;
  padding: 0px;
}

ol.CommonPollAnswerList li
{
  margin-left: 24px;
}

/* rendered poll styles */

.CommonPollArea
{
  width: 375px;
  background-color: #f4f4f4;
  border-style: solid;
  border-width: 1px;
  border-color: #bbbbbb;
  margin-left: auto;
  margin-right: auto;
}

.CommonPollQuestion
{
  background-color: #e2eecd;
  border-style: solid;
  border-width: 0px;
  border-bottom-width: 1px;
  border-color: #bbbbbb;
  padding: 4px;
  color: #698d73;
  margin: 0px;
  font-size: 105%;
}

.CommonPollContent
{
  padding: 4px;
}

.CommonPollDescription
{
}

.CommonPollSwitchedContent
{
  width: 275px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6px;
  margin-bottom: 6px;
}

ul.CommonPollAnswerList
{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

ul.CommonPollAnswerList li
{
  padding: 0px;
  margin: 6px;
  margin-left: 0px;
  margin-right: 0px;
}

.CommonPollAnswer
{
  padding: 2px;
}

.CommonPollUserVote
{
  color: #777777;
}

.CommonPollFooter
{
  padding: 2px;
  background-color: #cccccc;
  border-style: solid;
  border-width: 0px;
  border-top-width: 1px;
  border-color: #999999;
  font-size: 80%;
}

ul.CommonPollFooterList
{
  list-style-type: none;
  margin: 0px;
  text-align: center;
}

ul.CommonPollFooterList li
{
  display: inline;
  margin-left: 6px;
  margin-right: 6px;
}

/* End Poll Styles */

/*
Codebranding Right pannel section
*/
.passportRightSection 
{
  background-color: #000000;
  vertical-align: top;
}

.passportRightSectionTable
{
  background-color: Transparent;
  text-align: center;
}

.passportRightSectionLeftCell
{
}

.passportRightSectionMiddleCell
{
  /*use this because text align doesn't work in firfox*/
  text-align: moz-center;
}

.passportRightSectionRightCell
{
}

#passportRightSectionTopLeftCell
{
}

#passportRightSectionTopMiddleCell
{
}

#passportRightSectionTopRightCell
{
}

#passportRightSectionBottomLeftCell
{
}

#passportRightSectionBottomMiddleCell
{
}

#passportRightSectionBottomRightCell
{
}

#passportRightSectionTopLeftCell
{
}

#dontHaveLabel
{
}

.dontHaveLabel
{
  font-weight: bold;
}

.registerNowButton
{
}

.backToForumsButton
{
  overflow: hidden;
}

#registerNowButtonCell
{
}

#backToForumsButtonCell
{
}

.goToForumsLabel
{
  font-weight: bold;
}

#goToForumsLabelCell
{
}

#passportRightSectionSpacerCell
{
}