/*
Generics
*/
body, html
{
margin: 0px;
padding: 0px;
color: #404040;
font-family: Arial, Verdana, Helvetica;
background-color: #FFFFFF;
}

#CommonOuter
{
margin-left: auto;
margin-right: auto;
}

#Common
{
padding: 10px 15px 0 15px;
}

#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;
}

/* Headers */
h1
{
color: #364683;
font-size: 130%;
font-weight: normal;
padding: 15px 0px 15px 10px;
margin: 0px;
}

h2
{
font-size: 120%;
color: #333333;
padding: 0px 0px 8px 10px;
margin-top: -5px;
margin-bottom: 15px;
font-weight: normal;
}
h3
{
font-size: 110%;
color: #333333;
padding: 0px 0px 8px 1px;
margin-top: -5px;
margin-bottom: 10px;
}

img
{
border-width: 0px;
}

/**
Form Elements 
**/ 
select 
{ 
color: #336699;
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;
}
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: 90%;
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;
}

.CommonPagingArea A:LINK
{

color: #666666;
}

.CommonPagingArea A:VISITED
{

color: #666666;
}

.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;
}

.CommonTitleBarTitleArea
{
}

.CommonTitleBarSearchArea
{
text-align: right;

color: #666666;
padding: 10px;
padding-right: 20px;
margin-top: 5px;
}

.CommonTitleBarImage
{
}

.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
*/

.CommonFormArea
{
}

.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;
}

.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: 15px 0px 3px 0px;
font-size: 100%;
}

.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;
}

.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;
}

