/*Generics*/
body, html
{
margin: 0px;
padding: 0px;
font-family: Arial, Verdana, Helvetica;
background-color: #FFFFFF;
}
#CommonOuter
{
margin-left: auto;
margin-right: auto;
}
#leftColumn{width:13.6em;float:left}
#center{float:right;width:57em;overflow:hidden}
#Common{margin: 0px auto;text-align: left;padding: 10px 15px 0 15px;}
.Parent{width:71em;}	
#CommonBody{}
#CommonHeader{padding-bottom:3px;}
#CommonFooter
{
margin-top: 10px;
padding: 15px;
padding-left: 10px;
text-align:center;
border-style: solid;
border-width: 0px;
border-top-width: 1px;
border-color: #c2d5e5;
}

#CommonLeftColumn{background-color: #eff7e0;padding-bottom: 22px;}
#CommonRightColumn{background-color: #eff7e0;padding-bottom: 22px;}

img{border-width: 0px;}

/**
Form Elements 
**/ 
select{font-size: 100%;font-family: Arial, Verdana, Helvetica;} 
textarea{ font-size: 100%;font-family: Arial, Verdana, Helvetica;} 
input{font-size: 100%;font-family: Arial, Verdana, Helvetica;}
input.file{ padding-top: 2px; padding-bottom:3px; }
button{font-size: 100%;font-family: Arial, Verdana, Helvetica;}

/*
Common Styles
*/

.CommonFeedArea
{
font-size: 90%;
padding: 4px;
padding-left: 0px;
padding-right: 0px;
font-weight: bold;
}

.CommonPagingArea
{
font-size: 100%;
padding: 4px;
margin-left: 3px;
margin-right: 3px;
font-weight: bold;
text-align:right;
white-space:nowrap;
}
.CommonSortArea
{
font-size: 90%;
padding: 4px;
margin-left: 3px;
margin-right: 3px;
font-weight: bold;
margin-right: 40px;
}

.CommonFilterArea
{
font-size: 90%;
padding: 4px;
margin-left: 3px;
margin-right: 3px;
font-weight: bold;
margin-right: 40px;
}

.CommonSearchResults
{
font-size: 80%;
color: #000000;
font-weight: bold;
padding: 8px;
}

.CommonSearchResultsArea
{
border-style: solid;
border-width: 0px;
border-top-width: 2px;
border-color: #cccccc;
margin-top: 16px;
padding-top: 4px;
}

/* 
Title Bar Styles
*/

.CommonTitleBar{position: relative;}

.CommonTitleBarSearchArea
{
text-align: right;
color: #666666;
padding: 10px;
padding-right: 20px;
margin-top: 5px;
}

.CommonTitleBarTitle
{
height: 50px;
padding: 0px 0px 0px 4px;
padding-top: 0px;
font-size: 250%;
color: #555555;
margin: 0px;
margin-bottom: -5px;
font-weight: bolder;
}

.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
{
position: relative;
top: -4px;
padding: 0px 0px 0px 6px;
color: #999999;
margin: 0px;
margin-bottom: -14px;
}

/*
Form Styles
*/
.CommonFormTitle
{
color: #999999;
font-size: 140%;
font-weight: bold;
padding: 4px;
padding-left: 0px;
margin: 0px;
}

.CommonFormDescription
{
padding: 2px;
padding-left: 0px;
padding-bottom: 8px;
padding-top: 8px;
}

TD.CommonFormFieldName
{
color: #666666;
padding: 2px;
padding-right: 8px;
font-weight: bold;
}

DIV.CommonFormFieldName
{
color: #666666;
padding: 2px;
padding-top: 8px;
font-weight: bold;
}

TD.CommonFormFieldDescription
{
color: #000000;
padding: 2px;
font-size: 90%;
font-weight: normal;
}

DIV.CommonFormFieldDescription
{
color: #000000;
padding: 2px;
font-size: 90%;
font-weight: normal;
}

TD.CommonFormField{color: #000000;padding: 2px;}
DIV.CommonFormField{color: #000000;padding: 2px;}

.CommonFormActionButtons
{
color: #000000;
padding: 2px;
text-align: right;
}

/*
Message Styles
*/

.CommonMessageArea
{
width: 50%;
margin-top: 64px;
margin-bottom: 64px;
background-color: #ffffff;
text-align:center;
border:solid;
}

.CommonMessageTitle
{
text-align: left;
font-size: 140%;
font-weight: bold;
background-color: #f4f7fa;
color: #3d617d;
padding: 2px;
padding-left: 8px;
margin: 0px;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
}

.CommonMessageContent
{
font-size: 100%;
color: #000000;
padding: 8px;
padding-bottom: 16px;
text-align: left;
border-style: solid;
border-width: 1px;
border-top-width: 0px;
border-color: #cccccc;
}

.CommonMessageSuccess
{
padding: 8px;

font-size: 100%;
color: #334433;
font-weight: bold;
border: solid;
border-width: 1px;
border-color: #999999;
background-color: #b0f8a6;
margin-top: 8px;
margin-bottom: 8px;
}

.CommonMessageError
{
margin-top: 8px;
margin-bottom: 8px;
padding: 4px;
font-size: 100%;
color: #443333;
font-weight: bold;
border: solid;
border-width: 1px;
border-color: #999999;
background-color: #EBD9D9;
}

/*
Content
*/

.CommonTextBig
{
margin: 1px;
padding: 5px;
font-weight: bold;
font-size: 120%;
}

.CommonInputSearch
{
font-size: 150%;
}

.CommonInputBig
{
width: 90%;
font-size: 130%;
}


.CommonContentArea
{
background-color: #ffffff;
margin: 0px;
padding: 0px 0px 0px 0px;
border: solid;
border-width: 1px;
border-color: #ffffff;
text-align: left;
}

.CommonFreeTextContent
{
line-height: 20px;
padding-left: 15px;
}
.CommonHeader
{
color: #666666;
font-size: 130%;
font-weight: bold;
padding: 0px;
margin: 0px;
margin-top: 8px;
}

.CommonContent
{
padding: 0px 3px 3px 3px;
}

.CommonGroupedContentArea
{
padding-bottom: 8px;
margin-bottom: 16px;
border-style: solid;
border-width: 0px;
border-bottom-width: 1px;
border-color: #eeeeee;
}

.CommonFloatArea
{
float: left;
width: 126px;
margin: 8px;
margin-left: 0px;
padding: 8px;
padding-top: 0px;
}

UL.CommonFloatList
{
margin: 0px;
padding: 0px;
list-style-type: none;
white-space:nowrap;
}

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

.CommonNonFloatArea
{
margin-left: 150px;
}

.CommonDescription
{
font-size: 90%;
color: #333333;
padding: 0px 0px 8px 0px;
margin-top: -5px;
margin-bottom: 15px;
}

/*
Text Button
*/

.CommonTextButton
{
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: #eeeeee;
color: #333333;
font-size: 80%;
font-weight: bold;
white-space: nowrap;
}

.CommonTextButton:LINK
{
text-decoration: none;
color: #333333;
background-color: #eeeeee;
}

.CommonTextButton:VISITED
{
text-decoration: none;
color: #333333;
background-color: #eeeeee;
}

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

.CommonTextButton:HOVER
{
text-decoration: underline;
color: #333333;
background-color: #dddddd;
}

.CommonTextButtonBig
{
display: inline-table;
display: -moz-inline-box;
display: inline-block;
margin: 1px;
padding: 10px;
border-style: solid;
border-width: 1px;
border-color: #999999;
border-top-color: #cccccc;
border-left-color: #cccccc;
background-color: #eeeeee;
color: #333333;
font-size: 120%;
white-space: nowrap;
}

.CommonTextButtonBig:LINK
{
text-decoration: none;
color: #333333;
background-color: #eeeeee;
}

.CommonTextButtonBig:VISITED
{
text-decoration: none;
color: #333333;
background-color: #eeeeee;
}

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

.CommonTextButtonBig:HOVER
{
text-decoration: underline;
color: #333333;
background-color: #dddddd;
}

.CommonTextButtonHighlight
{
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: #c2d5e5;
color: #333333;

font-size: 80%;
font-weight: bold;
white-space: nowrap;
}

.CommonTextButtonHighlight:LINK, .CommonTextButtonHighlight:VISITED, .CommonTextButtonHighlight:ACTIVE, .CommonTextButtonHighlight:HOVER
{
text-decoration: none;
background-color: #c2d5e5;
color: #333333;
}

.CommonImageTextButton
{
display: inline-table;
display: -moz-inline-box;
display: inline-block;
padding: 4px;
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-size: 80%;
font-weight: bold;
background-repeat: no-repeat;
background-position: 1px 1px;
padding-left: 22px;
line-height: normal;
white-space: nowrap;
}

.CommonImageTextButton:LINK
{
text-decoration: none;
color: #333333;
margin: 1px;
}

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

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

.CommonImageTextButton:HOVER
{
text-decoration: underline;
color: #333333;
background-color: #dddddd;
}
.CommonImageTextButtonHighlight
{
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: #c2d5e5;
color: #333333;

font-size: 80%;
font-weight: bold;
background-repeat: no-repeat;
background-position: 1px 1px;
padding-left: 22px;
line-height: normal;
white-space: nowrap;
}

.CommonImageTextButtonHighlight:LINK, .CommonImageTextButtonHighlight:VISITED, .CommonImageTextButtonHighlight:ACTIVE, .CommonImageTextButtonHighlight:HOVER
{
text-decoration: none;
background-color: #c2d5e5;
color: #333333;
}

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

/*
Advertisements
*/

.CommonStandardTopAdArea
{
text-align: center;
padding: 4px;
margin: 0px;
margin-bottom: 4px;
border: solid;
border-width: 0px;
border-top-width: 1px;
border-color: #999999;
}

.CommonStandardTopAdArea IFRAME
{
margin-left: auto;
margin-right: auto;
}

.CommonStandardBottomAdArea
{
text-align: center;
padding: 4px;
border: solid;
border-width: 0px;
border-top-width: 1px;
border-color: #999999;
margin: 0px;
margin-top: 4px;
}

.CommonStandardBottomAdArea IFRAME
{
border: solid;
border-width: 1px;
border-color: #999999;
margin-left: auto;
margin-right: auto;
}

/*
List 
*/

.CommonListArea
{
padding-bottom: 8px;
padding-top: 8px;
}

.CommonListTitle
{
padding: 6px;
padding-left: 8px;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
background-color: #f4f7fa;
color: #3d617d;

font-size: 90%;
font-weight: bold;
margin: 0px;
}

.CommonListTitle A, .CommonListTitle A:VISITED, .CommonListTitle A:ACTIVE, .CommonListTitle A:HOVER
{
color: #3d617d;
}

.CommonListHeaderLeftMost
{
text-align: left;
padding: 4px;
border-style: solid;
border-width: 1px;
border-color: #eeeeee;
background-color: #eeeeee;
color: #666666;

font-size: 80%;
font-weight: bold;
}

.CommonListHeader
{
text-align: left;
padding: 4px;
border-style: solid;
border-width: 1px;
border-left-width: 0px;
border-color: #eeeeee;
background-color: #eeeeee;
color: #666666;

font-size: 80%;
font-weight: bold;
}

.CommonListCellLeftMost
{
padding: 4px;
border-style: solid;
border-width: 1px;
border-top-width: 0px;
border-color: #eeeeee;
color: #333333;

font-size: 80%;
}

.CommonListCell
{
padding: 4px;
border-style: solid;
border-width: 1px;
border-top-width: 0px;
border-left-width: 0px;
border-color: #eeeeee;
color: #333333;
font-size: 80%;
text-align: left;
}

/*
Search Results
*/

.CommonSearchResultArea
{
border-style: solid;
border-width: 0px;
border-bottom-width: 1px;
border-color: #eeeeee;
margin: 8px;
margin-bottom: 8px;
margin-left: 0px;
}

.CommonSearchResultArea h4
{
font-size:110%;
margin-bottom: 5px;
font-weight:normal;
}

.CommonSearchResult
{
color: #000000;

font-size: 100%;
line-height: 20px;
}

.CommonSearchResultName
{
color: #738AC4;
font-size: 150%;
font-weight: normal;
padding: 4px;
padding-left: 0px;
margin: 0px;
}

.CommonSearchResultDetails
{
margin-top: 10px;
margin-bottom: 10px;
color: #999999;

font-size: 80%;
}

.CommonSearchStatistics
{
font-size: 80%;
margin-top: 8px;
margin-bottom: 16px;
}

UL.CommonSearchResultList
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

/*
Validation Styles
*/

.CommonValidationWarning
{

font-size: 100%;
color: #ff0000;
font-weight: bold;
padding: 2px;
}

/*
Context Menu Styles
*/

.CommonContextMenuGroup
{
background-color:#ffffff;
border:solid 1px gray; 
}

.CommonContextMenuItem
{
background-color:white; 
 
font-size:90%; 
border:solid 1px white; 
cursor:pointer;
padding: 3px;
}

.CommonContextMenuItemHover
{
background-color:#f4f7fa; 
color:black; 
 
font-size:90%; 
border:solid 1px #dddddd; 
cursor:pointer;
padding: 3px;
}

.CommonContextMenuItemExpanded
{
background-color:silver; 
color:black; 
 font-size:90%; 
border:solid 1px white; 
cursor:pointer;
padding: 3px;
}

.CommonContextMenuSeperatorItem
{
background-color:#cccccc; 
height: 1px;
border-style: solid;
border-color: white;
border-width: 4px;
cursor:pointer;
}

/* Modal Styles */

.CommonModalMask
{
opacity: .4;
filter: alpha(opacity=40);
background-color: #333333;
}

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

.CommonModalTitle
{
height: 18px;
font-size: 16px;
padding: 5px;
padding-bottom: 7px;
border-style: solid;
border-width: 0px;
border-bottom-width: 1px;
border-color: #cccccc;
background-color: #f4f7fa;
color: #3d617d;
font-weight: bold;
cursor: move;
overflow: hidden;
}

.CommonModalClose
{
width: 33px;
height: 12px;
background-image: url(../images/common/close.gif);
background-repeat: no-repeat;
overflow: hidden;
cursor: pointer;
float: right;
}

.CommonModalContent
{
background-color: #ffffff;
}

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

.CommonModalResize
{
width: 14px;
height: 14px;
background-image: url(../images/common/resize.gif);
background-repeat: no-repeat;
overflow: hidden;
float: right;
cursor: se-resize;
}

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

/* BEGIN ComponentArt Date Picker & Popup Calendar */
.calendar_button { border:none; cursor:pointer; }

.picker
{
background-color: #FFFFFF;
border: 1px gray solid;
font-size: 12px;
font-weight: bold;
font-family: Tahoma, Arial, Helvetica;
padding: 2px;
cursor: pointer;
}


/* Tag Styles */

.CommonTagCloud
{
background-color: #f7f7f7;
padding: 8px;
padding-top: 16px;
padding-bottom: 16px;
margin: 0px;
margin-bottom: 16px;
margin-top: 16px;
color: #999999;
line-height: 250%;
list-style-type: none;
}

.CommonSidebarTagCloud
{
line-height: 225%;
margin: 0px;
padding: 0px;
list-style-type: none;
}

.CommonTag1, .CommonTag2, .CommonTag3, .CommonTag3, .CommonTag4, .CommonTag5, .CommonTag6
{
margin: 0px;
padding: 0px;
display: inline;
}

.CommonTag1 a:link, .CommonTag1 a:visited, .CommonTag1 a:active
{
margin-right: 6px;
text-decoration: none;
color: #334433;
font-size: 225%;
font-weight: 900;
}

.CommonTag2 a:link, .CommonTag2 a:visited, .CommonTag2 a:active
{
margin-right: 6px;
text-decoration: none;
color: #445544;
font-size: 175%;
font-weight: 800;
}

.CommonTag3 a:link, .CommonTag3 a:visited, .CommonTag3 a:active
{
margin-right: 6px;
text-decoration: none;
color: #556655;
font-size: 150%;
font-weight: 600;
}

.CommonTag4 a:link, .CommonTag4 a:visited, .CommonTag4 a:active
{
margin-right: 6px;
text-decoration: none;
color: #667766;
font-size: 120%;
font-weight: 500;
}

.CommonTag5 a:link, .CommonTag5 a:visited, .CommonTag5 a:active
{
margin-right: 6px;
text-decoration: none;
color: #778877;
font-size: 100%;
font-weight: 300;
}

.CommonTag6 a:link, .CommonTag6 a:visited, .CommonTag6 a:active
{
margin-right: 6px;
text-decoration: none;
color: #889988;
font-size: 80%;
font-weight: 200;
}

.CommonTag1 a:hover, .CommonTag2 a:hover, .CommonTag3 a:hover, .CommonTag4 a:hover, .CommonTag5 a:hover, .CommonTag6 a:hover
{
background-color: #dddddd;
text-decoration: none;
}

/* End Tag Styles */

.CommonSearchArea
{
margin-bottom: 8px;
margin-top: 16px;
padding: 6px;
background-color: #f3f3f3;
border-style: solid;
border-width: 1px;
border-color: #cccccc;
}

.CommonSearchArea table
{
margin-left: auto;
margin-right: auto;
}

/*
TabPane Styles
*/

.CommonPane
{
padding: 0px;

font-size: 10pt;
border-style: solid;
border-width: 1px;
border-color: #999999;
border-top-width: 0px;
background-color: #ffffff;
padding: 8px;
}

.CommonPaneTabSet
{

font-size: 11px;
padding: 0px;
padding-bottom: 0px;
background-image: url(../images/common/tabset.gif);
background-position: bottom left;
background-repeat: repeat-x;
white-space: nowrap;
}

.CommonPaneTab
{
padding-right: 4px;
background-image: url(../images/common/tab-right.gif);
background-repeat: no-repeat;
background-position: top right;
height: 21px;
margin-top: 1px;
}

.CommonPaneTab1
{
padding-left: 3px;
background-image: url(../images/common/tab-left.gif);
background-repeat: no-repeat;
background-position: top left;
}

.CommonPaneTab2
{
padding: 4px;
height: 13px;
cursor: pointer;
white-space: nowrap;
background-image: url(../images/common/tab.gif);
background-repeat: repeat-x;
background-position: top left;
text-align: center;
overflow: hidden;
}

.CommonPaneTabSelected
{
padding-right: 4px;
background-image: url(../images/common/tab-selected-right.gif);
background-repeat: no-repeat;
background-position: top right;
height: 21px;
margin-top: 1px;
}

.CommonPaneTabSelected1
{
padding-left: 3px;
background-image: url(../images/common/tab-selected-left.gif);
background-repeat: no-repeat;
background-position: top left;
}

.CommonPaneTabSelected2
{
padding: 4px;
padding-top: 3px;
padding-bottom: 5px;
height: 13px;
cursor: pointer;
white-space: nowrap;
background-image: url(../images/common/tab-selected.gif);
background-repeat: repeat-x;
background-position: top left;
text-align: center;
font-weight: bold;
overflow: hidden;
}

.CommonPaneTabHover
{
padding-right: 4px;
background-image: url(../images/common/tab-hover-right.gif);
background-repeat: no-repeat;
background-position: top right;
height: 21px;
margin-top: 1px;
}

.CommonPaneTabHover1
{
padding-left: 3px;
background-image: url(../images/common/tab-hover-left.gif);
background-repeat: no-repeat;
background-position: top left;
}

.CommonPaneTabHover2
{
padding: 4px;
cursor: pointer;
white-space: nowrap;
height: 13px;
background-image: url(../images/common/tab-hover.gif);
background-repeat: repeat-x;
background-position: top left;
text-align: center;
overflow: hidden;
}

/* Inline tag editor */
.CommonInlineTagEditor
{
padding: 4px;
border: solid 1px #999999;
background-color: #f3f3f3;
}

/* Rep */
.article
{
text-align:justify;
padding:3px 7px 15px 7px;
}


/* Shop */
/* Splitter Styles */
.SplitterBar
{ 
border: 1px solid #bbbbbb;
border-top: none;
border-bottom: none;
background-color: #F9F9F9;
}

.ActiveSplitterBar
{
  background-color: #000000;  
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
  opacity: 0.6;
}

.SplitterPane
{
}

.SplitterListHeading
{
padding: 2px;
color: #000000;
text-align: center;
background-color: #bbbbbb;
background-image: none;
border-style: none;
border-width: 0px;
font-size:100%;
font-weight: normal;
margin: 0px;
}

.TreeView
{
padding: 0px;
}
.Node
{
font-size: 85%;
padding: 2px 5px 2px 5px;
cursor: pointer;
}
.SelectedNode
{
font-size: 85%; 
background-color: #ffffcf; 
border: solid 1px #ffd283;
padding: 2px 5px 2px 5px;
cursor: pointer;
}
.HoverNode
{
font-size: 85%; 
background-color: #ffebba;
padding: 2px 5px 2px 5px;
cursor: pointer;
}
.HoverPopupNode
{
font-size: 100%; 
background-color: #ffebba;
padding: 2px 5px 2px 5px;
cursor: pointer;
}