/*
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: 0;
  padding: 0;
  color: #4f8332; /*<*Primary Text Color*>*/
  font-family: Tahoma, Arial, Helvetica;  
  background-color: #125fa0; /*<*Outer Background Color*>*/
  /*<*Outer Background Image*>*/
}

#Common
{/*This will affect everything inside the body that is not overridden*/
  background-color: #ffffff;
  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: url(../images/VP-Banner-gradient.jpg);
  background-repeat:repeat-x;
}

#Header-Top
{
  height: 145px;
  background-image: url(../images/VP-Banner.jpg);
  background-repeat:no-repeat;
}


#Header-Padding
{
  width: 35px;
  background-color: #125fa0;
}

#Header
{
  width: 100%;
}

#PassportHeader
{

}

#CommonFooter
{/*This is basically the copyright and policy link section*/
  background-color: #125fa0;
  text-align:center;
  border-style: solid;
  border-width: 0px;
  border-top-width: 0px;
  color: #FFCC00; /*<*Footer Text Color*>*/
  background-image:none;
  background-repeat: repeat-x;
  background-position: ;
  height: 90px;
  overflow: hidden;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  font-weight: bold;
}

#CommonFooter A:Link, #CommonFooter A:Visited, #CommonFooter A:Active, #CommonFooter A:Hover
{
  color: #ffffff; /*<*Footer Text Color*>*/
  font-weight: bold;
}

#Footer-Top
{
  height: 30px;
  background-color: #f9faec;
}

#Footer-Middle
{
}

#Footer-Bottom
{
}

#Footer-Padding
{
  width: 35px;
  background-color: #5fab31;
}

#Footer
{
  width: 680px;
}

/*-- Footer Styles --*/
#footer
{
	font-family: Tahoma,sans-serif;
	font-weight: normal;
	font-size: 70%;
	color: #fff;
	text-align: center;
	position:relative;
}


#footer a, #footer a:visited
{
	color: #fff;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

#footer #logos a:hover
{
	text-decoration: none;
}

#rarelogo
{
	height: 52px;
	width: 50px;
}

#xboxlogo
{
	margin-left: 20px;
}

#msgameslogo
{
	margin-left: 20px;
}

#esrb
{
	margin: 18px 0 0 25px;
}

img
{
	border: none;
}
/*-- End Footer Styles --*/

/*
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: #FFCC00;
  margin-top: 45px;
  text-align: center;
  font-weight: bold;
  font-size: 100%;
}

.copyright A:Link, .copyright A:Visited, .copyright A:Active, .copyright A:Hover
{
  color: #ffffff; /*<*Footer Text Color*>*/
  font-weight: bold;
}

/*
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: #125fa0;
  padding-bottom: 22px;
}

#CommonBodyColumn
{/*This is the center of the Common Body Table*/
  background-color: #125fa0;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
}

#CommonRightColumn
{/*This is the right column of the Common Body Table */
  background-color: #125fa0;
  padding-bottom: 22px;
  background-image: url(/themes/default/images/Common/CirclesGrn_tile.jpg);
  border-left-width: 4px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: outset;
  border-left-color: #5fab31;
}

A:LINK
{
  color: #667766; /*<*Link Text Color*>*/
}

A:ACTIVE
{
  color: #99aa99; /*<*Link Text Color*>*/
}

A:VISITED
{
  color: #99aa99; /*<*Link Text Color*>*/
}

A:HOVER
{
  text-decoration: underline;
  /*<*Hover Text Color*>*/
}

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;
  margin: 0px;
  padding: 0px;
  height: 105px;
  width: 100%;
  background-image: url(/themes/default/images/Common/VP-banner.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-color: #125fa0;
  cursor: pointer;
}

.CommonTitleTable
{/*This table has in it the CommonTitlelBarTitleArea 
       the CommonTitleBarTitle , it ends at the common search bar*/
}

.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*/
}

.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: #333333;
  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: #fafaec;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: default;
}

.CommonSearch
{/*This is the text box around the search text box and search button*/

}

.CommonSearch INPUT
{
  padding-left: 3px;
  padding-right: 3px;
  background-color: #ffffff; /*<*Input Background Color*>*/
  border-top-color: #e7691d;
  border-right-color: #e7691d;
  border-bottom-color: #e7691d;
  border-left-color: #e7691d;  /*<*Input Border Right*>*/
  /*<*Input Border Bottom*>*/
  /*<*Input Border Left*>*/
}

.CommonSearch SELECT
{
  background-color: #ffffff; /*<*Input Background Color*>*/
  /*<*Input Background Image*>*/
  color: #694680; /*<*Input Text Color*>*/
  /*<*Input Border Top*>*/
  /*<*Input Border Right*>*/
  /*<*Input Border Bottom*>*/
  /*<*Input Border Left*>*/
}

Input.TitleBarSearchButton
{
  background-color: #ffffff; /*<*Button Background Color*>*/
  /*<*Button Background Image*>*/
  border-top:    1px solid #e7691d; /*<*Button Border Top*>*/
  border-right:  1px solid #e7691d; /*<*Button Border Right*>*/
  border-bottom: 1px solid #e7691d; /*<*Button Border Bottom*>*/
  border-left:   1px solid #e7691d; /*<*Button Border Left*>*/
}

.CommonSearchButton
{/*Does not appear in the DOM*/
  background-position: right top;
  background-repeat: no-repeat;
  display: inline-block;
  display: -moz-inline-box;
  display: inline-block;
  color: 00ffff;
  font-size: 12px;
  font-variant: small-caps;
  text-align: left;
  padding-left: 5px;
  padding-right: 9px;
  padding-top: 3px;
  padding-bottom: 4px;
  font-weight: bold;
  color: #ffffff;
  /*Can't find these elements, this is to see where they are*/
  border: 2px doted pink;
  color: #FF00FF;
  background-color: #00FFFF;
}

.CommonSearchButton:link, .CommonSearchButton:visited, .CommonSearchButton:active
{/* Does not appear in the DOM*/
  color: #00ffff;
  text-decoration: none;
  /*Can't find these elements, this is to see where they are*/
  border: 2px doted pink;
  color: #FF00FF;
  background: #00FFFF;
}

.CommonSearchButton:hover
{/*Does not appear in the DOM*/
  text-decoration: underline;
  /*Can't find these elements, this is to see where they are*/
  border: 2px doted pink;
  color: #FF00FF;
  background: #00FFFF;
}

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

.CommonUserArea
{/*This is the welcom area with the login button and help*/
  padding-top: 4px;
  color: #FFffff;
  font-family: Tahoma, Arial, Helvetica;
  font-size: 80%;
  font-weight: normal;
}

.CommonUserArea A:LINK, .CommonUserArea A:VISITED, .CommonUserArea A:ACTIVE, .CommonUserArea A:HOVER
{
  font-weight: bold;
  color: #ffffff;
}

#welcome
{/*Welcom section and log in section, takes up all of Common User area*/
  color: #FFCC00;
  font-size: 14px;
  margin-right: 5px;
  margin-top: -5px;
  padding-bottom: 10px;
  font-weight: bolder;
  cursor: default;
}

#welcome A, #welcome A:VISITED, #welcome A:ACTIVE, #welcome A:HOVER
{
  font-size: 10px;
}

/*
End User Area Section
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: 24px;
  margin: 0px;
  margin-top: 0px;
  height: 42px;
  overflow: hidden;
  /*Note: The background Image completely covers the background color*/
  background-color:#FAFAEC;  /*<*Tab Bar Background Color*>*/
  background-image: url(/themes/default/images/common/top_group_bg.gif); /*<*Tab Bar Background Image*>*/
  background-position: Top;
  background-repeat:repeat-x;
  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*>*/

}

.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.*/
  margin-top: 10px;
}

.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: 32px;  /*<*Tab Bar Background Color*>*/
  background-image: url(/themes/default/images/Common/top_item_selected_bg.jpg); /*<*Tab Bar Tabs Background Image*>*/
  background-repeat: repeat-x;
  font-weight: bold;
  background-position: center center;
  text-align: center;
  vertical-align: middle;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 2px solid #4E345F;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

.CommonTopLevelTab A:LINK, .CommonTopLevelTab A:VISITED, .CommonTopLevelTab A:ACTIVE
{
  color: #ffffff; /*<*Tab Bar Tab Text Color*>*/
  font-weight: bold;
  display:block;
  text-decoration: none;
}

.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;
  font-weight: bold;
  cursor:default;
  cursor:pointer;
  padding-left: 16px;
  padding-right: 16px;
  height: 32px;
  /*<*Tab Bar Tab Hover Background Color*>*/
  background-image: url(/themes/default/images/Common/top_item_selected_bg.jpg); /*<*Tab Bar Tab Border Left*>*/
  background-repeat:repeat-x;  
  text-align: center;
  vertical-align: middle;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 2px solid #FFCC33;
}

.CommonTopLevelTabHover A:LINK, .CommonTopLevelTabHover A:VISITED, .CommonTopLevelTabHover A:ACTIVE
{
  color: #BCA2CE; /*<*Tab Bar Tab Hover Text Color*>*/
  display:block;
  text-decoration: none;
}

.CommonTopLevelTabHover A:HOVER
{
  color: #ffffff; /*<*Tab Bar Tab Hover Text Color*>*/
  display: block;
  text-decoration: none;
}

.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: #AA8BBE;
  cursor:pointer;
  cursor:pointer;
  padding-left: 16px;
  padding-right: 16px;
  height: 32px;
  background-repeat:repeat-x;
  background-image: url(/themes/default/images/Common/top_item_selected_bg.jpg); /*<*Tab Bar Tab Border Left*>*/
  border: 2px solid #AA8BBE;
  text-align: center;
  vertical-align: middle;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

.CommonSelectedTopLevelTab A:LINK, .CommonSelectedTopLevelTab A:VISITED, .CommonSelectedTopLevelTab A:ACTIVE, .CommonSelectedTopLevelTab A:HOVER
{
  color: #BCA2CE; /*<*Tab Bar Tab Hover Text Color*>*/
  display:block;
  text-decoration: none;
}

/*
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; /*<*Primary Font Family*>*/
  font-weight: bold; 
  font-size: 80%;
  background-color: #fafaec; /*<*Bread Crumb Background Color*>*/
  background-image: url(/themes/default/images/Common/commonbreadcrumb_bg.jpg);  /*<*Bread Crumb Background Image*>*/
  background-repeat: no-repeat;
  background-position: left; 
  height: 35px;   
  vertical-align: middle; 
  margin: -5px -15px 10px -14px;
  padding: 5px 5px 5px 20px;
  padding-left: 25px; 
  padding-top: 28px; 
  margin-top: 0px;
  color: #fafaec; /*<*Bread Crumb Text Color*>*/
  border-top:    0px; /*<*Bread Crumb Border Top*>*/
  border-right:  0px; /*<*Bread Crumb Border Right*>*/
  border-bottom: 0px; /*<*Bread Crumb Border Bottom*>*/
  border-left:   0px; /*<*Bread Crumb Border Left*>*/
}

.CommonBreadCrumbArea A:LINK
{
  color: #fafaec; /*<*Bread Crumb Text Color*>*/
}

.CommonBreadCrumbArea A:VISITED
{
  color: #fafaec; /*<*Bread Crumb Text Color*>*/
}

/*
End Common Bread Crumb Section.
*/

.CommonTitle
{/*This Title of the Content area, such as Discussions, or Gallaries, etc...*/
  color: #e7691d; /*<*Section Text Color*>*/
  font-size: 180%;
  font-family: Tahoma, Arial, Helvetica;  /*<*Section Font Family*>*/
  font-weight: bold;
  padding: 5px 0px 5px 8px;
  margin: 0px;
  /*<*Section Background Color*>*/
  /*<*Section Background Image*>*/
  /*<*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: #e7691d; /*<*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: #694680; /*<*Content Text Color*>*/
}

Div.CommonContent Input
{
  color: #cd5a15; /*<*Button Text Color*>*/
  background-color: #ffffff; /*<*Button Background Color*>*/
  /*<*Button Background Image*>*/
  border-top:    1px solid #e7691d; /*<*Button Border Top*>*/
  border-right:  1px solid #e7691d; /*<*Button Border Right*>*/
  border-bottom: 1px solid #e7691d; /*<*Button Border Bottom*>*/
  border-left:   1px solid #e7691d; /*<*Button Border Left*>*/
}

Div.CommonContent Select
{
  color: #cd5a15; /*<*Button Text Color*>*/
  background-color: #ffffff; /*<*Button Background Color*>*/
  /*<*Button Background Image*>*/
  border-top:    1px solid #e7691d; /*<*Button Border Top*>*/
  border-right:  1px solid #e7691d; /*<*Button Border Right*>*/
  border-bottom: 1px solid #e7691d; /*<*Button Border Bottom*>*/
  border-left:   1px solid #e7691d; /*<*Button Border Left*>*/
}

Div.CommonContent Input:Hover
{
  color: #cd5a15; /*<*Button Text Color*>*/
  background-color: #ede3d5; /*<*Button Hover Background Color*>*/
  /*<*Button Hover Background Image*>*/
  border-top:    1px solid #e7691d; /*<*Button Border Top*>*/
  border-right:  1px solid #e7691d; /*<*Button Border Right*>*/
  border-bottom: 1px solid #e7691d; /*<*Button Border Bottom*>*/
  border-left:   1px solid #e7691d; /*<*Button 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: #694680; /*<*Content Text Color*>*/
}

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

.CommonDescription A:LINK, .CommonDescription A:ACTIVE, .CommonDescription A:VISITED, .CommonDescription A:HOVER
{
  color: #694680; /*<*Content Text Color*>*/
}

.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)*/
}

.CommonFormTitle
{/*This is a hidden Div used for Forums Options
       When the Forums Options button is clicked it is unhidden.*/
  color: #FaFaec; /*<*Title Text Color*>*/
  font-size: 140%;
  font-weight: bold;
  font-family: Tahoma, Arial, Helvetica; /*<*Title Font Family*>*/
  padding: 4px;
  padding-left: 0px;
  margin: 0px;
}

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

TD.CommonFormField Select
{
  margin-bottom: 2px;
  vertical-align: bottom;
  color: #694680; /*<*Input Text Color*>*/
  background-color: #ffffff; /*<*Input Background Color*>*/
  /*<*Input Background Image*>*/
  /*<*Input Border Top*>*/
  /*<*Input Border Right*>*/
  /*<*Input Border Bottom*>*/
  /*<*Input Border Left*>*/
}

TD.CommonFormField Input
{
  padding: 0px;
  padding-left: 3px;
  padding-right: 3px;
  margin: 0px;
  margin-bottom: 2px;
  vertical-align: bottom;
  color: #694680; /*<*Input Text Color*>*/
  background-color: #ffffff; /*<*Input Background Color*>*/
  /*<*Input Background Image*>*/
  /*<*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
{
  padding: 0px;
  padding-left: 3px;
  padding-right: 3px;
  margin: 0px;
  margin-bottom: 2px;
  vertical-align: bottom;
  color: #694680; /*<*Input Text Color*>*/
  background-color: #ffffff; /*<*Input Background Color*>*/
  /*<*Input Background Image*>*/
  /*<*Input Border Top*>*/
  /*<*Input Border Right*>*/
  /*<*Input Border Bottom*>*/
  /*<*Input Border Left*>*/
}

Div.CommonFormField Select
{
}

Div #Buttons Input
{
  color: #cd5a15; /*<*Button Text Color*>*/
  background-color: #ffffff; /*<*Button Background Color*>*/
  /*<*Button Background Image*>*/
  border-top:    1px solid #e7691d; /*<*Button Border Top*>*/
  border-right:  1px solid #e7691d; /*<*Button Border Right*>*/
  border-bottom: 1px solid #e7691d; /*<*Button Border Bottom*>*/
  border-left:   1px solid #e7691d; /*<*Button Border Left*>*/
}

.CommonFormField NOBR
{
  color: #000000;
}

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: #e7691d; /*<*Primary Text Color*>*/
  padding: 2px;
  padding-right: 8px;
  font-weight: bold;
}

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

.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: #e7691d; /*<*Primary Text Color*>*/
  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: #e7691d; /*<*Primary Text Color*>*/
  padding: 2px;
  font-size: 90%;
  font-weight: normal;
}

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: #e7691d; /*<*Primary Text Color*>*/
  padding: 2px;
  font-size: 90%;
  font-weight: normal;
}

.CommonFormActionButtons
{/*Used only in Uploading Attachments and importing OPML (whatever that is)*/
  font-family: Tahoma, Arial, Helvetica; /*<*Button Font Family*>*/
  color: #cd5a15; /*<*Button Text Color*>*/
  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%;
  padding: 4px;
  margin-left: 3px;
  margin-right: 3px;
  font-weight: bold;
}

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

.CommonPagingArea A:VISITED
{
  color: #cd5a15; /*<*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: 650px;
}

.CommonListTitle
{/*This is the title for the list*/
  padding: 6px;
  padding-left: 8px;
  border-top:    1px solid #694680; /*<*Title Border Top*>*/
  border-right:  1px solid #694680; /*<*Title Border Right*>*/
  border-bottom: 1px solid #694680; /*<*Title Border Bottom*>*/
  border-left:   1px solid #694680; /*<*Title Border Left*>*/
  background-color: #fafaec; /*<*Title Background Color*>*/
  background-image: url(/themes/default/images/Common/CommonInlineMsg_bg.jpg);/*<*Title Background Image*>*/
  background-repeat: repeat-x;
  color: #FaFaec; /*<*Title Text Color*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Title Font Family*>*/
  font-size: 90%;
  font-weight: bold;
  margin: 0px;
}

.CommonListTitle A:Link, .CommonListTitle A:VISITED, .CommonListTitle A:ACTIVE, .CommonListTitle A:HOVER
{
  color: #FaFaec; /*<*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:    1px solid #694680; /*<*Header Border Top*>*/
  border-right:  3px solid #694680; /*<*Header Border Right*>*/
  border-bottom: 3px solid #694680; /*<*Header Border Bottom*>*/
  border-left:   3px solid #694680; /*<*Header Border Left*>*/
  background-color: #b89cc9; /*<*Header Background Color*>*/
  /*<*Header Background Image*>*/
  color: #53326a; /*<*Header Text Color*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Header Font Family*>*/
  font-size: 80%;
  font-weight: bold;
}

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

.CommonListCellLeftMost
{/*Usually the left most column in a list, but not for forums, this is covered in forums.*/
  padding: 4px;
  font-size: 80%;
  border-top:    0px solid #eeeeee;
  border-right:  3px solid #694680; /*<*Primary Border Right*>*/
  border-bottom: 3px solid #694680; /*<*Primary Border Bottom*>*/
  border-left:   3px solid #694680; /*<*Primary Border Left*>*/
  background-color: #ffffff; /*<*Primary Background Color*>*/
  /*<*Primary Background Image*>*/
  color: #e7691d; /*<*Primary Text Color*>*/
  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%;
  text-align: left;
  border-top:    0px solid #FFFFFF;
  border-right:  3px solid #694680; /*<*Primary Border Right*>*/
  border-bottom: 3px solid #694680; /*<*Primary Border Bottom*>*/
  border-left:   0px solid #FFFFFF;
  background-color: #ffffff; /*<*Primary Background Color*>*/
  /*<*Primary Background Image*>*/
  color: #e7691d; /*<*Primary Text Color*>*/
  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%;
  font-weight: bolder;
  padding: 6px;
  padding-left: 8px;
  margin: 0px;
  font-family: Tahoma, Arial, Helvetica;  /*<*Title Font Family*>*/
  background-color: #fafaec; /*<*Title Background Color*>*/
  background-image: url(/themes/default/images/Common/CommonInlineMsg_bg.jpg);/*<*Title Background Image*>*/
  background-repeat: repeat-x;
  background-position: left top;
  color: #FaFaec; /*<*Title Text Color*>*/
  border-top:    1px solid #694680; /*<*Title Border Top*>*/
  border-right:  1px solid #694680; /*<*Title Border Right*>*/
  border-bottom: 1px solid #694680; /*<*Title Border Bottom*>*/
  border-left:   1px solid #694680; /*<*Title Border Left*>*/
  background-repeat: repeat-x;
}

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

.CommonInlineMessageContent
{/*The message section for the CommonInlineMessageContent*/
  font-size: 80%;
  padding: 8px;
  text-align: left;
  font-family: Tahoma, Arial, Helvetica;  /*<*Header Font Family*>*/
  background-color: #ffffff; /*<*Primary Background Color*>*/
  /*<*Primary Background Image*>*/
  border-left:   3px solid #694680; /*<*Header Border Left*>*/
  border-top-width: 1px;
  border-right-width: 3px;
  border-bottom-width: 3px;
  border-left-width: 3px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #593A6B;
  border-right-color: #593A6B;
  border-bottom-color: #593A6B;
  border-left-color: #593A6B;
}

.CommonInlineMessageContent A:LINK, .CommonInlineMessageContent A:VISITED, .CommonInlineMessageContent A:ACTIVE,.CommonInlineMessageContent A:HOVER
{
  color: #e7691d; /*<*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
{
  color: #000000;
}

.CommonSidebarArea A:ACTIVE
{
  color: #000000;
}

.CommonSidebarArea A:VISITED
{
  color: #000000;
}

.CommonSidebarArea A:HOVER
{
  color: #FFFF99;
}

.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;
  font-size: 100%;
  color: #fafaec;
  padding: 2px;
  padding-left: 8px;
  margin: 0px;
  background-image: url(/themes/default/images/common/sidebar-header.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

.CommonSidebarHeader A:Link, .CommonSidebarHeader A:Active, .CommonSidebarHeader A:Visited
{
  color: #fafaec;
}

.CommonSidebarHeader A:Hover
{
  color: #ffff99;
}

.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%;
  color: #000000;
  padding: 6px;
  padding-bottom: 5px;
  border-style: solid;
  border-width: 3px;
  border-color: #cf7824;
  background-color: #F1EDD1;
  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: none;
  margin-left: 16px;
  color: #000000;
  list-style-image: url(/themes/default/images/Common/bullet.gif);
  vertical-align: middle;
  list-style-position: outside;
}

.CommonSidebarContentItem A:LINK
{
  color: #000000;
}

.CommonSidebarContentItem A:ACTIVE
{
  color: #000000;
}

.CommonSidebarContentItem A:VISITED
{
  color: #000000;
}

.CommonSidebarContentItem A:HOVER
{
  color: #CC6600;
}

UL.CommonSidebarList
{/*My profile sidebar options*/
  margin: 0px;
  padding: 0px;
}
UL.CommonSidebarList A:LINK
{
  color: #666633;
}

UL.CommonSidebarList A:ACTIVE
{
  color: #666633;
}

UL.CommonSidebarList A:VISITED
{
  color: #666666;
}

UL.CommonSidebarList A:HOVER
{
  color: #CC6600;
}

UL.CommonSidebarList LI
{
  margin-bottom: 5px;
  list-style-type: none;
  margin-left: 16px;
  color: #5F3E12;
  list-style-position: outside;
  list-style-image: url(/themes/default/images/Common/bullet.gif);
}
UL.CommonSidebarList LI A:LINK
{
  color: #666633;
}

UL.CommonSidebarList LI A:ACTIVE
{
  color: #666633;
}

UL.CommonSidebarList LI A:VISITED
{
  color: #666666;
}

UL.CommonSidebarList LI A:HOVER
{
  color: #CC6600;
}
/*
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: #ffffff; /*<*Button Background Color*>*/
  /*<*Button Background Image*>*/
  border-top:    1px solid #e7691d; /*<*Button Border Top*>*/
  border-right:  1px solid #e7691d; /*<*Button Border Right*>*/
  border-bottom: 1px solid #e7691d; /*<*Button Border Bottom*>*/
  border-left:   1px solid #e7691d; /*<*Button Border Left*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Button Font Family*>*/
  font-size: 80%;
  font-weight: bold;
  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: #ffffff; /*<*Button Background Color*>*/
  /*<*Button Background Image*>*/
  border-top:    1px solid #e7691d; /*<*Button Border Top*>*/
  border-right:  1px solid #e7691d; /*<*Button Border Right*>*/
  border-bottom: 1px solid #e7691d; /*<*Button Border Bottom*>*/
  border-left:   1px solid #e7691d; /*<*Button Border Left*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Button Font Family*>*/
  font-size: 80%;
  font-weight: bold;
  white-space: nowrap;
}
A.CommonTextButton:LINK, A.CommonTextButton:VISITED, A.CommonTextButton:ACTIVE
{
  text-decoration: none;
  color: #cd5a15; /*<*Button Text Color*>*/
  background-color: #ffffff; /*<*Button Background Color*>*/
  /*<*Button Background Image*>*/
}

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

.CommonTextButtonHighlight:LINK, .CommonTextButtonHighlight:VISITED, .CommonTextButtonHighlight:ACTIVE, .CommonTextButtonHighlight:HOVER
{
  text-decoration: none;
  background-color: #ede3d5; /*<*Button Hover Background Color*>*/
  /*<*Button Hover Background Image*>*/
  color: #cd5a15; /*<*Button 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: block;
  display: -moz-inline-box;
  display: inline-block;
  padding: 4px;
  margin: 1px;
  font-size: 80%;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: 1px 1px;
  padding-left: 22px;
  line-height: normal;
  white-space: nowrap;
  background-color: #ffffff; /*<*Button Background Color*>*/
  /*<*Button Background Image*>*/
  border-top:    1px solid #e7691d; /*<*Button Border Top*>*/
  border-right:  1px solid #e7691d; /*<*Button Border Right*>*/
  border-bottom: 1px solid #e7691d; /*<*Button Border Bottom*>*/
  border-left:   1px solid #e7691d; /*<*Button Border Left*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Button Font Family*>*/
}

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

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

.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%;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: 1px 1px;
  padding-left: 22px;
  line-height: normal;
  white-space: nowrap;

  background-color: #ede3d5; /*<*Button Hover Background Color*>*/
  /*<*Button Hover Background Image*>*/
  border-top:    1px solid #e7691d; /*<*Button Border Top*>*/
  border-right:  1px solid #e7691d; /*<*Button Border Right*>*/
  border-bottom: 1px solid #e7691d; /*<*Button Border Bottom*>*/
  border-left:   1px solid #e7691d; /*<*Button Border Left*>*/
  color: #cd5a15; /*<*Button Text Color*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Button Font Family*>*/

}

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

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

.CommonButtonInnerContentRight
{
  background-image: url(/themes/default/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: #ffffFF; /*<*Secondary Background Color*>*/
  /*<*Secondary Background Image*>*/
  border-top:    1px solid #999999; /*<*Secondary Border Top*>*/
  border-right:  1px solid #999999; /*<*Secondary Border Right*>*/
  border-bottom: 1px solid #999999; /*<*Secondary Border Bottom*>*/
  border-left:   1px solid #999999; /*<*Secondary Border Left*>*/
}

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

.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: #53326a; /*<*Secondary Text Color*>*/
  cursor: pointer;
  font-size: 90%;
}
 /* 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(/themes/default/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(/themes/default/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: #694680; /*<*Tab Text Color*>*/
  /*<*Tab Background Color*>*/
  background-image: url(/utility/caimages/tabs/tab_bg.gif); /*<*Tab Background Image*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Tab Font Family*>*/
  font-size:11px; 
  cursor:default;
}

.CADefaultTabHover 
{/*this class will replace .CADefaultTab when you hover over one*/
  color: #694680; /*<*Tab Text Color*>*/
  /*<*Tab Hover Background Color*>*/
  background-image: url(/utility/caimages/tabs/hover_tab_bg.gif); /*<*Tab Hover Background Image*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Tab Font Family*>*/
  font-size:11px; 
  cursor:pointer;
}

.CASelectedTab
{/*The tab of a selected item*/
  color: #694680; /*<*Tab Text Color*>*/
  /*<*Tab Hover Background Color*>*/
  background-image: url(/utility/caimages/tabs/selected_tab_bg.gif); /*<*Tab Selected Background Color*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Tab Font Family*>*/
  font-size:11px; 
  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: #e7691d; /*<*Primary Text Color*>*/
  background-color: #ffffff; /*<*Primary Background Color*>*/
  /*<*Primary Background Image*>*/
  border-top:    3px solid #694680; /*<*Primary Border Top*>*/
  border-right:  3px solid #694680; /*<*Primary Border Right*>*/
  border-bottom: 3px solid #694680; /*<*Primary Border Bottom*>*/
  border-left:   3px solid #694680; /*<*Primary Border Left*>*/

}

.CAMultiPageModal
{
  height:350px;
  position:relative;
  padding:20px;
  top:-3px;
  left:1px;
  z-index:98;
  color: #e7691d; /*<*Primary Text Color*>*/
  background-color: #ffffff; /*<*Primary Background Color*>*/
  /*<*Primary Background Image*>*/
  font-family: Tahoma, Arial, Helvetica;  /*<*Primary Font Family*>*/
  border-top:    3px solid #694680; /*<*Primary Border Top*>*/
  border-right:  3px solid #694680; /*<*Primary Border Right*>*/
  border-bottom: 3px solid #694680; /*<*Primary Border Bottom*>*/
  border-left:   3px solid #694680; /*<*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: #e7691d; /*<*Primary Text Color*>*/
  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;
  border-bottom: 3px solid #694680; /*<*Primary Border Bottom*>*/
}

.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: #e7691d; /*<*Primary Text Color*>*/
  font-size: 140%;
  font-weight: bold;
  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: #ffffFF; /*<*Secondary Background Color*>*/
  /*<*Secondary Background Image*>*/
  border-top:    0px dotted #eeeeee; /*<*Secondary Border Top*>*/
  border-right:  0px dotted #eeeeee; /*<*Secondary Border Right*>*/
  border-bottom: 1px dotted #eeeeee; /*<*Secondary Border Bottom*>*/
  border-left:   0px dotted #eeeeee; /*<*Secondary Border Left*>*/
}

.CommonSearchResultName
{/*example: View Profile -> Recent Posts -> List of posts -> single post -> Post Name (RE: test post)*/
  color: #53326a; /*<*Secondary Text Color*>*/
  font-size: 150%;
  font-weight: normal;
  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: #53326a; /*<*Secondary Text Color*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Secondary Font Family*>*/
  font-size: 100%;
  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: #53326a; /*<*Secondary Text Color*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Secondary Font Family*>*/
  font-size: 80%;
}

.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%;
  font-weight: bold;
  padding: 2px;
  padding-left: 8px;
  margin: 0px;
  color: #FaFaec; /*<*Title Text Color*>*/
  background-color: #fafaec; /*<*Title Background Color*>*/
  background-image: url(/themes/default/images/Common/CommonInlineMsg_bg.jpg);  /*<*Title Background Image*>*/
  background-repeat: repeat-x;
  font-family: Tahoma, Arial, Helvetica; /*<*Title Font Family*>*/
  border-top:    1px solid #694680; /*<*Title Border Top*>*/
  border-right:  1px solid #694680; /*<*Title Border Right*>*/
  border-bottom: 1px solid #694680; /*<*Title Border Bottom*>*/
  border-left:   1px solid #694680; /*<*Title Border Left*>*/
}

.CommonMessageContent
{/*Used only in 3 places: Login page, Logout page, Message Page*/
  font-size: 100%;
  padding: 8px;
  padding-bottom: 16px;
  text-align: left;
  color: #e7691d; /*<*Primary Text Color*>*/
  background-color: #ffffff; /*<*Primary Background Color*>*/
  /*<*Primary Background Image*>*/
  font-family: Tahoma, Arial, Helvetica; /*<*Primary Font Family*>*/
  border-top:    0px solid #cccccc;
  border-right:  3px solid #694680; /*<*Primary Border Right*>*/
  border-bottom: 3px solid #694680; /*<*Primary Border Bottom*>*/
  border-left:   3px solid #694680; /*<*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:    3px solid #694680; /*<*Primary Border Top*>*/
  border-right:  3px solid #694680; /*<*Primary Border Right*>*/
  border-bottom: 3px solid #694680; /*<*Primary Border Bottom*>*/
  border-left:   3px solid #694680; /*<*Primary Border Left*>*/
  background-color: #ffffff; /*<*Primary Background Color*>*/
  /*<*Primary Background Image*>*/
}

/*
Content
*/

.CommonHeader
{/*Used only in the FAQ.ascx*/
  color: #684680;
  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: #ffffff; /*<*Primary Background Color*>*/
  /*<*Primary Background Image*>*/
  border-top:    3px solid #694680; /*<*Primary Border Top*>*/
  border-right:  3px solid #694680; /*<*Primary Border Right*>*/
  border-bottom: 3px solid #694680; /*<*Primary Border Bottom*>*/
  border-left:   3px solid #694680; /*<*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*>*/
  color: #694680; /*<*Input Text Color*>*/
  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; 
  background-color: #ffffff; /*<*Input Background Color*>*/
  /*<*Input Background Image*>*/
  /*<*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%; 
  cursor:pointer;
  margin: 1px;
  color: #694680; /*<*Input Text Color*>*/
  background-color: #ffffff; /*<*Input Background Color*>*/
  /*<*Input Background Image*>*/
}

.CommonContextMenuItemHover
{
  background-color: #b89cc9; /*<*Background Color*>*/
  color: #694680; /*<*Input Text Color*>*/
  font-family: Tahoma, Arial, Helvetica; 
  font-size:90%; 
  margin: 1px;
  cursor:pointer;
}

.CommonContextMenuItemExpanded
{/*Not sure there are any expandible items*/
  background-color:silver; 
  color:black; 
  font-family: Tahoma, Arial, Helvetica; 
  font-size:90%; 
  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("/themes/default/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: #fafaec; /*<*Title Background Color*>*/
  background-image: url(/themes/default/images/Common/CommonInlineMsg_bg.jpg);  /*<*Title Background Image*>*/
  background-position: left top;
  background-repeat: repeat-x;
  font-family: Tahoma, Arial, Helvetica; /*<*Title Font Family*>*/
  border-top:    0px solid #cccccc;
  border-right:  0px solid #cccccc;
  border-bottom: 1px solid #694680; /*<*Title Border Bottom*>*/
  border-left:   0px solid #cccccc;
}

#popupTitle 
{
  float:left;
  font-size: 1.1em;
  color: #FaFaec; /*<*Title Text Color*>*/
}

#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(/themes/default/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(/themes/default/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(/themes/default/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(/themes/default/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(/themes/default/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(/themes/default/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 /*Div*/
{
  vertical-align: top;
  background-color: #125fa0;
  margin-left: 25px;
  height: 100%;
}

.passportRightSectionTable
{
  text-align: center;
  border: 3px solid #2a67a5;
  background-color:#93ce73;
}

.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
{
}